*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#1e1e2e;--surface:#181825;--overlay:#11111b;--text:#cdd6f4;--subtext:#a6adc8;--blue:#89b4fa;--green:#a6e3a1;--mauve:#cba6f7;--border:#313244;--tab-active:#89b4fa;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", ui-monospace, monospace}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-mono);font-size:13px}#app{grid-template-columns:220px 1fr 1fr;height:100vh;display:grid}#sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:16px;padding:16px;display:flex;overflow-y:auto}#sidebar h2{color:var(--mauve);font-size:14px;font-weight:600}fieldset{border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:6px;padding:10px;display:flex}legend{text-transform:uppercase;letter-spacing:.05em;color:var(--subtext);padding:0 4px;font-size:11px}label{cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}input[type=text]{background:var(--overlay);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-mono);border-radius:4px;margin-top:2px;padding:4px 6px;font-size:12px}input[type=text]:focus{outline:1px solid var(--blue);border-color:var(--blue)}#optimize-static-fields label{flex-direction:column;align-items:flex-start;gap:2px}#optimize-static-fields label:has(input[type=checkbox]){flex-direction:row;align-items:center}.hidden{display:none!important}#editor-panel{border-right:1px solid var(--border);flex-direction:column;display:flex}#input-tabs{background:var(--surface);border-bottom:1px solid var(--border);display:flex}#input-tabs .tab.active{color:var(--green);border-bottom-color:var(--green)}#input-content{flex:1;position:relative;overflow:hidden}.input-pane{display:none;position:absolute;inset:0}.input-pane.active{display:block}.input-pane textarea,.input-pane .input-highlight{font-family:var(--font-mono);tab-size:2;white-space:pre-wrap;word-break:break-word;margin:0;padding:12px;font-size:13px;line-height:1.6;position:absolute;inset:0;overflow:auto}.input-pane textarea{resize:none;color:#0000;caret-color:var(--text);z-index:1;-webkit-text-fill-color:transparent;background:0 0;border:none}.input-pane textarea:focus{outline:none}.input-pane .input-highlight{z-index:0;background:var(--overlay);color:var(--text);pointer-events:none}.input-pane .input-highlight code{font-family:inherit;font-size:inherit;line-height:inherit}.tab-pane .shiki,.tab-pane .shiki code{font-family:inherit;font-size:inherit;line-height:inherit;background:0 0!important}#output-panel{flex-direction:column;display:flex;overflow:hidden}#output-tabs{background:var(--surface);border-bottom:1px solid var(--border);display:flex}.tab{color:var(--subtext);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 14px;font-size:11px;transition:color .15s,border-color .15s}.tab:hover{color:var(--text)}.tab.active{color:var(--tab-active);border-bottom-color:var(--tab-active)}#output-content{flex:1;position:relative;overflow:hidden}.tab-pane{font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;padding:12px;font-size:12px;line-height:1.6;display:none;position:absolute;inset:0;overflow:auto}.tab-pane.active{display:block}#tab-rendered{padding:0}#rendered-frame{background:#fff;border:none;width:100%;height:100%;display:block}#status-bar{color:var(--subtext);background:var(--surface);border-top:1px solid var(--border);flex-wrap:wrap;gap:0 12px;padding:4px 12px;font-size:11px;line-height:1.6;display:flex}#status-bar span{color:var(--text)}#status-bar .overhead{color:var(--subtext);cursor:help;border-bottom:1px dotted var(--subtext)}#loading-overlay{z-index:100;color:var(--mauve);background:#11111be6;justify-content:center;align-items:center;font-size:16px;display:flex;position:fixed;inset:0}#loading-overlay.hidden{display:none}.error{color:#f38ba8}