.shell{position:relative;isolation:isolate}
.shell>.lp-atmosphere{opacity:.64}
.shell>.sidebar{z-index:3}
.shell>.workspace{position:relative;z-index:1;background:transparent}
.shell .topbar{background:color-mix(in srgb,var(--bg) 91%,transparent)}
.shell .panel{background:color-mix(in srgb,var(--panel) 96%,transparent)}
[data-theme=light] .shell>.lp-atmosphere{opacity:.38}
[data-theme=black] .shell>.lp-atmosphere{filter:hue-rotate(170deg);opacity:.45}
.checkout-intro{flex-wrap:wrap}.checkout-intro>.quiet{margin-left:auto}
.checkout-section-head{justify-content:flex-start;gap:8px}
.checkout-stock{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;margin:16px 0;background:color-mix(in srgb,var(--accent,#48c8f3) 6%,transparent)}
.checkout-stock>span{display:grid;gap:4px;font-size:12px}.checkout-stock>button{margin-left:auto}
.payment-method.is-unavailable,.package-choice.is-unavailable{opacity:.5;cursor:not-allowed}
.method-soon{font-size:11px;white-space:nowrap;padding:5px 8px;border:1px solid var(--line);border-radius:20px}
.payment-history-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}
.payment-row{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}
.payment-row-icon{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border:1px solid var(--line);border-radius:12px;color:var(--accent,#48c8f3)}
.payment-row-body{display:grid;gap:6px;min-width:0;flex:1}.payment-row-total{display:grid;gap:8px;justify-items:end;flex-shrink:0}
.payment-row-total>strong{font-size:15px}.payment-status{font-size:11px;color:var(--muted)}.payment-status.is-paid{color:#5ecda3}
.payment-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:22px}
.payment-details{display:grid;grid-template-columns:auto 1fr;gap:12px;margin:24px 0;font-size:13px}.payment-details dt{color:var(--muted)}.payment-details dd{margin:0;text-align:right}
.dubbing-source-heading{display:flex;align-items:center;gap:10px}.dubbing-source-heading>.icon{width:19px;height:19px;flex:none;vertical-align:middle}

.brand .brand-lockup{display:block;width:158px;height:auto;max-width:100%;flex:none;overflow:visible}
.brand-symbol{color:var(--accent,#55c9ff)}.brand-lettering{color:var(--text,#f2f4fb)}
.actions>a,.task-text-download{display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.4;vertical-align:middle}.actions>a>.icon,.task-text-download>.icon{display:block;flex:none;width:16px;height:16px;vertical-align:middle}
.upload-field-label{font-size:12px;color:var(--muted);margin-bottom:10px}
.upload-dropzone,.text-dropzone{position:relative;isolation:isolate;border-radius:13px;transition:border-color .2s,background .2s,box-shadow .2s}
.regeneration-status{display:flex;align-items:center;gap:10px;padding:12px 15px;margin-bottom:14px;border:1px solid var(--line);border-radius:12px;font-size:12px;line-height:1.6;color:var(--muted)}.regeneration-status.is-active{border-color:var(--accent);color:var(--text);background:color-mix(in srgb,var(--accent) 7%,transparent)}.regeneration-spinner{width:14px;height:14px;flex:none;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:regeneration-spin 1s linear infinite}@keyframes regeneration-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.regeneration-spinner{animation:none}}
.upload-dropzone{border:1px dashed var(--line);padding:22px;margin-bottom:20px;background:color-mix(in srgb,var(--accent) 3%,var(--surface));min-width:0}
.upload-drop-content{display:flex;align-items:center;flex-direction:column;gap:10px;text-align:center}.upload-drop-content>strong{font-size:13px;font-weight:600}.upload-emblem{display:grid;place-items:center;width:45px;height:45px;border:1px solid var(--line);border-radius:13px;background:var(--accent-soft);color:var(--accent);margin-bottom:2px}.upload-emblem>.icon{width:22px;height:22px}
.upload-trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;margin:4px 0;padding:11px 18px;min-height:42px;border:1px solid color-mix(in srgb,var(--accent) 65%,var(--line));border-radius:10px;background:var(--accent-soft);color:var(--accent);cursor:pointer;font-size:12px;font-weight:600;overflow:hidden}.upload-trigger>.icon{width:17px;height:17px;flex:none}.upload-trigger:hover{background:var(--hover);border-color:var(--accent)}.upload-trigger:focus-within{outline:2px solid var(--accent);outline-offset:3px}.upload-trigger .upload-native{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer;border:0}
.upload-empty{display:block;text-align:center;font-size:11px;color:var(--muted);margin-top:15px}.upload-files{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px}.upload-files>li{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:12px}.upload-files>li>.icon{width:16px;height:16px;color:var(--accent);flex:none}.upload-files>li>span{min-width:0;flex:1;overflow-wrap:anywhere;text-align:left}.upload-files small{color:var(--muted);white-space:nowrap;font-size:10px}
.text-dropzone textarea{display:block}.upload-drop-indicator{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;border:2px dashed var(--accent);border-radius:12px;background:color-mix(in srgb,var(--panel) 94%,transparent);color:var(--accent);font-size:14px;font-weight:600;text-align:center;padding:22px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,visibility .15s}.upload-drop-indicator>.icon{width:34px;height:34px}.is-dragging>.upload-drop-indicator{opacity:1;visibility:visible}.upload-dropzone.is-dragging,.text-dropzone.is-dragging{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent),0 0 35px color-mix(in srgb,var(--accent) 16%,transparent)}
@media(max-width:620px){.upload-dropzone{padding:17px}.upload-drop-indicator{font-size:12px}.upload-files>li{flex-wrap:wrap}.upload-files small{margin-left:25px}}
@media(prefers-reduced-motion:reduce){.upload-dropzone,.text-dropzone,.upload-drop-indicator{transition:none}}
.landing .brand .brand-lockup,.login .brand .brand-lockup{width:165px}
[data-public-theme=light] .brand-lettering{color:#14384f}
.dialog-header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin:0 0 22px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.dialog-header h2{margin:9px 0 0;flex:1;overflow-wrap:anywhere;font-size:18px;line-height:1.45}
.dialog-navigation{display:flex;align-items:center;gap:9px;flex-shrink:0}
dialog .dialog-navigation .dialog-close,dialog .dialog-navigation .dialog-back{position:static;float:none;display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;padding:9px;margin:0;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}
dialog .dialog-navigation .dialog-back:has(span){width:auto;gap:8px;font-size:11px;padding:9px 12px}
dialog .dialog-navigation button:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}
dialog .dialog-body{clear:none;padding-top:0}.payment-history-head{padding:0 0 15px;margin-bottom:7px;align-items:center;gap:24px}.payment-history-head p{margin:0;flex:1}
.account-key{display:grid;justify-items:end;gap:5px}.account-key small{color:var(--muted);font-size:11px}.copy-api-key{display:inline-flex;align-items:center;gap:10px;max-width:100%;padding:7px 9px;margin:-7px -9px;border:1px solid transparent;background:transparent;color:var(--accent);font-family:ui-monospace,monospace}
.copy-api-key:hover{background:var(--accent-soft);border-color:var(--line)}.copy-api-key>.icon{width:15px;height:15px}
.task-detail-status{display:flex;align-items:center;justify-content:space-between;font-variant-numeric:tabular-nums;font-size:12px;color:var(--muted)}
.task-cost-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 0;margin-bottom:6px;border-bottom:1px solid var(--line);font-size:12px}.task-cost-line>span{display:flex;align-items:center;gap:7px;color:var(--muted)}.task-cost-line>strong{font-size:20px}.task-cost-line>small{margin-left:auto;color:var(--muted)}
.task-timing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:20px 0}
.task-timing>div{background:var(--panel);display:grid;align-content:start;gap:9px;padding:16px}.task-timing span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.task-timing span>.icon{width:14px;height:14px}.task-timing strong{font-size:12px;font-weight:600;line-height:1.55;font-variant-numeric:tabular-nums}
.studio-player{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:14px;padding:17px;margin:20px 0;background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 9%,var(--surface)),var(--surface));transition:border-color .2s,box-shadow .2s}
.studio-player.is-playing{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));box-shadow:0 0 26px color-mix(in srgb,var(--accent) 8%,transparent)}
.studio-player audio{display:none}.player-toggle{display:grid;place-items:center;flex:none;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--line));width:43px;height:43px;padding:10px;border-radius:50%;background:var(--accent-soft);color:var(--accent)}
.player-main{flex:1;min-width:0}.player-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.player-caption strong{display:flex;gap:7px;align-items:center;font-size:11px;min-width:0;overflow-wrap:anywhere}.player-caption strong>.icon{width:16px;height:16px;flex:none;color:var(--accent)}.player-caption>span{font-size:11px;white-space:nowrap;color:var(--muted);font-variant-numeric:tabular-nums}
.studio-player .player-seek{display:block;width:100%;height:16px;min-height:0;padding:0;margin:0;border:0;background:transparent;appearance:none;accent-color:var(--accent);cursor:pointer}.player-seek::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:var(--line)}.player-seek::-webkit-slider-thumb{appearance:none;height:11px;width:11px;border-radius:50%;background:var(--accent);margin-top:-3.5px;box-shadow:0 0 10px color-mix(in srgb,var(--accent) 40%,transparent)}.player-seek::-moz-range-track{height:4px;border-radius:4px;background:var(--line)}.player-seek::-moz-range-thumb{height:11px;width:11px;border:0;border-radius:50%;background:var(--accent)}
.player-mute{display:grid;place-items:center;flex:none;width:32px;height:32px;border:0;padding:6px;background:transparent;color:var(--muted)}.player-mute.is-muted{opacity:.4}.player-error{display:block;padding-top:6px;color:var(--red)}.player-error[hidden]{display:none}
.media-history-row{grid-template-columns:minmax(0,1fr) 110px minmax(130px,auto)}.media-history-row strong{overflow-wrap:anywhere}.media-prompt-preview{color:var(--muted);font-size:12px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:10px 0 0}
.media-full-prompt{border:1px solid var(--line);border-radius:11px;background:var(--surface);padding:17px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:280px;overflow:auto;font-size:13px;line-height:1.8;margin-bottom:22px}
.media-settings{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 24px;padding:18px 0;border-top:1px solid var(--line);font-size:12px}.media-settings dt{color:var(--muted)}.media-settings dd{margin:0;text-align:right;overflow-wrap:anywhere}.media-file{margin:22px 0}.media-file .studio-player{margin-bottom:10px}
.media-pagination{display:flex;align-items:center;justify-content:center;gap:24px;padding:18px 0}.media-pagination>span{display:grid;gap:6px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums}.media-pagination small{color:var(--muted);font-size:10px}.media-pagination button:disabled{cursor:default}
.dubbing-live{min-width:0;overflow:hidden}.dubbing-live .panel-head h2{display:flex;align-items:center;gap:9px}.dub-progress-head{display:flex;align-items:center;gap:22px;margin:22px 0 16px}.dub-progress-head>strong{font-size:36px;font-weight:600;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:var(--accent)}.dub-progress-head strong small{font-size:17px;margin-left:3px}.dub-progress-head>div{font-size:11px;color:var(--muted)}.dub-progress-head>div small{display:block;margin-top:8px;color:var(--text);font-size:12px}.live-indicator{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--muted);margin-right:6px}.is-live .live-indicator{background:var(--accent);box-shadow:0 0 9px var(--accent);animation:studio-live 2s ease-in-out infinite}
.dub-stage{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:11px;margin-top:18px}.dub-stage>span{display:inline-flex;align-items:center;gap:7px}.dub-job-meta{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0;color:var(--muted);font-size:11px}.dub-job-meta>span{display:inline-flex;align-items:center;gap:7px}.dub-job-meta .icon{width:14px;height:14px}.dub-job-meta strong{color:var(--text)}
.dub-tracks{max-height:470px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:5px;margin-top:22px}.dub-track{padding:14px;margin:0 0 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.dub-track summary{display:flex;gap:8px;align-items:center;padding:0;list-style:none}.dub-track summary::-webkit-details-marker{display:none}.dub-track summary>.icon{width:13px;height:13px;flex:none;transition:transform .2s}.dub-track[open] summary>.icon{transform:rotate(180deg)}.dub-language{display:flex;align-items:center;gap:9px;flex:1;min-width:0;color:var(--text);font-size:12px}.dub-language small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.dub-track-state{display:flex;align-items:center;gap:9px}.dub-track-state strong{font-size:11px;color:var(--text);min-width:44px;text-align:right;font-variant-numeric:tabular-nums}
.dub-track>.bar{margin:13px 0 0}.dub-track:not([open])>.bar{display:block}.dub-track-details{padding-top:15px}.dub-track-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:18px}.dub-track-stats>span{display:grid;gap:7px;font-size:10px;color:var(--muted)}.dub-track-stats strong{color:var(--text);font-size:12px;font-weight:500}.dub-id{margin-bottom:0}.dub-id>summary{font-size:10px;overflow-wrap:anywhere}
.dub-track summary{flex-wrap:wrap}.dub-track summary>.bar{flex-basis:100%;width:100%;margin:5px 0 0}.bar progress[value="100"]::-webkit-progress-value{background:var(--green)}.bar progress[value="100"]::-moz-progress-bar{background:var(--green)}
@keyframes studio-live{50%{opacity:.4;box-shadow:0 0 0 transparent}}

