@import url('data:text/css,');
:root{font-family:Segoe UI,Arial,sans-serif;color:#e2eae7;background:#0c1319;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid #ffffff10;background:#101920}.brand{display:flex;align-items:center;gap:15px;font-size:17px;font-weight:700;letter-spacing:2px}.brand svg{color:#6fe4cd}.thin{font-weight:400;color:#96a9af;letter-spacing:3px}.header-right{display:flex;align-items:center;gap:10px;font:10px Consolas,monospace;letter-spacing:1.5px;color:#a1b5b8}.status-dot{width:6px;height:6px;border-radius:50%;background:#61d6ac;display:inline-block;flex-shrink:0}.device{border:1px solid #405158;border-radius:4px;padding:7px 10px;margin-left:15px;color:#c8dad9}main{display:grid;grid-template-columns:minmax(0,1fr) 355px;min-height:calc(100vh - 76px)}.stage{height:calc(100vh - 76px);min-height:620px;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#2b5261,#0b1b2b 75%)}#viewport{position:absolute;inset:0}canvas{display:block}.vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -120px 110px -80px #05111ee0}.scene-heading{position:absolute;top:33px;left:37px;pointer-events:none;text-shadow:0 3px 22px #0008}.eyebrow{font:10px Consolas,monospace;letter-spacing:2px;color:#92b9ba;display:flex;gap:18px}.eyebrow span{color:#e0c299}h1{font-size:clamp(34px,5vw,68px);line-height:1.05;letter-spacing:7px;font-weight:500;margin:14px 0 8px}#subtitle{font-size:15px;letter-spacing:4px;color:#b9d1d3;margin:0}.scene-tags{display:flex;gap:8px;margin-top:22px}.scene-tags span{font:8px Consolas,monospace;letter-spacing:1px;border:1px solid #c0f2e32b;padding:6px 9px;border-radius:3px;color:#b7cec9;background:#10233070}.view-tools{position:absolute;left:30px;bottom:91px}.micro{font:9px Consolas,monospace;letter-spacing:1.5px;color:#91a8af}.button-row{display:flex;gap:6px;margin-top:10px}button{border:1px solid #a8c8c030;color:#cadbdc;background:#142734df;border-radius:5px;padding:9px 12px;font-size:11px;transition:background .15s}button:hover{background:#285050}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #9df5d8;outline-offset:4px}button.active{background:#d2b27e;color:#18252c;border-color:#d2b27e}.view-tools p{font-size:10px;color:#95adb7;margin:13px 0 0}.transport{position:absolute;left:22px;right:22px;bottom:22px;background:#0a1820db;border:1px solid #accdc01c;backdrop-filter:blur(12px);border-radius:8px;padding:10px 12px;display:flex;align-items:center;gap:13px}.transport button{padding:5px 8px;border:0;background:transparent;font-size:18px;min-width:30px}.transport label,output{font:10px Consolas,monospace;color:#94b4bc}input[type=range]{accent-color:#d0ae7b;min-width:50px;flex:1;height:3px}output{min-width:38px}.preview-label{font:8px Consolas,monospace;color:#78979f;letter-spacing:1px}aside{padding:31px 27px 22px;border-left:1px solid #ffffff10;background:#101b22}h2{font-size:27px;line-height:1.22;font-weight:400;letter-spacing:-.5px;margin:18px 0 14px}.intro{font-size:12px;line-height:1.8;color:#90a9b2}.metrics{display:flex;margin:23px 0 27px;border-top:1px solid #d3e6e519;border-bottom:1px solid #d3e6e519;padding:18px 0;justify-content:space-between}.metrics div{display:flex;flex-direction:column;gap:6px}.metrics strong{font-weight:400;font-size:22px}.metrics span{font-size:9px;color:#83a0aa}.section-label{font:9px Consolas,monospace;letter-spacing:1.6px;color:#bca984}.features{padding:0;list-style:none;margin:17px 0 20px}.features li{display:flex;gap:14px;margin:0 0 18px}.features li>span{font:10px Consolas,monospace;color:#718c94;padding-top:2px}.features b{font-size:12px;font-weight:500;color:#d5e1de}.features p{font-size:11px;line-height:1.65;color:#88a1ab;margin:6px 0 0}.device-panel{background:#17303966;border:1px solid #b5dac11b;border-radius:6px;padding:14px;margin-bottom:20px}.device-panel .button-row button{flex:1;padding:10px 6px}.device-panel p{font-size:10px;color:#7f9ea7;line-height:1.5;margin-bottom:0}.primary{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;background:#d4b584;color:#1e2c2e;font-size:12px;font-weight:600;border-radius:5px;cursor:pointer}.primary:hover{background:#e6c997}.primary span{font-size:21px;line-height:10px}.secondary{display:block;text-align:center;font-size:10px;color:#9eb7bd;padding:14px}.verification{display:flex;gap:10px;margin:5px 0 18px;padding-top:14px;border-top:1px solid #c4e9da1c}.amber{background:#e5b565;margin-top:4px}.verification b{font-size:10px;font-weight:400;color:#e0bd89}.verification p{font-size:10px;line-height:1.7;color:#87a2ae;margin:5px 0}details{border-top:1px solid #ffffff0e;padding:12px 0;font-size:10px;line-height:1.7;color:#91aeb4}summary{cursor:pointer;color:#c6d7d9;font-size:11px}details code{font-size:9px;overflow-wrap:anywhere}details a{text-decoration:underline}footer{font-size:10px;line-height:1.7;color:#6c8994;border-top:1px solid #ffffff10;padding-top:16px;margin-top:7px}#loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:16px;background:#0b202de0;border-radius:6px;color:#b1d4cc;font-size:13px;max-width:80%}.hidden{display:none}@media(min-width:1700px){main{grid-template-columns:minmax(0,1fr) 385px}aside{padding:38px 32px}h2{font-size:32px}.intro{font-size:13px}}@media(max-width:1000px){main{grid-template-columns:minmax(0,1fr) 300px}aside{padding:25px 20px}.preview-label{display:none}.scene-tags{display:none}.scene-heading{left:25px}}@media(max-width:950px){header{height:63px;padding:0 18px}.brand{font-size:13px}.brand svg{width:26px}.header-right{font-size:0}.device{font-size:9px;margin-left:0}main{display:block}.stage{position:relative;height:65vh;min-height:470px}.scene-heading{top:23px}h1{font-size:36px}.view-tools{left:20px;bottom:95px}.view-tools p{font-size:9px}.transport{left:12px;right:12px;gap:8px}aside{border-left:0;padding:28px}.features{display:grid;grid-template-columns:1fr;gap:0}.intro{max-width:480px}.metrics{justify-content:flex-start;gap:50px}}