:root{--font-mono:"JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--font-ui:system-ui, -apple-system, "Segoe UI", sans-serif;--chrome-bg:#252526;--chrome-bg-2:#2d2d30;--chrome-bg-3:#37373d;--chrome-border:#3c3c3c;--chrome-fg:#ccc;--chrome-fg-dim:#8a8a8a;--accent:#3794ff;--danger:#f14c4c;--ok:#23d18b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--term-bg,#1e1e1e);color:var(--chrome-fg);font-family:var(--font-ui);font-size:13px}.app{flex-direction:column;height:100%;display:flex}.workspace{flex:1;min-height:0;display:flex}.editor-column{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.editor-host{flex:1;min-height:0;overflow:hidden}.status-bar{background:var(--chrome-bg-2);border-top:1px solid var(--chrome-border);color:var(--chrome-fg-dim);gap:16px;padding:3px 12px;font-size:12px;display:flex}.status-spacer{flex:1}.fg-0{color:var(--ansi-0)}.fg-1{color:var(--ansi-1)}.fg-2{color:var(--ansi-2)}.fg-3{color:var(--ansi-3)}.fg-4{color:var(--ansi-4)}.fg-5{color:var(--ansi-5)}.fg-6{color:var(--ansi-6)}.fg-7{color:var(--ansi-7)}.fg-8{color:var(--ansi-8)}.fg-9{color:var(--ansi-9)}.fg-10{color:var(--ansi-10)}.fg-11{color:var(--ansi-11)}.fg-12{color:var(--ansi-12)}.fg-13{color:var(--ansi-13)}.fg-14{color:var(--ansi-14)}.fg-15{color:var(--ansi-15)}.bg-0{background-color:var(--ansi-0)}.bg-1{background-color:var(--ansi-1)}.bg-2{background-color:var(--ansi-2)}.bg-3{background-color:var(--ansi-3)}.bg-4{background-color:var(--ansi-4)}.bg-5{background-color:var(--ansi-5)}.bg-6{background-color:var(--ansi-6)}.bg-7{background-color:var(--ansi-7)}.bg-8{background-color:var(--ansi-8)}.bg-9{background-color:var(--ansi-9)}.bg-10{background-color:var(--ansi-10)}.bg-11{background-color:var(--ansi-11)}.bg-12{background-color:var(--ansi-12)}.bg-13{background-color:var(--ansi-13)}.bg-14{background-color:var(--ansi-14)}.bg-15{background-color:var(--ansi-15)}.ansi-bold{font-weight:700}.ansi-dim{opacity:.6}.ansi-italic{font-style:italic}.ansi-underline{text-decoration:underline}.ansi-strike{text-decoration:line-through}.ansi-underline-strike{text-decoration:underline line-through}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.toolbar{background:var(--chrome-bg);border-bottom:1px solid var(--chrome-border);flex-wrap:wrap;align-items:center;gap:6px;padding:6px 10px;display:flex}.toolbar-spacer{flex:1}.toolbar-group{border-left:1px solid var(--chrome-border);align-items:center;gap:4px;padding-left:8px;display:flex}.btn{font:inherit;color:var(--chrome-fg);background:var(--chrome-bg-3);border:1px solid var(--chrome-border);cursor:pointer;white-space:nowrap;border-radius:4px;padding:4px 10px}.btn:hover:not(:disabled){background:#45454d}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn:disabled{opacity:.45;cursor:default}.btn.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.btn-icon{text-align:center;min-width:28px;padding:4px 6px}.file-name{font-family:var(--font-mono);color:var(--chrome-fg);text-overflow:ellipsis;white-space:nowrap;max-width:40ch;margin-left:8px;overflow:hidden}.dirty-dot{background:var(--chrome-fg);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-left:6px;display:inline-block}.editor-column.is-dragging:after{content:"Drop to open";border:2px dashed var(--accent);color:#fff;pointer-events:none;z-index:10;background:#3794ff1f;border-radius:8px;place-items:center;font-size:16px;display:grid;position:absolute;inset:8px}.notices{z-index:100;flex-direction:column;gap:8px;max-width:min(420px,100vw - 32px);display:flex;position:fixed;bottom:36px;right:16px}.notice{background:var(--chrome-bg-3);border-left:4px solid var(--accent);cursor:pointer;border-radius:6px;padding:8px 12px;box-shadow:0 4px 16px #0006}.notice-success{border-left-color:var(--ok)}.notice-error{border-left-color:var(--danger)}.palette{background:var(--chrome-bg);border-left:1px solid var(--chrome-border);flex:none;width:300px;padding:4px 12px 16px;overflow-y:auto}.palette-section{border-bottom:1px solid var(--chrome-border);padding:10px 0}.palette-section:last-child{border-bottom:none}.palette h2{letter-spacing:.06em;text-transform:uppercase;color:var(--chrome-fg-dim);margin:0 0 8px;font-size:11px;font-weight:600}.segmented{display:flex}.segmented .btn{border-radius:0;flex:1}.segmented .btn:first-child{border-radius:4px 0 0 4px}.segmented .btn:last-child{border-left:none;border-radius:0 4px 4px 0}.current-color{align-items:center;gap:8px;margin-top:10px;display:flex}.current-color kbd{margin-left:auto}kbd{font-family:var(--font-mono);border:1px solid var(--chrome-border);color:var(--chrome-fg-dim);border-bottom-width:2px;border-radius:4px;padding:1px 5px;font-size:11px}.muted{color:var(--chrome-fg-dim)}.swatch-row{flex-wrap:wrap;align-items:center;gap:6px;min-height:24px;margin-top:6px;display:flex}.swatch-grid{gap:2px;display:grid}.swatch-grid-16{grid-template-columns:repeat(8,1fr);gap:4px}.swatch-grid-256{grid-template-columns:repeat(18,1fr)}.swatch-grid-gray{grid-template-columns:repeat(24,1fr);margin-top:6px}.swatch{cursor:pointer;border:1px solid #ffffff26;border-radius:3px;padding:0;display:inline-block}span.swatch{cursor:default}.swatch-lg{width:24px;height:24px}.swatch-grid-16 .swatch-lg{width:100%}.swatch-sm{border-color:#0000;border-radius:1px;width:100%;height:14px}.swatch:hover{outline-offset:0;z-index:1;outline:2px solid #fff}.swatch.is-selected{outline:2px solid var(--accent);outline-offset:1px;z-index:1}.swatch-default{background:repeating-linear-gradient(45deg,#444 0 4px,#2a2a2a 4px 8px)}.color-input{border:1px solid var(--chrome-border);cursor:pointer;background:0 0;border-radius:4px;width:36px;height:26px;padding:0}.search-panel{background:var(--chrome-bg);border-bottom:1px solid var(--chrome-border);flex-direction:column;gap:6px;padding:8px 10px;display:flex}.search-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.search-row:first-child{flex-wrap:nowrap}.search-input{min-width:100px;max-width:480px;font-family:var(--font-mono);color:var(--chrome-fg);background:var(--term-bg);border:1px solid var(--chrome-border);border-radius:4px;flex:260px;padding:4px 8px;font-size:13px}.search-input:focus{border-color:var(--accent);outline:none}.search-input.has-error{border-color:var(--danger)}.search-count{white-space:nowrap;min-width:90px;color:var(--chrome-fg-dim);font-size:12px}.search-count.is-error,.search-error{color:var(--danger)}.search-error{font-size:12px;font-family:var(--font-mono)}.search-close{margin-left:auto}.tag-help{color:var(--chrome-fg-dim);font-size:12px}.tag-help summary{cursor:pointer;width:fit-content}.tag-help dl{grid-template-columns:minmax(0,20em) minmax(0,1fr);gap:6px 12px;max-width:760px;margin:8px 0 4px;display:grid}.tag-help dt{flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:4px;display:flex}.tag-help dd{margin:0}.tag-help code{font-family:var(--font-mono);color:var(--chrome-fg);background:var(--term-bg);border-radius:3px;padding:0 4px}.tag-help p{margin:4px 0 0}