/* Rollout 2: standalone Scenes/Voice only. Shared selectors elsewhere stay unchanged. */
body.standalone-tool-page {
  --tool-edge: color-mix(in srgb, var(--sia-sidebar-active-line) 20%, var(--sia-line));
  --tool-control-edge: color-mix(in srgb, var(--sia-sidebar-active-line) 35%, var(--sia-line));
  --tool-control-fill: linear-gradient(color-mix(in srgb, var(--sia-surface) 65%, transparent), color-mix(in srgb, var(--sia-surface) 65%, transparent)), var(--sia-sidebar-active);
  --tool-glow: inset 0 1px 0 rgba(121,215,210,.035), 0 0 12px rgba(67,189,184,.035);
}
body.standalone-tool-page .main { background: var(--sia-bg) !important; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body.standalone-tool-page .topbar :is(h1, .lead) { max-width: 100%; }
body.standalone-tool-page .topbar h1 { color: var(--sia-heading); font-size: clamp(32px, 3.1vw, 48px); line-height: 1.15; letter-spacing: 0; }
body.standalone-tool-page .topbar::before, body.standalone-tool-page .topbar::after { display: none; }
body.standalone-tool-page .main :is(.panel, .preview-card) { background: var(--sia-sidebar-bg) !important; border-color: var(--tool-edge) !important; border-radius: 24px; box-shadow: var(--tool-glow) !important; container: tool-panel / inline-size; min-width: 0; padding: 24px; }
body.standalone-tool-page .main :is(.panel-title h2, .panel h2) { font-size: 22px; line-height: 1.3; letter-spacing: 0; }
body.standalone-tool-page .main :is(.panel-icon, .preview-empty .ico, .scene-number) { background: var(--tool-control-fill) !important; border: 1px solid var(--tool-control-edge); box-shadow: var(--tool-glow); color: var(--sia-sidebar-accent); border-radius: 14px; }
body.standalone-tool-page .main .panel-icon { flex: 0 0 44px; height: 44px; width: 44px; }
body.standalone-tool-page .main :is(.lead, .hint, .duration-help, .result-toolbar p, .history-toolbar p, .preview-empty p, .empty-state, .history-empty) { color: var(--sia-muted); font-size: 15px; font-weight: 500; line-height: 1.6; }
body.standalone-tool-page .main :is(.field label, .voice-picker-current, .style-picker-current) { font-size: 14px; color: var(--sia-heading); }
body.standalone-tool-page .main .label-row { position: relative; }
body.standalone-tool-page .main .field-info-wrap { position: static; }
body.standalone-tool-page .main .field-info { background: var(--tool-control-fill); border-color: var(--tool-control-edge); color: var(--sia-sidebar-accent); height: 44px; width: 44px; }
body.standalone-tool-page .main .field-info-popover { background: var(--sia-sidebar-bg) !important; border-color: var(--tool-control-edge) !important; color: var(--sia-text) !important; font-size: 12px; left: 0; width: min(320px, 100%); transform: translateY(4px); }
body.standalone-tool-page .main .field-info-popover::after { display: none; }
body.standalone-tool-page .main .field-info-wrap:is(:hover, :focus-within) .field-info-popover { transform: translateY(0); }
body.standalone-tool-page .main :is(.char-counter, .stats .stat span, .scene-label, .scene-time, .history-details, .history-item-meta, .history-quota, .history-meta, .history-page-info, .metric span, .voice-picker-current small) { font-size: 12px; line-height: 1.5; }
body.standalone-tool-page .main :is(.scene-text, .prompt-box, .history-excerpt, .history-item-title) { color: var(--sia-text); font-size: 15px; font-weight: 500; line-height: 1.6; overflow-wrap: anywhere; }
body.standalone-tool-page .main :is(.history-head h3, .preview-empty h3) { color: var(--sia-heading); font-size: 18px; line-height: 1.4; }
body.standalone-tool-page .main .scene-title { color: var(--sia-heading); font-size: 18px; line-height: 1.4; }
body.standalone-tool-page .main :is(textarea, input:not([type="hidden"]), .voice-picker-trigger, .style-picker-trigger, .sia-style-trigger, .style-picker-menu) { background: var(--sia-surface) !important; border-color: var(--tool-control-edge) !important; border-radius: 14px; color: var(--sia-text); font: inherit; font-size: 15px; }
body.standalone-tool-page .main textarea:not([hidden]) { font-size: 16px; font-weight: 500; line-height: 1.65; scrollbar-color: var(--tool-control-edge) transparent; scrollbar-width: thin; }
body.standalone-tool-page .main :is(input:not([type="hidden"]), .voice-picker-trigger, .style-picker-trigger) { min-height: 48px; }
body.standalone-tool-page .main .sia-style-trigger { min-height: 80px; }
body.standalone-tool-page .main :is(.mode-switch, .duration-mode, .empty-state, .history-empty, .stat, .metric, .prompt-box, .audio-frame) { background: var(--sia-surface) !important; border-color: var(--tool-edge) !important; box-shadow: none !important; }
body.standalone-tool-page .main .mode-switch { border-radius: 16px; }
body.standalone-tool-page .main :is(.mode-button, .duration-mode button, .style-option) { background: transparent !important; color: var(--sia-muted) !important; font-size: 14px; min-height: 44px; }
body.standalone-tool-page .main :is(.mode-button.active, .duration-mode button.is-active, .style-option.is-active) { background: var(--sia-sidebar-active) !important; border-color: var(--sia-sidebar-active-line) !important; color: var(--sia-sidebar-accent) !important; }
body.standalone-tool-page .main :is(.soft-button, .mini-button, .pagination-button, .history-actions a, .history-actions button, .history-pagination button, .history-item-toggle) { background: var(--tool-control-fill) !important; border: 1px solid var(--tool-control-edge) !important; border-radius: 12px; color: var(--sia-text) !important; font-size: 14px; min-height: 44px; box-shadow: var(--tool-glow) !important; }
body.standalone-tool-page .main .pagination-button { min-width: 44px; }
body.standalone-tool-page .main .pagination-button.active { background: var(--sia-sidebar-active) !important; color: var(--sia-sidebar-accent) !important; }
body.standalone-tool-page .main :is(.primary-button, .download-link) { background: var(--sia-teal-dark) !important; border: 1px solid var(--tool-control-edge); border-radius: 14px; box-shadow: var(--tool-glow) !important; color: #fff !important; font-size: 15px; min-height: 48px; }
html[data-theme="dark"] body.standalone-tool-page .main :is(.primary-button, .download-link) { color: var(--sia-bg) !important; }
body.standalone-tool-page .main :is(.mini-button.danger, .message.error, .status.error), body.voice-tool-page .main .history-actions button { background: var(--sia-danger-soft) !important; border-color: color-mix(in srgb, var(--sia-danger) 30%, var(--sia-line)) !important; color: var(--sia-danger) !important; }
body.voice-tool-page .main .history-actions :is(a, button) { min-width: 44px; }
body.standalone-tool-page .main :is(.message.success, .status.ok, .status.info) { color: var(--sia-sidebar-accent) !important; }
body.standalone-tool-page .main :is(.status.ok, .status.info, .progress-wrap) { background: var(--tool-control-fill) !important; border-color: var(--tool-edge) !important; }
body.standalone-tool-page .main .progress-track { background: var(--sia-line) !important; }
body.standalone-tool-page .main .progress-bar { background: var(--sia-teal); }
body.standalone-tool-page .main :is(.time-pill, .history-meta) { background: var(--tool-control-fill) !important; border-color: var(--tool-edge) !important; font-size: 12px; }
body.standalone-tool-page .main .history-item { background: transparent !important; border: 0; border-bottom: 1px solid var(--tool-edge); border-radius: 0; box-shadow: none !important; padding: 16px 0; }
body.standalone-tool-page .main .scene-card { background: var(--sia-sidebar-bg) !important; border-color: var(--tool-edge) !important; border-radius: 18px; box-shadow: none !important; }
body.standalone-tool-page .main :is(.scene-text, .prompt-box, .history-item-title) { min-width: 0; }
body.standalone-tool-page .main :is(.result-toolbar, .history-toolbar, .scenes-pagination, .history-head) { flex-wrap: wrap; }
body.standalone-tool-page .main :is(button, a, input, textarea):focus-visible { outline: 2px solid var(--sia-sidebar-accent); outline-offset: 3px; }
body.standalone-tool-page .main :is(button, a):hover:not(:disabled) { border-color: var(--sia-sidebar-active-line) !important; }
body.standalone-tool-page .main button:disabled { cursor: not-allowed; }
/* Shared style/voice pickers, only when opened from these two standalone tools. */
body.standalone-tool-page :is(.sia-style-modal, .sia-voice-modal) { padding: 16px; place-items: center; }
body.standalone-tool-page :is(.sia-style-dialog, .sia-voice-dialog) { background: var(--sia-sidebar-bg) !important; border-color: var(--tool-edge) !important; border-radius: 24px; box-shadow: var(--sia-shadow); min-height: 0; max-height: calc(100dvh - 32px); max-width: calc(100vw - 32px); }
body.standalone-tool-page :is(.sia-style-dialog-header, .sia-style-dialog-footer, .sia-voice-dialog-header, .sia-voice-dialog-footer) { background: transparent !important; border-color: var(--tool-edge); }
body.standalone-tool-page :is(.sia-style-dialog-body, .sia-voice-dialog-body) { min-height: 0; overflow-y: auto; scrollbar-color: var(--tool-control-edge) transparent; scrollbar-width: thin; }
body.standalone-tool-page :is(.sia-style-dialog-title, .sia-voice-dialog-title) { font-size: 22px; }
body.standalone-tool-page :is(.sia-style-dialog-subtitle, .sia-voice-dialog-subtitle) { color: var(--sia-muted); font-size: 15px; }
body.standalone-tool-page :is(.sia-style-card, .sia-voice-card) { background: var(--sia-surface) !important; border-color: var(--tool-control-edge); border-radius: 14px; }
body.standalone-tool-page :is(.sia-style-card.is-selected, .sia-voice-card.is-selected, .sia-voice-filter.is-active) { background: var(--tool-control-fill) !important; border-color: var(--sia-sidebar-active-line); box-shadow: var(--tool-glow); }
body.standalone-tool-page .sia-voice-filter.is-active { color: var(--sia-sidebar-accent) !important; }
body.standalone-tool-page :is(.sia-style-icon-button, .sia-voice-icon-button, .sia-voice-filter) { min-height: 44px; min-width: 44px; }
body.standalone-tool-page :is(.sia-voice-preview, .sia-voice-favorite) { height: 44px; width: 44px; flex: 0 0 44px; }
body.standalone-tool-page :is(.sia-style-button, .sia-voice-button) { border-radius: 14px; min-height: 48px; font-size: 15px; }
body.standalone-tool-page :is(.sia-style-button.secondary, .sia-voice-button.secondary) { background: var(--tool-control-fill); border-color: var(--tool-control-edge); color: var(--sia-heading); }
body.standalone-tool-page :is(.sia-style-button.primary, .sia-voice-button.primary) { background: var(--sia-teal-dark); border-color: var(--tool-control-edge); color: #fff; }
html[data-theme="dark"] body.standalone-tool-page :is(.sia-style-button.primary, .sia-voice-button.primary) { color: var(--sia-bg); }
body.standalone-tool-page :is(.sia-style-search input, .sia-voice-search input) { background: var(--sia-surface) !important; border-color: var(--tool-control-edge) !important; border-radius: 14px; min-height: 48px; }
body.standalone-tool-page :is(.sia-style-modal, .sia-voice-modal) :is(button, input):focus-visible { outline: 2px solid var(--sia-sidebar-accent); outline-offset: 3px; }
body.standalone-tool-page:has(:is(.sia-style-modal, .sia-voice-modal):not([hidden])) .floating-theme-toggle { display: none !important; }
@container tool-panel (max-width: 480px) {
  body.standalone-tool-page .main .split-fields { grid-template-columns: minmax(0, 1fr); }
  body.standalone-tool-page .main .history-item { grid-template-columns: minmax(0, 1fr); }
  body.standalone-tool-page .main .history-actions { justify-content: flex-start; }
}
@media (max-width: 1150px) {
  body.standalone-tool-page .main .layout { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 900px) {
  body.standalone-tool-page .brand { box-sizing: border-box; padding-right: 60px !important; width: 100%; }
  body.standalone-tool-page .brand-name { font-size: clamp(1.3rem, 6.65vw, 1.62rem) !important; }
  body.standalone-tool-page .floating-theme-toggle { bottom: auto; right: 16px; top: 17px; z-index: 41; }
}
@media (max-width: 600px) {
  body.standalone-tool-page .main :is(.panel, .preview-card) { padding: 20px 18px; }
  body.standalone-tool-page .main .mode-switch { grid-template-columns: minmax(0, 1fr); }
  body.standalone-tool-page .main .empty-state { min-height: 220px; padding: 20px; }
  body.standalone-tool-page .main .copy-actions { justify-content: flex-start; }
  body.standalone-tool-page .main .history-item-top { align-items: stretch; flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
  body.standalone-tool-page .main :is(.progress-bar::after, .progress-hint .dot) { animation: none; }
}