:root{color-scheme:dark;--bg:#071116;--panel:#0c1b20;--panel-2:#102328;--line:#243a40;--line-soft:#1a2c32;--ink:#edf6f0;--muted:#91a7a2;--quiet:#647c79;--mint:#85e7bb;--blue:#8bb9ef;--amber:#e7bd7b;--rose:#e398a0;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-padding-top:20px;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100vh;background:radial-gradient(900px 440px at 83% -5%,#162a3b78,transparent 70%),radial-gradient(800px 500px at 3% 22%,#16443b24,transparent 70%),var(--bg);color:var(--ink);font:14px/1.55 var(--sans)}button,input{font:inherit}button{color:inherit}a{color:inherit}.skip-link{position:absolute;z-index:10;left:14px;top:10px;transform:translateY(-160%);padding:10px 14px;border-radius:8px;background:var(--mint);color:#061510}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:2px solid var(--mint);outline-offset:4px}
.studio-header{height:64px;display:flex;align-items:center;gap:30px;padding:0 max(24px,calc((100vw - 1260px)/2));border-bottom:1px solid #b5d2d31a;background:#071116df}.brand{display:inline-flex;align-items:center;gap:9px;color:#e6f1ed;text-decoration:none;font-size:15px;font-weight:700;letter-spacing:-.04em}.brand span{color:var(--mint);font-size:20px}.studio-header nav{display:flex;gap:24px;margin-left:auto}.studio-header nav a{color:#90a7a3;text-decoration:none;font-size:11px}.studio-header nav a:hover,.studio-footer a:hover{color:var(--mint)}.header-mark{padding:6px 9px;border:1px solid #2a4146;border-radius:6px;color:#77918d;text-decoration:none;font:9px var(--mono);letter-spacing:.11em}
.studio-shell{width:min(1260px,100%);margin:0 auto;padding:52px 28px 42px}.hero{display:grid;grid-template-columns:1fr .85fr;gap:48px;align-items:center;margin-bottom:38px}.hero-copy{padding:8px 0}.eyebrow,.eyebrow-small{margin:0;color:#91aba4;font:600 9px/1.5 var(--mono);letter-spacing:.14em}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow>i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 13px #85e7bb80}.eyebrow>span{margin-left:4px;padding:4px 7px;border:1px solid #7dd5ae50;border-radius:99px;color:#a6edcc;font-size:8px;letter-spacing:.09em}.hero h1{max-width:650px;margin:20px 0 15px;font-size:clamp(42px,6vw,74px);font-weight:630;line-height:.99;letter-spacing:-.065em;text-wrap:balance}.hero h1 em{color:var(--mint);font-style:normal}.hero-lede{max-width:600px;margin:0;color:#b8c8c4;font-size:16px;line-height:1.65}.hero-note{display:flex;align-items:flex-start;gap:9px;max-width:620px;margin:18px 0 0;color:#839b97;font-size:11px}.hero-note span{color:var(--mint)}.hero-art{position:relative;min-height:290px;overflow:hidden;border:1px solid #294347;border-radius:19px;background:radial-gradient(ellipse at 50% 48%,#22534942,transparent 67%),linear-gradient(140deg,#10252c,#0a171c 68%);box-shadow:0 24px 70px #0004}.hero-art svg{position:absolute;inset:0;width:100%;height:100%}.hero-art text{fill:#78918c;font:8px var(--mono);letter-spacing:1px}.art-orbit{position:absolute;left:50%;top:49%;border:1px solid #91b6b21b;border-radius:50%;transform:translate(-50%,-50%) rotate(-17deg)}.orbit-a{width:180px;height:95px}.orbit-b{width:286px;height:154px;transform:translate(-50%,-50%) rotate(24deg)}.orbit-c{width:395px;height:222px;transform:translate(-50%,-50%) rotate(-8deg)}
.workbench{overflow:hidden;border:1px solid #294148;border-radius:18px;background:linear-gradient(145deg,#0d1c22f5,#09161b);box-shadow:0 24px 80px #0003}.workbench-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid var(--line-soft)}.eyebrow-small{color:#819b96;font-size:8px}.workbench-head h2{margin:4px 0 0;font-size:18px;font-weight:580;letter-spacing:-.035em}.run-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:0 15px;border:1px solid #90ebc2;border-radius:8px;background:linear-gradient(130deg,#8ee5bd,#a1d9e9);color:#071715;font-size:11px;font-weight:750;cursor:pointer;box-shadow:0 7px 26px #73d9ae1b;transition:transform .18s ease,filter .18s ease}.run-button:hover{transform:translateY(-1px);filter:brightness(1.05)}.run-button:disabled{cursor:progress;opacity:.75;transform:none}.run-button>span:first-child{font-size:9px}
.workbench-grid{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(330px,.78fr);align-items:stretch}.plot-card{min-width:0;padding:20px 21px 17px;border-right:1px solid var(--line-soft)}.plot-topline,.controls-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.plot-topline h3,.controls-heading h3{margin:4px 0 0;font-size:15px;font-weight:590;letter-spacing:-.025em}.toy-chip,.local-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 8px;border:1px solid #354c4d;border-radius:6px;color:#9cb4aa;font:8px var(--mono);letter-spacing:.06em}.toy-chip i{width:5px;height:5px;border-radius:50%;background:var(--amber);box-shadow:0 0 7px #e7bd7b88}.local-chip{border-color:#315147;color:#9ed7b9}.plot-wrap{position:relative;height:324px;margin-top:14px;border:1px solid #20373d;border-radius:11px;background:radial-gradient(ellipse at 48% 55%,#183c3733,transparent 66%),#08151a;overflow:hidden}.plot-wrap::after{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(180deg,#defff907,transparent 22%,transparent 78%,#0002)}canvas[data-plot]{display:block;width:100%;height:100%;cursor:crosshair}.plot-axis-y,.plot-axis-x,.plot-threshold{position:absolute;pointer-events:none;color:#607a77;font:8px var(--mono);letter-spacing:.08em}.plot-axis-y{left:10px;top:50%;transform:translate(-39%,-50%) rotate(-90deg);transform-origin:center}.plot-axis-x{right:14px;bottom:10px}.plot-threshold{top:10px;left:50%;padding:4px 7px;border:1px solid #3c5953;border-radius:5px;background:#0a171be8;color:#a4d8bc;transform:translateX(-50%);white-space:nowrap}.plot-description{min-height:31px;margin:9px 1px 0;color:#788f8b;font-size:10px}.month-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:11px}.month-card{min-width:0;padding:8px 7px 7px;border:1px solid #22373b;border-radius:8px;background:#0a181d;text-align:left;cursor:pointer;transition:border-color .17s,background .17s}.month-card:hover{border-color:#55776c}.month-card[aria-pressed=true]{border-color:#72c89f;background:#10251f;box-shadow:inset 0 0 0 1px #69c69d20}.month-name{display:block;color:#738a85;font:8px var(--mono);letter-spacing:.04em}.month-card[aria-pressed=true] .month-name{color:#b0dfc6}.month-dots{display:flex;gap:4px;margin-top:7px}.month-dots i{width:5px;height:5px;border-radius:50%;background:#31484a}.month-dots i.is-hit{background:var(--mint);box-shadow:0 0 6px #85e7bb7a}.month-state{display:block;margin-top:5px;color:#607771;font:7px var(--mono);letter-spacing:.04em}.month-card[aria-pressed=true] .month-state{color:#8ec8a7}.window-readout{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;margin-top:13px;padding:11px 12px;border:1px solid #20373c;border-radius:9px;background:#0a171b}.readout-mark{display:grid;place-items:center;width:35px;height:35px;border:1px solid #466052;border-radius:10px;background:#10241d;color:#aff0ce;font:10px var(--mono)}.window-readout h4{margin:3px 0 1px;font-size:11px;font-weight:620}.window-readout p:last-child{margin:0;color:#78908a;font-size:9px}.readout-score{text-align:right}.readout-score b{display:block;color:#b9efd0;font:16px var(--mono)}.readout-score small{display:block;color:#69817d;font:7px var(--mono);letter-spacing:.08em}.legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px;color:#708783;font-size:8px}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:7px;height:7px;border-radius:50%}.legend-hit{background:var(--mint);box-shadow:0 0 7px #85e7bb77}.legend-muted{background:#516460}.legend-selected{border:1px solid #fff;background:#8bb9ef}
.controls-card{min-width:0;padding:20px 20px 17px}.controls-heading h3{font-size:15px}.scenario-picker{display:grid;gap:6px;margin-top:15px}.scenario-picker button{display:flex;align-items:center;gap:10px;min-height:34px;padding:0 10px;border:1px solid transparent;border-radius:7px;background:#0a171b;color:#8ea5a0;text-align:left;font-size:10px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.scenario-picker button:hover{border-color:#354d4c;color:#c2d7cb}.scenario-picker button[aria-pressed=true]{border-color:#52755f;background:#11251f;color:#d3f4de}.scenario-picker button span{color:#668079;font:8px var(--mono)}.range-control{display:block;margin-top:17px}.range-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#b2c3bd;font-size:10px}.range-head output{color:var(--mint);font:10px var(--mono)}input[type=range]{display:block;width:100%;height:18px;margin:8px 0 0;appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:4px;background:linear-gradient(90deg,#477b64,#284447)}input[type=range]::-moz-range-track{height:3px;border-radius:4px;background:linear-gradient(90deg,#477b64,#284447)}input[type=range]::-webkit-slider-thumb{width:13px;height:13px;margin-top:-5px;appearance:none;border:2px solid #071116;border-radius:50%;background:var(--mint);box-shadow:0 0 0 2px #85e7bb52,0 0 14px #85e7bb82}input[type=range]::-moz-range-thumb{width:10px;height:10px;border:2px solid #071116;border-radius:50%;background:var(--mint);box-shadow:0 0 0 2px #85e7bb52,0 0 14px #85e7bb82}.range-ends{display:flex;justify-content:space-between;color:#607773;font-size:8px}.view-control{margin:17px 0 0;padding:0;border:0}.view-control legend{margin-bottom:7px;color:#b2c3bd;font-size:10px}.view-control>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.view-control button{min-height:30px;border:1px solid #293e42;border-radius:6px;background:#0a171b;color:#849c96;font-size:9px;cursor:pointer}.view-control button[aria-pressed=true]{border-color:#52775f;background:#10251f;color:#b6eccb}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:17px}.metrics>div{padding:9px 10px;border:1px solid #20363a;border-radius:8px;background:#0a171b}.metrics span{display:block;color:#6d8580;font:7px var(--mono);letter-spacing:.04em}.metrics b{display:block;margin-top:5px;color:#e4f3e9;font:18px var(--mono)}.metrics b small{color:#728984;font-size:9px}
.verdict{margin-top:11px;padding:12px;border:1px solid #354345;border-radius:9px;background:linear-gradient(125deg,#11231e,#0b191d)}.verdict[data-verdict=review]{border-color:#426b55;background:linear-gradient(125deg,#143024,#0b191d)}.verdict[data-verdict=limited]{border-color:#6a563a;background:linear-gradient(125deg,#2b2418,#0d191b)}.verdict[data-verdict=clear]{border-color:#364a4b;background:linear-gradient(125deg,#102323,#0b191d)}.verdict-top{display:flex;align-items:center;gap:8px}.verdict-icon{display:grid;place-items:center;width:22px;height:22px;border:1px solid #4b7059;border-radius:7px;color:var(--mint);font-size:12px}.verdict[data-verdict=limited] .verdict-icon{border-color:#826d43;color:var(--amber)}.verdict[data-verdict=clear] .verdict-icon{border-color:#435b5d;color:#a8c5d0}.verdict-pulse{width:5px;height:5px;margin-left:auto;border-radius:50%;background:#819591}.verdict[data-verdict=review] .verdict-pulse{background:var(--mint);box-shadow:0 0 8px #85e7bb80}.verdict h4{margin:9px 0 4px;font-size:14px;font-weight:620;letter-spacing:-.02em}.verdict p:last-child{margin:0;color:#92a8a1;font-size:9px;line-height:1.55}.gate-list{display:grid;gap:0;margin:11px 0 0;padding:0;list-style:none}.gate-list li{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 1px;border-bottom:1px solid #1d3034}.gate-light{width:6px;height:6px;border-radius:50%;background:#536662}.gate-list li[data-state=pass] .gate-light{background:var(--mint);box-shadow:0 0 7px #85e7bb66}.gate-list li[data-state=fail] .gate-light{background:var(--rose)}.gate-list li[data-state=hold] .gate-light{background:var(--amber)}.gate-list li span:nth-child(2)>b{display:block;color:#b7c9c2;font-size:9px;font-weight:560}.gate-list li small{display:block;margin-top:2px;color:#6e8580;font-size:8px}.gate-list li strong{color:#718780;font:8px var(--mono);letter-spacing:.06em}.gate-list li[data-state=pass] strong{color:var(--mint)}.gate-list li[data-state=fail] strong{color:var(--rose)}.gate-list li[data-state=hold] strong{color:var(--amber)}.rule-note{margin:10px 0 0;color:#718782;font-size:8px;line-height:1.5}.run-status{display:flex;align-items:center;gap:9px;min-height:39px;padding:0 21px;border-top:1px solid var(--line-soft);color:#7d9590;font-size:9px}.run-status>i{width:6px;height:6px;flex:none;border-radius:50%;background:#71847f}.studio-shell[data-state=running] .run-status>i{background:var(--amber);box-shadow:0 0 8px #e7bd7b77;animation:blink .8s ease-in-out infinite}.studio-shell[data-state=complete] .run-status>i{background:var(--mint);box-shadow:0 0 7px #85e7bb77}.status-tail{margin-left:auto;color:#526b68;font:7px var(--mono);letter-spacing:.07em}.studio-shell[data-state=running] .plot-card{--plot-glow:#85e7bb}
.method-row{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:34px 4px 0}.method-row article{padding-top:13px;border-top:1px solid #294046}.method-row article>span{color:#7f9b92;font:8px var(--mono);letter-spacing:.11em}.method-row h3{margin:7px 0 4px;font-size:13px;font-weight:580;letter-spacing:-.02em}.method-row p{max-width:330px;margin:0;color:#7e9690;font-size:10px;line-height:1.65}.studio-footer{display:flex;justify-content:space-between;gap:15px;margin-top:34px;padding-top:15px;border-top:1px solid #1c3035;color:#647a76;font:8px var(--mono);letter-spacing:.04em}.studio-footer a{color:#9bc8ad;text-decoration:none;font:600 10px var(--sans);letter-spacing:0}.studio-shell[data-state=running] .plot-wrap::after{animation:scan-line 1.8s linear infinite}@keyframes blink{50%{opacity:.4}}@keyframes scan-line{from{background:linear-gradient(180deg,transparent 0%,#8be6ba0c 48%,#8be6ba20 50%,transparent 54%)}to{background:linear-gradient(180deg,transparent 80%,#8be6ba0c 98%,#8be6ba20 100%)}}
@media(max-width:940px){.studio-shell{padding:38px 20px}.hero{grid-template-columns:1fr .75fr;gap:28px}.hero-art{min-height:250px}.workbench-grid{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)}.plot-card{padding:17px}.controls-card{padding:17px}.plot-wrap{height:290px}}
@media(max-width:720px){.studio-header{height:58px;padding:0 16px;gap:12px}.studio-header nav{gap:13px}.studio-header nav a{font-size:9px}.header-mark{display:none}.studio-shell{padding:30px 14px}.hero{grid-template-columns:1fr;gap:20px;margin-bottom:24px}.hero h1{max-width:600px;font-size:clamp(41px,10vw,62px)}.hero-lede{font-size:14px}.hero-art{min-height:215px}.hero-art svg{max-width:520px;left:50%;transform:translateX(-50%)}.workbench-head{padding:15px;align-items:flex-start}.workbench-head h2{font-size:16px}.run-button{min-height:37px;padding:0 11px;font-size:10px}.workbench-grid{grid-template-columns:1fr}.plot-card{border-right:0;border-bottom:1px solid var(--line-soft);padding:15px}.controls-card{padding:16px}.plot-wrap{height:300px}.month-strip{gap:5px}.month-card{padding:7px 5px}.month-name{font-size:7px}.month-state{font-size:6px}.run-status{padding:0 14px}.status-tail{display:none}.method-row{grid-template-columns:1fr;gap:14px;margin:25px 3px 0}.method-row article{padding-top:10px}.studio-footer{flex-direction:column;gap:9px;margin-top:25px}}
@media(max-width:390px){.studio-header nav a:nth-child(2){display:none}.studio-header nav{margin-left:auto}.studio-header{padding:0 12px}.eyebrow{font-size:8px}.hero-art{min-height:190px}.plot-topline{align-items:flex-start;flex-direction:column;gap:8px}.plot-wrap{height:260px}.month-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.month-card{padding:7px}.workbench-head{gap:9px}.workbench-head .eyebrow-small{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.art-runner{display:none}}
.month-card[aria-current=true]{border-color:#72c89f;background:#10251f;box-shadow:inset 0 0 0 1px #69c69d20}.month-card[aria-current=true] .month-name{color:#b0dfc6}.month-card[aria-current=true] .month-state{color:#8ec8a7}.window-dot{width:10px;height:10px;padding:0;border:1px solid #516460;border-radius:50%;background:#31484a;cursor:pointer}.window-dot:hover{transform:scale(1.2)}.window-dot.is-hit{border-color:#9df0c6;background:var(--mint);box-shadow:0 0 6px #85e7bb7a}.window-dot.is-selected{outline:1px solid #effff4;outline-offset:2px}.window-dot.is-missing{border-style:dashed;background:transparent;box-shadow:none}
.art-label{position:absolute;z-index:1;padding:4px 6px;border:1px solid #2e4a48;border-radius:5px;background:#091519d9;color:#8bac9d;font:7px var(--mono);letter-spacing:.08em}.label-a{left:7%;top:16%}.label-b{right:6%;bottom:15%}
.legend-missing{border:1px dashed #81908a;background:transparent}
