:root,:root[data-theme=light]{--bg:#f4f5f7;--panel-bg:#fff;--panel-alt:#fbfbfc;--border:#e3e5ea;--text:#2b2f36;--text-muted:#6b7280;--accent:#4f46e5;--accent-soft:#eef0fe;--code-bg:#f6f7f9;--danger:#b42318;--danger-bg:#fef3f2;--preview-bg:#eceef1}:root[data-theme=dark]{--bg:#16181d;--panel-bg:#1e2127;--panel-alt:#191c21;--border:#2c313a;--text:#e6e8ec;--text-muted:#9aa2b1;--accent:#8b83ff;--accent-soft:#2a2952;--code-bg:#12141a;--danger:#ff9a8f;--danger-bg:#3a1f1c;--preview-bg:#0e0f13}:root{color:var(--text);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overflow:hidden}.app{flex-direction:column;height:100vh;display:flex}.app-header{background:var(--panel-bg);border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.app-title{align-items:center;gap:12px;display:flex}.app-logo{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:10px;place-items:center;font-size:28px;font-weight:700;line-height:1;display:grid}.app-title h1{margin:0;font-size:18px}.app-title p{color:var(--text-muted);margin:2px 0 0;font-size:13px}.header-actions{align-items:center;gap:8px;display:flex}.reset-btn,.icon-btn{border:1px solid var(--border);background:var(--panel-bg);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:8px;padding:8px 14px;font-size:13px}.reset-btn:hover,.icon-btn:hover{background:var(--code-bg);border-color:var(--accent)}.columns{grid-template-columns:var(--left-w,300px) 6px minmax(240px, 1fr) 6px var(--right-w,480px);flex:auto;min-height:0;display:grid}.gutter{background:var(--border);cursor:col-resize}.gutter:hover,body.col-resizing .gutter{background:var(--accent)}body.col-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.panel{background:var(--panel-bg);border-right:1px solid var(--border);flex-direction:column;min-width:0;min-height:0;display:flex}.panel:last-child{border-right:none}.panel-header{border-bottom:1px solid var(--border);flex:none;padding:14px 16px 12px}.panel-header h2{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0;font-size:14px}.panel-hint{color:var(--text-muted);margin:4px 0 0;font-size:12px}.panel-body{flex:auto;min-height:0;overflow:auto}.reference-panel{background:var(--panel-alt)}.tabs{background:var(--code-bg);border-radius:8px;gap:4px;margin-top:10px;padding:3px;display:flex}.tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1 1 0;padding:6px 10px;font-size:13px;font-weight:600}.tab-active{background:var(--panel-bg);color:var(--accent);box-shadow:0 1px 2px #00000014}.search{border:1px solid var(--border);background:var(--panel-bg);border-radius:8px;width:100%;margin-top:10px;padding:7px 10px;font-size:13px}.search:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.ref-group{padding:12px 12px 4px}.ref-group h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 8px;font-size:11px}.ref-item{text-align:left;border:1px solid var(--border);background:var(--panel-bg);cursor:pointer;border-radius:8px;width:100%;margin-bottom:8px;padding:8px 10px;transition:border-color .12s,box-shadow .12s;display:block}.ref-item:hover{border-color:var(--accent);box-shadow:0 1px 4px #4f46e51f}.ref-item-label{color:var(--text);font-size:13px;font-weight:600;display:block}.ref-item-desc{color:var(--text-muted);margin:2px 0 6px;font-size:11.5px;line-height:1.35;display:block}.ref-item-code{color:var(--accent);background:var(--code-bg);white-space:pre-wrap;word-break:break-word;border-radius:5px;padding:4px 6px;font-family:SF Mono,Fira Code,Menlo,Consolas,monospace;font-size:11.5px;display:block}.empty{color:var(--text-muted);padding:16px;font-size:13px}.editor-body{padding:0;overflow:hidden}.editor-footer{border-top:1px solid var(--border);background:var(--panel-alt);color:var(--text-muted);flex:none;gap:16px;padding:6px 14px;font-size:12px;display:flex}.cm-host{height:100%}.cm-host .cm-editor{height:100%;font-size:14px}.cm-host .cm-editor.cm-focused{outline:none}.cm-host .cm-scroller{font-family:SF Mono,Fira Code,Menlo,Consolas,monospace;line-height:1.6}.preview-body{background:var(--preview-bg);padding:16px;position:relative}.preview-frame{background:#fff;border:none;border-radius:8px;width:100%;height:100%;box-shadow:0 1px 6px #00000014}.preview-empty{color:var(--text-muted);padding:24px;font-size:14px}.preview-error{z-index:2;background:var(--danger-bg);color:var(--danger);border:1px solid #fecdca;border-radius:8px;padding:8px 12px;font-size:12.5px;position:absolute;top:16px;left:16px;right:16px;box-shadow:0 2px 8px #0000000f}.preview-toolbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.preview-toolbar .tabs{flex:none;margin-top:0}.preview-toolbar .tab{flex:none}.icon-btn.small{padding:5px 10px;font-size:12px}a.icon-btn{align-items:center;text-decoration:none;display:inline-flex}.pdf-actions{gap:6px;display:flex}.pdf-body{flex-direction:column;gap:12px}.pdf-frame{flex:auto;min-height:0}.pdf-status{color:var(--text-muted);flex-direction:column;gap:14px;width:100%;max-width:440px;margin:auto;padding:24px 18px;font-size:14px;display:flex}.pdf-status-row{color:var(--text);align-items:center;gap:10px;display:flex}.pdf-progress{flex-direction:column;gap:8px;display:flex}.progress-track{background:var(--border);border-radius:999px;height:8px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:999px;width:0;height:100%;transition:width .3s}.progress-fill.indeterminate{width:40%;animation:1.1s ease-in-out infinite indeterminate}@keyframes indeterminate{0%{margin-left:-40%}to{margin-left:100%}}.progress-meta{font-variant-numeric:tabular-nums;color:var(--text);font-size:13px}.pdf-status-note{color:var(--text-muted);margin:0;font-size:12.5px;line-height:1.5}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex:none;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pdf-intro{text-align:center;max-width:420px;color:var(--text);margin:auto;padding:24px;font-size:14px}.pdf-intro p{margin:0 0 12px}.pdf-note{color:var(--text-muted);font-size:12.5px}.compile-cta{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:8px;padding:10px 20px;font-size:14px;font-weight:600}.compile-cta:hover{filter:brightness(1.08)}.pdf-error-wrap{padding:4px;overflow:auto}.preview-error.static{box-shadow:none;margin-bottom:12px;position:static}.log-toggle{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:13px}.log-text{background:var(--code-bg);border:1px solid var(--border);white-space:pre-wrap;max-height:320px;color:var(--text);border-radius:8px;padding:10px;font-size:11.5px;line-height:1.5;overflow:auto}.images-panel{padding:12px}.dropzone{border:2px dashed var(--border);text-align:center;cursor:pointer;color:var(--text-muted);border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:22px 12px;font-size:13px;transition:border-color .12s,background .12s;display:flex}.dropzone:hover,.dropzone-over{border-color:var(--accent);background:var(--accent-soft)}.dropzone-icon{font-size:26px}.dropzone-link{color:var(--accent);text-decoration:underline}.image-list{flex-direction:column;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.image-item{border:1px solid var(--border);background:var(--panel-bg);border-radius:8px;align-items:center;gap:8px;padding:6px;display:flex}.image-thumb{object-fit:cover;background:var(--code-bg);border-radius:6px;flex:none;width:44px;height:44px}.image-meta{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.image-insert{text-align:left;cursor:pointer;color:var(--accent);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;padding:0;font-size:12.5px;font-weight:600;overflow:hidden}.image-size{color:var(--text-muted);font-size:11px}.image-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:none;padding:4px;font-size:13px}.image-remove:hover{color:var(--danger)}.sym-wrap{padding:12px 12px 4px}.sym-group{margin-bottom:14px}.sym-group h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 8px;font-size:11px}.sym-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:6px;display:grid}.sym-btn{border:1px solid var(--border);background:var(--panel-bg);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;transition:border-color .12s,box-shadow .12s;display:flex}.sym-btn:hover{border-color:var(--accent);box-shadow:0 1px 4px #4f46e51f}.sym-glyph{color:var(--text);font-size:20px;line-height:1}.sym-code{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:SF Mono,Fira Code,Menlo,Consolas,monospace;font-size:9.5px;overflow:hidden}@media (width<=900px){body{overflow:auto}.app{height:auto}.columns{grid-template-columns:1fr}.gutter{display:none}.panel{border-right:none;border-bottom:1px solid var(--border);height:70vh}}