*,:before,:after{box-sizing:border-box}body{margin:0}:root{--bg:#1e1e1e;--surface:#252526;--border:#3c3c3c;--text:#d4d4d4;--text-dim:#858585;--line-num:#85858573;--status-ok:#4ec9b0;--status-err:#f44747;--status-busy:#dcdcaa;--file-hover:#2a2d2e;--file-active:#37373d;--mono:"JetBrains Mono", ui-monospace, Consolas, monospace;--editor-font:13px;--editor-lh:1.55;--pad:12px;--statusbar-bg:#007acc;--statusbar-fg:#fff}[data-theme=light]{--bg:#fff;--surface:#f3f3f3;--border:#d4d4d4;--text:#1e1e1e;--text-dim:#6e6e6e;--line-num:#6e6e6e66;--status-ok:green;--status-err:#a31515;--status-busy:#795e26;--file-hover:#e8e8e8;--file-active:#d6d6e7;--statusbar-bg:#0a639c;--statusbar-fg:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--mono);height:100dvh;overflow:hidden}#root{border:none;flex-direction:column;width:100%;max-width:100%;height:100dvh;display:flex}.app{flex-direction:column;height:100dvh;display:flex}.toolbar{background:var(--surface);border-bottom:1px solid var(--border);height:36px;color:var(--text-dim);flex-shrink:0;align-items:center;gap:16px;padding:0 12px;font-size:13px;display:flex;position:relative;overflow:hidden}.show-lg{display:none}@media (width<=1064px){.hide-lg{display:none!important}.show-lg{display:inline}}@media (width<=820px){.hide-md{display:none!important}}@media (width<=560px){.hide-sm{display:none!important}}.font-size-control{align-items:center;gap:2px;display:flex}.fs-btn{border:1px solid var(--border);color:var(--text-dim);font-family:var(--mono);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:14px;line-height:1;display:flex}.fs-btn:hover{color:var(--text);border-color:var(--text-dim)}.fs-input{background:var(--bg);border:1px solid var(--border);width:36px;color:var(--text);font-family:var(--mono);text-align:center;-moz-appearance:textfield;padding:1px 2px;font-size:13px}.fs-input:focus{outline:1px solid var(--text-dim)}.fs-input::-webkit-outer-spin-button{-webkit-appearance:none}.fs-input::-webkit-inner-spin-button{-webkit-appearance:none}.sidebar-toggle{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:2px;display:flex}.sidebar-toggle:hover{color:var(--text);background:var(--file-hover)}.brand{color:var(--text);margin-right:4px;font-size:13px}.option{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:5px;display:flex}.option input[type=checkbox]{cursor:pointer;width:13px;height:13px;accent-color:var(--text)}.uf-input{background:var(--bg);border:1px solid var(--border);width:46px;color:var(--text);font-family:var(--mono);padding:1px 5px;font-size:13px}.uf-input:focus{outline:1px solid var(--text-dim)}.theme-toggle{border:1px solid var(--border);color:var(--text-dim);font-family:var(--mono);cursor:pointer;background:0 0;padding:2px 7px;font-size:12px}.theme-toggle:hover{color:var(--text);border-color:var(--text-dim)}.toolbar-left{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.toolbar-center{flex:none;align-items:center;gap:8px;display:flex}.toolbar-right{flex:1;justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.command-center{background:var(--bg);border:1px solid var(--border);width:min(320px,28vw);height:24px;color:var(--text-dim);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:0 10px;font-family:system-ui,Segoe UI,sans-serif;font-size:13px;display:flex}.command-center:hover{color:var(--text);border-color:var(--text-dim)}.command-center-icon{flex-shrink:0}.command-center-label{text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.palette-btn{background:var(--statusbar-bg);color:var(--statusbar-fg);font-family:var(--mono);cursor:pointer;white-space:nowrap;border:none;border-radius:3px;padding:3px 9px;font-size:12px}.palette-btn:hover{filter:brightness(1.12)}.sidebar{background:var(--surface);-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;min-width:120px;max-width:480px;font-family:system-ui,Segoe UI,sans-serif;display:flex;overflow-y:auto}.sidebar-title{letter-spacing:.08em;color:var(--text);padding:8px 12px 6px;font-size:12px;font-weight:700}.sidebar-folder{cursor:pointer;align-items:center;gap:4px;padding:3px 6px;display:flex}.sidebar-folder:hover{background:var(--file-hover)}.folder-chevron{color:var(--text-dim);flex-shrink:0;font-size:18px;line-height:1;transition:transform .15s;display:inline-block;transform:rotate(-90deg)}.folder-chevron.open{transform:rotate(0)}.folder-name{letter-spacing:.04em;color:var(--text);font-size:13px;font-weight:700}.subfolder-row{cursor:pointer;height:24px;color:var(--text);align-items:center;gap:4px;padding:2px 6px 2px 18px;display:flex}.subfolder-row:hover{background:var(--file-hover)}.subfolder-name{color:var(--text);font-family:system-ui,Segoe UI,sans-serif;font-size:14px}.file-row{height:24px;color:var(--text);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;width:100%;padding:2px 12px 2px 34px;font-family:system-ui,Segoe UI,sans-serif;font-size:14px;display:flex;overflow:hidden}.file-row:hover{background:var(--file-hover)}.file-row.active{background:var(--file-active)}.file-icon{object-fit:contain;flex-shrink:0;width:18px;height:18px}.file-name{text-overflow:ellipsis;color:var(--text);font-size:14px;overflow:hidden}.panes{flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.sidebar.drawer{z-index:20;width:min(280px,80vw);max-width:none;transition:transform .2s;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.drawer.open{transform:translate(0);box-shadow:2px 0 14px #0006}.sidebar-backdrop{z-index:15;background:#0006;position:absolute;inset:0}.pane{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.divider{background:var(--border);cursor:col-resize;touch-action:none;flex-shrink:0;width:1px;position:relative}.divider:hover{background:var(--text-dim)}.grip{touch-action:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.grip:before{content:"";background-image:radial-gradient(circle, var(--text-dim) 1.1px, transparent 1.3px);opacity:.45;background-position:50%;background-repeat:repeat-y;background-size:3px 5px;width:3px;height:24px;transition:opacity .15s}.divider .grip{width:13px;left:50%;right:auto;transform:translate(-50%)}.divider:hover .grip:before,.resize-handle:hover .grip:before{opacity:.9}@media (width<=560px){.panes{flex-direction:column}.divider{cursor:row-resize;width:100%;height:1px}.divider .grip{width:auto;height:13px;top:50%;left:0;right:0;transform:translateY(-50%)}.divider .grip:before{background-repeat:repeat-x;background-size:5px 3px;width:24px;height:3px}}.resize-handle{background:var(--border);cursor:col-resize;background-clip:padding-box;border-left:2px solid #0000;border-right:2px solid #0000;flex-shrink:0;width:5px;transition:background .15s;position:relative}.resize-handle:hover,.resize-handle:active{background:var(--text-dim);background-clip:padding-box}.editor-area{flex:1;min-height:0;display:flex;overflow:hidden}.line-numbers{padding:var(--pad) 8px var(--pad) 10px;text-align:right;font-family:var(--mono);font-size:var(--editor-font);line-height:var(--editor-lh);color:var(--line-num);background:var(--bg);border-right:1px solid var(--border);-webkit-user-select:none;user-select:none;flex-shrink:0;min-width:38px;overflow:hidden}.line-num{line-height:var(--editor-lh)}.editor-wrapper{background:var(--bg);flex:1;position:relative;overflow:hidden}.error-highlight{pointer-events:none;z-index:0;background:#f4474726;border-left:2px solid #f44747;position:absolute;left:0;right:0}.editor{z-index:1;resize:none;width:100%;height:100%;color:var(--text);padding:var(--pad) 14px;font-family:var(--mono);font-size:var(--editor-font);line-height:var(--editor-lh);tab-size:4;white-space:pre;box-sizing:border-box;caret-color:#0000;background:0 0;border:none;outline:none;position:relative;overflow:auto}.block-cursor{z-index:2;pointer-events:none;mix-blend-mode:difference;background:#fff;animation:1s step-end infinite block-cursor-blink;position:absolute}.block-cursor.smooth{transition:left 60ms,top 60ms}.block-cursor.unfocused{mix-blend-mode:normal;box-shadow:inset 0 0 0 1px var(--text);background:0 0;animation:none}@keyframes block-cursor-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.output{padding:var(--pad) 14px;font-family:var(--mono);font-size:var(--editor-font);line-height:var(--editor-lh);white-space:pre;background:var(--bg);color:var(--text);flex:1;overflow:auto}.output-error{color:var(--status-err)}.statusbar{background:var(--statusbar-bg);height:22px;color:var(--statusbar-fg);font-family:var(--mono);-webkit-user-select:none;user-select:none;white-space:nowrap;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 8px;font-size:12px;line-height:1;display:flex;overflow:hidden}.statusbar-group{align-items:center;min-width:0;display:flex}.sb-item{opacity:.95;cursor:default;align-items:center;gap:4px;height:22px;padding:0 8px;display:inline-flex}.statusbar-group:last-child .sb-item+.sb-item{box-shadow:inset 1px 0 #ffffff2e}.sb-item.sb-accent{opacity:1;font-weight:600}.sb-diag{align-items:center;gap:4px;display:inline-flex}.sb-glyph{align-items:center;line-height:1;display:inline-flex}.sb-status{text-transform:capitalize;font-weight:600}.sb-dot{opacity:.9;background:currentColor;border-radius:50%;width:7px;height:7px}.sb-status-ok .sb-dot{opacity:1;background:#4ec9b0}.sb-status-error .sb-dot{opacity:1;background:#f44747}.sb-status-idle .sb-dot{opacity:.45}.sb-status-compiling .sb-dot{background:#dcdcaa;animation:1s ease-in-out infinite sb-pulse}@keyframes sb-pulse{0%,to{opacity:.3}50%{opacity:1}}.palette-backdrop{z-index:100;background:#00000059;justify-content:center;align-items:flex-start;padding-top:12vh;display:flex;position:fixed;inset:0}.palette{background:var(--surface);border:1px solid var(--border);border-radius:6px;flex-direction:column;width:min(600px,90vw);max-height:60vh;display:flex;overflow:hidden;box-shadow:0 8px 30px #00000073}.palette-search{border:none;border-bottom:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);font-family:var(--mono);outline:none;padding:10px 12px;font-size:13px}.palette-search::placeholder{color:var(--text-dim)}.palette-prompt{flex-direction:column;display:flex}.palette-label{color:var(--text-dim);font-size:11px;font-family:var(--mono);padding:8px 12px 0}.palette-list{overflow-y:auto}.palette-item{color:var(--text);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:7px 12px;font-size:13px;display:flex}.palette-item.active{background:var(--statusbar-bg);color:var(--statusbar-fg)}.palette-item-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.palette-item-hint{font-family:var(--mono);opacity:.7;flex-shrink:0;font-size:11px}.palette-empty{color:var(--text-dim);text-align:center;padding:12px;font-size:13px}