@font-face{font-family:Onest;src:url('/assets/fonts/Onest%5Bwght%5D.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#0c1724;--panel:#134354;--panel-deep:#103543;--panel-hover:#195466;--stage:#0e1d2b;--ink:#e7f6f4;--muted:#b4d0d5;--subtle:#92bac2;--accent:#38d5df;--accent-ink:#082c38;--rule:#2b5968;--field:#0e3343;--error:#ffb4a3;--font:Onest,sans-serif;--mono:Consolas,'Courier New',monospace;--radius:6px;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{height:100%;scrollbar-color:var(--rule) var(--panel-deep);scrollbar-width:thin}body{margin:0;height:100dvh;min-height:650px;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:13px;line-height:1.5;overflow:hidden}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button,a{transition:background-color .15s var(--ease),color .15s var(--ease)}button{color:var(--ink)}a{color:var(--accent);text-underline-offset:4px}button svg,[data-icon] svg{width:18px;height:18px;display:block;flex:none}button [data-icon]{display:flex;align-items:center}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:var(--accent-ink)}input{caret-color:var(--accent)}input::placeholder{color:var(--muted)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}h1,h2,h3,p{margin:0}h2{font-size:15px;font-weight:600;letter-spacing:-.01em}h3{font-size:14px;font-weight:600}strong{font-weight:550}small{font-size:11px}kbd{font:10px var(--mono);border:1px solid var(--rule);padding:1px 4px;border-radius:3px;margin-left:5px;color:var(--muted)}
.topbar{height:72px;display:flex;align-items:center;gap:30px;padding:0 24px;background:var(--bg);border-bottom:1px solid #264252;flex-shrink:0}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);white-space:nowrap}.brand>svg{width:29px;height:29px;color:var(--accent)}.brand>span{font-size:25px;font-weight:350;letter-spacing:-.035em}.brand-divider{color:var(--accent);font-weight:250;margin:0 7px}.brand-studio{font-weight:250}.session-name{font-size:12px;color:var(--muted);max-width:38vw;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.project-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.text-button,.icon-button{border:0;background:transparent;border-radius:var(--radius);padding:8px 10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;white-space:nowrap}.text-button:hover,.icon-button:hover{background:var(--panel-hover);color:var(--ink)}.text-button.small{font-size:11px;padding:6px 8px;color:var(--muted)}.text-button.small:hover{color:var(--ink)}.icon-button{width:32px;height:32px;padding:7px;color:var(--muted);flex-shrink:0}.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 17px;background:var(--accent);color:var(--accent-ink);font-weight:600;border:0;border-radius:var(--radius);text-decoration:none;white-space:nowrap}.primary:hover{background:#69e4e8}.primary svg{width:17px;height:17px}.mobile-tabs{display:none}
.workspace{height:calc(100dvh - 72px);min-height:578px;display:grid;grid-template-columns:264px minmax(330px,1fr) 310px}.panel{background:var(--panel);overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--rule) var(--panel);scrollbar-width:thin}.selection-panel{border-right:1px solid #244f5d;display:flex;flex-direction:column}.effects-panel{border-left:1px solid #244f5d;display:flex;flex-direction:column}.panel-section{padding:21px 20px;border-bottom:1px solid var(--rule)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.section-heading .icon-button{margin:-7px -5px -7px 0}.hint{font-size:11px;line-height:1.55;color:var(--muted)}.quiet-tag{font:10px var(--mono);color:var(--muted);border-radius:3px;padding:3px 6px;background:#0c2e3d}.source-section{padding-top:24px;padding-bottom:17px}.source-file{display:flex;align-items:center;gap:10px;text-align:left;background:var(--field);border:1px solid var(--rule);border-radius:var(--radius);padding:11px;width:100%;min-height:69px}.source-file:hover{background:#164b5c}.source-file img{width:35px;height:46px;object-fit:contain;background:#071014;border-radius:2px}.source-file>span:not([data-icon]){min-width:0;flex:1}.source-file strong{font-size:12px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.source-file small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.source-file>[data-icon]{color:var(--subtle)}.source-file svg{width:15px;height:15px}.source-hint{font-size:10px;margin-top:9px}.field-label{font-size:11px;color:var(--muted);display:block;margin-bottom:7px}.color-field{display:flex;align-items:center;gap:8px;border:1px solid var(--rule);border-radius:var(--radius);padding:5px;background:var(--field);margin-bottom:20px}.color-field input[type=color]{width:31px;height:31px;flex:none}.color-field input[type=text]{min-width:0;flex:1;border:0;background:transparent;padding:4px;font:12px var(--mono);color:var(--ink);width:80px}.color-field .icon-button.active{background:var(--accent);color:var(--accent-ink)}input[type=color]{appearance:none;-webkit-appearance:none;border:1px solid #6f959a;border-radius:4px;width:34px;height:27px;padding:2px;cursor:pointer;background:transparent}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:2px}.range-field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 4px;margin:17px 0}.range-field>label{font-size:11px;color:var(--ink);min-width:0}.range-field>output{font:11px var(--mono);font-variant-numeric:tabular-nums;color:var(--accent)}.range-field input[type=range],.range-field>.hint{grid-column:1/-1}.range-field>.hint{font-size:10px}.range-field:first-child{margin-top:0}input[type=range]{width:100%;height:17px;cursor:pointer;margin:0;appearance:none;-webkit-appearance:none;background:transparent;accent-color:var(--accent)}input[type=range]::-webkit-slider-runnable-track{height:3px;background:#407786;border-radius:2px}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:var(--accent);margin-top:-4px;border:0}input[type=range]::-moz-range-track{height:3px;background:#407786}input[type=range]::-moz-range-thumb{width:11px;height:11px;border:0;background:var(--accent)}.segmented{display:flex;margin:20px 0 8px;padding:3px;border:1px solid var(--rule);border-radius:var(--radius);gap:2px;background:var(--field)}.segmented>label{flex:1;text-align:center;position:relative;cursor:pointer}.segmented input{position:absolute;opacity:0;width:1px;height:1px}.segmented span{display:block;padding:7px 5px;font-size:10px;border-radius:4px;color:var(--muted)}.segmented input:checked+span{background:#286575;color:#f1fcfa}.segmented input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.check-row{display:flex;justify-content:space-between;gap:10px;align-items:center;min-height:35px;font-size:11px;color:var(--ink);cursor:pointer}.check-row:first-of-type{margin-top:13px}.check-row input[type=checkbox]{accent-color:var(--accent);width:14px;height:14px;flex:none;margin:0;cursor:pointer}.brush-section .section-heading{margin-bottom:12px}.brush-tools{display:flex;gap:7px}.brush-tools button{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;border:1px solid var(--rule);border-radius:var(--radius);padding:9px 5px;font-size:10px;background:var(--field)}.brush-tools button svg{width:15px;height:15px}.brush-tools button.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.brush-tools button:hover{background:var(--panel-hover)}.brush-tools button.active:hover{background:#69e4e8}.selection-bottom,.effects-footer{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;padding:18px 20px;margin-top:auto}.selection-bottom svg,.effects-footer svg{width:13px;height:13px;flex:none}
.stage-panel{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--stage)}.stage-toolbar{height:47px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #243b4b}.stage-caption{display:flex;align-items:center;gap:8px;font-size:11px;white-space:nowrap}.live-dot{height:5px;width:5px;background:var(--accent);border-radius:50%}.stage-actions{display:flex;align-items:center;gap:3px}.stage-actions .icon-button{width:28px;height:28px;padding:6px}.stage-actions svg{width:16px;height:16px}.stage-actions #compare[aria-pressed=true]{background:#235567;color:var(--ink)}.toolbar-rule{height:15px;width:1px;background:#365365;margin:0 7px}.stage-well{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}.canvas-frame{position:relative;height:100%;max-height:100%;max-width:100%;width:auto;background-color:#0b131b;box-shadow:0 16px 30px #020a1166;flex-shrink:1}.canvas-frame canvas{display:block;height:100%;width:100%;object-fit:contain}.canvas-frame #interaction{position:absolute;inset:0;touch-action:none}.stage-notice{position:absolute;bottom:32px;left:50%;translate:-50% 0;font-size:11px;color:var(--ink);background:#163a4a;padding:8px 13px;border-radius:var(--radius);white-space:nowrap}.drop-message{position:absolute;inset:16px;background:#0e4458ed;align-items:center;justify-content:center;font-size:23px;color:var(--ink);border:1px dashed var(--accent);border-radius:var(--radius);z-index:10}.dragging .drop-message{display:flex!important}.empty-state{text-align:center;max-width:340px;display:flex;align-items:center;flex-direction:column;gap:16px}.empty-state>[data-icon] svg{width:46px;height:46px;color:var(--accent)}.empty-state h1{font-size:25px;line-height:1.2;font-weight:450;text-wrap:balance}.empty-state p{font-size:13px;color:var(--muted)}.timeline{padding:14px 23px 8px;border-top:1px solid #243b4b;background:#102331;flex:none}.transport{display:flex;align-items:center;gap:10px;margin-bottom:10px}.play-button{background:var(--accent);color:var(--accent-ink);border:0;border-radius:4px;display:flex;align-items:center;justify-content:center;width:29px;height:29px;margin-right:3px}.play-button svg{width:16px;height:16px}.timecode{font:11px var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}.quiet{color:var(--muted)}.timeline-divider{color:#68949f}.duration-field{display:flex;align-items:center;margin-left:auto;gap:4px;color:var(--muted);font-size:10px}.duration-field input{width:36px;padding:3px;border:0;background:#173644;border-radius:3px;color:var(--ink);text-align:center;font:11px var(--mono);-moz-appearance:textfield}.duration-field input::-webkit-inner-spin-button{appearance:none}.loop-label{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted);margin-left:8px;white-space:nowrap}.loop-label svg{width:13px;height:13px;color:var(--accent)}.timeline #scrubber{height:13px}.timeline-ticks{display:flex;justify-content:space-between;font:9px var(--mono);color:var(--subtle);margin-top:4px}.stage-status{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:31px;padding:5px 18px;background:#0c1a28;font-size:9px;color:var(--muted)}.stage-status>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-status #output-status{font-family:var(--mono);flex-shrink:0}
.effects-heading{padding-top:24px;padding-bottom:17px}.effects-heading .section-heading{margin-bottom:8px}.count{font:10px var(--mono);color:var(--muted);margin-left:8px}.effect-stack{padding:7px 10px 10px;border-bottom:1px solid var(--rule)}.effect-row{display:flex;align-items:center;gap:5px;min-height:65px;border-radius:var(--radius);padding:6px 8px;border:1px solid transparent}.effect-row+.effect-row{margin-top:3px}.effect-row.selected{background:#1b5a6c;border-color:#3a7b89}.effect-row .effect-toggle{width:25px;height:25px;padding:5px}.effect-toggle svg{width:14px;height:14px}.effect-select{display:flex;align-items:center;gap:9px;background:transparent;border:0;padding:3px 0;min-width:0;text-align:left;flex:1}.effect-select strong{font-size:11px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:169px}.effect-select small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.effect-symbol{color:var(--accent)}.effect-symbol svg{width:17px;height:17px}.layer-index{font:9px var(--mono);color:var(--subtle)}.muted-layer .effect-select,.muted-layer .layer-index{opacity:.5}.muted-layer .effect-toggle{color:#7797a0}.inspector{padding-top:20px;flex:1}.inspector-title{display:flex;align-items:center;justify-content:space-between;gap:5px}.inspector-title>div{display:flex}.inspector-title .icon-button{width:24px;height:26px;padding:5px}.inspector-title .icon-button svg{width:14px;height:14px}.inspector-description{margin:8px 0 18px}.inspector .range-field{margin:20px 0}.inspector .color-control{display:flex;align-items:center;justify-content:space-between;margin:23px 0}.inspector input[type=text],.inspector input[type=number],select,.two-fields input{width:100%;background:var(--field);color:var(--ink);border:1px solid var(--rule);border-radius:var(--radius);padding:9px 10px;font-size:11px;min-width:0}select{appearance:auto;cursor:pointer}.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;min-width:0}.seed-field input{width:90px!important;margin-left:auto}.effects-footer{background:var(--panel-deep);border-top:1px solid var(--rule);position:sticky;bottom:0;font-size:9px;padding-top:13px;padding-bottom:13px}.no-effects{padding:20px 8px;text-align:center}.no-effects p{font-size:12px;margin-bottom:8px}.effect-library{position:fixed;right:22px;top:85px;width:340px;background:var(--panel-deep);padding:22px;border-radius:12px;box-shadow:0 18px 45px #020a11aa;z-index:30}.library-option{display:flex;align-items:center;gap:12px;padding:15px 0;border:0;border-bottom:1px solid var(--rule);background:transparent;width:100%;text-align:left}.library-option:hover{color:var(--accent)}.library-option>span:first-child{color:var(--accent)}.library-option>span:nth-child(2){flex:1}.library-option strong{font-size:12px}.library-option small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.library-option>svg{width:15px;height:15px}
dialog{background:var(--panel-deep);color:var(--ink);width:min(440px,calc(100vw - 28px));padding:26px;border:0;border-radius:12px;box-shadow:0 22px 70px #030d16aa;max-height:calc(100dvh - 28px);overflow:auto}dialog::backdrop{background:#07121cbb}.export-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:25px}.export-header h2{font-size:22px;font-weight:450;letter-spacing:-.02em}.export-header p{font-size:11px;margin-top:6px;color:var(--muted)}.export-header .icon-button{margin:-4px -8px 0 0}.export-header+.segmented{margin-top:0}.format-tabs{margin-bottom:22px}.format-tabs span{font-size:12px;padding:9px}.export-form>.field-label{margin-top:15px}#output-preset{margin-bottom:17px}#export-dialog .two-fields{margin-bottom:18px}#export-dialog .two-fields label{font-size:11px}#export-dialog input,#export-dialog select{font-size:12px;padding:10px}#export-dialog .check-row input{padding:0}#export-dialog .check-row{margin-top:0}.export-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:25px}.export-progress{margin-top:22px}.export-progress .section-heading{margin-bottom:8px;font-size:11px}.export-progress .hint{margin-top:9px}.export-progress progress{width:100%;height:5px;appearance:none;border:0;border-radius:3px;overflow:hidden}.export-progress progress::-webkit-progress-bar{background:#365a66}.export-progress progress::-webkit-progress-value{background:var(--accent)}.export-progress progress::-moz-progress-bar{background:var(--accent)}#export-percent{font:11px var(--mono);color:var(--accent)}.inline-error{margin-top:18px;background:#472f36;color:var(--error);padding:12px;border-radius:var(--radius);font-size:12px}.toast{position:fixed;bottom:24px;left:50%;translate:-50% 0;background:#235467;color:var(--ink);padding:13px 20px;border-radius:var(--radius);box-shadow:0 8px 25px #05111e66;font-size:12px;max-width:min(560px,calc(100vw - 32px));z-index:100}.toast.error{background:#472f36;color:var(--error)}
@media(min-width:1700px){.workspace{grid-template-columns:290px minmax(400px,1fr) 340px}.panel-section{padding-left:25px;padding-right:25px}.effect-select strong{max-width:195px}}
@media(max-width:1180px) and (min-width:761px){.workspace{grid-template-columns:230px minmax(260px,1fr) 270px}.panel-section{padding-left:15px;padding-right:15px}.topbar{gap:18px;padding:0 18px}.brand>span{font-size:22px}.brand>svg{width:25px;height:25px}.session-name{max-width:180px}.project-actions{gap:3px}.stage-well{padding:18px 12px}.stage-toolbar{padding:0 10px}.stage-toolbar #demo-label{display:none}.stage-actions #compare{font-size:0;gap:0}.stage-actions #compare svg{width:16px}.loop-label{font-size:0;gap:0}.loop-label svg{width:15px}.effect-select strong{max-width:135px}.effect-symbol{display:none}.timeline{padding-left:13px;padding-right:13px}.stage-status{padding-left:10px;padding-right:10px}.stage-status #output-status{font-size:8px}.source-file{padding:9px;gap:7px}}
@media(max-width:760px){body{min-height:0;overflow:auto;height:auto;min-height:100dvh}.topbar{height:64px;padding:0 15px;gap:8px;position:sticky;top:0;z-index:20;background:var(--bg)}.brand{gap:8px}.brand>span{font-size:21px}.brand>svg{width:24px;height:24px}.brand-studio,.brand-divider,.session-name{display:none}.project-actions{gap:2px}.project-actions .text-button>span:not([data-icon]){display:none}.project-actions .text-button{padding:8px;width:34px}.project-actions .primary{font-size:12px;padding:9px 12px;gap:6px}.mobile-tabs{display:flex;background:var(--panel-deep);padding:0 15px;border-bottom:1px solid var(--rule);height:44px;position:sticky;top:64px;z-index:20}.mobile-tabs button{flex:1;background:transparent;border:0;border-bottom:2px solid transparent;font-size:12px;color:var(--muted);padding:10px}.mobile-tabs button[aria-pressed=true]{border-bottom-color:var(--accent);color:var(--accent)}.workspace{display:block;height:auto;min-height:calc(100dvh - 108px)}.workspace .panel,.workspace .stage-panel{display:none}.workspace[data-mobile-view=stage] .stage-panel{display:flex}.workspace[data-mobile-view=selection] .selection-panel{display:flex}.workspace[data-mobile-view=effects] .effects-panel{display:flex}.stage-panel{height:calc(100dvh - 108px);min-height:450px}.stage-toolbar{height:43px;padding:0 12px}.stage-toolbar .stage-caption{font-size:10px;gap:6px}.stage-actions{gap:0}.stage-actions .icon-button{width:27px;height:28px}.stage-actions #compare{font-size:10px;padding:5px}.toolbar-rule{margin:0 4px}.stage-well{padding:16px}.timeline{padding:12px 16px 8px}.transport{gap:8px}.loop-label{font-size:9px;gap:4px;margin-left:3px}.duration-field{margin-left:auto}.stage-status{padding:6px 12px;gap:8px;font-size:9px}.stage-status #output-status{font-size:8px}.panel{min-height:calc(100dvh - 108px);border:0;overflow:visible}.panel-section{padding:23px}.source-file{padding:13px}.source-file strong{font-size:13px}.source-file small,.field-label,.range-field>label,.check-row,.two-fields>label{font-size:12px}.hint{font-size:12px}.source-hint{font-size:11px}.range-field{margin:24px 0}.range-field output{font-size:12px}.segmented span{font-size:12px;padding:10px}.check-row{min-height:43px}.brush-tools button{font-size:12px;padding:12px}.effect-stack{padding:9px 16px}.effect-row{min-height:70px}.effect-select strong{max-width:235px;font-size:13px}.effect-select small{font-size:11px}.effect-row .effect-toggle{width:31px;height:31px}.effect-symbol{display:block}.effect-symbol svg{width:20px;height:20px}.layer-index{font-size:10px}.inspector{padding:24px}.inspector h3{font-size:16px}.inspector input[type=text],.inspector input[type=number],select,.two-fields input{font-size:13px;padding:12px}.inspector-description{font-size:12px}.effects-footer,.selection-bottom{font-size:11px;padding:18px 23px;position:static}.effect-library{top:122px;right:14px;width:min(360px,calc(100vw - 28px));padding:24px}.library-option{min-height:76px}.library-option strong{font-size:14px}.library-option small{font-size:12px}.toast{bottom:18px;font-size:12px}.color-field input[type=text]{font-size:14px}.color-field input[type=color]{width:37px;height:37px}.color-field .icon-button{width:37px;height:37px}.empty-state h1{font-size:24px}}
@media(max-width:370px){.loop-label{font-size:0;gap:0}.stage-status>span:first-child{max-width:48%}.stage-toolbar #demo-label{display:none}.brand>span{font-size:19px}}
@media(prefers-reduced-motion:reduce){button,a{transition:none}}
/* Functional text stays legible at every viewport; measurements use tabular 11px. */
body{font-size:14px}.hint,.field-label,.range-field>label,.check-row,.two-fields>label,.source-file strong,.effect-select strong,.inspector input[type=text],.inspector input[type=number],select,.two-fields input,.text-button.small{font-size:12px}
.source-file small,.source-hint,.range-field>.hint,.segmented span,.brush-tools button,.selection-bottom,.effects-footer,.effect-select small,.stage-caption,.duration-field,.loop-label,.stage-status,.stage-status #output-status,.library-option small,.quiet-tag,.layer-index,.count{font-size:11px}
.timeline-ticks{font:11px var(--mono)}.stage-toolbar{padding-top:8px;padding-bottom:8px}.stage-actions #compare{font-size:11px}.toolbar-rule{flex-shrink:0}
@media(max-width:1180px) and (min-width:761px){.stage-toolbar{padding-top:7px;padding-bottom:7px}.stage-actions #compare{font-size:0}.loop-label{font-size:0}}
@media(max-width:760px){.stage-toolbar{padding-top:6px;padding-bottom:6px}.hint{font-size:12px}.source-file small,.source-hint{font-size:11px}.brush-tools button,.segmented span{font-size:12px}.stage-actions #compare{font-size:11px}.loop-label{font-size:11px}.stage-status #output-status{font-size:11px}.effect-select strong{font-size:13px}.effect-select small{font-size:11px}}
@media(max-width:420px){.loop-label{font-size:0;gap:0}.loop-label svg{width:15px}}
.active-layer-name{font-size:12px;color:var(--accent);margin:8px 0 18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.canvas-frame{flex-shrink:0}

.effect-library{max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain}
.library-import{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 8px}.library-import+.hint{margin-bottom:12px}
.plugin-preview{padding:14px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:12px 0}.plugin-preview h3{font-size:15px}.plugin-preview p{margin-top:8px}.plugin-preview .primary{padding:9px 14px}
#plugin-status{padding:10px 0}#plugin-error{margin:12px 0;overflow-wrap:anywhere}#installed-effects{border-top:1px solid var(--rule);margin-top:12px;padding-top:14px}#installed-effects summary{cursor:pointer;font-size:12px}#installed-effects>p{margin:12px 0}.installed-module{padding:12px 0;border-bottom:1px solid var(--rule)}.installed-module strong{font-size:12px;display:block;overflow-wrap:anywhere}.installed-module .hint{margin-top:5px}.installed-module-actions{display:flex;gap:14px;margin-top:8px}.installed-module-actions button{font-size:11px}
@media(max-width:760px){.effect-library{max-height:calc(100dvh - 144px)}.library-import button{min-height:40px}}

.effect-library>.section-heading{position:sticky;top:-22px;background:var(--panel-deep);z-index:2;padding:12px 0;margin-top:-12px}
@media(max-width:760px){.effect-library>.section-heading{top:-24px}}

.mask-import-controls{margin:16px 0 22px}.mask-import-controls select{width:100%;font-size:11px;margin:8px 0}.mask-import-controls>button{width:100%;justify-content:center;border:1px solid var(--rule);padding:10px 8px}.mask-import-controls .hint{margin-top:10px;overflow-wrap:anywhere}
@media(max-width:760px){.mask-import-controls select{font-size:12px}.mask-import-controls>button{min-height:44px}}

#autosave-status{margin-top:9px}.recovery-panel{margin-top:14px;padding-top:14px;border-top:1px solid var(--rule)}.recovery-panel strong{font-size:12px}.recovery-panel p{margin-top:6px;overflow-wrap:anywhere}.recovery-panel>div{display:flex;gap:8px;margin-top:8px}#codec-status{margin-bottom:17px}#export-dialog .export-actions{flex-wrap:wrap}.format-tabs label:has(input:disabled){opacity:.45;cursor:not-allowed}

#export-dialog .export-header{position:sticky;top:-26px;background:var(--panel-deep);z-index:3;padding:12px 0;margin-top:-12px}
@media(max-width:760px){#export-dialog .export-header{top:-24px}}

/* Direct creator support link; works without third-party widget scripts. */
.session-name{min-width:0}.project-actions{flex-shrink:0}
.kofi-support{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;min-height:38px;border-radius:var(--radius);background:#828282;color:#101820;font-size:12px;font-weight:650;line-height:1.5;white-space:nowrap;text-decoration:none;flex-shrink:0}
.kofi-support svg{width:19px;height:19px;flex-shrink:0}.kofi-support:hover{background:#969696;color:#101820}.kofi-support:active{background:#757575}
@media(max-width:760px){.topbar{height:112px;padding-top:14px;align-items:flex-start}.project-actions .kofi-support{position:absolute;right:15px;top:65px;min-height:34px;padding:6px 12px}.mobile-tabs{top:112px}.workspace,.workspace .panel{min-height:calc(100dvh - 156px)}.stage-panel{height:calc(100dvh - 156px)}}