:root{color-scheme:dark;--ink:#eef1ed;--muted:#a3afb0;--accent:#f09151;--panel:rgba(20,28,31,.95);font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:#151c1f;color:var(--ink);overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:4px}button:disabled{cursor:wait;opacity:.45}[hidden]{display:none!important}#app{height:100svh;min-height:620px;position:relative;overflow:hidden}#viewport{position:absolute;inset:0 335px 0 0}canvas{width:100%;height:100%;display:block;touch-action:none}header{position:absolute;left:34px;right:34px;top:25px;display:flex;align-items:center;justify-content:space-between;z-index:3}.brand{font-size:32px;font-weight:900;font-style:italic;letter-spacing:-2px;text-decoration:none;color:white;line-height:.9;text-shadow:0 2px 18px #000}.brand span{color:var(--accent)}.brand small{display:block;font-size:7px;letter-spacing:2px;font-style:normal;margin-top:8px}.place{font-size:9px;letter-spacing:2px;color:#ccd3d3;display:flex;gap:13px;align-items:center}.place i{opacity:.3}.dot,.status-dot{width:5px;height:5px;background:#a8cbb1;border-radius:100%;display:inline-block}.quiet{background:transparent;border:0;color:#b9c3c3;font-size:11px;padding:10px}.scene-note{position:absolute;top:124px;left:35px;font-size:8px;letter-spacing:2.5px;color:#aebcbd;display:flex;align-items:center;gap:10px}.line{width:23px;height:1px;background:var(--accent)}.intro{position:absolute;left:35px;bottom:113px;pointer-events:none;text-shadow:0 2px 18px #101819}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;color:var(--accent);margin:0 0 13px}.intro h1{font-size:clamp(39px,4.4vw,66px);line-height:.97;letter-spacing:-3px;font-weight:500;margin:0 0 18px}.intro h1 em{font-family:Georgia,serif;font-weight:400}.intro>p:last-child{color:#c0cbcb;font-size:11px;line-height:1.8}.config{position:absolute;right:26px;top:96px;bottom:78px;width:306px;background:var(--panel);border:1px solid #ffffff15;border-radius:4px;padding:23px 21px;box-shadow:0 15px 55px #0003;display:flex;flex-direction:column;overflow:auto;scrollbar-width:thin}.config-head{display:flex;justify-content:space-between;align-items:center}.config-head h2{font-size:27px;letter-spacing:-1px;font-weight:500;margin:0}.config-head .eyebrow{margin-bottom:7px;font-size:8px}.build-mark{font-size:10px;letter-spacing:1px;border:1px solid #ffffff23;padding:12px 9px;color:#91a1a4}.tabs{display:flex;border-bottom:1px solid #ffffff19;gap:14px;margin:25px 0 21px}.tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:0 0 12px;color:#849598;font-size:11px}.tabs button.active{color:#f7f6f2;border-color:var(--accent)}#options{min-height:120px}.option-label{display:flex;justify-content:space-between;margin-bottom:17px;font-size:12px}.option-label span{font-size:9px;color:#8fa0a4}.swatches{display:flex;gap:13px;margin-bottom:17px}.swatch{width:45px;height:45px;border-radius:50%;border:4px solid #182125;box-shadow:0 0 0 1px #ffffff15;position:relative;background:var(--swatch)}.swatch.active{box-shadow:0 0 0 2px #e2e9e6}.swatch.active:after{content:'✓';font-size:15px;color:white;text-shadow:0 1px 3px #0007}.option-card{width:100%;display:flex;align-items:center;justify-content:space-between;padding:13px 12px;margin-bottom:8px;border:1px solid #ffffff16;background:#ffffff02;text-align:left;border-radius:3px}.option-card.active{border-color:#ef995e88;background:#ef995e0a}.option-card strong{display:block;font-weight:500;font-size:12px}.option-card small{display:block;font-size:9px;color:#83999e;margin-top:5px}.option-card .tick{font-size:15px;color:var(--accent)}.selection-note{font-size:10px;line-height:1.65;color:#91a4a8;min-height:38px;margin:6px 0 14px}.inspect-button{background:none;border:1px solid #ffffff1c;border-radius:2px;padding:11px 12px;text-align:left;font-size:10px;color:#c5cecf;display:flex;justify-content:space-between}.build-list{margin-top:auto;padding-top:22px;border-bottom:1px solid #ffffff16;padding-bottom:15px;margin-bottom:17px}.build-list>div{display:flex;justify-content:space-between;gap:8px;margin:9px 0;font-size:9px}.build-list span{color:#7f969c}.build-list strong{font-weight:400;color:#becacb;text-align:right}.primary{border:0;border-radius:2px;background:var(--accent);color:#171e20;padding:16px 17px;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:30px}.primary:hover{filter:brightness(1.08)}.primary span{font-size:19px;font-weight:400}.prototype-note{font-size:8px;text-align:center;color:#7e9196;margin:12px 0 0;letter-spacing:.4px}.view-tools{position:absolute;left:calc((100% - 335px)/2);transform:translateX(-50%);bottom:77px;display:flex;gap:2px;border:1px solid #ffffff20;background:#1b252be8;border-radius:3px;padding:4px;white-space:nowrap}.view-tools button{background:transparent;border:0;color:#b3c0c4;font-size:10px;padding:10px 13px;border-radius:2px}.view-tools button.active{background:#ffffff14;color:#fff}footer{position:absolute;bottom:29px;left:35px;right:35px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.2px;color:#afbec3}footer>div{display:flex;align-items:center;gap:10px}footer>span{font-size:7px;color:#778d92}footer b{padding:0 10px}#loading{position:absolute;inset:0;z-index:10;background:#182226;display:flex;flex-direction:column;justify-content:center;align-items:center}.loader-mark{font-style:italic;font-weight:900;font-size:60px;letter-spacing:-5px}.loader-mark span{color:var(--accent)}#loading p{font-size:9px;letter-spacing:3px;color:#a5b5b7;margin-top:25px}.loading-line{height:1px;background:var(--accent);width:130px;margin-top:18px;animation:pulse 1.4s infinite}@keyframes pulse{50%{opacity:.2;transform:scaleX(.5)}}#inspect-panel{position:absolute;inset:auto 360px 120px 35px;pointer-events:none}#inspect-panel>div{pointer-events:auto;width:260px;background:#1b2428eb;padding:22px;border:1px solid #fff2}#inspect-panel h2{font-size:24px;font-weight:400;margin:10px 0}#inspect-panel p:not(.eyebrow){font-size:11px;color:#a5b7be}#inspect-panel .primary{margin-top:20px;font-size:10px;width:100%}.inspecting .intro,.inspecting .view-tools,.inspecting .scene-note{display:none}.inspecting .config{opacity:.3;pointer-events:none}dialog{border:1px solid #ffffff25;border-radius:5px;background:#1c282d;color:#edf1ed;padding:40px;width:min(420px,90vw);box-shadow:0 30px 100px #0008}dialog::backdrop{background:#061015aa;backdrop-filter:blur(7px)}dialog h2{font-family:Georgia,serif;font-weight:400;font-size:42px;line-height:1.05;margin:15px 0 25px}dialog p{font-size:13px;line-height:1.8;color:#c2d0d2}.small{font-size:11px!important;color:#839ca5!important}dialog .primary{width:100%;margin-top:24px}dialog .quiet{width:100%;margin-top:13px}.dialog-close{position:absolute;right:15px;top:10px;background:none;border:0;font-size:26px;color:#b0c2c7}#return-hangar{position:absolute;left:50%;bottom:60px;transform:translateX(-50%)}.taxi-mode .config,.taxi-mode .intro,.taxi-mode .view-tools,.taxi-mode .scene-note{display:none}.taxi-mode #viewport{right:0}
@media(max-height:770px) and (min-width:801px){.config{top:83px;bottom:60px;padding:17px 20px}.tabs{margin:17px 0}.config-head h2{font-size:23px}.build-list{padding-top:10px;margin-bottom:12px;padding-bottom:9px}.build-list>div{margin:7px 0}#options{min-height:105px}.selection-note{margin:0 0 10px;min-height:30px}.primary{padding:12px 16px}.prototype-note{margin-top:8px}}
@media(max-width:800px){#app{min-height:700px}header{left:19px;right:19px;top:19px}.brand{font-size:27px}.place{font-size:7px;letter-spacing:1px;gap:7px}.quiet{font-size:9px}#viewport{inset:0 0 340px}.scene-note{top:87px;left:20px;font-size:7px}.intro{left:20px;bottom:403px}.intro h1{font-size:31px;letter-spacing:-1px;margin-bottom:7px}.intro .eyebrow,.intro>p:last-child{display:none}.config{top:auto;left:14px;right:14px;bottom:43px;width:auto;height:285px;padding:15px 17px;display:grid;grid-template-columns:1fr 1fr;column-gap:23px;overflow:auto}.config-head{grid-column:1/3}.config-head h2{font-size:21px}.config-head .eyebrow{font-size:7px;margin:0 0 4px}.build-mark{padding:8px}.tabs{grid-column:1/3;margin:12px 0 10px;gap:27px}.tabs button{padding-bottom:8px}.swatches{gap:8px;margin-bottom:4px}.swatch{width:33px;height:33px}.option-label{font-size:10px;margin-bottom:11px}.option-label span{display:none}#options{min-height:72px;grid-column:1/2;grid-row:3/5}.selection-note{grid-column:2/3;grid-row:3/4;margin:0 0 7px;font-size:9px;min-height:0}.inspect-button{grid-column:2/3;grid-row:4/5;padding:8px;font-size:8px}.build-list{display:none}.config>.primary{grid-column:1/3;margin-top:10px;padding:10px 13px;font-size:11px}.prototype-note{grid-column:1/3;font-size:7px;margin-top:7px}.option-card{padding:8px;margin-bottom:4px}.option-card strong{font-size:10px}.option-card small{font-size:7px;margin-top:3px}.view-tools{left:50%;bottom:347px}.view-tools button{font-size:8px;padding:8px 11px}footer{left:20px;right:20px;bottom:17px;font-size:7px}footer>span{display:none}#inspect-panel{left:20px;right:20px;bottom:363px}#inspect-panel>div{padding:14px;width:220px}#inspect-panel h2{font-size:18px}#inspect-panel .primary{padding:10px}.inspecting .config{opacity:.6}.taxi-mode #viewport{inset:0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}