:root{color-scheme:light;--studio: #e6e8ed;--canvas: #f4f6f8;--ink: #1a1d24;--mute: #8a909b;--faint: #b0b6c0;--line: rgba(226, 230, 236, .9);--blue: #6b93f5;--purple: #8b7cff;--green: #34d399;--orange: #fb8a5b;--gray: #c4c8d0;--pass: #1a9a62;--live: #22c55e;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--studio);color:var(--ink)}button,input{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #1a1d24;outline-offset:2px}.page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px 28px}.gallery,.source{position:absolute;top:16px;z-index:8;color:#1a1d24;font-size:13px;line-height:16px;font-weight:600;text-decoration:none;border-bottom:1px solid #1a1d24}.gallery{left:22px}.source{right:22px}.frame{position:relative}.stage{width:1440px;height:1080px;background:var(--canvas);border-radius:28px;overflow:hidden;position:relative;transform-origin:top left;box-shadow:0 24px 60px #1c243414}.iso{position:absolute;inset:0;width:100%;height:100%}.is-hit,.drone{cursor:pointer}.drone.is-on rect,.drone.is-on ellipse{stroke:#38bdf8}.glass{position:absolute;z-index:3;background:#ffffffa3;backdrop-filter:blur(26px) saturate(1.25);-webkit-backdrop-filter:blur(26px) saturate(1.25);border:1px solid rgba(255,255,255,.88);box-shadow:0 1px #ffffffeb inset,0 18px 40px #141c280f,0 2px 8px #141c2809;border-radius:22px}.glass h2{margin:0;font-size:15px;font-weight:600;letter-spacing:-.02em}.rail{left:-118px;top:36px;width:228px;padding:16px 14px 14px 86px;display:flex;flex-direction:column;gap:14px;min-height:520px;transition:left .28s ease}.rail .layer-toggles{display:none}.rail.is-open{left:22px;padding-left:16px;min-height:620px}.rail.is-open .layer-toggles{display:flex}.rail-tools{display:flex;gap:8px}.icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#6b7280;background:#ffffffb3;border:1px solid rgba(226,230,236,.9)}.icon svg{width:18px;height:18px}.icon:hover{color:var(--ink)}.check,.layer-toggles label{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#4b5563}.check input,.layer-toggles input{accent-color:var(--green);width:15px;height:15px}.far{display:grid;grid-template-columns:1fr auto;gap:6px 8px;font-size:12px;color:var(--mute)}.far em{font-style:normal;color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}.far input[type=range]{grid-column:1 / -1;width:100%;accent-color:var(--green)}.kicker{margin:2px 0 0;font-size:12px;color:var(--mute)}.chips{display:flex;flex-direction:column;gap:8px}.chips button{height:30px;border-radius:999px;background:#d1fae5;color:#047857;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.chips button.on{background:#34d399;color:#064e3b}.levels{display:flex;gap:8px}.levels button{width:32px;height:32px;border-radius:10px;background:#f3f4f6;color:#6b7280;font-weight:650;font-variant-numeric:tabular-nums}.levels button.on{background:#111827;color:#fff}.layer-toggles{display:flex;flex-direction:column;gap:7px;padding-top:4px}.zoom{position:absolute;top:28px;right:392px;z-index:4;display:flex;flex-direction:column;gap:8px}.zoom button{width:40px;height:40px;border-radius:50%;background:#fff;color:#4b5563;font-size:22px;line-height:1;box-shadow:0 10px 24px #141c2814;border:1px solid rgba(255,255,255,.95)}.live-pill{position:absolute;top:30px;right:168px;z-index:4;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px 0 12px;border-radius:999px;background:#fff;font-size:13px;font-weight:600;letter-spacing:-.01em;box-shadow:0 10px 24px #141c2814;border:1px solid rgba(255,255,255,.95)}.live-pill i{width:8px;height:8px;border-radius:50%;background:#9ca3af}.live-pill.is-live i{background:var(--live);box-shadow:0 0 0 4px #22c55e29}.insights{top:88px;right:28px;width:332px;padding:20px 20px 16px;display:flex;flex-direction:column;gap:16px}.insights header{display:flex;align-items:center;justify-content:space-between;color:#6b7280}.insights header svg{width:16px;height:16px}.insights article .row,.progress .row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.insights article span,.progress li span{font-size:12.5px;color:#6b7280}.hint-dot{width:14px;height:14px;border-radius:50%;border:1.3px solid #d1d5db;position:relative}.hint-dot:after{content:"";position:absolute;inset:4px;border-radius:50%;background:#d1d5db}.plane,.drone{cursor:pointer}.plane.is-on path,.drone.is-on rect{stroke:#38bdf8}.insights strong{display:block;margin-top:6px;font-size:26px;letter-spacing:-.04em;font-weight:650;font-variant-numeric:tabular-nums}.insights em{display:block;margin-top:2px;font-style:normal;font-size:11.5px;color:var(--mute)}.meter{position:relative;height:18px;margin-top:8px}.meter .track{position:absolute;left:0;right:0;top:7px;height:5px;border-radius:999px}.meter.carbon .track{background:linear-gradient(90deg,#6ee7b7,#34d399 55%,#a7f3d0)}.meter.gfa .track{background:linear-gradient(90deg,#c4b5fd,#93c5fd 70%,#bfdbfe)}.meter.energy .track{background:linear-gradient(90deg,#93c5fd,#60a5fa 60%,#dbeafe)}.meter.daylight .track{background:linear-gradient(90deg,#fdba74,#fb923c 45%,#ffedd5)}.knob{position:absolute;top:9px;width:13px;height:13px;background:#1c1f26;border-radius:70% 70% 70% 12%;transform:translate(-50%,-50%) rotate(-45deg);box-shadow:0 2px 5px #0f172a47}.progress{left:168px;bottom:28px;width:392px;padding:18px 20px 16px}.progress ul{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:11px}.progress b{font-size:12.5px;font-weight:650;font-variant-numeric:tabular-nums}.seg{display:flex;gap:3px;margin-top:6px;height:8px}.seg i{flex:1;border-radius:2px;background:#e7eaef}.seg.blue i.on{background:#6b93f5}.seg.purple i.on{background:#8b7cff}.seg.green i.on{background:#34d399}.seg.orange i.on{background:#fb8a5b}.seg.gray i.on{background:#c4c8d0}.legend-stack{position:absolute;left:580px;bottom:28px;width:336px;display:flex;flex-direction:column;gap:10px;z-index:3}.legend,.masses{position:relative;padding:16px 16px 14px}.legend .grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.legend button{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 10px;border-radius:12px;font-size:12.5px;color:#4b5563;text-align:left}.legend button.bound{background:#ecfdf5}.legend button.on{color:var(--ink)}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot.blue{background:#60a5fa}.dot.purple{background:#a78bfa}.dot.orange{background:#fb923c}.dot.green{background:#34d399}.masses{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.masses .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.masses button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 8px;border-radius:14px;color:#6b7280}.masses button i{width:22px;height:22px;border-radius:50%;border:2px solid #d1d5db}.masses button.on i{border-color:#34d399;box-shadow:0 0 0 4px #34d39929}.masses b{font-size:11px;letter-spacing:.04em;color:var(--ink)}.masses span,.masses em{font-size:10.5px;font-style:normal;font-variant-numeric:tabular-nums}.masses em{color:var(--mute)}.compliance{right:28px;bottom:28px;width:332px;padding:18px 20px 14px}.compliance ul{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.compliance li{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#4b5563}.compliance b{min-width:58px;height:26px;display:grid;place-items:center;border-radius:999px;background:#ecfdf5;color:#047857;font-size:12px;font-weight:700;border:1px solid #86efac}@media(max-width:900px){.gallery,.source{font-size:12px}}