.workflow-teaser{padding:105px 0;background:var(--paper2);border-bottom:1px solid var(--line);overflow:hidden}.workflow-teaser-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.workflow-teaser-copy h2{font-size:clamp(40px,5vw,66px);line-height:1.04;letter-spacing:-.06em;margin:14px 0 25px}.workflow-teaser-copy h2 em{font-style:normal;color:var(--acid)}.workflow-teaser-copy>p:not(.kicker){color:var(--muted);max-width:520px}.workflow-teaser-copy .button{margin-top:20px}.workflow-teaser-track{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 210px;min-height:430px;box-shadow:18px 18px 0 var(--acid)}.workflow-teaser-track ol{list-style:none;padding:28px;margin:0}.workflow-teaser-track li{display:grid;grid-template-columns:45px 1fr;border-bottom:1px solid rgba(255,255,255,.13);padding:10px 0;font-size:13px}.workflow-teaser-track li span{font:10px var(--mono);color:var(--amber)}.teaser-object{position:relative;overflow:hidden;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:22px 22px}.teaser-object:after{content:'';position:absolute;left:22px;right:22px;bottom:54px;height:20px;background:#414743;transform:skewX(-16deg)}.teaser-object i{position:absolute;z-index:2;left:50%;bottom:76px;transform:translateX(-50%);background:var(--acid);border:3px solid var(--ink)}.teaser-object i:nth-child(1){width:105px;height:28px;border-radius:50%}.teaser-object i:nth-child(2){width:72px;height:90px;bottom:96px;border-radius:45% 45% 25% 25%}.teaser-object i:nth-child(3){width:92px;height:82px;bottom:172px;border-radius:48%}.teaser-object i:nth-child(4),.teaser-object i:nth-child(5){width:30px;height:30px;bottom:232px;border-radius:50%}.teaser-object i:nth-child(4){margin-left:-31px}.teaser-object i:nth-child(5){margin-left:31px}.teaser-object i:nth-child(6){width:74px;height:20px;bottom:201px;background:var(--amber)}
.workflow-page{--console:#111614;--console-soft:#1a201d;--console-line:#343b37;--console-text:#f1efe8;--console-muted:#98a09a;--model-a:#e6532f;--model-b:#4b9b68;--model-c:#3978bd;--model-d:#efe9da;padding-bottom:90px;background:var(--paper)}.workflow-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:end;padding:90px 0 60px}.workflow-intro h1{font-size:clamp(52px,7vw,92px);line-height:1.02;letter-spacing:-.07em;margin:14px 0 0}.workflow-intro h1 em{font-style:normal;color:var(--acid)}.workflow-intro-copy>p{font-size:18px;color:var(--muted);max-width:520px}.simulation-notice{border-left:4px solid var(--acid);padding:4px 0 4px 18px;display:flex;flex-direction:column}.simulation-notice strong{font:600 11px var(--mono);letter-spacing:.12em;color:var(--acid)}.simulation-notice span{font-size:13px;color:var(--muted)}
.workflow-stepbar-wrap{border-block:1px solid var(--line);position:sticky;top:0;background:rgba(241,239,232,.94);backdrop-filter:blur(12px);z-index:15}.workflow-stepbar{display:grid;grid-template-columns:repeat(7,1fr);list-style:none;padding:0;margin-block:0}.workflow-stepbar li+li{border-left:1px solid var(--line)}.workflow-stepbar button{width:100%;min-height:78px;border:0;background:transparent;text-align:left;padding:13px;color:var(--muted);font-size:12px}.workflow-stepbar button span{display:block;font:10px var(--mono);margin-bottom:5px;color:#9b9c95}.workflow-stepbar button[aria-current=step]{background:var(--ink);color:var(--paper)}.workflow-stepbar button[aria-current=step] span{color:var(--acid)}.workflow-stepbar button.completed:not([aria-current=step]){color:var(--ink)}.workflow-stepbar button.completed span:after{content:' ✓';color:#3d9b5b}.workflow-stepbar button:disabled{cursor:not-allowed;opacity:.55}
.workflow-console{display:grid;grid-template-columns:minmax(390px,.78fr) minmax(520px,1.22fr);background:var(--console);color:var(--console-text);min-height:680px;margin-top:45px;box-shadow:18px 18px 0 var(--acid)}.workflow-controls{display:flex;flex-direction:column;border-right:1px solid var(--console-line);min-width:0}.workflow-toolbar,.viewport-head,.viewport-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;font:9px var(--mono);letter-spacing:.08em;color:var(--console-muted);padding:14px 18px;border-bottom:1px solid var(--console-line)}.workflow-toolbar b,.viewport-head b{color:var(--amber)}.workflow-toolbar>div{display:flex;gap:14px}.console-link{border:0;background:none;color:var(--console-text);font:10px var(--mono);padding:0;text-decoration:underline;text-underline-offset:4px}.workflow-panels{flex:1;display:flex}.workflow-panel{width:100%;padding:34px;display:flex;flex-direction:column;animation:workflow-panel-in .35s ease}.workflow-panel[hidden]{display:none}.panel-index{font:10px var(--mono);letter-spacing:.12em;color:var(--acid);margin-bottom:10px}.workflow-panel h2{font-size:31px;line-height:1.12;letter-spacing:-.04em;margin-bottom:10px}.panel-lead{font-size:13px;color:var(--console-muted);margin-bottom:25px}
.mode-picker{border:0;padding:0;margin:0 0 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.mode-picker legend,.workflow-field{font:600 10px var(--mono);color:var(--console-muted);letter-spacing:.04em}.mode-picker legend{grid-column:1/-1;margin-bottom:2px}.mode-picker input{position:absolute;opacity:0}.mode-picker span{display:block;border:1px solid var(--console-line);padding:10px;text-align:center;color:var(--console-text);cursor:pointer}.mode-picker input:checked+span{background:var(--acid);border-color:var(--acid);color:white}.mode-picker input:focus-visible+span{outline:2px solid var(--amber);outline-offset:2px}.workflow-field{display:flex;flex-direction:column;gap:6px;margin-bottom:17px}.workflow-field textarea,.workflow-field select,.workflow-field input[type=file]{width:100%;background:#0b0f0d;border:1px solid var(--console-line);color:var(--console-text);padding:10px 11px;outline:none}.workflow-field textarea:focus,.workflow-field select:focus,.workflow-field input:focus{border-color:var(--acid);box-shadow:0 0 0 3px rgba(255,107,37,.13)}.workflow-field small{font-weight:400;color:var(--console-muted)}.workflow-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.console-action,.console-back{border:1px solid var(--acid);background:var(--acid);color:white;padding:13px 16px;font-weight:700;display:inline-flex;justify-content:space-between;align-items:center;gap:22px}.console-action{margin-top:auto}.console-action:disabled{opacity:.35;cursor:not-allowed}.console-back{background:transparent;border-color:var(--console-line);color:var(--console-text);justify-content:center;font-size:12px}.panel-actions{display:flex;gap:10px;margin-top:auto}.panel-actions .console-action{flex:1;margin:0}.console-action.compact{margin:0;padding:9px 12px;white-space:nowrap}
.preview-compare{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--console-line);margin-bottom:20px}.preview-compare article{padding:17px;min-height:150px}.preview-compare article+article{border-left:1px solid var(--console-line);background:rgba(255,107,37,.055)}.preview-compare span,.library-note span{font:9px var(--mono);color:var(--amber)}.preview-compare p{font-size:12px;margin:14px 0 0;color:var(--console-muted)}.inline-facts,.metric-grid,.result-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-block:1px solid var(--console-line)}.inline-facts div,.metric-grid div,.result-metrics div{padding:14px 8px}.inline-facts div+div,.metric-grid div+div,.result-metrics div+div{border-left:1px solid var(--console-line)}.inline-facts dt,.metric-grid dt,.result-metrics dt{font:9px var(--mono);color:var(--console-muted)}.inline-facts dd,.metric-grid dd,.result-metrics dd{margin:7px 0 0;font:600 12px var(--mono)}.metric-grid{grid-template-columns:1fr 1fr;margin-bottom:22px}.metric-grid div:nth-child(3){border-left:0;border-top:1px solid var(--console-line)}.metric-grid div:nth-child(4){border-top:1px solid var(--console-line)}.library-note{border:1px solid var(--console-line);padding:16px;display:flex;flex-direction:column;gap:5px}.library-note b{font-size:13px}.library-note small{color:var(--console-muted)}
.check-list{list-style:none;padding:0;margin:0 0 18px;border-top:1px solid var(--console-line)}.check-list li{display:grid;grid-template-columns:25px 1fr auto;gap:10px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--console-line)}.check-list li>span{color:#69c980}.check-list b,.check-list small{display:block}.check-list small{color:var(--console-muted)}.check-list strong{font:10px var(--mono);color:#69c980}.check-list li.failed>span,.check-list li.failed>strong{color:#f0a24a}.repair-box,.branch-message{border:1px solid #8a5b30;background:rgba(240,162,74,.08);padding:14px;display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.repair-box p{font-size:11px;color:var(--console-muted);margin:4px 0 0}.filament-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.filament-grid label{border:1px solid var(--console-line);padding:12px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.filament-grid span{grid-column:1/-1;font:9px var(--mono);color:var(--console-muted)}.filament-grid input{width:45px;height:34px;border:0;padding:0;background:transparent}.filament-grid b{font:10px var(--mono)}.branch-message{display:block;font-size:12px;color:var(--amber)}.prepare-metrics{margin-bottom:18px}.slice-switch{display:flex;align-items:center;gap:13px;border:1px solid var(--console-line);padding:14px;cursor:pointer}.slice-switch input{width:20px;height:20px;accent-color:var(--acid)}.slice-switch b,.slice-switch small{display:block}.slice-switch small{color:var(--console-muted)}
.result-metrics{grid-template-columns:1fr 1fr;margin-bottom:20px}.result-metrics div:nth-child(3){border-left:0;border-top:1px solid var(--console-line)}.result-metrics div:nth-child(4){border-top:1px solid var(--console-line)}.result-metrics dd{font-size:18px;color:var(--amber)}.gcode-ticket{display:flex;justify-content:space-between;align-items:center;padding:17px;border:1px solid var(--console-line);background:#0b0f0d}.gcode-ticket span,.gcode-ticket b{display:block}.gcode-ticket span{font:9px var(--mono);color:var(--console-muted)}.gcode-ticket b{font:12px var(--mono);margin-top:5px}.gcode-ticket>strong{font:11px var(--mono);color:#69c980}.result-warning{font-size:11px;color:var(--console-muted);margin-top:14px}
.workflow-viewport{display:flex;flex-direction:column;min-width:0}.viewport-scene{position:relative;flex:1;min-height:580px;overflow:hidden;perspective:900px;background-color:#0d1210;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:32px 32px;cursor:grab}.viewport-scene:active{cursor:grabbing}.viewport-footer{border-top:1px solid var(--console-line);border-bottom:0}.build-grid{position:absolute;width:70%;height:42%;left:15%;bottom:5%;background:repeating-linear-gradient(0deg,rgba(255,255,255,.08) 0 1px,transparent 1px 24px),repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 24px),#202622;transform:rotateX(66deg);transform-origin:bottom;border:1px solid #515a54;box-shadow:0 25px 45px rgba(0,0,0,.45)}.build-grid span{position:absolute;font:10px var(--mono);color:#707873}.build-grid span:first-child{right:5px;bottom:5px}.build-grid span:last-child{left:5px;top:5px}
.model-orbit{position:absolute;z-index:4;left:50%;top:49%;width:260px;height:320px;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(-7deg) rotateY(var(--model-rotation,-18deg)) scale(var(--model-scale,1));transition:transform .22s ease}.model-figure{position:relative;width:100%;height:100%;filter:drop-shadow(0 16px 10px rgba(0,0,0,.45));transform-style:preserve-3d}.model-figure i{position:absolute;display:block;background:var(--model-a);border:3px solid #090d0b;box-shadow:inset -12px -12px 0 rgba(0,0,0,.12)}.model-figure .head{width:146px;height:135px;border-radius:47% 47% 42% 42%;left:57px;top:28px;background:linear-gradient(120deg,var(--model-d) 0 14%,var(--model-a) 15% 70%,var(--model-b) 71%)}.model-figure .ear{width:55px;height:55px;border-radius:50%;top:14px}.model-figure .ear.left{left:45px}.model-figure .ear.right{right:45px;background:var(--model-b)}.model-figure .visor{width:120px;height:35px;left:70px;top:78px;border-radius:19px;background:linear-gradient(90deg,var(--model-c),#9ed5f0);box-shadow:inset 0 -8px 0 rgba(0,0,0,.2)}.model-figure .body{width:127px;height:120px;left:66px;top:150px;border-radius:38% 38% 25% 25%;background:linear-gradient(90deg,var(--model-a) 0 48%,var(--model-b) 49%)}.model-figure .arm{width:43px;height:105px;top:156px;border-radius:40%}.model-figure .arm.left{left:35px;transform:rotate(14deg)}.model-figure .arm.right{right:35px;transform:rotate(-14deg);background:var(--model-c)}.model-figure .base{width:190px;height:34px;left:35px;bottom:20px;border-radius:50%;background:linear-gradient(90deg,var(--model-c),var(--model-a),var(--model-b))}.model-figure .mesh-lines{inset:20px 38px 28px;background:repeating-linear-gradient(25deg,transparent 0 12px,rgba(255,255,255,.18) 13px 14px);border:0;box-shadow:none;opacity:0}.model-figure.style-lowpoly i{border-radius:4px;clip-path:polygon(15% 0,85% 5%,100% 46%,80% 100%,18% 94%,0 48%)}.model-figure.style-lowpoly .mesh-lines{opacity:.75}.model-figure.style-sculpture{filter:grayscale(.8) sepia(.15) drop-shadow(0 16px 10px rgba(0,0,0,.45))}.model-shadow{position:absolute;z-index:3;width:210px;height:55px;left:50%;bottom:22%;transform:translateX(-50%);background:rgba(0,0,0,.55);filter:blur(15px);border-radius:50%}
.viewport-axis{position:absolute;left:22px;bottom:22px;width:55px;height:55px}.viewport-axis i{position:absolute;font:9px var(--mono);font-style:normal}.viewport-axis .x{color:#e6532f;right:0;bottom:3px}.viewport-axis .y{color:#4b9b68;left:3px;top:2px}.viewport-axis .z{color:#3978bd;left:3px;bottom:3px}.viewport-hint{position:absolute;right:18px;bottom:15px;color:#6f7772;font:9px var(--mono)}.scan-progress{position:absolute;inset:0;z-index:12;background:rgba(8,12,10,.78);display:grid;place-items:center}.scan-progress[hidden]{display:none}.scan-progress i{position:absolute;left:10%;right:10%;top:50%;height:2px;background:var(--acid);box-shadow:0 0 30px var(--acid);animation:workflow-scan 1.1s ease-in-out infinite}.scan-progress span{font:11px var(--mono);letter-spacing:.12em;color:var(--console-text);transform:translateY(30px)}.scan-progress b{color:var(--acid)}
.slice-layers{display:none;position:absolute;z-index:5;left:50%;bottom:17%;width:230px;height:320px;transform:translateX(-50%)}.slice-layers i{position:absolute;left:calc(var(--layer)*2px);right:calc(var(--layer)*2px);bottom:calc(var(--layer)*12px);height:8px;border-radius:50%;border:2px solid var(--acid);opacity:.75}.workflow-page[data-stage="6"] .model-orbit{opacity:.14}.workflow-page[data-stage="6"] .slice-layers{display:block}.workflow-page[data-stage="5"] .model-orbit{top:56%;transform:translate(-50%,-50%) rotateX(-7deg) rotateY(18deg) scale(.78)}.workflow-status{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-top:0;padding:14px 18px;font:10px var(--mono)}.workflow-status small{color:var(--muted)}.status-lamp{width:8px;height:8px;border-radius:50%;background:#69c980;box-shadow:0 0 0 4px rgba(105,201,128,.13)}.workflow-status.processing .status-lamp{background:var(--amber);animation:workflow-pulse .8s infinite}
@keyframes workflow-panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes workflow-scan{0%,100%{transform:translateY(-160px)}50%{transform:translateY(160px)}}@keyframes workflow-pulse{50%{opacity:.35}}
@media(max-width:1050px){.workflow-console{grid-template-columns:430px 1fr}.workflow-stepbar button{font-size:10px}.viewport-footer span:nth-child(2){display:none}}
@media(max-width:900px){.workflow-teaser-grid,.workflow-intro{grid-template-columns:1fr;gap:40px}.workflow-teaser{padding:75px 0}.workflow-stepbar-wrap{position:static;overflow-x:auto}.workflow-stepbar{width:760px}.workflow-console{grid-template-columns:1fr;box-shadow:10px 10px 0 var(--acid)}.workflow-controls{border-right:0;border-bottom:1px solid var(--console-line)}.workflow-viewport{min-height:560px}.viewport-scene{min-height:500px}}
@media(max-width:600px){.workflow-teaser-track{grid-template-columns:1fr 125px;box-shadow:8px 8px 0 var(--acid)}.workflow-teaser-track ol{padding:18px}.workflow-intro h1{font-size:50px}.workflow-intro{padding:55px 0 40px}.workflow-console{width:100%;margin-top:25px;box-shadow:none}.workflow-panel{padding:24px 18px}.workflow-field-row,.preview-compare,.filament-grid{grid-template-columns:1fr}.preview-compare article+article{border-left:0;border-top:1px solid var(--console-line)}.inline-facts{grid-template-columns:1fr}.inline-facts div+div{border-left:0;border-top:1px solid var(--console-line)}.panel-actions{flex-direction:column}.panel-actions .console-back{order:2}.viewport-scene{min-height:430px}.workflow-viewport{min-height:490px}.model-orbit{transform:translate(-50%,-50%) rotateX(-7deg) rotateY(var(--model-rotation,-18deg)) scale(calc(var(--model-scale,1)*.78))}.viewport-footer{flex-wrap:wrap}.workflow-status{grid-template-columns:auto 1fr}.workflow-status small{grid-column:2}.repair-box{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.workflow-panel,.scan-progress i,.workflow-status.processing .status-lamp{animation:none}.model-orbit{transition:none}}
