:root{color-scheme:light dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#10131b;color:#f6f8fc}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 18% 0%,rgba(65,95,145,.28),transparent 38%),radial-gradient(circle at 100% 100%,rgba(30,132,118,.18),transparent 36%),#10131b}button,select,input{font:inherit}.app-shell{min-height:100vh;padding:24px}.workspace{display:grid;grid-template-columns:minmax(360px,1fr) 360px;gap:20px;width:min(1440px,100%);margin:0 auto;align-items:start;min-width:0}.stage{border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#080c18ad;padding:12px;box-shadow:0 24px 80px #00000059;min-width:0;max-width:100%}.motion-canvas{display:block;width:100%;max-width:100%;min-width:0;height:auto;aspect-ratio:1;border-radius:6px;background:#0a1020}.control-panel{display:grid;gap:14px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#101420e6;padding:16px;position:sticky;top:20px;box-shadow:0 18px 60px #0000003d;min-width:0}.brand{display:grid;gap:4px}.brand span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#9aa8bf;font-weight:800}.brand strong{font-size:20px;line-height:1.25}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#ffffff14;padding:4px;border-radius:8px}.segmented button,.actions button{min-height:40px;border:0;color:#f6f8fc;background:transparent;cursor:pointer;font-weight:800;border-radius:6px}.segmented button.active{background:#2e8f78;box-shadow:inset 0 0 0 1px #ffffff24}label{display:grid;gap:7px;color:#aab4c6;font-size:13px;font-weight:800}select,input{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#182032;color:#f6f8fc;min-height:40px;padding:0 12px;outline:none}select:focus,input:focus,button:focus-visible{outline:2px solid rgba(34,235,156,.55);outline-offset:2px}.manual-grid,.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#26324c;border:1px solid rgba(255,255,255,.08)}.actions button:hover:not(:disabled){background:#344365}.actions button:disabled{opacity:.48;cursor:not-allowed}.metadata{display:grid;gap:8px;margin:0}.metadata div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;border-top:1px solid rgba(255,255,255,.08);padding-top:8px;font-size:13px}.metadata dt{color:#8e9db5;font-weight:800}.metadata dd{margin:0;color:#eef3ff;text-align:right;overflow-wrap:anywhere}.error{margin:0;color:#ff8795;font-weight:800}@media (max-width: 960px){.app-shell{padding:8px;width:100%;overflow-x:hidden}.workspace{grid-template-columns:1fr;width:100%;max-width:100%;min-width:0}.stage{padding:6px;width:100%;max-width:100%;overflow:hidden}.motion-canvas{width:100%;max-width:100%}.actions{grid-template-columns:1fr}.control-panel{position:static;width:100%;max-width:100%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important}}