:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f2eee4;--muted:#9ea9a5;--panel:#08100feb;--panel-solid:#0b1513;--line:#e0e7d529;--accent:#a8d39b;--accent-soft:#a8d39b21;--success:#9bd6b6;--error:#ff978d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-subject=articulated-desk-lamp]{--accent:#f0b65f;--accent-soft:#f0b65f21}:root[data-subject=ceramic-teapot]{--accent:#8fc9c4;--accent-soft:#8fc9c421}*{box-sizing:border-box}html,body{width:100%;height:100%;color:var(--ink);background:#08100f;margin:0;overflow:hidden}body{min-width:280px}canvas{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.brand{z-index:2;pointer-events:none;text-wrap:balance;gap:5px;max-width:min(510px,100vw - 430px);display:grid;position:fixed;top:24px;left:28px}.eyebrow,.panel-kicker,.corpus-index,label>span,#status,.metric dt,.interaction-hint{text-transform:uppercase;letter-spacing:.1em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.eyebrow,.panel-kicker,.corpus-index{color:var(--accent);font-size:10px;font-weight:750}h1{letter-spacing:-.035em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,4vw,54px);font-weight:520;line-height:1}.brand p{max-width:470px;color:var(--muted);margin:4px 0 2px;font-size:12px;line-height:1.55}.corpus-index{color:color-mix(in srgb, var(--accent) 76%, var(--muted));font-size:9px}.inspector{z-index:3;border:1px solid var(--line);background:var(--panel);border-radius:14px;width:min(374px,100vw - 44px);padding:17px;position:fixed;top:22px;right:22px;box-shadow:0 18px 48px #00000040}.inspector-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.inspector h2{letter-spacing:-.01em;margin:2px 0 0;font-size:15px;font-weight:680}#status{max-width:170px;color:var(--muted);text-align:right;font-size:9px;font-weight:750;line-height:1.45}#status[data-state=ready]{color:var(--success)}#status[data-state=error]{color:var(--error)}.selects{grid-template-columns:1fr 1fr;gap:9px;display:grid}label{gap:5px;display:grid}label:first-child{grid-column:1/-1}label>span{color:var(--muted);font-size:9px;font-weight:750}select{border:1px solid var(--line);width:100%;min-height:40px;color:var(--ink);background-color:#ffffff0b;border-radius:8px;padding:0 34px 0 10px;font:620 12px/1.2 ui-sans-serif,system-ui,sans-serif}select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}select:disabled{opacity:.68;border-style:dashed}select option{background:var(--panel-solid);color:var(--ink)}.mode-copy{border-block:1px solid var(--line);min-height:70px;margin:14px 0;padding:12px 0}.mode-copy strong,.mode-copy span{display:block}.mode-copy strong{color:var(--accent);margin-bottom:5px;font-size:13px}.mode-copy span{color:var(--muted);font-size:11px;line-height:1.5}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0;display:grid}.metric{background:#ffffff09;border-radius:7px;min-width:0;margin:0;padding:9px 8px}.metric-wide{grid-column:span 2}.metric dt{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0 0 5px;font-size:8px;font-weight:700;overflow:hidden}.metric dd{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin:0;font:670 13px/1.15 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow:hidden}.claim-boundary{border-left:2px solid var(--accent);color:var(--muted);margin:12px 0 0;padding-left:10px;font-size:9px;line-height:1.5}.interaction-hint{z-index:2;color:#e6ece78f;pointer-events:none;white-space:nowrap;font-size:9px;font-weight:650;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}@media (width<=760px){.brand{max-width:calc(100vw - 34px);top:16px;left:17px}h1{font-size:clamp(28px,9vw,42px)}.brand p{display:none}.inspector{width:calc(100vw - 20px);padding:13px;top:auto;bottom:10px;right:10px}.inspector-header{margin-bottom:10px}.mode-copy{min-height:0;margin:10px 0;padding:9px 0}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metric{padding:7px 6px}.claim-boundary,.interaction-hint{display:none}}@media (width<=430px){.selects{grid-template-columns:1fr 1fr;gap:7px}select{min-height:37px;font-size:11px}.metric dd{font-size:12px}}@media (height<=690px){.mode-copy,.claim-boundary{display:none}.inspector{padding:13px}}@media (prefers-reduced-motion:reduce){canvas{scroll-behavior:auto}}