@layer reset{@scope([data-astryx-theme=neutral]) to ([data-astryx-theme]){:where(h1,h2,h3,h4,h5,h6){font-family:var(--font-family-heading);color:var(--color-text-primary)}:where(h1){font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:1.3333}:where(h2){font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:1.4}:where(h3){font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:1.4118}:where(h4){font-size:var(--font-size-base);font-weight:var(--font-weight-bold);line-height:1.4286}:where(h5){font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.6667}:where(h6){font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.6}:where(p){font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--color-text-primary);line-height:1.4286}:where(small){font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);line-height:1.6667}:where(code,pre){font-family:var(--font-family-code);font-size:var(--font-size-base);line-height:1.4286}:where(hr){border:none;border-top:1px solid var(--color-border)}}}@layer astryx-theme{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@scope([data-astryx-theme=neutral]) to ([data-astryx-theme]){:scope{--font-size-4xs:.375rem;--font-size-3xs:.4375rem;--font-size-2xs:.5rem;--font-size-xs:.625rem;--font-size-sm:.75rem;--font-size-base:.875rem;--font-size-lg:1.0625rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.8125rem;--font-size-4xl:2.1875rem;--font-size-5xl:2.625rem;--text-heading-1-size:var(--font-size-2xl);--text-heading-1-weight:var(--font-weight-semibold);--text-heading-1-leading:1.3333;--text-heading-2-size:var(--font-size-xl);--text-heading-2-weight:var(--font-weight-semibold);--text-heading-2-leading:1.4;--text-heading-3-size:var(--font-size-lg);--text-heading-3-weight:var(--font-weight-bold);--text-heading-3-leading:1.4118;--text-heading-4-size:var(--font-size-base);--text-heading-4-weight:var(--font-weight-bold);--text-heading-4-leading:1.4286;--text-heading-5-size:var(--font-size-sm);--text-heading-5-weight:var(--font-weight-semibold);--text-heading-5-leading:1.6667;--text-heading-6-size:var(--font-size-xs);--text-heading-6-weight:var(--font-weight-semibold);--text-heading-6-leading:1.6;--text-body-size:var(--font-size-base);--text-body-weight:var(--font-weight-normal);--text-body-leading:1.4286;--text-large-size:var(--font-size-lg);--text-large-weight:var(--font-weight-semibold);--text-large-leading:1.4118;--text-label-size:var(--font-size-base);--text-label-weight:var(--font-weight-medium);--text-label-leading:1.4286;--text-code-size:var(--font-size-base);--text-code-weight:var(--font-weight-normal);--text-code-leading:1.4286;--text-supporting-size:var(--font-size-sm);--text-supporting-weight:var(--font-weight-normal);--text-supporting-leading:1.6667;--text-display-1-size:var(--font-size-5xl);--text-display-1-weight:var(--font-weight-normal);--text-display-1-leading:1.2381;--text-display-2-size:var(--font-size-4xl);--text-display-2-weight:var(--font-weight-normal);--text-display-2-leading:1.2571;--text-display-3-size:var(--font-size-3xl);--text-display-3-weight:var(--font-weight-normal);--text-display-3-leading:1.3793;--duration-fast-min:95ms;--duration-fast:.125s;--duration-fast-max:.165s;--duration-medium-min:.225s;--duration-medium:.3s;--duration-medium-max:.4s;--duration-slow-min:.525s;--duration-slow:.7s;--duration-slow-max:.935s;--font-family-body:Figtree, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-heading:Figtree, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-code:ui-monospace, "SF Mono", Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-syntax-keyword:var(--lightningcss-light,#700084)var(--lightningcss-dark,#efa8ff);--color-syntax-string:var(--lightningcss-light,#005600)var(--lightningcss-dark,#a6d2a2);--color-syntax-comment:var(--lightningcss-light,#737373)var(--lightningcss-dark,#a3a3a3);--color-syntax-number:var(--lightningcss-light,#6e3500)var(--lightningcss-dark,#ffb37f);--color-syntax-function:var(--lightningcss-light,#00458c)var(--lightningcss-dark,#a0caff);--color-syntax-type:var(--lightningcss-light,#700084)var(--lightningcss-dark,#efa8ff);--color-syntax-variable:var(--lightningcss-light,#171717)var(--lightningcss-dark,#e5e5e5);--color-syntax-operator:var(--lightningcss-light,#737373)var(--lightningcss-dark,#a3a3a3);--color-syntax-constant:var(--lightningcss-light,#6e3500)var(--lightningcss-dark,#ffb37f);--color-syntax-tag:var(--lightningcss-light,#89001a)var(--lightningcss-dark,#ffaeaa);--color-syntax-attribute:var(--lightningcss-light,#584400)var(--lightningcss-dark,#eec12f);--color-syntax-property:var(--lightningcss-light,#005348)var(--lightningcss-dark,#83dac9);--color-syntax-punctuation:var(--lightningcss-light,#a3a3a3)var(--lightningcss-dark,#525252);--color-syntax-background:var(--lightningcss-light,#fafafa)var(--lightningcss-dark,#0a0a0a);--color-background-surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#262626);--color-background-body:var(--lightningcss-light,#f1f1f1)var(--lightningcss-dark,#1b1b1b);--color-background-card:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1b1b1b);--color-background-popover:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1b1b1b);--color-background-muted:var(--lightningcss-light,#f1f1f1)var(--lightningcss-dark,#1b1b1b);--color-accent:var(--lightningcss-light,#262626)var(--lightningcss-dark,#ebebeb);--color-accent-muted:var(--lightningcss-light,#f1f1f1)var(--lightningcss-dark,#262626);--color-neutral:var(--lightningcss-light,#0000000f)var(--lightningcss-dark,#ffffff1a);--color-overlay:var(--lightningcss-light,#00000080)var(--lightningcss-dark,#000c);--color-overlay-hover:var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#ffffff0d);--color-overlay-pressed:var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff1a);--color-text-primary:var(--lightningcss-light,#171717)var(--lightningcss-dark,#fafafa);--color-text-secondary:var(--lightningcss-light,#737373)var(--lightningcss-dark,#a3a3a3);--color-text-disabled:var(--lightningcss-light,#a3a3a3)var(--lightningcss-dark,#525252);--color-text-accent:var(--lightningcss-light,#262626)var(--lightningcss-dark,#ebebeb);--color-on-dark:#fff;--color-on-light:#171717;--color-on-accent:var(--lightningcss-light,#fff)var(--lightningcss-dark,#171717);--color-on-success:var(--lightningcss-light,#fff)var(--lightningcss-dark,#171717);--color-on-error:var(--lightningcss-light,#fff)var(--lightningcss-dark,#171717);--color-on-warning:#171717;--color-icon-accent:var(--lightningcss-light,#262626)var(--lightningcss-dark,#ebebeb);--color-icon-primary:var(--lightningcss-light,#171717)var(--lightningcss-dark,#fafafa);--color-icon-secondary:var(--lightningcss-light,#737373)var(--lightningcss-dark,#a3a3a3);--color-icon-disabled:var(--lightningcss-light,#a3a3a3)var(--lightningcss-dark,#525252);--color-success:var(--lightningcss-light,#007004)var(--lightningcss-dark,#9fe59b);--color-error:var(--lightningcss-light,#a50c25)var(--lightningcss-dark,#ffc6c1);--color-warning:var(--lightningcss-light,#745b00)var(--lightningcss-dark,#fdcf4f);--color-success-muted:var(--lightningcss-light,#c5e5c0)var(--lightningcss-dark,#84c9803d);--color-error-muted:var(--lightningcss-light,#facecb)var(--lightningcss-dark,#ff9e973d);--color-warning-muted:var(--lightningcss-light,#f8da9d)var(--lightningcss-dark,#deb4333d);--color-border:var(--lightningcss-light,#ebebeb)var(--lightningcss-dark,#ffffff1a);--color-border-emphasized:var(--lightningcss-light,#d4d4d4)var(--lightningcss-dark,#525252);--color-skeleton:var(--lightningcss-light,#ebebeb)var(--lightningcss-dark,#525252);--color-shadow:var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#0000004d);--color-tint-hover:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);--color-background-red:var(--lightningcss-light,#facecb)var(--lightningcss-dark,#ff9e973d);--color-border-red:var(--lightningcss-light,#e6bab8)var(--lightningcss-dark,#ff6f6c);--color-icon-red:var(--lightningcss-light,#89001a)var(--lightningcss-dark,#ff9e97);--color-text-red:var(--lightningcss-light,#89001a)var(--lightningcss-dark,#ffc6c1);--color-background-orange:var(--lightningcss-light,#fad0b5)var(--lightningcss-dark,#ffa2583d);--color-border-orange:var(--lightningcss-light,#e6bda2)var(--lightningcss-dark,#e2883e);--color-icon-orange:var(--lightningcss-light,#6e3500)var(--lightningcss-dark,#ffa258);--color-text-orange:var(--lightningcss-light,#6e3500)var(--lightningcss-dark,#ffc9a2);--color-background-yellow:var(--lightningcss-light,#f8da9d)var(--lightningcss-dark,#deb4333d);--color-border-yellow:var(--lightningcss-light,#e4c279)var(--lightningcss-dark,#c0990e);--color-icon-yellow:var(--lightningcss-light,#584400)var(--lightningcss-dark,#deb433);--color-text-yellow:var(--lightningcss-light,#584400)var(--lightningcss-dark,#fdcf4f);--color-background-green:var(--lightningcss-light,#c5e5c0)var(--lightningcss-dark,#84c9803d);--color-border-green:var(--lightningcss-light,#b2d1ac)var(--lightningcss-dark,#69ad67);--color-icon-green:var(--lightningcss-light,#0c5700)var(--lightningcss-dark,#84c980);--color-text-green:var(--lightningcss-light,#0c5700)var(--lightningcss-dark,#9fe59b);--color-background-teal:var(--lightningcss-light,#a5e3d6)var(--lightningcss-dark,#7ec6b83d);--color-border-teal:var(--lightningcss-light,#94d6c8)var(--lightningcss-dark,#63ab9d);--color-icon-teal:var(--lightningcss-light,#005348)var(--lightningcss-dark,#7ec6b8);--color-text-teal:var(--lightningcss-light,#005348)var(--lightningcss-dark,#99e2d3);--color-background-cyan:var(--lightningcss-light,#a3e0ef)var(--lightningcss-dark,#83c2d43d);--color-border-cyan:var(--lightningcss-light,#91d3e3)var(--lightningcss-dark,#67a7b8);--color-icon-cyan:var(--lightningcss-light,#00505f)var(--lightningcss-dark,#83c2d4);--color-text-cyan:var(--lightningcss-light,#00505f)var(--lightningcss-dark,#9edef0);--color-background-blue:var(--lightningcss-light,#c4ddfb)var(--lightningcss-dark,#9eb7ff3d);--color-border-blue:var(--lightningcss-light,#b1c9e7)var(--lightningcss-dark,#6d9cfe);--color-icon-blue:var(--lightningcss-light,#00458c)var(--lightningcss-dark,#9eb7ff);--color-text-blue:var(--lightningcss-light,#00458c)var(--lightningcss-dark,#c7d3ff);--color-background-purple:var(--lightningcss-light,#eccef3)var(--lightningcss-dark,#f297ff3d);--color-border-purple:var(--lightningcss-light,#d8bbdf)var(--lightningcss-dark,#dd74f0);--color-icon-purple:var(--lightningcss-light,#700084)var(--lightningcss-dark,#f297ff);--color-text-purple:var(--lightningcss-light,#700084)var(--lightningcss-dark,#fac1ff);--color-background-pink:var(--lightningcss-light,#fccadc)var(--lightningcss-dark,#ff99c33d);--color-border-pink:var(--lightningcss-light,#e7b7c8)var(--lightningcss-dark,#f273aa);--color-icon-pink:var(--lightningcss-light,#83004b)var(--lightningcss-dark,#ff99c3);--color-text-pink:var(--lightningcss-light,#83004b)var(--lightningcss-dark,#ffc3da);--color-background-gray:var(--lightningcss-light,#e5e5e5)var(--lightningcss-dark,var(--color-neutral));--color-border-gray:var(--lightningcss-light,#d4d4d4)var(--lightningcss-dark,#262626);--color-icon-gray:var(--lightningcss-light,#525252)var(--lightningcss-dark,#a3a3a3);--color-text-gray:var(--lightningcss-light,#262626)var(--lightningcss-dark,#e5e5e5);--radius-none:.25rem;--radius-inner:.375rem;--radius-element:.625rem;--radius-container:.75rem;--radius-page:1.75rem;--radius-full:9999px;--shadow-low:0 2px 4px var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#00000040), 0 4px 8px var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#0006), inset 0 0 0 1px var(--lightningcss-light,#0000)var(--lightningcss-dark,#ffffff14);--shadow-med:0 2px 4px var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#00000059), 0 4px 12px var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#00000080), inset 0 0 0 1px var(--lightningcss-light,#0000)var(--lightningcss-dark,#ffffff1f);--shadow-high:0 4px 6px var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#00000080), 0 12px 24px var(--lightningcss-light,#00000026)var(--lightningcss-dark,#000000b3), inset 0 0 0 1px var(--lightningcss-light,#0000)var(--lightningcss-dark,#ffffff26);--shadow-inset-hover:inset 0px 0px 0px 2px #0074e24d;--shadow-inset-selected:inset 0px 0px 0px 2px #0074e280;--shadow-inset-success:inset 0px 0px 0px 2px #1981004d;--shadow-inset-warning:inset 0px 0px 0px 2px #ffce2f4d;--shadow-inset-error:inset 0px 0px 0px 2px #e33f4a4d}@supports (color:lab(0% 0 0)){:scope{--shadow-low:0 2px 4px var(--lightningcss-light,lab(0% 0 0/.05))var(--lightningcss-dark,lab(0% 0 0/.25)), 0 4px 8px var(--lightningcss-light,lab(0% 0 0/.1))var(--lightningcss-dark,lab(0% 0 0/.4)), inset 0 0 0 1px var(--lightningcss-light,lab(0% 0 0/0))var(--lightningcss-dark,lab(100% 0 0/.08));--shadow-med:0 2px 4px var(--lightningcss-light,lab(0% 0 0/.05))var(--lightningcss-dark,lab(0% 0 0/.35)), 0 4px 12px var(--lightningcss-light,lab(0% 0 0/.1))var(--lightningcss-dark,lab(0% 0 0/.5)), inset 0 0 0 1px var(--lightningcss-light,lab(0% 0 0/0))var(--lightningcss-dark,lab(100% 0 0/.12));--shadow-high:0 4px 6px var(--lightningcss-light,lab(0% 0 0/.1))var(--lightningcss-dark,lab(0% 0 0/.5)), 0 12px 24px var(--lightningcss-light,lab(0% 0 0/.15))var(--lightningcss-dark,lab(0% 0 0/.7)), inset 0 0 0 1px var(--lightningcss-light,lab(0% 0 0/0))var(--lightningcss-dark,lab(100% 0 0/.15))}}.astryx-heading.level-1{font-family:var(--font-family-heading);font-size:var(--text-heading-1-size);font-weight:var(--text-heading-1-weight);line-height:var(--text-heading-1-leading)}.astryx-heading.level-2{font-family:var(--font-family-heading);font-size:var(--text-heading-2-size);font-weight:var(--text-heading-2-weight);line-height:var(--text-heading-2-leading)}.astryx-heading.level-3{font-family:var(--font-family-heading);font-size:var(--text-heading-3-size);font-weight:var(--text-heading-3-weight);line-height:var(--text-heading-3-leading)}.astryx-heading.level-4{font-family:var(--font-family-heading);font-size:var(--text-heading-4-size);font-weight:var(--text-heading-4-weight);line-height:var(--text-heading-4-leading)}.astryx-heading.level-5{font-family:var(--font-family-heading);font-size:var(--text-heading-5-size);font-weight:var(--text-heading-5-weight);line-height:var(--text-heading-5-leading)}.astryx-heading.level-6{font-family:var(--font-family-heading);font-size:var(--text-heading-6-size);font-weight:var(--text-heading-6-weight);line-height:var(--text-heading-6-leading)}.astryx-text.body{font-family:var(--font-family-body);font-size:var(--text-body-size);line-height:var(--text-body-leading)}.astryx-text.large{font-family:var(--font-family-body);font-size:var(--text-large-size);line-height:var(--text-large-leading)}.astryx-text.label{font-family:var(--font-family-body);font-size:var(--text-label-size);line-height:var(--text-label-leading)}.astryx-text.code{font-family:var(--font-family-code);font-size:var(--text-code-size);line-height:var(--text-code-leading)}.astryx-text.supporting{font-family:var(--font-family-body);font-size:var(--text-supporting-size);line-height:var(--text-supporting-leading)}.astryx-text.display-1{font-family:var(--font-family-heading);font-size:var(--text-display-1-size);line-height:var(--text-display-1-leading)}.astryx-text.display-2{font-family:var(--font-family-heading);font-size:var(--text-display-2-size);line-height:var(--text-display-2-leading)}.astryx-text.display-3{font-family:var(--font-family-heading);font-size:var(--text-display-3-size);line-height:var(--text-display-3-leading)}.astryx-button.destructive{background-color:var(--color-error-muted);color:var(--color-error)}.astryx-badge.info{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#171717);background-color:var(--lightningcss-light,#0074e2)var(--lightningcss-dark,#6d9cfe)}.astryx-badge.neutral{background-color:var(--color-background-gray);color:var(--color-text-gray)}.astryx-badge.success{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#171717);background-color:var(--lightningcss-light,#198100)var(--lightningcss-dark,#64af4c)}.astryx-badge.warning{color:#171717;background-color:#ffce2f}.astryx-badge.error{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#171717);background-color:var(--lightningcss-light,#e33f4a)var(--lightningcss-dark,#ff705d)}.astryx-badge.red{background-color:var(--color-background-red);color:var(--color-text-red)}.astryx-badge.orange{background-color:var(--color-background-orange);color:var(--color-text-orange)}.astryx-badge.yellow{background-color:var(--color-background-yellow);color:var(--color-text-yellow)}.astryx-badge.green{background-color:var(--color-background-green);color:var(--color-text-green)}.astryx-badge.teal{background-color:var(--color-background-teal);color:var(--color-text-teal)}.astryx-badge.cyan{background-color:var(--color-background-cyan);color:var(--color-text-cyan)}.astryx-badge.blue{background-color:var(--color-background-blue);color:var(--color-text-blue)}.astryx-badge.purple{background-color:var(--color-background-purple);color:var(--color-text-purple)}.astryx-badge.pink{background-color:var(--color-background-pink);color:var(--color-text-pink)}.astryx-badge.gray{background-color:var(--color-background-gray);color:var(--color-text-gray)}.astryx-banner.info{background-color:var(--color-background-blue);--color-accent-muted:transparent;--color-text-primary:var(--color-text-blue);--color-text-secondary:var(--color-text-blue);--color-accent:var(--color-text-blue)}.astryx-banner.success{--color-text-primary:var(--color-text-green);--color-text-secondary:var(--color-text-green);--color-success:var(--color-text-green)}.astryx-banner.warning{--color-text-primary:var(--color-text-yellow);--color-text-secondary:var(--color-text-yellow);--color-warning:var(--color-text-yellow)}.astryx-banner.error{--color-text-primary:var(--color-text-red);--color-text-secondary:var(--color-text-red);--color-error:var(--color-text-red)}.astryx-switch{--color-background-gray:var(--color-border-emphasized)}.astryx-progressbar{--color-background-muted:var(--color-border-emphasized)}.astryx-progressbar.accent{--color-accent:#0074e2}.astryx-progressbar.success{--color-success:#198100}.astryx-progressbar.warning{--color-warning:#ffce2f}.astryx-progressbar.error{--color-error:#e33f4a}.astryx-card{--astryx-card-padding:var(--spacing-3)}.astryx-section{--astryx-section-padding:var(--spacing-3)}.astryx-text.primary,.astryx-heading.primary{color:var(--color-text-primary)}.astryx-text.secondary,.astryx-heading.secondary{color:var(--color-text-secondary)}.astryx-text.disabled,.astryx-heading.disabled{color:var(--color-text-disabled)}.astryx-text.placeholder,.astryx-heading.placeholder{color:var(--color-text-secondary)}.astryx-text.accent,.astryx-heading.accent{color:var(--color-text-accent)}}@scope([data-astryx-theme=neutral]) to ([data-astryx-theme]){[data-astryx-media=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-text-primary:var(--color-on-dark);--color-icon-primary:var(--color-on-dark);--color-accent:var(--color-on-dark)}[data-astryx-media=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-text-primary:var(--color-on-light);--color-icon-primary:var(--color-on-light);--color-accent:var(--color-on-light)}}}
.usage-workspace{width:100%;max-width:1280px;min-height:calc(100dvh - 64px);padding:var(--spacing-8);gap:var(--spacing-5);flex-direction:column;margin:0 auto;display:flex}.usage-history-workspace{width:min(100% - var(--spacing-8), 1280px);margin:var(--spacing-5) auto 0;gap:var(--spacing-3);flex-direction:column;display:flex}.usage-history-workspace video{width:100%;max-height:60vh}.usage-workspace__header,.usage-section{gap:var(--spacing-2);flex-direction:column;min-width:0;display:flex}.usage-workspace__header{margin-bottom:var(--spacing-2)}.usage-workspace h1{font-size:28px;line-height:1.4}.usage-workspace h2{font-size:16px;font-weight:600}.usage-workspace h3{font-size:var(--font-size-base)}.usage-workspace h2,.usage-workspace h3,.usage-workspace p{margin:0}.usage-workspace__header>p:not(.eyebrow),.usage-note{color:var(--color-text-secondary);font-size:12px;line-height:1.7}.usage-workspace__header>p:not(.eyebrow){font-size:13px}.usage-start{align-items:center;gap:var(--spacing-5);margin-bottom:var(--spacing-3);background:var(--color-background-surface);display:flex}.usage-start__icon{border:1px solid var(--color-border);border-radius:var(--radius-container);background:var(--color-background-body);flex:none;place-items:center;width:52px;height:52px;display:grid}.usage-start__icon svg{width:26px;height:26px}.usage-start>div{flex:1}.usage-start h2{margin-bottom:var(--spacing-2);letter-spacing:-.035em;font-size:18px}.usage-start p{color:var(--color-text-secondary);font-size:13px;line-height:1.6}.usage-filters{align-items:flex-end;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);border:1px solid var(--color-border);border-radius:var(--radius-container);background:var(--color-background-surface);flex-wrap:wrap;display:flex}.usage-filters label{gap:var(--spacing-2);min-width:0;color:var(--color-text-secondary);flex-direction:column;font-size:12px;display:flex}.usage-filters input,.usage-filters select{min-width:0;height:36px;padding:var(--spacing-2) var(--spacing-3);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-element);background:var(--color-background-surface);font:inherit;font-size:13px}.usage-filters input:focus-visible,.usage-filters select:focus-visible,.usage-detail-link:focus-visible,.usage-recent__item:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.usage-metrics{gap:var(--spacing-4);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.usage-metrics>div,.usage-detail{padding:var(--spacing-5);border:1px solid var(--color-border);border-radius:var(--radius-container);background:var(--color-background-surface)}.usage-metrics dt{justify-content:space-between;align-items:center;gap:var(--spacing-2);color:var(--color-text-secondary);font-size:12px;display:flex}.usage-metrics dt svg{width:17px;height:17px}.usage-metrics dd{margin:var(--spacing-5) 0 0;overflow-wrap:anywhere;letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:600}.usage-summary-notes{justify-content:space-between;gap:var(--spacing-2);flex-wrap:wrap;margin-top:-6px;display:flex}.usage-section{margin-top:var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius-container);background:var(--color-background-surface);gap:0;overflow:hidden}.usage-section>.usage-section__heading{padding:var(--spacing-5)}.usage-recent,.usage-charge-lines{margin:0;padding:0;list-style:none;display:grid}.usage-recent__columns,.usage-recent__item{align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);grid-template-columns:minmax(0,1fr) 94px 104px 104px 80px;display:grid}.usage-recent__columns{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3);color:var(--color-text-secondary);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-background-body);font-size:11px}.usage-recent__item{width:100%;min-width:0;min-height:72px;color:var(--color-text-primary);border:0;border-bottom:1px solid var(--color-border);background:var(--color-background-surface);font:inherit;text-align:left;cursor:pointer;font-size:12px}.usage-recent>li:last-child .usage-recent__item{border-bottom:0}.usage-recent__item:hover{background:var(--color-background-body)}.usage-recent__item>span{justify-self:start}.usage-recent__action{color:var(--color-text-secondary);white-space:nowrap;font-size:11px}.usage-recent strong{align-items:center;gap:var(--spacing-3);min-width:0;font-size:13px;font-weight:500;display:flex}.usage-recent strong>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.usage-recent__file-icon{border:1px solid var(--color-border);background:var(--color-background-body);border-radius:6px;flex:none;place-items:center;width:34px;height:38px;display:grid}.usage-recent__file-icon svg{width:17px;height:17px}.usage-charge-lines li{padding:var(--spacing-3);gap:var(--spacing-3);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.usage-actions,.usage-pagination,.usage-section__heading{align-items:center;gap:var(--spacing-3);flex-wrap:wrap;display:flex}.usage-actions--end,.usage-pagination{justify-content:flex-end}.usage-section__heading{justify-content:space-between}.usage-table-container{border:1px solid var(--color-border);border-radius:var(--radius-container);background:var(--color-background-surface);overflow-x:auto}.usage-table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.usage-table caption{padding:var(--spacing-4) var(--spacing-5);text-align:left}.usage-table th,.usage-table td{padding:var(--spacing-4);vertical-align:middle;border-bottom:1px solid var(--color-border)}.usage-table th{white-space:nowrap;color:var(--color-text-secondary);background:var(--color-background-body);font-size:11px;font-weight:500}.usage-table td{min-width:105px}.usage-table td:first-child{min-width:170px;max-width:320px}.usage-table td>span{margin-top:var(--spacing-1);color:var(--color-text-secondary);font-size:11px;display:block}.usage-table td>span[data-variant]{display:inline-flex}.usage-history-row{cursor:pointer}.usage-history-row:hover,.usage-history-row:focus-within{background:var(--color-background-body)}.usage-detail-link{color:var(--color-text-primary);font:inherit;text-align:left;overflow-wrap:anywhere;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:500}.usage-result{gap:var(--spacing-3);flex-direction:column;display:flex}.usage-workspace [role=alert]{color:var(--color-text-red);overflow-wrap:anywhere}.studio-empty{padding:var(--spacing-10) var(--spacing-5);align-items:center;gap:var(--spacing-3);color:var(--color-text-secondary);text-align:center;flex-direction:column;font-size:13px;display:flex}.studio-empty>svg{width:28px;height:28px;margin-bottom:var(--spacing-2)}.studio-empty>span{font-size:12px}@media (max-width:1100px){.usage-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-recent__columns,.usage-recent__item{grid-template-columns:minmax(0,1fr) 88px 85px 85px}.usage-recent__action,.usage-recent__columns>span:last-child{display:none}}@media (max-width:800px){.usage-workspace{padding:var(--spacing-6)}}@media (max-width:600px){.usage-workspace{padding:var(--spacing-6) var(--spacing-4);gap:var(--spacing-4)}.usage-workspace h1{font-size:24px}.usage-start{gap:var(--spacing-3);padding:var(--spacing-5);flex-wrap:wrap}.usage-start__icon{display:none}.usage-start>div{flex-basis:100%}.usage-start>button{width:100%}.usage-filters{padding:var(--spacing-4)}.usage-filters label{flex:40%}.usage-filters input,.usage-filters select{width:100%}.usage-metrics{gap:var(--spacing-3)}.usage-metrics>div{padding:var(--spacing-4)}.usage-metrics dt{font-size:11px}.usage-metrics dt svg{display:none}.usage-metrics dd{font-size:22px}.usage-recent__columns{display:none}.usage-recent__item{gap:var(--spacing-2);padding:var(--spacing-4);grid-template-columns:minmax(0,1fr) auto}.usage-recent__item>span:nth-child(3){padding-left:46px}.usage-recent__item>span:nth-child(4){justify-self:end}.usage-recent strong{font-size:12px}}
:root{font-family:var(--font-family-body);color:var(--color-text-primary);background:var(--color-background-body)}body{background:var(--color-background-body);min-width:320px;min-height:100vh;font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;margin:0}html{scrollbar-gutter:stable}*,:before,:after{box-sizing:border-box}button,a{-webkit-tap-highlight-color:transparent}.site-header{max-width:1120px;padding:var(--spacing-5) var(--spacing-6);justify-content:space-between;align-items:baseline;margin:0 auto;display:flex}.brand{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:-.04em;text-decoration:none}.product-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.service-switcher{width:fit-content;max-width:calc(100% - var(--spacing-8));margin:var(--spacing-4) auto 0;padding:var(--spacing-1);gap:var(--spacing-1);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-container);background:var(--color-background-surface);display:flex}.service-switcher button{padding:var(--spacing-2) var(--spacing-4);color:var(--color-text-secondary);font:inherit;border-radius:var(--radius-element);cursor:pointer;background:0 0;border:0}.service-switcher button[aria-pressed=true]{color:var(--color-text-primary);background:var(--color-background-secondary);font-weight:var(--font-weight-semibold)}.eyebrow{color:var(--color-text-secondary);font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:.08em;margin:0}h1{max-width:700px;font-size:clamp(var(--font-size-3xl), 7vw, var(--font-size-5xl));font-weight:var(--font-weight-semibold);letter-spacing:-.045em;text-wrap:balance;margin:0;line-height:1.12}.workflow-launcher{gap:var(--spacing-5);flex-direction:column;min-width:0;display:flex}.workflow-launcher fieldset{border:0;min-width:0;margin:0;padding:0}.workflow-launcher legend{margin-bottom:var(--spacing-3);font-weight:var(--font-weight-semibold);padding:0}.workflow-launcher__catalog{gap:var(--spacing-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.workflow-launcher__capability{align-items:flex-start;gap:var(--spacing-3);min-width:0;padding:var(--spacing-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-container);cursor:pointer;display:flex}.workflow-launcher__capability:has(input:checked){border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.workflow-launcher__capability:has(input:focus-visible){outline:2px solid var(--color-accent);outline-offset:var(--spacing-1)}.workflow-launcher__capability[data-unavailable=true]{color:var(--color-text-secondary);background:var(--color-background-secondary);cursor:not-allowed}.workflow-launcher__capability input{margin-top:var(--spacing-1);flex:none}.workflow-launcher__capability-copy,.workflow-launcher__unavailable{gap:var(--spacing-1);flex-direction:column;min-width:0;display:flex}.workflow-launcher__capability-copy>span{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.workflow-launcher__unavailable code{overflow-wrap:anywhere;color:var(--color-warning);font-size:var(--font-size-sm)}.workflow-launcher__inputs{gap:var(--spacing-4);display:grid}.workflow-launcher__input{gap:var(--spacing-2);min-width:0;display:grid}.workflow-launcher__input label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.workflow-launcher__input select{width:100%;min-width:0;max-width:100%;padding:var(--spacing-3);color:var(--color-text-primary);background:var(--color-background-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-element);font:inherit}.workflow-launcher__input select:focus-visible{outline:2px solid var(--color-accent);outline-offset:var(--spacing-1)}.workflow-launcher__input-status,.workflow-launcher__empty{color:var(--color-text-secondary);font-size:var(--font-size-sm);overflow-wrap:anywhere;margin:0}.workflow-launcher__actions{justify-content:flex-end;display:flex}.workflow-run-list{min-width:0;margin-top:var(--spacing-8);gap:var(--spacing-5);flex-direction:column;display:flex}.workflow-run-list>h2,.workflow-run-list h3,.workflow-run-list h4{margin:0}.workflow-run-list>h2{font-size:var(--text-heading-2-size)}.workflow-run-list__runs{gap:var(--spacing-4);min-width:0;display:grid}.workflow-run-list__run{min-width:0;padding:var(--spacing-5);gap:var(--spacing-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-container);background:var(--color-background-surface);flex-direction:column;display:flex}.workflow-run-list__run-heading,.workflow-run-list__artifact-heading{justify-content:space-between;align-items:flex-start;gap:var(--spacing-3);min-width:0;display:flex}.workflow-run-list__run-heading h3,.workflow-run-list__run-heading h3 span,.workflow-run-list__artifact-heading strong{overflow-wrap:anywhere;min-width:0}.workflow-run-list__run-heading h3{font-size:var(--font-size-lg)}.workflow-run-list__status{padding:var(--spacing-1) var(--spacing-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-element);background:var(--color-background-muted);flex:none;margin:0}.workflow-run-list__run[data-status=RUNNING] .workflow-run-list__status{color:var(--color-text-accent)}.workflow-run-list__run[data-status=CANCELLING] .workflow-run-list__status{color:var(--color-text-yellow)}.workflow-run-list__run[data-status=SUCCEEDED] .workflow-run-list__status{color:var(--color-text-green)}.workflow-run-list__run[data-status=FAILED] .workflow-run-list__status{color:var(--color-text-red)}.workflow-run-list__identity,.workflow-run-list__metadata{gap:var(--spacing-3);min-width:0;margin:0;display:grid}.workflow-run-list__identity{grid-template-columns:repeat(3,minmax(0,1fr))}.workflow-run-list__identity div,.workflow-run-list__metadata div{min-width:0}.workflow-run-list__identity dt,.workflow-run-list__metadata dt{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.workflow-run-list__identity dd,.workflow-run-list__metadata dd{margin:var(--spacing-1) 0 0;overflow-wrap:anywhere}.workflow-run-list__failure{gap:var(--spacing-1);overflow-wrap:anywhere;flex-direction:column;min-width:0;display:flex}.workflow-run-list__failure code,.workflow-run-list__artifact code,.workflow-run-list__artifact-pending code,.workflow-run-list>[role=alert] code{overflow-wrap:anywhere}.workflow-run-list__actions{justify-content:flex-end;display:flex}.workflow-run-list__results{min-width:0;padding-top:var(--spacing-4);gap:var(--spacing-3);border-top:var(--border-width) solid var(--color-border);flex-direction:column;display:flex}.workflow-run-list__results h4{font-size:var(--font-size-base)}.workflow-run-list__results ul{gap:var(--spacing-3);min-width:0;margin:0;padding:0;list-style:none;display:grid}.workflow-run-list__artifact,.workflow-run-list__artifact-pending{min-width:0;padding:var(--spacing-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-element);background:var(--color-background-body)}.workflow-run-list__artifact{gap:var(--spacing-3);display:grid}.workflow-run-list__artifact-heading strong{align-self:center}.workflow-run-list__metadata{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr))}.workflow-run-list__artifact-pending p,.workflow-run-list__empty,.workflow-run-list__note{color:var(--color-text-secondary);overflow-wrap:anywhere;margin:0}.workflow-run-list__artifact-pending{gap:var(--spacing-2);flex-direction:column;display:flex}@media (max-width:600px){.site-header{padding-right:var(--spacing-4);padding-left:var(--spacing-4)}.service-switcher{width:calc(100% - var(--spacing-8))}.service-switcher button{flex:1}.workflow-launcher__catalog{grid-template-columns:1fr}.workflow-launcher__actions>button{width:100%}.workflow-run-list__run-heading,.workflow-run-list__artifact-heading{flex-direction:column}.workflow-run-list__identity{grid-template-columns:1fr}.workflow-run-list__actions>button,.workflow-run-list__artifact-heading>a,.workflow-run-list__artifact-heading>button{width:100%}}
.app-shell{--studio-sidebar:#1f2937;--studio-sidebar-text:#d6dae3;--studio-sidebar-muted:#a7b0bf;background:var(--color-background-body);flex-direction:column;min-height:100dvh;display:flex}.app-shell>.site-header{z-index:5;max-width:none;height:64px;padding:0 var(--spacing-6);align-items:center;gap:var(--spacing-6);border-bottom:1px solid var(--color-border);background:var(--color-background-surface);flex:none;margin:0;display:flex;position:sticky;top:0}.app-shell .brand{align-items:center;gap:var(--spacing-2);font-size:18px;font-weight:var(--font-weight-bold);letter-spacing:-.04em;display:flex}.app-shell .product-label{padding-left:var(--spacing-6);border-left:1px solid var(--color-border);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.01em}.app-shell__body{flex:1;min-height:calc(100dvh - 64px);display:flex}.app-sidebar{width:232px;min-width:232px;height:calc(100dvh - 64px);padding:var(--spacing-6) var(--spacing-3) var(--spacing-4);color:var(--studio-sidebar-text);background:var(--studio-sidebar);flex-direction:column;display:flex;position:sticky;top:64px}.app-sidebar__identity{align-items:center;gap:var(--spacing-3);padding:0 var(--spacing-2) var(--spacing-8);display:flex}.app-sidebar__identity strong{color:#fff;font-size:var(--font-size-base);font-weight:600}.app-sidebar__identity p{color:var(--studio-sidebar-muted);margin:4px 0 0;font-size:11px}.app-sidebar__mark{border-radius:var(--radius-element);background:#ffffff0d;border:1px solid #ffffff26;flex:none;place-items:center;width:36px;height:36px;display:grid}.app-sidebar__label,.app-sidebar__group-label{padding:0 var(--spacing-3) var(--spacing-2);color:var(--studio-sidebar-muted);margin:0;font-size:11px;font-weight:500}.app-sidebar__navigation{flex:1;min-height:0}.app-sidebar__menu,.app-sidebar__submenu{gap:var(--spacing-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.app-sidebar__group-label{padding-top:var(--spacing-6)}.app-sidebar__button{width:100%;min-height:42px;padding:var(--spacing-3);align-items:center;gap:var(--spacing-3);color:var(--studio-sidebar-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;font-size:13px;font-weight:500;transition:background .125s,color .125s;display:flex}.app-sidebar__button .studio-icon{opacity:.85;width:18px;height:18px}.app-sidebar__button:hover{color:#fff;background:#ffffff12}.app-sidebar__button[aria-current=page]{color:#1f2937;background:#fff;font-weight:600}.app-sidebar__button:focus-visible{outline-offset:3px;outline:2px solid #fff}.app-sidebar__footer{gap:var(--spacing-5);padding:var(--spacing-4) var(--spacing-3) 0;color:var(--studio-sidebar-muted);border-top:1px solid #ffffff1a;font-size:11px;display:grid}.app-sidebar__footer p{color:inherit;font-size:inherit;margin:0}.app-sidebar__access{gap:var(--spacing-2);align-items:center;display:flex}.app-sidebar__access .studio-icon{width:16px;height:16px}.app-content{flex:1;min-width:0}.studio-icon{vertical-align:middle;flex:none;display:inline-block}.subtitle-generation{width:100%;max-width:1280px;min-height:calc(100dvh - 64px);padding:var(--spacing-8);gap:var(--spacing-6);flex-direction:column;margin:0 auto;display:flex}.subtitle-generation__header{align-items:flex-start;gap:var(--spacing-2);flex-direction:column;display:flex}.subtitle-generation__header>*{margin:0}.subtitle-generation__header h1{letter-spacing:-.04em;font-size:28px;line-height:1.4}.subtitle-generation__header>p:not(.eyebrow){color:var(--color-text-secondary);font-size:13px;line-height:1.7}.subtitle-generation__privacy{align-items:center;gap:var(--spacing-2);padding-top:var(--spacing-2);display:flex}.subtitle-generation__privacy .studio-icon{width:15px;height:15px}.studio-steps{gap:var(--spacing-4);padding:var(--spacing-5) var(--spacing-6);border:1px solid var(--color-border);border-radius:var(--radius-container);background:var(--color-background-surface);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;list-style:none;display:grid}.studio-steps li{align-items:center;gap:var(--spacing-3);color:var(--color-text-secondary);display:flex}.studio-steps li>span{border:1px solid var(--color-border);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:11px;font-weight:600;display:grid}.studio-steps li[aria-current=step]{color:var(--color-text-primary)}.studio-steps li[aria-current=step]>span{border-color:var(--color-accent);color:var(--color-background-surface);background:var(--color-accent)}.studio-steps strong{font-size:13px;font-weight:600}.studio-steps p{color:var(--color-text-secondary);margin:4px 0 0;font-size:11px}.subtitle-generation__inputs{align-items:start;gap:var(--spacing-5);grid-template-columns:1.15fr 1fr;display:grid}.subtitle-generation__input-card,.subtitle-generation__preview{min-width:0;padding:var(--spacing-6);gap:var(--spacing-5);border:1px solid var(--color-border);border-radius:var(--radius-container);background:var(--color-background-surface);flex-direction:column;display:flex}.subtitle-generation__input-card h2,.subtitle-generation__input-card p,.subtitle-generation__preview h2{margin:0}.subtitle-generation__input-card h2,.subtitle-generation__preview h2{font-size:16px;font-weight:600}.subtitle-generation__card-heading{align-items:center;gap:var(--spacing-3);display:flex}.subtitle-generation__card-heading p{color:var(--color-text-secondary);margin-top:4px;font-size:12px}.studio-file-icon{border:1px solid var(--color-border);border-radius:var(--radius-element);background:var(--color-background-body);flex:none;place-items:center;width:42px;height:42px;display:grid}.studio-file-tag{color:var(--color-text-secondary);letter-spacing:.05em;white-space:nowrap;margin-left:auto;font-size:10px;font-weight:600}.subtitle-generation__input-card>p,.subtitle-generation__status{color:var(--color-text-secondary);font-size:13px;line-height:1.7}.subtitle-generation__input-hint{padding-top:var(--spacing-3);border-top:1px solid var(--color-border)}.subtitle-generation__separator{align-items:center;gap:var(--spacing-3);color:var(--color-text-secondary);font-size:11px;display:flex}.subtitle-generation__separator:before,.subtitle-generation__separator:after{background:var(--color-border);content:"";flex:1;height:1px}.subtitle-generation__hls-form{align-items:center;gap:var(--spacing-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.subtitle-generation__hls-form label,.subtitle-generation__hls-form p{grid-column:1/-1}.subtitle-generation__hls-form label{font-size:12px;font-weight:500}.subtitle-generation__hls-form input{width:100%;min-width:0;height:36px;padding:var(--spacing-2) var(--spacing-3);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-element);background:var(--color-background-surface);font:inherit;font-size:12px}.subtitle-generation__hls-form input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.subtitle-generation__hls-form p{color:var(--color-text-red);margin:0;font-size:12px}.subtitle-generation__metadata{gap:var(--spacing-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.subtitle-generation__metadata>div{min-width:0;padding:var(--spacing-3);gap:var(--spacing-1);border:1px solid var(--color-border);border-radius:var(--radius-element);background:var(--color-background-body);flex-direction:column;display:flex}.subtitle-generation__metadata dt{color:var(--color-text-secondary);font-size:12px}.subtitle-generation__metadata dd{overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:600}.subtitle-generation__conversion{padding:var(--spacing-5);justify-content:space-between;align-items:center;gap:var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-container);background:var(--color-background-surface);display:flex}.subtitle-generation__conversion p{color:var(--color-text-secondary);margin:0}.subtitle-generation__preview video{border-radius:var(--radius-element);background:#000;width:100%;max-height:640px;display:block}@media (max-width:1100px){.app-sidebar{width:208px;min-width:208px}.subtitle-generation__inputs{grid-template-columns:1fr 1fr}.subtitle-generation__hls-form{grid-template-columns:1fr}}@media (max-width:800px){.app-shell__body{flex-direction:column}.app-sidebar{width:100%;min-width:0;height:auto;padding:var(--spacing-2) var(--spacing-4);position:static}.app-sidebar__identity,.app-sidebar__label,.app-sidebar__group-label,.app-sidebar__footer{display:none}.app-sidebar__navigation{overflow-x:auto}.app-sidebar__menu,.app-sidebar__submenu,.app-sidebar__group{gap:var(--spacing-2);flex-direction:row;display:flex}.app-sidebar__menu>li,.app-sidebar__submenu>li{flex:none}.app-sidebar__button{min-height:38px;padding:var(--spacing-2) var(--spacing-3);white-space:nowrap}.subtitle-generation{padding:var(--spacing-6)}}@media (max-width:600px){.app-shell>.site-header{height:60px;padding:0 var(--spacing-4);gap:var(--spacing-3)}.app-shell .brand{font-size:16px}.app-shell .product-label{display:none}.subtitle-generation{padding:var(--spacing-6) var(--spacing-4);gap:var(--spacing-5)}.subtitle-generation__header h1{font-size:24px}.subtitle-generation__inputs{grid-template-columns:1fr}.subtitle-generation__input-card,.subtitle-generation__preview{padding:var(--spacing-5)}.studio-steps{padding:var(--spacing-4);gap:var(--spacing-2)}.studio-steps li{gap:var(--spacing-2);flex-direction:column;align-items:flex-start}.studio-steps strong{font-size:11px}.studio-steps p{display:none}.subtitle-generation__conversion{flex-direction:column;align-items:stretch}}
.subtitle-generation__processing-action{justify-content:space-between;align-items:center;gap:var(--spacing-4);display:flex}.subtitle-generation__processing-action>div{gap:var(--spacing-2) var(--spacing-3);color:var(--color-text-secondary);font-size:var(--font-size-sm);flex:1;grid-template-columns:1fr auto;display:grid}.subtitle-generation__processing-action p{margin:0}.subtitle-generation__processing-action strong,.subtitle-generation__processing-action progress{grid-column:1/-1}.subtitle-generation__processing-action progress{width:100%;accent-color:var(--color-accent)}.subtitle-editor-workspace{width:100%;max-width:1600px;min-height:calc(100vh - 60px);padding:var(--spacing-8);gap:var(--spacing-6);flex-direction:column;margin:0 auto;display:flex}.subtitle-editor-workspace__header{justify-content:space-between;align-items:flex-end;gap:var(--spacing-6);display:flex}.subtitle-editor-workspace__header h1,.subtitle-editor-workspace__header p{margin:0}.subtitle-editor-workspace__header h1{margin-top:var(--spacing-2);letter-spacing:-.04em;font-size:28px}.subtitle-editor-workspace__style-controls{gap:var(--spacing-3);display:flex}.subtitle-editor-workspace__toolbar{align-items:flex-end;gap:var(--spacing-3);padding:var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-container);background:var(--color-background-surface);flex-wrap:wrap;display:flex}.subtitle-editor-workspace__toolbar-field{gap:var(--spacing-1);color:var(--color-text-secondary);font-size:var(--font-size-xs);display:grid}.subtitle-editor-workspace__toolbar-field select{min-height:40px;padding:var(--spacing-2) var(--spacing-3);color:var(--color-text-primary);font:inherit;font-size:var(--font-size-sm);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-element);background:var(--color-background-surface)}.subtitle-editor-workspace__toolbar-field select:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.subtitle-editor-workspace__save-status{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.subtitle-download p{max-width:240px;margin:var(--spacing-2) 0 0;color:var(--color-error);font-size:var(--font-size-xs)}.subtitle-editor-workspace__translation-progress{padding:var(--spacing-3) var(--spacing-4);align-items:center;gap:var(--spacing-2) var(--spacing-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-container);background:var(--color-background-surface);font-size:var(--font-size-sm);grid-template-columns:1fr auto;display:grid}.subtitle-editor-workspace__translation-progress progress{width:100%;accent-color:var(--color-accent);grid-column:1/-1}.translation-language-dialog__description{margin:0 0 var(--spacing-5);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.translation-language-dialog__languages{gap:var(--spacing-2);border:0;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;margin:0;padding:0;display:grid}.translation-language-dialog__languages legend{margin-bottom:var(--spacing-3);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.translation-language-dialog__option{min-width:0;padding:var(--spacing-3);align-items:center;gap:var(--spacing-2);color:var(--color-text-primary);font-size:var(--font-size-sm);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-element);cursor:pointer;display:flex}.translation-language-dialog__option:has(input:checked){border-color:var(--color-accent);background:var(--color-background-muted)}.translation-language-dialog__option:focus-within{outline:2px solid var(--color-accent);outline-offset:2px}.translation-language-dialog__option input{accent-color:var(--color-accent);margin:0}.translation-language-dialog__actions{justify-content:flex-end;gap:var(--spacing-2);display:flex}.subtitle-editor-workspace__style-controls label{gap:var(--spacing-1);color:var(--color-text-secondary);font-size:var(--font-size-xs);display:grid}.subtitle-editor-workspace__style-controls select,.subtitle-editor-workspace__style-controls input,.subtitle-cue-card textarea{color:var(--color-text-primary);font:inherit;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-element);background:var(--color-background-surface)}.subtitle-editor-workspace__style-controls select,.subtitle-editor-workspace__style-controls input{min-height:40px;padding:var(--spacing-2) var(--spacing-3)}.subtitle-editor-workspace__style-controls input{width:84px}.subtitle-editor-workspace__layout{align-items:start;gap:var(--spacing-5);grid-template-columns:minmax(0,1.4fr) minmax(340px,.8fr);min-height:0;display:grid}.subtitle-editor-workspace__preview-column{gap:var(--spacing-4);display:grid;position:sticky;top:84px}.subtitle-video-stage{border-radius:var(--radius-container);box-shadow:var(--shadow-lg);background:#000;position:relative;overflow:hidden}.subtitle-video-stage video{object-fit:contain;width:100%;max-height:min(52vh,480px);display:block}.subtitle-review-preview{gap:var(--spacing-3);width:min(100%,640px);min-width:0;margin:0 auto;display:grid}.subtitle-video-stage--review{margin:0 auto}.subtitle-review-preview__frame{width:100%;margin:0 auto}.subtitle-review-preview__formats{gap:var(--spacing-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.subtitle-review-preview__formats label,.subtitle-review-preview__formats select{min-width:0}.subtitle-video-stage--review .subtitle-video-stage__overlay{padding:0}.subtitle-review-preview__width{align-items:center;gap:var(--spacing-3);color:var(--color-text-secondary);font-size:var(--font-size-xs);display:flex}.subtitle-review-preview__width input{min-width:0;accent-color:var(--color-accent);flex:1;margin:0}.subtitle-review-preview__width input:focus-visible{outline:2px solid var(--color-accent);outline-offset:var(--spacing-1)}.subtitle-review-preview__width output{text-align:right;font-variant-numeric:tabular-nums;min-width:4ch}.subtitle-video-stage__overlay{white-space:pre-wrap;color:#fff;text-align:center;text-shadow:0 2px 6px #000,0 0 2px #000;overflow-wrap:anywhere;pointer-events:none;padding:.12em .35em;font-weight:600;line-height:1.25;position:absolute;bottom:12%;left:7%;right:7%}.subtitle-overflow-status{min-height:52px;padding:var(--spacing-3) var(--spacing-4);align-items:center;gap:var(--spacing-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-container);background:var(--color-background-surface);font-size:var(--font-size-sm);display:flex}.subtitle-overflow-status>span{color:var(--color-text-secondary)}.subtitle-overflow-status>div{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.subtitle-editor-workspace[data-has-video=false] .subtitle-overflow-status>div{max-height:72px;overflow-y:auto}.subtitle-overflow-status button{color:var(--color-status-error);font:inherit;cursor:pointer;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-element);background:var(--color-background-muted);border:0}.subtitle-cue-list{max-height:calc(100vh - 170px);padding:0 var(--spacing-1) 0 0;gap:var(--spacing-3);flex-direction:column;margin:0;list-style:none;display:flex;overflow-y:auto}.subtitle-cue-card{padding:var(--spacing-4);gap:var(--spacing-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-container);background:var(--color-background-surface);display:grid;position:relative}.subtitle-cue-card__select{border-radius:inherit;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.subtitle-cue-card__word,.subtitle-cue-card>label,.subtitle-cue-card>textarea{position:relative}.subtitle-cue-card[data-selected=true]{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.subtitle-cue-card[data-translation-failed=true]{border-color:var(--color-error);background:var(--color-error-muted)}.subtitle-cue-card[data-translation-failed=true][data-selected=true]{box-shadow:0 0 0 1px var(--color-error)}.subtitle-cue-card[data-translation-failed=true] .subtitle-cue-card__header strong,.subtitle-cue-card[data-translation-failed=true]>[role=status]{color:var(--color-error);font-weight:var(--font-weight-semibold)}.subtitle-cue-card__header{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);display:grid}.subtitle-cue-card__words{gap:var(--spacing-1);flex-wrap:wrap;display:flex}.subtitle-cue-card__word{padding:var(--spacing-1) var(--spacing-2);gap:var(--spacing-1);border-radius:var(--radius-element);background:var(--color-background-muted);display:grid}.subtitle-cue-card__word[data-timed=false]{width:100%;min-width:0}.subtitle-cue-card__word:focus-within,.subtitle-cue-card__word:hover{color:var(--color-accent)}.subtitle-cue-card .subtitle-cue-card__word textarea{min-width:3ch;max-width:100%;min-height:0;color:var(--color-text-primary);font:inherit;font-size:var(--font-size-sm);background:0 0;border:0;outline:0;padding:0}.subtitle-cue-card__word[data-confidence-level=error] textarea,.subtitle-cue-card__word[data-confidence-level=error] .subtitle-cue-card__confidence{color:var(--color-error);font-weight:var(--font-weight-semibold)}.subtitle-cue-card__word span{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums}.subtitle-cue-card label{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.subtitle-cue-card textarea{width:100%;min-height:76px;padding:var(--spacing-3);resize:vertical;line-height:1.5}.subtitle-cue-card__select:focus-visible,.subtitle-cue-card textarea:focus,.subtitle-cue-card__word:focus-within,.subtitle-editor-workspace__style-controls select:focus,.subtitle-editor-workspace__style-controls input:focus{outline:2px solid var(--color-accent);outline-offset:2px}@media (max-width:1000px){.subtitle-editor-workspace__layout{grid-template-columns:1fr}.subtitle-editor-workspace__preview-column{position:static}.subtitle-editor-workspace[data-has-video=false] .subtitle-editor-workspace__preview-column{z-index:1;padding:var(--spacing-4) 0;background:var(--color-background-body);position:sticky;top:60px}.subtitle-cue-list{max-height:none}}@media (max-width:800px){.subtitle-editor-workspace[data-has-video=false] .subtitle-editor-workspace__preview-column{top:128px}}@media (max-width:600px){.subtitle-generation__processing-action,.subtitle-editor-workspace__header{flex-direction:column;align-items:stretch}.subtitle-editor-workspace__toolbar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;display:grid}.subtitle-editor-workspace{width:100%;padding:var(--spacing-6) var(--spacing-4)}.subtitle-editor-workspace__style-controls{grid-template-columns:1fr 84px;display:grid}}
.account-navigation{gap:var(--spacing-5);align-items:center;margin-left:auto;font-size:12px;display:flex}.account-navigation>a{align-items:center;gap:var(--spacing-2);color:var(--color-text-secondary);text-decoration:none;display:inline-flex}.account-navigation>a:hover{color:var(--color-text-primary)}.account-navigation .studio-icon{width:16px;height:16px}.account-navigation>span{position:relative}.account-navigation [role=alert]{width:240px;padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-element);color:var(--color-text-red);background:var(--color-background-surface);position:absolute;top:100%;right:0}.access-layout{grid-template-columns:1fr 1fr;min-height:100dvh;display:grid}.access-intro{color:#fff;background:#1f2937;flex-direction:column;min-height:100dvh;padding:48px 56px;display:flex}.access-brand{align-items:center;gap:var(--spacing-3);letter-spacing:-.035em;font-size:21px;font-weight:700;display:flex}.access-brand img{filter:brightness(0)invert()}.access-intro__copy{margin:auto 0;padding:64px 0}.access-eyebrow{color:var(--color-text-secondary);letter-spacing:.1em;margin:0;font-size:10px;font-weight:600}.access-intro .access-eyebrow{color:#a7b0bf}.access-intro h2{margin:var(--spacing-5) 0 var(--spacing-6);color:#fff;letter-spacing:-.05em;font-size:clamp(32px,3.5vw,48px);font-weight:600;line-height:1.3}.access-intro__copy>p:last-of-type{color:#d6dae3;font-size:15px;line-height:1.9}.access-features{gap:var(--spacing-5);margin:48px 0 0;padding:0;list-style:none;display:grid}.access-features li{align-items:center;gap:var(--spacing-3);color:#d6dae3;font-size:13px;display:flex}.access-intro__footer{color:#a7b0bf;margin:0;font-size:11px}.access-entry{padding:var(--spacing-8);place-items:center;display:grid}.access-panel{border:1px solid var(--color-border);border-radius:var(--radius-container);background:var(--color-background-surface);width:100%;max-width:430px;padding:40px}.access-panel h1{margin:var(--spacing-3) 0;letter-spacing:-.04em;font-size:26px}.access-panel>p:not(.access-eyebrow){color:var(--color-text-secondary);font-size:13px;line-height:1.8}.access-key-icon{width:44px;height:44px;margin-bottom:var(--spacing-6);border:1px solid var(--color-border);border-radius:var(--radius-element);background:var(--color-background-body);place-items:center;display:grid}.access-form{gap:var(--spacing-3);margin-top:var(--spacing-8);display:grid}.access-form label{font-size:12px;font-weight:500}.access-form input{width:100%;min-width:0;height:44px;padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-element);background:var(--color-background-surface);color:var(--color-text-primary);font:inherit;font-size:13px}.access-form input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.access-form input[aria-invalid=true]{border-color:var(--color-text-red)}.access-form>button{height:42px;margin-top:var(--spacing-2)}.access-form [role=alert]{color:var(--color-text-red);margin:0;font-size:12px;line-height:1.6}.access-panel__help{margin:var(--spacing-8) 0 0;padding-top:var(--spacing-5);border-top:1px solid var(--color-border);font-size:11px}.download-history{max-width:1440px;padding:var(--spacing-8);gap:var(--spacing-6);flex-direction:column;margin:0 auto;display:flex}.download-history__navigation{justify-content:space-between;align-items:center;gap:var(--spacing-4);padding-bottom:var(--spacing-5);border-bottom:1px solid var(--color-border);display:flex}.download-history__navigation a{color:var(--color-text-primary);font-size:13px;text-decoration:none}.download-history__navigation span{color:var(--color-text-secondary);letter-spacing:.08em;font-size:10px}.download-history__header{justify-content:space-between;align-items:center;gap:var(--spacing-4);display:flex}.download-history h1{margin:var(--spacing-2) 0;font-size:28px;line-height:1.4}.download-history h2{margin:0;font-size:16px;font-weight:600}.download-history__header p:not(.eyebrow){color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.7}.studio-link-button{justify-content:center;align-items:center;gap:var(--spacing-2);min-height:36px;padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-element);color:var(--color-text-primary);background:var(--color-background-surface);white-space:nowrap;font-size:12px;text-decoration:none;display:inline-flex}.studio-link-button:hover{background:var(--color-background-muted)}.studio-link-button .studio-icon{width:16px;height:16px}.download-history__notice{align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-5);border:1px solid var(--color-border);border-radius:var(--radius-container);background:var(--color-background-surface);display:flex}.download-history__notice strong{font-size:13px;font-weight:500}.download-history__notice p{margin:var(--spacing-2) 0 0;color:var(--color-text-secondary);font-size:12px;line-height:1.7}.download-history__key{font-family:var(--font-family-code);overflow-wrap:anywhere;font-size:11px}.download-history td:first-child{overflow-wrap:anywhere}.download-history .studio-empty{border:1px solid var(--color-border);border-radius:var(--radius-container);background:var(--color-background-surface)}@media (max-width:900px){.access-intro{padding:var(--spacing-8)}.access-panel{padding:var(--spacing-6)}}@media (max-width:600px){.account-navigation{gap:var(--spacing-3);font-size:11px}.account-navigation>a{gap:var(--spacing-1)}.access-layout{grid-template-columns:1fr}.access-intro{min-height:auto;padding:var(--spacing-6)}.access-intro__copy{padding:var(--spacing-6) 0 0}.access-intro h2{margin:var(--spacing-3) 0;font-size:28px}.access-intro__copy>p:last-of-type,.access-features,.access-intro__footer{display:none}.access-entry{padding:var(--spacing-6) var(--spacing-4)}.access-panel{max-width:none}.download-history{padding:var(--spacing-5) var(--spacing-4);gap:var(--spacing-5)}.download-history__navigation span{font-size:8px}.download-history__header{flex-direction:column;align-items:flex-start}.download-history h1{font-size:24px}}.workspace-identity{text-align:right;min-width:0;max-width:220px;margin-left:auto;display:flex}.workspace-identity strong{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-primary);font-size:13px;font-weight:600;overflow:hidden}.workspace-identity+.account-navigation{margin-left:0}@media (max-width:800px){.app-shell .product-label{display:none}}@media (max-width:600px){.app-shell>.site-header{flex-wrap:wrap;row-gap:10px;height:auto;min-height:60px;padding-top:12px;padding-bottom:12px}.app-shell .workspace-identity{max-width:calc(100% - 120px)}.workspace-identity+.account-navigation{border-top:1px solid var(--color-border);justify-content:flex-end;width:100%;padding-top:8px}}