.one-click-mode,.one-click-actions { display:flex; flex-wrap:wrap; gap:10px; }
.one-click-mode { justify-content:center; padding:0 0 24px; }
.one-click-mode-card { align-items:center; background:var(--surface-soft); border:1px solid var(--line); border-radius:18px; color:var(--text); cursor:pointer; display:flex; flex:1 1 240px; gap:16px; max-width:360px; min-height:98px; padding:16px; text-align:left; transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease; }
.one-click-mode-card:hover { border-color:var(--teal); transform:translateY(-2px); }
.one-click-mode-card:focus-visible { border-color:var(--teal); box-shadow:var(--focus-ring); outline:0; }
.one-click-mode-card[aria-pressed="true"] { background:var(--teal-soft); border-color:var(--teal); box-shadow:0 0 0 1px var(--teal); }
.one-click-mode-copy { display:grid; gap:4px; min-width:0; }
.one-click-mode-copy strong { color:var(--heading); font-size:1rem; line-height:1.2; }
.one-click-mode-copy small { color:var(--muted); font-size:.76rem; line-height:1.35; }
.one-click-mode-indicator { align-items:center; background:var(--teal); border-radius:50%; color:#fff; display:flex; flex:none; font-size:.7rem; height:21px; justify-content:center; margin-left:auto; opacity:0; transform:scale(.7); transition:opacity .2s ease,transform .2s ease; width:21px; }
.one-click-mode-card[aria-pressed="true"] .one-click-mode-indicator { opacity:1; transform:scale(1); }
.one-click-mode-visual { align-items:center; background:var(--surface); border:1px solid var(--line); border-radius:14px; color:var(--teal-dark); display:flex; flex:none; height:58px; justify-content:center; overflow:hidden; position:relative; width:76px; }
.one-click-mode-visual-steps { gap:3px; }
.one-click-mode-visual-steps span { background:var(--line); border-radius:4px; height:16px; width:10px; }
.one-click-mode-visual-steps span:nth-child(1) { animation:one-click-step 4.8s infinite 0s; }
.one-click-mode-visual-steps span:nth-child(2) { animation:one-click-step 4.8s infinite 1.2s; }
.one-click-mode-visual-steps span:nth-child(3) { animation:one-click-step 4.8s infinite 2.4s; }
.one-click-mode-visual-steps span:nth-child(4) { animation:one-click-step 4.8s infinite 3.6s; }
.one-click-mode-auto-play { align-items:center; background:var(--teal-soft); border:1px solid var(--teal); border-radius:50%; display:flex; height:30px; justify-content:center; padding-left:2px; position:relative; width:30px; z-index:1; font-size:.7rem; }
.one-click-mode-auto-pulse { border:1px solid var(--teal); border-radius:50%; height:30px; opacity:0; position:absolute; width:30px; animation:one-click-pulse 3s ease-out infinite; }
.one-click-mode-auto-pulse:last-child { animation-delay:1.5s; }
@keyframes one-click-step { 0%,18% { background:var(--teal); height:27px; } 25%,100% { background:var(--line); height:16px; } }
@keyframes one-click-pulse { 0% { opacity:.65; transform:scale(1); } 65%,100% { opacity:0; transform:scale(2.3); } }
.one-click-subtitles { background:var(--surface-soft); border:1px solid var(--line); border-radius:18px; margin-top:22px; padding:20px; }
.one-click-subtitles-heading { align-items:center; display:flex; flex-wrap:wrap; gap:16px; justify-content:space-between; }
.one-click-subtitles-heading > div:first-child { display:grid; gap:3px; }
.one-click-subtitles-heading strong { color:var(--heading); font-size:1rem; }
.one-click-subtitles-heading span,.one-click-subtitle-caption { color:var(--muted); font-size:.78rem; }
.one-click-subtitle-toggle { background:var(--surface); border:1px solid var(--line); border-radius:12px; display:flex; gap:4px; padding:4px; }
.one-click-subtitle-toggle button { background:transparent; border:0; border-radius:9px; color:var(--text); cursor:pointer; font:inherit; font-size:.78rem; font-weight:750; min-height:38px; padding:8px 12px; }
.one-click-subtitle-toggle button[aria-pressed="true"] { background:var(--teal-soft); color:var(--teal-dark); }
.one-click-subtitle-toggle button:focus-visible,.one-click-subtitle-grid button:focus-visible { box-shadow:var(--focus-ring); outline:0; }
.one-click-subtitle-styles { border-top:1px solid var(--line); margin-top:18px; padding-top:18px; }
.one-click-subtitle-styles[hidden] { display:none; }
.one-click-subtitle-caption { display:block; font-weight:750; margin-bottom:12px; }
.one-click-subtitle-grid { display:grid; gap:10px; grid-template-columns:repeat(4,minmax(0,1fr)); }
.one-click-subtitle-grid button { background:var(--surface); border:1px solid var(--line); border-radius:12px; color:var(--heading); cursor:pointer; display:grid; gap:8px; min-width:0; padding:8px; text-align:center; }
.one-click-subtitle-grid button:hover,.one-click-subtitle-grid button[aria-pressed="true"] { border-color:var(--teal); }
.one-click-subtitle-grid button[aria-pressed="true"] { box-shadow:0 0 0 1px var(--teal); }
.one-click-subtitle-grid button strong { font-size:.78rem; }
#oneClickSettings .one-click-actions button[aria-pressed="true"] { background:var(--teal-soft) !important; border-color:var(--teal) !important; color:var(--teal-dark) !important; }
.one-click-settings { border-top:1px solid var(--line); margin-top:24px; padding-top:24px; }
.one-click-settings[hidden],.one-click-panel[hidden],.one-click-mode[hidden] { display:none; }
.one-click-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-bottom:20px; }
.one-click-fields > div { min-width:0; }
.one-click-density-field { grid-column:1 / -1; }
.one-click-density-field .scene-density-control { margin-top:0; }
.one-click-density-field .scene-density-heading label,.one-click-settings .one-click-field-label { align-items:center; color:var(--heading); display:inline-flex; font-weight:750; gap:8px; }
.one-click-field-label svg { color:var(--teal); fill:none; flex:0 0 18px; height:18px; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.8; width:18px; }
.one-click-density-field .scene-density-range { width:100%; }
.one-click-density-field .scene-duration-help { color:var(--muted); display:block; font-size:.78rem; line-height:1.5; margin-top:9px; }
.one-click-settings label { color:var(--heading); display:block; font-weight:750; margin-bottom:10px; }
.one-click-fields button { width:100%; min-height:52px; white-space:normal; text-align:left; }
.one-click-settings p,.one-click-panel p { color:var(--muted); font-size:.88rem; line-height:1.6; }
#oneClickSettings, #projectCostSummary { container-type:inline-size; }
:is(#oneClickSettings, #projectCostSummary) .one-click-quote { background:var(--sia-sidebar-bg); border:1px solid var(--sia-line-strong); border-radius:20px; box-shadow:0 8px 24px rgba(18,49,74,.06); display:grid; gap:16px; grid-template-columns:minmax(300px,1.5fr) minmax(0,5fr); margin-top:22px; padding:16px; }
.step-cost-estimate-note { border:1px solid var(--sia-line); border-radius:14px; padding:16px 18px; margin-top:12px; background:var(--sia-sidebar-bg); }
.step-cost-estimate-note > strong { color:var(--sia-teal-dark); font-size:.9rem; }
.step-cost-estimate-note p, #oneClickGenerationHint { color:var(--sia-muted); font-size:.85rem; line-height:1.6; }
.step-cost-estimate-note p { margin:6px 0; }
.step-cost-estimate-note small { display:block; color:var(--sia-muted); font-size:.76rem; line-height:1.6; }
.one-click-budget-total { align-self:center; border-right:1px solid var(--sia-line-strong); min-width:0; padding:8px 16px 8px 0; }
.one-click-budget-heading { align-items:center; display:flex; gap:12px; }
.one-click-budget-heading > div { min-width:0; }
#oneClickCost { color:var(--sia-heading); display:block; font-size:clamp(1.4rem,1.8vw,1.9rem); font-variant-numeric:tabular-nums; font-weight:800; line-height:1.2; overflow-wrap:anywhere; }
.one-click-budget-caption { color:var(--sia-muted); display:block; font-size:.8rem; line-height:1.5; margin-top:4px; }
.one-click-budget-icon { align-items:center; background:var(--sia-teal-soft); border-radius:14px; color:var(--sia-teal-dark); display:flex; flex:0 0 54px; height:54px; justify-content:center; }
.one-click-budget-icon svg { height:36px; width:36px; }
.one-click-budget-icon svg,.one-click-budget-notice svg,.one-click-cost-icon svg { fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.7; }
.one-click-budget-notice { align-items:flex-start; color:var(--sia-muted); display:flex; font-size:.78rem; gap:8px; line-height:1.6; margin:12px 0 0; }
.one-click-budget-notice svg { color:var(--sia-sidebar-accent); flex:0 0 16px; height:16px; margin-top:2px; width:16px; }
#oneClickBreakdown { align-content:center; border:0; display:grid; gap:10px; grid-template-columns:repeat(5,minmax(0,1fr)); margin:0; min-width:0; }
#oneClickBreakdown .one-click-breakdown-item { --cost-accent:#197b68; --cost-bar:#42b995; align-content:center; align-items:center; background:linear-gradient(150deg,color-mix(in srgb,var(--cost-bar) 5%,var(--sia-surface-soft)),var(--sia-surface)); border:1px solid var(--sia-line); border-radius:14px; column-gap:10px; display:grid; grid-template-columns:40px minmax(0,1fr); min-height:116px; min-width:0; padding:14px 12px; row-gap:4px; }
#oneClickBreakdown [data-cost-stage="1"] { --cost-accent:#315eaa; --cost-bar:#6c9aed; }
#oneClickBreakdown [data-cost-stage="2"] { --cost-accent:#7851ab; --cost-bar:#ae83df; }
#oneClickBreakdown [data-cost-stage="3"] { --cost-accent:#926421; --cost-bar:#e9bc72; }
#oneClickBreakdown [data-cost-stage="4"] { --cost-accent:#ac407c; --cost-bar:#df78ad; }
.one-click-cost-icon { align-items:center; background:color-mix(in srgb,var(--cost-bar) 10%,var(--sia-surface)); border:1px solid color-mix(in srgb,var(--cost-bar) 35%,var(--sia-line)); border-radius:10px; color:var(--cost-accent); display:flex; grid-column:1; grid-row:1 / 3; height:42px; justify-content:center; width:40px; }
.one-click-cost-icon svg { height:24px; width:24px; }
#oneClickBreakdown .one-click-breakdown-label { color:var(--sia-muted); font-size:.75rem; font-weight:500; grid-column:2; line-height:1.4; overflow-wrap:anywhere; }
#oneClickBreakdown .one-click-breakdown-item strong { color:var(--sia-heading); font-size:1.25rem; font-variant-numeric:tabular-nums; grid-column:2; line-height:1.3; }
.one-click-cost-share { align-items:center; color:var(--sia-muted); display:flex; font-size:.65rem; gap:5px; grid-column:1 / -1; margin-top:10px; }
.one-click-cost-track { background:var(--sia-line); border-radius:999px; flex:1; height:8px; overflow:hidden; }
.one-click-cost-track > span { background:linear-gradient(90deg,var(--cost-bar),color-mix(in srgb,var(--cost-bar) 65%,white)); border-radius:inherit; display:block; height:100%; }
html[data-theme="dark"] #oneClickBreakdown .one-click-cost-icon { box-shadow:inset 0 0 12px color-mix(in srgb,var(--cost-bar) 8%,transparent); color:color-mix(in srgb,var(--cost-bar) 75%,white); }
@container (max-width:1100px) {
  :is(#oneClickSettings, #projectCostSummary) .one-click-quote { grid-template-columns:1fr; }
  .one-click-budget-total { border-bottom:1px solid var(--sia-line); border-right:0; display:flex; flex-wrap:wrap; gap:12px 24px; justify-content:space-between; padding:0 0 16px; }
  .one-click-budget-notice { align-self:center; flex:0 1 300px; margin-top:0; }
}
@container (max-width:680px) { #oneClickBreakdown { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@container (max-width:440px) {
  :is(#oneClickSettings, #projectCostSummary) .one-click-quote { gap:14px; padding:14px; }
  .one-click-budget-notice { flex-basis:100%; }
  #oneClickBreakdown { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #oneClickBreakdown .one-click-breakdown-item:last-child { grid-column:1 / -1; }
}
.one-click-panel { background:var(--surface); border:1px solid var(--line); border-radius:24px; padding:0; margin-bottom:24px; overflow:hidden; scroll-margin-top:24px; box-shadow:0 18px 44px rgba(18,49,74,.08); }
.one-click-panel h2 { color:var(--heading); font-size:1.65rem; margin:24px 0 8px; }
.one-click-progress-header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:24px 32px; border-bottom:1px solid var(--line); }
.one-click-phase { color:var(--teal-dark); background:var(--teal-soft); border-radius:999px; padding:6px 12px; font-size:.78rem; font-weight:750; white-space:nowrap; }
.one-click-progress-body { background:var(--surface-soft); padding:40px 48px 32px; text-align:center; }
.one-click-orbit { background:var(--teal-soft); border-radius:50%; height:88px; width:88px; padding:18px; position:relative; margin:0 auto; }
.one-click-orbit img { width:100%; height:100%; object-fit:contain; }
.one-click-orbit > span { position:absolute; inset:-7px; border-radius:50%; border:2px solid var(--line); border-top-color:var(--teal); }
.one-click-panel.is-running .one-click-orbit > span { animation:one-click-orbit 2s linear infinite; }
.one-click-panel .one-click-idea-title { font-size:.86rem; margin:0 auto 16px; max-width:640px; overflow-wrap:anywhere; }
.one-click-panel #oneClickStatus { color:var(--heading); font-size:1rem; font-weight:650; min-height:48px; margin:0 auto 24px; max-width:680px; overflow-wrap:anywhere; }
.one-click-progress-meta { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:.78rem; color:var(--muted); margin-bottom:10px; text-align:left; }
.one-click-progress-meta strong { color:var(--teal-dark); margin-left:6px; font-variant-numeric:tabular-nums; }
.one-click-progress-track { background:var(--line); border-radius:999px; height:10px; overflow:hidden; }
.one-click-progress-track > span { background:var(--teal); height:100%; width:0; display:block; border-radius:inherit; position:relative; transition:width .35s ease; }
.one-click-panel.is-running .one-click-progress-track > span::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent); animation:one-click-shimmer 2.4s linear infinite; }
.one-click-steps { list-style:none; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; padding:0; margin:24px 0 32px; }
.one-click-steps li { display:flex; align-items:center; justify-content:center; flex-direction:column; gap:8px; color:var(--muted); font-size:.8rem; font-weight:750; min-width:0; }
.one-click-steps li > span:first-child { display:grid; place-items:center; height:28px; width:28px; border:1px solid var(--line); border-radius:50%; font-size:.75rem; background:var(--surface); }
.one-click-steps li.is-active,.one-click-steps li.is-done { color:var(--teal-dark); }
.one-click-steps li.is-active > span:first-child { background:var(--teal-soft); border-color:var(--teal); box-shadow:0 0 0 4px var(--teal-soft); }
.one-click-steps li.is-done > span:first-child { background:var(--teal); border-color:var(--teal); color:white; font-size:0; }
.one-click-steps li.is-done > span:first-child::after { content:"✓"; font-size:.85rem; }
.one-click-timing { display:flex; justify-content:center; gap:32px; border-top:1px solid var(--line); padding-top:24px; }
.one-click-timing > div { display:flex; flex-direction:column; gap:6px; }
.one-click-timing span,.one-click-time-hint { color:var(--muted); font-size:.75rem; }
.one-click-timing strong { color:var(--heading); font-size:1rem; font-variant-numeric:tabular-nums; }
.one-click-time-hint { display:block; margin-top:16px; }
.one-click-progress-footer { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:20px 32px; border-top:1px solid var(--line); }
.one-click-progress-footer p { margin:0; max-width:560px; }
.one-click-actions { flex-shrink:0; }
.one-click-actions [hidden] { display:none; }
@keyframes one-click-orbit { to { transform:rotate(360deg); } }
@keyframes one-click-shimmer { from { transform:translateX(-100%); } to { transform:translateX(100%); } }
@media(prefers-reduced-motion:reduce) { .one-click-panel.is-running .one-click-orbit > span,.one-click-panel.is-running .one-click-progress-track > span::after,.one-click-mode-visual-steps span,.one-click-mode-auto-pulse { animation:none; } .one-click-mode-card,.one-click-mode-indicator,.one-click-progress-track > span { transition:none; } .one-click-mode-card:hover { transform:none; } .one-click-mode-visual-steps span:first-child { background:var(--teal); height:27px; } }
@media(max-width:1100px) { .one-click-progress-footer { flex-direction:column; align-items:flex-start; gap:16px; } }
@media(max-width:900px) { .one-click-panel { scroll-margin-top:148px; } }
@media(max-width:600px) { .one-click-progress-header { padding:20px; } .one-click-progress-body { padding:32px 20px 24px; } .one-click-panel h2 { font-size:1.35rem; } .one-click-progress-footer { padding:20px; } .one-click-steps li { font-size:.67rem; } .one-click-timing { gap:24px; } .one-click-timing strong { font-size:.85rem; } .one-click-progress-header .creation-mode-eyebrow { font-size:.7rem; } }
.one-click-workspace .project-flow,.one-click-workspace [data-project-panel],.one-click-workspace #projectPager,.one-click-workspace .detail-actions { display:none !important; }
.project-flow[hidden],#projectDurationAccessHint[hidden] { display:none; }
.video-range-field { background:var(--surface-soft); border:1px solid var(--line); border-radius:18px; padding:18px 20px; scroll-margin-top:24px; transition:border-color .18s ease,box-shadow .18s ease; }
.video-range-field:focus-within { border-color:var(--teal); box-shadow:0 0 0 3px var(--teal-soft); }
.video-range-heading { align-items:center; display:flex; gap:16px; justify-content:space-between; }
.duration-picker.video-range-field label,.video-range-field .scene-density-heading label { color:var(--heading); font-size:.92rem; font-weight:750; line-height:1.4; margin:0; min-width:0; text-transform:none; }
.video-range-value,.video-range-field .scene-density-heading strong { background:var(--teal-soft); border:1px solid var(--line); border-radius:999px; color:var(--teal-dark); flex-shrink:0; font-size:.8rem; font-weight:800; padding:7px 12px; transition:transform .16s ease; }
.video-range-field.is-interacting .video-range-value,.video-range-field.is-interacting .scene-density-heading strong { transform:scale(1.05); }
.video-range-field input.video-range { background:transparent !important; height:44px !important; margin:9px 0 0; outline:none; touch-action:pan-y; width:100%; }
.video-range-field .video-range::-webkit-slider-runnable-track { background:linear-gradient(to right,var(--teal) 0%,var(--teal) var(--range-progress,50%),var(--line) var(--range-progress,50%),var(--line) 100%); border-radius:999px; height:8px; }
.video-range-field .video-range::-moz-range-track { background:var(--line); border-radius:999px; height:8px; }
.video-range-field .video-range::-moz-range-progress { background:var(--teal); border-radius:999px; height:8px; }
.video-range-field .video-range::-webkit-slider-thumb { background:var(--teal); border:3px solid var(--surface); box-shadow:0 0 0 1px var(--teal),0 3px 8px rgba(18,49,74,.12); height:22px; margin-top:-7px; transition:transform .16s ease,box-shadow .16s ease; width:22px; }
.video-range-field .video-range::-moz-range-thumb { background:var(--teal); border:3px solid var(--surface); box-shadow:0 0 0 1px var(--teal),0 3px 8px rgba(18,49,74,.12); height:16px; transition:transform .16s ease,box-shadow .16s ease; width:16px; }
.video-range-field input.video-range:focus-visible::-webkit-slider-thumb,.video-range-field input.video-range:hover:not(:disabled)::-webkit-slider-thumb { box-shadow:0 0 0 6px var(--teal-soft),0 0 0 1px var(--teal); }
.video-range-field input.video-range:focus-visible::-moz-range-thumb,.video-range-field input.video-range:hover:not(:disabled)::-moz-range-thumb { box-shadow:0 0 0 6px var(--teal-soft),0 0 0 1px var(--teal); }
.video-range-field.is-interacting .video-range::-webkit-slider-thumb { box-shadow:0 0 0 7px var(--teal-soft),0 4px 12px rgba(18,49,74,.16); transform:scale(1.14); }
.video-range-field.is-interacting .video-range::-moz-range-thumb { box-shadow:0 0 0 7px var(--teal-soft),0 4px 12px rgba(18,49,74,.16); transform:scale(1.14); }
.video-range-ticks { align-items:center; display:flex; font-size:.72rem; font-weight:750; justify-content:space-between; margin-top:-3px; }
.video-range-ticks span { border-radius:7px; color:var(--muted); line-height:24px; text-align:center; transition:color .16s ease,background .16s ease; width:22px; }
.video-range-ticks span.is-selected { background:var(--teal-soft); color:var(--teal-dark); }
.video-duration-ticks span { flex:1 1 0; min-width:0; }
.video-duration-ticks span.is-locked { color:var(--muted); opacity:.48; }
.video-duration-upgrade { align-items:center; background:var(--teal-soft); border:1px solid var(--line); border-radius:12px; color:var(--text); display:flex; flex-wrap:wrap; font-size:.78rem; gap:8px; line-height:1.4; margin-top:14px; padding:9px 12px; }
.video-duration-upgrade[hidden] { display:none; }
.video-duration-upgrade svg { color:var(--teal-dark); fill:none; flex:none; height:17px; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.8; width:17px; }
.video-duration-upgrade a { color:var(--teal-dark); font-weight:800; margin-left:auto; min-height:36px; align-content:center; white-space:nowrap; }
.video-duration-upgrade a:focus-visible { border-radius:4px; box-shadow:var(--focus-ring); outline:0; }
.video-range-ticks-detail span { padding:0 6px; width:auto; }
.duration-picker.video-range-field small { font-size:.78rem; line-height:1.5; margin-top:12px; }
.one-click-density-summary { align-items:end; border-top:1px solid var(--line); display:flex; flex-wrap:wrap; gap:12px 24px; justify-content:space-between; margin-top:14px; padding-top:13px; }
.one-click-density-estimate { color:var(--text); font-size:.83rem; font-weight:650; line-height:1.5; }
.one-click-density-price { align-items:baseline; display:flex; flex-wrap:wrap; gap:5px 10px; justify-content:flex-end; margin-left:auto; text-align:right; }
.one-click-density-price > span { color:var(--muted); font-size:.78rem; font-weight:700; }
.one-click-density-price strong { color:var(--teal-dark); font-size:1.2rem; font-variant-numeric:tabular-nums; line-height:1.2; white-space:nowrap; }
.video-range-field.is-trial-locked .video-range-ticks span { opacity:.55; }
.video-range-field.is-trial-locked .video-range-ticks span.is-selected { opacity:1; }
@media(prefers-reduced-motion:reduce) {
  .video-range-field,.video-range-value,.video-range-field .scene-density-heading strong,.video-range-ticks span { transition:none; }
  .video-range-field .video-range::-webkit-slider-thumb { transition:none; }
  .video-range-field .video-range::-moz-range-thumb { transition:none; }
  .video-range-field.is-interacting .video-range-value,.video-range-field.is-interacting .scene-density-heading strong { transform:none; }
  .video-range-field.is-interacting .video-range::-webkit-slider-thumb { transform:none; }
  .video-range-field.is-interacting .video-range::-moz-range-thumb { transform:none; }
}
@media(max-width:900px) { .video-range-field { scroll-margin-top:148px; } }
@media(max-width:600px) { .one-click-fields { grid-template-columns:1fr; } .one-click-density-field { grid-column:1; } .one-click-mode { padding:0 0 20px; } .one-click-mode-card { max-width:none; flex-basis:100%; min-height:82px; } .one-click-subtitle-toggle { width:100%; } .one-click-subtitle-toggle button { flex:1; } .one-click-subtitle-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .one-click-density-price { width:100%; } }
@media(max-width:600px) { .video-duration-ticks { font-size:.62rem; } .video-duration-upgrade a { margin-left:25px; } }
.project-card.is-generating { border-color:var(--sia-line-strong); }
.project-card.is-generating .project-card-cover { background:var(--sia-surface-soft); }
.project-card.is-generating .project-card-cover::after { display:none; }
.project-card.is-generating .project-card-actions { grid-template-columns:1fr; }
.project-card-generation { align-items:center; background:radial-gradient(circle at 50% 36%,var(--sia-teal-soft),var(--sia-surface-soft) 68%); color:var(--sia-heading); display:flex; flex-direction:column; inset:0; justify-content:center; padding:30px 24px 16px; position:absolute; text-align:center; z-index:1; }
.project-card-generation-orbit { align-items:center; background:var(--sia-surface); border:1px solid var(--sia-line); border-radius:50%; color:var(--sia-teal-dark); display:flex; flex:none; height:52px; justify-content:center; position:relative; width:52px; }
.project-card-generation-orbit::after { animation:project-card-orbit 2.8s linear infinite; border:2px solid transparent; border-right-color:var(--sia-teal); border-top-color:var(--sia-teal); border-radius:50%; content:""; inset:-6px; position:absolute; }
.project-card-generation-orbit svg { fill:none; height:24px; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.7; width:24px; }
.project-card-generation > strong { display:-webkit-box; font-size:.83rem; line-height:1.35; margin-top:13px; max-width:100%; overflow:hidden; overflow-wrap:anywhere; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.project-card-generation-progress { align-items:center; color:var(--sia-muted); display:flex; font-size:.73rem; font-variant-numeric:tabular-nums; font-weight:800; gap:8px; justify-content:center; margin:7px 0 9px; }
.project-card-generation-progress > span { color:var(--sia-teal-dark); }
.project-card-generation-progress small { font:inherit; }
.project-card-generation-progress small[hidden] { display:none; }
.project-card-generation-track { background:var(--sia-line); border-radius:999px; height:6px; overflow:hidden; width:min(220px,100%); }
.project-card-generation-track > span { background:var(--sia-teal); border-radius:inherit; display:block; height:100%; transition:width .55s ease; }
.project-card-generation.is-paused .project-card-generation-orbit { color:var(--sia-danger); }
.project-card-generation.is-paused .project-card-generation-orbit::after { animation:none; border-color:var(--sia-danger); opacity:.45; }
@keyframes project-card-orbit { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { .project-card-generation-orbit::after { animation:none; } .project-card-generation-track > span { transition:none; } }

/* Shared subtitle studio entry; preserve the automatic setup palette. */
.one-click-subtitle-summary { display:flex; align-items:center; gap:16px; padding:16px; border:1px solid var(--sia-line); border-radius:16px; background:var(--sia-surface); }
.one-click-subtitle-sample { display:grid; place-items:center; flex:0 0 54px; width:54px; height:54px; padding:4px; border:1px solid var(--sia-line-strong); border-radius:12px; font-size:20px; font-weight:700; font-synthesis:none; }
.one-click-subtitle-summary>div { flex:1; min-width:0; display:grid; gap:5px; }
.one-click-subtitle-summary strong { color:var(--sia-heading); font-size:15px; overflow-wrap:anywhere; }
.one-click-subtitle-summary>div>span { color:var(--sia-muted); font-size:13px; }
.one-click-subtitle-summary .button { display:flex; align-items:center; justify-content:center; gap:12px; min-height:46px; padding:10px 16px; border-radius:12px; }
.one-click-subtitle-summary svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
@media(max-width:600px) { .one-click-subtitle-summary { display:grid; grid-template-columns:54px minmax(0,1fr); padding:14px; gap:12px; } .one-click-subtitle-summary .button { grid-column:1/-1; width:100%; } }