:root{color-scheme:dark;--bg:#09090b;--panel:#111114;--line:#2b2b30;--text:#f4f1ec;--muted:#a6a6ad;--orange:#ff6038;--cyan:#66d9ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}header,footer{display:flex;align-items:center;justify-content:space-between;margin:0 auto;padding:26px 4vw;gap:24px}header{border-bottom:1px solid var(--line)}header>a:last-child{font-size:14px;color:var(--muted)}.brand{font-size:24px;font-weight:800;letter-spacing:-1px}.brand span{color:var(--orange)}.brand small{display:block;font-size:10px;letter-spacing:1.2px;color:var(--muted);font-weight:400;margin-top:4px}main{padding:34px 4vw 50px;max-width:1800px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}.eyebrow{font-family:monospace;letter-spacing:1.6px;color:var(--orange);font-size:12px;margin:0 0 10px}h1{font-size:clamp(30px,3.5vw,54px);letter-spacing:-1.8px;line-height:1.1;margin:0 0 14px}h2{font-size:21px;letter-spacing:-.5px;margin:0 0 12px;line-height:1.25}h3{font-size:15px;margin:0 0 12px}.intro p:last-child{margin:0;color:var(--muted)}.badge,.pill{font-family:monospace;font-size:12px;border:1px solid var(--line);padding:8px 12px;color:var(--cyan);white-space:nowrap}.workspace{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(450px,1.8fr) minmax(230px,.85fr);gap:16px;align-items:stretch}.panel{background:var(--panel);border:1px solid var(--line);padding:24px;min-width:0}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.6}.controls>p.muted{font-size:14px}fieldset{border:0;padding:0;margin:24px 0}legend,label{font-size:14px}legend{margin-bottom:10px}.sample{display:flex;align-items:center;gap:9px;border:1px solid var(--line);padding:10px;margin:8px 0;cursor:pointer}.sample:has(input:checked){border-color:var(--orange);background:#201713}.sample img{width:48px;height:48px;object-fit:contain;background:#09090b}.sample span{font-size:13px}.sample small{display:block;font-size:11px;color:var(--muted)}input{accent-color:var(--orange)}select{display:block;width:100%;padding:12px;border:1px solid #47474e;background:#19191e;font-size:15px;margin-top:8px}button,.button{font:inherit;font-size:14px;cursor:pointer;border:1px solid #49494f;background:transparent;color:var(--text);padding:12px 16px;display:inline-flex;justify-content:center;align-items:center;min-height:44px}button:disabled{opacity:.5;cursor:default}.primary{background:var(--orange);border-color:var(--orange);color:#0a0a0c;font-weight:700;width:100%;margin-top:10px}.quiet{padding:6px 10px;min-height:36px;font-size:12px}.button{width:100%}[hidden]{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}#error{font-size:14px;color:#ffb8a3}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.model-toolbar{display:flex;align-items:center;gap:12px;margin-top:16px}.model-toolbar label{font-size:12px;white-space:nowrap}.model-toolbar input{width:90px}.model-toolbar button{margin-left:auto}.viewport{height:210px;display:flex;align-items:center;justify-content:center;perspective:900px;overflow:hidden;background:radial-gradient(ellipse at center,#26201c 0%,transparent 68%)}.pipeline{--angle:-16deg;display:flex;gap:15px;transform:rotateX(25deg) rotateY(var(--angle));transform-style:preserve-3d;transition:transform .15s;width:100%;justify-content:center}.node{display:flex;flex-direction:column;gap:20px;padding:0;border:0;background:none;transform-style:preserve-3d;width:66px;min-width:0}.node b{font-size:11px;font-weight:400;color:var(--muted)}.cube{display:grid;place-items:center;width:52px;height:64px;background:#353139;border:1px solid #716977;transform:skewY(-9deg);position:relative;box-shadow:8px -8px 0 #24242a;transition:background .2s,border-color .2s}.cube i{font:14px monospace;color:#beb7c3}.node.done .cube{background:#5b281a;border-color:var(--orange);box-shadow:8px -8px 0 #321910}.node.active .cube{background:var(--orange);box-shadow:8px -8px 0 #693320,0 0 28px #ff603844}.node.active .cube i{color:#0b0b0b}.hologram .cube{background:#122833;border-color:#427184;box-shadow:8px -8px 0 #142028}.hologram .node.done .cube{background:#164353;border-color:var(--cyan)}.hologram .node.active .cube{background:#27758c;box-shadow:8px -8px 0 #193e4d,0 0 28px #66d9ff66}.hologram .node.active .cube i{color:white}.inspector{min-height:90px;border-left:2px solid var(--cyan);padding:4px 0 4px 14px}#stage-name{font-size:14px;font-weight:600}#stage-detail{font-size:13px;color:var(--muted);margin:6px 0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-top:16px}.metrics span{display:block;font-size:11px;color:var(--muted)}.metrics strong{display:block;font-size:20px;font-weight:500;margin-top:6px}.event-head{display:flex;align-items:center;justify-content:space-between;margin:20px 0 10px}.event-head h3{margin:0}.events{list-style:none;padding:0;margin:0;font-size:12px;font-family:monospace;max-height:175px;overflow:auto}.events li{display:flex;justify-content:space-between;border-bottom:1px solid #222228;padding:5px 0;gap:10px}.output-preview{background:#09090b;aspect-ratio:1;display:grid;place-items:center;margin:24px 0 12px;border:1px dashed #3a3a40;padding:12px;overflow:hidden}.output-preview span{font-size:13px;color:var(--muted);text-align:center;max-width:160px}.output-preview img{max-width:100%;max-height:100%;object-fit:contain}hr{border:0;border-top:1px solid var(--line);margin:24px 0}.history{max-height:240px;overflow:auto}.history button{width:100%;display:flex;justify-content:space-between;text-align:left;border:0;border-bottom:1px solid var(--line);font-size:12px;padding:12px 0;gap:8px}.history button:hover{color:var(--cyan)}.scenario{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.scenario p{font-size:14px;max-width:600px;color:var(--muted)}.scenario label{display:flex;justify-content:space-between}.scenario input{width:100%;margin:16px 0}.scenario strong{display:block;font-size:28px;color:var(--cyan);font-weight:500}.scenario .small{font-size:12px}.about{margin-top:24px;max-width:950px;font-size:14px;color:var(--muted)}summary{cursor:pointer;color:var(--text)}footer{border-top:1px solid var(--line);font:12px monospace;color:var(--muted)}footer a{color:var(--text)}@media(max-width:1150px){.workspace{grid-template-columns:270px minmax(0,1fr)}.output{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}.output .eyebrow,.output h2{grid-column:1}.output-preview{grid-column:1;grid-row:3/8;max-height:270px;margin:0}.output hr{display:none}.output h3,.output .history{grid-column:2}.output .history{grid-row:4/8}.output #output-meta,.output #download{grid-column:1}}@media(max-width:740px){header,footer{padding:20px}.intro{display:block}.badge{display:inline-block;margin-top:18px}main{padding:28px 16px}.workspace{grid-template-columns:1fr}.panel{padding:20px}.output{display:block;grid-column:auto}.output-preview{max-height:none;aspect-ratio:1.5}.scenario{grid-template-columns:1fr;gap:20px}.pipeline{gap:11px}.node{width:48px}.cube{width:40px;height:52px}.viewport{height:180px}.metrics strong{font-size:17px}.section-head{display:block}.pill{display:inline-block}.model-toolbar{gap:8px}.model-toolbar input{width:70px}footer{align-items:flex-start;flex-direction:column}.brand{font-size:21px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}