/* y2t-workbench.css
   External visual override layer for giacchon.online.
   CSS cleanup pass 1: structured source of truth; no server.mjs logic changes.
*/

/* Tokens */
:root{
  --font-ui:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  --font-mono:"JetBrains Mono","SFMono-Regular","Roboto Mono",Consolas,"Liberation Mono",monospace;
  --bg:#f6f8fb;
  --text:#0f172a;
  --muted:#64748b;
  --border:#e2e8f0;
  --panel:#ffffff;
  --panel-soft:#f8fafc;
  --editor:#0b1220;
  --editor-head:#101827;
  --editor-text:#e5eefb;
  --editor-muted:#94a3b8;
  --sidebar:#0b1220;
  --sidebar-2:#111b2e;
  --sidebar-hover:#18243a;
  --raw:#0ea5e9;
  --clean:#7c3aed;
  --summary:#10b981;
  --chapters:#06b6d4;
  --premium:#f59e0b;
  --tts:#db2777;
  --violet:#8b5cf6;
  --radius:18px;
  --shadow:0 12px 32px rgba(15,23,42,.06);
}

/* Base Typography */
html,body{width:100%;max-width:none;overflow-x:hidden;background:var(--bg)!important;color:var(--text)!important;font-family:var(--font-ui)!important;font-size:14px!important;line-height:1.55!important;letter-spacing:-.006em!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body *{font-family:var(--font-ui)!important}
h1,.appTitle,.dashTopbar h1{font-weight:700!important;letter-spacing:-.05em!important;line-height:1.03!important}
h2,h3,.cardHead h2,.paneHead h2,.advancedStudioTitle strong{font-weight:650!important;letter-spacing:-.02em!important}
button,.advancedTab,.outputTab{font-size:12.5px!important;font-weight:600!important;letter-spacing:-.01em!important}
label,.muted,.hint,.paneHead small,.cardHead small,.videoInfoEyebrow{font-size:11.5px!important;font-weight:500!important}
strong,b{font-weight:650!important}
code,kbd,pre,.mono,#ttsVoiceId,.ttsResult code,[id*="Job"],[id*="job"],[id*="Model"],[id*="model"],[id*="Voice"],[id*="voice"]{font-family:var(--font-mono)!important;font-variant-ligatures:none!important;font-size:.92em!important}
textarea,#rawText,#finalText,#ttsText,#summaryText,#chaptersText,#mindmapText,#infographicText,#slidesText{font-family:var(--font-ui)!important;font-size:15px!important;line-height:1.66!important;font-weight:400!important;letter-spacing:-.004em!important}
.advancedStudioIcon{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important}

/* Layout */
.dashApp,.wrap{width:100%!important;max-width:none!important;margin:0!important}.dashApp{min-height:100vh!important}.wrap{padding-left:14px!important;padding-right:14px!important}
.dashShell{display:grid!important;grid-template-columns:304px minmax(0,1fr)!important;gap:16px!important;width:100vw!important;max-width:none!important;margin:0!important;padding:14px!important;box-sizing:border-box!important}
.dashMain,.main,.content,.dashContent{min-width:0!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;flex:1 1 auto!important}.dashMain>*{max-width:none!important}
.outputGrid,.grid{width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:14px!important;align-items:stretch!important}
.output-tab-raw .outputGrid,.output-tab-clean .outputGrid,.output-tab-summary .outputGrid,.output-tab-chapters .outputGrid,.output-tab-mindmap .outputGrid,.output-tab-infographic .outputGrid,.output-tab-slides .outputGrid,.output-tab-tts .outputGrid{grid-template-columns:minmax(0,1fr)!important}

/* Topbar */
.dashTopbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin:0 0 12px!important;padding:2px 2px 12px!important;border-bottom:1px solid rgba(148,163,184,.22)!important}
.dashTopbar h1,.hero h1,.appTitle{margin:0!important;font-size:clamp(30px,3.5vw,42px)!important;background:linear-gradient(135deg,#8a5a00 0%,#c47a00 24%,#f6b81a 50%,#ffe8a3 68%,#d28a00 84%,#8a5a00 100%)!important;background-size:120% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:0 8px 22px rgba(214,139,0,.14)!important}
.dashTopbar p,.heroSubtitle,.heroKicker,.byline{display:none!important}.topStatus{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important}
.topStatus .pill,.topStatus .advancedUnlockStatus,.themeToggle{height:30px!important;display:inline-flex!important;align-items:center!important;padding:5px 10px!important;border-radius:999px!important;font-size:12px!important;font-weight:500!important;line-height:1!important;white-space:nowrap!important;box-shadow:none!important}
.topStatus .pill{background:#e0f2fe!important;color:#075985!important;border:1px solid #bae6fd!important}.topStatus .advancedUnlockStatus{background:#fff7ed!important;color:#9a3412!important;border:1px solid #fed7aa!important}.topStatus .advancedUnlockStatus.ok,body.advanced-unlocked .topStatus .advancedUnlockStatus{background:#dcfce7!important;color:#166534!important;border-color:#86efac!important}.themeToggle{background:#fff!important;color:#334155!important;border:1px solid var(--border)!important}

/* Sidebar */
.dashSidebar,.sidebar,.sidePanel{width:304px!important;min-width:304px!important;max-width:304px!important;flex:0 0 304px!important;background:linear-gradient(180deg,#101a2d 0%,var(--sidebar) 100%)!important;border:1px solid rgba(148,163,184,.20)!important;border-radius:20px!important;padding:14px!important;box-shadow:0 18px 54px rgba(15,23,42,.18)!important;color:#dbeafe!important}
.dashSidebar .loginBrand,.dashSidebar h2,.sidePanel h2,.sidebar h2{color:#f8fafc!important;font-size:13px!important;font-weight:650!important;margin:0 0 10px!important}.dashSidebar label,.sidebar label,.sidePanel label{display:block;color:#9fb0ca!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.04em!important;font-weight:600!important;margin:10px 0 5px!important}
.dashSidebar input,.dashSidebar select,.sidebar input,.sidebar select,.sidePanel input,.sidePanel select{height:36px!important;border-radius:11px!important;background:#08111f!important;color:#e5eefb!important;border:1px solid rgba(148,163,184,.24)!important;padding:8px 10px!important;font-size:13px!important}.dashSidebar input::placeholder{color:#7f91a8!important}
.dashSidebar button,.sidebar button,.sidePanel button{min-height:34px!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;border-radius:11px!important;background:var(--sidebar-2)!important;color:#dbeafe!important;border:1px solid rgba(148,163,184,.18)!important;padding:8px 10px!important;margin:0 0 7px!important;font-size:13px!important;font-weight:600!important;box-shadow:none!important}.dashSidebar button:hover{background:var(--sidebar-hover)!important;color:#fff!important}.dashSidebar button:active{transform:scale(.985)!important}
.dashSidebar #btnTranscript{background:#0c4a6e!important;border-color:#0284c7!important;color:#e0f2fe!important}.dashSidebar #btnFormat{background:#4c1d95!important;border-color:#7c3aed!important;color:#ede9fe!important}.dashSidebar #btnClear{background:#273449!important;color:#e2e8f0!important}.dashSidebar .premiumFeatureBtn{background:#3a2a10!important;border-color:rgba(245,158,11,.34)!important;color:#fde68a!important}.dashSidebar .premiumFeatureBtn::after{display:none!important;content:none!important}.progressOuter{height:6px!important;background:#08111f!important;border-color:rgba(174,190,210,.14)!important;margin-top:8px!important}.footer,.featureChips{display:none!important}

/* Main Tabs */
.advancedMenu{display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;padding:5px!important;margin:0 0 12px!important;background:#0f172a!important;border:1px solid rgba(148,163,184,.20)!important;border-radius:16px!important;box-shadow:0 10px 28px rgba(15,23,42,.10)!important;scrollbar-width:thin!important}.advancedMenu::before,.advancedMenu::after,.advancedMenu .advancedUnlockStatus{display:none!important;content:none!important}
.advancedTab{height:31px!important;flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;gap:5px!important;padding:6px 10px!important;border-radius:10px!important;border:1px solid transparent!important;background:transparent!important;color:#aab8ca!important;line-height:1!important;white-space:nowrap!important}.advancedTab:hover{background:#1e293b!important;color:#e5e7eb!important}.advancedTab.active{background:#e0f2fe!important;color:#075985!important;border-color:#7dd3fc!important}.advancedTab.premium{color:#fbbf24!important}.advancedTab.premium.active{background:#fff7ed!important;color:#9a3412!important;border-color:#fdba74!important}
.advancedTab[data-tab="summary"].active{background:#dcfce7!important;color:#166534!important;border-color:#86efac!important}.advancedTab[data-tab="chapters"].active{background:#cffafe!important;color:#155e75!important;border-color:#67e8f9!important}.advancedTab[data-tab="infographic"].active{background:#ecfdf5!important;color:#166534!important;border-color:#86efac!important}.advancedTab[data-tab="slides"].active{background:#ede9fe!important;color:#5b21b6!important;border-color:#c4b5fd!important}.advancedTab[data-tab="tts"].active{background:#fce7f3!important;color:#9d174d!important;border-color:#f9a8d4!important}
.preTag{display:inline-flex!important;align-items:center!important;padding:1px 4px!important;border-radius:999px!important;background:rgba(245,158,11,.16)!important;border:1px solid rgba(245,158,11,.28)!important;color:#b45309!important;font-size:9.5px!important;font-weight:600!important;line-height:1!important}.advanced-unlocked .preTag{background:rgba(16,185,129,.13)!important;border-color:rgba(16,185,129,.26)!important;color:#047857!important}

/* Workspace / Panes */
.videoInfoCard,.overviewCard{background:var(--panel)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-left:3px solid var(--raw)!important;border-radius:16px!important;box-shadow:0 10px 28px rgba(15,23,42,.05)!important;margin-bottom:12px!important;padding:10px 12px!important}.videoInfoEyebrow{color:var(--raw)!important;font-size:11px!important;font-weight:600!important}.videoInfoMain strong{color:var(--text)!important;font-size:14px!important;font-weight:600!important}.videoInfoMain p{color:var(--muted)!important}.videoStat,.statCard,.metricCard,.infoItem,.metaItem{background:var(--panel-soft)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-left:3px solid var(--raw)!important;border-radius:10px!important;padding:6px 8px!important;box-shadow:none!important}.videoStat small,.statCard small,.metricCard small,.infoItem small,.metaItem small{color:var(--muted)!important}.videoStat strong,.statCard strong,.metricCard strong,.infoItem strong,.metaItem strong{color:var(--text)!important;font-size:13px!important}
.outputPane{width:100%!important;max-width:none!important;min-width:0!important;background:var(--panel)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;overflow:hidden!important;box-shadow:var(--shadow)!important}.rawPane{border-left:4px solid var(--raw)!important}.cleanPane{border-left:4px solid var(--clean)!important}.summaryPane{border-left:4px solid var(--summary)!important}.chaptersPane{border-left:4px solid var(--chapters)!important}.mindmapPane{border-left:4px solid var(--chapters)!important}.infographicPane{border-left:4px solid var(--summary)!important}.slidesPane{border-left:4px solid var(--violet)!important}.ttsPane{border-left:4px solid var(--tts)!important}
.outputPane .paneHead{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;background:var(--panel-soft)!important;color:var(--text)!important;border-bottom:1px solid var(--border)!important;padding:10px 12px!important;min-height:42px!important}.outputPane .paneHead>div{min-width:0!important}.outputPane .paneHead h2{margin:0!important;font-size:15px!important;line-height:1.2!important;color:var(--text)!important;white-space:nowrap!important}.outputPane .paneHead small{display:block!important;margin-top:1px!important;color:var(--muted)!important;font-size:11.5px!important;font-weight:400!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:48vw!important}
.outputPane .paneHead button,.outputPane .btnCopy{height:30px!important;padding:6px 10px!important;border-radius:10px!important;background:#eef2f7!important;color:#334155!important;border:1px solid #dbe3ee!important;font-size:12px!important;font-weight:600!important;white-space:nowrap!important}.outputPane .paneHead button:hover,.outputPane .btnCopy:hover{background:#e2e8f0!important;color:#0f172a!important}
.outputPane textarea{display:block!important;width:100%!important;min-height:330px!important;margin:0!important;border:0!important;border-radius:0!important;background:var(--editor)!important;color:var(--editor-text)!important;padding:14px!important;resize:vertical!important;box-shadow:none!important;outline:none!important}.outputPane textarea::placeholder{color:var(--editor-muted)!important;opacity:1!important}.outputPane textarea:focus{box-shadow:inset 0 0 0 1px rgba(96,165,250,.38)!important}.rawPane textarea{color:#e0f2fe!important;caret-color:var(--raw)!important}.cleanPane textarea{color:#ede9fe!important;caret-color:var(--clean)!important}.summaryPane textarea{color:#dcfce7!important;caret-color:var(--summary)!important}.chaptersPane textarea{color:#cffafe!important;caret-color:var(--chapters)!important}.mindmapPane textarea,.infographicPane textarea,.slidesPane textarea{color:#fef3c7!important}.ttsPane textarea{color:#fce7f3!important;caret-color:var(--tts)!important}
.emptyHint{margin:8px!important;padding:8px 10px!important;background:var(--panel-soft)!important;border:1px dashed #dbe3ee!important;border-radius:14px!important;color:var(--muted)!important;min-height:0!important}.emptyHint strong{font-size:12.5px!important;font-weight:600!important;color:#475569!important}.emptyHint span{display:none!important}

/* Advanced Studio */
.advancedPane .advancedStudioShell,.mindmapPane .advancedStudioShell,.infographicPane .advancedStudioShell,.slidesPane .advancedStudioShell{background:#0f172a!important;border:1px solid rgba(148,163,184,.22)!important;border-radius:16px!important;overflow:hidden!important;box-shadow:0 14px 34px rgba(15,23,42,.12)!important}.advancedStudioTop{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-height:42px!important;padding:9px 11px!important;background:linear-gradient(135deg,#162033,#0b1220)!important;border-bottom:1px solid rgba(148,163,184,.22)!important;color:var(--editor-text)!important}.advancedStudioTitle{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;flex:1 1 auto!important}.advancedStudioIcon{width:28px!important;height:28px!important;min-width:28px!important;border-radius:9px!important;display:grid!important;place-items:center!important;background:rgba(245,158,11,.14)!important;border:1px solid rgba(245,158,11,.28)!important;font-size:15px!important}.advancedStudioTitle strong{font-size:13.5px!important;color:#f8fafc!important;white-space:nowrap!important}.advancedStudioTitle span{font-size:11.5px!important;font-weight:400!important;color:#aab8ca!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:48vw!important}.advancedStudioBadges{display:flex!important;align-items:center!important;gap:6px!important;flex:0 0 auto!important;white-space:nowrap!important}.advancedBadge{height:24px!important;display:inline-flex!important;align-items:center!important;padding:3px 8px!important;border-radius:999px!important;background:rgba(245,158,11,.13)!important;color:#fbbf24!important;border:1px solid rgba(245,158,11,.28)!important;font-size:11px!important;font-weight:600!important}.advancedBadge.snapgen{background:rgba(139,92,246,.14)!important;color:#c4b5fd!important;border-color:rgba(139,92,246,.30)!important}.advancedGenerate{height:30px!important;padding:6px 10px!important;border-radius:10px!important;background:var(--premium)!important;color:#162033!important;border:1px solid #fbbf24!important;font-size:12px!important;font-weight:650!important;white-space:nowrap!important}.advancedActions{display:flex!important;align-items:center!important;gap:6px!important;flex:0 0 auto!important}.advancedActions button{height:30px!important;padding:6px 10px!important;border-radius:10px!important;font-size:12px!important;width:auto!important;white-space:nowrap!important}
.mindmapToolbar,.infographicToolbar,.slidesToolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;flex-wrap:nowrap!important;padding:9px 11px!important;background:#0b1220!important;border-bottom:1px solid rgba(148,163,184,.22)!important}.mindmapToolbar>div,.infographicToolbar>div,.slidesToolbar>div,.slidesDeckActions{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:nowrap!important}.mindmapModeBtn,.infographicModeBtn,.slidesModeBtn,.slidesExportBtn,.mindmapExportBtn,.infographicExportBtn{height:28px!important;padding:5px 9px!important;border-radius:9px!important;background:#1e293b!important;color:#cbd5e1!important;border:1px solid rgba(148,163,184,.24)!important;font-size:11.5px!important;font-weight:600!important;white-space:nowrap!important;width:auto!important}.mindmapModeBtn.active,.infographicModeBtn.active,.slidesModeBtn.active{background:#e0f2fe!important;color:#075985!important;border-color:#7dd3fc!important}.mindmapCanvas,.infographicCanvas,.slidesCanvas{background:radial-gradient(circle at top left,rgba(59,130,246,.10),transparent 34%),#0b1220!important;border:1px solid rgba(148,163,184,.18)!important;border-radius:16px!important;margin:10px!important;min-height:260px!important;color:#e5eefb!important}.mindmapEmpty,.infographicEmptyCanvas,.slidesEmptyCanvas{display:grid!important;place-items:center!important;min-height:220px!important;color:#aab8ca!important;text-align:center!important;font-size:13px!important}.aiImagePanel,.snapgenPanel,.infographicAiPanel,.slidesAiPanel{background:#0b1220!important;border:1px solid rgba(148,163,184,.22)!important;border-radius:16px!important;margin:10px!important;padding:10px!important;color:#e5eefb!important}.aiImageNote,.slidesAiPrimaryNote{display:none!important}.snapgenJobBox,.slidesCreditBox{margin:10px!important;padding:9px 11px!important;border-radius:14px!important;background:#162033!important;color:#cbd5e1!important;border:1px solid rgba(148,163,184,.22)!important}.slidesCreditBox{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important}.slidesCreditBox br{display:none!important}.slidesCreditBox strong{white-space:nowrap!important;color:#f8fafc!important;font-size:12px!important}.slidesCreditBox span,#slidesCreditText{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important}.slidesCreditBox button{height:28px!important;padding:5px 8px!important;border-radius:9px!important;background:#1e293b!important;color:#e5eefb!important;border:1px solid rgba(148,163,184,.22)!important;font-size:11.5px!important;white-space:nowrap!important;width:auto!important}
.infographicPane .paneHead,.slidesPane .paneHead{flex-wrap:nowrap!important}.infographicPane #infographicMeta,.slidesPane #slidesMeta{display:inline-flex!important;align-items:center!important;height:24px!important;padding:3px 8px!important;border-radius:999px!important;background:#1e293b!important;color:#cbd5e1!important;font-size:11px!important;white-space:nowrap!important}.infographicPane .emptyHint,.slidesPane .emptyHint{display:none!important}.advancedPane textarea,.mindmapPane textarea,.infographicPane textarea,.slidesPane textarea{min-height:260px!important;width:100%!important}

/* TTS */
.ttsPane .paneHead{background:linear-gradient(135deg,#162033,#171225)!important;color:#fce7f3!important;border-bottom-color:rgba(219,39,119,.22)!important}.ttsPane .paneHead h2{color:#fce7f3!important}.ttsPane .paneHead small{color:#f9a8d4!important}.ttsPane .paneHead::after{content:'eleven_v3 · vi · 5.000 ký tự';display:inline-flex;align-items:center;margin-left:auto;height:24px;padding:4px 8px;border-radius:999px;background:rgba(219,39,119,.13);border:1px solid rgba(219,39,119,.24);color:#f9a8d4;font-size:11px;font-weight:600;white-space:nowrap}
.ttsControls{display:grid!important;grid-template-columns:minmax(280px,1fr) 90px 82px!important;gap:10px!important;padding:11px 12px!important;background:#101827!important;border-bottom:1px solid rgba(219,39,119,.18)!important}.ttsControls>div{min-width:0!important}.ttsControls label{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 5px!important;color:#f9a8d4!important;font-size:10.5px!important;font-weight:650!important;text-transform:uppercase!important;letter-spacing:.04em!important}.ttsControls input,.ttsControls select{width:100%!important;height:36px!important;border-radius:10px!important;background:#0b1220!important;color:#fce7f3!important;border:1px solid rgba(219,39,119,.26)!important;padding:8px 10px!important;font-size:12.5px!important;box-shadow:none!important}.ttsControls input:focus,.ttsControls select:focus{border-color:#f472b6!important;box-shadow:0 0 0 3px rgba(219,39,119,.15)!important}
.ttsActions{display:grid!important;grid-template-columns:auto auto auto auto 1fr!important;align-items:center!important;gap:7px!important;padding:10px 12px!important;background:#0f172a!important;border-bottom:1px solid rgba(148,163,184,.18)!important}.ttsActions button{width:auto!important;height:34px!important;border-radius:10px!important;padding:8px 11px!important;font-size:12.5px!important;font-weight:650!important;white-space:nowrap!important}.ttsActions #btnCreateTts{background:var(--tts)!important;color:#fff!important;border:1px solid #ec4899!important;box-shadow:0 8px 18px rgba(219,39,119,.18)!important}.ttsActions #btnNewTts{background:#1e293b!important;color:#e2e8f0!important;border:1px solid rgba(148,163,184,.28)!important}.ttsActions .btnCopy{background:#162033!important;color:#cbd5e1!important;border:1px solid rgba(148,163,184,.22)!important}
.ttsCharCounter{margin:10px 12px 0!important;height:28px!important;display:inline-flex!important;align-items:center;width:max-content;max-width:100%;border-radius:999px!important;padding:5px 10px!important;font-size:12px!important;font-weight:600!important;background:rgba(16,185,129,.10)!important;border:1px solid rgba(16,185,129,.26)!important;color:#10b981!important}.ttsCharCounter.warn{background:rgba(245,158,11,.12)!important;border-color:rgba(245,158,11,.32)!important;color:#f59e0b!important}.ttsCharCounter.bad{background:rgba(239,68,68,.12)!important;border-color:rgba(239,68,68,.35)!important;color:#ef4444!important}.ttsResult{margin:10px 12px!important;padding:11px 12px!important;border-radius:16px!important;background:linear-gradient(135deg,#162033,#171225)!important;color:#fce7f3!important;border:1px solid rgba(219,39,119,.24)!important;border-left:4px solid var(--tts)!important;font-size:12.5px!important;line-height:1.55!important}.ttsResult code{background:rgba(219,39,119,.14)!important;color:#f9a8d4!important;border:1px solid rgba(219,39,119,.22)!important;padding:1px 5px!important;border-radius:6px!important}.ttsResult a{display:inline-flex!important;align-items:center!important;height:30px!important;margin-top:8px!important;padding:6px 10px!important;border-radius:10px!important;background:var(--tts)!important;color:#fff!important;text-decoration:none!important;font-size:12px!important;font-weight:650!important}.ttsResult audio{display:block!important;width:100%!important;margin-top:9px!important;border-radius:10px!important;background:#0b1220!important}.ttsPane textarea#ttsText{min-height:300px!important;background:#0b1220!important;color:#fce7f3!important;border-top:1px solid rgba(219,39,119,.18)!important;caret-color:#f472b6!important}.ttsPane textarea#ttsText::placeholder{color:#9f6b86!important}.ttsPane textarea#ttsText:focus{box-shadow:inset 0 0 0 1px rgba(244,114,182,.40)!important}

/* Responsive */
@media(max-width:1020px){.dashShell{display:flex!important;flex-direction:column!important;width:100%!important}.dashSidebar,.sidebar,.sidePanel{width:100%!important;min-width:0!important;max-width:none!important;flex:auto!important}.dashTopbar{align-items:flex-start!important;flex-direction:column!important}.topStatus{justify-content:flex-start!important}.advancedMenu{width:100%!important}.outputGrid,.grid{grid-template-columns:1fr!important}}
@media(max-width:900px){html,body{font-size:13.5px!important}.dashTopbar h1,.appTitle{font-size:clamp(24px,8vw,30px)!important}.outputPane textarea{min-height:260px!important;font-size:14px!important}.outputPane .paneHead{align-items:flex-start!important}.outputPane .paneHead small{max-width:72vw!important}.ttsControls{grid-template-columns:1fr!important}.ttsActions{display:flex!important;flex-wrap:wrap!important}.ttsPane .paneHead::after{width:100%;margin-left:0;margin-top:6px;justify-content:center}.ttsPane textarea#ttsText{min-height:240px!important}.advancedStudioTop,.mindmapToolbar,.infographicToolbar,.slidesToolbar,.slidesCreditBox{flex-wrap:wrap!important}.advancedStudioTitle span{max-width:80vw!important}.mindmapCanvas,.infographicCanvas,.slidesCanvas{min-height:220px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.001ms!important;animation-duration:.001ms!important;scroll-behavior:auto!important}}

/* Feature Navigation / Canonical Pane Visibility */
.outputTabs{display:none!important}
.advancedTab.premium::after{display:none!important;content:none!important}
.advancedMenu::before{display:none!important;content:none!important}
.advancedMenu .advancedTab[data-tab="split"]{order:1!important}
.advancedMenu .advancedTab[data-tab="summary"]{order:2!important}
.advancedMenu .advancedTab[data-tab="mindmap"]{order:3!important}
.advancedMenu .advancedTab[data-tab="infographic"]{order:4!important}
.advancedMenu .advancedTab[data-tab="slides"]{order:5!important}
.advancedMenu .advancedTab[data-tab="chapters"]{order:6!important}
.advancedMenu .advancedTab[data-tab="tts"]{order:7!important}
.advancedMenu .advancedTab .preTag{margin-left:5px!important}
.outputGrid > .outputPane{display:none!important}
body.output-tab-split .rawPane,body.output-tab-split .cleanPane{display:block!important}
body.output-tab-raw .rawPane{display:block!important}
body.output-tab-clean .cleanPane{display:block!important}
body.output-tab-summary .summaryPane{display:block!important}
body.output-tab-chapters .chaptersPane{display:block!important}
body.output-tab-tts .ttsPane{display:block!important}
body.output-tab-mindmap .mindmapPane{display:block!important}
body.output-tab-infographic .infographicPane{display:block!important}
body.output-tab-slides .slidesPane{display:block!important}
body.output-tab-raw .outputGrid,body.output-tab-clean .outputGrid,body.output-tab-summary .outputGrid,body.output-tab-chapters .outputGrid,body.output-tab-tts .outputGrid,body.output-tab-mindmap .outputGrid,body.output-tab-infographic .outputGrid,body.output-tab-slides .outputGrid{grid-template-columns:minmax(0,1fr)!important}
body.output-tab-split .outputGrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}

/* Sidebar Grouping / Feature Clarity */
.sideSubLabel{margin:12px 0 6px!important;padding-top:10px!important;border-top:1px solid rgba(148,163,184,.16)!important;color:#aab8ca!important;font-size:10.5px!important;font-weight:750!important;text-transform:uppercase!important;letter-spacing:.07em!important}
.workflowPanel .sideSubLabel:first-of-type{margin-top:12px!important}
#btnSummary{border-left:3px solid var(--summary)!important}
#btnMindMap{border-left:3px solid var(--chapters)!important}
#btnInfographic{border-left:3px solid var(--summary)!important}
#btnSlides{border-left:3px solid var(--violet)!important}
#btnChapters{border-left:3px solid var(--chapters)!important}
#btnTts{border-left:3px solid var(--tts)!important}
#btnTts::after{display:none!important;content:none!important}
.advancedPane .paneHead small{color:#fde68a!important}
.advancedBadge.premium{font-size:0!important}
.advancedBadge.premium::before{content:'Pre';font-size:11px!important}

/* Sidebar label normalization after inline dashboard CSS cleanup */
.dashSidebar .sideLabel,.sidebar .sideLabel,.sidePanel .sideLabel{display:block!important;color:#aab8ca!important;font-size:10.5px!important;font-weight:750!important;text-transform:uppercase!important;letter-spacing:.07em!important;margin:10px 0 7px!important}

/* Dark color-only fix: no layout/display overrides */
html[data-theme="dark"] body{background:linear-gradient(180deg,rgba(45,60,86,.96),rgba(31,44,67,.96))!important;color:#e5eefb!important}
html[data-theme="dark"] .dashMain,html[data-theme="dark"] .dashTopbar{color:#e5eefb!important}
html[data-theme="dark"] .outputPane,html[data-theme="dark"] .videoInfoCard,html[data-theme="dark"] .overviewCard{background:#0f172a!important;color:#e5eefb!important;border-color:rgba(148,163,184,.22)!important}
html[data-theme="dark"] .outputPane .paneHead{background:#101827!important;color:#e5eefb!important;border-bottom-color:rgba(148,163,184,.22)!important}
html[data-theme="dark"] .outputPane .paneHead h2{color:#f8fafc!important}
html[data-theme="dark"] .outputPane .paneHead small{color:#aab8ca!important}
html[data-theme="dark"] .emptyHint{background:#0b1220!important;color:#cbd5e1!important;border-color:rgba(148,163,184,.28)!important}

/* Prompt Library link */
.promptLibraryLink{display:flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;border-radius:11px!important;background:#1e293b!important;color:#dbeafe!important;border:1px solid rgba(148,163,184,.22)!important;text-decoration:none!important;font-size:13px!important;font-weight:650!important;padding:8px 10px!important}
.promptLibraryLink:hover{background:#334155!important;color:#fff!important}

/* Prompt selected bridge */
.selectedPromptBox{margin-top:10px!important}.selectedPromptBox textarea{width:100%!important;min-height:90px!important;background:#030712!important;color:#dbeafe!important;border:1px solid rgba(148,163,184,.22)!important;border-radius:11px!important;padding:9px!important;font-size:12px!important;line-height:1.45!important;resize:vertical!important}.selectedPromptActions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}.selectedPromptActions button{margin-top:7px!important;justify-content:center!important;text-align:center!important}

/* Prompt selected bridge */
.selectedPromptBox{margin-top:10px!important}.selectedPromptBox textarea{width:100%!important;min-height:90px!important;background:#030712!important;color:#dbeafe!important;border:1px solid rgba(148,163,184,.22)!important;border-radius:11px!important;padding:9px!important;font-size:12px!important;line-height:1.45!important;resize:vertical!important}.selectedPromptActions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}.selectedPromptActions button{margin-top:7px!important;justify-content:center!important;text-align:center!important}

/* Prompt selected bridge */
.selectedPromptBox{margin-top:10px!important}.selectedPromptBox textarea{width:100%!important;min-height:90px!important;background:#030712!important;color:#dbeafe!important;border:1px solid rgba(148,163,184,.22)!important;border-radius:11px!important;padding:9px!important;font-size:12px!important;line-height:1.45!important;resize:vertical!important}.selectedPromptActions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}.selectedPromptActions button{margin-top:7px!important;justify-content:center!important;text-align:center!important}

/* Custom Prompt Panel */
.customPromptPanel{margin-top:10px!important;padding:10px!important;border:1px solid rgba(148,163,184,.18)!important;border-radius:13px!important;background:#0b1220!important}.customPromptToggle{display:flex!important;gap:7px!important;align-items:center!important;text-transform:none!important;letter-spacing:0!important;color:#dbeafe!important;font-size:12px!important}.customPromptToggle input{width:auto!important;height:auto!important}.customPromptPanel textarea{width:100%!important;min-height:92px!important;margin-top:8px!important;background:#030712!important;color:#dbeafe!important;border:1px solid rgba(148,163,184,.24)!important;border-radius:11px!important;padding:9px!important;font-size:12px!important;line-height:1.45!important;resize:vertical!important}.customPromptActions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:7px!important}.customPromptActions button{justify-content:center!important;text-align:center!important}.customPromptPanel small{display:block!important;margin-top:7px!important;color:#aab8ca!important;font-size:11px!important}

/* Step 2 prompt selection UI */
.step2PromptPanel .defaultPromptDetails{margin-bottom:10px!important;border:1px solid rgba(148,163,184,.18)!important;border-radius:11px!important;background:#050b16!important;padding:8px!important}.step2PromptPanel .defaultPromptDetails summary{cursor:pointer!important;color:#fde68a!important;font-size:12px!important;font-weight:750!important}.step2PromptPanel .defaultPromptDetails textarea{margin-top:8px!important;min-height:130px!important;background:#030712!important;color:#cbd5e1!important;font-family:"JetBrains Mono",monospace!important;font-size:11.5px!important}.step2PromptPanel .defaultPromptDetails small{display:block!important;margin-top:6px!important;color:#aab8ca!important}.step2PromptPanel #customPromptMeta{color:#bae6fd!important}

/* Y2T_EXPAND_TRANSCRIPT_TEXTAREAS_V1_START */
body.output-tab-split .rawPane,
body.output-tab-split .cleanPane{
  display:flex!important;
  flex-direction:column!important;
  min-height:calc(100vh - 238px)!important;
}
body.output-tab-split .rawPane textarea#rawText,
body.output-tab-split .cleanPane textarea#finalText{
  flex:1 1 auto!important;
  min-height:calc(100vh - 292px)!important;
  height:calc(100vh - 292px)!important;
  resize:vertical!important;
}
body.output-tab-raw textarea#rawText,
body.output-tab-clean textarea#finalText{
  min-height:calc(100vh - 252px)!important;
  height:calc(100vh - 252px)!important;
}
@media(max-width:1020px){
  body.output-tab-split .rawPane,
  body.output-tab-split .cleanPane{min-height:auto!important}
  body.output-tab-split .rawPane textarea#rawText,
  body.output-tab-split .cleanPane textarea#finalText,
  body.output-tab-raw textarea#rawText,
  body.output-tab-clean textarea#finalText{min-height:520px!important;height:auto!important}
}
@media(max-width:720px){
  body.output-tab-split .rawPane textarea#rawText,
  body.output-tab-split .cleanPane textarea#finalText,
  body.output-tab-raw textarea#rawText,
  body.output-tab-clean textarea#finalText{min-height:360px!important}
}
/* Y2T_EXPAND_TRANSCRIPT_TEXTAREAS_V1_END */


/* soft darkmode override */
html,body{background:linear-gradient(180deg,#172033 0%,#111827 54%,#0f1726 100%)!important;color:#eef4fb!important;font-family:Inter,Arial,sans-serif!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility} 
body,.dashApp{background:linear-gradient(180deg,#172033 0%,#111827 54%,#0f1726 100%)!important;color:#eef4fb!important} 
.card,.panel,.overviewCard,.outputPane,.loginCard,.sideSection,.jobCard,.videoInfoBox{background:linear-gradient(180deg,rgba(29,42,65,.88),rgba(20,31,50,.92))!important;border:1px solid rgba(174,190,210,.18)!important;box-shadow:0 18px 54px rgba(8,13,24,.18)!important;border-radius:22px!important} 
button,.btn,.tabBtn,a.btn,.advancedGenerate,.btnCopy{border-radius:15px!important;background:linear-gradient(180deg,rgba(45,60,86,.96),rgba(31,44,67,.96))!important;color:#f5f9ff!important;border-color:rgba(174,190,210,.22)!important} 
button:hover,.btn:hover,.tabBtn:hover,a.btn:hover,.advancedGenerate:hover,.btnCopy:hover{background:linear-gradient(180deg,rgba(55,70,98,.98),rgba(36,51,76,.98))!important;border-color:rgba(125,211,252,.48)!important} 
textarea,input,select{background:linear-gradient(180deg,rgba(20,32,52,.98),rgba(16,27,45,.98))!important;color:#eef4fb!important;border-color:rgba(174,190,210,.22)!important;border-radius:17px!important} 
.muted,.hint,.meta,.help,.sideBrand small,.dashTopbar p,.paneHead small{color:#aab8ca!important} 
.pill,.status,.chip,.preTag,.modelBadge{background:rgba(125,211,252,.10)!important;color:#d8f3ff!important;border-color:rgba(125,211,252,.22)!important}

/* Y2T_FORCE_DARKMODE_V4 - no restart required */
:root,
html,
body,
.dashApp{
  color-scheme: dark!important;
  --bg:#080d16!important;
  --bg2:#0b1220!important;
  --panel:#111a2a!important;
  --panel2:#162033!important;
  --field:#0c1422!important;
  --field2:#101a2b!important;
  --text:#eef4fb!important;
  --muted:#9fb0c6!important;
  --subtle:#73849a!important;
  --border:rgba(148,163,184,.18)!important;
  --accent:#7dd3fc!important;
}
html,body{
  background:#080d16!important;
  color:#eef4fb!important;
}
body,.dashApp,.wrap,.main,.content,.dashMain{
  background:
    radial-gradient(circle at 18% -8%,rgba(56,189,248,.10),transparent 34%),
    radial-gradient(circle at 88% 2%,rgba(45,212,191,.07),transparent 30%),
    linear-gradient(180deg,#0b1220 0%,#080d16 60%,#070b12 100%)!important;
  color:#eef4fb!important;
}
.dashSidebar,.sidebar,.sideNav{
  background:linear-gradient(180deg,rgba(12,20,34,.98),rgba(8,13,22,.98))!important;
  border-color:rgba(148,163,184,.14)!important;
}
.card,.panel,.overviewCard,.outputPane,.loginCard,.sideSection,.jobCard,.videoInfoBox,.ttsStudioCard,.imageGenResult{
  background:linear-gradient(180deg,rgba(17,26,42,.96),rgba(12,20,34,.97))!important;
  border:1px solid rgba(148,163,184,.16)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.24)!important;
  color:#eef4fb!important;
}
textarea,input,select,.input,.field,textarea#rawText,textarea#finalText,#ttsText{
  background:linear-gradient(180deg,rgba(12,20,34,.99),rgba(9,15,26,.99))!important;
  color:#eef4fb!important;
  border-color:rgba(148,163,184,.22)!important;
}
textarea::placeholder,input::placeholder{color:#66768b!important}
button,.btn,.tabBtn,.navBtn,a.btn,.advancedGenerate,.btnCopy{
  background:linear-gradient(180deg,rgba(30,41,59,.96),rgba(15,23,42,.98))!important;
  color:#f8fafc!important;
  border-color:rgba(148,163,184,.22)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
}
button:hover,.btn:hover,.tabBtn:hover,.navBtn:hover,a.btn:hover,.advancedGenerate:hover,.btnCopy:hover{
  background:linear-gradient(180deg,rgba(43,57,82,.98),rgba(22,32,51,.98))!important;
  border-color:rgba(125,211,252,.42)!important;
}
.primary,.advancedGenerate,#btnCreateTts,#btnRun,.btnPrimary{
  background:linear-gradient(135deg,#7dd3fc,#a7f3d0)!important;
  color:#06121f!important;
  border-color:rgba(186,230,253,.72)!important;
}
.dashTopbar h1,.paneHead h2,.panelHead h2,.videoInfoTitle,#videoInfoTitle,h1,h2,h3,label,strong{
  color:#f8fafc!important;
}
.dashTopbar p,.paneHead small,.sideBrand small,.videoInfoMain p,.muted,.hint,.meta,.help,small{
  color:#9fb0c6!important;
}
.outputTabs,.tabs,.segmented{
  background:rgba(8,13,22,.72)!important;
  border-color:rgba(148,163,184,.12)!important;
}
.outputTabs button.active,.tabs button.active,.segmented button.active,.tabBtn.active{
  background:rgba(125,211,252,.14)!important;
  border-color:rgba(125,211,252,.30)!important;
  color:#e0f2fe!important;
}
.pill,.chip,.status,.preTag,.modelBadge{
  background:rgba(125,211,252,.10)!important;
  color:#dff6ff!important;
  border-color:rgba(125,211,252,.20)!important;
}
code,pre,.mono,.jobId{
  background:rgba(3,7,18,.54)!important;
  border-color:rgba(148,163,184,.12)!important;
  color:#c7d2fe!important;
}
hr,.divider{border-color:rgba(148,163,184,.12)!important}


/* Y2T_STUDIO_POLISH_CONTROLS_V1_START
   Studio workbench polish: buttons, blocks, textarea/editor surfaces.
   CSS-only, no app logic change. */
:root{
  --studio-bg:#070b12!important;
  --studio-panel:#0f1726!important;
  --studio-panel-2:#121d30!important;
  --studio-panel-3:#18243a!important;
  --studio-line:rgba(148,163,184,.20)!important;
  --studio-line-strong:rgba(148,163,184,.30)!important;
  --studio-text:#eef4fb!important;
  --studio-muted:#9fb0c6!important;
  --studio-accent:#7dd3fc!important;
  --studio-blue:#3b82f6!important;
  --studio-gold:#f6b81a!important;
  --studio-green:#10b981!important;
  --studio-danger:#ef4444!important;
  --studio-shadow:0 18px 46px rgba(2,6,23,.24)!important;
  --studio-shadow-soft:0 10px 26px rgba(2,6,23,.16)!important;
}

/* Blocks / panels: clearer studio hierarchy, less washed-out glass */
.dashSidebar,
.outputPane,
.overviewCard,
.videoInfoCard,
.sideSection,
.advancedStudioShell,
.summaryArticleBox,
.imageGenResult,
.gwrPanel,
.gwrPreviewCard,
.ttsResult,
.snapgenJobBox,
.slidesCreditBox,
.loginCard{
  background:linear-gradient(180deg,rgba(18,29,48,.98),rgba(11,18,32,.98))!important;
  border:1px solid var(--studio-line)!important;
  box-shadow:var(--studio-shadow-soft)!important;
}
.outputPane,
.overviewCard,
.videoInfoCard,
.sideSection{
  border-radius:22px!important;
}
.outputPane{
  overflow:hidden!important;
  box-shadow:0 22px 58px rgba(2,6,23,.26)!important;
}
.outputPane .paneHead,
.summaryArticleHead,
.storyboardCanvasTop,
.storyboardRailHead,
.gwrPreviewHead{
  background:linear-gradient(180deg,rgba(24,36,58,.98),rgba(14,23,39,.98))!important;
  border-bottom:1px solid var(--studio-line)!important;
}
.outputPane .paneHead{
  min-height:52px!important;
  padding:12px 14px!important;
}
.outputPane .paneHead h2,
.summaryArticleHead strong,
.advancedStudioTitle strong{
  color:#f8fafc!important;
  font-weight:720!important;
  letter-spacing:-.025em!important;
}
.outputPane .paneHead small,
.summaryArticleHead small,
.advancedStudioTitle span{
  color:var(--studio-muted)!important;
  font-weight:520!important;
}

/* Buttons: studio-grade tactility, consistent states */
button,
.btn,
a.btn,
.btnCopy,
.editorBtn,
.advancedGenerate,
.premiumFeatureBtn,
.outputTab,
.advancedTab,
.mindmapModeBtn,
.infographicModeBtn,
.slidesModeBtn,
.mindmapExportBtn,
.infographicExportBtn,
.slidesExportBtn,
.snapgenJobActions button,
.snapgenJobActions a,
.gwrPicker,
.promptLibraryLink{
  position:relative!important;
  border-radius:12px!important;
  border:1px solid rgba(148,163,184,.22)!important;
  background:linear-gradient(180deg,rgba(31,45,69,.98),rgba(20,31,50,.98))!important;
  color:#eaf2ff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 8px 18px rgba(2,6,23,.16)!important;
  text-shadow:none!important;
  transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .12s ease,filter .16s ease!important;
}
button:hover:not(:disabled),
.btn:hover,
a.btn:hover,
.btnCopy:hover,
.editorBtn:hover,
.advancedGenerate:hover,
.premiumFeatureBtn:hover,
.outputTab:hover,
.advancedTab:hover,
.mindmapModeBtn:hover,
.infographicModeBtn:hover,
.slidesModeBtn:hover,
.mindmapExportBtn:hover,
.infographicExportBtn:hover,
.slidesExportBtn:hover,
.promptLibraryLink:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(125,211,252,.52)!important;
  background:linear-gradient(180deg,rgba(38,56,84,.98),rgba(24,37,60,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 26px rgba(2,6,23,.24)!important;
}
button:active:not(:disabled),
.btn:active,
.btnCopy:active,
.editorBtn:active,
.advancedGenerate:active,
.outputTab:active,
.advancedTab:active{
  transform:translateY(0) scale(.985)!important;
  box-shadow:inset 0 2px 8px rgba(0,0,0,.22),0 5px 14px rgba(2,6,23,.18)!important;
}
button:disabled,
.btn[aria-disabled="true"]{
  opacity:.48!important;
  cursor:not-allowed!important;
  filter:saturate(.65)!important;
  transform:none!important;
}
#btnTranscript,
.commandBar #btnTranscript{
  background:linear-gradient(180deg,#eaf6ff,#bfeaff)!important;
  border-color:#7dd3fc!important;
  color:#082f49!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 12px 24px rgba(14,165,233,.18)!important;
}
#btnFormat,
.advancedGenerate,
#btnCreateTts,
#btnImageGen,
#btnSummary,
#btnMindMap,
#btnInfographic,
#btnSlides{
  background:linear-gradient(180deg,#60a5fa,#2563eb)!important;
  border-color:#60a5fa!important;
  color:#f8fbff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 12px 28px rgba(37,99,235,.22)!important;
}
#btnInfographic,.infographicImageBtn{background:linear-gradient(180deg,#fbbf24,#d97706)!important;border-color:#fbbf24!important;color:#170f02!important}
#btnSlides{background:linear-gradient(180deg,#34d399,#059669)!important;border-color:#34d399!important;color:#031a12!important}
#btnClear,#btnClearWorkspace,.recentClear,.sideLogout,.topLogout{
  background:linear-gradient(180deg,#263449,#182235)!important;
  border-color:rgba(148,163,184,.20)!important;
  color:#cbd5e1!important;
}

/* Sidebar blocks: clearer grouping and button alignment */
.sideSection{
  padding:14px!important;
  background:linear-gradient(180deg,rgba(17,27,45,.98),rgba(9,16,29,.98))!important;
}
.sideLabel,
.sideSubLabel{
  color:#8fd8ff!important;
  font-weight:820!important;
  letter-spacing:.085em!important;
}
.dashSidebar input,
.dashSidebar select,
.sideSection input,
.sideSection select{
  height:38px!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#0c1422,#09111f)!important;
  border:1px solid rgba(148,163,184,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.dashSidebar button,
.sideSection button,
.promptLibraryLink{
  min-height:38px!important;
  justify-content:center!important;
  text-align:center!important;
  font-weight:720!important;
}

/* Text areas / editor surfaces: professional writing studio */
textarea,
.outputPane textarea,
#rawText,
#finalText,
#summaryText,
#ttsText,
#subtitlesText,
#chaptersText,
#mindmapText,
#infographicText,
#slidesText,
#articleText,
#phaphocreelsText,
#imageGenPrompt,
.storyboardSourceText,
.seoGrid textarea{
  background:
    linear-gradient(180deg,rgba(10,18,31,.99),rgba(6,12,22,.99))!important;
  color:#edf5ff!important;
  border:1px solid rgba(148,163,184,.18)!important;
  border-radius:16px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),inset 0 0 0 1px rgba(2,6,23,.32)!important;
  caret-color:#7dd3fc!important;
  font-size:15px!important;
  line-height:1.72!important;
  padding:16px!important;
  scrollbar-color:#334155 #0b1220!important;
}
.outputPane textarea{
  border-left:0!important;
  border-right:0!important;
  border-bottom:0!important;
  border-radius:0!important;
}
textarea:focus,
.outputPane textarea:focus,
input:focus,
select:focus{
  border-color:rgba(125,211,252,.55)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 0 0 3px rgba(125,211,252,.13)!important;
  outline:none!important;
}
textarea::placeholder,
input::placeholder{
  color:#64748b!important;
  opacity:1!important;
}
#rawText,#finalText{
  font-family:"Source Sans 3",Inter,Arial,sans-serif!important;
  font-size:15.8px!important;
  line-height:1.78!important;
}
#subtitlesText,
code,kbd,pre{
  font-family:var(--font-mono)!important;
}

/* Small action rows / toolbars */
.editorActions,
.summaryActions,
.articleActions,
.ttsHeadActions,
.advancedActions,
.subtitleToolbar,
.ttsActions,
.imageGenActions,
.gwrActionBar form{
  gap:8px!important;
}
.editorActions button,
.summaryActions button,
.articleActions button,
.ttsHeadActions button,
.subtitleToolbar button{
  min-height:32px!important;
  padding:7px 11px!important;
  border-radius:999px!important;
}
.outputTab.active,
.advancedTab.active,
.mindmapModeBtn.active,
.infographicModeBtn.active,
.slidesModeBtn.active{
  background:linear-gradient(180deg,#dff6ff,#a7e7ff)!important;
  color:#063449!important;
  border-color:#7dd3fc!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 10px 20px rgba(14,165,233,.16)!important;
}
.advancedTab.premium.active{
  background:linear-gradient(180deg,#fff2bd,#f6c84a)!important;
  color:#241703!important;
  border-color:#fbbf24!important;
}

/* Badges, empty states, status cards */
.pill,
.status,
.preTag,
.advancedBadge,
.ttsStatusChip,
.gwrState,
.gwrRetainBadge,
.imageGenStatus,
.ttsCharCounter{
  border-radius:999px!important;
  border:1px solid rgba(125,211,252,.20)!important;
  background:rgba(125,211,252,.10)!important;
  color:#d8f3ff!important;
  font-weight:680!important;
}
.emptyHint,
.advancedEmpty,
.mindmapEmptyCanvas,
.infographicEmptyCanvas,
.slidesEmptyCanvas,
.gwrPreviewEmpty,
.resultBox{
  background:linear-gradient(180deg,rgba(15,23,42,.66),rgba(8,13,24,.76))!important;
  border:1px dashed rgba(148,163,184,.25)!important;
  color:#93a4bb!important;
}

/* Prevent ugly inline gold menu items from looking pasted-in */
.advancedMoreMenu .advancedMoreItem,
.advancedMoreMenu .advancedMoreItem[style]{
  min-height:38px!important;
  border-radius:12px!important;
  border:1px solid rgba(148,163,184,.22)!important;
  background:linear-gradient(180deg,rgba(31,45,69,.98),rgba(20,31,50,.98))!important;
  color:#eaf2ff!important;
  -webkit-text-fill-color:#eaf2ff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 8px 18px rgba(2,6,23,.16)!important;
}
.advancedMoreMenu .advancedMoreItemLabel,
.advancedMoreMenu .advancedMoreItemLabel[style]{
  color:#eaf2ff!important;
  -webkit-text-fill-color:#eaf2ff!important;
}

@media(max-width:900px){
  .outputPane .paneHead{min-height:auto!important;align-items:flex-start!important;flex-wrap:wrap!important}
  .editorActions,.summaryActions,.articleActions,.advancedActions,.ttsHeadActions{width:100%!important;justify-content:flex-start!important;flex-wrap:wrap!important}
  textarea,.outputPane textarea{font-size:14.5px!important;line-height:1.68!important}
}
/* Y2T_STUDIO_POLISH_CONTROLS_V1_END */

