@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Manrope:wght@500;600;700&display=swap";*{box-sizing:border-box}html,body,.motion-lab,canvas{width:100%;height:100%;margin:0;overflow:hidden}body{background:#07111d;color:#edf7ff;font-family:Manrope,sans-serif}canvas{display:block}.motion-lab{position:relative;background:radial-gradient(circle at 65% 35%,#123653,#07111d 63%)}.lab-header{position:absolute;z-index:2;top:0;left:0;right:0;height:52px;padding:0 20px;display:flex;align-items:center;gap:8px;background:#07111dc9;border-bottom:1px solid #2b526d;color:#a8c0d6;font:700 9px Manrope,sans-serif;letter-spacing:.12em}.lab-header #motion-status{margin-left:auto;color:#67ead8}.ai-mode{border:1px solid #486982;border-radius:99px;padding:3px 6px;color:#93adc4;font-size:8px;letter-spacing:.08em}.ai-mode.is-live{border-color:#57d8c7;color:#76f4df}.signal{width:7px;height:7px;border-radius:50%;background:#67ead8;box-shadow:0 0 12px #67ead8}.motion-copy{position:absolute;z-index:2;top:80px;left:clamp(18px,5vw,70px);pointer-events:none}.motion-copy p{margin:0;color:#a6c1d8;font:700 10px Manrope,sans-serif;letter-spacing:.16em}.motion-copy h1{margin:10px 0 9px;font:800 clamp(36px,5vw,65px)/.82 "Barlow Condensed",sans-serif;letter-spacing:.03em}.motion-copy em{font-style:normal;color:#ff5070}.motion-copy small{color:#b7c9d8;font-size:11px}.command-window{position:absolute;z-index:3;left:clamp(18px,5vw,70px);bottom:28px;width:min(560px,calc(100% - 36px));padding:14px;background:#081725e6;border:1px solid #426a87;box-shadow:0 20px 60px #0008;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.window-title{display:flex;justify-content:space-between;margin-bottom:10px;color:#93adc4;font:700 9px Manrope,sans-serif;letter-spacing:.14em}.window-title b{color:#6be8d9;font:700 13px Barlow Condensed,sans-serif;letter-spacing:.1em}#command-form{display:flex;border:1px solid #395b76;background:#07111e}#command-form label{padding:13px 12px;color:#65e6d6;font:700 16px monospace}#command-input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#f1f9ff;font:12px Manrope,sans-serif}#command-input::placeholder{color:#718aa2}#command-form button{border:0;background:#e63f5c;color:#fff;padding:0 16px;font:700 10px Manrope,sans-serif;letter-spacing:.08em;cursor:pointer}.quick-actions{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0}.quick-actions button{border:1px solid #355773;background:#102438;color:#b8cce0;padding:6px 8px;font:700 9px Barlow Condensed,sans-serif;letter-spacing:.08em;cursor:pointer}.quick-actions button:hover{background:#1e4966;color:#fff}#command-result{min-height:17px;margin:0;color:#a9bed2;font-size:10px}.motion-telemetry{position:absolute;z-index:2;right:clamp(18px,4vw,55px);top:88px;display:grid;grid-template-columns:auto auto;gap:5px 18px;border-left:1px solid #55809e;padding-left:14px}.motion-telemetry span{color:#8daac2;font:700 9px Manrope,sans-serif;letter-spacing:.1em}.motion-telemetry strong{color:#eff8ff;font:700 16px Barlow Condensed,sans-serif;letter-spacing:.08em}.canvas-hint{position:absolute;z-index:2;right:25px;bottom:19px;color:#9fb6cc;font-size:9px;letter-spacing:.08em}@media(max-width:680px){.motion-copy{top:70px}.motion-telemetry{display:none}.command-window{bottom:16px}.canvas-hint{display:none}.motion-copy h1{font-size:44px}}.lab-logo{width:29px;height:29px;object-fit:cover;border-radius:50%;box-shadow:0 0 12px #1bdfff}