:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#edf0ff;background:#11152b;font-synthesis:none;font-weight:450}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:#b8adff;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible{outline:3px solid #86e7c0;outline-offset:3px}.topbar{height:90px;border-bottom:1px solid #2b304a;display:flex;align-items:center;justify-content:space-between;padding:0 40px;gap:16px}.brand{display:flex;align-items:center;gap:14px}.mark{width:40px;height:40px;border-radius:13px;background:#a48afa;color:#181b35;display:grid;place-items:center;font-weight:900;font-size:23px;box-shadow:0 4px #5e4a9e}.brand strong{font-size:17px;display:block;letter-spacing:-.5px}.brand small{font-size:11px;letter-spacing:2px;color:#929ab6;text-transform:uppercase;display:block;margin-top:4px}.beta{font:600 10px/1.4 ui-monospace,monospace;padding:6px 9px;background:#293344;color:#9ee5c9;border:1px solid #445a60;border-radius:6px}.toplinks{display:flex;gap:20px;align-items:center;font-size:12px}.layout{display:grid;grid-template-columns:210px minmax(380px,1fr) 310px;max-width:1450px;margin:auto;min-height:calc(100vh - 90px)}.sidebar{padding:32px 20px;border-right:1px solid #2b304a}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;text-transform:uppercase;color:#8892b0;margin:0 0 18px}.nav{display:flex;flex-direction:column;gap:7px}.nav button{border:0;text-align:left;border-radius:9px;padding:12px 14px;background:transparent;color:#a5aec8;font-size:13px;display:flex;gap:12px;align-items:center}.nav button span{width:20px;color:#626f94;font-size:11px}.nav button:hover{background:#1b213b;color:#fff}.nav button[aria-current=page]{background:#2b294b;color:#d8cfff}.nav button[aria-current=page] span{color:#b39afd}.side-note{margin-top:36px;padding-top:22px;border-top:1px solid #2b304a;font-size:12px;line-height:1.7;color:#7d89a9}.workbench{padding:32px 32px 24px;min-width:0;background:radial-gradient(ellipse at 50% 38%,#252b4d,#171c34 45%,#11152b 80%)}.scene-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px;gap:12px}.scene-heading h1{font-size:24px;letter-spacing:-.8px;margin:0 0 8px;font-weight:650}.scene-heading p{color:#8995b5;font-size:12px;margin:0;line-height:1.6}.live{font:10px ui-monospace,monospace;color:#8cdbbc;white-space:nowrap;margin-top:7px}.live:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#86e7c0;margin-right:7px}.device{margin:auto;width:min(100%,390px);padding:8px;border:1px solid #424966;border-radius:26px;background:#222a43;box-shadow:0 25px 80px #05081880}canvas#surface{display:block;width:100%;height:690px;border-radius:19px;touch-action:none;outline:none;background:#f0f3fc}.device-foot{display:flex;justify-content:space-between;font:10px ui-monospace,monospace;color:#6f7c9f;width:min(100%,390px);margin:16px auto 0;gap:12px}.inspector{padding:32px 22px;border-left:1px solid #2b304a}.inspector h2{font-size:15px;font-weight:600;letter-spacing:-.3px;margin:0 0 12px}.inspector p{font-size:12px;line-height:1.8;color:#929dbb}.pill-list{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0}.pill-list span{font:10px ui-monospace,monospace;padding:6px 8px;background:#222941;border:1px solid #343c56;border-radius:5px;color:#b1bbd3}pre{white-space:pre-wrap;font:11px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;padding:16px;background:#0c1021;border:1px solid #2b334d;border-radius:10px;color:#bfb1fa;margin:20px 0}.switches{border-top:1px solid #2b304a;padding-top:18px;display:grid;gap:12px}.switches label{display:flex;gap:10px;align-items:center;font-size:12px;color:#adb7d0}.switches input{accent-color:#a38bf3;width:15px;height:15px}.metric{display:flex;justify-content:space-between;font:11px ui-monospace,monospace;color:#7b8aa9;margin-top:15px}.metric output{color:#b8e5d6}.footer-note{font-size:10px!important;color:#657391!important;margin-top:26px}.starter{max-width:440px;margin:40px auto;padding:20px}.starter h1{font-size:30px;letter-spacing:-1px}.starter p{color:#94a0be}.starter canvas#surface{height:520px;margin-top:24px}.startup-error{max-width:500px;margin:80px auto;padding:30px;background:#252b49;border-radius:16px;line-height:1.6}.startup-error button{padding:12px 24px;border:0;border-radius:8px;background:#a48afa;color:#181b35}@media(min-width:1500px){.workbench{padding-left:60px;padding-right:60px}}@media(max-width:1100px){.layout{grid-template-columns:180px minmax(340px,1fr) 260px}.workbench{padding:24px 20px}.sidebar{padding:28px 12px}.inspector{padding:28px 16px}.topbar{padding:0 24px}.brand strong{font-size:15px}}@media(max-width:850px){.layout{grid-template-columns:160px 1fr}.inspector{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 30px;border-top:1px solid #2b304a;border-left:0}.inspector .eyebrow,.inspector h2{grid-column:1/-1}.toplinks .beta{display:none}}@media(max-width:560px){.topbar{height:76px;padding:0 16px}.toplinks a{font-size:11px}.brand strong{font-size:13px}.brand small{font-size:9px}.mark{width:32px;height:32px;font-size:19px;border-radius:10px}.layout{display:block}.sidebar{padding:14px 12px;border-right:0;border-bottom:1px solid #2b304a}.sidebar .eyebrow,.side-note{display:none}.nav{flex-direction:row;overflow:auto;gap:5px}.nav button{white-space:nowrap;font-size:12px;padding:10px}.nav button span{display:none}.workbench{padding:22px 12px}.scene-heading{padding:0 6px}.scene-heading h1{font-size:21px}.device{padding:5px;border-radius:23px}canvas#surface{height:650px}.inspector{display:block;padding:24px}.toplinks{gap:8px}.starter{margin:15px auto}}