@font-face{font-family:'DM Sans';src:url('./fonts/dm-sans.woff2') format('woff2');font-weight:100 1000;font-display:swap}
:root{--bg:#191b20;--panel:#22242b;--surface:#292c34;--raised:#30333d;--line:#363941;--ink:#f1eee8;--muted:#9699a5;--lilac:#c5b6ee;--mint:#b7ddc8;--peach:#eab29b;--yellow:#edce8b;color-scheme:dark;font-family:'DM Sans',system-ui,sans-serif;font-size:14px;color:var(--ink);font-synthesis:none;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg)}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer;touch-action:manipulation;user-select:none;transition:background .16s,transform .16s,border-color .16s}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.3;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible,a:focus-visible{outline:2px solid var(--lilac);outline-offset:3px}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button svg,button span{pointer-events:none}[hidden]{display:none!important}input[type=range]{accent-color:var(--lilac);width:100%;height:28px;cursor:pointer;margin:0}input[type=color]{height:36px;width:42px;border:1px solid var(--line);border-radius:8px;padding:3px;background:var(--surface);cursor:pointer}input[type=number],input[type=text],textarea,select{border:1px solid #454955;border-radius:9px;background:#1c1f25;color:var(--ink);padding:9px 10px;min-width:0;max-width:100%}input[type=number]{width:100%}select{min-height:38px}textarea{resize:vertical;width:100%;min-height:90px;line-height:1.5}button{border:0}.app{height:100dvh;display:flex;flex-direction:column;padding:0 max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left))}.topbar{height:84px;flex-shrink:0;display:flex;align-items:center;gap:20px;padding:0 6px;position:relative}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-size:30px;font-weight:800;letter-spacing:-1.5px}.brand img{transform:rotate(-7deg);width:38px;height:38px}.brand-dot{color:var(--lilac)}.project-heading{position:absolute;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:5px}.project-heading input{background:none;border:0;padding:2px 5px;color:var(--ink);text-align:center;font-size:13px;font-weight:600;width:240px;max-width:25vw}#save-status{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:5px}#save-status i,.app-footer i{width:5px;height:5px;background:var(--mint);border-radius:50%;display:inline-block}.header-actions{margin-left:auto;display:flex;align-items:center;gap:16px}.icon-button{display:inline-flex;align-items:center;justify-content:center;background:none;width:40px;height:40px;border-radius:10px;flex-shrink:0;color:var(--muted)}.icon-button:hover:not(:disabled){background:#ffffff0b;color:var(--ink)}.icon-button.small{width:32px;height:32px}.icon-button.small svg{width:18px;height:18px}.icon-button[aria-pressed=true]{color:var(--lilac);background:#c5b6ee16}.export-button,.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--line);border-radius:11px;padding:10px 15px;min-height:42px;font-weight:600;font-size:12px;background:var(--surface)}.export-button,.button.primary{color:#26252f;background:var(--lilac);border-color:var(--lilac);box-shadow:0 2px 0 #82709f}.export-button:hover,.button.primary:hover{background:#d6c9f8}.export-button svg{width:18px;height:18px}.button.mint{background:var(--mint);color:#24433a;border-color:var(--mint)}.button.danger{background:#e8aaa615;color:#f2b7b3;border-color:#a4696633}.button.block{width:100%}.button svg{width:19px;height:19px}
.workspace{display:grid;grid-template-columns:68px 252px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 286px;flex:1;min-height:0;border:1px solid var(--line);border-radius:19px;overflow:hidden;background:var(--panel);position:relative;transition:grid-template-columns .2s}.workspace.drawer-closed{grid-template-columns:68px 0 minmax(0,1fr)}.tool-rail{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:16px 8px 12px;gap:12px;border-right:1px solid var(--line);overflow-y:auto;scrollbar-width:none;z-index:3;background:var(--panel)}.rail-main{display:flex;flex-direction:column;gap:9px;align-items:center}.tool{width:46px;height:46px;display:grid;place-items:center;border:1px solid transparent;border-radius:13px;color:#a3a0b4;background:transparent;flex-shrink:0}.tool svg{width:23px;height:23px}.tool:hover{background:#ffffff08}.tool.active{background:#c5b6ee1c;color:var(--lilac);border-color:#c5b6ee40;box-shadow:inset 0 0 0 1px #c5b6ee06}.tool.mint{color:var(--mint)}.tool.peach{color:var(--peach)}.tool.yellow{color:var(--yellow)}.rail-divider{height:1px;width:22px;background:var(--line);margin:2px 0}.help-button{margin-top:auto}.drawer{grid-column:2;grid-row:1;min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--line);overflow:hidden;background:var(--panel);transition:opacity .2s}.drawer:not(.open){opacity:0;pointer-events:none}.drawer-header{min-height:68px;padding:15px 17px 10px 22px;display:flex;justify-content:space-between;align-items:center;gap:8px;white-space:nowrap}.drawer-header h1{font-size:18px;letter-spacing:-.6px;font-weight:650;margin:0}.drawer-header h1>span{color:var(--lilac)}.drawer-body{padding:4px 20px 16px;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#434550 transparent}.drawer-foot{padding:13px 20px;display:flex;align-items:center;gap:8px;color:#9e9aa9;font-size:9px;border-top:1px solid #ffffff05;white-space:nowrap}.little-spark{font-size:19px;color:var(--lilac)}.drop-zone{width:100%;border:1px dashed #6b627f;border-radius:13px;min-height:116px;background:#c5b6ee05;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#e2d9f6}.drop-zone:hover{background:#c5b6ee10;border-color:var(--lilac)}.drop-zone svg{width:27px;height:27px;margin-bottom:3px}.drop-zone strong{font-size:12px;font-weight:600}.drop-zone small{font-size:10px;color:var(--muted)}.drawer-section-title{display:flex;align-items:center;justify-content:space-between;margin:23px 0 12px;font-size:10px;color:var(--muted);font-weight:500}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 10px}.asset-card{min-width:0;position:relative;text-align:left;background:none;padding:0;border-radius:8px;color:var(--muted)}.asset-card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:7px;display:block;transition:filter .2s;border:1px solid #ffffff08}.asset-card:hover img{filter:brightness(1.12)}.asset-card .asset-name{display:block;font-size:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:6px}.asset-duration{position:absolute;right:5px;top:5px;font-size:8px;color:#fff;background:#17242599;padding:2px 4px;border-radius:3px}.asset-add{position:absolute;right:6px;bottom:28px;display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#202329cc;color:#fff;opacity:0}.asset-add svg{width:14px;height:14px}.asset-card:hover .asset-add,.asset-card:focus-visible .asset-add{opacity:1}.sound-card{display:flex;align-items:center;gap:10px;padding:10px 9px;border-radius:10px;width:100%;background:#ffffff03;border:1px solid var(--line);margin-bottom:9px;text-align:left}.sound-card:hover{background:#b7ddc80c;border-color:#b7ddc844}.sound-icon{display:grid;place-items:center;width:33px;height:35px;background:#b7ddc81b;border-radius:8px;color:var(--mint)}.sound-icon svg{width:19px}.sound-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.sound-info strong{font-weight:500;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sound-info small{font-size:9px;color:var(--muted)}.sound-card>svg{width:15px;color:var(--muted)}.mini-note{font-size:10px;color:var(--muted);line-height:1.7;margin:13px 0}.field{display:block;margin-bottom:18px}.field-head{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:#bbbcc6;margin-bottom:8px}.field-head output{color:var(--lilac);font-size:10px}.field-head svg{width:15px;height:15px}.row{display:flex;align-items:center;gap:8px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.two-fields label{font-size:10px;color:var(--muted);display:flex;flex-direction:column;gap:7px}.inspector-media{border-radius:10px;width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:10px}.selected-name{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 20px;color:var(--ink)}.edit-actions{display:flex;justify-content:space-between;padding:11px 0;margin:12px 0;border-block:1px solid var(--line)}.edit-actions .icon-button{width:34px}.separator{height:1px;background:var(--line);margin:20px 0}.segmented{display:flex;gap:4px;background:#1c1e24;border:1px solid var(--line);padding:4px;border-radius:10px}.segmented button{background:none;border-radius:7px;flex:1;min-height:34px;font-size:11px;color:var(--muted)}.segmented button.active{background:#c5b6ee25;color:var(--lilac)}.ratio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 22px}.ratio-choice{min-height:67px;border:1px solid var(--line);border-radius:10px;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:10px}.ratio-choice i{border:1.5px solid currentColor;border-radius:3px;height:22px;width:28px}.ratio-choice.active{color:var(--lilac);border-color:#c5b6ee77;background:#c5b6ee0c}.filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px}.filter-card{border:1px solid transparent;border-radius:10px;background:none;padding:4px;color:var(--muted);font-size:10px}.filter-card img{width:100%;border-radius:6px;aspect-ratio:1.25;object-fit:cover;margin-bottom:6px}.filter-card.active{border-color:var(--lilac);background:#c5b6ee0e;color:var(--lilac)}.sticker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.sticker-grid button{font-family:'Apple Color Emoji','Segoe UI Emoji',sans-serif;font-size:28px;background:#ffffff04;border:1px solid var(--line);border-radius:11px;aspect-ratio:1}.sticker-grid button:hover{background:#c5b6ee17}.swatches{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}.swatch{width:25px;height:25px;border-radius:50%;border:2px solid #ffffff25}.swatch.active{outline:2px solid var(--lilac);outline-offset:3px}.context-empty{display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--muted);padding:35px 8px;gap:15px}.context-empty svg{width:36px;height:36px;color:var(--lilac)}.context-empty p{font-size:12px;line-height:1.8;margin:0}
.preview-area{grid-column:3;grid-row:1;min-width:0;min-height:0;display:grid;grid-template-rows:58px minmax(0,1fr) 48px;background-color:#1c1e24;background-image:radial-gradient(#ffffff09 .8px,transparent .8px);background-size:18px 18px}.preview-top{display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:10px}.preview-kicker{font-size:8px;font-weight:650;letter-spacing:1.9px;color:#9c98aa;display:flex;align-items:center;gap:7px}.preview-kicker i{width:4px;height:4px;background:var(--lilac);border-radius:50%}.preview-actions{display:flex;align-items:center;gap:9px}.ratio-button{display:flex;align-items:center;gap:7px;border:1px solid #41424c;background:#292b34;padding:6px 9px;border-radius:7px;font-size:10px;color:#b4b1c1}.ratio-button svg{width:13px;height:13px}.stage{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;padding:6px 42px 3px;overflow:hidden}.canvas-wrap{position:relative;box-shadow:0 12px 50px #0003;max-width:100%;max-height:100%;border-radius:7px;overflow:hidden;flex-shrink:0}.canvas-wrap canvas{display:block;width:100%;height:100%;border-radius:7px;touch-action:none}.canvas-wrap.fullscreen{width:100%!important;height:100%!important;display:flex;align-items:center;justify-content:center;background:#121316}.canvas-wrap.fullscreen canvas{width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain}.empty-stage{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#272a33;gap:12px}.empty-stage img{transform:rotate(-7deg)}.empty-stage h2{font-size:20px;letter-spacing:-.8px;font-weight:500;margin:4px 0 10px}.preview-bottom{display:flex;align-items:center;justify-content:space-between;padding:0 24px;color:#8e8a9c;font-size:8px;letter-spacing:1.5px}.demo-tag{font-size:11px;letter-spacing:0;color:#96909f}.demo-tag>span{display:inline-block;color:var(--lilac);margin-left:7px;font-size:21px;transform:rotate(15deg)}.overlay-selection{position:absolute;border:1px dashed #fff9;transform:translate(-50%,-50%);pointer-events:none;border-radius:5px;box-shadow:0 0 0 1px #0003}.overlay-selection:before,.overlay-selection:after{content:'';position:absolute;width:5px;height:5px;background:#fff;border-radius:2px}.overlay-selection:before{left:-3px;top:-3px}.overlay-selection:after{right:-3px;bottom:-3px}
.timeline{grid-column:1/-1;grid-row:2;display:flex;flex-direction:column;border-top:1px solid var(--line);min-width:0;min-height:0;background:var(--panel)}.timeline-toolbar{height:65px;min-height:65px;border-bottom:1px solid #ffffff05;display:flex;align-items:center;justify-content:space-between;padding:0 19px;gap:15px}.history,.transport,.timeline-zoom{display:flex;align-items:center;gap:3px}.toolbar-divider{width:1px;height:19px;background:var(--line);margin:0 9px}.history .icon-button{width:32px;height:36px}.history svg{width:19px;height:19px}.transport{gap:11px}.transport .icon-button{width:26px}.transport .icon-button svg{width:16px;height:16px}.play-button{width:45px;height:39px;border-radius:12px;background:var(--lilac);color:#2d2938;display:grid;place-items:center;box-shadow:0 2px 0 #82709f}.play-button svg{width:21px;height:21px}.time-display{display:flex;align-items:center;gap:9px;font-size:10px;font-variant-numeric:tabular-nums;color:var(--muted);margin-left:12px;white-space:nowrap}.time-display strong{font-weight:500;color:var(--ink)}.timeline-zoom input{width:68px;accent-color:#9890ae;height:20px}.timeline-zoom svg{width:17px;height:17px}.timeline-workspace{display:flex;min-height:0;flex:1;overflow:hidden}.track-labels{width:68px;flex-shrink:0;overflow:hidden;padding-top:29px;border-right:1px solid #ffffff05}.track-label{display:flex;align-items:center;justify-content:center;height:45px;color:var(--mint)}.track-label svg{width:17px;height:17px}.track-label.video-label{height:67px;color:var(--lilac)}.track-label.text-label{height:34px;color:var(--peach)}.track-label button{border:0;background:none;color:inherit;display:grid;place-items:center;width:34px;height:34px;border-radius:8px}.track-label button:hover{background:#ffffff08}.track-label.alt{color:#d4bbdf}.timeline-scroll{flex:1;min-width:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#494852 transparent;overscroll-behavior:contain}.tracks{position:relative;min-width:100%;min-height:100%;padding-bottom:5px}.ruler{height:29px;position:relative;border-bottom:1px solid #ffffff04;cursor:crosshair;touch-action:none}.ruler-tick{position:absolute;top:0;height:29px;border-left:1px solid #ffffff09;font-size:8px;color:#8b8796;padding:6px 0 0 7px;font-variant-numeric:tabular-nums}.track-row{height:45px;position:relative;background:#ffffff02;border-bottom:1px solid #ffffff03;margin:0}.track-row.video-row{height:67px;margin-bottom:0;background:none}.track-row.text-row{height:34px}.clip{position:absolute;top:5px;height:56px;border:1px solid #b7aad572;border-radius:8px;overflow:visible;cursor:grab;touch-action:none;padding:0;background:#32303e;text-align:left;min-width:9px}.clip:active{cursor:grabbing}.clip.selected{border:2px solid var(--lilac);box-shadow:0 0 0 2px #c5b6ee12}.clip-fill{position:absolute;inset:0;overflow:hidden;border-radius:6px;pointer-events:none;opacity:.65;background-size:auto 100%;background-repeat:repeat-x}.clip.selected .clip-fill{opacity:.9}.clip-label{position:absolute;top:7px;left:10px;right:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px;font-weight:600;color:#fff;text-shadow:0 1px 4px #000a;pointer-events:none}.clip-duration{position:absolute;bottom:6px;left:10px;font-size:8px;color:#ffffffc9;pointer-events:none}.trim-handle{position:absolute;top:-1px;bottom:-1px;width:10px;z-index:3;cursor:ew-resize;background:var(--lilac);opacity:0;display:flex;align-items:center;justify-content:center;touch-action:none;border-radius:5px}.trim-handle:after{content:'';height:16px;width:2px;border-radius:2px;background:#393048}.trim-handle.left{left:-2px}.trim-handle.right{right:-2px}.selected .trim-handle{opacity:1}.audio-clip{top:5px;height:35px;border-color:#8bb49c6b;background:#355348b8;color:#c7efdc}.audio-clip.alt{background:#50405ac7;border-color:#bd9fca70;color:#ddc1ed}.audio-clip.selected{border-color:var(--mint);box-shadow:0 0 0 2px #b7ddc810}.audio-clip .trim-handle{background:var(--mint)}.audio-clip .clip-label{color:inherit;text-shadow:0 1px 4px #12231b;top:10px;font-size:9px;z-index:1}.waveform{position:absolute;inset:3px 4px;display:flex;align-items:center;justify-content:space-around;gap:2px;overflow:hidden;opacity:.35;pointer-events:none}.waveform i{width:2px;min-width:2px;border-radius:2px;background:currentColor}.audio-clip .clip-label{background:#254436c9;width:max-content;max-width:calc(100% - 20px);padding:1px 5px;border-radius:3px;top:8px;left:9px}.audio-clip.alt .clip-label{background:#493251c9}.overlay-clip{height:23px;top:5px;background:#70554877;border-color:#b68b6970;border-radius:5px;color:#e4baa5}.overlay-clip .clip-label{top:4px;color:inherit;font-size:8px;text-shadow:none}.overlay-clip.selected{border-color:var(--peach);box-shadow:none}.add-track-clip{position:absolute;top:5px;width:48px;height:56px;border:1px dashed #6b617e;border-radius:8px;color:var(--lilac);background:#c5b6ee05;display:grid;place-items:center}.add-track-clip svg{width:20px;height:20px}.playhead{position:absolute;top:1px;bottom:0;width:1px;background:#ede4f9;z-index:4;pointer-events:none;box-shadow:0 0 6px #201e29}.playhead>div{position:absolute;left:-5px;top:0;width:11px;height:14px;background:#ede4f9;border-radius:3px 3px 1px 1px;clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%);pointer-events:auto;cursor:ew-resize}.timeline-footer{height:33px;min-height:33px;display:flex;align-items:center;justify-content:space-between;padding:0 20px 0 24px;color:#a29aaa;font-size:9px;border-top:1px solid #ffffff05;gap:10px}.timeline-footer .icon-button{height:24px;width:28px}.timeline-hint{font-size:9px;color:#827e8d}.app-footer{height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#8f8b99;padding:0 8px}.app-footer>span{display:flex;align-items:center;gap:7px}.app-footer b{font-size:17px;font-weight:400;color:var(--lilac);margin-left:2px}
.tooltip{position:fixed;padding:7px 10px;border-radius:7px;background:#eeebf2;color:#34303d;font-size:10px;box-shadow:0 4px 15px #0003;z-index:50;pointer-events:none;white-space:nowrap}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,15px);background:#e8e1f1;color:#302a3d;border-radius:12px;padding:12px 20px;font-size:12px;max-width:90vw;text-align:center;box-shadow:0 6px 40px #0004;opacity:0;pointer-events:none;transition:.2s;z-index:110}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #4b4656;border-radius:20px;background:#252730;color:var(--ink);padding:24px;width:min(520px,94vw);max-height:88dvh;overflow-y:auto;box-shadow:0 30px 100px #0007}dialog::backdrop{background:#101116b3;backdrop-filter:blur(5px)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:21px}.modal-header h2{font-size:23px;letter-spacing:-.8px;font-weight:650;margin:0}.modal-intro{color:#aaa6b5;font-size:12px;line-height:1.7;margin:0 0 24px}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 0}.modal-actions .button{flex:1}.project-list{display:flex;flex-direction:column;gap:10px;max-height:350px;overflow:auto;margin:20px 0}.project-card{display:flex;align-items:center;gap:12px;background:#ffffff04;border:1px solid var(--line);border-radius:12px;padding:10px}.project-open{display:flex;align-items:center;gap:12px;background:none;padding:0;flex:1;min-width:0;text-align:left}.project-open img{width:85px;height:52px;object-fit:cover;border-radius:6px}.project-open span{display:flex;flex-direction:column;gap:6px;min-width:0}.project-open strong{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis}.project-open small{font-size:10px;color:var(--muted)}.export-preview{width:100%;height:170px;object-fit:contain;background:#1c1e25;border-radius:10px;margin-bottom:20px}.export-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.export-fields label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#b8b3c2}.export-status{text-align:center;font-size:12px;color:var(--muted);margin-top:14px}.progress-bar{height:7px;border-radius:5px;background:#3b3746;overflow:hidden;margin:20px 0 12px}.progress-bar>div{height:100%;width:0;background:var(--lilac);transition:width .15s}.help-grid{display:grid;grid-template-columns:36px 1fr;gap:20px 14px;font-size:12px;line-height:1.6;color:#b8b3c4}.help-grid svg{color:var(--lilac);width:26px;height:26px}.help-grid strong{display:block;font-weight:600;color:var(--ink);margin-bottom:3px}.shortcut-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:23px 0 0;border-top:1px solid var(--line);padding-top:18px;font-size:10px;color:var(--muted)}kbd{padding:3px 5px;border:1px solid #56515e;border-radius:4px;margin-right:5px;font-size:9px}.drop-shield{position:fixed;inset:13px;z-index:200;background:#292430ed;border:2px dashed var(--lilac);border-radius:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;pointer-events:none}.drop-shield svg{width:60px;height:60px;color:var(--lilac)}.drop-shield span{font-size:25px;letter-spacing:-1px}.recording-dot{width:9px;height:9px;border-radius:50%;background:#ee9a95;animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.3}}.record-row{display:flex;gap:8px;margin-bottom:18px}.record-row .button{flex:1}.exporting .workspace,.exporting .topbar{pointer-events:none}.exporting .modal-header .icon-button{display:none}
@media(min-width:1500px){.workspace{grid-template-columns:76px 285px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 305px}.workspace.drawer-closed{grid-template-columns:76px 0 minmax(0,1fr)}.track-labels{width:76px}.tool-rail{padding-top:23px}.rail-main{gap:13px}.drawer-body{padding-inline:24px}.drawer-header{padding-left:25px}.topbar{height:92px}.stage{padding-inline:70px}}
@media(max-width:1100px){.app{padding-inline:12px}.workspace{grid-template-columns:60px 222px minmax(0,1fr)}.workspace.drawer-closed{grid-template-columns:60px 0 minmax(0,1fr)}.drawer-body{padding-inline:14px}.drawer-header{padding-left:15px}.tool-rail{padding-inline:5px}.tool{width:43px;height:43px}.stage{padding-inline:23px}.track-labels{width:60px}.timeline-toolbar{padding-inline:12px;gap:5px}.transport{gap:5px}.time-display{margin-left:6px;gap:6px}.history .icon-button{width:29px}.timeline-zoom input{width:45px}.toolbar-divider{margin-inline:6px}.preview-top,.preview-bottom{padding-inline:18px}.drawer-foot{font-size:8px;padding-inline:15px}.rail-main{gap:6px}}
@media(max-width:820px){.workspace,.workspace.drawer-closed{grid-template-columns:60px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 280px}.preview-area{grid-column:2}.drawer{position:absolute;z-index:10;top:0;bottom:280px;left:60px;width:250px;box-shadow:15px 0 45px #0005;transform:translateX(0);transition:transform .2s,opacity .2s;border-radius:0 14px 14px 0;border-block:0}.drawer:not(.open){transform:translateX(-110%);visibility:hidden}.timeline-toolbar{flex-wrap:wrap;height:86px;min-height:86px;gap:0;padding-block:4px}.transport{order:-1;justify-content:center;width:100%;height:42px}.history{height:31px}.history .icon-button{height:31px}.timeline-zoom{height:31px}.timeline-zoom .icon-button{height:30px}.timeline-zoom input{width:68px}.tool-rail{padding-top:12px}.brand{font-size:26px}.brand img{width:34px;height:34px}.topbar{height:74px}.project-heading input{font-size:11px}.header-actions{gap:7px}.export-button{padding:10px 12px}.stage{padding-inline:20px}.demo-tag{font-size:10px}.preview-kicker{font-size:7px}.time-display{font-size:10px}.app-footer{height:28px}}
@media(max-width:580px){.app{padding:env(safe-area-inset-top) 7px env(safe-area-inset-bottom)}.topbar{height:66px;padding-inline:5px;gap:8px}.brand{font-size:24px;gap:7px;letter-spacing:-1.4px}.brand img{width:31px;height:31px}.project-heading{position:static;transform:none;margin-left:auto;max-width:90px;align-items:flex-end;gap:4px}.project-heading input{max-width:90px;width:90px;font-size:9px;text-align:right;text-overflow:ellipsis;padding:0}#save-status{font-size:8px;gap:3px}#save-status i{width:3px;height:3px}.header-actions{margin-left:0;gap:3px}.header-actions .icon-button{width:31px}.header-actions .icon-button svg{width:19px}.export-button{min-height:35px;width:36px;padding:8px;border-radius:9px}.export-button span{display:none}.workspace,.workspace.drawer-closed{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 59px 280px;border-radius:14px}.preview-area{grid-column:1;grid-row:1;grid-template-rows:42px minmax(0,1fr) 32px}.preview-top{padding-inline:13px}.preview-bottom{padding-inline:13px}.preview-kicker{font-size:7px;letter-spacing:1.4px}.preview-actions{gap:5px}.preview-bottom #preview-label{font-size:7px;letter-spacing:1px}.demo-tag{font-size:9px}.demo-tag>span{font-size:16px}.stage{padding:0 17px}.canvas-wrap,.canvas-wrap canvas{border-radius:5px}.tool-rail{grid-column:1;grid-row:2;padding:5px 8px;flex-direction:row;justify-content:center;overflow:visible;border-right:0;border-top:1px solid var(--line);background:#25272f;z-index:12;gap:0}.rail-main{flex-direction:row;gap:5px;justify-content:space-around;width:100%}.tool{height:43px;width:43px;border-radius:11px}.tool svg{width:22px;height:22px}.rail-divider,.help-button{display:none}.drawer{top:8px;bottom:347px;left:8px;width:calc(100% - 16px);max-width:none;min-height:160px;border:1px solid #4a4554;border-radius:13px;box-shadow:0 5px 40px #0007;transform:none}.drawer:not(.open){transform:translateY(20px)}.drawer-header{min-height:49px;padding:7px 14px}.drawer-header h1{font-size:17px}.drawer-header .icon-button svg{transform:rotate(-90deg)}.drawer-body{padding:4px 15px 15px}.drawer-foot{display:none}.drop-zone{min-height:76px;gap:4px;flex-direction:row;flex-wrap:wrap;align-content:center;padding:12px;column-gap:10px}.drop-zone svg{width:22px;height:22px;margin:0}.drop-zone small{width:100%;text-align:center}.asset-grid{grid-template-columns:repeat(3,1fr)}.drawer-section-title{margin-top:15px}.sound-card{margin-bottom:7px}.timeline{grid-column:1;grid-row:3}.timeline-toolbar{min-height:88px;height:88px;padding-inline:10px}.transport{height:45px;gap:11px}.play-button{width:43px;height:36px}.transport .icon-button{height:31px}.history .icon-button{width:30px}.toolbar-divider{margin-inline:4px;height:16px}.timeline-zoom{gap:0}.timeline-zoom input{width:42px}.timeline-zoom>.icon-button{width:27px}.timeline-zoom>.toolbar-divider{display:none}.track-labels{width:40px}.track-label svg{width:15px;height:15px}.timeline-footer{padding-inline:12px;font-size:8px;min-height:29px;height:29px}.timeline-hint{font-size:7px}.app-footer{height:24px;padding-inline:4px;font-size:8px}.app-footer b{font-size:14px}.filter-grid{grid-template-columns:repeat(3,1fr)}.filter-card img{aspect-ratio:1.6}.sticker-grid{grid-template-columns:repeat(6,1fr)}.sticker-grid button{font-size:27px}.inspector-media{display:none}.selected-name{margin-bottom:12px}.edit-actions{margin:7px 0;padding:7px 0}.field{margin-bottom:12px}.field-head{margin-bottom:4px}.ratio-grid{grid-template-columns:repeat(5,1fr);margin:8px 0 13px}.ratio-choice{min-height:59px}.separator{margin:12px 0}.context-empty{padding:12px;gap:9px}.empty-stage{gap:8px}.empty-stage img{width:40px;height:40px}.empty-stage h2{font-size:16px;margin:0}.empty-stage .button{min-height:35px;padding:8px 11px;font-size:11px}dialog{padding:19px;border-radius:17px}.modal-header h2{font-size:21px}.modal-header{margin-bottom:17px}.export-preview{height:135px}}
@media(max-height:740px) and (min-width:821px){.topbar{height:64px}.app-footer{height:25px}.workspace{grid-template-rows:minmax(0,1fr) 255px}.rail-main{gap:3px}.tool{height:38px;width:40px}.tool-rail{padding-top:10px}.preview-area{grid-template-rows:43px minmax(0,1fr) 36px}.drawer-header{min-height:53px}.drawer-foot{display:none}.timeline-toolbar{height:54px;min-height:54px}.timeline-footer{height:28px;min-height:28px}}
@media(max-height:700px) and (max-width:580px){.topbar{height:55px}.app-footer{display:none}.workspace,.workspace.drawer-closed{grid-template-rows:minmax(0,1fr) 52px 248px;margin-bottom:7px}.tool{height:39px}.drawer{bottom:307px}.timeline-toolbar{min-height:80px;height:80px}.preview-area{grid-template-rows:34px minmax(0,1fr) 26px}.timeline-hint{display:none}.preview-kicker{font-size:6px}.demo-tag{font-size:8px}.stage{padding-inline:17px}}
@media(orientation:landscape) and (max-height:500px){.topbar{height:48px}.app-footer{display:none}.workspace,.workspace.drawer-closed{grid-template-columns:52px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 160px;margin-bottom:7px}.preview-area{grid-column:2;grid-row:1;grid-template-rows:30px minmax(0,1fr) 20px}.tool-rail{grid-column:1;grid-row:1;padding:3px;overflow-y:auto}.rail-main{gap:2px}.tool{height:33px;width:36px}.tool svg{width:19px;height:19px}.rail-divider{display:none}.drawer{left:52px;bottom:160px;top:0;width:255px}.drawer-header{min-height:42px}.drawer-body{padding-top:0}.drawer-foot{display:none}.timeline{grid-row:2}.timeline-toolbar{height:44px;min-height:44px;flex-wrap:nowrap}.transport{order:0;width:auto;gap:4px}.history .icon-button{width:28px}.time-display{font-size:9px;gap:4px}.timeline-zoom input{width:40px}.play-button{height:32px;width:36px}.timeline-footer{height:24px;min-height:24px;font-size:8px}.track-labels{width:52px}.preview-bottom{font-size:6px}.demo-tag{display:none}.project-heading input{font-size:10px}.brand{font-size:24px}.brand img{width:29px;height:29px}.export-button{min-height:32px;padding-block:6px}.stage{padding-block:0}.drawer-section-title{margin-top:12px}.drop-zone{min-height:80px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:820px){.drawer{grid-column:auto;grid-row:auto}}
@media(orientation:landscape) and (max-height:500px){.drawer{grid-column:auto;grid-row:auto}}
.demo-tag>svg{width:17px;height:17px;color:var(--lilac);vertical-align:middle;margin-left:6px;transform:rotate(35deg)}.drawer-foot>.little-spark{width:19px;height:19px}.footer-help{color:#9e97aa;background:none;font-size:9px;display:flex;align-items:center;gap:7px;padding:0}.footer-help svg{width:14px;height:14px;color:var(--lilac)}
.source-link{display:flex;justify-content:center;align-items:center;gap:8px;color:var(--lilac);font-size:11px;text-decoration:none;margin:24px 0 0}.source-link svg{width:15px;height:15px}