@font-face{font-family:Noto Sans Ethiopic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-ethiopic-ethiopic-400-normal-qfS4vAZL.woff2) format("woff2"),url(/assets/noto-sans-ethiopic-ethiopic-400-normal-DMODWIgG.woff) format("woff");unicode-range:U+030E,U+1200-1399,U+2D80-2DDE,U+AB01-AB2E,U+1E7E0-1E7E6,U+1E7E8-1E7EB,U+1E7ED-1E7EE,U+1E7F0-1E7FE}@font-face{font-family:Noto Sans Ethiopic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-ethiopic-latin-ext-400-normal-DIs67R-x.woff2) format("woff2"),url(/assets/noto-sans-ethiopic-latin-ext-400-normal-CSemiWok.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Ethiopic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-ethiopic-latin-400-normal-CqXRkrsl.woff2) format("woff2"),url(/assets/noto-sans-ethiopic-latin-400-normal-D0FkUk9w.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Ethiopic;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/noto-sans-ethiopic-ethiopic-600-normal-D36Elx59.woff2) format("woff2"),url(/assets/noto-sans-ethiopic-ethiopic-600-normal-BBczuYLg.woff) format("woff");unicode-range:U+030E,U+1200-1399,U+2D80-2DDE,U+AB01-AB2E,U+1E7E0-1E7E6,U+1E7E8-1E7EB,U+1E7ED-1E7EE,U+1E7F0-1E7FE}@font-face{font-family:Noto Sans Ethiopic;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/noto-sans-ethiopic-latin-ext-600-normal-oBs0visY.woff2) format("woff2"),url(/assets/noto-sans-ethiopic-latin-ext-600-normal-1LvkIMxg.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Ethiopic;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/noto-sans-ethiopic-latin-600-normal-BvOnr9XV.woff2) format("woff2"),url(/assets/noto-sans-ethiopic-latin-600-normal-CI6BK2sG.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Ethiopic;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-sans-ethiopic-ethiopic-700-normal-BUzSFPOt.woff2) format("woff2"),url(/assets/noto-sans-ethiopic-ethiopic-700-normal-DebYBtqH.woff) format("woff");unicode-range:U+030E,U+1200-1399,U+2D80-2DDE,U+AB01-AB2E,U+1E7E0-1E7E6,U+1E7E8-1E7EB,U+1E7ED-1E7EE,U+1E7F0-1E7FE}@font-face{font-family:Noto Sans Ethiopic;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-sans-ethiopic-latin-ext-700-normal--qdQ2Bol.woff2) format("woff2"),url(/assets/noto-sans-ethiopic-latin-ext-700-normal-CqBJRc6B.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Ethiopic;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-sans-ethiopic-latin-700-normal-CSxXQ7YK.woff2) format("woff2"),url(/assets/noto-sans-ethiopic-latin-700-normal-BiawOx7B.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Ethiopic;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/noto-sans-ethiopic-ethiopic-800-normal-CQRP46Cx.woff2) format("woff2"),url(/assets/noto-sans-ethiopic-ethiopic-800-normal-BsnW-q4k.woff) format("woff");unicode-range:U+030E,U+1200-1399,U+2D80-2DDE,U+AB01-AB2E,U+1E7E0-1E7E6,U+1E7E8-1E7EB,U+1E7ED-1E7EE,U+1E7F0-1E7FE}@font-face{font-family:Noto Sans Ethiopic;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/noto-sans-ethiopic-latin-ext-800-normal-DqQvOtPU.woff2) format("woff2"),url(/assets/noto-sans-ethiopic-latin-ext-800-normal-YQWdXCzZ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Ethiopic;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/noto-sans-ethiopic-latin-800-normal-BhmIfEQH.woff2) format("woff2"),url(/assets/noto-sans-ethiopic-latin-800-normal-3q5aAMiN.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Abyssinica SIL;src:url(/fonts/amharic/Abyssinica_SIL.ttf) format("truetype");font-display:swap}@font-face{font-family:Agbalumo;src:url(/fonts/amharic/Agbalumo.ttf) format("truetype");font-display:swap}@font-face{font-family:Bela Bereka;src:url(/fonts/amharic/Bela_Bereka.ttf) format("truetype");font-display:swap}@font-face{font-family:Bela Hidase;src:url(/fonts/amharic/Bela_Hidase.ttf) format("truetype");font-display:swap}@font-face{font-family:Geʾez Handwriting Dots;src:url(/fonts/amharic/Geez_Handwriting_Dots.ttf) format("truetype");font-display:swap}@font-face{font-family:Jegena-zamaric;src:url(/fonts/amharic/Jegena_Zamaric.ttf) format("truetype");font-display:swap}@font-face{font-family:Loga;src:url(/fonts/amharic/Loga.ttf) format("truetype");font-display:swap}@font-face{font-family:Menbere;src:url(/fonts/amharic/Menbere.ttf) format("truetype");font-display:swap}@font-face{font-family:Mesob;src:url(/fonts/amharic/Mesob.otf) format("opentype");font-display:swap}@font-face{font-family:Mulat Ahmed;src:url(/fonts/amharic/Mulat_Ahmed.ttf) format("truetype");font-display:swap}@font-face{font-family:Semayawi;src:url(/fonts/amharic/Semayawi.ttf) format("truetype");font-display:swap}@font-face{font-family:"ዋልድባ - ዘላን";src:url(/fonts/amharic/Waldba_Zelan.ttf) format("truetype");font-display:swap}@font-face{font-family:Zemach;src:url(/fonts/amharic/Zemach.otf) format("opentype");font-display:swap}:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;--dark-bg: #090909;--dark-surface: #0f0f0f;--dark-surface-raised: #181818;--dark-surface-overlay: #242424;--dark-surface-translucent: rgb(15 15 15 / 94%);--dark-border: #333333;--dark-border-strong: #525252;--dark-ink: #f1f1f1;--dark-muted: #aaaaaa;--dark-muted-soft: #717171;--dark-accent: #b84a56;--dark-accent-hover: #c75c67;--dark-accent-pressed: #963844;--dark-accent-soft: rgb(184 74 86 / 14%);--dark-accent-gradient: linear-gradient(#b84a56, #b84a56);--dark-accent-text: #dc8790;--dark-accent-ink: #ffffff;--dark-warning: #e5a93d;--dark-warning-soft: rgb(229 169 61 / 14%);--dark-danger: #ff4e45;--dark-success: #2ba86b;--dark-shadow-sm: 0 1px 2px rgb(0 0 0 / 42%);--dark-shadow-md: 0 8px 24px rgb(0 0 0 / 48%);--dark-shadow-lg: 0 20px 60px rgb(0 0 0 / 58%);--dark-shadow-glow: 0 0 0 1px rgb(184 74 86 / 26%);--dark-select-chevron: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23aaaaaa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m4 6 4 4 4-4'/></svg>");--light-bg: #e9e9e9;--light-surface: #ffffff;--light-surface-raised: #ffffff;--light-surface-overlay: #f2f2f2;--light-surface-translucent: rgb(255 255 255 / 96%);--light-border: #d9d9d9;--light-border-strong: #b8b8b8;--light-ink: #0f0f0f;--light-muted: #606060;--light-muted-soft: #8a8a8a;--light-accent: #a93444;--light-accent-hover: #922c3b;--light-accent-pressed: #782431;--light-accent-soft: rgb(169 52 68 / 9%);--light-accent-gradient: linear-gradient(#a93444, #a93444);--light-accent-text: #8c2937;--light-accent-ink: #ffffff;--light-warning: #9c6500;--light-warning-soft: rgb(156 101 0 / 11%);--light-danger: #b3261e;--light-success: #147a4f;--light-shadow-sm: 0 1px 1px rgb(28 20 14 / 5%), 0 1px 3px rgb(28 20 14 / 6%);--light-shadow-md: 0 2px 4px rgb(28 20 14 / 5%), 0 6px 16px rgb(28 20 14 / 8%);--light-shadow-lg: 0 4px 8px rgb(28 20 14 / 5%), 0 16px 40px rgb(28 20 14 / 10%);--light-shadow-glow: 0 0 0 1px rgb(169 52 68 / 20%), 0 4px 14px rgb(169 52 68 / 7%);--light-select-chevron: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23606060' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m4 6 4 4 4-4'/></svg>");--space-0: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 18px;--radius-pill: 999px;--font-size-2xs: 11px;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-md: 15px;--font-size-lg: 18px;--font-size-xl: 22px;--font-size-2xl: 28px;--duration-fast: .12s;--duration-base: .22s;--duration-slow: .38s;--duration-scene: .62s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root,:root[data-theme=dark]{color-scheme:dark;--bg: var(--dark-bg);--surface: var(--dark-surface);--surface-raised: var(--dark-surface-raised);--surface-translucent: var(--dark-surface-translucent);--surface-overlay: var(--dark-surface-overlay);--border: var(--dark-border);--border-strong: var(--dark-border-strong);--ink: var(--dark-ink);--muted: var(--dark-muted);--muted-soft: var(--dark-muted-soft);--accent: var(--dark-accent);--accent-hover: var(--dark-accent-hover);--accent-pressed: var(--dark-accent-pressed);--accent-soft: var(--dark-accent-soft);--accent-gradient: var(--dark-accent-gradient);--accent-text: var(--dark-accent-text);--accent-ink: var(--dark-accent-ink);--warning: var(--dark-warning);--warning-soft: var(--dark-warning-soft);--danger: var(--dark-danger);--success: var(--dark-success);--shadow-sm: var(--dark-shadow-sm);--shadow-md: var(--dark-shadow-md);--shadow-lg: var(--dark-shadow-lg);--shadow-glow: var(--dark-shadow-glow);--select-chevron: var(--dark-select-chevron)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){color-scheme:light;--bg: var(--light-bg);--surface: var(--light-surface);--surface-raised: var(--light-surface-raised);--surface-translucent: var(--light-surface-translucent);--surface-overlay: var(--light-surface-overlay);--border: var(--light-border);--border-strong: var(--light-border-strong);--ink: var(--light-ink);--muted: var(--light-muted);--muted-soft: var(--light-muted-soft);--accent: var(--light-accent);--accent-hover: var(--light-accent-hover);--accent-pressed: var(--light-accent-pressed);--accent-soft: var(--light-accent-soft);--accent-gradient: var(--light-accent-gradient);--accent-text: var(--light-accent-text);--accent-ink: var(--light-accent-ink);--warning: var(--light-warning);--warning-soft: var(--light-warning-soft);--danger: var(--light-danger);--success: var(--light-success);--shadow-sm: var(--light-shadow-sm);--shadow-md: var(--light-shadow-md);--shadow-lg: var(--light-shadow-lg);--shadow-glow: var(--light-shadow-glow);--select-chevron: var(--light-select-chevron)}}:root[data-theme=light]{color-scheme:light;--bg: var(--light-bg);--surface: var(--light-surface);--surface-raised: var(--light-surface-raised);--surface-translucent: var(--light-surface-translucent);--surface-overlay: var(--light-surface-overlay);--border: var(--light-border);--border-strong: var(--light-border-strong);--ink: var(--light-ink);--muted: var(--light-muted);--muted-soft: var(--light-muted-soft);--accent: var(--light-accent);--accent-hover: var(--light-accent-hover);--accent-pressed: var(--light-accent-pressed);--accent-soft: var(--light-accent-soft);--accent-gradient: var(--light-accent-gradient);--accent-text: var(--light-accent-text);--accent-ink: var(--light-accent-ink);--warning: var(--light-warning);--warning-soft: var(--light-warning-soft);--danger: var(--light-danger);--success: var(--light-success);--shadow-sm: var(--light-shadow-sm);--shadow-md: var(--light-shadow-md);--shadow-lg: var(--light-shadow-lg);--shadow-glow: var(--light-shadow-glow);--select-chevron: var(--light-select-chevron)}:root[data-tg-theme]{--bg: var(--tg-secondary-bg-color, var(--tg-bg-color));--surface: var(--tg-section-bg-color, var(--tg-bg-color));--ink: var(--tg-text-color);--muted: var(--tg-hint-color, var(--tg-subtitle-text-color));--surface-raised: color-mix(in oklab, var(--surface) 93%, var(--ink));--surface-overlay: color-mix(in oklab, var(--surface) 88%, var(--ink));--surface-translucent: color-mix(in srgb, var(--surface) 86%, transparent);--border: var( --tg-section-separator-color, color-mix(in oklab, var(--surface) 88%, var(--ink)) );--border-strong: color-mix(in oklab, var(--surface) 74%, var(--ink));--muted-soft: color-mix(in oklab, var(--muted) 72%, var(--surface))}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{color:inherit;transition:transform var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}button:active:not(:disabled){transform:scale(.96)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}select{appearance:none;min-height:44px;padding:0 var(--space-7) 0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--ink);background-color:var(--surface-overlay);background-image:var(--select-chevron);background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:16px 16px}input[type=number],input[type=text]{min-height:44px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--ink);background:var(--surface-overlay)}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.app-shell{min-height:100dvh;display:grid;place-items:start center}.app-frame{width:min(100%,500px);height:calc(100dvh - var(--keyboard-inset, 0px));position:relative;overflow:hidden;display:flex;flex-direction:column;background:var(--surface);box-shadow:var(--shadow-lg)}.app-shell[data-keyboard-open]{min-height:0;height:calc(100dvh - var(--keyboard-inset, 0px));overflow:hidden}.app-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.app-frame-with-nav .app-body{padding-bottom:var(--space-4)}@keyframes screenFadeIn{0%{opacity:.72}}@keyframes appearRise{0%{opacity:0;transform:translateY(10px)}}.upload-body,.info-body{animation:screenFadeIn var(--duration-fast) var(--ease-out) both}.app-top-bar{min-height:68px;padding:max(var(--space-3),env(safe-area-inset-top)) var(--space-3) var(--space-2);display:grid;grid-template-columns:44px 1fr minmax(44px,auto);align-items:center;gap:var(--space-2);border-bottom:1px solid var(--border);background:var(--surface-translucent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20;transition:min-height var(--duration-slow) var(--ease-out),padding var(--duration-slow) var(--ease-out),opacity var(--duration-base) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.app-top-bar[data-collapsed]{min-height:0;height:0;padding-block:0;border-bottom-color:transparent;opacity:0;transform:translateY(-6px);overflow:hidden;pointer-events:none}.app-top-lead,.app-top-action{display:flex;align-items:center}.app-top-action{justify-content:flex-end}.app-top-title{min-width:0;text-align:center;display:grid;line-height:1.15}.app-top-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-md);letter-spacing:-.01em}.app-top-title-brand strong{font-size:var(--font-size-lg);letter-spacing:-.02em}.app-top-title span{margin-top:var(--space-1);color:var(--muted);font-size:var(--font-size-2xs)}.brand-mark{width:32px;height:32px;display:block;margin-left:var(--space-1)}.brand-mark svg{width:100%;height:100%}.app-nav{position:sticky;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(var(--nav-count, 3),1fr);padding:var(--space-1) var(--space-2) max(var(--space-1),env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface-translucent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-nav-indicator{position:absolute;top:var(--space-1);left:var(--space-2);height:52px;width:calc((100% - 2 * var(--space-2)) / var(--nav-count, 3));transform:translate(calc(var(--nav-index, 0) * 100%));transition:transform var(--duration-base) var(--ease-out);pointer-events:none}.app-nav-indicator:after{content:"";position:absolute;inset:auto calc(50% - 12px) 2px;height:2px;border-radius:var(--radius-pill);background:var(--accent)}.app-nav-item{position:relative;min-height:52px;display:grid;place-items:center;gap:var(--space-0);border:0;background:transparent;color:var(--muted);font-size:var(--font-size-2xs);font-weight:600}.app-nav-item svg{width:23px;height:23px}.app-nav-item[aria-current=page]{color:var(--accent)}.icon-button,.fullscreen-button,.history-controls button{width:40px;height:40px;display:grid;place-items:center;border:0;background:transparent;border-radius:var(--radius-sm)}.icon-button svg,.fullscreen-button svg,.history-controls svg{width:23px;height:23px}.export-button{min-height:40px;display:inline-flex;align-items:center;gap:var(--space-1);border:0;padding:0 var(--space-1) 0 var(--space-3);color:var(--accent);background:transparent;font-size:var(--font-size-md);font-weight:700}.export-button svg{width:19px;height:19px}.export-button:disabled{color:var(--muted-soft);cursor:not-allowed;opacity:.72}.editor-ready-actions{display:flex;align-items:center;gap:var(--space-0)}.editor-ready-actions .icon-button{color:var(--accent)}.editor-ready-actions .icon-button svg{width:20px;height:20px}.app-frame:has(.editor-body) .app-top-bar{min-height:58px;padding-bottom:var(--space-1)}.app-frame:has(.editor-body) .app-top-title span{margin-top:var(--space-0)}.editor-stage{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding-top:var(--space-3)}.video-region{flex:1 1 auto;min-height:150px;min-width:0;display:flex;align-items:stretch;justify-content:center;padding:0 var(--space-4)}.video-frame{container-type:inline-size;position:relative;width:auto;height:100%;max-width:100%;max-height:100%;aspect-ratio:9 / 16;margin:0 auto;overflow:hidden;border-radius:var(--radius-md);background:var(--dark-bg);box-shadow:var(--shadow-md);touch-action:none}.video-frame video{width:100%;height:100%;display:block;object-fit:cover}.safe-area{position:absolute;inset:6% 7% 5%;border:1px dashed rgb(255 255 255 / 76%);border-radius:var(--radius-md);pointer-events:none;color:#fff;text-shadow:0 1px 4px #000;font-size:var(--font-size-2xs);text-align:center}.safe-area span{position:absolute;top:4px;left:50%;transform:translate(-50%);white-space:nowrap}.safe-area small{position:absolute;bottom:4px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:var(--font-size-2xs)}.canvas-play{position:absolute;left:12px;bottom:12px;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgb(255 255 255 / 80%);border-radius:50%;background:#0f0d0cad;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.canvas-play svg{width:19px;height:19px}.canvas-play:disabled{opacity:.5;cursor:default}.video-loading{position:absolute;inset:0;display:grid;place-items:center;background:#0f0d0c73;z-index:1}.video-loading .spinner{width:30px;height:30px;border-radius:50%;border:3px solid rgb(255 255 255 / 30%);border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.caption-overlay{position:absolute;left:var(--caption-x);top:var(--caption-y);transform:translate(-50%,-50%);width:84%;max-width:84%;padding:.1em .24em .16em;border:1.5px solid var(--accent);border-radius:3px;font-size:calc(var(--caption-size) * 1cqw / 4.3);line-height:1.16;cursor:move;-webkit-user-select:none;user-select:none;background:var(--caption-background)}.caption-overlay>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--caption-lines, 2);overflow:hidden;-webkit-text-stroke:var(--caption-outline);paint-order:stroke fill}.caption-word{display:inline-block;visibility:hidden;margin-inline-end:.26em}.caption-word[data-revealed]{visibility:visible;animation-duration:var(--caption-reveal-ms, .22s);animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both}.caption-word[data-active]{color:var(--caption-highlight)}.caption-word[data-emphasis]{color:var(--caption-highlight);font-size:1.14em}.caption-word-emoji,.caption-run-emoji{-webkit-text-stroke:0;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.caption-word-emoji{margin-inline-start:.12em}.reveal-pop-in .caption-word[data-revealed]{animation-name:wordPopIn}.reveal-fade .caption-word[data-revealed]{animation-name:wordFade}.reveal-typewriter .caption-word[data-revealed]{animation-name:wordTypewriter}.reveal-slide-up .caption-word[data-revealed]{animation-name:wordSlideUp}@keyframes wordPopIn{0%{transform:scale(.62);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}@keyframes wordFade{0%{opacity:0}to{opacity:1}}@keyframes wordTypewriter{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes wordSlideUp{0%{transform:translateY(.5em);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.caption-word[data-revealed]{animation-name:wordFade;animation-duration:1ms}}.caption-overlay .caption-shadow{filter:drop-shadow(0 2px 2px rgb(0 0 0 / 75%))}.video-frame:fullscreen{width:auto;height:100dvh;max-width:100vw;border-radius:0}.video-frame-expanded{position:fixed;z-index:100;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;aspect-ratio:auto;border-radius:0;background:var(--dark-bg)}.video-frame-expanded video{object-fit:contain}.canvas-close-expanded{position:absolute;z-index:8;top:max(var(--space-3),env(safe-area-inset-top));right:var(--space-3);width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid rgb(255 255 255 / 42%);border-radius:50%;color:#fff;background:#0d0b0abd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.canvas-close-expanded svg{width:22px;height:22px}.selection-handle{position:absolute;width:10px;height:10px;margin:0;padding:0;border:1.5px solid #fff;border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px var(--accent)}.handle-nw{left:-5px;top:-5px}.handle-ne{right:-5px;top:-5px}.handle-sw{left:-5px;bottom:-5px}.handle-se{right:-5px;bottom:-5px;cursor:nwse-resize}@keyframes captionFade{0%{opacity:0}to{opacity:1}}@keyframes captionPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.82)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes captionBounce{0%{transform:translate(-50%,-50%) scale(.82)}65%{transform:translate(-50%,-50%) scale(1.06)}to{transform:translate(-50%,-50%) scale(1)}}.animation-fade{animation:captionFade .26s ease both}.animation-pop{animation:captionPop .24s cubic-bezier(.2,.9,.2,1) both}.animation-bounce{animation:captionBounce .34s ease-out both}@keyframes captionSlideUp{0%{opacity:0;transform:translate(-50%,calc(-50% + 14px))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes captionShake{0%{transform:translate(-50%,-50%) rotate(0)}20%{transform:translate(-50%,-50%) rotate(3deg)}40%{transform:translate(-50%,-50%) rotate(-3deg)}60%{transform:translate(-50%,-50%) rotate(2deg)}80%{transform:translate(-50%,-50%) rotate(-2deg)}to{transform:translate(-50%,-50%) rotate(0)}}.animation-slide-up{animation:captionSlideUp .3s ease-out both}.animation-shake{animation:captionShake .3s ease-in-out both}.transport{flex:0 0 auto;min-height:40px;margin:var(--space-1) var(--space-3) 0;display:grid;grid-template-columns:88px 1fr 44px;align-items:center}.history-controls{display:flex}.history-controls button:disabled{opacity:.25}.timecode{justify-self:center;border:0;background:transparent;font-size:var(--font-size-md);font-variant-numeric:tabular-nums}.timecode span{color:var(--muted)}input[type=range]{appearance:none;height:32px;background:transparent;accent-color:var(--accent)}.main-scrubber{flex:0 0 auto;width:calc(100% - 32px);margin:0 var(--space-4);display:block}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--border-strong))}input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--border-strong))}input[type=range]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;margin-top:-8px;border:2px solid #fff;border-radius:50%;background:var(--accent);box-shadow:var(--shadow-sm)}input[type=range]::-moz-range-thumb{width:20px;height:20px;border:2px solid #fff;border-radius:50%;background:var(--accent);box-shadow:var(--shadow-sm)}input[type=range]:disabled{opacity:.45}.timeline-scroll{flex:0 0 auto;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;border-bottom:1px solid var(--border)}.timeline-scroll::-webkit-scrollbar{display:none}.timeline-canvas{height:94px;position:relative}.time-ruler{position:absolute;inset:6px 0 auto;height:18px;color:var(--muted);font-size:var(--font-size-2xs);font-variant-numeric:tabular-nums}.time-ruler span{position:absolute;transform:translate(-50%)}.caption-track{position:absolute;left:0;right:0;top:27px;height:56px;background:var(--surface-raised);border-block:1px solid var(--border)}.caption-block{position:absolute;top:5px;height:46px;min-width:48px;overflow:visible;display:grid;place-items:center;padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-overlay);color:var(--ink);font-family:Menbere,sans-serif;font-size:var(--font-size-2xs);line-height:1.2;text-align:center;cursor:pointer}.caption-block>span{width:100%;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.caption-block.selected{z-index:2;border:2px solid var(--accent);background:var(--accent-soft);box-shadow:0 3px 10px color-mix(in srgb,var(--accent) 18%,transparent)}.caption-block>i{position:absolute;top:2px;right:3px;width:13px;height:13px;display:grid;place-items:center;border:1px solid var(--accent);border-radius:50%;color:var(--accent);background:var(--surface);font-family:sans-serif;font-size:var(--font-size-2xs);font-style:normal;font-weight:800}.timing-handle{position:absolute;top:10px;bottom:10px;width:9px;padding:0;border:0;border-radius:var(--radius-xs);background:var(--accent);cursor:ew-resize}.timing-handle.start{left:-5px}.timing-handle.end{right:-5px}.waveform{position:absolute;left:0;right:0;bottom:12px;height:23px;display:flex;align-items:center;gap:var(--space-0);overflow:hidden;opacity:.54}.waveform i{flex:1 0 2px;min-width:2px;border-radius:2px;background:var(--muted);transition:height var(--duration-base) var(--ease-out)}.waveform-empty{opacity:.28}.playhead{position:absolute;z-index:5;top:20px;bottom:3px;width:1.5px;background:var(--accent);pointer-events:none}.playhead i{position:absolute;top:-2px;left:-5px;width:11px;height:9px;clip-path:polygon(0 0,100% 0,50% 100%);background:var(--accent)}.review-strip{flex:0 0 auto;width:calc(100% - 24px);min-height:42px;margin:var(--space-2) var(--space-3) 0;padding:0 var(--space-3);display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:var(--space-2);border:1px solid color-mix(in srgb,var(--warning) 38%,transparent);border-radius:var(--radius-sm);background:var(--warning-soft);color:var(--ink);text-align:left;font-size:var(--font-size-xs)}.review-strip svg{width:18px}.review-strip b{color:var(--warning)}.render-status{position:sticky;top:0;z-index:12;flex:none;min-height:52px;margin:var(--space-2) var(--space-3) var(--space-2);padding:var(--space-2) var(--space-3) var(--space-3);display:grid;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-translucent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);transition:background-color var(--duration-slow) var(--ease-out),border-color var(--duration-slow) var(--ease-out);animation:appearRise var(--duration-base) var(--ease-out) both}.render-status-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.render-status-text{min-width:0;flex:1;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-1)}.render-beacon{width:10px;height:10px;flex:none;border-radius:50%;background:var(--accent);box-shadow:0 0 color-mix(in srgb,var(--accent) 55%,transparent);animation:renderBeacon 1.6s var(--ease-out) infinite}@keyframes renderBeacon{70%{box-shadow:0 0 0 9px color-mix(in srgb,var(--accent) 0%,transparent)}to{box-shadow:0 0 color-mix(in srgb,var(--accent) 0%,transparent)}}.render-track{height:4px;border-radius:var(--radius-pill);background:#ffffff14;overflow:hidden}.render-fill{display:block;height:100%;border-radius:inherit;background:var(--accent-gradient);transition:width var(--duration-slow) var(--ease-out)}.render-queued,.render-rendering{border-color:color-mix(in srgb,var(--accent) 38%,transparent);background:linear-gradient(var(--accent-soft),var(--accent-soft)),var(--surface-translucent)}.render-queued strong,.render-rendering strong{color:var(--accent-hover)}.render-status strong{font-size:var(--font-size-xs)}.render-status span,.render-status small{color:var(--muted);font-size:var(--font-size-2xs)}.render-status button{min-height:34px;padding:0 var(--space-3);flex:0 0 auto;border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--accent);background:var(--surface-overlay);font-size:var(--font-size-2xs);font-weight:700}.render-failed{border-color:#ef4a4a59;background:linear-gradient(#ef4a4a1f,#ef4a4a1f),var(--surface-translucent)}.inspector{position:relative;flex:0 0 auto;margin-top:var(--space-2);border-top:1px solid var(--border);background:var(--surface-raised)}.inspector-content{height:var(--inspector-height, 176px);overflow-y:auto;padding:var(--space-3) var(--space-4) var(--space-2);transition:height var(--duration-base) var(--ease-out)}.inspector[data-dragging] .inspector-content{transition:none}.inspector-resize-handle{position:absolute;z-index:4;top:-12px;left:50%;width:64px;height:24px;padding:0;transform:translate(-50%);display:grid;place-items:center;border:0;background:transparent;touch-action:none;cursor:ns-resize}.inspector-resize-handle:active:not(:disabled){transform:translate(-50%)}.inspector-resize-handle span{width:34px;height:4px;border-radius:var(--radius-pill);background:var(--border-strong);transition:background-color var(--duration-fast) var(--ease-out)}.inspector-resize-handle:hover span,.inspector-resize-handle:focus-visible span{background:var(--accent)}.tool-rail{flex:0 0 auto;min-height:72px;padding:var(--space-1) var(--space-2) max(var(--space-2),env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-0);border-top:1px solid var(--border);background:var(--surface-raised)}.tool-rail button{position:relative;min-width:0;min-height:58px;display:grid;place-items:center;align-content:center;gap:var(--space-1);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--muted);font-size:var(--font-size-2xs)}.tool-rail button svg{width:24px;height:24px}.tool-rail button.active{color:var(--accent);background:transparent}.tool-rail button.active:after{content:"";position:absolute;top:0;left:calc(50% - 10px);width:20px;height:2px;border-radius:var(--radius-pill);background:var(--accent)}.caption-input-label{display:grid;gap:var(--space-2);color:var(--muted);font-size:var(--font-size-2xs)}.caption-input-label textarea{width:100%;min-height:70px;resize:vertical;padding:var(--space-3) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--ink);background:var(--surface-overlay);font-family:Menbere,sans-serif;font-size:var(--font-size-lg);line-height:1.45}.caption-input-label textarea:focus{border-color:var(--accent)}.word-panel{margin-top:var(--space-3);display:grid;gap:var(--space-2)}.panel-hint{color:var(--muted);font-size:var(--font-size-2xs)}.word-chips{display:flex;flex-wrap:wrap;gap:var(--space-1)}.word-chip{display:inline-flex;align-items:stretch;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-overlay)}.word-chip button{min-height:40px;border:0;background:transparent;color:var(--ink);font-family:Menbere,sans-serif;font-size:var(--font-size-md);padding:var(--space-1) var(--space-2)}.word-chip button:hover{background:var(--surface-raised)}.word-chip-text[data-emphasis]{color:var(--accent);font-weight:800}.word-chip .word-chip-emoji{border-left:1px solid var(--border);min-width:40px}.emoji-picker{display:flex;flex-wrap:wrap;gap:var(--space-1);max-height:116px;overflow-y:auto;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-overlay)}.emoji-picker button{min-width:40px;min-height:40px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--ink);font-size:var(--font-size-md)}.emoji-picker button.selected{border-color:var(--accent)}.time-fields{margin-top:var(--space-2);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.time-fields label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--space-2);color:var(--muted);font-size:var(--font-size-2xs)}.time-fields input{width:100%;font-variant-numeric:tabular-nums}.caption-actions{margin-top:var(--space-3);display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-1)}.caption-actions button{min-height:51px;display:grid;place-items:center;align-content:center;gap:var(--space-1);border:0;border-radius:var(--radius-sm);background:transparent;font-size:var(--font-size-2xs)}.caption-actions button:hover{background:var(--surface-overlay)}.caption-actions svg{width:21px;height:21px}.caption-actions .danger{color:var(--danger)}.quality-warning{min-height:39px;margin-top:var(--space-2);padding:var(--space-2) var(--space-2);display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:var(--space-2);border:1px solid color-mix(in srgb,var(--warning) 38%,transparent);border-radius:var(--radius-sm);background:var(--warning-soft);color:var(--ink);font-size:var(--font-size-2xs)}.quality-warning svg{width:17px}.quality-warning button{border:0;color:var(--warning);background:transparent;font-weight:700}.field-stack{display:grid;gap:var(--space-2)}.field-row{min-height:44px;display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:var(--space-2);color:var(--muted);font-size:var(--font-size-xs)}.field-row select{width:100%}.preset-row,.segmented,.quick-values{display:flex;gap:var(--space-2)}.preset-row{overflow-x:auto;padding-bottom:var(--space-0)}.preset-row button{flex:0 0 auto}.preset-row button,.segmented button,.quick-values button{min-height:40px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-overlay);color:var(--ink);font-size:var(--font-size-2xs);white-space:nowrap;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.preset-row button:disabled,.segmented button:disabled,.quick-values button:disabled{opacity:.45}.preset-row button.selected,.segmented button.selected,.quick-values button.selected{border-color:var(--accent);color:var(--accent-ink);background:var(--accent)}.segmented.compact button{flex:1;padding:0}.segmented.compact svg{width:18px}.toggle-row{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--ink)}.toggle-row span{display:grid;gap:var(--space-0)}.toggle-row strong{font-size:var(--font-size-xs)}.toggle-row small{color:var(--muted);font-size:var(--font-size-2xs)}.toggle-row input{appearance:none;width:46px;height:28px;position:relative;flex:0 0 auto;border-radius:14px;background:var(--border-strong);transition:background var(--duration-base) var(--ease-out)}.toggle-row input:before{content:"";position:absolute;inset:-8px 0}.toggle-row input:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000038;transition:transform var(--duration-base) var(--ease-spring)}.toggle-row input:checked{background:var(--accent)}.toggle-row input:checked:after{transform:translate(18px)}.toggle-row.scope{min-height:44px;padding:0 var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.size-value{display:flex;align-items:baseline;justify-content:space-between}.size-value span{color:var(--muted);font-size:var(--font-size-xs)}.size-value strong{font-size:var(--font-size-2xl);font-weight:650}.size-panel p{margin:0;color:var(--muted);font-size:var(--font-size-2xs)}.quick-values button{flex:1}.color-panel .field-row{grid-template-columns:74px minmax(0,1fr) auto}.color-panel .color-slider-row{grid-template-columns:74px auto minmax(0,1fr) auto}.swatches{display:flex;gap:var(--space-1)}.swatches button{width:28px;height:28px;padding:0;position:relative;flex:0 0 auto;border:1px solid var(--border-strong);border-radius:50%}.swatches button:after{content:"";position:absolute;inset:-8px}.swatches button.selected{box-shadow:0 0 0 2px var(--surface-raised),0 0 0 3px var(--accent)}input[type=color]{width:44px;height:44px;padding:3px;flex:0 0 auto;border:1px solid var(--border);border-radius:50%;background:var(--surface-overlay);overflow:hidden}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}input[type=color]::-moz-color-swatch{border:0;border-radius:50%}.range.short{width:100%}.field-row output{width:34px;color:var(--muted);font-size:var(--font-size-2xs);text-align:right}.effects-panel .field-row{grid-template-columns:104px minmax(0,1fr)}.effects-panel input[type=number]{width:88px;text-align:center}.field-row.stacked-row{grid-template-columns:minmax(0,1fr);align-items:start;gap:var(--space-1);padding-block:var(--space-1)}.segmented-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.segmented-wrap button{padding-inline:var(--space-2)}.position-panel{display:grid;grid-template-columns:104px 1fr;gap:var(--space-4)}.position-grid{display:grid;grid-template-columns:repeat(3,1fr);aspect-ratio:1;border:1px solid var(--border);border-radius:var(--radius-sm);background:linear-gradient(90deg,transparent 32%,var(--border) 33%,transparent 34%,transparent 65%,var(--border) 66%,transparent 67%),linear-gradient(0deg,transparent 32%,var(--border) 33%,transparent 34%,transparent 65%,var(--border) 66%,transparent 67%)}.position-grid button{border:0;background:transparent}.position-grid i{display:block;width:6px;height:6px;margin:auto;border-radius:50%;background:var(--muted-soft)}.position-grid button.selected i{width:12px;height:12px;border:3px solid var(--accent-soft);background:var(--accent)}.position-fields{display:grid;align-content:center;gap:var(--space-2)}.position-fields label{display:grid;gap:var(--space-0);color:var(--muted);font-size:var(--font-size-2xs)}.position-panel .toggle-row,.position-panel .scope{grid-column:1 / -1}.toast{position:fixed;z-index:50;left:50%;bottom:max(86px,calc(env(safe-area-inset-bottom) + 74px));width:min(calc(100% - 32px),430px);transform:translate(-50%);min-height:48px;padding:var(--space-3) var(--space-3);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--ink);background:var(--surface-overlay);box-shadow:var(--shadow-md);font-size:var(--font-size-xs);animation:toastLife 5s var(--ease-out) forwards}@keyframes toastLife{0%{opacity:0;transform:translate(-50%,14px) scale(.97)}6%,92%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,8px) scale(.98)}}.toast button{width:32px;height:32px;flex:none;display:grid;place-items:center;padding:0;border:0;border-radius:var(--radius-pill);color:var(--muted);background:#ffffff0f}.toast button svg{width:15px;height:15px}@media(prefers-reduced-motion:reduce){.toast{animation:none}}.sheet-backdrop{position:fixed;z-index:60;inset:0;display:grid;align-items:end;justify-items:center;background:#0000008c;-webkit-backdrop-filter:blur(10px) saturate(115%);backdrop-filter:blur(10px) saturate(115%);animation:sheetBackdropFadeIn var(--duration-base) var(--ease-out)}.export-sheet{width:min(100%,500px);padding:var(--space-5) var(--space-4) max(var(--space-5),env(safe-area-inset-bottom));border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--surface-raised);box-shadow:0 -12px 40px #0000007f;animation:sheetSlideUp var(--duration-slow) var(--ease-out)}.export-sheet>*{animation:appearRise var(--duration-base) var(--ease-out) both}.export-sheet>*:nth-child(2){animation-delay:60ms}.export-sheet>*:nth-child(3){animation-delay:.11s}.export-sheet>*:nth-child(n+4){animation-delay:.15s}@keyframes sheetBackdropFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}@keyframes sheetSlideUp{0%{transform:translateY(100%)}}.export-sheet header{display:flex;align-items:start;justify-content:space-between}.export-sheet h2{margin:0;font-size:var(--font-size-xl);letter-spacing:-.025em}.export-sheet header p{margin:var(--space-1) 0 0;color:var(--muted);font-size:var(--font-size-xs)}.export-sheet header>button{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--surface-overlay);color:var(--ink);flex-shrink:0}.export-sheet header>button svg{width:18px;height:18px}.export-preview{margin:var(--space-4) 0;padding:var(--space-3) 0;display:flex;gap:var(--space-4);border-block:1px solid var(--border);color:var(--muted);font-size:var(--font-size-2xs)}.export-preview strong{color:var(--ink)}.export-sheet fieldset{margin:0;padding:0;border:0}.export-sheet legend{margin-bottom:var(--space-2);font-size:var(--font-size-xs);font-weight:700}.quality-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.quality-options label{min-height:64px;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm)}.quality-options label.selected{border-color:var(--accent);background:var(--accent-soft)}.quality-options label.quality-option-locked{color:var(--muted);background:var(--surface-subtle)}.quality-option-locked em{margin-left:var(--space-1);padding:2px 6px;border-radius:999px;color:var(--accent);background:var(--accent-soft);font-size:var(--font-size-2xs);font-style:normal;letter-spacing:.02em}.quality-options input[type=radio]{appearance:none;width:22px;height:22px;flex:0 0 auto;position:relative;border:2px solid var(--border-strong);border-radius:50%;transition:border-color var(--duration-fast) var(--ease-out)}.quality-options input[type=radio]:checked{border-color:var(--accent)}.quality-options input[type=radio]:checked:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--accent)}.quality-options input[type=radio]:disabled{opacity:.55}.quality-options span{display:grid}.quality-options small{margin-top:var(--space-1);color:var(--muted);font-size:var(--font-size-2xs)}.primary-action,.secondary-action{width:100%;min-height:48px;margin-top:var(--space-4);border-radius:var(--radius-sm);font-weight:750}.export-srt-status{margin:var(--space-2) 0 0;color:var(--muted);font-size:var(--font-size-xs);line-height:1.4;text-align:center}.primary-action{border:0;color:var(--accent-ink);background:var(--accent-gradient);box-shadow:var(--shadow-glow)}.primary-action:hover{filter:brightness(1.08)}.primary-action:disabled{cursor:wait;opacity:.62}.secondary-action{margin-top:var(--space-2);border:1px solid var(--border);background:var(--surface-overlay);color:var(--ink)}@media(max-height:760px){.timeline-canvas{height:84px}}@media(max-height:620px){.app-frame:has(.editor-body) .app-top-bar{min-height:48px;padding:var(--space-1) var(--space-2)}.editor-body .render-status{min-height:0;margin:var(--space-0) var(--space-2);padding:var(--space-1) var(--space-2);gap:var(--space-1)}.editor-body .render-status-text span{display:none}.editor-body .render-status button{min-height:34px;padding-inline:var(--space-2)}.editor-stage{padding-top:var(--space-1)}.transport{min-height:36px;margin-top:0}.editor-stage .history-controls button,.editor-stage .fullscreen-button{width:36px;height:36px}.main-scrubber{height:28px}.timeline-canvas{height:60px}.time-ruler{display:none}.caption-track{top:0;height:32px}.caption-block{top:var(--space-0);height:28px}.timing-handle{top:var(--space-2);bottom:var(--space-2)}.waveform{bottom:var(--space-0);height:16px}.playhead{top:0}.review-strip{min-height:36px;margin:var(--space-1) var(--space-2) 0;width:calc(100% - 16px);padding-inline:var(--space-2)}.inspector{margin-top:var(--space-1)}.tool-rail{min-height:56px;padding-block:var(--space-0)}.tool-rail button{min-height:50px}.tool-rail button svg{width:21px;height:21px}}@media(min-width:720px){.app-shell{padding:var(--space-6) 0}.app-frame{height:calc(100dvh - 48px - var(--keyboard-inset, 0px));border-radius:var(--radius-lg);border:1px solid var(--border)}}.app-frame[data-keyboard-open] .editor-stage .transport,.app-frame[data-keyboard-open] .editor-stage .main-scrubber,.app-frame[data-keyboard-open] .editor-stage .timeline-scroll,.app-frame[data-keyboard-open] .review-strip,.app-frame[data-keyboard-open] .render-status,.app-frame[data-keyboard-open] .tool-rail,.app-frame[data-keyboard-open] .inspector-resize-handle{display:none}.app-frame[data-keyboard-open] .editor-stage{padding-top:var(--space-1)}.app-frame[data-keyboard-open] .inspector{margin-top:var(--space-1)}.app-frame[data-keyboard-open] .inspector-content{height:112px!important;overflow:hidden;padding-block:var(--space-2);transition:none}.app-frame[data-keyboard-open] .text-panel>:not(.caption-input-label){display:none}.app-frame[data-keyboard-open] .caption-input-label{gap:var(--space-1)}.app-frame[data-keyboard-open] .caption-input-label textarea{min-height:72px;max-height:72px;resize:none}.upload-body{padding:var(--space-6) var(--space-5) var(--space-5);display:flex;flex-direction:column;gap:var(--space-6)}.upload-intro h1{font-size:var(--font-size-2xl);line-height:1.15;letter-spacing:-.02em;margin:0 0 var(--space-2)}.upload-subtitle{color:var(--muted);font-size:var(--font-size-md);line-height:1.45;margin:0}.text-guide-list{margin:0;padding:0;list-style:none;border-block:1px solid var(--border)}.text-guide-step{display:grid;grid-template-columns:34px minmax(0,1fr);gap:var(--space-3);align-items:start;padding:var(--space-3) 0;border-bottom:1px solid var(--border);animation:guideTextIn var(--duration-slow) var(--ease-out) both}.text-guide-step:nth-child(2){animation-delay:70ms}.text-guide-step:nth-child(3){border-bottom:0;animation-delay:.14s}.text-guide-number{padding-top:var(--space-0);color:var(--accent-text);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;font-weight:750;letter-spacing:.08em}.text-guide-copy{display:grid;gap:var(--space-1)}.text-guide-copy strong{font-size:var(--font-size-md);font-weight:700;line-height:1.3}.text-guide-copy small{color:var(--muted);font-size:var(--font-size-xs);line-height:1.45}@keyframes guideTextIn{0%{opacity:0;transform:translateY(5px)}}.demo{display:grid;gap:var(--space-3)}.demo-stage{container-type:inline-size;position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--border);background:#100e0d;box-shadow:var(--shadow-md)}.demo-scene{position:absolute;inset:-18%;background:radial-gradient(45% 55% at 22% 18%,rgb(255 176 122 / 34%),transparent 72%),radial-gradient(50% 60% at 82% 88%,rgb(96 118 140 / 26%),transparent 74%),radial-gradient(120% 120% at 50% 50%,transparent 40%,rgb(0 0 0 / 62%)),linear-gradient(168deg,#2a211c,#14100e 58%,#0a0908);animation:demoDrift 18s var(--ease-in-out) infinite alternate}@keyframes demoDrift{0%{transform:translate3d(-2.5%,-1.5%,0) scale(1.05)}to{transform:translate3d(2.5%,1.5%,0) scale(1.12)}}.demo-caption{border:0;cursor:default;pointer-events:none;transition:color var(--duration-slow) var(--ease-out),font-size var(--duration-slow) var(--ease-out);animation:demoLineIn var(--duration-scene) var(--ease-out) both}.demo-caption .caption-word{animation:none;transition:color var(--duration-slow) var(--ease-in-out)}@keyframes demoLineIn{0%{opacity:0;transform:translate(-50%,calc(-50% + 6px))}to{opacity:1;transform:translate(-50%,-50%)}}.demo-caption .caption-shadow{filter:none;text-shadow:0 2px 3px rgb(0 0 0 / 72%)}@keyframes demoFadeIn{0%{opacity:0}to{opacity:1}}.demo-upload{position:absolute;inset:auto var(--space-5) 50%;transform:translateY(50%);display:grid;gap:var(--space-2);animation:demoRise var(--duration-scene) var(--ease-spring) both}.demo-source{position:relative;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid rgb(255 255 255 / 16%);font-size:var(--font-size-2xs);font-weight:700}.demo-source-marker{position:absolute;inset:auto 50% -1px 0;height:2px;border-radius:var(--radius-pill);background:var(--accent);transition:transform var(--duration-slow) var(--ease-spring)}.demo-source[data-source=file] .demo-source-marker{transform:translate(100%)}.demo-source-option{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) 0;color:#f5f1ec94;transition:color var(--duration-base) var(--ease-out)}.demo-source[data-source=record] .demo-source-option:nth-child(2),.demo-source[data-source=file] .demo-source-option:nth-child(3){color:var(--accent-hover)}.demo-source-option svg{width:13px;height:13px;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}.demo-record-dot{width:8px;height:8px;flex:none;border-radius:50%;background:#ff4d4d;animation:demoRecordBlink 1.6s var(--ease-in-out) infinite}@keyframes demoRecordBlink{50%{opacity:.25}}.demo-upload-file{display:flex;align-items:center;gap:var(--space-2);color:#f5f1ec;font-size:var(--font-size-sm);font-weight:600}.demo-upload-file svg{width:18px;height:18px;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--accent);flex:none}.demo-upload-track{height:4px;border-radius:var(--radius-pill);background:#ffffff24;overflow:hidden}.demo-upload-fill{display:block;height:100%;border-radius:var(--radius-pill);background:var(--accent);transition:width .16s linear}.demo-upload-state{color:#f5f1ec9e;font-size:var(--font-size-2xs);letter-spacing:.02em}.demo-waveform{position:absolute;inset:auto var(--space-4) var(--space-3);height:26%;display:flex;align-items:flex-end;gap:2px;animation:demoFadeIn var(--duration-slow) var(--ease-out) both}.demo-waveform span{flex:1;height:var(--bar-height);border-radius:1px;background:#ffffff2e;transform-origin:bottom;animation:demoPulse 2.4s var(--ease-in-out) infinite alternate;animation-delay:calc(var(--bar-index) * -90ms)}@keyframes demoPulse{0%{transform:scaleY(.72)}to{transform:scaleY(1)}}.demo-delivery{position:absolute;inset:auto var(--space-3) var(--space-3);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:#14110fe0;border:1px solid rgb(255 255 255 / 12%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:demoRise var(--duration-slow) var(--ease-spring) both}.demo-delivery-thumb{position:relative;width:34px;height:34px;flex:none;border-radius:var(--radius-sm);background:var(--accent-gradient)}.demo-delivery-thumb:after{content:"";position:absolute;inset:0;margin:auto;width:0;height:0;border-left:9px solid var(--accent-ink);border-top:6px solid transparent;border-bottom:6px solid transparent;transform:translate(2px)}.demo-delivery span:last-child{display:grid;gap:1px;color:#f5f1eca8;font-size:var(--font-size-2xs);line-height:1.3}.demo-delivery strong{color:#f5f1ec;font-size:var(--font-size-sm)}@keyframes demoRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.demo-upload{animation-name:demoRiseCentred}@keyframes demoRiseCentred{0%{opacity:0;transform:translateY(calc(50% + 14px))}to{opacity:1;transform:translateY(50%)}}.demo-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.demo-step{min-height:24px;display:grid;align-items:center;padding:0;border:0;background:transparent}.demo-step-track{height:3px;border-radius:var(--radius-pill);background:var(--border-strong);overflow:hidden}.demo-step-fill{display:block;height:100%;border-radius:var(--radius-pill);background:var(--accent);transition:width var(--duration-fast) linear}.demo-steps[data-jumped] .demo-step-fill{transition:none}.demo-legend{margin:0;animation:demoFadeIn var(--duration-base) var(--ease-out) both;display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:baseline;min-height:2.5em;font-size:var(--font-size-sm);color:var(--muted)}.demo-legend strong{color:var(--ink)}@media(prefers-reduced-motion:reduce){.demo-scene,.demo-caption,.demo-legend,.demo-waveform,.demo-waveform span{animation:none}}.upload-panel{padding-bottom:var(--space-2)}.upload-field{display:grid;gap:var(--space-2);text-align:left;margin-bottom:var(--space-4);font-size:var(--font-size-sm);color:var(--muted)}.upload-field select{width:100%;min-height:48px}.settings-language-hint{color:var(--muted-soft);font-size:var(--font-size-xs);line-height:1.45}.upload-pick-button{width:100%;min-height:56px;display:flex;align-items:center;justify-content:center;gap:var(--space-2);border:0;border-radius:var(--radius-sm);background:var(--accent-gradient);box-shadow:var(--shadow-sm);color:var(--accent-ink);font-weight:700;font-size:var(--font-size-md)}.upload-pick-button svg,.upload-record-button svg{width:22px;height:22px}.upload-pick-button:hover{filter:brightness(1.08)}.upload-record-button{width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;gap:var(--space-2);border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;color:var(--ink);font-weight:650;font-size:var(--font-size-md)}@media(min-width:720px)and (hover:hover)and (pointer:fine){.upload-record-button{display:none}}.upload-action-dock{flex:none;z-index:18;display:grid;gap:var(--space-2);padding:var(--space-2) var(--space-5);border-top:1px solid var(--border);background:var(--surface-translucent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:outline-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.upload-drag-hint{display:none}@media(min-width:720px)and (hover:hover)and (pointer:fine){.upload-drag-hint{display:block}}.upload-action-dock.drag-active{outline:2px solid var(--accent);outline-offset:calc(-1 * var(--space-1));background:var(--accent-soft)}.upload-action-dock .upload-hint{margin:0;text-align:center}.upload-thumbnail{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.upload-hint{margin:var(--space-3) 0 0;color:var(--muted);font-size:var(--font-size-xs)}.upload-error{margin:var(--space-3) 0 0;color:var(--danger);font-size:var(--font-size-sm)}.upload-progress{display:grid;gap:var(--space-3);justify-items:center}.upload-progress-track{width:100%;height:8px;border-radius:var(--radius-pill);background:var(--surface-overlay);overflow:hidden}.upload-progress-fill{height:100%;background:var(--accent);border-radius:var(--radius-pill);transition:width var(--duration-base) var(--ease-out)}.upload-progress-fill[data-indeterminate=true]{width:40%;animation:upload-indeterminate 1.1s ease-in-out infinite}@keyframes upload-indeterminate{0%{transform:translate(-100%)}to{transform:translate(250%)}}.upload-progress p{margin:0;color:var(--muted);font-size:var(--font-size-md)}.info-body{padding:var(--space-5);display:grid;grid-auto-rows:max-content;align-content:start;gap:var(--space-4)}.editor-body{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.settings-group{display:grid;grid-auto-rows:minmax(56px,auto);border-block:1px solid var(--border);overflow:visible;background:transparent}.settings-row{min-height:56px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border:0;border-bottom:1px solid var(--border);background:transparent;color:inherit;text-align:left}.settings-row:last-child{border-bottom:0}.settings-row span{display:grid;gap:var(--space-0);min-width:0}.settings-row strong{font-size:var(--font-size-md);font-weight:600;line-height:1.3}.settings-row small{color:var(--muted);font-size:var(--font-size-xs)}.settings-row svg{width:18px;height:18px;color:var(--muted-soft)}.settings-heading{margin:var(--space-2) 0 0;font-size:var(--font-size-sm);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.settings-language{display:grid;gap:var(--space-2)}.language-segment{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised)}.language-segment button{min-height:42px;padding:0 var(--space-3);border:0;border-radius:var(--radius-sm);color:var(--muted);background:transparent;font-weight:650}.language-segment button[aria-checked=true]{color:var(--accent-ink);background:var(--accent);box-shadow:var(--shadow-sm)}.info-muted{margin:0;color:var(--muted);font-size:var(--font-size-md);line-height:1.5}.info-section h2{margin:0 0 var(--space-2);font-size:var(--font-size-md)}.info-section{display:grid;gap:var(--space-2)}.job-list{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-3)}.job-row{min-height:68px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-overlay);border:1px solid var(--border)}.job-row-info{display:grid;gap:var(--space-0);min-width:0}.job-row-info strong{font-size:var(--font-size-md)}.job-row-info span{color:var(--muted);font-size:var(--font-size-xs)}.job-row-error{color:var(--danger)}.job-row-skeleton{min-height:68px}.skeleton{display:block;border-radius:var(--radius-xs);background-color:var(--border);background-image:linear-gradient(90deg,transparent 0%,var(--surface-overlay) 45%,transparent 90%);background-size:220% 100%;background-repeat:no-repeat;animation:skeletonSweep 1.4s var(--ease-in-out) infinite}.job-row-skeleton .job-row-info{gap:var(--space-2)}.skeleton-line{height:12px;width:60%}.skeleton-line-short{height:10px;width:38%}.skeleton-pill{width:64px;height:32px;border-radius:var(--radius-sm)}@keyframes skeletonSweep{0%{background-position:140% 0}to{background-position:-60% 0}}.job-open-button{width:auto;min-height:36px;margin-top:0;padding:0 var(--space-4);font-size:var(--font-size-sm)}.plan-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);background:var(--surface-overlay);display:grid;gap:var(--space-3)}.plan-card-current{border-color:var(--accent);box-shadow:var(--shadow-glow)}.plan-card-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.plan-card-heading strong{font-size:var(--font-size-md)}.plan-badge{font-size:var(--font-size-2xs);font-weight:700;padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent)}.plan-badge-soon{background:var(--surface);color:var(--muted)}.plan-benefits{margin:0;padding-left:var(--space-4);color:var(--muted);font-size:var(--font-size-sm);line-height:1.6}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}