.te-root{--bg:#0f1115;--panel:#171b22;--panel-elevated:#1c212b;--panel-muted:#11161d;--line:#2a3441;--line-soft:#212937;--accent:#0e639c;--accent-soft:#123a52;--accent-strong:#17b;--text:#d6d9df;--muted:#8e9aab;--success:#4ec9b0;--warn:#dcdcaa;--danger:#f48771;background:radial-gradient(circle at top left, #1177bb24, transparent 24%), radial-gradient(circle at top right, #4ec9b017, transparent 20%), var(--bg);width:100vw;height:100vh;color:var(--text);flex-direction:column;font-family:Aptos,Segoe UI,system-ui,sans-serif;display:flex;overflow:hidden}.te-toolbar{border-bottom:1px solid var(--line);background:linear-gradient(#171b22fa,#11161dfa);flex-wrap:wrap;align-items:center;gap:12px;min-height:58px;padding:10px 14px;display:flex}.te-brand{flex-direction:column;gap:2px;min-width:180px;display:flex}.te-logo{color:#9cdcfe;letter-spacing:.04em;font-size:14px;font-weight:700}.te-tagline{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.te-status{border:1px solid #0000;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.te-status--idle{color:var(--success);background:#4ec9b01f;border-color:#4ec9b03d}.te-status--loading,.te-status--compiling{color:var(--warn);background:#dcdcaa14;border-color:#dcdcaa3d;animation:1.2s infinite pulse}.te-status--error{color:var(--danger);background:#f487711f;border-color:#f487713d}@keyframes pulse{0%,to{opacity:1}50%{opacity:.65}}.te-entry-picker{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.te-entry-picker select{background:var(--panel-elevated);min-width:220px;max-width:320px;color:var(--text);border:1px solid var(--line);border-radius:8px;outline:none;padding:7px 10px}.te-entry-picker select:focus{border-color:var(--accent-strong)}.te-spacer{flex:1}.te-btn{border:1px solid var(--line);background:var(--panel-elevated);color:var(--text);cursor:pointer;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.te-btn:hover:not(:disabled){background:#242c37;border-color:#36516b}.te-btn:disabled{opacity:.45;cursor:not-allowed}.te-btn--ghost{background:0 0}.te-btn--accent{background:linear-gradient(180deg, var(--accent-strong), var(--accent));color:#fff;border-color:#9cdcfe33}.te-btn--accent:hover:not(:disabled){background:linear-gradient(#168ad8,#17b);border-color:#9cdcfe59}.te-zoom{align-items:center;gap:4px;font-size:12px;display:flex}.te-zoom button{border:1px solid var(--line);background:var(--panel-elevated);width:28px;height:28px;color:var(--text);cursor:pointer;border-radius:8px}.te-zoom button:hover{background:#242c37}.te-zoom span{text-align:center;min-width:44px}.te-panels{flex:1;min-height:0;display:flex}.te-pane{background:#171b22eb;flex-direction:column;height:100%;min-height:0;display:flex}.te-sidebar{background:linear-gradient(#151a22fa,#11161dfa)}.te-editor-pane{background:#13171ffa}.te-pane-header{border-bottom:1px solid var(--line-soft);background:#ffffff05;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.te-pane-title{flex-direction:column;gap:2px;display:flex}.te-pane-title strong{font-size:13px;font-weight:700}.te-pane-title span{color:var(--muted);font-size:11px}.te-pane-title--file span{letter-spacing:.02em}.te-section-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.te-starters{border-bottom:1px solid var(--line-soft);flex-direction:column;gap:10px;padding:12px;display:flex}.te-starter-list{flex-wrap:wrap;gap:8px;display:flex}.te-starter-chip{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#1177bb14;border-radius:999px;padding:6px 10px;font-size:11px}.te-starter-chip.is-active,.te-starter-chip:hover{background:#1177bb2e;border-color:#9cdcfe40}.te-tree{flex:1;min-height:0;padding:8px 0 16px;overflow:auto}.te-tree-group{flex-direction:column;display:flex}.te-tree-row{width:100%;min-height:32px;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;display:flex}.te-tree-row:hover{background:#ffffff0a}.te-tree-row--file.is-active{color:#cfefff;background:#1177bb2e}.te-tree-row--folder{color:#c8d0db;font-weight:600}.te-tree-caret{color:#7fb8dc;text-align:center;flex-shrink:0;width:12px}.te-tree-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.te-tree-pill{text-transform:uppercase;letter-spacing:.06em;color:var(--success);background:#4ec9b024;border-radius:999px;margin-left:auto;margin-right:12px;padding:2px 6px;font-size:10px}.te-tabs{border-bottom:1px solid var(--line-soft);background:#121720;align-items:stretch;gap:1px;display:flex;overflow-x:auto}.te-tab{min-width:0;color:var(--muted);cursor:pointer;white-space:nowrap;background:#171c25;border:none;align-items:center;gap:8px;padding:10px 12px;display:inline-flex}.te-tab:hover{color:var(--text);background:#1c2430}.te-tab.is-active{color:var(--text);background:#1f2733;box-shadow:inset 0 2px #7fb8dc}.te-tab-name{text-overflow:ellipsis;overflow:hidden}.te-tab-badge{text-transform:uppercase;letter-spacing:.06em;color:var(--success);background:#4ec9b024;border-radius:999px;padding:2px 6px;font-size:10px}.te-tab-close{color:var(--muted);font-size:15px;line-height:1}.te-tab-close:hover{color:var(--danger)}.te-editor-shell{flex:1;min-height:0}.te-handle{cursor:col-resize;background:linear-gradient(#10151c,#0d1117);border-left:1px solid #ffffff05;border-right:1px solid #ffffff05;width:6px}.te-handle:hover{background:linear-gradient(#1177bb6b,#1177bb38)}.te-preview{background:linear-gradient(#ffffff05,#0000 30%),#20262f;flex-direction:column;flex:1;align-items:center;gap:18px;min-height:0;padding:18px 16px 28px;display:flex;overflow:auto}.te-preview-metric{color:var(--muted);font-size:11px}.te-preview-stage{width:100%;transform:scale(var(--te-preview-scale,1));transform-origin:top;justify-content:center;transition:transform .1s;display:flex}.te-preview-mount{flex-direction:column;align-items:center;gap:18px;width:min(100%,920px);display:flex}.te-preview-mount>.typst-page,.te-preview-mount>.typst-dom-page,.te-preview-mount .typst-dom-page,.te-preview-mount .typst-page.canvas{background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 18px 40px #00000059}.te-preview-mount .typst-html-semantics{cursor:pointer;position:absolute;inset:0}.te-preview-mount .typst-html-semantics *{cursor:pointer}.te-preview-mount .typst-html-semantics [data-span]{outline:none}.te-preview-mount .typst-html-semantics [data-span]:hover{background:#0e639c1f}.te-preview-mount canvas,.te-preview-mount svg{display:block}.te-preview-mount .typst-svg-resources{width:0;height:0}.te-center{text-align:center;min-height:220px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.te-center small{color:#748195;max-width:320px;font-size:12px}.te-center--empty{color:#768395}.te-spinner{border:3px solid #ffffff1a;border-top-color:#9cdcfe;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.te-error{background:#451818db;border:1px solid #f4877161;border-radius:10px;width:min(100%,720px);padding:14px}.te-error strong{color:var(--danger);margin-bottom:8px;font-size:13px;display:block}.te-error pre{color:#ffd2ca;white-space:pre-wrap;word-break:break-word;margin:0;font-family:JetBrains Mono,Cascadia Code,monospace;font-size:12px}.te-statusbar{border-top:1px solid var(--line);background:linear-gradient(180deg, var(--accent-strong), var(--accent));color:#fff;letter-spacing:.03em;align-items:center;gap:18px;min-height:30px;padding:0 12px;font-size:11px;display:flex;overflow-x:auto}@media (width<=1100px){.te-entry-picker select{min-width:180px}.te-statusbar{gap:12px}}@media (width<=860px){.te-tagline{display:none}.te-toolbar{padding-bottom:12px}.te-entry-picker{width:100%}.te-entry-picker select{flex:1;max-width:none}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}