:root{--bg:#08121c;--panel:#111e2a;--line:#294051;--ink:#f2f6f8;--muted:#a8bac6;--gold:#efbb75;--cyan:#7de4ea;--bar:80px;--side:378px}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;background:var(--bg);color:var(--ink);font-family:Inter,'Segoe UI',system-ui,-apple-system,Arial,sans-serif}body{overflow-x:hidden}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}#app{height:100vh;height:100dvh;display:flex;flex-direction:column;min-height:0;overflow:hidden}.topbar{height:var(--bar);min-height:var(--bar);display:flex;align-items:center;justify-content:space-between;padding:0 31px;border-bottom:1px solid #294053;background:#0a1520;letter-spacing:1.65px;font-weight:730;font-size:10px}.mark{font-size:21px;color:var(--gold);display:flex;align-items:center;gap:12px}.mark span{color:#e5eef2;font-size:11px}.top-right{display:flex;gap:13px;align-items:center;color:#91a9b8;font-size:9px}.dot{height:6px;width:6px;background:#68dec6;border-radius:50%;box-shadow:0 0 12px #55ccaa}.workbench{display:grid;grid-template-columns:minmax(0,1fr) var(--side);min-height:0;flex:1}.stage{min-width:0;position:relative;overflow:hidden;background:radial-gradient(ellipse at 56% 47%,#1b374b 0%,#102233 29%,#091723 63%,#07111c 100%);border-right:1px solid #344b57;touch-action:none}.stage:after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,7,13,.24),transparent 32%,rgba(0,5,11,.55))}.stage-grid{pointer-events:none;position:absolute;inset:0;opacity:.36;background-image:linear-gradient(#49627b18 1px,transparent 1px),linear-gradient(90deg,#49627b18 1px,transparent 1px);background-size:37px 37px;mask-image:linear-gradient(to bottom,transparent 15%,black 95%)}#view{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;z-index:1}.stage-head{position:absolute;top:32px;left:34px;z-index:4;pointer-events:none;max-width:calc(100% - 120px)}.eyebrow{font-size:10px;font-weight:760;letter-spacing:2.1px;color:var(--gold)}h1{font-size:clamp(32px,3.6vw,57px);margin:12px 0 10px;line-height:1.03;letter-spacing:-2.6px;font-weight:620}h1 em{font-style:normal;color:var(--gold)}.subtitle{font-size:12px;letter-spacing:.35px;color:#b0c8d5}.stage-tools{position:absolute;top:30px;right:23px;z-index:10;display:flex;flex-direction:column;gap:8px}.stage-tools button{width:40px;height:40px;border:1px solid #6081988c;border-radius:9px;background:#12283bd9;color:#f0f8fa;font-size:22px;box-shadow:0 5px 20px #0005}.stage-tools button:hover{border-color:var(--gold)}.mobile-tool{display:none!important}.stage-left{position:absolute;bottom:52px;left:30px;z-index:5;pointer-events:none}.spec{display:flex;gap:9px;font-size:10px;color:#a8ced1;letter-spacing:1.1px;font-weight:650}.indicator{width:7px;height:7px;background:#66d6c4;border-radius:50%;box-shadow:0 0 9px #59edcb}.cross{color:#819cae;font-size:9px;margin-top:9px;letter-spacing:.5px}.view-footer{position:absolute;bottom:0;left:0;width:100%;height:35px;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:0 27px;z-index:5;background:#071723bd;border-top:1px solid #36566b73;color:#b7cbd4;font-size:9px;letter-spacing:1px;font-weight:650}.sep{color:var(--gold);padding:0 5px}#labels{position:absolute;inset:0;pointer-events:none;z-index:3}.project-label{position:absolute;transform:translate(-50%,-50%);padding:4px 7px;border-radius:4px;border:1px solid #80b6c36e;background:#0b2036e8;color:#dcebf0;box-shadow:0 2px 10px #0009;font-size:9px;font-weight:700;white-space:nowrap;letter-spacing:.3px}.project-label:before{content:'';height:1px;width:15px;position:absolute;top:50%;right:100%;background:#7facb3}.part-bubble{position:absolute;z-index:11;left:28px;top:148px;background:#0a2333e8;border:1px solid #79c2c380;box-shadow:0 18px 40px #0009;border-radius:10px;max-width:310px;padding:12px 15px;color:#dcecf0;font-size:12px;line-height:1.4}.part-bubble strong{color:var(--gold);display:block;margin-bottom:5px}.controls{background:linear-gradient(160deg,#132432,#0e1c28);display:flex;flex-direction:column;min-width:0;min-height:0;border-left:1px solid #2d4051}.controls-title{padding:23px 24px 19px;display:flex;justify-content:space-between;align-items:center}.controls-title h2{margin:8px 0 0;font-weight:600;letter-spacing:-.65px;font-size:24px}.pill{border-radius:100px;padding:7px 10px;border:1px solid #63b6a279;background:#17392e;color:#99e8cb;font-size:9px;font-weight:800;letter-spacing:1.5px}.tabline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid var(--line);border-top:1px solid var(--line);background:#0b1722}.tab{padding:14px 3px;background:transparent;border:0;border-bottom:2px solid transparent;color:#9fb2be;font-size:10px;font-weight:680}.tab.active{background:#1d3040;color:#ffe0af;border-color:var(--gold)}.scroll-controls{overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;scrollbar-color:#3d5869 transparent;scrollbar-width:thin}.panel{padding:20px 24px 22px;border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 16px}.section-head h3{color:#e7eced;font-size:10px;font-weight:780;letter-spacing:1.7px;margin:0}.tiny{font-size:9px;letter-spacing:1.2px;color:#84a1b1}.range-title{display:flex;justify-content:space-between;font-size:12px;margin:15px 0 9px;gap:12px;color:#bfccd3}.range-title output{color:#ffe0ac;font-weight:740;white-space:nowrap;font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:#e6ac6a;height:15px;cursor:pointer;margin:0 0 4px}select{appearance:none;border:1px solid #426075;background:#102537;color:#f4f3f0;border-radius:7px;padding:10px 30px 10px 12px;font-size:12px;width:100%;min-width:0;background-image:linear-gradient(45deg,transparent 50%,#99b7c2 50%),linear-gradient(135deg,#99b7c2 50%,transparent 50%);background-size:5px 5px,5px 5px;background-position:calc(100% - 17px) 49%,calc(100% - 12px) 49%;background-repeat:no-repeat}.fieldlabel{display:block;font-size:11px;margin:14px 0 8px;color:#b8cbd4}.inspector{margin-top:12px;background:#0a1c2a;border:1px solid #3c5969;border-radius:8px;padding:11px 12px;min-height:65px}.inspector strong{color:#ffdeab;font-size:12px}.inspector p{font-size:11px;color:#c1cbd3;margin:7px 0 0;line-height:1.45}.buttonrow{display:flex;gap:8px;flex-wrap:wrap}.buttonrow button,.reset{background:#1a3444;color:#e4eff2;border:1px solid #4e6a7b;border-radius:7px;padding:9px 11px;font-size:11px;font-weight:680}.buttonrow button:hover,.reset:hover{background:#30465a;border-color:var(--gold)}.guide-note{font-size:11px;line-height:1.6;color:#b4c9d3;margin-top:11px}.sections{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sectiontoggle{display:flex;gap:6px;align-items:start;font-size:10px;line-height:1.3;color:#c2d0d8}.sectiontoggle input{accent-color:var(--gold);margin:0;flex-shrink:0}.readouts{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:19px}.metric{min-height:94px;background:#0b2131;border:1px solid #375367;border-radius:7px;padding:11px 9px}.metric span{display:block;color:#a6bbc7;letter-spacing:.5px;font-size:8px;font-weight:760}.metric strong{display:block;color:#e1fafa;font-size:19px;font-weight:570;letter-spacing:-.4px;padding:7px 0 4px;font-variant-numeric:tabular-nums}.metric small{color:#85a0af;font-size:9px;line-height:1.2}.check{background:#1835289e;border:1px solid #3a8f7480;margin-top:12px;border-radius:7px;padding:12px}.check>span{color:#b2e2ce;font-size:9px;font-weight:800;letter-spacing:1px}.check>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:7px 0 3px}.check b{font-size:17px;color:#effff3;font-weight:650}.check div span{color:#91bea5;font-size:10px}.check small{font-size:10px;color:#a1dec1}.presets{display:grid;grid-template-columns:1fr 1fr}.toggle{display:flex;gap:10px;align-items:center;color:#c4d4dc;font-size:11px;margin:14px 0}.toggle input{accent-color:var(--gold)}.reset{width:100%;margin-top:10px}.science{padding:17px 24px 23px;border-bottom:1px solid var(--line);background:#102432}.science summary{cursor:pointer;display:flex;justify-content:space-between;gap:15px;align-items:center;list-style:none}.science summary::-webkit-details-marker{display:none}.science summary b{font-size:11px;color:#f3d6a9;letter-spacing:1.5px}.science summary span{font-size:10px;color:#b0c2cf}.science summary:after{content:'⌄';color:var(--gold);font-size:21px}.science[open] summary:after{content:'⌃'}.science-body p{font-size:11px;color:#bfcfd7;line-height:1.62}.science-body b{color:#ecf3f2}.science-body .legal{color:#f7d3a0;border-top:1px solid #486073;padding-top:11px}.controls-foot{min-height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#879dab;font-size:8px;letter-spacing:.7px;border-top:1px solid var(--line)}.controls-foot span{color:var(--gold)}body.embed-mode{height:100vh;height:100dvh;overflow:hidden}body.embed-mode .topbar{display:none}body.embed-mode #app{height:100vh;height:100dvh}@media (max-width:940px){:root{--side:325px}.stage-head{left:20px;top:25px}.controls-title{padding:18px}.panel,.science{padding-left:17px;padding-right:17px}}@media (max-width:700px){#app{height:100vh;height:100dvh}.topbar{height:48px;min-height:48px;padding:0 15px}.top-right{display:none}.workbench{display:flex;flex-direction:column}.stage{height:52%;min-height:260px;max-height:57%;flex:0 0 52%;border-right:0;border-bottom:1px solid var(--line)}.controls{flex:1;min-height:0;border:0;overflow:hidden}.controls-title{padding:11px 17px 9px}.controls-title h2{font-size:18px;margin-top:3px}.eyebrow{font-size:8px}.tabline .tab{padding:10px 2px;font-size:9px}.scroll-controls{overflow:auto}.controls-foot{display:none}.stage-head{top:15px;left:16px;max-width:calc(100% - 85px)}h1{font-size:31px;letter-spacing:-1.5px;margin:6px 0 8px}.subtitle{font-size:9px;max-width:210px}.stage-tools{top:15px;right:11px;gap:6px}.stage-tools button{height:34px;width:34px;font-size:19px}.mobile-tool{display:block!important}.stage-left{bottom:37px;left:11px}.spec{font-size:8px}.cross{font-size:7px;max-width:250px}.view-footer{padding:0 11px;height:28px;font-size:7px}.view-footer span:first-child{font-size:0}.view-footer span:first-child:after{content:'DRAG · PINCH · SELECT';font-size:8px}.view-footer .sep{display:none}.part-bubble{left:10px;top:107px;max-width:240px;font-size:10px}.panel{padding:14px 17px}.sections{grid-template-columns:1fr 1fr}.stage:after{background:linear-gradient(180deg,#06121b22,transparent 30%,#07101975)}body.mobile-collapsed .controls{flex:0 0 0;min-height:0;opacity:0;border:0}body.mobile-collapsed .stage{height:calc(100% - 1px);max-height:none;flex:1}body.embed-mode.mobile-collapsed .stage{height:100%;flex:1}body.embed-mode .stage{min-height:230px}}@media(max-width:410px){.controls-title{padding:8px 13px}.stage-head .subtitle{max-width:185px}.view-footer{font-size:7px}.stage-left .cross{max-width:190px}}