@font-face{font-family:Cabinet;src:url(/assets/cabinet-regular.otf);font-weight:400;font-display:swap}@font-face{font-family:Cabinet;src:url(/assets/cabinet-medium.otf);font-weight:500;font-display:swap}@font-face{font-family:Cabinet;src:url(/assets/cabinet-bold.otf);font-weight:700;font-display:swap}@font-face{font-family:Bonny;src:url(/assets/bonny-regular.otf);font-weight:400;font-display:swap}:root{font-family:Cabinet,sans-serif;font-synthesis:none;color:#e7e9ed;background:#101114;--gold:#c4a15a;--cream:#e7e9ed;--muted:#9298a2;--panel:#1b1d22;--field:#262930;--line:#30333a;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:transparent}button:disabled{opacity:.3;cursor:default}button,a{transition:background .15s ease-out,color .15s ease-out,border-color .15s ease-out}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:2px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}input,select,textarea{color:var(--cream);background:var(--field);border:1px solid #3a3e47;border-radius:4px}input:not([type=range]):not([type=color]):not([type=checkbox]),select,textarea{width:100%;padding:8px 10px;font-size:14px;line-height:20px}select{min-height:36px;padding-right:20px}textarea{resize:vertical;min-height:112px;line-height:1.5}label{display:flex;align-items:center;justify-content:space-between;font-size:12px;line-height:16px;color:#bfc3cb;margin-bottom:8px}label span{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:8px 12px;border:1px solid #444852;border-radius:5px;background:#282b32;font-size:13px;font-weight:500;white-space:nowrap}.button:hover{background:#343840;border-color:#656b77}.button.primary{background:var(--gold);border-color:var(--gold);color:#171713}.button.primary:hover{background:#d3b574;border-color:#d3b574}.button svg,.icon-button svg,.text-button svg,.header-library svg{width:16px;height:16px;flex-shrink:0}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;color:#b5bbc5;flex-shrink:0}.icon-button:hover:not(:disabled){background:#30343d;color:#f1f2f5}.text-button{display:inline-flex;align-items:center;gap:8px;padding:4px 0;font-size:12px;color:#bec4ce;white-space:nowrap}.text-button:hover{color:#f1f2f5}.app-header{height:56px;display:flex;align-items:center;gap:24px;padding:0 20px;background:#202228;border-bottom:1px solid #363941}.brand{display:flex;align-items:center;gap:16px;flex-shrink:0}.brand img{display:block;width:80px;height:32px}.brand span{font-size:17px;border-left:1px solid #454952;padding-left:16px}.header-library{display:flex;align-items:center;gap:8px;min-height:32px;padding:6px 10px;color:#a6adb8;border-radius:4px;font-size:13px}.header-library:hover,.header-library.active{background:#30333b;color:#e3e6ec}.header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.header-actions .button{min-height:32px;padding:6px 12px;font-size:12px}.export-action{background:#3d424c;border-color:#555c68}.editor-shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:minmax(0,1fr) 252px;grid-template-areas:"workspace inspector" "library inspector";height:calc(100dvh - 56px);min-height:560px}.editor-shell.library-collapsed{grid-template-rows:minmax(0,1fr) 0}.workspace{grid-area:workspace;display:flex;flex-direction:column;min-width:0;min-height:0;background:#101114}.workspace-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:10px 24px;gap:16px;border-bottom:1px solid #23262c}.scene-name{min-width:0}.scene-name input{background:transparent!important;border-color:transparent;border-radius:3px;font-size:16px!important;font-weight:500;padding:0!important;max-width:280px}.scene-name input:hover{border-color:#4b505a}.scene-name span{display:block;font-size:12px;color:var(--muted);margin-top:4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.toolbar-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.toolbar-actions select{width:152px;min-height:32px;padding:4px 10px;font-size:12px;background:#1c1f25;border-color:#343841}.save-button{background:transparent;border-color:#353943;font-size:12px;min-height:32px;padding:6px 10px;color:#b5bbc5}.stage{container-type:size;display:flex;justify-content:center;align-items:center;min-height:160px;flex:1;padding:20px 24px;background:#0d0e11}#preview{display:block;width:min(100cqw,calc(100cqh * var(--canvas-ratio,1.777778)));height:auto;outline:1px solid #34363c}.transport{display:flex;align-items:center;gap:24px;min-height:48px;padding:4px 20px;border-top:1px solid #292c32;background:#191b20}.playback{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.playback span{font-family:var(--mono);font-size:12px;font-variant-numeric:tabular-nums;color:#c3c8d0}.playback .icon-button{width:28px;height:28px}.playback input{flex:1;min-width:20px}.stage-meta{font-family:var(--mono);font-size:11px;color:#858c98;white-space:nowrap;font-variant-numeric:tabular-nums}.inspector{grid-area:inspector;display:flex;flex-direction:column;min-width:0;min-height:0;border-left:1px solid #393d45;background:var(--panel)}.inspector-tabs{display:flex;gap:0;min-height:44px;border-bottom:1px solid #353942;background:#22252b;padding:0 12px}.inspector-tabs button{position:relative;flex:1;padding:12px 8px;font-size:13px;color:#9299a6}.inspector-tabs button:hover{color:#e1e5ed}.inspector-tabs button.active{color:#eceef2}.inspector-tabs button.active:after{position:absolute;content:"";bottom:-1px;left:8px;right:8px;height:2px;background:#b6becb}.inspector-content{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#454b55 transparent}.inspector-panel{padding:20px}.control-section{padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.control-section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.control-section h2{font-size:13px;margin-bottom:16px;line-height:20px;color:#d8dce4}.control-section>label:not(:first-child){margin-top:20px}#message{font-size:16px;line-height:24px;min-height:128px}.two-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.two-columns select{font-size:12px}.field-row{margin-top:20px}.color-control{display:flex;align-items:center;gap:12px;background:var(--field);border:1px solid #3a3e47;border-radius:4px;padding:8px 10px;min-height:36px}.color-control input{width:24px;height:24px;background:transparent;border:0;padding:0;cursor:pointer}.color-control output{font:12px var(--mono);color:#bfc5d0}.color-control input::-webkit-color-swatch-wrapper{padding:0}.color-control input::-webkit-color-swatch{border:1px solid #6b7079;border-radius:3px}.range-label{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.range-label label{margin:0}.range-label output{font:11px var(--mono);color:#a6aebb}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:3px;border:0;background:#444a54;border-radius:2px;margin:16px 0 20px;cursor:pointer;accent-color:#b7bec9}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border:1px solid #e5e9ef;border-radius:2px;background:#b7bec9}input[type=range]::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:2px;background:#b7bec9}.playback input[type=range]{margin:0}.check-control{justify-content:flex-start;gap:8px;padding-top:8px;color:#c6cbd3}.background-only-section .check-control{padding-top:0;color:#e7e9ed;font-size:13px}#background-only-note{font-size:12px;line-height:1.5;color:var(--muted);margin-top:8px}input:disabled,select:disabled,textarea:disabled{opacity:.45;cursor:default}.layer-name:disabled{opacity:1}input[type=checkbox]{width:16px;height:16px;accent-color:var(--gold)}.control-section .text-button{margin-top:12px}.screen-control{flex-shrink:0;border-top:1px solid #363a43;background:#202329;padding:20px}.output-state{position:relative;padding-left:16px;margin-bottom:16px}.output-state strong{display:block;font-size:12px;font-weight:500;color:#d3d8e1}.output-state p{font-size:12px;line-height:16px;color:#8f98a6;margin-top:4px}.connection-dot{position:absolute;left:0;top:5px;width:6px;height:6px;border-radius:50%;background:#6b737f}.connection-dot.connected{background:#8ebd97}.screen-control .button{display:flex;width:100%;min-height:40px;font-size:13px}.screen-control .button svg:last-child{margin-left:auto}.screen-control .button svg:first-child{margin-right:auto}.save-status{display:block;margin-top:12px;text-align:center;color:#818a97;font-size:11px;line-height:16px}.library{grid-area:library;display:flex;flex-direction:column;min-width:0;min-height:0;background:#202329;border-top:1px solid #3b4049}.library-header{display:flex;align-items:center;min-height:44px;padding:0 20px;border-bottom:1px solid #343941;gap:24px;background:#25282f}.library-header h1{font-size:13px;line-height:20px;color:#aeb6c3}.library-tabs{display:flex;align-self:stretch;gap:24px}.library-tabs button{position:relative;color:#8f98a7;padding:12px 0;font-size:12px;white-space:nowrap}.library-tabs button:hover{color:#e1e5ed}.library-tabs button.active{color:#f0f1f4}.library-tabs .active:after{position:absolute;content:"";bottom:-1px;left:0;right:0;height:2px;background:var(--gold)}.library-actions{display:flex;align-items:center;gap:24px;margin-left:auto}.library-scroll{display:flex;gap:0}.library-scroll .icon-button{width:24px;height:28px}#library-content{padding:0 20px 12px;display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;overflow:hidden}.library-controls{display:flex;align-items:center;gap:16px;min-height:40px;flex-shrink:0}.library-filters{display:flex;gap:16px;align-items:center;min-width:0}.library-filters button{font-size:11px;color:#8f98a7;padding:4px 0;white-space:nowrap}.library-filters button.active{color:#dfc38b}.library-filters button:hover{color:#e1e4ea}.library-count{font-size:11px;color:#707c8c;white-space:nowrap}.library-search{width:180px!important;min-height:28px;background:#191c22;border-color:#343941;font-size:12px!important;line-height:16px!important;padding:4px 8px!important;margin-left:auto}.library-search::placeholder{color:#7f8999}.background-grid,.saved-list{display:grid;grid-auto-flow:column;grid-auto-columns:168px;grid-template-rows:1fr;gap:12px;align-content:start;justify-content:start;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#515a68 transparent;min-height:0;flex:1;padding:4px 0 8px}.background-card{display:block;min-width:0;text-align:left;padding:0;align-self:start}.thumb{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;overflow:hidden;border:1px solid #41464f;border-radius:3px;background:#111215;margin-bottom:8px}.thumb img{display:block;width:100%;height:100%;object-fit:cover}.thumb>svg{position:absolute;width:20px;height:20px;color:#aab2c0}.background-card:hover .thumb{border-color:#8d96a5}.background-card.selected .thumb{border:2px solid #b8a06a}.background-card strong{display:block;font-weight:500;font-size:12px;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dce0e7}.background-card>span{display:block;font:10px/16px var(--mono);color:#7d8899;margin-top:0}.selected-check{display:none;align-items:center;justify-content:center;position:absolute;top:4px;right:4px;width:16px;height:16px;border-radius:2px;background:var(--gold);color:#141511;z-index:2}.selected-check svg{width:12px;height:12px}.selected .selected-check{display:flex}.motion-mark{position:absolute;bottom:4px;left:4px;display:flex;align-items:center;justify-content:center;background:#050608aa;border-radius:2px;width:20px;height:20px;color:#c0c8d4;pointer-events:none;z-index:2}.motion-mark svg{width:10px;height:10px}.thumbnail-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .15s;z-index:1}.thumbnail-video.ready{opacity:1}.section-note{font-size:12px;color:#8792a3;line-height:16px}.empty-note{font-size:13px;color:#929eaf;line-height:20px;padding:12px 0}.background-grid>.empty-note{grid-column:1/-1;white-space:nowrap}.saved-heading{display:flex;align-items:center;justify-content:space-between;min-height:40px;font-size:12px;color:#94a0b1}.queue-button{min-height:32px;padding:6px 10px;font-size:12px;background:#303640;border-color:#505b6b}.playlist-toolbar{display:flex;align-items:center;gap:16px;min-height:44px;flex-shrink:0}.playlist-summary{font:12px var(--mono);color:#a5afbd;margin-right:auto;white-space:nowrap}.playlist-loop{margin:0;gap:6px;justify-content:flex-start;white-space:nowrap}.playlist-toolbar .button{min-height:30px;padding:5px 10px;font-size:12px}.playlist-transport{display:flex;align-items:center;gap:4px;min-height:28px;flex-shrink:0;color:#adb7c7}#playlist-status{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}#playlist-clock{font:11px var(--mono);white-space:nowrap;color:#929eaf;margin:0 8px}.playlist-transport .icon-button{width:26px;height:26px}.playlist-transport svg{width:14px;height:14px}.playlist-strip{display:grid;grid-auto-flow:column;grid-auto-columns:260px;grid-template-rows:1fr;gap:12px;overflow-x:auto;overflow-y:hidden;min-height:0;flex:1;padding:8px 0;scrollbar-width:thin;scrollbar-color:#515a68 transparent;align-content:start;justify-content:start}.playlist-strip>.empty-note{grid-column:1/-1;max-width:620px}.playlist-card{border:1px solid #414955;border-radius:4px;background:#252a33;align-self:start;overflow:hidden}.playlist-card.on-air{border-color:var(--gold);background:#333026}.playlist-scene{display:flex;align-items:center;gap:10px;padding:8px;width:100%;text-align:left;min-width:0}.playlist-scene img{width:68px;height:39px;object-fit:contain;background:#111;border:1px solid #4b535f;flex-shrink:0}.playlist-scene>span{min-width:0}.playlist-scene strong{display:block;font-weight:500;font-size:12px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-scene small{display:block;font-size:11px;line-height:16px;color:#909eaf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-card-controls{display:flex;align-items:center;gap:4px;padding:0 8px 6px}.playlist-number{font:11px var(--mono);color:#9ba6b7;margin-right:auto}.playlist-card-controls label{margin:0;gap:4px;font-size:11px;color:#98a5b7}.playlist-card-controls input{width:44px!important;padding:2px 4px!important;min-height:24px;font:11px var(--mono)!important;text-align:center}.playlist-card-controls .icon-button{width:24px;height:24px}.playlist-card-controls svg{width:13px;height:13px}.saved-item{position:relative}.saved-item>[data-queue-saved]{position:absolute;right:32px;top:4px;z-index:2;background:#252a33e8}.saved-item>[data-delete]{background:#252a33e8}@media(max-width:1100px){.queue-button span{display:none}.queue-button{padding:6px}.library-tabs,.library-actions{gap:16px}}@media(max-width:650px){.queue-button span{display:none}.library-header{flex-wrap:wrap;gap:0;align-content:center}.library-tabs{gap:16px;width:100%;min-height:40px}.library-actions{width:100%;height:32px;justify-content:flex-end;gap:16px}.library-actions .text-button{font-size:11px;gap:6px}.library{min-height:310px;height:310px}.playlist-toolbar{flex-wrap:wrap;gap:8px;padding:4px 0}.playlist-summary{flex:1}.playlist-toolbar #playlist-add{margin-right:auto}.playlist-strip{grid-auto-columns:260px}.playlist-transport{flex-wrap:wrap}#playlist-status{flex-basis:100%}.display-overlay span{width:100%}}.saved-heading .text-button{font-size:12px}.saved-item{position:relative;align-self:start;min-width:0}.saved-load{display:block;width:100%;padding:0;text-align:left}.saved-load img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#0e1014;border:1px solid #41464f;border-radius:3px;margin-bottom:8px}.saved-load strong{display:block;font-size:12px;line-height:16px;max-width:144px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.saved-load small{display:block;font:10px/16px var(--mono);color:#7d8899}.saved-item>.icon-button{position:absolute;right:4px;top:4px;width:24px;height:24px;background:#080a0dcf;color:#bec5cf}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,8px);max-width:min(520px,90vw);padding:12px 20px;border:1px solid #525964;border-radius:5px;background:#303640;color:#edf0f5;font-size:14px;line-height:20px;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:1000}#toast.visible{opacity:1;transform:translate(-50%)}dialog{background:#24272e;color:var(--cream);border:1px solid #545c69;border-radius:8px;padding:24px;width:min(480px,calc(100vw - 32px));max-height:90dvh;overflow:auto}dialog::backdrop{background:#06070ac7}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-header h2{font-size:20px}.dialog-description{margin:8px 0 20px;font-size:14px;line-height:20px;color:#9da7b7}.export-preview{display:flex;align-items:center;justify-content:center;margin-top:20px;max-height:240px;overflow:hidden;background:#101216;border:1px solid var(--line);border-radius:3px}.export-preview canvas{display:block;max-width:100%;max-height:240px;width:auto;height:auto;object-fit:contain}.export-details{display:flex;flex-direction:column;gap:8px;padding:16px 0 24px}.export-details strong{font-weight:500;font-size:16px}.export-details span{font-size:12px;color:#9da7b7}.export-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.export-note{text-align:center;margin-top:16px;font-size:12px;line-height:16px;color:#9da7b7}#export-progress{padding-top:20px}progress{display:block;width:100%;height:6px;accent-color:var(--gold);margin:12px 0}progress::-webkit-progress-bar{background:#434a56}progress::-webkit-progress-value{background:var(--gold)}.help-list{padding:16px 0 0 24px;font-size:14px;line-height:24px;color:#b5bdcb}.help-list li{padding:0 0 16px 8px}.help-list strong{color:#e7ebf2;font-weight:500}.help-note{margin:16px 0;font-size:12px;line-height:20px;color:#9da7b7}.import-button{cursor:pointer;margin:12px 0 0}.display-mode{background:#000;overflow:hidden}.display-mode #app{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.display-mode canvas{display:block;width:100%;height:100%;max-width:100vw;max-height:100vh;object-fit:contain}.display-overlay{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;padding:12px 16px;background:#24272ef2;border:1px solid #555d69;border-radius:6px;max-width:95vw;transition:opacity .15s}.display-overlay img{width:64px}.display-overlay span{font-size:12px;color:#bdc5d1;white-space:nowrap}.display-overlay.hide{opacity:0;pointer-events:none}@media(max-height:800px)and (min-width:901px){.editor-shell{grid-template-rows:minmax(0,1fr) 228px}.background-grid,.saved-list{grid-auto-columns:148px}.library-header{min-height:40px}.workspace-toolbar{min-height:56px}.stage{padding:12px 20px}.inspector-panel{padding:16px 20px}.control-section>label:not(:first-child){margin-top:16px}.screen-control{padding:16px 20px}.save-status{margin-top:8px}}@media(max-width:1100px){.editor-shell{grid-template-columns:minmax(0,1fr) 280px}.workspace-toolbar{padding-inline:16px;gap:12px}.toolbar-actions{gap:8px}.save-button span{display:none}.save-button{padding:6px}.stage{padding-inline:16px}.library-header{padding-inline:16px;gap:20px}.library-header h1{display:none}#library-content{padding-inline:16px}.library-controls,.library-filters{gap:12px}.library-count{display:none}.library-search{width:150px!important}.transport{padding-inline:12px;gap:16px}.stage-meta{display:none}}@media(max-width:900px){.app-header{gap:16px;padding-inline:16px}.header-actions{gap:8px}.header-library span{display:none}.editor-shell{height:auto;min-height:0;grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:480px 252px}.editor-shell.library-collapsed{grid-template-rows:650px 0}.library{grid-column:1/-1}.inspector{grid-row:1;grid-column:2}.library-search{width:180px!important}.library-count{display:block}.screen-control{padding:16px}.save-status{display:none}.output-state p{font-size:11px}.inspector-panel{padding:16px}.control-section>label:not(:first-child){margin-top:16px}.screen-control .button{min-height:36px}}@media(max-width:650px){.app-header{height:52px;padding-inline:12px;gap:12px}.brand{gap:12px}.brand img{width:64px;height:28px}.brand span{font-size:15px;padding-left:12px}.header-library{padding:6px}.header-actions{gap:4px}.header-actions .button{padding:6px 8px;font-size:12px}#open-display span{display:none}#help{width:28px}.editor-shell,.editor-shell.library-collapsed{display:flex;flex-direction:column;height:auto;min-height:0}.workspace{order:0}.workspace-toolbar{min-height:64px;padding:8px 12px}.scene-name input{font-size:14px!important;max-width:160px}.scene-name span{max-width:160px;font-size:11px}.toolbar-actions select{width:132px;font-size:11px;padding-inline:8px}.stage{flex:none;height:232px;padding:8px 12px 16px;min-height:0}.stage[data-ratio=portrait]{height:400px}.stage[data-ratio=square]{height:344px}.transport{min-height:44px;padding:4px 8px}.playback{gap:8px}.playback span{font-size:11px}.inspector{order:1;border-left:0;border-top:1px solid #3b4049}.inspector-content{overflow:visible;flex:none}.inspector-panel{padding:20px}.inspector-panel input:not([type=range]):not([type=color]):not([type=checkbox]),.inspector-panel textarea,.inspector-panel select{font-size:16px}.screen-control{padding:16px 20px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:16px}.output-state{margin-bottom:0}.output-state p{font-size:11px;line-height:16px}.screen-control .button{font-size:12px;padding-inline:8px;gap:4px}.screen-control .button svg:first-child{display:none}.save-status{display:none}.library{order:2;min-height:260px;height:260px;flex:none}.library-header{padding:0 12px;gap:12px;min-height:44px}.library-tabs{gap:16px}.library-actions{gap:12px}.library-actions .text-button{font-size:0;gap:0}.library-scroll .icon-button{width:20px}#library-content{padding:8px 12px 12px}.library-controls{flex-wrap:wrap;gap:8px;min-height:64px;margin-bottom:4px}.library-filters{gap:16px;order:1;width:100%;overflow:auto}.library-count{margin-right:auto}.library-search{width:180px!important;margin-left:0}.background-grid,.saved-list{grid-auto-columns:152px}.background-card>span,.saved-load small{font-size:11px}.display-overlay{flex-wrap:wrap;justify-content:center;width:90vw;gap:12px}.display-overlay img{display:none}.display-overlay span{white-space:normal;text-align:center}}@media(prefers-reduced-motion:reduce){button,a,#toast,.thumbnail-video,.display-overlay{transition:none}}@font-face{font-family:EvolveEarly;src:url(/assets/evolve-early-bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:block}@font-face{font-family:GreatVibes;src:url(/assets/great-vibes.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}.canvas-wrap{position:relative;width:min(100cqw,calc(100cqh * var(--canvas-ratio,1.777778)));touch-action:none;outline:1px solid #34363c}.canvas-wrap:focus-visible{outline:1px solid #80aff5}.canvas-wrap #preview{width:100%;height:auto;outline:0;display:block}.canvas-controls{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.selection-box{position:absolute;border:1px solid #82b3fb;pointer-events:none;z-index:4}.selection-label{position:absolute;left:-1px;top:-22px;white-space:nowrap;background:#315c98;color:#fff;padding:3px 6px;font:11px/16px Cabinet,sans-serif}.selection-box [data-handle]{position:absolute;width:8px;height:8px;padding:0;border:1px solid #dfecff;border-radius:0;background:#6899df;pointer-events:auto}.selection-box [data-handle=nw]{left:-4px;top:-4px;cursor:nwse-resize}.selection-box [data-handle=ne]{right:-4px;top:-4px;cursor:nesw-resize}.selection-box [data-handle=sw]{left:-4px;bottom:-4px;cursor:nesw-resize}.selection-box [data-handle=se]{right:-4px;bottom:-4px;cursor:nwse-resize}.selection-box.locked [data-handle]{display:none}.import-status{margin:20px 0 12px;padding:12px;border:1px solid var(--line);font-size:13px;line-height:1.5;color:var(--muted)}.import-status.connected{color:#a7c9b4}.import-setup{padding:0 0 16px}.import-setup summary{font-size:13px;color:#c3cad5;cursor:pointer;margin:0 0 12px}.import-setup p{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 12px}.import-setup .text-button{margin-left:12px}.import-setup .import-requirements{font-size:12px;margin:14px 0 0}.import-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.import-error{color:#edb3a8;font-size:13px;line-height:1.5;margin:12px 0}#video-import-dialog input{width:100%}#video-import-dialog progress{width:100%;margin-top:12px}.snap-guide{position:absolute;background:#82b3fb;z-index:3;pointer-events:none}.snap-guide.vertical{left:50%;top:0;bottom:0;width:1px}.snap-guide.horizontal{top:50%;left:0;right:0;height:1px}.inline-text{position:absolute;z-index:6;pointer-events:auto;border:1px solid #82b3fb;border-radius:0;resize:none;background:#141a24e8;padding:4px;line-height:1.12;min-height:0;overflow:hidden;outline:0}.history-controls{display:flex;gap:0;margin-left:auto}.history-controls .icon-button{width:28px;height:28px}.scene-name{flex:1}.layers-panel{flex-shrink:0;border-top:1px solid #363a43;background:#1d2026}.layers-header{display:flex;align-items:center;justify-content:space-between;height:32px;padding:0 12px 0 20px}.layers-header h2{font-size:12px;color:#b7c0cf}.layers-header>div{display:flex;gap:0}.layers-header .icon-button{height:24px;width:24px}#layer-list{padding:0 8px 8px}.layer-row{display:flex;align-items:center;height:26px;padding-left:8px;border-left:2px solid transparent}.layer-row:hover{background:#2a3039}.layer-row.selected{background:#303b4d;border-left-color:#82b3fb}.layer-row.muted .layer-name{opacity:.45}.layer-name{display:flex;align-items:center;gap:8px;flex:1;min-width:0;height:26px;text-align:left;padding:0;font-size:12px;color:#c5cddb}.layer-name svg{width:13px;height:13px;color:#8f9bad}.layer-toggle{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;color:#8894a7}.layer-toggle svg{width:13px;height:13px}.layer-toggle:hover{color:#edf4ff}.layer-toggle.off{opacity:.35}.layer-toggle.off:after{position:absolute;content:"";width:16px;height:1px;background:#d2dceb;transform:rotate(-45deg)}.layer-toggle:disabled{opacity:.35}#layer-transform h2{display:flex;justify-content:space-between;gap:8px}#selected-layer-name{color:#8da9cf;font-weight:400}#layer-transform input{font-family:var(--mono);font-size:12px}.typeface-meta{display:block;margin-top:6px;font-size:11px;line-height:16px;color:#929eaf}@media(max-width:650px){.workspace-toolbar{flex-wrap:wrap;min-height:96px;gap:8px}.scene-name{min-width:180px}.history-controls{margin-left:auto}.toolbar-actions{width:100%;justify-content:flex-end}.save-button span{display:inline}.layers-header{padding-left:20px}.layer-row,.layer-name{height:32px}.layer-toggle{height:32px;width:32px}}