@font-face{font-family:GerakSans;src:url(/assets/regular.woff2);font-weight:400;font-display:swap}@font-face{font-family:GerakSans;src:url(/assets/bold.woff2);font-weight:600 900;font-display:swap}:root{font-family:GerakSans,Inter,Arial,sans-serif;color:#e5e8e7;background:#101214;font-synthesis:none;--mint:#a6e8bd;--line:#282c2d;--muted:#80888a;--panel:#141719;--soft:#1c2022}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.35}button,input,textarea,select{color:inherit}button,input,textarea,select,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:3px}button{border:0;background:transparent}input,textarea,select{background:#1c2022;border:1px solid #303536;border-radius:7px;width:100%;padding:10px 11px;font-size:12px;outline:none}input:focus,textarea:focus,select:focus{border-color:#6c9c7c}textarea{resize:vertical;line-height:1.55;min-height:56px}select{appearance:auto;color-scheme:dark}input[type=range]{padding:0;accent-color:var(--mint);height:3px;cursor:pointer;border:0}input[type=color]{padding:0;width:23px;height:23px;border:none;border-radius:5px;overflow:hidden;cursor:pointer;background:none}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:4px}input[type=checkbox]{width:15px;height:15px;accent-color:var(--mint)}h1,h2,h3,p{margin:0}svg{flex-shrink:0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#343b3c;border-radius:10px}::-webkit-scrollbar-track{background:transparent}.app{height:100dvh;min-height:650px;display:grid;grid-template-columns:72px 246px minmax(300px,1fr) 290px;grid-template-rows:65px minmax(345px,1fr) 209px;overflow:hidden}.rail{grid-column:1;grid-row:1/4;background:#0f1213;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:16px 7px}.brand-mark{height:34px;width:34px;display:grid;place-items:center;border-radius:10px;background:var(--mint);color:#172c20;font-size:36px;font-weight:700;line-height:1;padding:0 0 7px;letter-spacing:-3px}.brand-mark span{transform:rotate(-12deg);margin-left:-3px}.rail-main{margin-top:42px;display:grid;gap:14px;width:100%}.rail-item{padding:11px 1px 9px;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:9px;color:#717b7d;border-radius:9px;position:relative}.rail-item:hover{color:#d4ded8;background:#1b2220}.rail-item.active{color:var(--mint);background:#203028}.rail-item.active:before{content:"";position:absolute;left:-7px;height:25px;width:2px;background:var(--mint);border-radius:3px}.rail-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:16px}.avatar{width:29px;height:29px;border:1px solid #4a5552;border-radius:50%;display:grid;place-items:center;color:#c9d4ce;font-size:11px;background:#2a3630;margin-top:4px}.topbar{grid-column:2/5;grid-row:1;display:flex;align-items:center;padding:0 23px;border-bottom:1px solid var(--line);gap:14px;background:#141719}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:12px;color:#7b8384}.breadcrumb span{color:#d9dfdc}.header-center{margin:auto;display:flex;align-items:center;gap:7px;font-size:10px;color:#79837e}.status-dot,.mint-dot{width:5px;height:5px;background:#9acead;border-radius:50%;display:inline-block}.top-actions{display:flex;align-items:center;gap:8px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:6px;color:#939e9b;padding:0}.icon-button:hover:not(:disabled){background:#29302d;color:#e9f3ed}.divider{height:20px;width:1px;background:var(--line);display:inline-block;margin:0 6px}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:600;padding:12px 16px;border-radius:7px;min-height:39px;white-space:nowrap}.button.primary{background:var(--mint);color:#193124;box-shadow:0 1px #d7f4e166 inset}.button.primary:hover:not(:disabled){background:#bdf4d0}.button.secondary{border:1px solid #363e3b;background:#1a1f1d;color:#c6d1ca}.button.secondary:hover:not(:disabled){background:#26302a}.button.compact{min-height:33px;padding:8px 12px;font-size:11px}.full{width:100%}.library{grid-column:2;grid-row:2/4;border-right:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;min-height:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 19px 0;min-height:42px}.panel-heading h2{font-size:14px;letter-spacing:-.15px;font-weight:600}.panel-heading>svg{color:#6e7a73}.pill{border:1px solid #343c38;border-radius:4px;color:#a5afa9;font-size:9px;letter-spacing:1px;padding:3px 5px}.library-subtitle{padding:10px 19px 16px;color:#737e78;font-size:10px;line-height:1.5}.scene-list{overflow:auto;padding:0 13px 10px;display:flex;flex-direction:column;gap:12px;flex-shrink:1}.scene-card{display:block;width:100%;border:1px solid #303634;background:#1a1f1d;border-radius:9px;padding:9px 9px 11px;text-align:left;transition:background .15s,border-color .15s}.scene-card:hover{background:#222b26;border-color:#4b6253}.scene-card.selected{border-color:#85c89d;background:#202c24;box-shadow:0 0 0 1px #a6e8bd11}.scene-card-meta{display:flex;justify-content:space-between;color:#93a396;font-size:9px;margin-bottom:8px}.scene-card-meta span:first-child{display:flex;align-items:center;gap:4px}.miniature{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:5px;aspect-ratio:1.9;color:#223025}.miniature img{height:100%;width:70%;object-fit:contain}.miniature.mini-compare img{width:48%;height:90%}.miniature>span{font-size:42px;font-weight:700;letter-spacing:-3px}.miniature>b{font-size:44px;font-weight:700}.miniature>i{position:absolute;width:27%;height:3px;border-radius:4px;bottom:8px;left:10px;opacity:.65}.scene-card-title{display:flex;align-items:center;gap:5px;justify-content:space-between;margin-top:10px;font-size:10px}.scene-card-title>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-type{font-size:8px;color:#8b9a8f;flex-shrink:0}.add-scene{margin:0 13px 15px;border:1px dashed #3a4640;border-radius:6px;padding:12px;display:flex;gap:7px;align-items:center;justify-content:center;font-size:11px;color:#a8b8ad;flex-shrink:0}.add-scene:hover{border-color:var(--mint);color:var(--mint)}.library-footer{margin-top:auto;border-top:1px solid var(--line);padding:18px 15px;display:flex;align-items:center;gap:10px}.tiny-star{font-size:29px;color:#91bca0}.library-footer b{font-size:9px;font-weight:400;display:block;color:#acbbb0}.library-footer span:not(.tiny-star){font-size:9px;color:#697b6f;display:block;margin-top:5px}.workspace{grid-column:3;grid-row:2;display:flex;flex-direction:column;min-height:0;background:#101315}.workspace-toolbar{height:77px;border-bottom:1px solid #24292a;display:flex;align-items:center;gap:15px;padding:0 24px;flex-shrink:0}.project-title{flex:1;min-width:0}.project-title input{padding:0;width:100%;font-size:17px;letter-spacing:-.6px;border:0;border-radius:0;background:transparent;max-width:315px;font-weight:600}.project-title>span{display:flex;gap:7px;font-size:9px;color:#67716f;margin-top:8px}.project-title>span>span{color:#3b4841}.view-switch{display:flex;background:#1b2022;border:1px solid #2b3232;border-radius:7px;padding:3px;gap:3px}.view-switch button{font-size:10px;padding:6px 10px;color:#7b8882;border-radius:4px}.view-switch button.active{background:#34423a;color:#c9e4d3}.format-button{font-size:10px;display:flex;align-items:center;gap:8px;color:#8e9e94;border:1px solid #333d37;border-radius:6px;padding:8px}.canvas-area{flex:1;min-height:0;container-type:size;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:40px 25px 45px;background-color:#0e1112;background-image:radial-gradient(#35413b77 .7px,transparent .7px);background-size:16px 16px}.canvas-topnote{position:absolute;top:15px;left:23px;font-size:8px;letter-spacing:1.5px;color:#708278;display:flex;align-items:center;gap:6px}.canvas-topnote>span:last-child{color:#3f5147;margin-left:7px;font-size:7px}.green-line{width:5px;height:5px;border-radius:50%;background:#7cbb92}.player-wrap{position:relative;flex-shrink:0;box-shadow:0 15px 50px #0009;transition:transform .2s ease}.canvas-outline{position:absolute;pointer-events:none;inset:0;border:1px solid #c2dfd466}.canvas-tools{position:absolute;left:22px;right:17px;bottom:7px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#697d70}.canvas-tools>span{display:flex;align-items:center;gap:6px}.canvas-tools>div{display:flex;align-items:center;gap:3px}.canvas-tools .icon-button{height:25px;width:25px}.canvas-tools .divider{height:14px}.transport{flex-shrink:0;height:55px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:#151a17}.transport-start{display:flex;align-items:center;gap:8px;font-size:10px;flex:1}.mono{font-family:ui-monospace,Consolas,monospace;color:#bacdc0;font-size:10px}.muted{color:#5e7164}.slash{color:#4c5e51}.play-controls{display:flex;gap:13px;align-items:center}.play-button{height:31px;width:35px;border-radius:7px;border:1px solid #5a7964;background:#283c30;color:#b5e0c3;display:grid;place-items:center}.play-button:hover{background:#3e614b}.keyboard-hint{font-size:9px;color:#667c6d;display:flex;align-items:center;justify-content:flex-end;gap:6px;flex:1}kbd{padding:2px 5px;border:1px solid #3a4840;border-bottom-width:2px;border-radius:4px;font-size:8px;color:#8ba494;background:#1c2921}.inspector{grid-column:4;grid-row:2;border-left:1px solid var(--line);background:var(--panel);min-height:0;display:flex;flex-direction:column}.inspector .panel-heading{padding:21px 20px 17px}.inspector-tabs{margin:0 18px;display:flex;border-bottom:1px solid #303a33;gap:22px}.inspector-tabs button{font-size:11px;padding:11px 0 12px;color:#6f8176;position:relative}.inspector-tabs button.active{color:#b7dbbf}.inspector-tabs button.active:after{position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--mint);content:""}.inspector-content{overflow:auto;flex:1;padding:20px 18px}.section-kicker{font-size:8px;letter-spacing:1.5px;color:#849c8c;display:flex;gap:7px;align-items:center;margin-bottom:21px}.field{display:block;margin-bottom:17px;min-width:0}.field-label{display:block;font-size:10px;margin-bottom:8px;color:#9bab9f}.field small,.note{font-size:10px;color:#75897c;line-height:1.6;display:block;margin-top:8px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:0}.two-fields input,.two-fields select{min-width:0}.section-divider{height:1px;background:#29342c;margin:21px 0}.section-label{display:flex;align-items:center;gap:8px;font-size:11px;color:#c4d9cb;margin-bottom:20px}.range-row{display:flex;align-items:center;gap:15px;min-height:19px}.range-row output{font-size:9px;min-width:43px;color:#adc4b5;text-align:right;background:#202e24;padding:5px 4px;border-radius:4px}.color-field{display:flex;align-items:center;gap:8px;background:#1c2022;border:1px solid #303536;border-radius:7px;padding:8px;font-size:10px;color:#8b9d92;min-width:0}.swatches{display:flex;margin-left:auto;gap:4px}.swatches button{width:13px;height:13px;border:1px solid #ffffff22;border-radius:50%;padding:0}.inspector-footer{height:47px;display:flex;align-items:center;padding:0 15px;border-top:1px solid var(--line);gap:4px;flex-shrink:0}.inspector-footer>span{flex:1}.danger:hover{color:#eaa3a3!important}.toggle-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#b1c5b8;margin-bottom:23px}.switch{height:19px;width:34px;border-radius:15px;background:#38483d;padding:3px;display:flex}.switch i{height:13px;width:13px;background:#879c8d;border-radius:50%;transition:transform .2s}.switch.on{background:#8bc99f}.switch.on i{background:#15291d;transform:translate(15px)}.assets-panel{padding:0 15px;overflow:auto}.upload-zone{display:flex;flex-direction:column;align-items:center;gap:13px;padding:25px 10px;border:1px dashed #3c5344;border-radius:8px;width:100%;background:#1a261e;color:#95bc9f}.upload-zone:hover{border-color:var(--mint);background:#203128}.upload-zone b{font-size:11px;font-weight:400}.upload-zone span{font-size:8px;color:#6c8a75}.upload-zone.small{padding:23px 8px}.assets-panel h3{font-size:8px;font-weight:400;letter-spacing:1.5px;color:#82988a;margin:26px 0 13px}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.asset-grid button{border:1px solid #3a493f;background:#26342a;border-radius:7px;padding:7px}.asset-grid button img{width:100%;height:90px;object-fit:contain}.asset-grid button>span{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#adc2b3}.audio-file{margin:15px 0;padding:10px;border:1px solid #3c5143;border-radius:7px;background:#1d2b22}.audio-file>div{display:flex;align-items:center;gap:7px;color:#a1c6ad;font-size:10px}.audio-file>div>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.audio-file audio{width:100%;height:31px;margin-top:10px;filter:sepia(.15)}.timeline{grid-column:3/5;grid-row:3;background:#141a16;border-top:1px solid #2e3c32;min-width:0;overflow:hidden}.timeline-heading{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #28372c}.timeline-heading>div{display:flex;align-items:center;gap:9px;color:#8aa992}.timeline-heading h2{font-size:11px;color:#c3d8ca}.timeline-heading>div>span{font-size:9px;background:#25372b;color:#88ab93;border-radius:4px;padding:3px 6px;margin-left:4px}.text-button{font-size:10px;display:inline-flex;gap:6px;align-items:center;color:#8eae98;padding:7px}.text-button:hover{color:#ceead7}.timeline-scroll{overflow-x:auto;height:160px;padding:5px 22px 10px}.timeline-body{position:relative}.ruler{height:27px;display:flex;align-items:center;border-bottom:1px solid #29362e}.track-label{width:71px;flex-shrink:0;font-size:8px;letter-spacing:1px;color:#5f826a;display:flex;align-items:center;gap:7px}.ruler-ticks{flex:1;display:flex;justify-content:space-between;font-family:ui-monospace,monospace;color:#4e6c57;font-size:8px}.ruler-ticks span{position:relative}.ruler-ticks span:after{content:"";position:absolute;bottom:-9px;left:0;height:5px;width:1px;background:#3c5744}.track{display:flex;align-items:center;margin-top:9px;height:36px}.clips{display:flex;gap:4px;flex:1;min-width:0;position:relative;height:100%}.timeline-clip{min-width:35px;overflow:hidden;display:flex;align-items:center;text-align:left;gap:8px;background:#254c37;border:1px solid #345b44;border-radius:5px;padding:4px 9px;color:#bedcc9;font-size:9px;position:relative;white-space:nowrap}.timeline-clip:hover{background:#2b6445}.timeline-clip.selected{border-color:#a6e8bd;background:#37694a}.timeline-clip span:nth-child(2){text-overflow:ellipsis;overflow:hidden}.clip-index{font-size:8px;color:#90c8a4;border-right:1px solid #57896a;padding-right:8px}.timeline-clip small{margin-left:auto;font-size:8px;opacity:.65}.playhead{height:95px;position:absolute;top:-22px;width:1px;background:#d2f2b9;pointer-events:none;z-index:3;box-shadow:0 0 3px #d8f9bc66}.playhead i{position:absolute;top:0;left:-4px;width:9px;height:9px;clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%);background:#d2f2b9}.audio-track{height:29px;margin-top:7px}.audio-clip{overflow:hidden;min-width:35px;border:1px dashed #334d3b;border-radius:4px;background:#1b2b20;color:#567e61;position:relative;font-size:8px}.audio-clip.has-audio{background:#25452e;border:1px solid #355f3f}.audio-clip.has-audio>span{position:relative;z-index:1;background:#173021bb;font-size:8px;padding:2px 5px;max-width:100%;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.waveform{position:absolute;inset:2px 4px;display:flex;justify-content:space-around;align-items:center;opacity:.35}.waveform i{width:2px;display:inline-block;background:#8acb93}.timeline-seek{margin:10px 0 0 71px!important;width:calc(100% - 71px)!important;height:2px!important;opacity:.3}.timeline-seek:hover{opacity:1}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%);background:#2c4434;border:1px solid #5e876b;border-radius:10px;padding:13px 15px;display:flex;align-items:center;gap:10px;font-size:12px;max-width:90vw;color:#d9f5e1;box-shadow:0 10px 35px #0008;z-index:150}.toast>button{display:grid;place-items:center;padding:4px;color:#84ac91}.modal-backdrop{position:fixed;inset:0;background:#000a;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:100;display:flex;align-items:center;justify-content:center;padding:30px}.modal{background:#181f1a;border:1px solid #3e5144;border-radius:15px;box-shadow:0 35px 100px #0008;width:460px;max-height:90dvh;overflow:auto;padding:27px}.modal.modal-wide{width:660px}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:21px}.eyebrow{font-size:8px;letter-spacing:2px;color:#789a83}.modal-heading h2{font-size:24px;letter-spacing:-1px;margin-top:9px;line-height:1.15;color:#e4eee7;font-weight:600}.modal-description{font-size:12px;line-height:1.6;color:#87a28f;margin-bottom:24px}.export-summary{display:flex;align-items:center;gap:12px;border:1px solid #34493b;border-radius:9px;padding:14px;margin-bottom:23px;background:#1d2a21}.export-icon{height:46px;width:43px;background:#2d4d38;border-radius:8px;display:grid;place-items:center;color:#9bc8a8;flex-shrink:0}.export-summary>div:nth-child(2){flex:1;min-width:0}.export-summary b{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#c2dfca}.export-summary span:not(.pill){font-size:9px;color:#769980;margin-top:6px;display:block}.export-alternatives{display:flex;align-items:center;justify-content:center;font-size:9px;color:#587963;gap:9px;margin:16px 0}.export-alternatives button{padding:2px;font-size:9px;color:#a0bca8}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:11px;color:#9db6a5;margin:16px 0 23px}.export-progress{margin:20px 0}.export-progress>div{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:8px;color:#c3e9cd}.export-progress>div>span{display:flex;gap:6px;align-items:center}.export-progress progress{width:100%;height:5px;accent-color:var(--mint)}.error-message{padding:12px;background:#55352b;border:1px solid #8c604c;border-radius:7px;margin:15px 0;color:#edc3ac;font-size:11px;line-height:1.6;overflow-wrap:anywhere}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:15px}.template-grid>button{position:relative;text-align:left;padding:12px;background:#202e25;border:1px solid #3a5141;border-radius:10px}.template-grid>button:hover{border-color:#9bd2ad;background:#2a3c30}.template-grid .miniature{height:90px;aspect-ratio:auto}.template-grid b{font-size:12px;display:block;color:#cbe3d2;margin-top:13px}.template-grid>button>span{font-size:10px;color:#779782;line-height:1.5;display:block;margin-top:7px;padding-right:13px}.template-grid>button>svg{position:absolute;right:14px;bottom:14px;color:#a3c8af}.format-options{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px}.format-options>button{padding:17px 8px;border:1px solid #3d5143;background:#1d2b22;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:7px}.format-options>button.active{border-color:var(--mint);background:#2b4935}.format-options b{font-size:12px;font-weight:400;color:#bfd7c6}.format-options small{font-size:9px;margin:0;color:#82a58c}.format-icon{display:block;width:17px;height:29px;border:2px solid #9ac5a7;border-radius:2px;margin:4px}.format-icon.landscape{height:17px;width:29px;margin:10px 4px}.format-icon.square{height:23px;width:23px;margin:7px 4px}.help-steps{display:grid;gap:23px;margin:25px 0}.help-steps>div{display:flex;gap:14px}.help-steps>div>span{font-family:monospace;font-size:12px;display:grid;place-items:center;width:33px;height:33px;background:#2b4634;border:1px solid #54715c;color:#a6cdb0;border-radius:7px;flex-shrink:0}.help-steps b{font-size:12px;color:#cadfd0;font-weight:600}.help-steps p{font-size:11px;color:#829e8a;line-height:1.6;margin-top:6px}.shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:17px 0;border-top:1px solid #314336;border-bottom:1px solid #314336;margin-bottom:20px}.shortcuts>span{display:flex;gap:7px;font-size:10px;align-items:center;color:#91af9a}.loading{height:100dvh;display:flex;align-items:center;justify-content:center;gap:20px;color:#b5cbbd;font-size:13px}.loading .brand-mark{margin-right:15px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.preview-mode .library,.preview-mode .inspector{display:none}.preview-mode .workspace,.preview-mode .timeline{grid-column:2/5}@media(min-width:1600px){.app{grid-template-columns:76px 270px minmax(350px,1fr) 318px;grid-template-rows:69px minmax(400px,1fr) 225px}.scene-card .miniature{height:103px}.timeline-scroll{height:175px}.scene-list{gap:15px;padding:0 17px 15px}.scene-card{padding:11px}.workspace-toolbar{height:83px}.topbar{padding:0 28px}.inspector-content{padding:23px}.field{margin-bottom:21px}}@media(max-width:1150px){.app{grid-template-columns:60px 190px minmax(280px,1fr) 260px}.rail{padding-left:6px;padding-right:6px}.scene-type,.header-center{display:none}.top-actions{margin-left:auto}.topbar{padding:0 15px}.breadcrumb{font-size:10px;gap:6px}.workspace-toolbar{padding:0 15px;gap:9px}.project-title input{font-size:14px}.view-switch{display:none}.inspector-content{padding:18px 14px}.library-subtitle{font-size:9px}.scene-card .miniature{aspect-ratio:1.8}.panel-heading h2{font-size:13px}.timeline-heading{padding:0 15px}.keyboard-hint{display:none}.transport-start{flex:initial}.timeline-clip{padding:4px 6px;gap:5px}.canvas-topnote>span:last-child{display:none}.top-actions .secondary span{display:none}.section-label{font-size:10px}.color-field .swatches{gap:3px}.swatches button{width:11px;height:11px}}@media(max-width:900px){.app{grid-template-columns:55px 175px minmax(290px,1fr);grid-template-rows:59px minmax(340px,1fr) 205px}.topbar{grid-column:2/4}.inspector{position:fixed;right:0;top:59px;bottom:205px;width:260px;z-index:30;box-shadow:-15px 0 25px #0007;display:none}.app:has(.inspector-tabs .active:not(:first-child)) .inspector{display:flex}.workspace,.timeline{grid-column:3}.top-actions>.icon-button{display:none}.top-actions .secondary{display:none}.breadcrumb{font-size:9px}.library-footer{padding:13px 10px}.library-footer b,.library-footer span:not(.tiny-star){font-size:8px}.preview-mode .workspace,.preview-mode .timeline{grid-column:2/4}.keyboard-hint{display:none}.timeline-heading>div>span{display:none}.timeline-heading .text-button{font-size:9px}.rail-item{font-size:8px}}@media(max-width:620px){.app{height:auto;min-height:100dvh;grid-template-columns:48px minmax(0,1fr);grid-template-rows:57px 525px auto 250px;overflow:auto}.rail{grid-column:1;grid-row:1/5;position:sticky;top:0;height:100dvh;padding-left:3px;padding-right:3px}.brand-mark{width:30px;height:30px}.rail-main{margin-top:32px;gap:10px}.rail-item{font-size:7px;padding:10px 0;gap:6px}.rail-item svg{width:18px}.rail-bottom .avatar{display:none}.topbar{grid-column:2;grid-row:1;padding:0 12px;gap:6px}.breadcrumb{font-size:9px}.breadcrumb>svg,.breadcrumb>span{display:none}.top-actions .button{font-size:10px;padding:7px 9px;gap:5px}.top-actions .primary>svg:last-child{display:none}.top-actions .divider{display:none}.workspace{grid-column:2;grid-row:2}.workspace-toolbar{height:64px;padding:0 14px}.project-title input{font-size:15px}.project-title>span{font-size:8px}.canvas-area{padding:32px 16px 40px}.canvas-topnote{left:15px;top:12px}.canvas-tools{left:13px;right:7px;font-size:8px}.canvas-tools>div{gap:0}.canvas-tools .divider{margin:0 2px}.transport{height:49px;padding:0 15px}.play-controls{gap:4px}.transport-start .mono{font-size:9px}.library{grid-column:2;grid-row:4;border-top:1px solid var(--line);border-right:none;max-height:310px}.library .panel-heading{padding:18px 15px 4px}.library-subtitle{padding:5px 15px 12px}.scene-list{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:0 13px 10px;gap:9px;flex-shrink:0}.scene-card{width:142px;flex-shrink:0;padding:8px}.scene-card .miniature{height:65px;aspect-ratio:auto}.scene-card-title{font-size:9px;margin-top:8px}.scene-card-meta{margin-bottom:5px}.add-scene{padding:9px;margin-bottom:12px;font-size:10px}.library-footer{display:none}.timeline{grid-column:2;grid-row:3;height:185px}.timeline-scroll{height:137px;padding:3px 12px 8px}.timeline-heading{height:41px;padding:0 13px}.track-label{width:52px;font-size:7px;gap:4px}.track-label svg{width:12px}.timeline-heading h2{font-size:10px}.timeline-heading .text-button:first-child{display:none}.timeline-heading>div{gap:7px}.timeline-body{min-width:550px!important}.inspector{display:flex!important;position:static;grid-column:2;grid-row:5;width:auto;box-shadow:none;border-left:none;border-top:1px solid var(--line);max-height:none}.inspector-content{overflow:visible;padding:20px}.inspector .panel-heading{padding:22px 20px 10px}.inspector-footer{height:52px}.inspector-content .field{margin-bottom:20px}.rail-main .active:before{left:-3px}.toast{font-size:10px;bottom:15px;max-width:90vw;padding:12px;gap:7px}.modal-backdrop{padding:14px}.modal{padding:20px;max-height:92dvh}.modal-heading h2{font-size:22px}.template-grid{gap:9px}.template-grid>button{padding:9px}.template-grid .miniature{height:65px}.template-grid b{font-size:10px}.template-grid>button>span{font-size:9px}.format-options>button{padding:12px 5px}.preview-mode .workspace,.preview-mode .timeline{grid-column:2}.preview-mode .workspace{grid-row:2}.preview-mode .timeline{grid-row:3}.preview-mode{grid-template-rows:57px minmax(525px,calc(100dvh - 242px)) 185px}.modal .two-fields{gap:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}.spin{animation-duration:2s}}