/* Approved Studio / Daylight system. Presentation only; workflow contracts live
   in their owning templates. Shared by the shell and same-origin workspaces. */
:root {
  --k4-bg: #0A0A0F;
  --k4-surface: #14151b;
  --k4-surface-2: #1c1e25;
  --k4-surface-hover: #25272f;
  --k4-ink: #f4f4f6;
  --k4-muted: #adb0be;
  --k4-border: #30323c;
  --k4-accent: #FF6B35;
  --k4-accent-ink: #ff966d;
  --k4-accent-soft: rgba(255,107,53,.12);
  --k4-success: #72dfa5;
  --k4-danger: #ff96a4;
  --k4-action-ink: #21120b;
  --k4-focus: #ff966d;
  --k4-z-header: 20;
  --k4-z-navigation: 30;
  --k4-z-overlay: 40;
  color-scheme: dark;
}
:root[data-theme="light"] {
  --k4-bg: #F5F9FF;
  --k4-surface: #ffffff;
  --k4-surface-2: #EDF4FC;
  --k4-surface-hover: #E1EDFA;
  --k4-ink: #172638;
  --k4-muted: #4E6075;
  --k4-border: #D3E0EF;
  --k4-accent-ink: #215BA6;
  --k4-accent-soft: #E7F1FF;
  --k4-success: #157347;
  --k4-danger: #b42340;
  --k4-focus: #215BA6;
  color-scheme: light;
}
:is(.kamod-uix-v3,.kamod-embed-v3),
[data-theme="light"] :is(.kamod-uix-v3,.kamod-embed-v3) {
  --k3-bg: var(--k4-bg);
  --k3-bg-deep: var(--k4-bg);
  --k3-panel: var(--k4-surface);
  --k3-panel-strong: var(--k4-surface-2);
  --k3-panel-hover: var(--k4-surface-hover);
  --k3-border: var(--k4-border);
  --k3-border-strong: var(--k4-border);
  --k3-text: var(--k4-ink);
  --k3-muted: var(--k4-muted);
  --k3-subtle: var(--k4-muted);
  --k3-blue: var(--k4-accent-ink);
  --k3-blue-soft: var(--k4-accent-soft);
  --k3-orange: var(--k4-accent);
  --k3-orange-hover: #ff885b;
  --k3-orange-soft: var(--k4-accent-soft);
  --k3-green: var(--k4-success);
  --k3-danger: var(--k4-danger);
  --k3-shadow: none;
  --bg: var(--k4-bg);
  --bg-soft: var(--k4-surface-2);
  --surface: var(--k4-surface);
  --surface-2: var(--k4-surface-2);
  --surface-3: var(--k4-surface);
  --ink: var(--k4-ink);
  --ink-dim: var(--k4-muted);
  --ink-dim-2: var(--k4-muted);
  --text: var(--k4-ink);
  --text-soft: var(--k4-muted);
  --text-dim: var(--k4-muted);
  --muted: var(--k4-muted);
  --line: var(--k4-border);
  --line-strong: var(--k4-border);
  --border: var(--k4-border);
  --border-soft: var(--k4-border);
  --accent: var(--k4-accent-ink);
  --accent-2: var(--k4-accent-ink);
  --accent-soft: var(--k4-accent-soft);
  --warm: var(--k4-accent);
  --warm-2: var(--k4-accent);
  --warm-ink: var(--k4-action-ink);
  --success: var(--k4-success);
  --radius-xl: 16px;
  --radius-lg: 16px;
  --radius-md: 12px;
  --shadow: none;
  --modal-bg: var(--k4-surface);
  --modal-border: var(--k4-border);
  background: radial-gradient(ellipse at 95% 0, rgba(255,107,53,.035), transparent 38%), var(--k4-bg);
  color: var(--k4-ink);
  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  letter-spacing: -.02em;
}
.kamod-embed-v3, [data-theme="light"] .kamod-embed-v3 { background: var(--k4-bg); }
.kamod-uix-v3 .kamod-shell {grid-template-columns: 220px minmax(0,1fr)}
.kamod-uix-v3 .kamod-shell-main {min-width:0}
.kamod-uix-v3 .kamod-rail,
[data-theme="light"] .kamod-uix-v3 .kamod-rail {
  padding: 24px 14px 16px;
  background: var(--k4-bg);
  border-right: 1px solid var(--k4-border);
  box-shadow: none;
  backdrop-filter: none;
  gap: 4px;
}
.kamod-uix-v3 .rail-brand {height:auto;min-height:50px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:0 8px;margin:0 0 22px;color:var(--k4-ink)}
.kamod-uix-v3 .rail-brand::after {display:none}
.kamod-uix-v3 .rail-brand>span {font-size:25px;letter-spacing:-.04em;font-weight:750;line-height:1}
.k4-brand-ai {font-weight:400;color:var(--k4-muted)}
.kamod-uix-v3 .rail-brand small {font-size:11px;letter-spacing:.035em;color:var(--k4-muted);font-weight:400}
.k4-new-creation {display:flex;align-items:center;justify-content:center;gap:9px;background:var(--k4-accent);color:var(--k4-action-ink);padding:13px 12px;border-radius:10px;text-decoration:none;font-size:14px;font-weight:650;margin-bottom:17px;min-height:46px;transition:background .18s ease-out}
.k4-new-creation:hover {background:#ff885b}
.k4-new-creation svg,.k4-menu-toggle svg {width:20px;height:20px;flex-shrink:0}
.kamod-uix-v3 .rail-link,
[data-theme="light"] .kamod-uix-v3 .rail-link {display:flex;min-height:42px;height:auto;padding:10px;gap:11px;border:1px solid transparent;border-radius:9px;color:var(--k4-muted);background:transparent;box-shadow:none;font-size:13px;font-weight:500;line-height:1.3;text-decoration:none;white-space:normal;transition:background .18s ease-out,color .18s ease-out}
.kamod-uix-v3 .rail-link .rail-tip {position:static;display:block;opacity:1;visibility:visible;transform:none;pointer-events:auto;white-space:normal;background:none;box-shadow:none;padding:0;font:inherit;color:inherit;border:0}
.kamod-uix-v3 .rail-link .rail-tip::before,.kamod-uix-v3 .rail-link .rail-tip::after {display:none}
.kamod-uix-v3 .rail-link svg {width:18px;height:18px;flex:0 0 18px;stroke-width:1.6}
.kamod-uix-v3 .rail-link:hover,
[data-theme="light"] .kamod-uix-v3 .rail-link:hover {background:var(--k4-surface-2);color:var(--k4-ink);border-color:transparent}
.kamod-uix-v3 .rail-link.active,
[data-theme="light"] .kamod-uix-v3 .rail-link.active {background:var(--k4-accent-soft);color:var(--k4-accent-ink);border-color:transparent;box-shadow:none;font-weight:600}
.k4-nav-label {font-size:11px;color:var(--k4-muted);padding:22px 10px 7px;letter-spacing:.015em}
.k4-account-nav {margin-top:auto;padding-top:24px}
.k4-all-tools>summary {list-style:none;cursor:pointer}
.k4-all-tools>summary::-webkit-details-marker {display:none}
.k4-chevron {margin-left:auto;transition:transform .18s ease-out}
.k4-all-tools[open] .k4-chevron {transform:rotate(180deg)}
.k4-extra-tools {padding:4px 0 4px 10px}
.kamod-uix-v3 .k4-extra-tools .rail-link {font-size:12px;min-height:38px}
.kamod-uix-v3 .kamod-topbar,
[data-theme="light"] .kamod-uix-v3 .kamod-topbar {height:68px;padding:0 24px;gap:12px;background:var(--k4-bg);border-bottom:1px solid var(--k4-border);box-shadow:none;backdrop-filter:none;z-index:var(--k4-z-header)}
.kamod-uix-v3 .topbar-crumb {font-size:13px;min-width:0;flex-shrink:0}
.kamod-uix-v3 .topbar-crumb strong {display:none}
.kamod-uix-v3 .topbar-crumb>span:first-of-type {display:none}
.kamod-uix-v3 .topbar-balance {background:var(--k4-surface);border:1px solid var(--k4-border);border-radius:9px;min-height:36px;padding:7px 10px;gap:8px;color:var(--k4-ink);white-space:nowrap}
.kamod-uix-v3 .topbar-balance .tb-ic {background:none;color:var(--k4-muted);width:22px;height:22px;box-shadow:none}
.kamod-uix-v3 .tb-v small {color:var(--k4-muted);font-size:11px;letter-spacing:0}
.kamod-uix-v3 .topbar-topup {background:var(--k4-accent);color:var(--k4-action-ink);box-shadow:none;min-height:36px;border-radius:9px;font-size:12px;padding:8px 12px;white-space:nowrap}
.kamod-uix-v3 .topbar-topup:hover {background:#ff885b;box-shadow:none;transform:none}
.kamod-uix-v3 .kamod-lang-switcher {gap:3px;flex-shrink:0}
.kamod-uix-v3 .kamod-lang-switcher>* {background:transparent;border-color:transparent;padding:6px;min-height:34px;font-size:11px;color:var(--k4-muted)}
.kamod-uix-v3 .kamod-lang-switcher>*.active {background:var(--k4-surface-2);border-color:var(--k4-border);color:var(--k4-ink)}
.kamod-uix-v3 .kamod-shell-page {padding:32px 28px 48px}
.kamod-uix-v3 :is(.shell-page-title,.shell-title) {font-size:30px;line-height:1.18;letter-spacing:-.03em;color:var(--k4-ink);text-wrap:balance}
.kamod-uix-v3 :is(.shell-page-sub,.shell-hero-stack) {color:var(--k4-muted);font-size:14px;line-height:1.6;max-width:70ch}
:is(.kamod-uix-v3,.kamod-embed-v3) :is(input,textarea,select) {accent-color:var(--k4-accent)}
:is(.kamod-uix-v3,.kamod-embed-v3) :is(input[type=text],input[type=number],input[type=url],input[type=email],textarea,select),
[data-theme="light"] :is(.kamod-uix-v3,.kamod-embed-v3) :is(input[type=text],input[type=number],input[type=url],input[type=email],textarea,select) {background:var(--k4-surface);color:var(--k4-ink);border-color:var(--k4-border);border-radius:10px;box-shadow:none;font-family:inherit;font-size:14px}
:is(.kamod-uix-v3,.kamod-embed-v3) ::placeholder {color:var(--k4-muted);opacity:1}
:is(.kamod-uix-v3,.kamod-embed-v3) :is(a,button,input,textarea,select,summary):focus-visible {outline:2px solid var(--k4-focus);outline-offset:3px}
:is(.kamod-uix-v3,.kamod-embed-v3) :is(button,input,select,textarea):disabled {cursor:not-allowed;opacity:.55}
:is(.kamod-uix-v3,.kamod-embed-v3) :is(.k3-primary,.k3-primary-action) {background:var(--k4-accent);color:var(--k4-action-ink);border-color:transparent;box-shadow:none;text-shadow:none}
:is(.kamod-uix-v3,.kamod-embed-v3) :is(.k3-primary,.k3-primary-action):hover {background:#ff885b;transform:none;box-shadow:none}
.kamod-uix-v3 :is(.k3-ghost,.k3-secondary,.shell-status) {background:var(--k4-surface);border-color:var(--k4-border);color:var(--k4-ink);box-shadow:none}
.kamod-uix-v3 .kamod-project-chip {max-width:220px;background:var(--k4-surface);font-size:12px;min-height:36px}
.kamod-uix-v3 .kamod-project-panel {background:var(--k4-surface);border-radius:16px;box-shadow:none}
.kamod-uix-v3 .kamod-site-footer {padding:24px 28px;border-top:1px solid var(--k4-border);gap:12px;color:var(--k4-muted);background:none}
.kamod-uix-v3 .kamod-footer-links a {color:var(--k4-muted)}
.k4-menu-toggle {display:none}
.k4-skip-link {position:fixed;left:12px;top:8px;padding:12px 18px;background:var(--k4-accent);color:var(--k4-action-ink);border-radius:8px;z-index:var(--k4-z-overlay);transform:translateY(-150%)}
.k4-skip-link:focus {transform:translateY(0)}
/* Shared secondary tools inherit the same readable theme, without moving forms. */
.kamod-embed-v3 :is(.card,.history-section,.result-section,.audio-recent-section),
[data-theme="light"] .kamod-embed-v3 :is(.card,.history-section,.result-section,.audio-recent-section) {background:var(--k4-surface);border-color:var(--k4-border);border-radius:16px;box-shadow:none}
.kamod-embed-v3 :is(.section-tabs,.sub-tabs,.mode-tabs),
[data-theme="light"] .kamod-embed-v3 :is(.section-tabs,.sub-tabs,.mode-tabs) {background:var(--k4-surface);border-color:var(--k4-border);box-shadow:none}
.kamod-embed-v3 :is(.section-tab,.sub-tab,.mode-tab).active,
[data-theme="light"] .kamod-embed-v3 :is(.section-tab,.sub-tab,.mode-tab).active {color:var(--k4-accent-ink);background:var(--k4-accent-soft);border-color:var(--k4-border);box-shadow:none}
@media (max-width:1200px) {
  .kamod-uix-v3 .kamod-shell {grid-template-columns:198px minmax(0,1fr)}
  .kamod-uix-v3 .kamod-topbar {padding-inline:18px;gap:8px}
  .kamod-uix-v3 .topbar-crumb {display:none}
  .kamod-uix-v3 .kamod-project-chip {max-width:160px}
  .kamod-uix-v3 .kamod-shell-page {padding:24px 20px 36px}
}
@media (max-width:900px) {
  .kamod-uix-v3 .kamod-shell {display:block}
  .kamod-uix-v3 .kamod-rail {position:fixed;top:64px;bottom:0;left:0;height:calc(100dvh - 64px);width:min(300px,85vw);z-index:var(--k4-z-navigation);display:none;overflow-y:auto;align-items:stretch;border-right:1px solid var(--k4-border);border-bottom:0;padding:18px 16px;background:var(--k4-bg)}
  .kamod-uix-v3.k4-nav-open .kamod-rail {display:flex}
  .kamod-uix-v3 .kamod-topbar {height:64px;position:sticky;top:0;padding:0 14px;gap:8px}
  .k4-menu-toggle {display:flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;border:1px solid var(--k4-border);background:var(--k4-surface);color:var(--k4-ink);border-radius:9px;cursor:pointer}
  .kamod-uix-v3 .rail-brand {display:flex}
  .kamod-uix-v3 .rail-divider {display:none}
  .kamod-uix-v3 .kamod-project-new {display:none}
  .kamod-uix-v3 .kamod-shell-page {padding:24px 16px 32px}
}
@media (max-width:600px) {
  .kamod-uix-v3 .kamod-topbar {gap:6px;padding-inline:10px;flex-wrap:wrap;height:auto;min-height:64px;padding-block:10px}
  .kamod-uix-v3 .kamod-project-chip.show {order:5;max-width:none;width:100%;justify-content:center}
  .kamod-uix-v3 .topbar-spacer {display:none}
  .kamod-uix-v3 .kamod-lang-switcher {margin-right:auto}
  .kamod-uix-v3 .topbar-balance {padding:6px;gap:4px;font-size:12px}
  .kamod-uix-v3 .topbar-balance .tb-ic {display:none}
  .kamod-uix-v3 .tb-v small {display:none}
  .kamod-uix-v3 .topbar-topup {padding:8px;font-size:11px}
  .kamod-uix-v3 .topbar-topup svg {display:none}
  .kamod-uix-v3 :is(.shell-page-title,.shell-title) {font-size:26px}
  .kamod-uix-v3 .kamod-site-footer {padding:20px 16px}
}
@media (prefers-reduced-motion:reduce) {
  :is(.kamod-uix-v3,.kamod-embed-v3) *, :is(.kamod-uix-v3,.kamod-embed-v3) *::before, :is(.kamod-uix-v3,.kamod-embed-v3) *::after {scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
@media(max-width:900px){
 .kamod-uix-v3 .kamod-topbar .kamod-project-new.show{display:none}
}
@media(max-width:600px){
 .kamod-uix-v3 .kamod-topbar{overflow:visible;display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;align-content:center}
 .kamod-uix-v3 .kamod-topbar .kamod-lang-switcher{margin:0;justify-content:center}
 .kamod-uix-v3 .kamod-project-chip.show{grid-column:1/-1;order:5}
 .kamod-uix-v3 .topbar-topup span{display:inline}
 .kamod-uix-v3 .topbar-topup{width:auto;min-width:0;justify-content:center}
 .kamod-uix-v3 .topbar-admin{display:none}
}
@media(max-width:900px){
 .kamod-uix-v3 .kamod-rail,[data-theme="light"] .kamod-uix-v3 .kamod-rail{flex-direction:column;align-items:stretch;gap:4px;top:var(--k4-mobile-nav-top,64px);height:calc(100dvh - var(--k4-mobile-nav-top,64px));overflow-x:hidden}
 .kamod-uix-v3 .kamod-rail>*{flex-shrink:0}
 .kamod-uix-v3 .kamod-topbar,[data-theme="light"] .kamod-uix-v3 .kamod-topbar{height:auto;min-height:64px}
}
@media(max-width:600px){
 .kamod-uix-v3 .kamod-topbar,[data-theme="light"] .kamod-uix-v3 .kamod-topbar{padding:10px;gap:6px}
}
@media(max-width:900px){
 .kamod-uix-v3 .kamod-rail .rail-link{flex-direction:row;justify-content:flex-start;width:100%;min-width:0;gap:11px}
 .kamod-uix-v3 .kamod-rail .rail-link .rail-tip{max-width:none;overflow:visible;white-space:normal;font-size:13px}
 .kamod-uix-v3 .kamod-rail .rail-brand{width:auto;flex:0 0 auto;height:50px;margin-bottom:18px}
}

/* Light theme uses clean white and blue surfaces, without warm canvas tint. */
[data-theme="light"] :is(.kamod-uix-v3,.kamod-embed-v3){background:var(--k4-bg)}
[data-theme="light"] .kamod-uix-v3 :is(.kamod-rail,.kamod-topbar){background:#ffffff}