html,body{height:auto;min-height:100%;overflow-x:clip;overflow-y:auto}
.site-shell{height:auto;min-height:100dvh;max-height:none}
.main-content{min-height:0}.hero{padding-bottom:22px}.factory-stage{flex:none;height:clamp(380px,53vh,650px);min-height:380px;margin-bottom:24px;border-top:1px solid #ffffff0b;border-bottom:1px solid #ffffff10;background:radial-gradient(ellipse at 50% 60%,#29302990,transparent 74%)}
.factory-stage.is-focused{height:clamp(480px,56vh,680px)}
.factory-stage.is-focused #factory-scene{right:410px}
.story-board{position:absolute;top:60px;right:32px;bottom:25px;width:350px;z-index:4;display:flex;flex-direction:column;justify-content:center;padding:20px;background:linear-gradient(145deg,#2b3028f5,#1c211cf5);border:1px solid #8a99712e;border-radius:16px;box-shadow:0 20px 70px #0003;color:#dce6cf}
.board-heading{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1px;color:#b8c4aa;margin-bottom:20px}.request-stamp{font:600 10px monospace;letter-spacing:0;color:#edc07c;background:#d4a65318;border:1px solid #d4a65342;padding:5px 6px;border-radius:4px}.board-step{margin-left:auto;font-variant-numeric:tabular-nums;font-size:9px;white-space:nowrap}.board-body{min-height:170px;display:flex;flex-direction:column;justify-content:center}.board-result{margin:20px 0 0;padding-top:14px;border-top:1px solid #ffffff12;font-size:12px;line-height:1.6;color:#b9cba9}
.render-mode{position:absolute;right:32px;top:18px;z-index:4;font-size:9px;color:#a4b098;letter-spacing:.3px}.world-label,.workpiece-label{position:absolute;transform:translate(-50%,-50%);z-index:3;white-space:nowrap;padding:7px 9px;border:1px solid #68755a77;border-radius:5px;background:#1a211bf2;color:#d5dfcc;font-size:11px;box-shadow:0 4px 12px #0003}.world-label.selected{border-color:#d4a65399;color:#f4c77e}.workpiece-label{pointer-events:none;font:600 10px monospace;border-color:#b58a4755;color:#ecc78e;padding:5px 8px}.world-label{min-height:36px}.scene-hint{display:none}.stage-caption{color:#929e86;font-size:9px}.stage-demo{display:inline-flex;align-items:center;min-height:40px;padding:6px 12px;margin-top:12px;border:1px solid #ffffff20;border-radius:6px;background:#ffffff04;font-size:12px;color:#d2dfc6}.station-detail{margin:8px 0 0;font-size:12px;line-height:1.6;color:#8fa180;max-width:780px}.station-detail:empty{display:none}.preview-link{margin-left:14px;font-size:12px;min-height:40px}.stage-copy h2{font-size:23px}.stage-copy #stage-description{font-size:13px;line-height:1.6;max-width:800px}.stage-kicker{font-size:10px}.console-caption{align-items:flex-start}.overview-button{min-height:44px;font-size:12px}.playback-row{padding-top:18px}.playback-button,.replay-button{height:44px;width:44px;min-width:44px}.step-button{min-height:40px;font-size:12px}.step-number{font-size:9px}#previous-step,#next-step{display:none}.workflow-console{padding-bottom:24px}.console-bottom p{font-size:11px}.context-panel.mobile-context,.context-panel{display:block;position:static;margin:20px 0 0;width:100%;max-width:780px;padding:16px;background:#22281e;border-radius:10px;pointer-events:auto}.context-heading{font-size:13px}.context-message p{font-size:12px;line-height:1.55}.message-role{font-size:8px;width:66px}.example-label{font-size:8px}.inspection-panel{position:absolute;z-index:8;left:24px;bottom:20px;width:min(370px,calc(100% - 48px));background:#232c20f7;border:1px solid #bba16c70;border-radius:12px;padding:18px 42px 18px 18px;box-shadow:0 12px 35px #0005}.inspection-panel b{font-size:14px;color:#f0c986}.inspection-panel p{font-size:13px;line-height:1.65;color:#c6d1bc;margin:8px 0 0}.inspection-panel>button{position:absolute;right:3px;top:3px;width:40px;height:40px;background:none;font-size:24px;color:#aab69d}.conversation-bubble{padding:13px;background:#394531;border:1px solid #62794b70;border-radius:12px 12px 12px 2px;font-size:16px;color:#eef1e7}.conversation-bubble small{display:block;font-size:10px;line-height:1.6;color:#a7bd96;margin-top:7px}.flow-arrow{display:block;text-align:center;color:#e5b362;margin:7px;font-size:20px}.request-ticket{display:flex;flex-direction:column;gap:5px;padding:12px 16px;border-radius:5px;background:#d8b373;color:#2c3225;box-shadow:0 8px 16px #0004;transform-origin:center}.request-ticket b{font:700 10px monospace}.request-ticket>span{font-size:14px;font-weight:650}.request-ticket small{font-size:10px;opacity:.7}
.dependency-map{height:170px;position:relative}.map-app{position:absolute;left:50%;top:90px;transform:translate(-50%,-50%);padding:12px 16px;background:#44503a;border:1px solid #9ba48877;border-radius:8px;text-align:center;font-size:13px;line-height:1.4;z-index:2}.map-part{position:absolute;z-index:3;min-height:44px;background:#2e3928;border:1px solid #8a9a7560;border-radius:6px;color:#dae5ce;padding:7px 9px;font-size:11px;transform:scale(calc(.85 + var(--explode)*.15));opacity:calc(.65 + var(--explode)*.35)}.map-part small{display:block;font-size:6px;letter-spacing:1px;margin-top:5px;color:#ddb574}.map-team{left:0;top:35px}.map-signin{left:50%;top:0;translate:-50% 0;border-color:#d2a55588}.map-email{right:0;top:35px}.map-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:var(--explode)}.map-lines path{fill:none;stroke:#d1ad67;stroke-width:1.5;stroke-dasharray:5 4}
.queue-story{display:flex;gap:14px;align-items:center}.queue-order{position:relative;flex:1;height:114px}.queue-card{position:absolute;left:0;right:0;height:32px;padding:8px;border:1px solid #798b6466;border-radius:5px;font-size:11px;white-space:nowrap;background:#343e2e}.queue-card small{float:right;font-size:6px;color:#b6be9e;letter-spacing:.4px;margin-top:3px}.prerequisite{top:0;border-color:#cbab6670}.invitation{top:38px;background:#b89454;color:#1b281c;border-color:#d8b775}.report{top:38px;color:#a8b39b}.dependency-gate{width:30px;align-self:stretch;position:relative}.dependency-gate i{position:absolute;left:10px;top:44px;height:54px;width:5px;background:#d6ad61;transform-origin:bottom;transition:transform .5s,background .3s}.dependency-gate.open i{transform:rotate(-85deg);background:#88d5ab}.dependency-gate span{position:absolute;top:113px;width:115px;left:-50px;text-align:center;font-size:8px;color:#d6b373;line-height:1.4}.active-bays{display:flex;flex-direction:column;gap:10px;width:65px}.active-bays>span{padding:10px 5px;background:#151f16;border:1px solid #96ad7355;border-radius:5px;font-size:9px;white-space:nowrap}.active-bays i{display:block;height:3px;margin-top:7px;background:linear-gradient(90deg,#7fa477 0 30%,#d3aa62 30% 65%,#7fa477 65%);background-size:200% 100%;animation:bay-running 1.8s linear infinite}.active-bays small{font-size:8px;line-height:1.4;color:#8eaa7b}@keyframes bay-running{to{background-position:-200% 0}}
.build-story{display:grid;grid-template-columns:1.2fr 1fr;gap:10px}.mini-bay{border:1px solid #82976b50;border-radius:9px;padding:10px;background:#192218}.mini-bay>small{font-size:7px;letter-spacing:.7px;color:#d3bc89;white-space:nowrap}.assembly-ui,.identity-stack{display:flex;flex-direction:column;gap:8px;margin-top:12px}.assembly-ui span{display:block;padding:8px 6px;background:#e0e6d5;color:#36442a;border-radius:3px;font-size:8px;white-space:nowrap}.assembly-ui .assembly-send{background:#567b53;color:#eff3e8}.identity-stack span{padding:11px 6px;background:#34482e;border:1px solid #82976b33;border-radius:4px;font-size:9px;color:#cad9bb}
.verify-story{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;align-items:center}.test-app{position:relative;padding:12px 9px;background:#e7edde;border-radius:6px;min-height:145px;color:#34422d}.test-app>small{font-size:7px;letter-spacing:.7px}.test-email{background:#fff;padding:9px 6px;border:1px solid #adbca0;border-radius:3px;font-size:8px;margin-top:14px;overflow-wrap:anywhere}.test-email.invalid{border-color:#c77c5e;color:#975438}.test-send{padding:9px 7px;background:#3f6643;color:#e7eee0;border-radius:3px;font-size:8px;margin-top:8px}.test-send span{float:right}.test-result{font-size:9px;line-height:1.5;color:#55784d;margin-top:10px;min-height:28px}.test-pointer{position:absolute;left:28px;top:48px;font-style:normal;font-size:28px;color:#b48735;text-shadow:0 0 2px #fff}.test-pointer.at-send{left:80%;top:91px}.test-evidence{display:flex;flex-direction:column;gap:12px}.test-evidence>span{font-size:10px;line-height:1.5;color:#8ca07b;position:relative;padding-left:14px}.test-evidence>span:before{content:'○';position:absolute;left:0;color:#80916d}.test-evidence>span.passed{color:#c1d9af}.test-evidence>span.passed:before{content:'✓';color:#9fcf88}.test-evidence>span.failed{color:#f2aa89}.test-evidence>span.failed:before{content:'×';color:#fa9f7e}.failure-example,.promotion-example{min-height:44px;background:#d8b17116;border:1px solid #d8b17155;border-radius:5px;color:#dec391;font-size:10px;line-height:1.4;padding:8px}.is-failed .test-result{color:#ab5440}.is-failed .board-result{color:#ecad94}.ready-story{display:flex;align-items:center;gap:10px;min-height:140px}.candidate-platform{flex:1.15;text-align:left;background:linear-gradient(145deg,#3d5842,#293e2d);border:1px solid #a0c29475;border-radius:7px;padding:12px 9px;box-shadow:0 7px 0 #18231b;color:#e2eed8;min-height:130px}.candidate-platform small,.live-platform small{font-size:7px;letter-spacing:1.1px;display:block;color:#b7cba5;margin-bottom:13px}.candidate-platform b,.live-platform b{font-size:12px;line-height:1.5;display:block}.candidate-platform>span{font-size:8px;display:block;margin-top:7px;color:#b0d09e}.candidate-platform em{font-style:normal;font-size:8px;display:block;margin-top:12px;color:#dac89f}.promotion-bridge{width:30px;position:relative;height:80px}.promotion-bridge i{position:absolute;width:28px;height:4px;background:#ddb673;top:40px;left:0;transform:rotate(-80deg);transform-origin:left;transition:transform .6s}.promotion-bridge span{position:absolute;top:55px;left:-9px;width:48px;text-align:center;font-size:7px;color:#a5b895;line-height:1.5}.live-platform{flex:.85;align-self:stretch;border:1px dashed #7c8a6a77;padding:12px 9px;border-radius:7px;margin-top:10px;margin-bottom:10px;color:#8d9f7d;background:#1b251c}.is-promoted .promotion-bridge i{transform:rotate(0)}.is-promoted .live-platform{border-style:solid;border-color:#9dc68b;color:#c6e0b5;background:#30482f}.promotion-example{width:100%;margin-top:16px;font-size:11px}.promotion-note{display:block;text-align:center;margin-top:9px;font-size:8px;color:#99ac88}.example-send{cursor:pointer;text-align:left;border:0}.example-status{font-size:11px!important;line-height:1.6;color:#3e6839!important;overflow-wrap:anywhere}.example-status.invalid{color:#9c4e38!important}.example-field{font:inherit;font-size:12px!important;color:#42543a!important}.app-content{min-width:0}.example-send{font-size:12px}.info-dialog .dialog-close{min-width:44px;min-height:44px}
@media(min-width:761px) and (max-width:1050px){.factory-stage.is-focused #factory-scene{right:340px}.story-board{width:300px;right:20px;padding:16px}.board-heading{font-size:8px;gap:6px}.board-result{font-size:11px}.stage-copy h2{font-size:21px}.step-button{font-size:10px;padding:7px}.map-part{font-size:10px}.queue-story{gap:8px}.queue-card{font-size:9px}.queue-card small{font-size:5px}.active-bays{width:55px}.ready-story{gap:7px}.candidate-platform b,.live-platform b{font-size:10px}.stage-kicker{font-size:8px}}
@media(max-width:760px){
  .hero{padding-bottom:22px}.factory-stage{height:330px;min-height:330px;margin-bottom:24px}.factory-stage.is-focused{height:650px;min-height:650px}
  .factory-stage.is-focused #factory-scene{right:0;bottom:285px}.factory-stage:not(.is-focused) #factory-scene{bottom:0}.story-board{top:auto;right:16px;left:16px;bottom:16px;width:auto;padding:14px 16px;min-height:238px;max-height:270px;box-shadow:0 6px 25px #0003}
  .board-heading{margin-bottom:12px;font-size:8px}.board-step{font-size:8px}.board-body{min-height:125px}.board-result{margin-top:12px;padding-top:10px;font-size:11px}.render-mode{right:20px;top:39px;font-size:8px}.world-label{font-size:11px;min-height:44px;padding:8px 10px}.workpiece-label{font-size:9px}.stage-caption{font-size:8px}
  .stage-copy h2{font-size:24px;line-height:1.25}.stage-copy #stage-description{font-size:14px}.station-detail{font-size:12px;line-height:1.6}.stage-kicker{font-size:10px}.stage-demo{min-height:44px;font-size:12px;margin-top:12px}.preview-link{font-size:12px;min-height:44px;margin-left:12px}.console-caption{padding-bottom:18px}.overview-button{font-size:12px}
  .transport-controls{gap:10px}#previous-step,#next-step{display:block;min-height:48px;flex:1;max-width:120px;border:1px solid #ffffff20;border-radius:9px;background:transparent;padding:8px;font-size:12px;color:#c8d7bb}.playback-button,.replay-button{height:48px;width:48px;min-width:48px}.step-button{min-height:48px;font-size:12px}.step-number{font-size:9px}.workflow-console{padding-bottom:0}.context-panel.mobile-context{margin-top:20px;padding:16px}.context-message p{font-size:12px}.message-role{font-size:8px;width:58px}
  .conversation-bubble{padding:9px 12px;font-size:14px}.conversation-bubble small{font-size:9px;margin-top:4px}.flow-arrow{font-size:15px;margin:4px}.request-ticket{padding:9px 12px;gap:3px}.request-ticket span{font-size:12px}.request-ticket small{font-size:8px}.dependency-map{height:133px}.map-app{top:85px;font-size:12px;padding:8px 12px}.map-part{font-size:10px;padding:7px}.map-team,.map-email{top:30px}.map-lines{height:133px}.map-signin{top:-3px}.map-part small{font-size:6px}
  .mini-bay{padding:8px 10px}.assembly-ui,.identity-stack{margin-top:8px;gap:5px}.assembly-ui span{font-size:9px;padding:6px}.identity-stack span{font-size:10px;padding:8px}.mini-bay>small{font-size:8px}.test-app{min-height:130px;padding:9px}.test-email{margin-top:10px;font-size:9px;padding:7px}.test-send{padding:7px;font-size:9px}.test-result{margin-top:7px;font-size:9px;min-height:24px}.test-evidence{gap:9px}.test-evidence>span{font-size:10px}.failure-example{min-height:44px;font-size:10px}.test-pointer{top:35px}.test-pointer.at-send{top:73px}
  .ready-story{min-height:112px}.candidate-platform{min-height:110px;padding:9px}.candidate-platform small,.live-platform small{margin-bottom:7px}.candidate-platform b,.live-platform b{font-size:11px}.candidate-platform em{margin-top:7px}.promotion-example{margin-top:9px;min-height:40px}.promotion-note{margin-top:5px}.inspection-panel{left:16px;bottom:auto;top:70px;width:calc(100% - 32px);max-height:220px;overflow:auto}.inspection-panel p{font-size:13px}.is-focused .scene-vignette{bottom:285px}
}
@media(max-width:360px){.board-heading{font-size:7px;gap:6px}.request-stamp{font-size:8px}.story-board{left:12px;right:12px;padding:12px}.step-button{font-size:10px}.queue-card{font-size:9px}.queue-card small{font-size:5px}.active-bays{width:56px}.queue-story{gap:8px}.candidate-platform b,.live-platform b{font-size:10px}}
@media(prefers-reduced-motion:reduce){.active-bays i{animation:none}.world-label,.story-board,.promotion-bridge i{transition:none}}

.step-scrubber{display:block;max-width:420px;margin-top:14px}.step-scrubber>span{display:flex;justify-content:space-between;font-size:10px;color:#a4b696;letter-spacing:.3px}.step-scrubber output{font-variant-numeric:tabular-nums;color:#d9ba80}.step-scrubber input{display:block;width:100%;height:30px;margin:0;accent-color:#d1ac68;cursor:pointer}.step-scrubber input:focus-visible{outline:2px solid #d1ac68;outline-offset:3px}@media(max-width:760px){.step-scrubber{max-width:none}.step-scrubber>span{font-size:11px}.step-scrubber input{height:40px}}