.editor-container{display:flex;height:100%;flex:1}.line-numbers{width:48px;padding:12px 6px;background-color:var(--line-numbers-bg);border-right:1px solid var(--border-color);text-align:right;font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;font-size:1rem;line-height:1.6;overflow:hidden;user-select:none;color:var(--text-color)}.line-number{display:block;padding-right:5px;color:inherit}.line-number.active,.line-number.active-line{background-color:var(--active-line-bg);color:var(--text-color);font-weight:700}#editor{flex:1;padding:12px;background-color:var(--editor-bg);border:none;font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;font-size:1rem;line-height:1.6;resize:none;outline:0;overflow:auto;white-space:pre-wrap;tab-size:4;color:var(--text-color);z-index:2;position:relative;background-color:var(--editor-bg);color:var(--text-color)}#editor::-webkit-scrollbar{width:10px;height:10px}#editor::-webkit-scrollbar-track{background:var(--bg-color)}#editor::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:5px}#editor::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.current-line-highlight{position:absolute;left:48px;right:0;height:1.6em;background-color:var(--active-line-bg);pointer-events:none;z-index:1}.preview .local-image{display:block;margin:0 auto;width:43%;border-radius:10px}@media (max-width:768px){.line-numbers{width:40px;padding:10px 5px;font-size:.9rem}#editor{padding:10px;font-size:.9rem}.current-line-highlight{left:40px}}.preview{flex:1;overflow:auto;background-color:var(--preview-bg);border-left:1px solid var(--border-color);padding:20px;overflow-y:auto;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-family);line-height:1.6}.preview::-webkit-scrollbar{width:10px;height:10px}.preview::-webkit-scrollbar-track{background:var(--bg-color)}.preview::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:5px}.preview::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.preview h1,.preview h2,.preview h3,.preview h4,.preview h5,.preview h6{margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.25;color:var(--heading-color)}.preview h1{font-size:2em;border-bottom:1px solid var(--border-color);padding-bottom:.3em}.preview h2{font-size:1.5em;border-bottom:1px solid var(--border-color);padding-bottom:.3em}.preview h3{font-size:1.25em}.preview h4{font-size:1em}.preview h5{font-size:.875em}.preview h6{font-size:.85em;color:var(--text-color-light)}.preview p{margin-top:0;margin-bottom:16px}.preview blockquote{margin:0 0 16px;padding:0 1em;color:var(--text-color-light);border-left:.25em solid var(--border-color);background-color:var(--bg-color-secondary);border-radius:3px}.preview ol,.preview ul{margin-top:0;margin-bottom:16px;padding-left:2em}.preview ol ol,.preview ol ul,.preview ul ol,.preview ul ul{margin-top:0;margin-bottom:0}.preview li{margin-bottom:.25em}.preview li>p{margin-top:16px}.preview code{font-family:var(--code-font-family);padding:.2em .4em;margin:0;font-size:85%;background-color:var(--code-bg-color);border-radius:3px}.preview pre{font-family:var(--code-font-family);padding:16px;overflow:auto;font-size:85%;line-height:1.45;background-color:var(--code-bg-color);border-radius:3px;margin-bottom:16px}.preview pre code{padding:0;margin:0;font-size:100%;background-color:transparent;border:0}.preview table{display:block;width:100%;overflow:auto;margin-top:0;margin-bottom:16px;border-spacing:0;border-collapse:collapse}.preview table th{font-weight:600;background-color:var(--table-header-bg)}.preview table td,.preview table th{padding:6px 13px;border:1px solid var(--border-color)}.preview table tr{background-color:var(--bg-color);border-top:1px solid var(--border-color)}.preview table tr:nth-child(2n){background-color:var(--table-alt-row-bg)}.preview hr{height:.25em;padding:0;margin:24px 0;background-color:var(--border-color);border:0}.preview img{max-width:100%;box-sizing:content-box;background-color:var(--bg-color)}.preview ul.contains-task-list{padding-left:0}.preview ul.contains-task-list li{list-style-type:none;padding-left:1.5em;position:relative}.preview ul.contains-task-list li input[type=checkbox]{position:absolute;left:0;top:.25em}.preview a{color:var(--link-color);text-decoration:none}.preview a:hover{text-decoration:underline}.preview img.local-image{max-width:100%;display:block;margin:1em auto}.preview img.local-image.error{border:2px dashed #f44336;padding:10px;max-width:300px}@media print{.preview blockquote{border-left:none!important;padding-left:1em!important;background-color:rgba(0,0,0,.03)!important;border-radius:4px!important;margin:1em 0!important}.preview pre{background-color:#f6f8fa!important;border-radius:4px!important;padding:16px!important;overflow:auto!important;white-space:pre-wrap!important;word-break:break-word!important}.preview code{font-family:'Courier New',Courier,monospace!important;font-size:.9em!important}.preview table{width:100%!important;border-collapse:collapse!important;margin:1em 0!important}.preview td,.preview th{border:1px solid #ddd!important;padding:8px 12px!important}.preview th{background-color:#f5f5f5!important}.preview img{max-width:100%!important;height:auto!important}}.toolbar{display:flex;align-items:center;padding:10px 15px;background-color:var(--toolbar-bg);border-bottom:2px solid var(--border-color);flex-wrap:wrap}.toolbar button{background-color:transparent;border:1px solid var(--border-color);border-radius:6px;padding:10px 14px;margin-right:8px;cursor:pointer;font-size:1.05rem;color:var(--text-color);display:flex;align-items:center;justify-content:center;transition:.2s;position:relative;pointer-events:auto}.toolbar button::after{content:attr(data-tooltip);position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.85);color:#fff;padding:6px 12px;border-radius:4px;font-size:.85rem;white-space:nowrap;z-index:1000;opacity:0;visibility:hidden;transition:opacity .1s,visibility .1s;pointer-events:none;box-shadow:0 2px 8px rgba(0,0,0,.2);font-weight:400;letter-spacing:.5px;max-width:300px;text-align:center}.toolbar button::before{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);border-width:5px;border-style:solid;border-color:transparent transparent rgba(0,0,0,.85);opacity:0;visibility:hidden;transition:opacity .1s,visibility .1s;pointer-events:none}.toolbar button:nth-last-child(-n+4)::after{left:auto;right:0;transform:translateX(0)}.toolbar button:nth-last-child(-n+4)::before{left:auto;right:10px;transform:translateX(0)}.toolbar button:nth-child(-n+3)::after{left:0;transform:translateX(0)}.toolbar button:nth-child(-n+3)::before{left:10px;transform:translateX(0)}.toolbar button:hover::after,.toolbar button:hover::before{opacity:1;visibility:visible}.toolbar button:hover{background-color:var(--accent-color-light);color:var(--accent-color);border-color:var(--accent-color)}.toolbar button:active{background-color:var(--accent-color-hover);color:#fff;border-color:var(--accent-color-hover)}.toolbar button:disabled{opacity:.5;cursor:not-allowed}.toolbar button i{font-size:1.3rem;margin-right:5px}.spacer{flex:1}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:var(--bg-color);min-width:200px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1000;border-radius:8px;border:1px solid var(--border-color);right:0;top:120%;opacity:0;transform:translateY(-10px);transition:opacity .3s,transform .3s,visibility .3s;pointer-events:none;visibility:hidden}.dropdown-content.show{display:block!important;opacity:1;transform:translateY(0);pointer-events:auto;z-index:1001;visibility:visible}.dropdown-content button{color:var(--text-color);padding:12px 16px;text-decoration:none;display:block;text-align:left;width:100%;border-radius:0;margin:0;border:none;border-bottom:1px solid var(--border-color);cursor:pointer;position:relative}.dropdown-content button::after{bottom:auto;top:50%;left:100%;transform:translateY(-50%);margin-left:10px}.dropdown-content button::before{bottom:auto;top:50%;left:100%;transform:translateY(-50%);margin-left:5px;border-color:transparent transparent transparent rgba(0,0,0,.85)}.dropdown-content button:hover::after{left:auto;right:100%;margin-left:0;margin-right:10px}.dropdown-content button:hover::before{left:auto;right:100%;margin-left:0;margin-right:5px;border-color:transparent rgba(0,0,0,.85) transparent transparent}.dropdown-content button:first-child{border-radius:8px 8px 0 0}.dropdown-content button:last-child{border-bottom:none;border-radius:0 0 8px 8px}.dropdown-content button:hover{background-color:var(--accent-color-light)}#scroll-sync-btn{opacity:.7}#scroll-sync-btn.active{opacity:1;color:#fff;background-color:var(--accent-color);border-color:var(--accent-color)}#export-btn,#save-btn{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color);font-weight:700}#export-btn:hover,#save-btn:hover{background-color:var(--accent-color-hover);border-color:var(--accent-color-hover)}#autosave-btn,#theme-btn{color:var(--accent-color);border-color:var(--accent-color)}#autosave-btn.active{background-color:var(--success-color);color:#fff;border-color:var(--success-color)}#autosave-btn.active:hover{background-color:#219653;border-color:#219653}#language-btn{background-color:#4a69bd;border:1px solid #4a69bd;color:#fff;transition:.2s}#language-btn:hover{background-color:#1e3799;color:#fff;border-color:#1e3799}#language-btn:active{background-color:#0c2461;color:#fff;border-color:#0c2461}.dark-theme #language-btn{background-color:#3742fa;border-color:#3742fa;color:#fff}.dark-theme #language-btn:hover{background-color:#5352ed;border-color:#5352ed}.dark-theme #language-btn:active{background-color:#2f3542;border-color:#2f3542}#language-btn i{font-size:1.3rem;margin-right:0}#autosave-btn,#language-btn,#theme-btn{padding:10px 12px;margin-left:5px}.dark-theme .dropdown-content button::after,.dark-theme .toolbar button::after{background-color:rgba(255,255,255,.85);color:#333;box-shadow:0 2px 8px rgba(0,0,0,.4)}.dark-theme .toolbar button::before{border-color:transparent transparent rgba(255,255,255,.85)}.dark-theme .dropdown-content button::before{border-color:transparent transparent transparent rgba(255,255,255,.85)}.dark-theme .dropdown-content button:hover::before{border-color:transparent rgba(255,255,255,.85) transparent transparent}@media (max-width:768px){.toolbar{padding:8px 10px}.toolbar button{padding:8px 10px;margin-right:5px;font-size:.95rem}.toolbar button i{font-size:1.1rem}}.toolbar button.tooltip-left-align::after{left:0;transform:translateX(0)}.toolbar button.tooltip-left-align::before{left:10px;transform:translateX(0)}.toolbar button.tooltip-right-align::after{left:auto;right:0;transform:translateX(0)}.toolbar button.tooltip-right-align::before{left:auto;right:10px;transform:translateX(0)}.dropdown-content button.tooltip-left-side::after{left:auto;right:100%;margin-left:0;margin-right:10px}.dropdown-content button.tooltip-left-side::before{left:auto;right:100%;margin-left:0;margin-right:5px;border-color:transparent rgba(0,0,0,.85) transparent transparent}.dark-theme .dropdown-content button.tooltip-left-side::before{border-color:transparent rgba(255,255,255,.85) transparent transparent}.modal-content{background-color:#fefefe;border:1px solid #ddd;max-height:80vh;overflow-y:auto;box-shadow:0 4px 8px rgba(0,0,0,.1)}body.dark-theme .modal-content{background-color:#0d1117;color:#c9d1d9;border:1px solid #30363d}.close{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer}.close:focus,.close:hover{color:#000;text-decoration:none}body.dark-theme .close:focus,body.dark-theme .close:hover{color:#fff}.modal-content h2{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eaecef}body.dark-theme .modal-content h2{border-bottom:1px solid #30363d}.modal-content table{width:100%;border-collapse:collapse;margin-bottom:20px}.modal-content td,.modal-content th{padding:8px 12px;text-align:left;border:1px solid #dfe2e5}body.dark-theme .modal-content td,body.dark-theme .modal-content th{border:1px solid #30363d}.modal-content th{background-color:#f6f8fa;font-weight:600}body.dark-theme .modal-content th{background-color:#161b22}.modal-content tr:nth-child(2n){background-color:#f6f8fa}body.dark-theme .modal-content tr:nth-child(2n){background-color:#161b22}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.5);backdrop-filter:blur(3px);animation:.2s ease-out fadeIn}.modal-content{position:relative;background-color:var(--bg-color);margin:5% auto;padding:25px;border:1px solid var(--border-color);border-radius:12px;width:80%;max-width:800px;box-shadow:0 5px 15px rgba(0,0,0,.2);animation:.3s ease-out slideDown}.modal .close{position:absolute;right:20px;top:15px;color:var(--text-color-light);font-size:28px;font-weight:700;cursor:pointer;transition:color .2s;z-index:10}.modal .close:hover{color:var(--accent-color)}.modal h2{margin-top:0;margin-bottom:20px;color:var(--text-color);font-size:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:15px}#shortcut-table{width:100%;border-collapse:collapse;margin-top:10px}#shortcut-table td,#shortcut-table th{padding:12px 15px;text-align:left;border-bottom:1px solid var(--border-color-light)}#shortcut-table th{background-color:var(--bg-color-secondary);font-weight:700}#shortcut-table tr:hover{background-color:var(--bg-color-hover)}.upload-container{display:flex;flex-direction:column;gap:15px}.upload-container input[type=file]{padding:10px;border:1px solid var(--border-color);border-radius:6px;background-color:var(--bg-color-secondary)}.upload-container button{padding:12px;background-color:var(--accent-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:background-color .2s}.upload-container button:hover{background-color:var(--accent-color-hover)}.image-preview-container p{margin-bottom:10px;font-weight:700}#image-preview{max-width:100%;border:1px dashed var(--border-color);display:flex;align-items:center;justify-content:center;min-height:150px}#image-preview img{object-fit:contain;max-width:100%;max-height:180px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideDown{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.export-preview-content{width:90%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;padding:0;overflow:hidden}.export-preview-header{padding:20px 25px;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:15px}.export-preview-header h2{margin:0;padding:0;border:none}.export-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.export-filename{display:flex;align-items:center;gap:8px;flex:1;min-width:200px}.export-filename label{font-weight:700;white-space:nowrap}.export-filename input{flex:1;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background-color:var(--bg-color-secondary);color:var(--text-color);font-size:1rem}.export-filename span{font-weight:700;color:var(--text-color-light)}.export-preview-container{flex:1;overflow:auto;padding:25px;background-color:var(--bg-color-secondary);border-radius:0 0 12px 12px}#export-preview-content{background-color:var(--bg-color);padding:30px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);min-height:300px;max-width:210mm;margin:0 auto}#export-preview-content.pdf-preview{width:210mm;min-height:297mm;padding:20mm;box-shadow:0 5px 25px rgba(0,0,0,.15)}.primary-btn,.secondary-btn{padding:8px 16px;border-radius:6px;border:none;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:.2s}.primary-btn{background-color:var(--accent-color);color:#fff}.primary-btn:hover{background-color:var(--accent-color-hover)}.secondary-btn{background-color:var(--bg-color-secondary);color:var(--text-color);border:1px solid var(--border-color)}.secondary-btn:hover{background-color:var(--bg-color-hover)}@media (max-width:768px){.modal-content{width:95%;margin:10% auto;padding:15px}.export-actions{flex-direction:column;align-items:stretch}.export-filename{width:100%}}:root{--accent-color:#2e86de;--accent-color-light:rgba(46, 134, 222, 0.2);--accent-color-hover:#1c6dc9;--error-color:#e74c3c;--warning-color:#f39c12;--success-color:#27ae60;--info-color:#3498db;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--code-font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;font-size:120%;--accent-color:#2e86de;--accent-color-hover:#1c6dc9;--accent-color-light:rgba(46, 134, 222, 0.2);--success-color:#2ecc71;--warning-color:#f39c12;--error-color:#e74c3c;--info-color:#3498db}.light-theme{--bg-color:#ffffff;--bg-color-secondary:#f8f8f8;--bg-color-hover:#f0f0f0;--text-color:#333333;--text-color-light:#6a737d;--border-color:#dddddd;--border-color-light:#eeeeee;--toolbar-bg:#f5f5f5;--editor-bg:#f8f8f8;--line-numbers-bg:#f0f0f0;--active-line-bg:var(--accent-color-light);--preview-bg:#ffffff;--status-bar-bg:#f5f5f5;--gutter-bg:#eeeeee;--link-color:var(--accent-color);--blockquote-color:#6a737d;--blockquote-border:var(--accent-color);--code-bg-color:rgba(27, 31, 35, 0.05);--pre-bg:#f6f8fa;--table-border:#dfe2e5;--table-row-bg:#ffffff;--table-alt-row-bg:#f6f8fa;--table-header-bg:#f2f2f2;--hr-color:var(--accent-color-light);--notification-bg:var(--accent-color);--notification-color:#ffffff;--strong-bg:rgba(255, 255, 0, 0.25);--strong-color:#000000;--heading-color:var(--accent-color)}.dark-theme{--bg-color:#1e1e1e;--bg-color-secondary:#252526;--bg-color-hover:#2d2d2d;--text-color:#e0e0e0;--text-color-light:#a0a0a0;--border-color:#444444;--border-color-light:#555555;--toolbar-bg:#252526;--editor-bg:#1e1e1e;--line-numbers-bg:#252526;--active-line-bg:rgba(46, 134, 222, 0.3);--preview-bg:#1e1e1e;--status-bar-bg:#252526;--gutter-bg:#333333;--link-color:#5ca8ff;--blockquote-color:#a0a0a0;--blockquote-border:var(--accent-color);--code-bg-color:rgba(255, 255, 255, 0.1);--pre-bg:#2d2d2d;--table-border:#444444;--table-row-bg:#1e1e1e;--table-alt-row-bg:#252526;--table-header-bg:#333333;--hr-color:#444444;--notification-bg:var(--accent-color);--notification-color:#ffffff;--strong-bg:rgba(255, 255, 0, 0.2);--strong-color:#ffffff;--heading-color:#5ca8ff}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-family);font-family:"LXGW WenKai";font-weight:400;font-family:'LXGW WenKai',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;height:100vh;overflow:hidden;display:flex;flex-direction:column}.toolbar{background-color:var(--toolbar-bg);border-color:var(--border-color)}.toolbar button{color:var(--text-color)}.editor{background-color:var(--editor-bg);border-color:var(--border-color)}.line-numbers{background-color:var(--line-numbers-bg);border-color:var(--border-color);color:var(--text-color);opacity:.7}.active-line{background-color:var(--active-line-bg)}.preview{background-color:var(--preview-bg)}.status-bar{background-color:var(--status-bar-bg);border-color:var(--border-color);color:var(--text-color)}.gutter{background-color:var(--gutter-bg)}.notification{background-color:var(--notification-bg);color:var(--notification-color)}.notification.success{background-color:var(--success-color)}.notification.error{background-color:var(--error-color)}.notification.warning{background-color:var(--warning-color)}.notification.info{background-color:var(--info-color)}.dark-theme .preview h1,.dark-theme .preview h2,.dark-theme .preview h3,.dark-theme .preview h4,.dark-theme .preview h5,.dark-theme .preview h6{color:var(--heading-color)}.dark-theme .preview h1,.dark-theme .preview h2{border-color:var(--border-color)}.dark-theme .preview a{color:var(--link-color)}.dark-theme .preview blockquote{color:var(--text-color-light);border-color:var(--blockquote-border);background-color:rgba(255,255,255,.05)}.dark-theme .preview code{background-color:var(--code-bg-color)}.dark-theme .preview pre{background-color:var(--pre-bg);border-color:var(--border-color)}.dark-theme .preview table th{background-color:var(--table-header-bg)}.dark-theme .preview table td,.dark-theme .preview table th{border-color:var(--table-border)}.dark-theme .preview table tr{background-color:var(--table-row-bg);border-color:var(--table-border)}.dark-theme .preview table tr:nth-child(2n){background-color:var(--table-alt-row-bg)}.dark-theme .preview hr{background-color:var(--hr-color)}.dark-theme .preview img{background-color:var(--bg-color);border:1px solid var(--border-color)}.dark-theme .markdown-body{color:var(--text-color)}.dark-theme .markdown-body h1,.dark-theme .markdown-body h2,.dark-theme .markdown-body h3,.dark-theme .markdown-body h4,.dark-theme .markdown-body h5,.dark-theme .markdown-body h6{color:var(--heading-color)}.dark-theme .markdown-body h1,.dark-theme .markdown-body h2{border-color:var(--accent-color-light)}.dark-theme .markdown-body a{color:var(--link-color);border-bottom:1px dotted var(--link-color)}.dark-theme .markdown-body a:hover{border-bottom:1px solid var(--link-color)}.dark-theme .markdown-body strong{background-color:var(--strong-bg);color:var(--strong-color)}.dark-theme .markdown-body blockquote{color:var(--blockquote-color);border-color:var(--blockquote-border);background-color:rgba(255,255,255,.05)}.dark-theme .markdown-body code{background-color:var(--code-bg-color)}.dark-theme .markdown-body pre{background-color:var(--pre-bg);border-color:#444}.dark-theme .markdown-body table th{background-color:rgba(46,134,222,.2)}.dark-theme .markdown-body table td,.dark-theme .markdown-body table th{border-color:var(--table-border)}.dark-theme .markdown-body table tr{background-color:var(--table-row-bg);border-color:var(--table-border)}.dark-theme .markdown-body table tr:nth-child(2n){background-color:var(--table-alt-row-bg)}.dark-theme .markdown-body hr{background-color:var(--hr-color)}.dark-theme .markdown-body img{background-color:var(--bg-color);border:1px solid var(--border-color)}*{box-sizing:border-box;margin:0;padding:0}.container{flex:1;display:flex;flex-direction:column;overflow:hidden}.content{flex:1;display:flex;overflow:hidden}.editor-container,.preview-container{flex:1;overflow:hidden;position:relative}.gutter{background-color:var(--gutter-bg);width:14px;cursor:col-resize;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==');background-repeat:no-repeat;background-position:50%}.status-bar{height:38px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;background-color:var(--status-bar-bg);border-top:1px solid var(--border-color);font-size:.9rem;box-shadow:0 -1px 3px rgba(0,0,0,.05)}.status-bar-item{display:flex;align-items:center}.status-bar-item:not(:last-child){margin-right:20px}.status-bar-item i{margin-right:5px;color:var(--accent-color)}.icon-button{background:0 0;border:none;cursor:pointer;padding:3px 6px;margin-left:8px;border-radius:4px;color:var(--text-color);opacity:.7;transition:.2s}.icon-button:hover{background-color:var(--accent-color-light);opacity:1}.icon-button:active{transform:scale(.95)}.icon-button i{margin-right:0}.saved{color:var(--success-color);font-weight:700}.unsaved{color:var(--warning-color);font-weight:700}.loaded{color:var(--info-color);font-weight:700}.notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);padding:15px 25px;background-color:var(--notification-bg);color:var(--notification-color);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.3);z-index:1000;opacity:0;visibility:hidden;transition:opacity .5s,transform .5s,visibility .5s;font-weight:500;text-align:center;min-width:300px;max-width:80%;border-left:5px solid var(--accent-color-hover);pointer-events:auto;cursor:pointer}.notification.show{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.notification-success{background-color:rgba(46,204,113,.9);border-left-color:#27ae60;color:#fff}.notification-error{background-color:rgba(231,76,60,.9);border-left-color:#c0392b;color:#fff}.notification-warning{background-color:rgba(243,156,18,.9);border-left-color:#d35400;color:#fff}.notification-info{background-color:rgba(52,152,219,.9);border-left-color:#2980b9;color:#fff}.upload-container{margin:20px 0;display:flex;flex-direction:column;gap:10px}#image-file{padding:10px;border:1px solid var(--border-color);border-radius:4px;width:100%}#upload-image-btn{padding:10px 15px;background-color:var(--accent-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500}#upload-image-btn:hover{background-color:var(--accent-color-hover)}.image-preview-container{margin-top:20px}#image-preview{margin-top:10px;max-height:200px;overflow:auto;border:1px solid var(--border-color);padding:10px;border-radius:4px;text-align:center}@media (max-width:768px){.content{flex-direction:column}.gutter{width:100%;height:14px;cursor:row-resize}}