.dashboard-canvas{--ds-paper:#fff;--ds-ground:#f5f6f7;--ds-ink:#18212a;--ds-muted:#63717d;--ds-line:#d9dfe3;--ds-accent:#9d4e35;--ds-accent-soft:#f3e7e1;--ds-chart:#35727e;--ds-shadow:#18212a14;isolation:isolate;border:1px solid var(--ds-line);background:var(--ds-paper);height:480px;min-height:480px;color:var(--ds-ink);border-radius:20px;position:relative;overflow:hidden}.dashboard-canvas.dashboard-canvas--failed{height:auto;min-height:0}.dark .dashboard-canvas{--ds-paper:#161e25;--ds-ground:#0f151a;--ds-ink:#e6edf1;--ds-muted:#a6b3bd;--ds-line:#2d3a44;--ds-accent:#e9a88a;--ds-accent-soft:#352c28;--ds-chart:#80bdc7;--ds-shadow:#0008}.ds-overlay{z-index:2;background:var(--ds-ground);transform-origin:50% 42%;flex-direction:column;padding:22px 18px 20px;display:flex;position:absolute;inset:0;overflow:hidden auto}.ds-overlay:before{content:"";pointer-events:none;opacity:.5;background-image:radial-gradient(var(--ds-line) .7px, transparent .7px);background-size:12px 12px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 30% 65%,#0000);mask-image:linear-gradient(#0000,#000 30% 65%,#0000)}.ds-kicker,.ds-phase-count,.ds-stage-rail,.ds-caption{font-family:var(--font-jetbrains)}.ds-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--ds-muted);justify-content:space-between;gap:10px;font-size:9px;display:flex;position:relative}.ds-kicker strong{color:var(--ds-accent);font-weight:500}.ds-scene{visibility:hidden;flex:1;width:100%;min-height:160px;margin:10px auto 0;position:relative}.ds-scene [data-scene-object]{box-sizing:border-box;transform-origin:50%;position:absolute}.ds-mark-plane{z-index:7;pointer-events:none}.ds-sheet{z-index:4;border:1px solid var(--ds-line);background:var(--ds-paper);box-shadow:0 8px 22px var(--ds-shadow);border-radius:4px 12px 4px 4px;padding:0;overflow:hidden}.ds-sheet-1{z-index:3}.ds-sheet-2{z-index:2}.ds-sheet-tab{font:500 6px var(--font-jetbrains);letter-spacing:.06em;color:var(--ds-accent);align-items:center;gap:6%;display:flex;position:absolute;top:12%;left:12%;right:12%}.ds-sheet-tab svg{fill:none;stroke:currentColor;stroke-width:1.2px;flex-shrink:0;width:16%}.ds-sheet-rule{background:var(--ds-line);height:1px;position:absolute;top:33%;left:12%;right:12%}.ds-sheet-ink{gap:6px;display:grid;position:absolute;top:43%;left:12%;right:12%}.ds-sheet-ink span{background:var(--ds-line);border-radius:1px;height:2px}.ds-sheet-ink span:nth-child(2n){width:68%}.ds-scene:is([data-phase="-1"],[data-phase="0"]) .ds-sheet-ink{visibility:hidden}.ds-reading-scan{border-top:1px solid var(--ds-chart);background:linear-gradient(var(--ds-accent-soft), transparent);opacity:0;visibility:hidden;pointer-events:none;height:6%;position:absolute;left:10%;right:10%}.ds-sheet-footer{font:5px var(--font-jetbrains);white-space:nowrap;color:var(--ds-muted);justify-content:space-between;gap:3px;display:flex;position:absolute;bottom:10%;left:12%;right:12%}.ds-board{z-index:1;border:1px solid var(--ds-line);background:var(--ds-paper);box-shadow:0 10px 28px var(--ds-shadow);border-radius:9px;overflow:hidden}.ds-board-toolbar{border-bottom:1px solid var(--ds-line);align-items:center;gap:4px;height:14%;padding:0 5%;display:flex;position:absolute;top:0;left:0;right:0}.ds-board-toolbar i{background:var(--ds-line);border-radius:50%;width:3px;height:3px}.ds-board-toolbar span{color:var(--ds-muted);font:5px var(--font-jetbrains);letter-spacing:.08em;white-space:nowrap;margin-left:5%}.ds-board-toolbar .ds-board-label-data{display:none}.ds-scene[data-phase="1"] .ds-board-label-data{display:block}.ds-scene[data-phase="1"] .ds-board-label-view{display:none}.ds-table-head{opacity:0;grid-template-columns:repeat(3,1fr);gap:4.3%;display:grid;position:absolute;top:21%;left:8.5%;right:10%}.ds-table-head span{background:var(--ds-chart);width:55%;height:2px}.ds-scene[data-phase="1"] .ds-table-head{opacity:.65}.ds-board-edge{border-top:2px solid var(--ds-chart);border-radius:inherit;opacity:.5;position:absolute;inset:0}.ds-board-scan{z-index:8;border-left:1px solid var(--ds-chart);background:linear-gradient(90deg, var(--ds-accent-soft), transparent);opacity:0;visibility:hidden;pointer-events:none;width:5%;position:absolute;top:21%;bottom:16%}.ds-html-mark{font:7px var(--font-jetbrains);letter-spacing:.08em;color:var(--ds-accent);display:none;position:absolute;bottom:4%;right:5%}.ds-panel{z-index:5;border:1px solid var(--ds-line);background:var(--ds-paper);border-radius:4px;overflow:hidden}.ds-panel-rule{background:var(--ds-line);width:18%;height:2px;position:absolute;top:16%;left:9%}.ds-panel-trace{background:var(--ds-chart);transform-origin:0;opacity:.35;width:20%;height:1px;position:absolute;bottom:11%;left:9%}.ds-panel-corner{border-right:1px solid var(--ds-chart);border-bottom:1px solid var(--ds-chart);opacity:0;width:5px;height:5px;position:absolute;bottom:0;right:0}.ds-cell{z-index:7;border:0 solid var(--ds-line);background:0 0;border-radius:2px;align-items:center;padding:0;display:flex;overflow:hidden}.ds-cell span{background:var(--ds-muted);opacity:.6;width:100%;height:2px}.ds-scene:is([data-phase="-1"],[data-phase="0"]) .ds-cell{background:var(--ds-line);border-radius:0}.ds-scene:is([data-phase="-1"],[data-phase="0"]) .ds-cell span{background:var(--ds-muted);height:100%}.ds-scene[data-phase="1"] .ds-cell{background:var(--ds-paper);border-width:1px;padding:0 5px}.ds-scene[data-phase="1"] .ds-cell span{width:60%}.ds-structure-scan{border-top:1px solid var(--ds-chart);background:linear-gradient(var(--ds-accent-soft), transparent);opacity:0;visibility:hidden;height:7%;position:absolute;left:32%;right:6%}.ds-proof{z-index:9;pointer-events:none;opacity:0;fill:none;width:100%;height:100%;stroke:var(--ds-chart);stroke-width:1px;position:absolute;inset:0}.ds-flow-base{stroke:var(--ds-line)}.ds-evidence-mark{white-space:nowrap;font:7px var(--font-jetbrains);letter-spacing:.06em;text-transform:uppercase;color:var(--ds-muted);opacity:.65;position:absolute;bottom:-2%;left:50%;transform:translate(-50%)}.ds-scene:is([data-phase="1"],[data-phase="2"],[data-phase="3"],[data-phase="4"]) .ds-proof{opacity:.8}.ds-scene[data-phase="3"] .ds-panel-corner,.ds-scene[data-phase="4"] .ds-panel-corner{opacity:.7}.ds-scene[data-phase="4"] .ds-html-mark{display:block}.ds-copy{margin-top:22px;position:relative}.ds-copy h3{max-width:440px;font-family:var(--font-syne);letter-spacing:-.04em;margin:0;font-size:22px;font-weight:600;line-height:1.1}.ds-copy p{max-width:470px;font-family:var(--font-dm-sans);color:var(--ds-muted);margin:9px 0 0;font-size:12px;line-height:1.5}.ds-stage-rail{justify-content:space-between;align-items:flex-start;gap:6px;margin:20px 0 0;padding:0;list-style:none;display:flex;position:relative}.ds-stage-rail li{min-width:0;color:var(--ds-muted);letter-spacing:.04em;flex:1;font-size:9px;line-height:1.5}.ds-stage-rail li:before{content:"";background:var(--ds-line);border-radius:2px;height:2px;margin-bottom:8px;display:block}.ds-stage-rail li[data-reached=true]:before{background:var(--ds-accent-soft)}.ds-stage-rail li[aria-current=step]{color:var(--ds-accent)}.ds-stage-rail li[aria-current=step]:before{background:var(--ds-accent)}.ds-stage-rail span{display:block}.ds-caption{color:var(--ds-muted);margin-top:9px;font-size:10px}@media (min-width:480px){.dashboard-canvas{height:520px}.ds-overlay{padding:26px}.ds-scene{min-height:185px}.ds-copy h3{font-size:26px}.ds-kicker{font-size:10px}.ds-stage-rail li{font-size:9px}}@media (min-width:640px){.dashboard-canvas{height:560px}.ds-overlay{padding:30px}.ds-scene{max-width:700px;min-height:210px}.ds-copy h3{font-size:30px}.ds-copy p{font-size:13px}.ds-stage-rail li{font-size:10px}.ds-sheet-tab,.ds-board-toolbar span{font-size:7px}.ds-evidence-mark{font-size:8px}}@media (min-width:768px){.dashboard-canvas{height:600px}.ds-overlay{padding:32px 38px}.ds-scene{min-height:235px}.ds-copy h3{font-size:32px}.ds-stage-rail{gap:12px}.ds-stage-rail li{font-size:10px}.ds-sheet-footer{font-size:6px}}@media (min-width:1024px){.dashboard-canvas{height:640px}.ds-overlay{padding:36px 42px}.ds-scene{min-height:250px}.ds-copy h3{font-size:34px}.ds-stage-rail{margin-top:24px}.ds-copy p{font-size:14px}}@media (min-width:1280px){.dashboard-canvas{height:680px}.ds-overlay{padding:40px 46px}.ds-scene{min-height:270px}.ds-copy h3{font-size:36px}.ds-stage-rail{gap:16px}.ds-caption{font-size:11px}}@media (prefers-reduced-motion:reduce){[data-scene-scan]{display:none}}