:root{color-scheme:dark;--bg:#0f1111;--panel:#151817;--panel-2:#1a1d1c;--line:#2a2e2c;--line-strong:#3b413e;--text:#e6e9e5;--muted:#89928e;--quiet:#616965;--amber:#edb456;--amber-dim:#8d6932;--green:#5ed69b;--red:#e26e66;--focus:#f2c875;--ease-out-quart:cubic-bezier(.25,1,.5,1);--ease-out-expo:cubic-bezier(.16,1,.3,1);font-family:Avenir Next,Avenir,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text)}button,a{font:inherit}.surface-lab{height:100%;display:grid;grid-template-rows:52px 46px minmax(0,1fr) 28px;background:var(--bg);animation:lab-enter .48s var(--ease-out-expo) both}@keyframes lab-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.topbar,.commandbar,footer{display:flex;align-items:center;border-bottom:1px solid var(--line);padding:0 18px;min-width:0}.topbar{background:#111313}.brand{height:100%;display:flex;align-items:center;gap:9px;color:var(--text);text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.12em}.brand-mark{width:24px;height:24px;border:1px solid var(--amber-dim);display:grid;place-items:center;color:var(--amber);font-family:Georgia,serif;font-size:14px}.brand small{color:var(--muted);font-size:9px;font-weight:500;letter-spacing:.16em;border-left:1px solid var(--line);padding-left:10px}.mode-tabs{align-self:stretch;display:flex;margin-left:42px}.mode-tabs button,.segmented button{border:0;background:transparent;color:var(--muted);cursor:pointer;transition:color .16s var(--ease-out-quart),background-color .18s var(--ease-out-quart),transform .12s var(--ease-out-quart)}.mode-tabs button{min-width:96px;padding:0 16px;border-bottom:2px solid transparent;font-size:12px}.mode-tabs button:hover,.segmented button:hover{color:var(--text)}.mode-tabs button:active,.segmented button:active,.icon-button:active,.refresh-button:active{transform:scale(.96)}.mode-tabs button.active{color:var(--text);border-bottom-color:var(--amber)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.engine-badge{font:9px SFMono-Regular,Consolas,monospace;color:var(--green);letter-spacing:.12em;transition:color .22s var(--ease-out-quart)}.engine-badge.fallback{color:var(--amber)}.icon-button,.refresh-button{height:30px;border:1px solid var(--line-strong);background:transparent;color:var(--muted);cursor:pointer;transition:border-color .16s var(--ease-out-quart),color .16s var(--ease-out-quart),transform .12s var(--ease-out-quart)}.icon-button{width:32px;font-size:18px}.icon-button:hover,.refresh-button:hover{border-color:var(--amber-dim);color:var(--text)}.commandbar{gap:9px;background:var(--panel);overflow-x:auto;scrollbar-width:none}.commandbar::-webkit-scrollbar{display:none}.segmented{display:flex;flex:0 0 auto;border:1px solid var(--line);height:29px}.segmented button{padding:0 11px;font-size:10px;letter-spacing:.04em;border-right:1px solid var(--line)}.segmented button:last-child{border-right:0}.segmented button.active{background:#2a2e2b;color:var(--text)}.view-segment.emphasized{border-color:#4d523e}.view-segment.emphasized button.active{color:var(--amber)}.bar-rule{width:1px;height:22px;background:var(--line);flex:0 0 auto}.refresh-button{display:none;padding:0 12px;font-size:10px}.refresh-button.visible{display:block}.source-state{margin-left:auto;flex:0 0 auto;display:flex;align-items:center;gap:7px;color:var(--muted);font:9px SFMono-Regular,Consolas,monospace;letter-spacing:.04em}.source-dot{width:6px;height:6px;border-radius:50%;background:var(--green)}.source-state.warning{color:var(--focus)}.source-state.warning .source-dot{background:var(--focus)}.workbench{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 274px;grid-template-rows:minmax(330px,1fr) 204px}.surface-stage{position:relative;min-width:0;overflow:hidden;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#101212}.surface-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 34%,black);mask-image:linear-gradient(to bottom,transparent,black 34%,black)}.stage-copy{position:absolute;z-index:3;top:22px;left:24px;max-width:470px;pointer-events:none}.stage-copy span,.inspector-head span,.method>span,.analysis-strip header span{display:block;color:var(--amber);font:9px SFMono-Regular,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase}.stage-copy h1{margin:7px 0 5px;font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:400;letter-spacing:-.025em}.stage-copy p{margin:0;max-width:520px;color:var(--muted);font-size:11px;line-height:1.5}#surface-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:1;cursor:grab;outline:0;transform-origin:center;will-change:transform,opacity}#surface-canvas:focus-visible{box-shadow:inset 0 0 0 2px var(--focus)}#surface-canvas.dragging{cursor:grabbing}.axis-tag{position:absolute;z-index:3;color:#69716d;font:8px SFMono-Regular,Consolas,monospace;letter-spacing:.11em;pointer-events:none}.axis-x{right:20px;bottom:16px}.axis-y{left:20px;bottom:16px}.axis-z{right:20px;top:20px}.stage-hint{position:absolute;z-index:3;right:20px;bottom:34px;color:#59605d;font:8px SFMono-Regular,Consolas,monospace;letter-spacing:.09em;pointer-events:none}.surface-tooltip{position:absolute;z-index:6;visibility:hidden;opacity:0;transform:translateY(4px);min-width:138px;padding:8px 10px;background:#171a19;border:1px solid var(--line-strong);box-shadow:0 8px 22px #0007;pointer-events:none;transition:opacity .14s var(--ease-out-quart),transform .18s var(--ease-out-quart),visibility 0s linear .18s}.surface-tooltip.visible{visibility:visible;opacity:1;transform:translateY(0);transition-delay:0s}.surface-tooltip b,.surface-tooltip span{display:block;font:10px SFMono-Regular,Consolas,monospace}.surface-tooltip b{color:var(--text);margin-bottom:4px}.surface-tooltip span{color:var(--amber)}.inspector{grid-column:2;grid-row:1;padding:18px;background:var(--panel);border-bottom:1px solid var(--line);overflow:auto}.inspector-head{padding-bottom:14px;border-bottom:1px solid var(--line)}.inspector-head strong{display:block;margin-top:7px;font:12px SFMono-Regular,Consolas,monospace;font-weight:500}.metrics{margin:0}.metrics>div{display:flex;justify-content:space-between;align-items:baseline;padding:13px 0;border-bottom:1px solid var(--line)}.metrics dt{color:var(--muted);font-size:10px}.metrics dd{margin:0;font:14px SFMono-Regular,Consolas,monospace}.legend{display:grid;gap:8px;padding:15px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:9px}.legend span{display:flex;align-items:center;gap:8px}.legend i{display:block;width:14px;height:2px}.legend-current{background:var(--green)}.legend-reference{background:var(--amber);border-top:1px dotted var(--amber)}.legend-points{width:5px!important;height:5px!important;background:var(--green);transform:rotate(45deg)}.method{padding-top:15px}.method strong{display:block;margin:8px 0;color:var(--text);font:10px SFMono-Regular,Consolas,monospace;line-height:1.4}.method p{margin:0;color:var(--quiet);font-size:9px;line-height:1.5}.analysis-strip{grid-column:1/-1;display:grid;grid-template-columns:1.05fr 1fr 1fr;min-height:0}.analysis-strip article{min-width:0;display:grid;grid-template-rows:31px minmax(0,1fr);border-right:1px solid var(--line);background:var(--panel)}.analysis-strip article:last-child{border-right:0}.analysis-strip header{display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--line)}.analysis-strip header span{color:var(--muted);font-size:8px}.analysis-strip header small{color:var(--quiet);font:8px SFMono-Regular,Consolas,monospace}.analysis-strip canvas,.analysis-strip svg{display:block;width:100%;height:100%;min-height:0}.analysis-strip svg{overflow:visible}.analysis-strip svg text{fill:#737c78;font:9px SFMono-Regular,Consolas,monospace}.analysis-strip .chart-grid{fill:none;stroke:#39403d;stroke-width:1}.analysis-strip .chart-current{fill:none;stroke:var(--green);stroke-width:1.7}.analysis-strip .chart-reference{fill:none;stroke:var(--amber);stroke-width:1;stroke-dasharray:3 3}.analysis-strip .chart-point{fill:var(--green);stroke:#15201b;stroke-width:.7}.analysis-strip .chart-caption{fill:var(--amber)}footer{border:0;border-top:1px solid var(--line);justify-content:space-between;gap:20px;color:var(--quiet);font:8px SFMono-Regular,Consolas,monospace;letter-spacing:.04em;white-space:nowrap;overflow:hidden}footer span{overflow:hidden;text-overflow:ellipsis}.is-loading button{cursor:progress}.is-loading .source-dot{animation:status-pulse .78s ease-in-out infinite alternate}@keyframes status-pulse{to{opacity:.28;transform:scale(.72)}}@media (max-width:900px){.topbar{padding:0 12px}.brand small,.engine-badge{display:none}.mode-tabs{margin-left:18px}.mode-tabs button{min-width:72px;padding:0 8px}.commandbar{padding:0 12px}.source-state{margin-left:12px}.workbench{overflow:auto;grid-template-columns:minmax(0,1fr) 220px;grid-template-rows:430px 190px}.stage-copy{left:16px;top:16px;max-width:390px}.stage-copy h1{font-size:21px}.inspector{padding:14px}.analysis-strip{grid-template-columns:repeat(3,minmax(290px,1fr));overflow-x:auto}}@media (max-width:640px){html,body,#app{overflow:auto}.surface-lab{height:auto;min-height:100%;grid-template-rows:48px auto auto 30px}.topbar{position:sticky;top:0;z-index:20}.brand{font-size:10px}.mode-tabs{margin-left:auto}.mode-tabs button{min-width:0;font-size:10px}.top-actions{display:none}.commandbar{height:auto;min-height:45px;padding:8px 10px}.bar-rule,.source-state{display:none}.workbench{display:block;overflow:visible}.surface-stage{height:430px;border-right:0}.stage-copy{right:14px}.stage-copy p{max-width:310px}.axis-z{display:none}.stage-hint{left:16px;right:auto}.inspector{border-bottom:1px solid var(--line)}.metrics{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.analysis-strip{height:220px;display:flex;overflow-x:auto}.analysis-strip article{min-width:88vw}footer{padding:0 10px}footer span:first-child{display:none}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.surface-tooltip{transition:none}#surface-canvas{will-change:auto}}