:root{--bg-desk:#050505;--dot-desk:#1c1c1c;--bg:#1a1a1a;--bg-raised:#212121;--border:#454545;--shadow:#2c2c2c;--rule:#363636;--fg:#e8e8e6;--fg-dim:#959592;--accent:#5fbf9b;--danger:#e07a6f;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0}html{background:var(--bg-desk);-webkit-font-smoothing:antialiased}body{font:1rem/1.65 var(--mono);color:var(--fg);background-color:var(--bg-desk);background-image:radial-gradient(var(--dot-desk) 1px, transparent 1px);background-size:18px 18px;min-height:100vh;padding:32px 16px}a{color:var(--accent);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}a:focus-visible,button:focus-visible{outline:1px solid var(--accent);outline-offset:3px}.frame{background:var(--bg);border:1px solid var(--border);max-width:1200px;box-shadow:8px 8px 0 var(--shadow);margin:0 auto}.titlebar{border-bottom:1px solid var(--border);color:var(--fg-dim);justify-content:space-between;gap:16px;padding:8px 20px;font-size:.8125rem;display:flex}.titlebar a{color:var(--fg-dim)}.titlebar a:hover{color:var(--fg)}h1{letter-spacing:.02em;font-size:1.125rem;font-weight:400;line-height:1.3}.dim{color:var(--fg-dim);max-width:64ch;margin-top:12px}@media (width<=600px){body{padding:16px 10px}.frame{box-shadow:5px 5px 0 var(--shadow)}}.workspace{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);min-height:70vh;display:grid}.pane{flex-direction:column;min-width:0;display:flex}.pane+.pane{border-left:1px solid var(--border)}.pane-head{border-bottom:1px dashed var(--rule);color:var(--fg-dim);justify-content:space-between;align-items:center;gap:12px;padding:6px 16px;font-size:.8125rem;display:flex}.pane-head select{font:inherit;color:var(--fg);background:var(--bg-raised);border:1px solid var(--border);padding:2px 6px}.editor{flex:1;min-height:420px;overflow:auto}.preview{background:#f4f4f2;border:0;flex:1;width:100%;min-height:320px;display:block}.badge{color:var(--accent);font-size:.75rem}.badge:before{content:"● "}.badge-error{color:var(--danger)}.error-panel{border-top:1px solid var(--danger);background:#231b1a;padding:12px 16px;font-size:.8125rem}.error-panel strong{color:var(--danger);font-weight:400}.error-panel pre{white-space:pre-wrap;font-family:var(--mono);margin-top:6px}.error-panel .dim{margin-top:6px}@media (width<=800px){.workspace{grid-template-columns:1fr}.pane+.pane{border-left:0;border-top:1px solid var(--border)}.editor{min-height:320px}}.props-editor{border-top:1px solid var(--border);padding:8px 16px 12px}.props-head{color:var(--fg-dim);align-items:baseline;gap:12px;margin-bottom:6px;font-size:.8125rem;display:flex}.props-head label{color:var(--fg)}.props-head .dim{margin:0}.link-button{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0;font-size:.8125rem}.link-button:hover{text-underline-offset:3px;text-decoration:underline}.props-editor textarea{resize:vertical;width:100%;font:.8125rem/1.5 var(--mono);color:var(--fg);background:var(--bg-raised);border:1px solid var(--rule);padding:8px}.props-editor textarea:focus-visible{outline:1px solid var(--accent)}.props-editor textarea::placeholder{color:#5c5c5a}.explains{color:var(--fg-dim);border-bottom:1px dashed var(--rule);padding:6px 16px;font-size:.75rem}.explains:before{content:"// ";color:var(--accent)}.editor-fallback{font:.8125rem/1.6 var(--mono);color:var(--fg-dim);white-space:pre;margin:0;padding:4px 12px 4px 44px}.titlebar nav{gap:16px;display:flex}.intro{border-bottom:1px solid var(--border);padding:20px 20px 18px}.intro h1{font-size:1.125rem}.intro p{max-width:96ch;color:var(--fg-dim);margin-top:8px;font-size:.8125rem;line-height:1.6}.intro strong{color:var(--danger);font-weight:400}.titlebar,.titlebar nav a{white-space:nowrap}.pane-head select{text-overflow:ellipsis;min-width:0;max-width:65%}@media (width<=600px){.titlebar>span{display:none}.titlebar{justify-content:flex-end}.intro{padding:16px}.editor{max-height:60vh}}.panel{border-top:1px solid var(--border)}.tabs{border-bottom:1px dashed var(--rule);gap:0;padding:0 16px;display:flex}.tabs button{font:inherit;color:var(--fg-dim);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;margin-right:12px;padding:6px 12px 5px 0;font-size:.8125rem}.tabs button[aria-selected=true]{color:var(--fg);border-bottom-color:var(--accent)}.tabs button:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.tab-alert{color:var(--danger)}.panel .props-editor{border-top:0}.preset-select{font:inherit;color:var(--fg);background:var(--bg-raised);border:1px solid var(--border);margin-left:auto;padding:1px 4px;font-size:.8125rem}.theme-help{margin-top:6px;font-size:.75rem}.theme-issues{margin-top:8px;font-size:.8125rem}.theme-issues pre{white-space:pre-wrap;color:var(--danger);font-family:var(--mono)}.theme-issues .dim{margin-top:4px}.props-editor textarea[aria-invalid=true]{border-color:var(--danger)}.pane-title{align-items:center;gap:12px;display:inline-flex}.ai-toggle{font:inherit;color:var(--fg-dim);border:1px dashed var(--border);cursor:pointer;background:0 0;padding:0 6px;font-size:.75rem}.ai-toggle:hover,.ai-toggle.on{color:var(--accent);border-color:var(--accent)}.ai-panel{border-bottom:1px dashed var(--rule);gap:8px;padding:10px 16px 12px;font-size:.8125rem;display:grid}.ai-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.ai-field{color:var(--fg-dim);flex:200px;gap:2px;min-width:0;font-size:.75rem;display:grid}.ai-model{flex:0 260px}.ai-forget{margin-left:0;padding-bottom:6px}.ai-panel input,.ai-panel select,.ai-button{box-sizing:border-box;height:30px}.ai-panel input,.ai-panel select{font:.8125rem var(--mono);color:var(--fg);background:var(--bg-raised);border:1px solid var(--rule);width:100%;min-width:0;padding:0 8px}.ai-panel input:focus-visible,.ai-panel select:focus-visible{outline:1px solid var(--accent)}.ai-panel input[aria-invalid=true]{border-color:var(--danger)}.ai-panel input:disabled{color:var(--fg-dim)}.ai-ask-row{flex-wrap:nowrap;align-items:center}.ai-instruction{flex:auto}.ai-button{font:inherit;color:var(--fg);background:var(--bg-raised);border:1px solid var(--border);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;padding:0 14px;font-size:.8125rem;display:inline-flex}.ai-button.ai-primary{color:var(--accent);border-color:var(--accent)}.ai-button:disabled{opacity:.45;cursor:not-allowed}.ai-ask-row .ai-button:disabled[aria-live]{opacity:1;cursor:progress}.ai-cancel{white-space:nowrap;margin-left:0}.ai-elapsed{color:var(--fg-dim);font-variant-numeric:tabular-nums;min-width:3ch}.ai-spinner{border:2px solid color-mix(in srgb, var(--accent) 30%, transparent);border-top-color:var(--accent);border-radius:50%;width:10px;height:10px;animation:.8s linear infinite ai-spin}@keyframes ai-spin{to{transform:rotate(360deg)}}.ai-progress{background:var(--rule);height:2px;position:relative;overflow:hidden}.ai-progress span{background:var(--accent);width:30%;animation:1.4s ease-in-out infinite ai-slide;position:absolute;inset:0 auto 0 0}@keyframes ai-slide{0%{left:-30%}to{left:100%}}@media (prefers-reduced-motion:reduce){.ai-spinner,.ai-progress span{animation:none}.ai-progress span{opacity:.5;width:100%}}.ai-note{font-size:.75rem;line-height:1.5}.ai-bad{color:var(--danger)}.link-button.inline{margin:0 10px 0 0;font-size:.75rem}.ai-tag{color:var(--accent);border:1px dashed var(--accent);padding:0 5px;font-size:.6875rem}.review{flex-direction:column;flex:1;min-height:420px;display:flex}.review-head{border-bottom:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 7%, var(--bg));gap:6px;padding:12px 16px;display:grid}.review-title{align-items:center;gap:10px;display:flex}.review-label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:.75rem}.review-counts{margin-left:auto;font-size:.75rem}.c-add{color:#7fd1ae}.c-del{color:#e2a59d}.review-summary{color:var(--fg);font-size:.8125rem}.review-ok{color:var(--accent)}.review-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.review-diff{font:.8125rem/1.6 var(--mono);flex:1;padding:6px 0;overflow:auto}.review-empty{padding:12px 16px}.d-row{white-space:pre;grid-template-columns:4ch 2ch 1fr;display:grid}.d-num{color:#5c5c5a;text-align:right;-webkit-user-select:none;user-select:none;padding-right:6px}.d-sign{text-align:center;-webkit-user-select:none;user-select:none}.d-text{padding-right:16px}.d-same .d-text{color:var(--fg-dim)}.d-add{background:#1c2f27;box-shadow:inset 3px 0 #5fbf9b}.d-add .d-text,.d-add .d-sign{color:#b7ecd3}.d-del{background:#33201e;box-shadow:inset 3px 0 #e07a6f}.d-del .d-text,.d-del .d-sign{color:#efb8b0;-webkit-text-decoration:line-through #e07a6f80;text-decoration:line-through #e07a6f80}.d-skip{color:#5c5c5a;border-block:1px dashed var(--rule);margin:4px 0;font-style:italic}.ai-key-note{color:var(--fg-dim);border-left:2px solid var(--accent);padding-left:8px}