.notice{position:relative;display:flex;align-items:flex-start;gap:12px;padding-right:14px}.notice>span{flex:1;min-width:0}.notice [data-dismiss-notice],#toast [data-dismiss-toast]{display:grid;place-items:center;flex:none;border:0!important;border-radius:0;box-shadow:none;background:transparent!important;color:inherit;width:18px;height:22px;padding:2px;opacity:.65}.notice [data-dismiss-notice]:hover,#toast [data-dismiss-toast]:hover{opacity:1}.notice [data-dismiss-notice]>.icon,#toast [data-dismiss-toast]>.icon{width:13px;height:13px}
.notice-info{border-color:#45bced;background:color-mix(in srgb,#45bced 9%,var(--panel));color:var(--text)}.notice-success{border-color:#53c794;background:color-mix(in srgb,#53c794 9%,var(--panel));color:var(--text)}.notice-warning{border-color:#e2b95d;background:color-mix(in srgb,#e2b95d 9%,var(--panel));color:var(--text)}.notice-error{border-color:#f27780;background:color-mix(in srgb,#f27780 9%,var(--panel));color:var(--text)}
#toast{padding:14px 15px;border:1px solid #45bced;background:var(--panel);max-width:min(470px,calc(100vw - 30px));font-size:12px;box-shadow:0 12px 48px #0004}#toast.show{display:flex;align-items:flex-start;gap:15px;animation:toast-enter .2s ease-out}#toast>span{display:flex;align-items:flex-start;gap:10px;flex:1;overflow-wrap:anywhere}#toast>span>.icon{flex:none;width:18px;height:18px;margin-top:2px;color:#45bced}#toast[data-type=error]{border-color:#f27780}#toast[data-type=success]{border-color:#53c794}#toast[data-type=warning]{border-color:#e2b95d}#toast[data-type=error]>span>.icon{color:#f27780}#toast[data-type=success]>span>.icon{color:#53c794}#toast[data-type=warning]>span>.icon{color:#e2b95d}
@keyframes toast-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:720px){.task-timing{grid-template-columns:repeat(2,minmax(0,1fr))}.task-timing>div{padding:12px}.media-history-row{grid-template-columns:1fr}.media-history-row .actions{justify-content:flex-start}.dialog-header{gap:12px}.dialog-header h2{font-size:16px}.dialog-navigation{gap:6px}.dialog-back span{display:none}.task-cost-line>small{margin-left:0;width:100%}.player-caption{flex-wrap:wrap;gap:5px}.studio-player{padding:13px;gap:10px}.dub-track-state .badge{max-width:110px;overflow-wrap:anywhere}.dub-track-state{gap:5px}.brand .brand-lockup{width:142px}}
@media(prefers-reduced-motion:reduce){.is-live .live-indicator,#toast.show{animation:none}.studio-player{transition:none}}
@media(max-width:620px){.checkout-intro>.quiet{margin-left:0}.payment-row{gap:10px}.payment-row-icon{display:none}.payment-row-body strong{font-size:13px}.payment-row-total>strong{font-size:13px}.payment-history-head{align-items:flex-start;flex-direction:column}.payment-details{grid-template-columns:1fr}.payment-details dd{text-align:left}.shell>.lp-atmosphere{opacity:.48}}


.login-art{display:grid;grid-template-rows:auto 1fr;align-items:center;justify-content:normal;padding:clamp(30px,4.5vw,64px);min-height:100svh}
.login-art>.brand{align-self:start;justify-self:start}
.login-art>div{align-self:center;padding:42px 0;max-width:640px;width:100%}
.login-art h1{font-size:clamp(36px,3.7vw,56px);line-height:1.12;margin:24px 0 28px;max-width:600px}
.login-art .wave{width:100%;max-width:550px;gap:clamp(3px,.55vw,8px);margin:28px 0 0}
.login-art .wave i{min-width:2px;flex:1;max-width:8px}
.login-language{width:150px;margin:0 0 24px}
.login-language .styled-select{margin:0}
.login-box>.login-language+.h1,.login-language+h1{margin-top:0}
.login-form{padding:clamp(28px,4vw,64px)}
.login-form label{color:var(--muted)}
.templates-grid>.empty{grid-column:1/-1;min-height:52vh;display:flex;flex-direction:column;align-items:center;justify-content:center}
.templates-grid>.empty .empty-icon{margin-bottom:20px}
.paid-feature-lock{position:relative;min-height:540px;border:1px solid var(--line);border-radius:20px;overflow:hidden;display:grid;place-items:center;isolation:isolate;background:color-mix(in srgb,var(--panel) 55%,transparent)}
.paid-feature-preview{position:absolute;inset:30px;display:grid;grid-template-columns:1.2fr 1fr;gap:20px;opacity:.23;pointer-events:none}
.paid-feature-preview>div{border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,var(--panel),var(--accent-soft))}
.paid-feature-preview>div:first-child{grid-row:span 2}
.paid-feature-message{position:relative;z-index:1;text-align:center;padding:44px 26px;max-width:550px}
.paid-lock-icon{display:grid;place-items:center;width:76px;height:76px;border:1px solid var(--line);border-radius:24px;background:var(--accent-soft);color:var(--accent);margin:0 auto 26px;box-shadow:0 12px 55px color-mix(in srgb,var(--accent) 10%,transparent)}
.paid-lock-icon>.icon{width:30px;height:30px}
.paid-feature-message h2{font-size:22px;line-height:1.55;margin-bottom:28px}
.paid-feature-message .primary{margin-inline:auto}
.checkout-availability{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.checkout-availability button{font-size:11px;padding:7px 10px}
.package-stock{display:block;font-size:12px;font-weight:600;color:var(--accent);margin:4px 0 13px}
.is-unavailable .package-stock{color:var(--muted)}
@media(max-width:720px){.login-art{min-height:0;grid-template-rows:auto auto;padding:28px}.login-art>div{padding:30px 0 8px}.login-art h1{font-size:34px;margin:12px 0}.login-language{margin-bottom:24px}.templates-grid>.empty{min-height:45vh}.paid-feature-lock{min-height:440px}.paid-feature-preview{inset:18px;grid-template-columns:1fr}.paid-feature-preview>div:first-child{grid-row:auto}.paid-feature-message h2{font-size:19px}}