@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#e8eceb;font-synthesis:none;background:#0b151c;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}.shell{min-height:100vh;display:flex}.rail{background:#0b141b;border-right:1px solid #21313b;flex-direction:column;flex-shrink:0;align-items:center;gap:18px;width:72px;padding:22px 0;display:flex}.brand-mark{color:#e3b178;border:1.5px solid #e3b178;border-radius:11px;place-items:center;width:35px;height:35px;font:700 24px Space Grotesk,sans-serif;display:grid;transform:skew(-7deg)}.rail-line{background:#2b3941;width:30px;height:1px;margin:14px 0 6px}.rail-icon{color:#83939b;border-radius:10px;place-items:center;width:38px;height:38px;font-size:22px;display:grid}.rail-icon.active{color:#e5b17b;background:#26313a}.rail-icon.muted{opacity:.55}.rail-spacer{flex:1}.rail-initials{color:#92a1a5;border:1px solid #394b54;border-radius:50%;padding:8px 5px;font:700 10px Space Grotesk,sans-serif}.workspace{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid #23343d;justify-content:space-between;align-items:center;gap:16px;height:103px;padding:20px 32px 19px;display:flex}.eyebrow,.tiny-label,.foot-label,.element-kicker,.empty-overline{letter-spacing:.18em;color:#a6b5b7;font:700 10px Space Grotesk,sans-serif}.topbar h1{letter-spacing:-.035em;margin:6px 0 0;font:600 28px Space Grotesk,sans-serif}.topbar-actions{align-items:center;gap:14px;display:flex}.stage-pill{color:#c8d1cc;letter-spacing:.08em;white-space:nowrap;border:1px solid #42535a;border-radius:3px;padding:8px 10px;font:700 10px Space Grotesk,sans-serif}.open-button,.empty-open{color:#14212b;cursor:pointer;white-space:nowrap;background:#dea970;border:1px solid #f6c38d;border-radius:4px;justify-content:space-between;align-items:center;gap:24px;padding:11px 15px;font-weight:700;display:inline-flex}.open-button:hover,.empty-open:hover{background:#f3bc80}.main-grid{flex:1;grid-template-columns:minmax(0,1fr) 310px;min-height:580px;display:grid}.viewer-panel{border-right:1px solid #23343d;flex-direction:column;min-width:0;min-height:0;display:flex}.viewer-toolbar{background:#101e27;border-bottom:1px solid #263841;justify-content:space-between;align-items:center;height:66px;padding:0 25px;display:flex}.viewer-heading{flex-direction:column;gap:5px;display:flex}.viewer-heading strong{white-space:nowrap;text-overflow:ellipsis;max-width:44vw;font:600 14px Space Grotesk,sans-serif;overflow:hidden}.tool-button{color:#d5dfdc;cursor:pointer;background:#172832;border:1px solid #3c5058;border-radius:3px;padding:8px 11px;font-size:12px}.tool-button:disabled{opacity:.4;cursor:default}.viewport{background:radial-gradient(circle at 50% 40%,#172b35,#111e27 65%);flex:1;min-height:420px;position:relative;overflow:hidden}.viewport canvas{width:100%;height:100%;display:block}.empty-state{z-index:2;text-align:center;background:radial-gradient(circle at 50% 40%,#1e3641db,#111e27f2 65%);flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.empty-state[hidden]{display:none}.empty-symbol{color:#e1af7c;border:1px solid #9e7556;border-radius:50%;place-items:center;width:94px;height:94px;margin-bottom:25px;font-family:Space Grotesk,sans-serif;font-size:65px;line-height:1;display:grid}.empty-overline{color:#e0aa75}.empty-state h2{letter-spacing:-.05em;margin:13px 0 9px;font:500 clamp(28px,4vw,45px) Space Grotesk,sans-serif}.empty-state p{color:#a9bbbe;max-width:370px;margin:0 0 28px;font-size:14px;line-height:1.6}.empty-open{min-width:193px}.empty-note{color:#738a92;margin-top:14px;font-size:11px}.viewport-corner{opacity:.65;pointer-events:none;border-color:#70838a;width:15px;height:15px;position:absolute}.top-left{border-top:1px solid;border-left:1px solid;top:20px;left:20px}.top-right{border-top:1px solid;border-right:1px solid;top:20px;right:20px}.bottom-left{border-bottom:1px solid;border-left:1px solid;bottom:20px;left:20px}.bottom-right{border-bottom:1px solid;border-right:1px solid;bottom:20px;right:20px}.viewer-footer{color:#91a7ac;background:#101e27;border-top:1px solid #263841;justify-content:space-between;align-items:center;gap:10px;min-height:50px;padding:0 24px;font-size:11px;display:flex}.viewer-footer span:last-child{letter-spacing:.08em;white-space:nowrap;font:700 9px Space Grotesk,sans-serif}.details-panel{background:#0e1b23;flex-direction:column;min-width:0;display:flex}.details-head{border-bottom:1px solid #263841;padding:29px 25px 24px}.details-head h2{letter-spacing:-.035em;margin:12px 0 8px;font:600 21px Space Grotesk,sans-serif}.details-head p{color:#8da2a8;margin:0;font-size:12px;line-height:1.55}.details-body{flex:1;padding:23px}.no-selection{text-align:center;color:#8ea3a9;border:1px dashed #324751;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:230px;display:flex}.selection-icon{color:#dca978;margin-bottom:4px;font-size:38px}.no-selection strong{color:#e2e8e4;font:600 14px Space Grotesk,sans-serif}.no-selection span{font-size:11px}.element-card{background:#142630;border:1px solid #415359;padding:19px}.element-kicker{color:#e3ad78}.element-card h3{overflow-wrap:anywhere;margin:12px 0 4px;font:600 19px Space Grotesk,sans-serif}.element-type{color:#a9bbc0;font-size:12px}.element-card dl{margin:22px 0 0}.element-card dl div{border-top:1px solid #344851;flex-direction:column;gap:5px;padding:11px 0;display:flex}.element-card dt{color:#8298a1;font-size:11px}.element-card dd{overflow-wrap:anywhere;margin:0;font-size:12px}.mono{font-family:Consolas,monospace}.identity-note{color:#859aa2;border-top:1px solid #344851;margin:4px 0 0;padding-top:14px;font-size:11px;line-height:1.5}.details-foot{border-top:1px solid #263841;padding:22px 23px 25px}.foot-label{color:#a4b4b7}.capability{color:#9db0b5;border-bottom:1px solid #243943;justify-content:space-between;gap:10px;padding:13px 0;font-size:11px;display:flex}.capability b{color:#748991;white-space:nowrap;font:700 9px Space Grotesk,sans-serif}.capability b.ready{color:#99c6a8}.site-footer{color:#71858d;letter-spacing:.08em;border-top:1px solid #23343d;justify-content:space-between;align-items:center;height:33px;padding:0 22px;font:700 9px Space Grotesk,sans-serif;display:flex}@media (max-width:900px){.main-grid{grid-template-columns:1fr}.details-panel{border-top:1px solid #23343d}.details-body{min-height:160px}.details-foot{display:none}.viewer-panel{border-right:0}.viewer-footer span:last-child{display:none}}@media (max-width:600px){.rail{width:49px}.brand-mark{width:30px;height:30px;font-size:21px}.topbar{align-items:flex-start;height:auto;min-height:100px;padding:18px}.topbar h1{font-size:22px}.topbar-actions{flex-direction:column;align-items:flex-end;gap:8px}.stage-pill{font-size:8px}.open-button{padding:8px 10px;font-size:12px}.viewer-toolbar{padding:0 15px}.viewer-heading strong{max-width:50vw}.viewer-footer{padding:0 15px}}.viewer-actions{align-items:center;gap:8px;display:flex}