:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e2e3e5;background:#171819;font-synthesis:none;-webkit-font-smoothing:antialiased;--surface: #202123;--line: #313235;--muted: #87898e;--accent: #d0dfab;--mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.35}button,a,input{outline:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button,a{transition:background-color .1s,color .1s}button svg,a svg{flex-shrink:0}input{width:100%;min-width:0;padding:10px 11px;border:1px solid #3d3f42;border-radius:5px;background:#1a1b1d;color:#e6e7e9;font-size:12px}input::placeholder{color:#777a80}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.button{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:32px;padding:7px 11px;border:1px solid #414347;border-radius:5px;background:#292a2d;color:#dfe0e3;text-decoration:none;font-size:12px;font-weight:500;white-space:nowrap}.button:hover:not(:disabled){background:#35363a;border-color:#55575b}.button-primary{background:var(--accent);border-color:var(--accent);color:#20261a}.button-primary:hover:not(:disabled){background:#dfebc2;border-color:#dfebc2}.icon-button{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:28px;height:28px;padding:0;background:transparent;color:#989b9f;border:0;border-radius:4px}.icon-button:hover{color:#f0f1f2;background:#34363a}.icon-button.is-active{color:var(--accent);background:#33392b}.wordmark{display:flex;align-items:center;gap:9px;color:#efeff0;font-size:18px;letter-spacing:-.8px;font-weight:650;white-space:nowrap}.wordmark>svg{color:var(--accent)}.wordmark-dot{color:var(--accent)}.login{min-height:100dvh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,380px)}.login-card .wordmark{margin-bottom:52px;font-size:23px}.login h1{font-weight:500;font-size:24px;letter-spacing:-.7px;margin:0 0 10px}.login-card>p{margin:0 0 32px;color:var(--muted);font-size:14px}.login form{display:grid;gap:10px}.login label{color:#b8bac0;font-size:12px}.login input{padding:12px;font-size:14px}.login .button{margin-top:6px;justify-content:space-between;min-height:42px}.inline-error{font-size:12px!important;line-height:1.6;color:#e7a18e!important}.app{display:flex;height:100vh;height:100dvh;overflow:hidden}.sidebar{display:flex;flex-direction:column;flex:0 0 248px;min-height:0;background:var(--surface);border-right:1px solid #343538;z-index:5}.brand{display:flex;align-items:center;justify-content:space-between;height:70px;flex-shrink:0;padding:0 18px;border-bottom:1px solid #303135}.studio-label{padding-top:3px;color:#73767a;font:9px var(--mono);letter-spacing:1px}.library-additions{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:16px 14px 14px;border-bottom:1px solid var(--line)}.library-additions .button{justify-content:flex-start;min-width:0;padding:8px;font-size:11px}.library-additions .button svg{color:#8f948a}.library-additions .button.is-active{border-color:#707c5e;background:#30372a;color:#d0dfab}.library-heading{display:flex;align-items:center;justify-content:space-between;padding:19px 13px 10px 18px}.library-heading h2{display:flex;align-items:center;gap:9px;margin:0;color:#cfd0d3;font-weight:500;font-size:12px}.library-heading h2 span{font:10px var(--mono);color:#82858a}.add-menu{display:grid;gap:13px;padding:10px 14px 16px;border-bottom:1px solid var(--line)}.add-menu form{display:grid;gap:8px}.library-message{padding:8px 18px;font-size:11px;color:#b2bb9f}.asset-list{flex:1;min-height:0;overflow-y:auto;padding:5px 9px 20px;scrollbar-width:thin;scrollbar-color:#45474b transparent}.asset{display:flex;align-items:center;gap:10px;min-height:59px;padding:8px;margin-bottom:2px;border:1px solid transparent;border-radius:5px;cursor:grab;-webkit-user-select:none;user-select:none}.asset:hover{background:#2a2b2e;border-color:#35373b}.asset:active{cursor:grabbing}.asset-thumb{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:36px;border:1px solid #414247;border-radius:3px;object-fit:cover;background:#2c2e31;color:#a1a7b1}.asset-type-youtube{color:#c28d82}.asset-type-audio{color:#a9b59a}.asset-details{min-width:0;flex:1}.asset-details b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;line-height:1.5;color:#cfd1d5}.asset-details small{display:block;font-size:10px;color:#898c92;margin-top:3px}.asset-delete{width:20px;height:24px;opacity:0}.asset:hover .asset-delete,.asset-delete:focus-visible{opacity:1}.asset-delete:hover{color:#ecac9c}.library-empty{padding:55px 8px 24px;text-align:center}.empty-symbol{display:inline-flex;align-items:center;justify-content:center;width:53px;height:53px;color:#7e827c;border:1px dashed #4b4e48;border-radius:8px;margin-bottom:19px;transform:rotate(-5deg)}.empty-symbol svg{transform:rotate(5deg)}.library-empty b{display:block;font-weight:500;font-size:12px}.library-empty p{color:#868a90;font-size:11px;line-height:1.8;margin:8px 0 20px}.library-empty .button{min-height:29px;font-size:11px}.library-foot{display:flex;gap:9px;flex-shrink:0;padding:15px 18px;color:#b0b2b7;border-top:1px solid var(--line);font-size:10px;line-height:1.8}.library-foot svg{color:#84888e;margin-top:3px}.library-foot span span{color:#787c81}.workspace{display:flex;flex-direction:column;flex:1;min-width:0;position:relative}.workspace-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:12px;height:70px;padding:0 24px;background:#202123;border-bottom:1px solid #343538;z-index:4}.scene-heading{min-width:0}.scene-eyebrow{display:block;color:#81848a;font:9px var(--mono);letter-spacing:1.3px;margin-bottom:5px}.scene-heading h1{display:flex;align-items:center;gap:13px;margin:0;font-size:14px;font-weight:550}.scene-dimensions{color:#83868b;font:10px var(--mono);white-space:nowrap}.header-actions{display:flex;align-items:center;gap:8px}.save-status{display:flex;align-items:center;gap:6px;color:#979b9f;font-size:10px;white-space:nowrap}.save-status>span{width:5px;height:5px;border-radius:50%;background:#92967f}.save-status.saving>span,.save-status.pending>span,.save-status.loading>span{background:#c6b77d}.save-status.error{color:#e0a18e}.save-status.error>span{background:#e0a18e}.save-status button{border:0;background:transparent;font-size:10px;color:inherit;text-decoration:underline;padding:0}.header-separator{width:1px;height:19px;background:#3c3e41;margin:0 6px}.output-link{background:#d0d3ce;border-color:#d0d3ce;color:#242624}.output-link:hover{color:#f1f3ef}.logout{margin-left:3px}.workspace-footer{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:10px;min-height:30px;padding:0 18px;color:#898d92;background:#202123;border-top:1px solid #333539;font-size:10px}.workspace-footer>span{display:flex;align-items:center;gap:7px}.workspace-footer>span:last-child{font:9px var(--mono)}.workspace-footer i{color:#5d6166;font-style:normal;padding:0 4px}.footer-indicator{width:5px;height:5px;border:1px solid #a3b785}.toast{position:fixed;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 32px);bottom:94px;left:calc(50% + 124px);transform:translate(-50%);z-index:20;padding:11px 16px;border:1px solid #50574a;border-radius:6px;background:#2b3028;color:#dbe6cf;box-shadow:0 4px 20px #0003;font-size:12px;overflow-wrap:anywhere}.load-error{position:absolute;top:90px;left:20px;z-index:10;display:flex;align-items:center;gap:12px;background:#352722;color:#e0aa96;padding:12px 16px;border-radius:5px;font-size:12px}.scene-editor{position:relative;flex:1;min-height:0;overflow:hidden;background:#191a1c}.canvas-viewport{width:100%;height:100%;position:relative;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;outline:none;background-image:radial-gradient(circle,#414348 .7px,transparent .85px);background-size:max(6px,var(--grid-size)) max(6px,var(--grid-size));background-position:var(--grid-x) var(--grid-y)}.canvas-viewport:focus-visible{box-shadow:inset 0 0 0 1px #8e9b77}.canvas-viewport.is-hand,.canvas-viewport.is-hand .scene-item{cursor:grab}.canvas-viewport.is-panning,.canvas-viewport.is-panning *{cursor:grabbing!important}.canvas-world{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform}.world-boundary{position:absolute;top:0;right:0;bottom:0;left:0;border:calc(1px * var(--inverse-zoom)) dashed #494b4f;background:#25272a12;pointer-events:none}.output-frame{position:absolute;background-color:#1b1c1d;background-image:linear-gradient(45deg,#ffffff02 25%,transparent 25%),linear-gradient(-45deg,#ffffff02 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ffffff02 75%),linear-gradient(-45deg,transparent 75%,#ffffff02 75%);background-size:32px 32px;background-position:0 0,0 16px,16px -16px,-16px 0;box-shadow:0 0 0 calc(1px * var(--inverse-zoom)) #bacba4,0 0 0 99999px #00000010;pointer-events:none}.frame-caption{position:absolute;display:flex;align-items:center;gap:7px;left:0;top:0;transform:scale(var(--inverse-zoom)) translateY(calc(-100% - 11px));transform-origin:top left;width:max-content;color:#c2cfb2;font:9px var(--mono);letter-spacing:.5px}.frame-caption>span:last-child{margin-left:7px;color:#858e80;letter-spacing:0}.frame-indicator{width:5px;height:5px;background:#becfa5}.kick-preview{position:absolute;width:100%;height:100%;border:0;opacity:.48;pointer-events:none}.preview-caption{position:absolute;bottom:0;right:0;transform:scale(var(--inverse-zoom)) translateY(calc(100% + 10px));transform-origin:bottom right;width:max-content;color:#767e71;font:9px var(--mono)}.scene-item{position:absolute;cursor:move;touch-action:none;-webkit-user-select:none;user-select:none;outline:calc(1px * var(--inverse-zoom)) solid transparent}.scene-item:hover{outline-color:#ffffff60}.scene-item.is-selected{outline-color:#d0dfab}.scene-item img,.scene-item video,.scene-item iframe{display:block;width:100%;height:100%;object-fit:fill;border:0;pointer-events:none}.scene-item.is-audio{border:calc(1px * var(--inverse-zoom)) dashed #859575;background:#2b3328}.audio-hitbox{display:flex;align-items:center;justify-content:center;gap:14px;height:100%;padding:12px;color:#b6c5a4}.audio-hitbox span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:15px}.item-label{position:absolute;display:block;top:0;left:0;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transform:scale(var(--inverse-zoom)) translateY(calc(-100% - 6px));transform-origin:top left;padding:4px 6px;border-radius:3px;background:#d0dfab;color:#242b1d;font-size:10px;pointer-events:none}.resize-handle{position:absolute;bottom:0;right:0;width:10px;height:10px;padding:0;transform:translate(50%,50%) scale(var(--inverse-zoom));transform-origin:center;border:1px solid #253019;border-radius:1px;background:#d0dfab;cursor:nwse-resize;touch-action:none}.media-controls{position:absolute;display:flex;align-items:center;gap:3px;left:0;bottom:0;padding:3px;border:1px solid #50564a;border-radius:5px;background:#232720;transform:scale(var(--inverse-zoom)) translate(8px,-8px);transform-origin:bottom left}.media-controls button{display:flex;align-items:center;justify-content:center;min-width:28px;height:27px;padding:0 4px;border:0;border-radius:3px;background:transparent;color:#d5dfc8;font:10px var(--mono)}.media-controls button:hover{background:#3d4435}.selection-info{position:absolute;display:flex;align-items:center;gap:9px;left:16px;top:16px;max-width:calc(100% - 32px);padding:5px 7px 5px 11px;border:1px solid #474a43;border-radius:5px;background:#242721f5;box-shadow:0 3px 10px #0002;font-size:11px;color:#cbd5be}.selection-info>svg{flex-shrink:0}.selection-info>span{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selection-info small{color:#8f9985;font:10px var(--mono);white-space:nowrap;margin:0 5px}.selection-info button{border-left:1px solid #40463a;border-radius:0;color:#a6af9e}.camera-dock{position:absolute;display:flex;align-items:center;gap:2px;left:50%;bottom:38px;transform:translate(-50%);padding:5px;border:1px solid #4a4c50;border-radius:7px;background:#282a2df5;box-shadow:0 6px 16px #0004,0 1px 2px #0003}.tool-button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;padding:0;border:0;border-radius:4px;background:transparent;color:#b2b5bc}.tool-button:hover:not(:disabled){background:#3b3d41;color:#f3f4f5}.tool-button.is-active{background:#d0dfab;color:#29341e}.tool-button.is-active:hover{background:#e1ebcb;color:#29341e}.dock-separator{width:1px;height:19px;background:#45474b;margin:0 5px}.zoom-value{min-width:49px;height:30px;padding:0 5px;border:0;border-radius:3px;background:transparent;color:#dbdde1;font:11px var(--mono);text-align:center}.zoom-value span{color:#878c94;margin-left:2px}.zoom-value:hover{background:#36383c}.canvas-help{position:absolute;display:flex;align-items:center;justify-content:center;gap:20px;left:0;right:0;bottom:13px;pointer-events:none;color:#9a9ea4;font-size:10px}.canvas-help>span{display:flex;align-items:center;gap:4px}.canvas-help i{color:#71767e;font-style:normal}kbd{display:inline-block;padding:1px 3px;border:1px solid #494d54;border-radius:2px;color:#a5a9ae;font:9px var(--mono);line-height:11px}@media(max-width:1100px){.sidebar{flex-basis:224px}.workspace-header{padding:0 16px}.scene-dimensions{display:none}.toast{left:calc(50% + 112px)}}@media(max-width:800px){.sidebar{flex-basis:200px}.brand{padding:0 13px}.studio-label{display:none}.header-actions{gap:5px}.header-separator,.save-status{display:none}.workspace-footer>span:last-child{display:none}.selection-info small{display:none}.scene-heading h1{font-size:13px}.toast{left:calc(50% + 100px)}}@media(max-width:580px){.sidebar{flex-basis:152px}.wordmark{gap:5px;font-size:16px}.library-heading{padding-left:12px}.library-additions{gap:5px;padding:12px 8px}.library-additions .button{gap:3px;padding:7px 3px;font-size:9px}.library-additions .button svg{width:12px}.asset{gap:6px;padding:5px 2px}.asset-thumb{flex-basis:30px;width:30px;height:29px}.asset-delete{opacity:1;width:16px}.library-foot{padding:12px 10px;font-size:9px;gap:5px}.library-empty{padding:38px 2px 12px}.library-empty b{font-size:11px}.library-empty .button{font-size:10px;gap:3px;padding:5px}.workspace-header{height:70px;gap:8px;padding:0 10px}.copy-obs{font-size:10px;padding:5px 7px}.copy-obs svg,.output-link,.logout{display:none}.camera-dock{gap:0;padding:3px}.tool-button{width:25px;height:30px}.zoom-value{min-width:40px;font-size:10px}.dock-separator{margin:0 3px}.canvas-help{font-size:8px;gap:8px}.workspace-footer{padding:0 8px;font-size:8px}.selection-info{left:8px;top:8px;max-width:calc(100% - 16px);gap:6px;padding-left:7px;font-size:10px}.toast{left:calc(50% + 76px);max-width:calc(100% - 168px);font-size:10px;padding:8px}}@media(prefers-reduced-motion:reduce){button,a{transition:none}}