@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/anton-vietnamese.woff2') format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/anton-latin-ext.woff2') format('woff2');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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/anton-latin.woff2') format('woff2');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:'Lilita One';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/lilita-one-latin-ext.woff2') format('woff2');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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Lilita One';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/lilita-one-latin.woff2') format('woff2');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:'Montserrat';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/montserrat-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Montserrat';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/montserrat-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Montserrat';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/montserrat-vietnamese.woff2') format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Montserrat';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/montserrat-latin-ext.woff2') format('woff2');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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Montserrat';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/montserrat-latin.woff2') format('woff2');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:'Playfair Display';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/playfair-display-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Playfair Display';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/playfair-display-vietnamese.woff2') format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Playfair Display';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/playfair-display-latin-ext.woff2') format('woff2');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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Playfair Display';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/playfair-display-latin.woff2') format('woff2');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}.ss{--ss-preview-h:58vh;--ss-tl-bg:var(--bg-deep);--ss-tl-wave:color-mix(in srgb,var(--ink) 22%,transparent);--ss-tl-cue:color-mix(in srgb,var(--tool-accent) 26%,transparent);--ss-tl-cue-on:color-mix(in srgb,var(--tool-accent) 52%,transparent);--ss-tl-line:var(--tool-accent);--ss-tl-text:var(--ink);--ss-tl-muted:var(--muted);--ss-tl-head:var(--accent-2)}.ss__body{display:grid;gap:var(--space-5)}.ss [hidden]{display:none !important}.ss__help{margin:0;color:var(--muted);font-size:var(--fs-sm);line-height:var(--lh-body)}.ss__label{margin:0 0 var(--space-2);color:var(--ink-2);font-size:var(--fs-sm);font-weight:600}.ss__lead{margin:0;color:var(--ink-2);line-height:var(--lh-body)}.ss__h{margin:var(--space-2) 0 0;font-size:var(--fs-md)}.ss__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.ss__row--spread{justify-content:space-between}.ss__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3) var(--space-4);align-items:end}.ss__field{display:grid;gap:var(--space-1);min-width:0;color:var(--ink-2);font-size:var(--fs-sm);font-weight:600}.ss__field--wide{grid-column:1 / -1}.ss__field--color{grid-template-columns:minmax(0,1fr) auto;align-items:center}.ss__input{min-height:44px;min-width:0;width:100%;padding:var(--space-2) var(--space-3);color:var(--ink);font:inherit;font-size:var(--fs-md);font-weight:400;background:var(--bg-deep);border:1px solid var(--line-strong);border-radius:var(--radius-sm)}.ss__input:focus-visible{outline:var(--focus-ring);outline-offset:1px}.ss input[type="range"]{width:100%;min-height:32px;accent-color:var(--tool-accent)}.ss__color{width:48px;height:36px;padding:2px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg-deep);cursor:pointer}.ss__check{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;color:var(--ink-2);font-size:var(--fs-sm);cursor:pointer}.ss__check input{width:20px;height:20px;accent-color:var(--tool-accent);flex:none}.ss__note{display:flex;gap:var(--space-2);align-items:flex-start;margin:0;padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);color:var(--ink-2);font-size:var(--fs-sm);line-height:var(--lh-body)}.ss__note .icon{flex:none;margin-top:2px;color:var(--tool-accent)}.ss__seg{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border-radius:var(--radius-pill);background:var(--bg-deep);border:1px solid var(--line)}.ss__seg button{min-height:38px;min-width:44px;padding:0 var(--space-3);color:var(--ink-2);font:inherit;font-size:var(--fs-sm);font-weight:600;background:none;border:0;border-radius:var(--radius-pill);cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.ss__seg button[aria-checked="true"]{color:var(--accent-ink);background:var(--tool-accent)}.ss__seg button:focus-visible{outline:var(--focus-ring);outline-offset:1px}.ss progress{width:100%;height:6px;appearance:none;-webkit-appearance:none;border:0;border-radius:var(--radius-pill);overflow:hidden;background:var(--bg-deep)}.ss progress::-webkit-progress-bar{background:var(--bg-deep)}.ss progress::-webkit-progress-value{background:var(--tool-accent);border-radius:var(--radius-pill)}.ss progress::-moz-progress-bar{background:var(--tool-accent);border-radius:var(--radius-pill)}.ss__status{margin:0;min-height:1.5em;color:var(--ink-2);font-size:var(--fs-sm)}.ss__status.is-error{color:var(--danger)}.ss__start{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-5);align-items:start}.ss__drop{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);text-align:center;border:2px dashed color-mix(in srgb,var(--tool-accent) 45%,var(--line));border-radius:var(--radius-xl);background:color-mix(in srgb,var(--tool-accent) 6%,var(--bg-deep));transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.ss__drop.is-over{border-color:var(--tool-accent);background:color-mix(in srgb,var(--tool-accent) 14%,var(--bg-deep))}.ss__drop h3{margin:0;font-size:var(--fs-h3)}.ss__art{display:block;width:min(60vw,280px);height:auto;aspect-ratio:4 / 3;filter:drop-shadow(0 16px 26px color-mix(in srgb,var(--tool-accent) 22%,transparent))}.ss__drop-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.ss__options{display:grid;gap:var(--space-4);align-content:start}.ss__quality{display:grid;gap:var(--space-2);margin:0;padding:0;border:0}.ss__quality legend{margin-bottom:var(--space-1);color:var(--ink-2);font-size:var(--fs-sm);font-weight:600}.ss__choice{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface-2);cursor:pointer}.ss__choice:has(input:checked){border-color:var(--tool-accent);background:color-mix(in srgb,var(--tool-accent) 8%,var(--surface-2))}.ss__choice input{width:20px;height:20px;margin-top:2px;accent-color:var(--tool-accent);flex:none}.ss__choice span{display:grid;gap:2px}.ss__choice small{color:var(--muted);font-size:var(--fs-xs);font-weight:400}.ss__work{display:grid;gap:var(--space-4)}.ss__work h3{margin:0;font-size:var(--fs-h3)}.ss__steps{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.ss__steps li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-1) var(--space-3);align-items:center;padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);opacity:.55}.ss__steps li.is-active,.ss__steps li.is-done{opacity:1}.ss__steps li.is-done .ss__step-name::after{content:" ✓";color:var(--accent)}.ss__step-name{font-weight:600;font-size:var(--fs-sm)}.ss__steps progress{grid-column:1 / -1}.ss__live{max-height:200px;overflow:auto;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--bg-deep);color:var(--ink-2);line-height:var(--lh-body)}.ss__live p{margin:0 0 var(--space-1)}.ss__live:empty::before{content:"…";color:var(--faint)}.ss__studio{display:grid;gap:var(--space-4);align-items:start;min-width:0}.ss__stage{display:grid;gap:var(--space-2);min-width:0}.ss__preview{position:relative;width:100%;margin-inline:auto;overflow:hidden;border-radius:var(--radius-lg);background:var(--bg-deep);box-shadow:var(--shadow-card)}.ss__canvas{display:block;width:100%;height:100%;cursor:pointer;touch-action:manipulation}.ss__media{position:absolute;left:0;top:0;width:2px;height:2px;opacity:0;pointer-events:none}.ss__transport{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);min-width:0}.ss__clock{padding-inline:var(--space-2);color:var(--ink-2);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.ss__grow{flex:1}.ss__icon{display:inline-grid;place-items:center;width:44px;height:44px;flex:none;color:var(--ink-2);background:none;border:0;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.ss__icon:disabled{opacity:.4;cursor:default}.ss__icon[aria-pressed="true"]{color:var(--accent-ink);background:var(--tool-accent)}.ss__icon:focus-visible{outline:var(--focus-ring);outline-offset:1px}.ss__icon[data-action="play"]{color:var(--accent-ink);background:var(--tool-accent);border-radius:var(--radius-pill)}.ss__icon[data-action="play"].is-playing .icon{clip-path:polygon(0 0,38% 0,38% 100%,0 100%,0 0,62% 0,100% 0,100% 100%,62% 100%)}.ss__timeline{display:block;width:100%;height:92px;border-radius:var(--radius-md);border:1px solid var(--line);touch-action:pan-y}.ss__timeline:focus-visible{outline:var(--focus-ring);outline-offset:2px}.ss__tl-help{font-size:var(--fs-xs)}.ss__panel{display:grid;gap:var(--space-3);min-width:0}.ss__tabs{display:flex;gap:2px;padding:3px;overflow-x:auto;scrollbar-width:none;border-radius:var(--radius-pill);background:var(--bg-deep);border:1px solid var(--line)}.ss__tabs button{flex:1 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:42px;padding:0 var(--space-3);color:var(--ink-2);font:inherit;font-size:var(--fs-sm);font-weight:600;background:none;border:0;border-radius:var(--radius-pill);cursor:pointer}.ss__tabs button[aria-selected="true"]{color:var(--ink);background:var(--surface-3);box-shadow:var(--shadow-card)}.ss__tabs button[aria-selected="true"] .icon{color:var(--tool-accent)}.ss__tabs button:focus-visible{outline:var(--focus-ring);outline-offset:1px}.ss__pane{display:grid;gap:var(--space-3);min-width:0}.ss__tracks{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1)}.ss__chip{min-height:36px;padding:0 var(--space-3);color:var(--ink-2);font:inherit;font-size:var(--fs-sm);font-weight:600;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-pill);cursor:pointer}.ss__chip[aria-pressed="true"]{color:var(--ink);border-color:var(--tool-accent);background:color-mix(in srgb,var(--tool-accent) 14%,var(--surface-2))}.ss__chip--add{color:var(--tool-accent);border-style:dashed}.ss__chip-x{width:28px;height:28px;margin-left:-6px;color:var(--muted);font:inherit;background:none;border:0;border-radius:50%;cursor:pointer}.ss__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:2px var(--space-1)}.ss__sep{width:1px;height:24px;margin-inline:var(--space-1);background:var(--line)}.ss__drawer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-2)}.ss__drawer .ss__input{flex:1 1 140px;width:auto}.ss__resume{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb,var(--tool-accent) 10%,var(--surface-2));color:var(--ink-2);font-size:var(--fs-sm)}.ss__cues{display:grid;margin:0;padding:0;list-style:none;max-height:52vh;overflow:auto;overscroll-behavior:contain;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface-2)}.ss__cue{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-1) var(--space-2);align-items:start;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line);transition:background var(--dur-fast) var(--ease)}.ss__cue:last-child{border-bottom:0}.ss__cue.is-playing{background:color-mix(in srgb,var(--tool-accent) 10%,var(--surface-2))}.ss__cue.is-selected{background:color-mix(in srgb,var(--tool-accent) 16%,var(--surface-2));box-shadow:inset 3px 0 0 var(--tool-accent)}.ss__cue-time{min-height:40px;padding:0 var(--space-2);color:var(--tool-accent);font:inherit;font-size:var(--fs-xs);font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap;background:none;border:0;border-radius:var(--radius-sm);cursor:pointer}.ss__cue-text{min-height:40px;width:100%;padding:var(--space-2);color:var(--ink);font:inherit;font-size:var(--fs-md);line-height:1.35;resize:none;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);field-sizing:content}.ss__cue-text:focus{background:var(--bg-deep);border-color:var(--line-strong);outline:none}.ss__cue-tools{display:flex;gap:2px}.ss__mini{width:34px;height:34px;color:var(--muted);font:inherit;font-size:1rem;line-height:1;background:none;border:0;border-radius:var(--radius-sm);cursor:pointer}.ss__mini:focus-visible{outline:var(--focus-ring)}.ss__cue-times{grid-column:2 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);color:var(--muted)}.ss__time{width:92px;min-height:36px;font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.ss__empty{padding:var(--space-4);text-align:center}.ss__presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:var(--space-2)}.ss__preset{display:grid;gap:var(--space-1);padding:4px 4px var(--space-2);color:var(--ink-2);font:inherit;font-size:var(--fs-sm);font-weight:600;text-align:center;background:var(--surface-2);border:2px solid var(--line);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.ss__preset canvas{display:block;width:100%;height:auto;aspect-ratio:16 / 9;border-radius:calc(var(--radius-md) - 4px)}.ss__preset[aria-pressed="true"]{color:var(--ink);border-color:var(--tool-accent)}.ss__preset:focus-visible{outline:var(--focus-ring);outline-offset:2px}.ss__group{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface-2)}.ss__group > summary{display:flex;align-items:center;min-height:48px;padding:0 var(--space-4);color:var(--ink);font-weight:600;cursor:pointer;list-style:none}.ss__group > summary::-webkit-details-marker{display:none}.ss__group > summary::after{content:"";width:8px;height:8px;margin-left:auto;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform var(--dur-fast) var(--ease)}.ss__group[open] > summary::after{transform:rotate(-135deg)}.ss__group > :not(summary){margin:0 var(--space-4) var(--space-3)}.ss__group > :last-child{margin-bottom:var(--space-4)}.ss__swatches{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ss__swatch{width:40px;height:40px;border-radius:50%;border:2px solid var(--line);background:linear-gradient(135deg,var(--a),var(--b));cursor:pointer}.ss__swatch[aria-pressed="true"]{border-color:var(--tool-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--tool-accent) 35%,transparent)}.ss__progress{display:grid;gap:var(--space-1)}.ss__result{display:grid;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb,var(--tool-accent) 8%,var(--surface-2))}.ss__result-video{display:block;width:100%;max-height:40vh;border-radius:var(--radius-sm);background:var(--bg-deep)}.ss__exports{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ss__dialog{max-width:min(92vw,420px);padding:var(--space-5);color:var(--ink);background:var(--surface-3);border:1px solid var(--line-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop)}.ss__dialog::backdrop{background:color-mix(in srgb,var(--bg-deep) 70%,transparent)}.ss__dialog p{margin:0 0 var(--space-4);line-height:var(--lh-body)}@media (min-width:900px){.ss__start{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}@media (min-width:1024px){.ss__studio{grid-template-columns:minmax(0,1.2fr) minmax(360px,1fr)}.ss__stage{position:sticky;top:var(--sticky-top)}.ss__panel{position:sticky;top:var(--sticky-top);max-height:calc(100vh - var(--sticky-top) - var(--space-4));overflow:auto;overscroll-behavior:contain;padding-right:2px}.ss__panel > .ss__tabs{position:sticky;top:0;z-index:2;box-shadow:0 0 0 var(--space-2) var(--surface-1)}.ss__cues{max-height:none}}@media (max-width:759.98px){.ss{--ss-preview-h:46svh}.ss__art{display:none}.ss__drop{padding:var(--space-5) var(--space-3)}.ss__tabs button span{font-size:var(--fs-xs)}.ss__tabs button{padding:0 var(--space-2);gap:var(--space-1)}.ss__cue{grid-template-columns:minmax(0,1fr) auto;padding:var(--space-2)}.ss__cue-time{grid-column:1 / -1;justify-self:start;min-height:32px;padding:0}.ss__cue-times{grid-column:1 / -1}.ss__timeline{height:76px}.ss__tl-help{display:none}}@media (hover:hover) and (pointer:fine){.ss__icon:not(:disabled):hover,.ss__mini:hover,.ss__cue-time:hover{background:var(--bg-deep);color:var(--ink)}.ss__preset:hover{transform:translateY(-1px)}}@media (pointer:coarse){.ss__seg button,.ss__tabs button,.ss__chip,.ss__cue-time,.ss__time,.ss__cue-text,.ss input[type="range"]{min-height:44px}.ss__mini,.ss__chip-x,.ss__swatch{width:44px;height:44px}.ss__chip-x{margin-left:-10px}.ss__color{width:52px;height:44px}.ss__time{font-size:16px}}@media (prefers-reduced-motion:reduce){.ss__preset,.ss__seg button,.ss__cue{transition:none}}
