html{-webkit-tap-highlight-color:transparent}:root{--text:#d9d2e8;--text-h:#fff8ff;--muted:#a99fba;--bg:#000;--panel:#111225;--panel-border:#ffffff1c;--accent:#ff2bd6;--accent-bg:#ff2bd621;--panel-shadow:#00000061 0 24px 70px -24px, #ff2bd626 0 0 48px -28px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--motion-fast:.16s;--motion:.22s;--motion-slow:.28s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.45, 0, .55, 1);font:12px/1.5 var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100svh}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;margin:0;overflow:hidden}h1,h2{font-family:var(--heading);color:var(--text-h)}h1{letter-spacing:-.08em;font-size:clamp(1.75rem,4vw,4.25rem);line-height:.92}h2{letter-spacing:-.04em;line-height:1}p{margin:0}.app-shell{--preview-top-clearance:max(54px, calc(env(safe-area-inset-top) + 48px));--preview-bottom-clearance:max(92px, calc(env(safe-area-inset-bottom) + 86px));min-height:100dvh;color:var(--text);-webkit-tap-highlight-color:transparent;background:#000;position:relative;overflow:hidden}.app-shell--editor-dock{--preview-bottom-clearance:calc(env(safe-area-inset-bottom) + 2px + var(--editor-dock-measured-h,88px))}.app-shell.dragging .preview-shell{border-color:color-mix(in srgb, var(--accent) 72%, white)}.intro-overlay{z-index:20;pointer-events:none;animation:intro-overlay-exit 5.2s var(--ease-in-out) forwards;background:#000;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.intro-center{place-items:center;width:min(76vw,620px);display:grid}.intro-logo{object-fit:contain;width:100%;height:auto;display:block}.app-header{top:max(18px, calc(env(safe-area-inset-top) + 12px));z-index:6;pointer-events:none;position:fixed;left:50%;transform:translate(-50%)}.app-header-settings{top:max(12px, calc(env(safe-area-inset-top) + 10px));right:max(12px, env(safe-area-inset-right));z-index:7;pointer-events:auto;position:fixed}.app-header-settings-button{box-sizing:border-box;width:44px;min-width:44px;height:44px;min-height:44px;color:var(--text-h);cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#1a1a20db,#0a0a0eeb);border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex;box-shadow:0 0 0 1px #ffffff1a,0 14px 34px #00000061}.app-header-settings-button.selected{background:color-mix(in srgb, #120510 82%, var(--accent) 18%);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 55%, #ffffff1f)}.editor-error-banner{top:max(52px, calc(env(safe-area-inset-top) + 44px));z-index:7;border:1px solid color-mix(in srgb, var(--accent) 45%, #fff3);background:color-mix(in srgb, #0a0a0a 88%, var(--accent) 12%);max-width:min(92vw,28rem);color:var(--text);pointer-events:auto;animation:editor-error-enter var(--motion) var(--ease-out) both;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:.8rem;line-height:1.35;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000073}@keyframes editor-error-enter{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}.editor-error-text{flex:1;min-width:0}.editor-error-dismiss{width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:2.75rem;color:var(--text);cursor:pointer;opacity:.75;transition:opacity var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out);background:0 0;border:0;border-radius:10px;flex-shrink:0;margin:-6px -4px -6px 0;padding:0;font-size:1.1rem;line-height:1}.editor-error-dismiss:hover{opacity:1;background:#16161cd9}.editor-error-dismiss:active{transform:scale(.96)}.app-wordmark{color:#0000;letter-spacing:.24em;text-shadow:-2px 0 #00f5ff3d,2px 0 #ff2bd638;background-color:#0000;background-image:linear-gradient(90deg,#fff 0 34%,#bdfbff 34% 38%,#fff 38% 68%,#ffd2f6 68% 72%,#fff 72%),repeating-linear-gradient(90deg,#fffffff2 0 8px,#ffffffbd 8px 11px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;-webkit-background-clip:text;background-clip:text;font-size:.8rem;font-weight:900;line-height:1;display:inline-block;position:relative;overflow:hidden}.app-wordmark:before,.app-wordmark:after{color:#ffffffe6;content:"FRCTL";pointer-events:none;position:absolute;inset:0}.app-wordmark:before{clip-path:polygon(0 22%,76% 22%,76% 30%,0 30%,0 64%,58% 64%,58% 70%,0 70%);opacity:.5;text-shadow:5px 0 #00f5ff7a;transform:translate(-1px)}.app-wordmark:after{clip-path:polygon(34% 46%,100% 46%,100% 52%,34% 52%,20% 80%,82% 80%,82% 86%,20% 86%);opacity:.53;text-shadow:-5px 0 #ff2bd675;transform:translate(1px)}.preview-shell{box-sizing:border-box;min-height:100dvh;padding:var(--preview-top-clearance) 0 var(--preview-bottom-clearance);transition:border-color var(--motion) var(--ease-out);background:#000;border:0;border-radius:0;position:relative;overflow:hidden}.preview-camera-root{z-index:0;min-height:100dvh;position:relative;overflow:hidden}.preview-camera-layer{transform-origin:50% 42%;will-change:transform;min-height:100dvh}.generation-menu-wrap,.settings-menu-wrap{flex:none;display:inline-flex;position:relative}.settings-menu{min-width:min(92vw,200px)}.preview-shell--empty .preview-canvas{background-color:#000;background-image:none}.editor-dock{left:0;right:0;bottom:env(safe-area-inset-bottom);z-index:5;box-sizing:border-box;width:min(820px, calc(100vw - max(28px, calc(env(safe-area-inset-left) + env(safe-area-inset-right) + 16px))));pointer-events:none;scrollbar-width:none;zoom:.75;background:linear-gradient(#1a1a20fa,#0a0a0efc);border-radius:22px;flex-direction:column;gap:8px;margin-inline:auto;padding:8px 10px 10px;display:flex;position:fixed;box-shadow:0 0 0 1px #ffffff14}.editor-dock>*{pointer-events:auto}.editor-dock::-webkit-scrollbar{display:none}.editor-dock--adjusting{max-width:min(720px,100vw - 28px)}.editor-dock--timeline-expanded{width:min(1120px, calc(100vw - max(18px, calc(env(safe-area-inset-left) + env(safe-area-inset-right) + 12px))));zoom:.9}.editor-dock-timeline{width:100%;min-width:0}.editor-timeline{border:1px solid color-mix(in srgb, var(--accent,#5cf) 22%, #ffffff1f);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffeb;background:#0b0b13ec;border-radius:12px;flex-direction:column;gap:6px;padding:8px 10px 10px;font-size:11px;display:flex;box-shadow:0 10px 40px #0000008c}.editor-timeline--docked{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--text-h);background:0 0;border:0;border-radius:0;gap:6px;padding:0 2px 2px}.editor-timeline--expanded{gap:9px}.editor-timeline--docked .editor-timeline-row-track{background:linear-gradient(#202028f5,#0e0e14fa);border:0;box-shadow:0 0 0 1px #ffffff14}.editor-timeline--docked .editor-timeline-row-track--file{background:linear-gradient(#1c1c24f5,#0c0c12fa);box-shadow:0 0 0 1px #ffffff0f}.editor-timeline--docked .editor-timeline-scope-btn{color:var(--text-h);background:linear-gradient(#1a1a20fa,#0a0a0efc);border:0;border-radius:999px;box-shadow:0 0 0 1px #ffffff14}.editor-timeline--docked .editor-timeline-scope-btn.selected{background:color-mix(in srgb, #120510 82%, var(--accent) 18%);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 55%, #ffffff1f)}.editor-timeline--docked .editor-timeline-hint,.editor-timeline--docked .editor-timeline-hint--muted{color:var(--muted);opacity:1}.editor-timeline-header{justify-content:flex-end;align-items:center;gap:8px;display:flex}.editor-timeline-header-actions{align-items:center;gap:6px;min-width:0;display:inline-flex}.editor-timeline-time{font-variant-numeric:tabular-nums;opacity:.85}.editor-timeline-size-toggle{border-radius:10px;width:30px;min-width:30px;height:30px;min-height:30px}.editor-timeline-row{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:6px;display:grid}.editor-timeline-row--clip{grid-template-columns:52px minmax(0,1fr) 44px}.editor-timeline-row-icon{text-transform:none;letter-spacing:normal;justify-content:center;align-items:center;padding:0;font-size:0;display:flex}.editor-timeline-row-icon svg{opacity:.88;flex-shrink:0}.editor-timeline-transport{place-self:center end}.editor-timeline-row-label{letter-spacing:.06em;text-transform:uppercase;opacity:.65;font-size:10px;font-weight:700}.editor-timeline-row-track{touch-action:none;cursor:grab;background:#1e1e2af2;border:1px solid #ffffff1a;border-radius:6px;height:16px;position:relative;overflow:hidden}.editor-timeline-row--clip .editor-timeline-row-track{overflow:visible}.editor-timeline--expanded .editor-timeline-row-track{border-radius:8px;height:38px}.editor-timeline-row-track--noscrub{cursor:default;opacity:.92}.editor-timeline-row-track--active{border-color:color-mix(in srgb, var(--accent,#5cf) 35%, #ffffff24)}.editor-timeline-row-track--file{cursor:default;touch-action:none;height:14px}.editor-timeline--expanded .editor-timeline-row-track--file{height:34px}.editor-timeline-row-track--file:not(.editor-timeline-row-track--noscrub){cursor:crosshair}.editor-timeline-clip-base{pointer-events:none;background:linear-gradient(90deg,#5078ff1f,#ff50c81a);border-radius:4px;position:absolute;inset:0}.editor-timeline-waveform{z-index:0;opacity:.62;pointer-events:none;align-items:center;gap:0;display:flex;position:absolute;inset:1px 3px}.editor-timeline-waveform-bar{transform-origin:50%;background:linear-gradient(#ffffffdb,#78dcff66);border-radius:2px;flex:1 1 0;min-width:1px;transform:scaleX(.72)}.editor-timeline-minute-markers{z-index:1;pointer-events:none;position:absolute;inset:0 3px}.editor-timeline-minute-marker{background:#ffffff52;width:1px;position:absolute;top:22%;bottom:22%;transform:translate(-.5px);box-shadow:0 0 0 1px #0000002e}.editor-timeline-minute-marker--major{background:#ffffff94;width:2px;top:8%;bottom:8%;transform:translate(-1px)}.editor-timeline-file-window{background:color-mix(in srgb, var(--accent,#5cf) 28%, #ffffff14);border:1px solid color-mix(in srgb, var(--accent,#5cf) 45%, transparent);pointer-events:auto;cursor:grab;touch-action:none;z-index:2;border-radius:4px;position:absolute;top:2px;bottom:2px}.editor-timeline-row-track--file:not(.editor-timeline-row-track--noscrub):active .editor-timeline-file-window{cursor:grabbing}.editor-timeline-playhead{cursor:grab;pointer-events:auto;touch-action:none;z-index:4;width:24px;margin-left:-12px;position:absolute;top:-10px;bottom:-14px}.editor-timeline-row-track--noscrub .editor-timeline-playhead{cursor:default;pointer-events:none}.editor-timeline-playhead:before{content:"";background:#fff;border-radius:1px;width:2px;position:absolute;top:8px;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #00000080}.editor-timeline-playhead:after{content:"";background:#fff;border-radius:999px;width:8px;height:8px;position:absolute;bottom:3px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #00000094,0 2px 8px #00000052}.editor-timeline-effects-layer{pointer-events:none;z-index:1;position:absolute;inset:2px 3px}.editor-timeline-effect{border:0;cursor:grab;pointer-events:auto;touch-action:none;z-index:1;background:#5e4e8d64;border-inline:1px solid #ffffff61;border-radius:2px;min-width:4px;position:absolute;top:0;bottom:0;overflow:hidden}.editor-timeline-effect.selected{z-index:2;background:#a0820d70;border-inline-color:#ffffffbd;overflow:visible;box-shadow:inset 0 0 0 1px #facc156b,0 0 0 1px #0000005c}.editor-timeline-effect--full{background:#216f9160;width:auto;left:0;right:0}.editor-timeline-effect-label{letter-spacing:.04em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;opacity:.95;pointer-events:none;max-width:calc(100% - 6px);font-size:9px;font-weight:800;position:absolute;top:50%;left:4px;overflow:hidden;transform:translateY(-50%)}.editor-timeline-committed-handle{cursor:ew-resize;pointer-events:auto;touch-action:none;width:28px;position:absolute;top:-9px;bottom:-9px}.editor-timeline-committed-handle:after{content:"";background:#fff;border-radius:999px;width:2px;position:absolute;top:7px;bottom:7px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #00000094}.editor-timeline-committed-handle-left{left:-14px}.editor-timeline-committed-handle-right{right:-14px}.editor-timeline-draft-segment{z-index:2;box-sizing:border-box;touch-action:none;pointer-events:none;background:#facc1529;border:1px solid #facc15e6;border-radius:5px;position:absolute;top:1px;bottom:1px}.editor-timeline-draft-body{pointer-events:none;position:absolute;inset:0 10px}.editor-timeline-draft-move-grip{cursor:grab;touch-action:none;pointer-events:auto;z-index:1;background:#facc158c;border:1px solid #00000059;border-radius:5px;width:22px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.editor-timeline-draft-move-grip:focus-visible{outline:2px solid color-mix(in srgb, var(--accent,#5cf) 70%, transparent);outline-offset:1px}.editor-timeline-handle{cursor:ew-resize;touch-action:none;pointer-events:auto;z-index:2;background:0 0;border:0;border-radius:0;width:30px;position:absolute;top:-10px;bottom:-10px}.editor-timeline-handle:after{content:"";background:#facc15fa;border-radius:999px;width:2px;position:absolute;top:9px;bottom:9px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #0000008a}.editor-timeline-handle-left{left:-15px}.editor-timeline-handle-right{right:-15px}.editor-timeline-toolbar{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.editor-timeline-scope{gap:4px;display:inline-flex}.editor-timeline-scope-btn{color:inherit;font:inherit;cursor:pointer;background:#00000059;border:1px solid #ffffff2e;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.editor-timeline-scope-btn.selected{border-color:color-mix(in srgb, var(--accent,#5cf) 50%, transparent);background:color-mix(in srgb, var(--accent,#5cf) 18%, #0006)}.editor-timeline-selected-actions{align-items:center;gap:5px;min-width:0;display:inline-flex}.editor-timeline-time-fields{align-items:center;gap:5px;display:inline-flex}.editor-timeline-time-field{color:#ffffffb8;letter-spacing:.02em;text-transform:uppercase;grid-template-columns:auto 54px;align-items:center;gap:4px;min-width:0;font-size:10px;font-weight:800;display:inline-grid}.editor-timeline-time-field input{box-sizing:border-box;width:54px;min-width:0;height:25px;color:var(--text-h);font:inherit;font-variant-numeric:tabular-nums;background:#00000057;border:1px solid #ffffff24;border-radius:8px;padding:0 5px;font-size:11px}.editor-timeline-remove-btn{color:#ffd6de;background:#2d050eb6;border-color:#ff718d8d}.editor-timeline-hint{opacity:.72;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:10px;line-height:1.35;overflow:hidden}.editor-timeline-hint--muted{opacity:.62}.preview-canvas{width:100%;height:max(1px, calc(100dvh - var(--preview-top-clearance) - var(--preview-bottom-clearance)));background-color:#1a1a22;background-image:linear-gradient(45deg,#2a2a34 25%,#0000 25%),linear-gradient(-45deg,#2a2a34 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#2a2a34 75%),linear-gradient(-45deg,#0000 75%,#2a2a34 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;display:block}.preview-hidden-video{opacity:0;pointer-events:none;border:0;width:0;height:0;margin:0;padding:0;position:absolute;overflow:hidden}.preview-placeholder{top:var(--preview-top-clearance);right:0;bottom:var(--preview-bottom-clearance);z-index:1;text-align:center;background:#000;place-content:center;gap:12px;padding:24px;display:grid;position:absolute;left:0}.preview-placeholder h2{max-width:560px;color:var(--text-h);letter-spacing:-.08em;margin:0 auto;font-size:clamp(1.5rem,7.5vw,4rem);line-height:.9}.preview-placeholder p{max-width:420px;color:var(--muted);margin:0 auto}.preview-placeholder-actions{flex-wrap:wrap;justify-content:center;gap:22px;display:flex}.preview-generate-wrap{display:inline-flex;position:relative}.preview-orb{background:radial-gradient(circle,#fff3 0 2px,#0000 3px),conic-gradient(from 90deg,#ffffff1f,#ffffffbd,#ffffff1f);border-radius:999px;width:96px;height:96px;position:relative;box-shadow:inset 0 0 0 1px #ffffff57,inset 0 0 36px #ffffff1a,0 0 46px #ffffff24}.preview-upload-ring{min-width:160px;min-height:160px;font:inherit;color:#ffffffc2;appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform var(--motion) var(--ease-out), border-color var(--motion) var(--ease-out), background var(--motion) var(--ease-out), box-shadow var(--motion) var(--ease-out);background:radial-gradient(circle,#ffffff08,#0000 62%),#06060aeb;border:1px solid #ffffff1f;border-radius:999px;place-items:center;gap:14px;padding:22px;display:grid;position:relative;box-shadow:inset 0 0 24px #ffffff0d,0 24px 72px #00000094}.preview-upload-ring:before{border-radius:inherit;content:"";border:1px solid #ffffff14;position:absolute;inset:-18px}.preview-upload-ring.selected{border-color:color-mix(in srgb, var(--accent) 58%, #ffffff38);color:var(--text-h);box-shadow:inset 0 0 24px #ffffff12, 0 24px 72px #00000094, 0 0 0 1px color-mix(in srgb, var(--accent) 42%, transparent)}.preview-generate-menu{z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#09080cf1;border-radius:12px;gap:4px;min-width:150px;padding:6px;display:grid;position:absolute;top:calc(100% + 26px);left:50%;transform:translate(-50%);box-shadow:0 18px 52px #00000085,0 0 0 1px #ffffff1a}.preview-generate-menu-item{min-height:36px;color:var(--text-h);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 12px;font-size:.72rem;font-weight:800}.preview-generate-menu-item:hover{background:color-mix(in srgb, var(--accent) 20%, #ffffff14)}@media (prefers-reduced-motion:no-preference){.preview-upload-ring{animation:3.2s ease-in-out infinite prism-upload-breathe}.preview-upload-ring:before{animation:3.2s ease-in-out infinite prism-pulse}}.preview-upload-text{z-index:1;letter-spacing:.18em;text-transform:uppercase;font-size:.68rem;font-weight:800;position:relative}.editor-menu,.filter-grid,.filter-card,.export-actions,.utility-actions,.menu-toggle{display:flex}.editor-menu{width:100%;box-shadow:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;contain:layout style;transition:max-width var(--motion) var(--ease-out), transform var(--motion) var(--ease-out);background:0 0;border-radius:0;align-items:center;gap:6px;margin:0;padding:0;position:relative;overflow:auto visible}.editor-menu.root-menu{justify-content:center;min-height:44px;overflow:auto visible}.editor-dock .editor-menu.root-menu{justify-content:center}.editor-menu.submenu{justify-content:center;overflow:clip visible}.editor-menu.adjusting{overflow:clip visible}.editor-menu::-webkit-scrollbar{display:none}.filter-grid::-webkit-scrollbar{display:none}.file-input{clip-path:inset(50%);white-space:nowrap;opacity:0;pointer-events:none;appearance:none;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.file-input::file-selector-button{appearance:none;display:none}dialog.export-download-float::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity var(--motion) var(--ease-out);background:#0000009e}.export-download-float{box-shadow:none;opacity:0;transition:opacity var(--motion) var(--ease-out), transform var(--motion) var(--ease-out);border:none;outline:none;flex-direction:column;align-items:center;gap:14px;margin:auto;padding:0;display:flex;transform:translateY(10px)scale(.98);background:0 0!important}.export-download-float[open]{opacity:1;transform:translateY(0)scale(1)}@starting-style{.export-download-float[open]{opacity:0;transform:translateY(10px)scale(.98)}}.export-format-row{box-shadow:none;filter:none;background:0 0;flex-direction:row;align-items:center;gap:6px;display:flex}.export-format-back-button{width:24px;min-width:24px;height:52px;min-height:52px;color:var(--text-h);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out), opacity var(--motion-fast) var(--ease-out);background:#0b0709eb;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex;box-shadow:12px 0 18px -6px #000000d9}.export-format-btn{box-sizing:border-box;letter-spacing:.03em;border-radius:999px;justify-content:center;align-items:center;width:52px;min-width:52px;height:52px;min-height:52px;padding:0;font-size:.62rem;font-weight:800;line-height:1;display:inline-flex}.export-format-row>.export-format-btn:first-of-type{box-shadow:0 0 0 1px #ffffff14,inset 0 0 0 1px #ffffff0a}.export-format-row>.export-format-btn:last-of-type{box-shadow:0 0 0 1px #ffffff14}.preset-manager-backdrop{z-index:12;padding:max(16px, env(safe-area-inset-top)) 16px max(18px, calc(env(safe-area-inset-bottom) + 18px));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000009e;place-items:end center;display:grid;position:fixed;inset:0}.preset-manager{box-sizing:border-box;width:min(560px,100%);max-height:min(76dvh,680px);color:var(--text);background:linear-gradient(#18181ffa,#08080cfc);border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 22px 80px #00000094}.preset-manager-header,.preset-manager-toolbar,.preset-save-row,.preset-rename-row,.preset-list-item,.preset-list-actions{align-items:center;display:flex}.preset-manager-header{justify-content:space-between;gap:12px}.preset-manager-header h2{margin:0;font-size:1rem;line-height:1.1}.preset-manager-close,.preset-small-button,.preset-primary-button,.preset-text-button{min-height:36px;color:var(--text-h);cursor:pointer;background:#ffffff14;border:0;border-radius:999px}.preset-manager-close{width:36px;min-width:36px;padding:0;font-size:1rem}.preset-save-row,.preset-rename-row{gap:8px}.preset-input{box-sizing:border-box;min-width:0;height:40px;color:var(--text-h);background:#0000003d;border:1px solid #ffffff1f;border-radius:999px;outline:none;flex:1;padding:0 14px}.preset-input:focus{border-color:color-mix(in srgb, var(--accent) 62%, white)}.preset-primary-button,.preset-small-button,.preset-text-button{padding:0 14px;font-size:.78rem;font-weight:800}.preset-primary-button{background:linear-gradient(135deg,#b8189e,#176a8a)}.preset-text-button{min-height:30px;color:var(--muted);background:0 0;padding-inline:10px}.preset-manager-error{color:#ffc4e9;margin:0;font-size:.78rem;line-height:1.35}.preset-manager-toolbar{color:var(--muted);justify-content:space-between;font-size:.76rem}.preset-list{flex-direction:column;gap:8px;min-height:96px;padding-right:2px;display:flex;overflow:auto}.preset-empty{color:var(--muted);margin:auto;font-size:.82rem}.preset-list-item{background:#ffffff0e;border-radius:8px;justify-content:space-between;gap:12px;padding:10px}.preset-list-main{flex-direction:column;gap:4px;min-width:0;display:flex}.preset-list-main strong{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.preset-list-main span{color:var(--muted);font-size:.72rem}.preset-list-actions{flex:none;gap:6px}.preset-danger-button{color:#ffd7d7}.preset-manager button:disabled,.preset-input:disabled{cursor:default;opacity:.45}.export-format-sep{display:none}.filter-grid{flex:auto;gap:6px;min-width:0}.filter-carousel{--filter-carousel-x:0px;--filter-carousel-z:0px;--filter-carousel-angle:0deg;--filter-carousel-scale:1;--filter-carousel-opacity:1;--filter-carousel-origin:50%;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;perspective:360px;perspective-origin:50%;width:min(680px,100vw - 72px);max-width:min(680px,100vw - 72px);height:58px;transform-style:preserve-3d;padding:2px 0;display:block;position:relative;overflow:auto visible}.filter-carousel-spacer{pointer-events:none;height:1px;min-height:1px;display:block}.filter-card{width:52px;min-width:52px;min-height:52px;color:var(--text);cursor:pointer;scroll-snap-align:start;touch-action:manipulation;-webkit-user-select:none;user-select:none;transform-style:preserve-3d;transition:transform var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out);background:0 0;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0}.filter-carousel .filter-card{top:3px;left:var(--filter-carousel-origin);opacity:var(--filter-carousel-opacity);transform:translate3d(calc(-50% + var(--filter-carousel-x)), 0, var(--filter-carousel-z)) rotateY(var(--filter-carousel-angle)) scale(var(--filter-carousel-scale));transform-origin:50%;touch-action:pan-x;will-change:transform, opacity;transition:box-shadow var(--motion-fast) var(--ease-out);position:absolute}.filter-card.selected{color:var(--text-h);background:0 0;box-shadow:0 0 0 1px #ffffff94}.filter-swatch{background:linear-gradient(135deg,#ff2bd6,#00f5ff) 50%/cover;border-radius:999px;flex:none;width:42px;height:42px;box-shadow:inset 8px 9px 16px #ffffff38,inset -12px -14px 18px #00000052,0 8px 22px #0000006b}.filter-swatch.has-static-thumb{position:relative;overflow:hidden;transform:translateY(-2px)}.filter-swatch-photo{border-radius:inherit;object-fit:cover;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.filter-swatch-photo--placeholder{background:linear-gradient(145deg,#ffffff1f,#0003)}.filter-swatch.has-static-thumb:after{border-radius:inherit;content:"";pointer-events:none;background:radial-gradient(circle at 32% 24%,#ffffff9e,#0000 18%),radial-gradient(circle at 70% 76%,#00000057,#0000 38%);position:absolute;inset:0}.filter-swatch.chromatic-warp{background:linear-gradient(90deg,#ff003c,#00ffb7,#2358ff)}.filter-swatch.glitch-blocks{background:linear-gradient(0deg,#0000 0 34%,#00f5ff 34% 48%,#0000 48%),linear-gradient(90deg,#12051f,#ff2bd6 42%,#f8ff4a 43% 55%,#080a14 56%)}.filter-swatch.camera-shake{background:linear-gradient(100deg,#0000 0 28%,#ffffff52 28% 35%,#0000 35% 100%),linear-gradient(84deg,#0b0d18 0 22%,#ff2bd6 22% 36%,#00f5ff 36% 54%,#f8ff4a 54% 66%,#10121d 66%)}.camera-swatch{color:#ffffffeb;background:radial-gradient(circle at 34% 24%,#fff3,#0000 26%),linear-gradient(145deg,#10121d,#2c2038 48%,#07151e);justify-content:center;align-items:center;display:inline-flex}.camera-swatch-icon{z-index:1;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;filter:drop-shadow(0 1px 4px #000000b3);width:25px;height:25px;position:relative}.filter-swatch.camera-zoom-in,.filter-swatch.camera-zoom-out,.filter-swatch.camera-dolly{background:radial-gradient(circle,#ffffff38,#0000 34%),linear-gradient(135deg,#080b16,#244dff 52%,#00f5ff)}.filter-swatch.camera-spin,.filter-swatch.camera-spin-counter-clockwise,.filter-swatch.camera-roll,.filter-swatch.camera-orbit{background:conic-gradient(#ff2bd6,#7c3cff,#00f5ff,#f8ff4a,#ff2bd6)}.filter-swatch.camera-flip-x,.filter-swatch.camera-flip-y,.filter-swatch.camera-rotate-90-cw,.filter-swatch.camera-rotate-180,.filter-swatch.camera-rotate-90-ccw{background:linear-gradient(90deg,#0000 0 46%,#ffffff57 46% 54%,#0000 54%),linear-gradient(135deg,#090a14,#4422a8 52%,#ff2bd6)}.filter-swatch.camera-pan-sweep,.filter-swatch.camera-drift,.filter-swatch.camera-handheld{background:repeating-linear-gradient(100deg,#0000 0 9px,#ffffff26 9px 11px),linear-gradient(135deg,#08121d,#00f5ff 46%,#ff2bd6)}.filter-swatch.kaleidoscope{background:conic-gradient(#ff2bd6,#00f5ff,#f8ff4a,#7c3cff,#ff2bd6)}.filter-swatch.liquid-displace{background:radial-gradient(circle at 25% 30%,#00f5ff,#0000 34%),radial-gradient(circle at 72% 66%,#ff2bd6,#0000 34%),#13051f}.filter-swatch.halftone-cmyk{background:radial-gradient(circle,#00f5ff 0 24%,#0000 25%) 0 0/14px 14px,radial-gradient(circle,#ff2bd6 0 20%,#0000 21%) 7px 6px/14px 14px,#f8ff4a}.filter-swatch.poster-dither{background:repeating-linear-gradient(45deg,#fff3 0 2px,#0000 2px 4px),linear-gradient(135deg,#4413ff,#ff8a00)}.filter-swatch.neon-edges{background:linear-gradient(135deg,#060916,#061120 45%,#ff2bd6 46%,#00f5ff)}.filter-swatch.psychedelic-aura{background:radial-gradient(circle,#fff 0 8%,#f8ff4a 9% 24%,#ff2bd6 25% 42%,#00f5ff 43% 60%,#160617 61%)}.filter-swatch.vortex-tunnel{background:repeating-conic-gradient(from 30deg, #ff2bd6 0 8%, #00f5ff 8% 16%, #f8ff4a 16% 24%, #12051f 24% 32%)}.filter-swatch.acid-melt{background:linear-gradient(#0000 0 18%,#08060eb8 18% 22%,#0000 22%),linear-gradient(90deg,#c6ff00,#00ff85,#ff2bd6,#7c3cff)}.filter-swatch.acid-slice{background:repeating-linear-gradient(90deg,#08060ec7 0 3px,#0000 3px 9px),linear-gradient(90deg,#c6ff00,#00ff85,#ff2bd6,#7c3cff)}.filter-swatch.prism-shatter{background:conic-gradient(from 45deg at 35% 35%,#fff,#00f5ff,#ff2bd6,#f8ff4a,#fff),#090614}.filter-swatch.thermal-vision{background:linear-gradient(135deg,#16001f,#004cff 26%,#ff00b8 52%,#ffdf00 76%,#fff)}.filter-swatch.cyber-grid{background:linear-gradient(90deg,#00f5ffd9 1px,#0000 1px) 0 0/12px 12px,linear-gradient(0deg,#ff2bd6d9 1px,#0000 1px) 0 0/12px 12px,#090614}.filter-swatch.spiral-bloom{filter:saturate(1.5);background:conic-gradient(from 180deg,#ff2bd6,#f8ff4a,#00f5ff,#7c3cff,#ff2bd6)}.filter-swatch.solar-flare{background:radial-gradient(circle at 28% 72%,#fff 0 8%,#ffb000 9% 28%,#ff2b00 29% 48%,#2b0620 49%)}.filter-swatch.infrared-dream{background:linear-gradient(135deg,#17051f,#8c4aff 32%,#ff79c8 64%,#fff0f8)}.filter-swatch.digital-eden{background:linear-gradient(135deg,#1a3150,#c9ff1a 34%,#ff5f70 68%,#f8f4e8)}.filter-swatch.cosmic-mirage{background:linear-gradient(135deg,#050507,#00d2c8 34%,#9e0d5c 66%,pink)}.filter-swatch.neon-abyss{background:linear-gradient(135deg,#020412,#ff00bf 38%,#a8ff14 68%,#a6a8a4)}.filter-swatch.prism-pulse{background:linear-gradient(135deg,#4b5260,#35107a 32%,#ff7aa5 62%,#ff941f)}.filter-swatch.lunar-bloom{background:linear-gradient(135deg,#0f1730,#626b9d 48%,#e9c8ff)}.filter-swatch.velvet-chrome{background:linear-gradient(135deg,#0c0c10,#6b0d2e 54%,#d4d7d4)}.filter-swatch.solar-static{background:linear-gradient(135deg,#003340,#eb6112 48%,#ffc747)}.filter-swatch.aurora-ash{background:linear-gradient(135deg,#1a1c21,#5ce684 46%,#8047db)}.filter-swatch.berry-nocturne{background:linear-gradient(135deg,#06020e,#940d5c 42%,#613de0 72%,#ff7aad)}.filter-swatch.cyanotype-pop{background:linear-gradient(135deg,#052e6b,#00ade6 52%,#fff0d2 76%,#ff6152)}.filter-swatch.molten-pastel{background:linear-gradient(135deg,#6b52ad,#94f2c2 42%,#ffa87a 72%,#ffe5bd)}.filter-swatch.vapor-noir{background:linear-gradient(135deg,#020407,#0b2a57 42%,#eb0f9e 76%,#b3b3db)}.filter-swatch.ghost-orchid{background:linear-gradient(135deg,#293b33,#8f6b9e 42%,#f0c2f5 72%,#f7faeb)}.filter-swatch.amber-eclipse{background:linear-gradient(135deg,#1f0b05,#942e0e 44%,#ff9414 72%,#ffdb5c)}.filter-swatch.radioactive-rose{background:linear-gradient(135deg,#1f0524,#f02e8a 48%,#a8ff14 76%,#9ea39a)}.filter-swatch.pixel-sort{background:linear-gradient(90deg,#0000 0 24%,#00f5ff 24% 38%,#0000 38%),repeating-linear-gradient(0deg,#ff2bd6 0 5px,#090614 5px 9px)}.filter-swatch.pixel-drip{background:repeating-linear-gradient(90deg,#00f5ffd1 0 3px,#0000 3px 8px),linear-gradient(#f8ff4a 0 18%,#ff2bd6 58%,#080614)}.filter-swatch.wax-drip{background:radial-gradient(circle at 32% 62%,#fff 0 7%,#0000 8%),linear-gradient(#0000 0 24%,#ff2bd6e6 24% 72%,#0000 72%),linear-gradient(90deg,#00f5ff,#7c3cff,#ff2bd6)}.filter-swatch.gravity-bleed{background:repeating-linear-gradient(90deg,#070512d6 0 4px,#0000 4px 11px),linear-gradient(#f8ff4a 0 20%,#00f5ff 44%,#12051f 100%)}.filter-swatch.sludge-falls{background:repeating-linear-gradient(#080614db 0 6px,#0000 6px 16px),repeating-linear-gradient(90deg,#c6ff00 0 8px,#00ff85 8px 15px,#ff2bd6 15px 24px)}.filter-swatch.fractal-mirror{background:conic-gradient(from 90deg,#00f5ff,#12051f,#ff2bd6,#f8ff4a,#00f5ff)}.filter-swatch.magnetic-flux{background:conic-gradient(from 45deg,#02030a,#00f5ff,#7c3cff,#ff2bd6,#02030a)}.filter-swatch.bismuth-stairs{background:linear-gradient(135deg,#0000 0 34%,#ffffff47 34% 42%,#0000 42%),repeating-linear-gradient(45deg,#ff2bd6 0 5px,#00f5ff 5px 10px,#f8ff4a 10px 15px,#7c3cff 15px 20px)}.filter-swatch.holographic-foil{background:radial-gradient(circle at 32% 24%,#fff,#0000 18%),conic-gradient(#00f5ff,#ff2bd6,#f8ff4a,#7c3cff,#00f5ff)}.filter-swatch.data-mosh-trails{background:linear-gradient(90deg,#0000 0 18%,#00f5ff 18% 58%,#0000 58%),repeating-linear-gradient(0deg,#090614 0 4px,#ff2bd6 4px 8px,#f8ff4a 8px 11px)}.filter-swatch.chroma-breathing{background:radial-gradient(circle,#fff 0 12%,#f8ff4a 13% 28%,#00f5ff 29% 48%,#ff2bd6 49% 66%,#160617 67%)}.filter-swatch.amoeba-division{background:radial-gradient(circle at 28% 32%,#00ff85 0 18%,#0000 19%),radial-gradient(circle at 66% 58%,#ff2bd6 0 24%,#0000 25%),radial-gradient(circle at 50% 78%,#f8ff4a 0 16%,#0000 17%),#12051f}.filter-swatch.neon-topography{background:repeating-radial-gradient(130% 100% at 40% 45%,#0000 0 9px,#00e6ff8c 9px 10px,#0000 10px 22px),repeating-radial-gradient(115% 125% at 58% 52%,#0000 0 11px,#ff37c861 11px 12px,#0000 12px 28px),linear-gradient(165deg,#0a2038 0%,#166f82 35%,#4a2870 70%,#0f0618 100%)}.filter-swatch.oil-slick{background:radial-gradient(circle at 30% 70%,#ffffffb3,#0000 14%),linear-gradient(135deg,#1b1138,#00f5ff,#ff2bd6,#f8ff4a,#0a0d12)}.filter-swatch.hyper-chromatic-separation{background:radial-gradient(circle at 36% 48%,#ff003c,#0000 28%),radial-gradient(circle at 58% 42%,#00ff85,#0000 28%),radial-gradient(circle at 48% 62%,#2358ff,#0000 32%),#090614}.filter-swatch.metaball-lava{background:radial-gradient(circle at 26% 38%,#ff7a00 0 20%,#0000 21%),radial-gradient(circle at 70% 62%,#ff2bd6 0 28%,#0000 29%),radial-gradient(circle at 52% 52%,#f8ff4a 0 18%,#0000 19%),#24020c}.filter-swatch.phosphor-decay{background:linear-gradient(0deg,#0000 0 48%,#ffffff47 48% 52%,#0000 52%),linear-gradient(135deg,#001b0a,#32ff65,#eaffd8)}.filter-swatch.dmt-hexagons{background:linear-gradient(30deg,#0000 36%,#ffffff59 37% 42%,#0000 43%),linear-gradient(150deg,#0000 36%,#00f5ffb3 37% 42%,#0000 43%),conic-gradient(#ff2bd6,#f8ff4a,#00f5ff,#7c3cff,#ff2bd6)}.filter-swatch.synesthesia-ripples{background:repeating-radial-gradient(circle,#ff2bd6 0 5px,#00f5ff 5px 9px,#f8ff4a 9px 13px,#090614 13px 17px)}.filter-swatch.quantum-smear{background:linear-gradient(90deg,#ff2bd6 0 28%,#00f5ff 28% 66%,#f8ff4a 66%),repeating-linear-gradient(0deg,#0000 0 3px,#000000b3 3px 6px)}.filter-swatch.jellyfish-bloom{background:radial-gradient(circle,#0000 0 24%,#00f5ff 25% 33%,#0000 34% 46%,#ff2bd6 47% 56%,#0000 57%),#08061a}.filter-swatch.tesseract-fold{background:conic-gradient(from 45deg,#f8ff4a,#090614,#00f5ff,#090614,#ff2bd6,#090614,#f8ff4a)}.filter-swatch.warped-vinyl{background:repeating-radial-gradient(circle,#090614 0 3px,#171321 3px 5px,#00f5ff 5px 6px),#090614}.filter-swatch.echolocation{background:radial-gradient(circle,#0000 0 34%,#00f5ff 35% 40%,#0000 41%),radial-gradient(circle,#0000 0 56%,#ff2bd6 57% 62%,#0000 63%),#030716}.filter-swatch.plasma-tendrils{background:linear-gradient(135deg,#0000 0 42%,#fff 42% 47%,#00f5ff 47% 54%,#0000 54%),linear-gradient(45deg,#12051f,#ff2bd6,#7c3cff)}.filter-swatch.neural-static{background:radial-gradient(circle at 52% 50%, #090614 0 12%, #f8ff4a 13% 20%, #ff2bd6 21% 32%, transparent 33%), repeating-conic-gradient(#00f5ff 0 4%, #090614 4% 8%)}.filter-swatch.mandelbrot-tear{background:radial-gradient(circle at 30% 48%,#090614 0 16%,#00f5ff 17% 24%,#0000 25%),conic-gradient(#ff2bd6,#7c3cff,#090614,#f8ff4a,#ff2bd6)}.filter-swatch.chromatic-sorting{background:linear-gradient(90deg,#ff003c 0 34%,#0000 34% 42%,#00ff85 42% 58%,#0000 58% 66%,#2358ff 66%),repeating-linear-gradient(0deg,#090614 0 4px,#0000 4px 8px)}.filter-swatch.velvet-noise{background:radial-gradient(circle at 24% 24%,#fff 0 3px,#0000 4px),radial-gradient(circle at 68% 52%,#f8ff4a 0 2px,#0000 3px),radial-gradient(circle at 46% 76%,#00f5ff 0 2px,#0000 3px),linear-gradient(135deg,#08061a,#3b1254)}.filter-swatch.slit-scan-delay{background:repeating-linear-gradient(0deg,#ff2bd6 0 4px,#00f5ff 4px 7px,#090614 7px 11px),linear-gradient(90deg,#0000 0 40%,#ffffff61 40% 48%,#0000 48%)}.filter-swatch.vhs-hi8{background:linear-gradient(90deg,#ff0a0a 0 18%,#3d3a2a 18% 100%),repeating-linear-gradient(0deg,#1a1a1a 0 1px,#2a2a2a 1px 3px,#0d0d0d 3px 4px),#0b0b12}.filter-swatch.tape-mangle{background:linear-gradient(95deg,#0000 0 38%,#2a1a0a 38% 100%),repeating-linear-gradient(0deg,#000 0 2px,#1a1a1a 2px 3px,#333 3px 5px),#0a0a0a}.filter-swatch.night-ops{background:radial-gradient(80% 100%,#0a220a,#000802),linear-gradient(90deg,#0d3d0d,#0a120a,#0d0d0d 70%,#1a0a0a)}.filter-swatch.comic-ink{filter:contrast(1.15);background:radial-gradient(circle,#111 0 3px,#0000 4px) 0 0/8px 8px,radial-gradient(circle,#222 0 2px,#0000 3px) 4px 4px/8px 8px,#f0ede5}.filter-swatch.lcd-mosaic{background:linear-gradient(90deg,#ff0a0a 0 33.3%,#0aff0a 33.3% 66.6%,#0a0aff 66.6% 100%),repeating-linear-gradient(0deg,#111 0 1px,#0000 1px 4px) 0 0/3px 4px,#0a0a0a}.filter-swatch.chaos-grid{background:conic-gradient(from 22deg at 20% 30%,#7c3cff,#0000 20%),conic-gradient(from 200deg at 80% 60%,#00f5ff,#0000 15%),linear-gradient(135deg,#12051f,#ff2bd6 40%,#f8ff4a 60%,#090614)}.filter-swatch.collage{background-blend-mode:screen, normal;background:linear-gradient(145deg,#1a1528 0%,#2d1f3d 40%,#12051f 100%),repeating-linear-gradient(90deg,#ff2bd640 0 18%,#00f5ff33 18% 36%,#f8ff4a38 36% 55%,#0000 55% 100%)}.filter-swatch.step-mirror{background:conic-gradient(#00f5ff 0%,#ff2bd6 20%,#f8ff4a 40%,#7c3cff 60%,#00f5ff 80%,#ff2bd6 100%)}.filter-swatch.mirror-2{background:conic-gradient(from 180deg,#f8ff4a 0%,#7c3cff 25%,#00f5ff 50%,#ff2bd6 75%,#f8ff4a 100%)}.filter-swatch.feedback-echoes{background:repeating-radial-gradient(circle,#ff2bd6 0 4px,#7c3cff 4px 8px,#00f5ff 8px 12px,#090614 12px 18px)}.filter-swatch-adjustment{color:#ffffffeb;background:linear-gradient(90deg,#fff3 0 49%,#ffffffa6 50% 100%),linear-gradient(135deg,#111218,#30323a);justify-content:center;align-items:center;display:inline-flex}.filter-swatch.adjust-brightness{background:radial-gradient(circle at 72% 28%,#fffffff2,#0000 24%),linear-gradient(135deg,#050506,#31333b 52%,#f1efe4)}.filter-swatch.adjust-contrast{background:linear-gradient(90deg,#050506 0 50%,#f1efe4 50% 100%)}.filter-swatch.adjust-highlights{background:radial-gradient(circle at 68% 30%,#fff 0 18%,#ffffff38 19% 34%,#0000 35%),linear-gradient(135deg,#171923 0%,#6f7480 54%,#f8f6e8 100%)}.filter-swatch.adjust-shadows{background:radial-gradient(circle at 32% 68%,#050506 0 24%,#0009 25% 42%,#0000 43%),linear-gradient(135deg,#030407 0%,#1d2230 58%,#8a8e98 100%)}.filter-swatch.adjust-warmth{background:linear-gradient(135deg,#1d55ff 0%,#f0f2f4 48%,#ff8a1f 100%)}.filter-swatch.adjust-saturation{background:linear-gradient(90deg,#787878 0 34%,#0000 34%),conic-gradient(#ff2bd6,#f8ff4a,#00f5ff,#7c3cff,#ff2bd6)}.filter-swatch.adjust-sharpness{background:linear-gradient(135deg,#0000 0 43%,#fffffff2 44% 51%,#0000 52%),repeating-linear-gradient(90deg,#090a0f 0 4px,#d8dae2 4px 6px,#252734 6px 10px)}.filter-swatch.adjust-tone{background:linear-gradient(135deg,#244dff,#f4f0e2 48%,#ff7a1a)}.filter-swatch-adjustment-label{z-index:1;text-shadow:0 1px 5px #000000b8;font-size:.52rem;font-weight:900;line-height:1;position:relative}.app-shell button{font:inherit}.menu-action,.primary-action,.secondary-action{min-width:max-content;min-height:44px;color:var(--text-h);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out), opacity var(--motion-fast) var(--ease-out);background:linear-gradient(#1a1a20fa,#0a0a0efc);border:0;border-radius:999px;padding:0 14px;box-shadow:0 0 0 1px #ffffff14}.primary-action{color:#fff;background:linear-gradient(135deg,#b8189e,#5a2a9e 52%,#066882);font-weight:800;box-shadow:inset 0 1px #ffffff1f}.icon-action,.export-actions .primary-action{justify-content:center;align-items:center;width:44px;min-width:44px;padding:0;display:inline-flex}.icon-action.selected{color:var(--text-h);background:color-mix(in srgb, #120510 82%, var(--accent) 18%);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 55%, #ffffff1f)}.menu-mode-switch{flex:none;align-items:center;gap:4px;display:inline-flex}.menu-mode-button{box-sizing:border-box;width:44px;min-width:44px;min-height:44px;color:var(--text-h);letter-spacing:.02em;background:linear-gradient(#18181efa,#08080cfc);border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:clamp(.3125rem,2.4vw,.5625rem);font-weight:700;line-height:1;display:inline-flex;box-shadow:0 0 0 1px #ffffff14}.menu-mode-button.selected{color:var(--text-h);background:color-mix(in srgb, #141018 88%, var(--accent) 12%);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 48%, #ffffff1a), 0 6px 18px #00000080}.menu-mode-button:hover:not(:disabled):not(.selected){background:linear-gradient(#202028fa,#0e0e14fc)}.subject-detect-button,.face-blur-button{justify-content:center;align-items:center;display:inline-flex}.menu-mode-button .utility-detect-button-inner--loading{letter-spacing:.04em;gap:4px;font-size:clamp(.4375rem,2.1vw,.5625rem)}.menu-mode-button .utility-inline-spinner{border-width:1.5px;width:12px;height:12px}.utility-detect-button-inner{flex-direction:column;justify-content:center;align-items:center;gap:0;max-width:100%;line-height:1.05;display:inline-flex}.menu-mode-button .utility-detect-button-inner{max-width:100%;padding:0 1px;line-height:1}.utility-detect-button-inner--loading{gap:5px}.utility-detect-button-inner--icon .dock-icon{width:19px;height:19px}.utility-inline-spinner{box-sizing:border-box;border:2px solid color-mix(in srgb, currentColor 28%, transparent);border-top-color:currentColor;border-radius:50%;width:16px;height:16px}@media (prefers-reduced-motion:no-preference){.utility-inline-spinner{animation:.65s linear infinite utility-inline-spin}}@keyframes utility-inline-spin{to{transform:rotate(360deg)}}.submenu-back-button{z-index:3;letter-spacing:-.02em;background:#0b0709eb;border-radius:999px;flex:none;justify-content:center;align-items:center;width:24px;min-width:24px;height:44px;min-height:44px;padding:0;font-size:.75rem;font-weight:800;display:inline-flex;position:absolute;left:8px;box-shadow:12px 0 18px -6px #000000d9}.submenu-back-icon{display:block}.submenu-right-actions{z-index:4;align-items:center;gap:4px;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.utility-actions{flex-wrap:wrap;flex:none;align-items:center;gap:4px;margin-left:0}.utility-menu-popover{z-index:40;box-shadow:none;pointer-events:auto;background:0 0;border:none;flex-direction:column;align-items:flex-end;gap:6px;padding:0;display:flex;position:fixed}.utility-menu-button,.utility-menu-popover .export-actions .menu-action{box-sizing:border-box;justify-content:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0}.utility-menu-popover .audio-route-wrap,.utility-menu-popover .settings-menu-wrap,.utility-menu-popover .export-actions{flex:none;display:inline-flex}.utility-menu-popover .audio-route-button{gap:0;max-width:44px;padding:0}.utility-menu-popover .audio-route-label{display:none}.help-overlay{z-index:60;padding:max(18px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000ad;place-items:center;display:grid;position:fixed;inset:0}.help-dialog{width:min(92vw,520px);max-height:min(78dvh,680px);color:var(--text);background:linear-gradient(#16161cfa,#07070bfc),#08080cfa;border:1px solid #ffffff1f;border-radius:16px;overflow:hidden;box-shadow:0 28px 80px #000000a8,0 0 0 1px #ffffff0a}.help-dialog-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:16px 16px 12px;display:flex}.help-dialog-header h2{color:var(--text-h);letter-spacing:0;margin:0;font-size:1rem;font-weight:850;line-height:1.1}.help-dialog-close{width:40px;min-width:40px;height:40px;color:var(--text-h);cursor:pointer;background:linear-gradient(#1a1a20fa,#0a0a0efc);border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex;box-shadow:0 0 0 1px #ffffff14}.help-dialog-body{scrollbar-width:thin;gap:10px;max-height:calc(min(78dvh,680px) - 69px);padding:14px 16px 16px;display:grid;overflow-y:auto}.help-section{gap:3px;display:grid}.help-section h3{color:var(--text-h);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:850;line-height:1.2}.help-section p{color:#ffffffbd;margin:0;font-size:.78rem;line-height:1.38}.audio-route-wrap{flex:none;display:inline-flex;position:relative}.audio-route-button{justify-content:center;align-items:center;gap:5px;min-width:44px;max-width:96px;padding:0 9px;display:inline-flex}.audio-route-button--icon-only{gap:0;max-width:none;padding:0}.audio-route-button.selected{color:var(--text-h);background:color-mix(in srgb, #120510 82%, var(--accent) 18%);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 55%, #ffffff1f)}.audio-route-label{text-overflow:ellipsis;white-space:nowrap;font-size:.56rem;font-weight:800;line-height:1;overflow:hidden}.audio-route-menu{z-index:40;background:#09080cf1;border-radius:12px;gap:4px;min-width:132px;padding:6px;display:grid;position:fixed;box-shadow:0 18px 38px #0000009e,0 0 0 1px #ffffff1a}.audio-route-menu-item{min-height:32px;color:var(--text-h);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 10px;font-size:.7rem;font-weight:800}.audio-route-menu-item:hover:not(:disabled),.audio-route-menu-item.selected{background:color-mix(in srgb, var(--accent) 20%, #ffffff14)}.audio-upload-expand-toggle{align-items:center;gap:5px;min-height:28px;padding:0 10px;font-size:.56rem;font-weight:800;display:inline-flex}.audio-upload-panel-toolbar{flex:none;justify-content:space-between;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.audio-upload-panel-title{letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--text-h) 88%, transparent);font-size:.62rem;font-weight:800}.audio-upload-panel--floating .audio-upload-panel-title{letter-spacing:.1em;font-size:.68rem}.audio-upload-panel--floating .audio-upload-minimize-toggle{border-radius:10px;min-width:36px;min-height:34px;padding:0 8px}.audio-upload-minimize-toggle{border-radius:8px;flex:none;min-width:30px;min-height:28px;margin-left:auto;padding:0 6px}.audio-upload-panel-icon{flex-shrink:0;display:block}.audio-upload-panel{background:#0b0709e2;border-radius:10px;flex-wrap:wrap;flex:220px;align-items:center;gap:6px;min-width:0;max-width:min(100%,340px);padding:4px 8px;display:flex;box-shadow:0 0 0 1px #ffffff0f}.audio-upload-panel.audio-upload-panel--floating{z-index:100;right:max(14px, env(safe-area-inset-right));bottom:max(78px, calc(env(safe-area-inset-bottom) + 58px));box-sizing:border-box;overscroll-behavior:contain;width:min(320px,100vw - 28px);max-width:min(340px,100vw - 28px);max-height:min(480px,100dvh - 100px);color:var(--text-h);-webkit-backdrop-filter:blur(18px);background:#09080cec;border-radius:14px;flex-flow:column;flex:none;align-items:stretch;gap:12px;padding:14px 16px 16px;display:flex;position:fixed;left:auto;overflow:hidden auto;box-shadow:0 18px 38px #0000009e,0 0 0 1px #ffffff1a}.audio-upload-panel.audio-upload-panel--collapsed{z-index:auto;-webkit-backdrop-filter:none;background:#0b0709e2;flex-wrap:nowrap;flex:none;max-width:fit-content;max-height:none;padding:4px 6px;position:relative;overflow:visible;box-shadow:0 0 0 1px #ffffff0f}.audio-upload-file-row{align-items:center;gap:10px;width:100%;min-width:0;display:flex}.audio-upload-file-button{flex:none;min-height:30px;padding:0 10px;font-size:.58rem}.audio-upload-panel--floating .audio-upload-file-button{border-radius:10px;min-height:32px;font-size:.62rem}.audio-upload-filename{min-width:0;color:color-mix(in srgb, var(--text-h) 86%, transparent);text-overflow:ellipsis;white-space:nowrap;flex:40%;font-size:.58rem;font-weight:700;line-height:1.25;overflow:hidden}.audio-upload-panel--floating .audio-upload-filename{font-size:.64rem}.audio-upload-clip-controls{flex:none;gap:8px;width:100%;min-width:0;display:grid}.audio-upload-clip-hint{letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb, var(--text-h) 72%, transparent);font-size:.52rem;font-weight:800}.audio-upload-panel--floating .audio-upload-clip-hint{font-size:.56rem}.audio-upload-timeline{touch-action:none;cursor:pointer;border-radius:6px;outline:none;padding:2px 0}.audio-upload-timeline:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 55%, transparent)}.audio-upload-timeline-track{background:#1e1724d0;border-radius:6px;height:8px;position:relative;overflow:hidden}.audio-upload-window{background:color-mix(in srgb, var(--accent) 45%, #fff3);height:100%;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent);pointer-events:none;border-radius:4px;position:absolute;top:0}.audio-upload-range{cursor:pointer;width:100%;height:16px;accent-color:var(--accent);margin:0}.audio-upload-transport{flex:none;justify-content:stretch;align-items:stretch;gap:8px;width:100%;display:flex}.audio-upload-transport .menu-action{border-radius:10px;flex:auto;min-width:0;min-height:34px;padding:0 14px;font-size:.62rem;font-weight:800}.utility-divider{background:linear-gradient(#0000,#ffffff6b,#0000);width:1px;height:30px;margin:0 2px 0 6px}.export-actions{flex:none;gap:4px}.download-icon,.utility-icon{display:block}.dock-intensity{grid-template-columns:44px minmax(0,1fr) 44px 44px;align-items:center;gap:4px;width:100%;display:grid}.dock-intensity.with-audio-band,.dock-intensity.with-beat{grid-template-columns:44px minmax(0,1fr) 44px 44px 44px}.dock-intensity.with-beat.with-audio-band{grid-template-columns:44px minmax(0,1fr) 44px 44px 44px 44px}.dock-slider-stack{flex-direction:column;justify-content:center;gap:2px;min-width:0;display:flex}.dock-effect-timeline{background:color-mix(in srgb, var(--app-surface-elevated,#1a1a22) 88%, transparent);border-radius:8px;flex-direction:column;gap:6px;margin-top:4px;padding:6px 4px 2px;font-size:11px;display:flex}.dock-time-scope-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.dock-effect-timeline-hint{opacity:.75;white-space:nowrap}.dock-time-scope-toggle{gap:2px;display:inline-flex}.dock-time-scope-button{border:1px solid color-mix(in srgb, currentColor 22%, transparent);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:3px 8px;font-size:11px}.dock-time-scope-button.selected{border-color:color-mix(in srgb, currentColor 45%, transparent);background:color-mix(in srgb, currentColor 12%, transparent)}.dock-segment-inputs{align-items:flex-end;gap:10px;display:flex}.dock-segment-field{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dock-segment-field input{width:100%;min-width:0;font:inherit;border:1px solid color-mix(in srgb, currentColor 25%, transparent);background:var(--app-bg,#0f0f14);color:inherit;border-radius:6px;padding:4px 6px;font-size:12px}.dock-apply-wrap{justify-content:center;width:44px;min-width:44px;display:flex;position:relative}.dock-apply-scope-popover{pointer-events:auto;flex-direction:column;align-items:center;gap:8px;display:flex}.dock-scope-button{box-sizing:border-box;color:#ffffffd6;letter-spacing:.03em;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:44px;min-width:44px;height:44px;min-height:44px;transition:transform var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out);background:linear-gradient(#16161cfa,#08080cfc);border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:clamp(.4375rem,2.2vw,.5625rem);font-weight:800;line-height:1;display:inline-flex}.dock-scope-button--selected{color:var(--text-h);background:color-mix(in srgb, #141018 88%, var(--accent) 12%);border-color:#ffffff38;box-shadow:0 0 0 1px #ffffff14,0 8px 18px #00000073}.dock-scope-button:hover:not(:disabled){background:linear-gradient(#202028fa,#0e0e14fc);border-color:#ffffff29;transform:translateY(-1px)}.dock-scope-button:active:not(:disabled){transform:scale(.98)}.subject-selection-dock{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:8px;width:100%;display:grid}.subject-selection-actions{background:linear-gradient(#14141afa,#08080cfc),#06060af5;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:4px;display:flex}.subject-selection-action{flex:1 1 0;justify-content:center;font-size:.68rem;font-weight:800}.dock-icon-button{color:#ffffffd6;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:44px;min-width:44px;height:44px;min-height:44px;transition:transform var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out);background:linear-gradient(#16161cfa,#08080cfc);border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.dock-icon-button:hover:not(:disabled){background:linear-gradient(#202028fa,#0e0e14fc);border-color:#ffffff29}.dock-icon-button.selected,.dock-apply-scope-item.selected{color:var(--text-h);background:color-mix(in srgb, #141018 88%, var(--accent) 12%);border-color:#ffffff38;box-shadow:0 0 0 1px #ffffff14,0 8px 18px #00000073}.dock-apply-scope-menu{z-index:30;box-shadow:none;pointer-events:auto;background:0 0;border:none;flex-direction:column;align-items:flex-end;gap:6px;padding:0;display:flex;position:absolute;bottom:calc(100% + 8px);right:0}.dock-apply-scope-item{box-sizing:border-box;letter-spacing:.02em;color:#ffffffd6;cursor:pointer;text-align:center;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:44px;min-width:44px;height:44px;min-height:44px;transition:transform var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out);background:linear-gradient(#16161cfa,#08080cfc);border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;padding:2px 4px;font-family:inherit;font-size:clamp(.4375rem,2vw,.5625rem);font-weight:800;line-height:1.12;display:inline-flex}.dock-apply-scope-item:hover:not(:disabled){background:linear-gradient(#22222afa,#101016fc);border-color:#ffffff2e}.dock-beat-menu{-webkit-backdrop-filter:blur(18px);background:#09080cec;border-radius:14px;align-items:stretch;width:110px;padding:8px;box-shadow:0 18px 38px #0000009e,0 0 0 1px #ffffff1a}.dock-beat-bpm-field{color:#ffffffc7;letter-spacing:.04em;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:6px;min-width:0;font-size:.56rem;font-weight:900;display:grid}.dock-beat-bpm-field input{box-sizing:border-box;width:100%;min-width:0;height:30px;color:var(--text-h);font:inherit;font-variant-numeric:tabular-nums;background:#00000057;border:1px solid #ffffff1f;border-radius:9px;padding:0 5px;font-size:.68rem}.dock-beat-grid{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.dock-beat-grid .dock-apply-scope-item{border-radius:10px;width:100%;min-width:0;height:34px;min-height:34px;font-size:.72rem}.dock-icon-button.beat-sync{letter-spacing:.02em;font-size:.5rem;font-weight:900}.dock-scrub-zone{color:#ffffffe0;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:999px;flex-direction:column;justify-content:center;gap:1px;min-height:24px;padding:5px 10px 4px;display:flex}.dock-intensity.with-min-reactivity .dock-scrub-zone{min-height:34px;padding-block:2px}.dock-scrub-zone.min-reactivity .dock-slider-fill{background:linear-gradient(90deg,#8cbeff80,#d2e6fff2)}.dock-scrub-zone.min-reactivity .dock-slider-thumb{border-color:#d2e6ffb8}.dock-slider-label{letter-spacing:.01em;color:#ffffff9e;text-align:center;text-overflow:ellipsis;white-space:nowrap;align-self:stretch;margin:0;padding:0;font-size:clamp(.6rem,2.5vw,.72rem);font-weight:700;line-height:1.2;overflow:hidden}.dock-slider-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0;display:grid}.dock-slider-track{background:#ffffff21;border-radius:999px;height:6px;position:relative;overflow:visible;box-shadow:inset 0 1px 2px #00000057}.dock-slider-fill{border-radius:inherit;background:linear-gradient(90deg,#ffffff8f,#fffffff2);position:absolute;inset:0 auto 0 0}.dock-slider-fill.signed{background:linear-gradient(90deg,#ffffff6b,#ffffffeb)}.dock-slider-zero{background:#ffffff75;width:1px;position:absolute;top:-3px;bottom:-3px;left:50%;transform:translate(-50%)}.dock-slider-thumb{background:radial-gradient(circle at 34% 28%,#fff,#ffffff7a 32%,#141414e6);border:1px solid #ffffffad;border-radius:999px;width:4px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #ffffff0f,0 4px 10px #00000061}.dock-slider-value{font-variant-numeric:tabular-nums;margin:0;padding:0;font-size:.65rem;font-weight:700}.menu-toggle{border:1px solid var(--panel-border);min-width:max-content;min-height:44px;color:var(--text-h);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:linear-gradient(#16161cf5,#0a0a0efa);border-radius:999px;flex:none;align-items:center;gap:4px;padding:0 2px}.menu-toggle:hover:not(:disabled){background:linear-gradient(#1e1e26fa,#0e0e14fc)}.menu-toggle input{accent-color:var(--accent)}.menu-action:hover:not(:disabled),.primary-action:hover:not(:disabled),.secondary-action:hover:not(:disabled),.menu-toggle:hover:not(:disabled),.filter-card:hover,.dock-icon-button:hover:not(:disabled),.dock-apply-scope-item:hover:not(:disabled),.export-format-back-button:hover:not(:disabled),.export-format-btn:hover:not(:disabled),.preview-upload-ring:hover:not(:disabled){transform:translateY(-1px)}.filter-card:active:not(:disabled),.menu-action:active:not(:disabled),.primary-action:active:not(:disabled),.secondary-action:active:not(:disabled),.menu-toggle:active:not(:disabled),.dock-icon-button:active:not(:disabled),.dock-apply-scope-item:active:not(:disabled),.export-format-back-button:active:not(:disabled),.export-format-btn:active:not(:disabled),.preview-upload-ring:active:not(:disabled){transform:scale(.98)}.filter-carousel .filter-card:hover{transform:translate3d(calc(-50% + var(--filter-carousel-x)), -1px, var(--filter-carousel-z)) rotateY(var(--filter-carousel-angle)) scale(var(--filter-carousel-scale))}.filter-carousel .filter-card:active:not(:disabled){transform:translate3d(calc(-50% + var(--filter-carousel-x)), 0, var(--filter-carousel-z)) rotateY(var(--filter-carousel-angle)) scale(calc(var(--filter-carousel-scale) * .98))}.app-shell button:disabled{cursor:not-allowed;opacity:.52}.app-shell button::-moz-focus-inner{border:0}.app-shell button:focus-visible,.app-shell input:focus-visible,.dock-scrub-zone:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 72%, white);outline-offset:2px}.app-shell button:focus:not(:focus-visible){outline:none}input.file-input:focus,input.file-input:focus-visible{box-shadow:none;outline:none}@keyframes prism-pulse{0%,to{opacity:.16;transform:scale(.98)}50%{opacity:.42;transform:scale(1.025)}}@keyframes prism-upload-breathe{0%,to{border-color:#ffffff1f;box-shadow:inset 0 0 24px #ffffff0d,0 24px 72px #00000094,0 0 #fff0}50%{border-color:#ffffff2e;box-shadow:inset 0 0 28px #ffffff13,0 24px 72px #00000094,0 0 26px #ffffff13}}@keyframes intro-overlay-exit{0%,93%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.editor-error-banner{animation:none}.export-download-float{transition-duration:.01ms!important}.menu-action:hover:not(:disabled),.primary-action:hover:not(:disabled),.secondary-action:hover:not(:disabled),.menu-toggle:hover:not(:disabled),.filter-card:hover,.dock-icon-button:hover:not(:disabled),.dock-apply-scope-item:hover:not(:disabled),.export-format-back-button:hover:not(:disabled),.export-format-btn:hover:not(:disabled),.preview-upload-ring:hover:not(:disabled),.dock-scope-button:hover:not(:disabled),.editor-error-dismiss:hover,.filter-card:active:not(:disabled),.menu-action:active:not(:disabled),.primary-action:active:not(:disabled),.secondary-action:active:not(:disabled),.menu-toggle:active:not(:disabled),.dock-icon-button:active:not(:disabled),.dock-apply-scope-item:active:not(:disabled),.export-format-back-button:active:not(:disabled),.export-format-btn:active:not(:disabled),.preview-upload-ring:active:not(:disabled),.dock-scope-button:active:not(:disabled),.editor-error-dismiss:active{transform:none}}@media (width<=980px){.preview-shell{min-height:100dvh}}@media (width<=640px){.preview-shell{border-radius:0;min-height:100dvh}.audio-upload-panel.audio-upload-panel--floating{right:max(8px, env(safe-area-inset-right));bottom:max(72px, calc(env(safe-area-inset-bottom) + 52px));width:min(320px,100vw - 16px);max-width:min(340px,100vw - 16px)}.editor-dock{left:0;right:0;bottom:env(safe-area-inset-bottom);width:min(820px,100vw - 16px);margin-inline:auto;padding:6px}.filter-card{width:50px;min-width:50px;min-height:50px}.dock-scrub-zone{padding:4px 8px 3px}.dock-slider-row{gap:6px}.intro-center{width:min(84vw,480px)}}.site-shell{isolation:isolate;scroll-behavior:smooth;min-height:100dvh;max-height:100dvh;color:var(--text);background:linear-gradient(112deg,#00f5ff1f 0 12%,#0000 28%),conic-gradient(from 148deg at 74% 18%,#ff2bd647,#0000 24%,#00f5ff29,#0000 58%),linear-gradient(135deg,#000 0%,#050509 45%,#100611 100%);position:relative;overflow:hidden auto}.landing-shell:before,.landing-shell:after{z-index:-1;content:"";pointer-events:none;position:fixed;inset:0}.landing-shell:before{opacity:.34;background:repeating-linear-gradient(90deg,#ffffff0e 0 1px,#0000 1px 84px),repeating-linear-gradient(0deg,#ffffff09 0 1px,#0000 1px 72px);-webkit-mask-image:linear-gradient(#000000e6,#0000 78%);mask-image:linear-gradient(#000000e6,#0000 78%)}.landing-shell:after{opacity:.22;mix-blend-mode:screen;animation:landing-beam-drift 9s var(--ease-in-out) infinite alternate;background:linear-gradient(116deg,#0000 0 28%,#ff2bd64d 29%,#0000 30% 100%),linear-gradient(64deg,#0000 0 66%,#00f5ff3d 67%,#0000 68% 100%)}.site-shell--centered,.auth-shell{place-items:center;padding:24px;display:grid}.site-nav{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000000b8;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:18px;padding:18px clamp(16px,4vw,48px);display:flex;position:sticky;top:0}.site-wordmark{color:var(--text-h);letter-spacing:.24em;text-shadow:-2px 0 #00f5ff47,2px 0 #ff2bd647;font-size:.82rem;font-weight:900;line-height:1;text-decoration:none;display:inline-block;position:relative}.site-wordmark:after{opacity:0;content:"";transition:opacity var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out);border:1px solid #ffffff14;border-radius:8px;position:absolute;inset:-8px -10px;transform:scaleX(.84)}.site-wordmark:hover:after{opacity:1;transform:scaleX(1)}.site-nav-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;display:flex}.site-nav-links a,.auth-mode-button{color:#ffffffc7;font:inherit;cursor:pointer;background:0 0;border:0;font-weight:800;text-decoration:none}.site-nav-links a:hover,.auth-mode-button:hover{color:var(--text-h)}.site-nav-links a:focus-visible,.site-wordmark:focus-visible,.auth-mode-button:focus-visible,.site-button:focus-visible,.pricing-toggle button:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 72%, white);outline-offset:3px}.landing-hero{grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);align-items:center;gap:clamp(28px,5vw,72px);min-height:calc(100dvh - 72px);padding:clamp(36px,7vw,84px) clamp(16px,5vw,72px);display:grid}.landing-hero-copy{max-width:620px}.landing-hero-copy>*{animation:landing-rise-in .62s var(--ease-out) both}.landing-hero-copy>:nth-child(2){animation-delay:80ms}.landing-hero-copy>:nth-child(3){animation-delay:.15s}.landing-hero-copy>:nth-child(4){animation-delay:.22s}.site-kicker{color:color-mix(in srgb, var(--accent) 74%, white);letter-spacing:.16em;text-transform:uppercase;margin:0 0 14px;font-size:.72rem;font-weight:900}.landing-hero h1,.auth-panel h1,.account-layout h1{color:var(--text-h);letter-spacing:0;margin:0;font-size:clamp(3.6rem,14vw,10rem);line-height:.78}.landing-hero h1{text-shadow:-.035em 0 #00f5ff6b,.035em 0 #ff2bd661,0 0 48px #ff2bd652;width:fit-content;position:relative}.landing-hero h1:after{z-index:-1;filter:blur(30px);opacity:.5;content:"";background:linear-gradient(90deg,#00f5ff57,#ff2bd661,#ffffff1f);position:absolute;inset:8% -2% 0;transform:skew(-12deg)}.auth-panel h1,.account-layout h1{font-size:clamp(2.35rem,7vw,5rem);line-height:.9}.landing-lede,.account-copy{max-width:540px;color:color-mix(in srgb, var(--muted) 88%, white);margin:24px 0 0;font-size:clamp(1rem,2vw,1.25rem)}.landing-actions,.account-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.site-button{min-height:44px;color:var(--text-h);font:inherit;cursor:pointer;transition:transform var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out);background:#ffffff12;border:1px solid #ffffff24;border-radius:8px;justify-content:center;align-items:center;padding:0 18px;font-weight:900;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.site-button:before{content:"";opacity:0;width:38%;transition:opacity var(--motion-fast) var(--ease-out), translate .36s var(--ease-out);background:linear-gradient(90deg,#0000,#ffffff70,#0000);position:absolute;inset:-2px auto -2px -46%;transform:skew(-18deg)}.site-button:hover:not(:disabled){background:#ffffff1c;border-color:#ffffff47;transform:translateY(-1px);box-shadow:0 12px 34px #ff2bd629}.site-button:hover:not(:disabled):before{opacity:1;translate:380%}.site-button:active:not(:disabled){transform:scale(.98)}.site-button--primary{border-color:color-mix(in srgb, var(--accent) 58%, #ffffff29);background:linear-gradient(135deg, #ffffff29, transparent 32%), color-mix(in srgb, var(--accent) 34%, #ffffff14);box-shadow:0 0 0 1px #ffffff0f,0 18px 46px #ff2bd633}.site-button--ghost{background:0 0}.site-button--full{width:100%}.site-button:disabled{cursor:not-allowed;opacity:.55}.landing-preview{min-height:min(62vw,620px);animation:landing-preview-enter .72s .14s var(--ease-out) both;transform-style:preserve-3d;transition:border-color var(--motion) var(--ease-out), box-shadow var(--motion) var(--ease-out), transform var(--motion) var(--ease-out);background:#050507;border:1px solid #ffffff1f;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 34px 100px #00000094,0 0 80px #ff2bd61f}.landing-preview:hover{border-color:#ffffff3d;transform:translateY(-4px)rotateX(1deg)rotateY(-1deg);box-shadow:0 42px 110px #000000a8,-22px 0 92px #00f5ff1f,22px 0 92px #ff2bd62e}.landing-preview img{width:100%;height:100%;min-height:inherit;object-fit:cover;filter:saturate(1.28)contrast(1.08);transition:filter var(--motion-slow) var(--ease-out), transform var(--motion-slow) var(--ease-out);display:block;transform:scale(1.02)}.landing-preview:hover img{filter:saturate(1.55)contrast(1.14);transform:scale(1.055)}.landing-preview-orbit,.landing-preview-scan{z-index:1;pointer-events:none;position:absolute;inset:0}.landing-preview-orbit{mix-blend-mode:screen;opacity:.42;animation:landing-preview-light 4.8s var(--ease-in-out) infinite alternate;background:linear-gradient(126deg,#0000 0 33%,#00f5ff47 34%,#0000 36% 100%),linear-gradient(54deg,#0000 0 58%,#ff2bd657 59%,#0000 61% 100%)}.landing-preview-scan{mix-blend-mode:overlay;opacity:.13;background:repeating-linear-gradient(#ffffff24 0 1px,#0000 1px 7px);animation:4.2s linear infinite landing-scan}.landing-preview-panel{z-index:2;min-width:116px;color:var(--text-h);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#00000094;border:1px solid #ffffff24;border-radius:8px;gap:2px;padding:10px 12px;display:grid;position:absolute;top:14px;right:14px;box-shadow:0 16px 38px #00000052}.landing-preview-panel span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:900}.landing-preview-panel strong{font-size:1.75rem;line-height:1}.landing-preview-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2;background:#000000b8;border:1px solid #ffffff1f;border-radius:8px;flex-wrap:wrap;gap:8px;padding:8px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.landing-preview-bar span{min-height:34px;color:var(--text-h);transition:background var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out);background:#ffffff14;border-radius:6px;flex:80px;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.landing-preview:hover .landing-preview-bar span{background:color-mix(in srgb, var(--accent) 22%, #ffffff1f)}.landing-preview:hover .landing-preview-bar span:nth-child(2){transform:translateY(-2px)}.pricing-section{background:linear-gradient(#ffffff08,#0000002e),linear-gradient(90deg,#0000,#00f5ff12,#0000);padding:72px clamp(16px,5vw,72px) 96px;position:relative}.section-heading{max-width:720px}.section-heading h2{margin:0;font-size:clamp(2rem,6vw,4.5rem)}.pricing-toggle{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;gap:4px;margin-top:18px;padding:4px;display:inline-flex}.pricing-toggle button{min-height:44px;color:var(--muted);font:inherit;cursor:pointer;transition:color var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out);background:0 0;border:0;border-radius:6px;padding:0 14px;font-weight:800}.pricing-toggle button.selected{color:var(--text-h);background:#ffffff1f}.pricing-toggle button:hover{color:var(--text-h);transform:translateY(-1px)}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px;display:grid}.pricing-card,.auth-panel,.account-panel{background:#08080cd6;border:1px solid #ffffff1f;border-radius:8px;box-shadow:0 24px 70px #00000052}.pricing-card{min-height:300px;transition:border-color var(--motion) var(--ease-out), background var(--motion) var(--ease-out), box-shadow var(--motion) var(--ease-out), transform var(--motion) var(--ease-out);flex-direction:column;gap:16px;padding:22px;display:flex;position:relative;overflow:hidden}.pricing-card:before{background:linear-gradient(135deg, #ffffff1f, transparent 28%), linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 18%, transparent), transparent);opacity:0;content:"";pointer-events:none;transition:opacity var(--motion) var(--ease-out);position:absolute;inset:0}.pricing-card:hover{border-color:color-mix(in srgb, var(--accent) 48%, #fff3);transform:translateY(-5px);box-shadow:0 28px 80px #00000070,0 0 60px #ff2bd61f}.pricing-card:hover:before{opacity:1}.pricing-card--creator,.pricing-card--pro{border-color:color-mix(in srgb, var(--accent) 36%, #ffffff1f)}.pricing-card--featured{background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 18%, #08080cf2), #08080ce6), #08080ce6;box-shadow:0 30px 90px #00000075,0 0 0 1px #ffffff0a,0 0 78px #ff2bd624}.pricing-card h3{color:var(--text-h);margin:0;font-size:1.4rem}.pricing-card p{color:var(--muted)}.pricing-card-price{align-items:baseline;gap:8px;display:flex}.pricing-card-price span{color:var(--text-h);font-size:2.4rem;font-weight:900}.pricing-card-audience{min-height:42px;font-weight:800}.pricing-card-savings{color:color-mix(in srgb, var(--accent) 70%, var(--text-h));font-weight:900}.pricing-card .site-button{margin-top:auto}@supports (animation-timeline:view()){.section-heading,.pricing-card{animation:landing-scroll-pop both var(--ease-out);animation-timeline:view();animation-range:entry 4% cover 34%}.pricing-card:nth-child(2){animation-range:entry 8% cover 38%}.pricing-card:nth-child(3){animation-range:entry 12% cover 42%}}@keyframes landing-rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-preview-enter{0%{opacity:0;transform:translateY(28px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes landing-scroll-pop{0%{opacity:0;transform:translateY(34px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes landing-preview-light{0%{opacity:.24;transform:translate(-4%)skew(-2deg)}to{opacity:.58;transform:translate(5%)skew(2deg)}}@keyframes landing-scan{0%{background-position:0 0}to{background-position:0 56px}}@keyframes landing-beam-drift{0%{transform:translate(-1.5%)}to{transform:translate(1.5%,-1%)}}.auth-wordmark{position:fixed;top:24px;left:24px}.auth-panel{width:min(100%,460px);padding:clamp(24px,5vw,38px)}.auth-form{gap:14px;margin-top:24px;display:grid}.auth-form label{color:var(--text-h);letter-spacing:.08em;text-transform:uppercase;gap:8px;font-size:.78rem;font-weight:900;display:grid}.auth-form input{width:100%;min-width:0;min-height:44px;color:var(--text-h);font:inherit;letter-spacing:0;background:#00000061;border:1px solid #ffffff24;border-radius:8px;padding:0 12px}.auth-form input:disabled{opacity:.68}.auth-mode-button{margin-top:18px;padding:0}.site-alert{color:#ffdbe2;background:#480a166b;border:1px solid #ff738f7d;border-radius:8px;padding:10px 12px}.site-alert--muted{color:var(--text);background:#ffffff0f;border-color:#ffffff1f}.site-loading{color:var(--text-h);font-weight:900}.account-shell{min-height:100dvh}.account-layout{grid-template-columns:minmax(0,.8fr) minmax(320px,520px);gap:clamp(24px,5vw,64px);padding:clamp(36px,7vw,84px) clamp(16px,5vw,72px);display:grid}.account-panel{padding:clamp(20px,4vw,30px)}.subscription-summary{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;gap:6px;margin-top:20px;padding:16px;display:grid}.subscription-summary span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:900}.subscription-summary strong{color:var(--text-h);font-size:1.5rem}@media (width<=860px){.landing-hero,.account-layout{grid-template-columns:1fr}.landing-hero{min-height:auto;padding-top:44px}.pricing-grid{grid-template-columns:1fr}.site-nav{flex-direction:column;align-items:flex-start}.site-nav-links{justify-content:flex-start}}@media (width<=520px){.landing-actions,.account-actions,.site-button{width:100%}.landing-preview{min-height:360px}.landing-preview-panel{min-width:104px;top:10px;right:10px}}@media (prefers-reduced-motion:reduce){.site-shell{scroll-behavior:auto}.landing-shell:after,.landing-hero-copy>*,.landing-preview,.landing-preview-orbit,.landing-preview-scan,.section-heading,.pricing-card{animation:none!important}.site-button,.site-button:before,.landing-preview,.landing-preview img,.landing-preview-bar span,.pricing-toggle button,.pricing-card,.pricing-card:before{transition-duration:.01ms!important}.site-button:hover:not(:disabled),.site-button:active:not(:disabled),.landing-preview:hover,.landing-preview:hover img,.pricing-toggle button:hover,.pricing-card:hover,.landing-preview:hover .landing-preview-bar span:nth-child(2){transform:none}}