@font-face{font-family:Inter;src:url(./InterVariable-DEKF4JyX.ttf)format("truetype");font-style:normal;font-weight:100 900;font-display:swap}:root{color:#f5f5f0;font-synthesis:none;text-rendering:geometricprecision;--yellow:#ffd60a;--yellow-strong:#ffca05;--ink:#0d0e0f;--panel:#151719;--panel-raised:#1b1e21;--panel-soft:#202327;--line:#ffffff1a;--line-strong:#ffffff2b;--muted:#8b9098;--body:#c5c8cc;--danger:#ff7c6e;--success:#7fd9a7;--radius:8px;--topbar:64px;--library:330px;--inspector:320px;background:#0d0e0f;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}body{background:#0d0e0f}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.creative-canvas:focus-visible{outline:2px solid var(--yellow);outline-offset:1px}button:disabled{cursor:not-allowed;opacity:.36}.studio-shell{grid-template-columns:var(--library) minmax(420px, 1fr) var(--inspector);grid-template-rows:var(--topbar) minmax(0, 1fr);color:#f7f7f2;background:#101214;width:100vw;height:100vh;display:grid}.studio-shell.library-closed{grid-template-columns:0 minmax(420px, 1fr) var(--inspector)}.studio-shell.inspector-closed{grid-template-columns:var(--library) minmax(420px, 1fr) 0}.studio-shell.library-closed.inspector-closed{grid-template-columns:0 minmax(420px,1fr) 0}.studio-topbar{z-index:40;height:var(--topbar);border-bottom:1px solid var(--line);background:#0f1113fa;grid-column:1/-1;grid-template-columns:minmax(210px,1fr) minmax(260px,1.5fr) minmax(360px,1fr);align-items:center;padding:0 14px;display:grid;position:relative}.studio-brand,.project-heading,.topbar-actions{min-width:0}.studio-brand{align-items:center;gap:10px;display:flex}.studio-brand-symbol{width:34px;height:34px;color:var(--ink);background:var(--yellow);border:1px solid #ffd60a73;border-radius:50%;place-items:center;display:grid}.studio-brand>div{gap:1px;display:grid}.studio-brand strong{letter-spacing:-.01em;font-size:13px;font-weight:760}.studio-brand small,.project-heading span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:600}.project-heading{justify-items:center;gap:2px;padding:0 20px;display:grid}.project-heading strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;font-weight:700;overflow:hidden}.project-heading input{color:#f1f2ee;text-align:center;background:0 0;border:1px solid #0000;border-radius:4px;width:min(100%,380px);padding:2px 6px;font-size:14px;font-weight:700}.project-heading input:hover,.project-heading input:focus{border-color:var(--line-strong);background:#1a1d20}.topbar-actions{justify-content:flex-end;align-items:center;gap:7px;display:flex}.icon-control,.save-button,.primary-button,.library-title button,.generate-button,.secondary-wide,.preset-actions button,.job-actions button{border:1px solid var(--line-strong);color:#eff0ed;cursor:pointer;background:#1d2023;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:40px;transition:border-color .12s,background .12s,color .12s,transform .12s;display:inline-flex}.icon-control{width:40px;padding:0}.save-button,.primary-button{padding:0 13px;font-size:12px;font-weight:700}.primary-button{border-color:var(--yellow);color:#111;background:var(--yellow)}.icon-control:hover:not(:disabled),.save-button:hover:not(:disabled),.library-title button:hover,.secondary-wide:hover,.preset-actions button:hover,.job-actions button:hover{color:#fff;background:#25292d;border-color:#ffd60a8c}.primary-button:hover:not(:disabled),.generate-button:hover:not(:disabled){background:#ffe13c}.export-menu{position:relative}.export-popover{z-index:120;border:1px solid var(--line-strong);background:#202327;border-radius:8px;width:220px;padding:7px;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 18px 48px #00000075}.export-popover button{width:100%;color:var(--body);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:10px 11px}.export-popover button:hover{color:#fff;background:#ffffff12}.studio-library,.studio-inspector{z-index:30;background:var(--panel);min-width:0;min-height:0;transition:opacity .16s,transform .16s;position:relative;overflow:hidden}.studio-library{border-right:1px solid var(--line);grid-template-columns:50px minmax(0,1fr);display:grid}.library-closed .studio-library{pointer-events:none;opacity:0;transform:translate(-16px)}.studio-inspector{border-left:1px solid var(--line)}.inspector-closed .studio-inspector{pointer-events:none;opacity:0;transform:translate(16px)}.library-tabs{border-right:1px solid var(--line);background:#101214;flex-direction:column;align-items:center;gap:5px;padding:12px 7px;display:flex}.library-tabs button{color:#777d85;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:42px;height:42px;display:grid;position:relative}.library-tabs button:hover,.library-tabs button.active{color:#fff;background:#23272b}.library-tabs button.active:before{background:var(--yellow);content:"";border-radius:0 3px 3px 0;width:3px;height:19px;position:absolute;left:-7px}.library-content,.inspector-body{scrollbar-color:#34383d transparent;scrollbar-width:thin;min-width:0;min-height:0;overflow:hidden auto}.library-content{padding:17px 14px 30px}.library-title{justify-content:space-between;align-items:center;min-height:34px;margin-bottom:12px;display:flex}.library-title>span{font-size:14px;font-weight:750}.library-title>b{color:var(--muted);font-size:11px}.library-title button{min-height:30px;padding:0 9px;font-size:10px;font-weight:700}.library-search{margin-bottom:12px}.library-search input,.field input,.field textarea,.field select,.format-control select,.custom-size input,.project-settings input,.project-settings select{border:1px solid var(--line);color:#f1f1ed;background:#111315;border-radius:6px;width:100%}.library-search input{height:38px;padding:0 11px;font-size:11px}.library-search input::placeholder{color:#646a72}.project-list,.preset-list{gap:7px;display:grid}.project-list>button,.preset-main{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;display:grid}.project-list>button:hover,.project-list>button.active,.preset-main:hover{border-color:var(--line);background:#1d2023}.project-list>button.active{border-color:#ffd60a61}.project-list>button>span,.preset-main>span{width:36px;height:36px;color:var(--yellow);letter-spacing:.04em;background:#222013;border:1px solid #ffd60a61;border-radius:6px;place-items:center;font-size:9px;font-weight:800;display:grid}.project-list strong,.preset-main strong,.slide-thumb strong,.selected-scene strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:680;display:block;overflow:hidden}.project-list small,.preset-main small,.slide-thumb small,.selected-scene span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:9px;display:block;overflow:hidden}.project-settings{border-top:1px solid var(--line);gap:13px;margin-top:22px;padding-top:18px;display:grid}.ad-status,.safe-area-card,.pair-lock,.codex-status{border:1px solid var(--line);color:#dbddd9;background:#1b1e21;border-radius:7px;align-items:flex-start;gap:10px;padding:11px;display:flex}.ad-status svg{color:var(--yellow);flex:none}.ad-status strong,.safe-area-card strong,.pair-lock strong,.codex-status strong{font-size:10px;font-weight:700;display:block}.ad-status span,.safe-area-card span,.pair-lock span,.codex-status small{color:var(--muted);margin-top:3px;font-size:9px;line-height:1.45;display:block}.filter-chips{scrollbar-width:thin;scrollbar-color:#ffd21a85 #ffffff0d;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;gap:6px;margin:0 -14px 12px;padding:0 14px 8px;display:flex;overflow-x:auto}.filter-chips::-webkit-scrollbar{height:4px}.filter-chips::-webkit-scrollbar-track{background:#ffffff0d;border-radius:999px}.filter-chips::-webkit-scrollbar-thumb{background:#ffd21a85;border-radius:999px}.filter-chips:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #ffd21ab8}.filter-chips button{scroll-snap-align:start;border:1px solid var(--line);min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:6px 9px;font-size:9px;font-weight:650}.filter-chips button.active,.filter-chips button:hover{color:#f7f7f2;background:#24251d;border-color:#ffd60a80}.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.scene-grid>button{aspect-ratio:1;border:1px solid var(--line);cursor:pointer;background:#0c0d0e;border-radius:7px;padding:0;position:relative;overflow:hidden}.scene-grid>button:hover,.scene-grid>button.active{border-color:var(--yellow)}.scene-grid img{object-fit:cover;width:100%;height:100%;display:block}.scene-grid>button>div{color:#f7f7f2;text-align:left;background:#0a0b0cd1;border:1px solid #ffffff1a;border-radius:4px;padding:6px 7px;position:absolute;bottom:5px;left:5px;right:5px;overflow:hidden}.scene-grid>button>div strong,.scene-grid>button>div small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.scene-grid>button>div strong{font-size:8px;font-weight:680}.scene-grid>button>div small{color:#9ba1a8;margin-top:2px;font-size:7px}.theme-dot{background:#f1f1ed;border:1px solid #ffffffa6;border-radius:50%;width:9px;height:9px;position:absolute;top:7px;right:7px;box-shadow:0 0 0 3px #00000059}.theme-dot.dark{background:#17191b}.preset-card{border:1px solid var(--line);background:#191c1f;border-radius:7px;position:relative}.preset-card>i{color:#101214;background:var(--yellow);letter-spacing:.06em;border-radius:3px;padding:2px 4px;font-size:6px;font-style:normal;font-weight:850;position:absolute;top:4px;left:4px}.preset-main{border:0;padding-right:36px}.preset-main>svg{color:var(--yellow)}.preset-copy{width:26px;height:26px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;display:grid;position:absolute;top:12px;right:7px}.preset-copy:hover{color:var(--yellow);background:#ffd60a14}.generator-panel{gap:13px;display:grid}.codex-loading{color:var(--muted);align-items:center;gap:8px;font-size:10px;display:flex}.codex-status{align-items:center}.codex-status>span{background:var(--danger);border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 4px #ff7c6e17}.codex-status.online>span{background:var(--success);box-shadow:0 0 0 4px #7fd9a71a}.codex-status>div{flex:1;min-width:0}.codex-status button{border:1px solid var(--line-strong);color:#fff;cursor:pointer;background:#24282c;border-radius:5px;align-items:center;gap:5px;padding:6px 8px;font-size:9px;display:inline-flex}.generate-button{border-color:var(--yellow);color:#111;background:var(--yellow);width:100%;min-height:40px;font-size:11px;font-weight:760}.generator-note{color:var(--muted);margin:0;font-size:9px;line-height:1.55}.generator-error{color:#ffabab;background:#ff777714;border:1px solid #ff777747;border-radius:10px;margin:0;padding:10px 12px;font-size:10px;line-height:1.45}.codex-limits{border:1px solid var(--line);background:#ffffff06;border-radius:8px;gap:7px;padding:10px 11px;display:grid}.codex-limits>div:first-child{justify-content:space-between;gap:8px;font-size:9px;display:flex}.codex-limits span,.codex-limits small{color:var(--muted)}.codex-limits strong{color:var(--body);font-weight:680}.codex-limit-track{background:#ffffff14;border-radius:99px;height:4px;overflow:hidden}.codex-limit-track i{border-radius:inherit;background:var(--yellow);height:100%;display:block}.generation-job{border:1px solid var(--line);background:#111315;border-radius:7px;gap:9px;padding:11px;display:grid}.generation-job img{border:1px solid var(--line);border-radius:5px;width:100%;display:block}.generation-job>p{color:var(--danger);margin:0;font-size:9px}.job-heading{align-items:center;gap:8px;display:flex}.job-heading>span{background:var(--success);border-radius:50%;width:8px;height:8px}.job-heading strong,.job-heading small{font-size:9px;display:block}.job-heading small{color:var(--muted);margin-top:2px}.job-heading .pulse{background:var(--yellow);animation:1.3s ease-in-out infinite pulse}.job-actions{gap:6px;display:flex}.job-actions button{flex:1;min-height:30px;font-size:9px}.studio-workspace{background:#0f1113;grid-template-rows:48px minmax(0,1fr) 126px;min-width:0;min-height:0;display:grid;overflow:hidden}.canvas-toolbar{border-bottom:1px solid var(--line);background:#151719;align-items:center;gap:8px;min-width:0;padding:0 12px;display:flex}.format-control select,.custom-size input{color:#e4e5e2;background:#1c1f22;height:40px;padding:0 9px;font-size:10px}.format-control select{min-width:160px}.custom-size{align-items:center;gap:4px;display:flex}.custom-size input{width:67px}.custom-size span{color:var(--muted);font-size:10px}.theme-switch{border:1px solid var(--line);background:#101214;border-radius:6px;padding:2px;display:flex}.theme-switch button{height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:5px;padding:0 8px;font-size:9px;display:inline-flex}.theme-switch button.active{color:#f9f9f4;background:#2a2e32}.canvas-meta{color:#6f747b;text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:9px;overflow:hidden}.canvas-toolbar>.icon-control{width:40px;height:40px;min-height:40px}.canvas-stage{background:#272b2f;grid-template-rows:minmax(0,1fr) 28px;min-height:0;display:grid;position:relative;overflow:hidden}.canvas-stage.theme-light{background:#d5d7d6}.canvas-stage:fullscreen{width:100vw;height:100vh}.canvas-stage-inner{grid-template-rows:minmax(0,1fr);place-items:center;min-width:0;min-height:0;padding:20px;display:grid;overflow:auto}.canvas-stage-inner.has-selection{grid-template-rows:44px minmax(0,1fr);gap:8px}.creative-canvas{width:min(100%, calc((100vh - var(--topbar) - 242px) * var(--canvas-ratio,1)));touch-action:none;-webkit-user-select:none;user-select:none;background:#070809;border:1px solid #fff3;flex:none;min-width:120px;position:relative;overflow:hidden;box-shadow:0 20px 56px #0006}.creative-canvas.has-blocking{border-color:#ff7c6ed9}.rendered-creative,.rendered-creative>svg{width:100%;height:100%;display:block;position:absolute;inset:0}.canvas-grid{pointer-events:none;opacity:.14;background-image:linear-gradient(#ffffff2e 1px,#0000 1px),linear-gradient(90deg,#ffffff2e 1px,#0000 1px);background-size:8px 8px;position:absolute;inset:0}.safe-area-guide{pointer-events:none;border:1px dashed #ffd60ab3;position:absolute}.layer-hitbox{z-index:10;cursor:grab;touch-action:none;border:1px solid #0000;position:absolute}.layer-hitbox:hover{border-color:#ffffff80}.layer-hitbox.selected{border:1px solid var(--yellow);box-shadow:0 0 0 1px #00000073}.layer-hitbox.locked{cursor:default}.layer-label{color:#111;background:var(--yellow);text-overflow:ellipsis;white-space:nowrap;border-radius:4px 4px 0 0;align-items:center;gap:4px;max-width:160px;height:21px;padding:0 6px;font-size:8px;font-weight:750;display:none;position:absolute;top:-23px;left:-1px;overflow:hidden}.layer-hitbox.selected .layer-label{display:flex}.resize-handle{background:var(--yellow);cursor:nwse-resize;border:1px solid #111;border-radius:2px;width:18px;height:18px;padding:0;position:absolute;bottom:-9px;right:-9px}.rendering-badge{z-index:80;color:#fff;background:#0d0e0fc7;border:1px solid #ffffff24;border-radius:4px;align-items:center;gap:5px;padding:5px 7px;font-size:8px;display:flex;position:absolute;top:8px;right:8px}.canvas-statusbar{color:#aeb2b7;background:#1a1d20;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:14px;padding:0 12px;font-size:8px;display:flex}.canvas-statusbar span{align-items:center;gap:5px;display:inline-flex}.canvas-statusbar span:nth-child(2) svg{color:var(--success)}.has-blocking+.canvas-statusbar span:nth-child(2) svg{color:var(--danger)}.slide-rail{border-top:1px solid var(--line);background:#151719;grid-template-columns:92px minmax(0,1fr);min-width:0;min-height:0;display:grid}.slide-rail-title{border-right:1px solid var(--line);color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.slide-rail-title strong{color:#d5d7d3;font-size:9px}.slide-rail-title span{color:#111;background:var(--yellow);border-radius:10px;place-items:center;min-width:20px;height:20px;font-size:8px;font-weight:800;display:grid}.slide-list{align-items:center;gap:8px;min-width:0;padding:10px;display:flex;overflow-x:auto}.slide-thumb{border:1px solid var(--line);cursor:pointer;background:#1b1e21;border-radius:6px;flex:0 0 220px;grid-template-columns:auto 66px minmax(64px,1fr) auto;align-items:center;gap:7px;min-width:0;height:76px;padding:6px;display:grid;position:relative}.slide-thumb.active{border-color:var(--yellow);background:#202116}.drag-grip{color:#656b72;cursor:grab}.thumb-image{background-color:#08090a;background-position:50%;background-size:cover;border-radius:4px;height:60px;position:relative}.thumb-image b{color:#111;background:var(--yellow);border-radius:3px;place-items:center;width:18px;height:18px;font-size:8px;display:grid;position:absolute;top:4px;left:4px}.slide-thumb>button{color:#6f747b;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:40px;height:40px;padding:0;display:grid}.slide-thumb>button:hover{color:var(--danger);background:#ff7c6e14}.add-slide{height:76px;color:var(--muted);cursor:pointer;background:0 0;border:1px dashed #fff3;border-radius:6px;flex:0 0 82px;align-content:center;place-items:center;gap:4px;font-size:8px;display:grid}.add-slide:hover{border-color:var(--yellow);color:var(--yellow)}.inspector-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:58px;padding:0 14px;display:flex}.inspector-header>div{min-width:0}.inspector-header span,.inspector-header strong{display:block}.inspector-header span{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;font-size:8px;font-weight:700}.inspector-header strong{text-overflow:ellipsis;white-space:nowrap;max-width:240px;margin-top:4px;font-size:12px;overflow:hidden}.inspector-header button{width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;display:grid}.inspector-header button:hover{color:#fff;background:#ffffff0f}.inspector-body{height:calc(100% - 58px);padding:14px 14px 34px}.inspector-section-title{color:var(--yellow);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;margin:2px 0 13px;display:grid}.inspector-section-title.compact{border-top:1px solid var(--line);margin-top:21px;padding-top:16px}.inspector-section-title span{color:#e2e3df;font-size:11px;font-weight:720}.inspector-section-title b{max-width:118px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:620;overflow:hidden}.field{gap:6px;margin-bottom:11px;display:grid}.field>span{color:#878c93;letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;font-size:8px;font-weight:650;display:flex}.field input,.field select{height:34px;padding:0 9px;font-size:10px}.field textarea{resize:vertical;min-height:72px;padding:9px;font-size:10px;line-height:1.45}.field input[type=range]{height:18px;accent-color:var(--yellow);background:0 0;padding:0}.field.has-error>span{color:var(--danger)}.field.has-error input,.field.has-error textarea,.field.has-error select{border-color:#ff7c6ea6}.two-fields,.four-fields{gap:7px;display:grid}.two-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.four-fields{grid-template-columns:repeat(4,minmax(0,1fr))}.toggle-row{border-bottom:1px solid var(--line);min-height:37px;color:var(--body);justify-content:space-between;align-items:center;font-size:10px;display:flex}.toggle-row input{accent-color:var(--yellow)}.safe-area-card,.pair-lock{margin-top:12px}.safe-area-card svg,.pair-lock svg{color:var(--yellow)}.layer-controls{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-bottom:13px;display:grid}.layer-controls button{border:1px solid var(--line);height:31px;color:var(--muted);cursor:pointer;background:#191c1f;border-radius:5px;place-items:center;display:grid}.layer-controls button:hover,.layer-controls button.active{color:var(--yellow);border-color:#ffd60a66}.layer-controls button.danger:hover{color:var(--danger);border-color:#ff7c6e73}.selected-scene{border:1px solid var(--line);background:#111315;border-radius:7px;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:10px;padding:8px;display:grid}.selected-scene img{object-fit:cover;border-radius:4px;width:70px;height:58px;display:block}.secondary-wide{width:100%;margin-top:9px;font-size:10px;font-weight:650}.object-editor{gap:2px;display:grid}.data-group{border:1px solid var(--line);background:#111315;border-radius:6px;margin-bottom:7px}.data-group>summary{color:#cfd1cd;cursor:pointer;padding:9px;font-size:9px;font-weight:680}.data-group>.object-editor,.array-editor{padding:0 8px 8px}.array-editor{gap:7px;display:grid}.array-item{border:1px solid var(--line);background:#171a1d;border-radius:5px;padding:7px}.array-index{min-height:22px;color:var(--muted);align-items:center;gap:6px;margin-bottom:5px;font-size:8px;display:flex}.array-index button{width:20px;height:20px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;margin-left:auto;padding:0;display:grid}.mini-action{border:1px dashed var(--line-strong);min-height:28px;color:var(--muted);cursor:pointer;background:0 0;border-radius:5px;align-items:center;gap:5px;padding:0 8px;font-size:8px;display:inline-flex}.advanced-toggle{width:100%;color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:8px 0;font-size:8px;display:flex}.advanced-toggle svg{transition:transform .12s}.advanced-toggle svg.rotated{transform:rotate(180deg)}.advanced-json textarea{min-height:190px;font-family:SFMono-Regular,Consolas,monospace;font-size:8px}.advanced-json>button{border:1px solid var(--line-strong);color:#e7e8e4;cursor:pointer;background:#202428;border-radius:5px;width:100%;min-height:30px;font-size:8px}.advanced-json>p{color:var(--danger);margin:-4px 0 9px;font:8px/1.45 SFMono-Regular,Consolas,monospace}.json-error{color:var(--danger);margin:-4px 0 10px;font:8px/1.45 SFMono-Regular,Consolas,monospace}.preset-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:11px;display:grid}.preset-actions button{min-height:32px;font-size:8px;font-weight:650}.field-errors{gap:6px;margin-top:12px;display:grid}.field-errors>div{color:#f1c3bd;background:#ff7c6e0f;border:1px solid #ff7c6e4d;border-radius:5px;align-items:flex-start;gap:7px;padding:8px;font-size:8px;line-height:1.45;display:flex}.field-errors strong{color:var(--danger);margin-bottom:2px;display:block}.layer-list{gap:4px;display:grid}.layer-list button{color:#8f949b;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:34px;padding:0 9px;display:grid}.layer-list button:hover,.layer-list button.active{color:#e8e9e5;background:#1d2023}.layer-list button.active{color:var(--yellow);border-color:#ffd60a59}.layer-list button span{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.toast{z-index:300;color:#111;background:var(--yellow);cursor:pointer;border:1px solid #ffd60a6b;border-radius:7px;align-items:center;gap:12px;max-width:min(420px,100vw - 36px);padding:11px 12px;font-size:10px;font-weight:680;display:flex;position:fixed;bottom:18px;right:18px;box-shadow:0 14px 38px #0006}.mode-note,.inspector-help,.asset-library-note{color:var(--muted);margin:0;font-size:9px;line-height:1.55}.element-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:16px;display:grid}.element-quick-grid button{border:1px solid var(--line);color:#e9eae6;text-align:left;cursor:grab;background:#191c1f;border-radius:7px;grid-template-rows:auto auto;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:1px 8px;min-height:62px;padding:8px;display:grid}.element-quick-grid button:hover{background:#22251f;border-color:#ffd60a85}.element-quick-grid button>span{color:#171817;background:var(--yellow);border-radius:6px;grid-row:1/3;place-items:center;width:34px;height:34px;display:grid}.element-quick-grid strong{text-overflow:ellipsis;white-space:nowrap;align-self:end;font-size:10px;overflow:hidden}.element-quick-grid small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;align-self:start;font-size:7px;overflow:hidden}.asset-controls,.asset-categories{margin-bottom:10px}.technology-grid{gap:6px;display:grid}.technology-card{border:1px solid var(--line);background:#191c1f;border-radius:7px;min-width:0;position:relative}.technology-main{width:100%;min-height:58px;color:inherit;text-align:left;cursor:grab;background:0 0;border:0;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 42px 7px 7px;display:grid}.technology-card:hover{background:#20231f;border-color:#ffd60a73}.technology-main>span{border:1px solid var(--line);background:#101214;border-radius:7px;place-items:center;width:42px;height:42px;display:grid}.technology-main img{object-fit:contain;width:27px;height:27px;display:block}.technology-main strong,.technology-main small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.technology-main strong{font-size:10px}.technology-main small{color:var(--muted);margin-top:3px;font-size:8px}.technology-main>svg{color:var(--yellow)}.technology-card .favorite{z-index:2;color:#656b72;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:40px;height:40px;padding:0;display:grid;position:absolute;top:9px;right:7px}.technology-card .favorite:hover,.technology-card .favorite.active{color:var(--yellow);background:#ffd60a14}.library-empty{border:1px dashed var(--line-strong);color:var(--muted);text-align:center;border-radius:7px;justify-items:center;gap:5px;padding:28px 12px;display:grid}.library-empty strong{color:#dadcd8;font-size:10px}.library-empty span{font-size:8px}.asset-library-note{margin-top:12px}.preset-main>span.preset-preview{border-color:var(--line);background:#101214;width:54px;height:40px;overflow:hidden}.preset-main>span.preset-preview img{object-fit:cover;width:100%;height:100%;display:block}.preset-main{grid-template-columns:54px minmax(0,1fr) auto}.canvas-selection-dock{z-index:120;border:1px solid var(--line-strong);background:#16181afa;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;width:min(620px,100%);min-width:0;height:44px;padding:4px;display:flex;box-shadow:0 10px 24px #00000047}.canvas-selection-label{color:#dfe2e4;align-items:center;gap:7px;min-width:0;padding-left:8px;display:flex}.canvas-selection-label svg{color:var(--yellow);flex:none}.canvas-selection-label strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:720;overflow:hidden}.canvas-selection-actions{flex:none;gap:2px;display:flex}.canvas-selection-actions button{color:#b7bbc0;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:34px;height:34px;padding:0;display:grid}.canvas-selection-actions button:hover,.canvas-selection-actions button:focus-visible{color:#fff;background:#303438}.canvas-selection-actions button.danger{color:var(--danger)}.canvas-selection-actions button.danger:hover,.canvas-selection-actions button.danger:focus-visible{background:#ff7c6e1f}.canvas-diagnostics{z-index:90;gap:5px;max-width:min(320px,100% - 24px);display:grid;position:absolute;bottom:36px;right:12px}.canvas-diagnostics>div{color:#f1d3ce;background:#131416f0;border:1px solid #ff7c6e57;border-radius:7px;align-items:center;gap:7px;min-height:40px;padding:6px 7px 6px 10px;font-size:9px;display:flex}.canvas-diagnostics button,.restore-warning button{min-height:32px;color:var(--yellow);cursor:pointer;background:#ffd60a14;border:1px solid #ffd60a59;border-radius:5px;margin-left:auto;padding:0 9px;font-size:8px}.restore-warning{background:#ffd60a0a;border:1px solid #ffd60a40;border-radius:7px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:8px;padding:9px;display:grid}.restore-warning strong,.restore-warning span{display:block}.restore-warning strong{font-size:9px}.restore-warning span{color:var(--muted);margin-top:2px;font-size:8px;line-height:1.4}.layer-controls{grid-template-columns:repeat(6,minmax(0,1fr))}.layer-controls button{height:40px;min-height:40px}.layer-scope-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:7px 0 12px;display:grid}.layer-scope-actions button{border:1px solid var(--line);color:#c7cacd;cursor:pointer;background:#191c1f;border-radius:6px;min-height:40px;padding:0 8px;font-size:8px}.delete-element-button{color:#ff9d91;cursor:pointer;background:#ff7c6e12;border:1px solid #ff7c6e5c;border-radius:7px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:44px;margin-top:14px;font-size:10px;font-weight:720;display:flex}.delete-element-button:hover:not(:disabled){border-color:var(--danger);color:#fff;background:#ff7c6e29}.asset-selected img{object-fit:contain;background:#222529}.layer-list-row{border:1px solid #0000;border-radius:6px;grid-template-columns:minmax(0,1fr) 40px;min-height:42px;display:grid;position:relative}.layer-list-row:hover,.layer-list-row.active{border-color:var(--line);background:#1d2023}.layer-list-row.active{border-color:#ffd60a59}.layer-list .layer-select{background:0 0;border:0;min-height:40px}.layer-list-row.active .layer-select{color:var(--yellow)}.layer-menu{position:relative}.layer-menu summary{width:40px;height:40px;color:var(--muted);cursor:pointer;border-radius:5px;place-items:center;list-style:none;display:grid}.layer-menu summary::-webkit-details-marker{display:none}.layer-menu[open] summary,.layer-menu summary:hover{color:#fff;background:#2a2e32}.layer-menu>div{z-index:180;border:1px solid var(--line-strong);background:#22262a;border-radius:7px;width:168px;padding:5px;position:absolute;top:42px;right:0;box-shadow:0 12px 32px #0000006b}.layer-list .layer-menu button{color:#c9cccf;background:0 0;border:0;grid-template-columns:none;gap:7px;min-height:40px;padding:0 9px;display:flex}.layer-list .layer-menu button:hover{color:#fff;background:#303438}.layer-list .layer-menu button.danger{color:var(--danger)}.undo-toast{z-index:320;border:1px solid var(--line-strong);color:#e9eae6;background:#23272b;border-radius:8px;align-items:center;gap:8px;max-width:min(440px,100vw - 36px);padding:8px 8px 8px 13px;font-size:10px;display:flex;position:fixed;bottom:18px;right:18px;box-shadow:0 16px 42px #0000007a}.undo-toast>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.undo-toast button{min-width:40px;min-height:40px;color:var(--yellow);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 10px;font-size:10px;font-weight:720}.undo-toast button:hover{background:#ffffff14}.turn-back{transform:rotate(180deg)}.boot-screen{color:#f4f4ef;background:#0d0e0f;place-content:center;justify-items:center;gap:9px;width:100vw;height:100vh;display:grid}.boot-screen svg{color:var(--yellow)}.boot-screen strong{margin-top:7px;font-size:16px}.boot-screen span{color:var(--muted);font-size:10px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.32;transform:scale(.75)}}@media (width<=1180px){:root{--library:288px;--inspector:292px}.studio-topbar{grid-template-columns:200px minmax(180px,1fr) 340px}.studio-workspace{grid-template-rows:48px minmax(0,1fr) 112px}.slide-rail{grid-template-columns:74px minmax(0,1fr)}.scene-grid{grid-template-columns:1fr}.canvas-statusbar span:nth-child(4){display:none}}@media (width<=920px){:root{--library:304px;--inspector:304px}.studio-shell,.studio-shell.library-closed,.studio-shell.inspector-closed,.studio-shell.library-closed.inspector-closed{grid-template-columns:minmax(0,1fr)}.studio-library,.studio-inspector{z-index:80;top:var(--topbar);width:304px;position:fixed;bottom:0;box-shadow:18px 0 50px #00000080}.studio-library{left:0}.studio-inspector{right:0;box-shadow:-18px 0 50px #00000080}.library-closed .studio-library{transform:translate(-100%)}.inspector-closed .studio-inspector{transform:translate(100%)}.studio-workspace{grid-column:1}.studio-topbar{grid-template-columns:minmax(175px,1fr) minmax(120px,1fr) auto}.save-button{width:36px;padding:0;font-size:0}}@media (width<=600px){:root{--topbar:56px}.studio-topbar{height:var(--topbar);grid-template-columns:minmax(0,1fr) auto;padding:0 8px}.studio-brand small,.project-heading,.topbar-actions>.icon-control:first-child,.topbar-actions>.icon-control:nth-child(2),.save-button{display:none}.studio-brand{gap:7px}.studio-brand-symbol{width:30px;height:30px}.primary-button{min-height:34px;padding:0 9px;font-size:10px}.studio-library,.studio-inspector{width:min(92vw,340px)}.studio-workspace{grid-template-rows:auto minmax(0,1fr) 96px}.canvas-toolbar{flex-wrap:wrap;gap:6px;min-height:78px;padding:7px 8px}.format-control{flex:1}.format-control select{width:100%;min-width:130px}.canvas-meta{display:none}.canvas-stage-inner{padding:10px}.canvas-stage-inner.has-selection{grid-template-rows:40px minmax(0,1fr);gap:6px}.canvas-selection-dock{border-radius:8px;width:100%;height:40px}.canvas-selection-label{max-width:96px;padding-left:6px}.canvas-selection-actions button{width:32px;height:32px}.slide-rail{grid-template-columns:52px minmax(0,1fr)}.slide-rail-title strong,.slide-rail-title>svg{display:none}.slide-list{gap:6px;padding:7px}.slide-thumb{flex-basis:155px;grid-template-columns:auto 54px minmax(50px,1fr);height:68px}.thumb-image{height:54px}.slide-thumb>button{display:none}.add-slide{height:68px}.canvas-statusbar span:nth-child(3){display:none}}.campaign-list{gap:10px;padding:0 12px 18px;display:grid}.campaign-draft-notice{color:#f1e8b7;background:#ffd21a12;border:1px solid #ffd21a47;border-radius:10px;align-items:flex-start;gap:9px;margin:0 12px 12px;padding:10px 11px;display:flex}.campaign-draft-notice svg{color:var(--yellow);flex:none}.campaign-draft-notice strong,.campaign-draft-notice span{display:block}.campaign-draft-notice strong{font-size:10px;line-height:1.35}.campaign-draft-notice span{color:var(--muted);margin-top:3px;font-size:9px;line-height:1.4}.campaign-card{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 92%, transparent);border-radius:16px;gap:8px;padding:14px;display:grid}.campaign-card>strong{font-size:14px;line-height:1.25}.campaign-card p{color:var(--muted);margin:0;font-size:11px;line-height:1.45}.campaign-card-top,.campaign-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.campaign-card-top{color:var(--yellow);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;font-size:10px;font-weight:800}.campaign-badges span,.scene-meta-grid span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 7px;font-size:9px}.campaign-badges span.review-required{color:#ffc37c;background:#ffad4a14;border-color:#ffad4a57}.campaign-card>button{background:var(--yellow);color:#151718;border:0;border-radius:10px;justify-content:center;min-height:40px;margin-top:2px;font-weight:820}.filter-chips.secondary{padding-top:0}.scene-filter-stack{gap:8px;padding:0 12px 10px;display:grid}.scene-grid button em{color:var(--muted);margin-top:3px;font-size:9px;font-style:normal;display:block}.scene-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.scene-meta-grid span{border-radius:10px;gap:2px;display:grid}.scene-meta-grid b{color:var(--ink);font-size:10px}.scene-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.scene-actions button,.claim-metadata summary{min-height:40px}.typed-editor,.typed-rows,.technology-picker-rows,.claim-metadata[open]{gap:10px;display:grid}.technical-diagnostics{border:1px solid var(--line);color:var(--muted);background:#141719;border-radius:9px}.technical-diagnostics summary{color:#c5c9cc;cursor:pointer;min-height:40px;padding:12px;font-size:10px;font-weight:680}.technical-diagnostics p,.technical-diagnostics code{margin:0 12px 10px;font-size:9px;line-height:1.45;display:block}.technical-diagnostics code{color:#e8dd9c}.typed-row{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-2) 82%, transparent);border-radius:12px;gap:8px;padding:10px;display:grid}.typed-row-head,.technology-picker-row{align-items:center;gap:6px;display:flex}.typed-row-head{justify-content:space-between}.typed-row-head span{gap:3px;display:flex}.typed-row-head button,.technology-picker-row button{min-width:40px;min-height:40px}.technology-picker-row select:first-child{flex:1;min-width:0}.three-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.radio-highlight{min-height:40px;color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.claim-metadata{border-top:1px solid var(--line);padding-top:10px}.claim-metadata summary{cursor:pointer;color:var(--muted);align-items:center;gap:7px;font-size:11px;font-weight:760;display:flex}@media (width<=600px){.three-fields{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.access-screen,.modal-backdrop{z-index:1000;background:radial-gradient(circle at 50% 0,#242833 0,#111318 54%,#090a0d 100%);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.access-card{background:#181b21;border:1px solid #353945;border-radius:20px;gap:16px;width:min(420px,100%);padding:32px;display:grid;box-shadow:0 28px 80px #0008}.access-card>svg{color:var(--yellow)}.access-card h1{margin:0;font-size:25px}.access-card p{color:var(--muted);margin:0;line-height:1.55}.access-card code{overflow-wrap:anywhere;color:var(--yellow);background:#0d0f13;border-radius:9px;padding:12px}.access-card label{color:var(--muted);gap:7px;font-size:12px;font-weight:700;display:grid}.access-card input{color:#fff;background:#101217;border:1px solid #3a3f4b;border-radius:9px;min-height:46px;padding:0 13px}.access-card button{background:var(--yellow);color:#111;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:46px;font-weight:800;display:flex}.access-card .secondary-access{color:var(--text);background:0 0;border:1px solid #3a3f4b}.access-error{color:#ff8d8d!important}.account-menu{position:relative}.account-button{border:1px solid var(--line);background:var(--panel);height:38px;color:var(--text);border-radius:9px;align-items:center;gap:7px;padding:0 10px;display:flex}.account-popover{z-index:40;border:1px solid var(--line);background:#181b21;border-radius:12px;width:230px;padding:12px;display:grid;position:absolute;top:44px;right:0;box-shadow:0 18px 45px #0008}.account-popover>small{color:var(--muted);margin:3px 0 10px}.account-popover button{color:var(--text);text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:9px 5px;display:flex}.modal-backdrop{background:#050609c7}.user-admin{border:1px solid var(--line);background:#181b21;border-radius:16px;width:min(880px,100%);max-height:82vh;padding:22px;overflow:auto;box-shadow:0 28px 80px #000a}.modal-title,.modal-title>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.modal-title h2{margin:0}.modal-title button{color:var(--text);background:0 0;border:0}.user-create{grid-template-columns:1fr 1.4fr 140px auto;gap:8px;margin:20px 0;display:grid}.user-create input,.user-create select,.user-table select{border:1px solid var(--line);min-height:40px;color:var(--text);background:#101217;border-radius:8px;padding:0 10px}.user-create button,.user-table button,.temporary-password button,.conflict-banner button,.project-access button{background:var(--yellow);color:#111;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 11px;font-weight:750;display:flex}.user-table{gap:7px;display:grid}.user-table article{border:1px solid var(--line);border-radius:10px;grid-template-columns:minmax(180px,1fr) 130px auto auto;align-items:center;gap:8px;padding:11px;display:grid}.user-table article>div{display:grid}.user-table span{color:var(--muted);font-size:12px}.user-table .danger{color:#fff;background:#792f37}.temporary-password{z-index:1200;background:#24200f;border:1px solid #8e7820;border-radius:12px;gap:10px;max-width:430px;padding:18px;display:grid;position:fixed;inset:auto 24px 24px auto;box-shadow:0 16px 50px #0009}.temporary-password code{overflow-wrap:anywhere;color:var(--yellow)}.conflict-banner{z-index:900;background:#3a2515;border:1px solid #a76931;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0007}.project-access{border:1px solid var(--line);border-radius:10px;gap:9px;padding:11px;display:grid}.project-access>div{gap:3px;display:grid}.project-access span{color:var(--muted);font-size:11px}@media (width<=760px){.account-button span{display:none}.user-create,.user-table article{grid-template-columns:1fr}.conflict-banner{flex-wrap:wrap;left:12px;right:12px;transform:none}}