/* Estúdio Carrossel: identidade dark transversal.
   Inspirada na clareza editorial de estúdios independentes, sem copiar a referência. */
:root{
  --studio-ink:#edf1f4;
  --studio-muted:#8f9aa6;
  --studio-bg:#090c10;
  --studio-panel:#11161c;
  --studio-panel-2:#171d24;
  --studio-line:#29333d;
  --studio-accent:#d5ff65;
  --studio-accent-ink:#10150b;
  --studio-danger:#ff8d91;
  --studio-radius:12px;
  --studio-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Consolas,monospace;
}
html{background:var(--studio-bg)}
body{background-color:var(--studio-bg)!important;background-image:radial-gradient(rgba(213,255,101,.055) .7px,transparent .7px),linear-gradient(135deg,rgba(255,255,255,.018),transparent 38%)!important;background-size:18px 18px,100% 100%;color:var(--studio-ink)!important;font-family:"Space Grotesk","IBM Plex Sans",system-ui,sans-serif}
body::selection{background:var(--studio-accent);color:var(--studio-accent-ink)}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(213,255,101,.025),transparent 28%,transparent 72%,rgba(213,255,101,.018));opacity:.8}
a{color:var(--studio-accent)}
.topbar,.story-topbar{background:rgba(9,12,16,.9)!important;border-color:var(--studio-line)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.brand{color:var(--studio-ink)!important}.brand b{background:var(--studio-accent)!important;color:var(--studio-accent-ink)!important;border-radius:10px}
h1,h2,h3,h4,h5,h6,.context-panel,.chat-panel,.preview-panel,.story-context,.story-chat-panel,.story-preview-panel,.admin-main{font-family:"Space Grotesk","IBM Plex Sans",system-ui,sans-serif}
.story-topbar .brand,.eyebrow,.card-kicker,.admin-kicker,.plan-badge,.credit-balance,.story-state-label,.story-step-label{font-family:var(--studio-mono)!important}
.app-nav a,.app-nav summary{color:var(--studio-muted)!important}.app-nav a:hover,.app-nav a.active,.app-nav summary:hover,.app-nav summary.active{color:var(--studio-accent)!important;background:rgba(213,255,101,.08)!important}
.nav-group-panel{background:rgba(17,22,28,.98)!important;border-color:var(--studio-line)!important;box-shadow:0 20px 50px rgba(0,0,0,.35)!important}
.eyebrow,.card-kicker,.admin-kicker{color:var(--studio-accent)!important;font-family:var(--studio-mono)!important;letter-spacing:.12em}
button,.primary-button,.primary-btn,.primary,.make-webhook-btn{font-family:inherit;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}
button:hover:not(:disabled),a.primary-button:hover,a.primary-btn:hover,.primary:hover,.make-webhook-btn:hover{transform:translateY(-1px)}
button:active:not(:disabled),a.primary-button:active,a.primary-btn:active,.primary:active,.make-webhook-btn:active{transform:translateY(0) scale(.985)}
input,select,textarea,.search-field{background:var(--studio-panel)!important;color:var(--studio-ink)!important;border-color:var(--studio-line)!important;border-radius:var(--studio-radius)!important}
input::placeholder,textarea::placeholder{color:#687582!important}
input:focus,select:focus,textarea:focus,.search-field:focus-within{border-color:var(--studio-accent)!important;box-shadow:0 0 0 3px rgba(213,255,101,.12)!important}
.primary-button,.primary-btn,.primary,.make-webhook-btn{background:var(--studio-accent)!important;color:var(--studio-accent-ink)!important;border-color:var(--studio-accent)!important}
.ghost-btn,.secondary,.row-action,.pagination button,.icon-btn,.danger-link{background:transparent!important;color:var(--studio-ink)!important;border-color:var(--studio-line)!important}
.ghost-btn:hover,.secondary:hover,.row-action:hover,.pagination button:hover,.icon-btn:hover{border-color:var(--studio-accent)!important;color:var(--studio-accent)!important;background:rgba(213,255,101,.06)!important}
.quick-options{gap:10px!important}.quick-options button{min-height:48px!important;padding:12px 15px!important;touch-action:manipulation}.quick-options.title-options button{min-height:64px!important;line-height:1.4!important}.quick-options button strong,.quick-options button small{pointer-events:none}
.advertisement-dialog[open],.advertisement-dialog .advertisement-link img{animation:none!important;transform:none!important}
dialog[open],dialog[open] *, .image-lightbox,.image-lightbox img,.lightbox-nav{animation:none!important;transition:none!important}.image-lightbox,.image-lightbox img,.lightbox-nav{transform:none!important}.lightbox-nav{touch-action:manipulation}
.automation-card,.automation-library,.automation-contents,.auth-card,.panel,.upload-card,.workflow-card,.phrase-editor-native,.phrase-preview,.story-card,.gallery-card,.media-card,.lesson-card,.plan-card,.plans-card,.section-card{background:var(--studio-panel)!important;border-color:var(--studio-line)!important;box-shadow:0 22px 70px rgba(0,0,0,.2)!important;border-radius:var(--studio-radius)!important}
.automation-card,.automation-library{color:var(--studio-ink)!important}
.muted,.automation-hero p,.section-heading p,.library-heading p,.privacy-note,.loading-note,.form-footer p,.hero-copy .lede,.video-credit-details small{color:var(--studio-muted)!important}
.format-card,.asset-summary,.caption-shelf,.generate-box,.video-credit-banner,.status,.plan-badge,.credit-balance{background:var(--studio-panel-2)!important;border-color:var(--studio-line)!important;color:var(--studio-ink)!important}
table{background:var(--studio-panel)!important;color:var(--studio-ink)!important;border-color:var(--studio-line)!important}
th{background:var(--studio-panel-2)!important;color:var(--studio-muted)!important;border-color:var(--studio-line)!important}
td{border-color:rgba(41,51,61,.7)!important}
tr:hover td{background:rgba(213,255,101,.035)!important}
.status-pill,.judge-rank{background:rgba(213,255,101,.08)!important;border-color:rgba(213,255,101,.25)!important;color:var(--studio-accent)!important}
.status-pill.created{background:rgba(126,220,151,.12)!important;color:#9bf0b3!important}.status-pill.failed{background:rgba(255,141,145,.12)!important;color:var(--studio-danger)!important}
.danger-link,.danger-btn{color:var(--studio-danger)!important}
.generation-dialog,.lessons-dialog,.analysis-dialog,.dialog,.modal-content{background:var(--studio-panel)!important;color:var(--studio-ink)!important;border:1px solid var(--studio-line)!important;box-shadow:0 28px 100px rgba(0,0,0,.6)!important}
dialog::backdrop,.analysis-modal::before{background:rgba(2,4,7,.76)!important;backdrop-filter:blur(7px)}
.admin-shell{background:var(--studio-bg)!important;color:var(--studio-ink)!important}.admin-sidebar,.admin-mainbar,.admin-card,.admin-panel,.admin-table-wrap{background:var(--studio-panel)!important;border-color:var(--studio-line)!important}.admin-nav-link{color:var(--studio-muted)!important}.admin-nav-link:hover,.admin-nav-link.is-active{background:rgba(213,255,101,.08)!important;color:var(--studio-accent)!important}.admin-brand-mark{background:var(--studio-accent)!important;color:var(--studio-accent-ink)!important}
.lesson-launcher{background:var(--studio-accent)!important;color:var(--studio-accent-ink)!important;border-color:var(--studio-accent)!important}
.ds-reveal{opacity:0;transform:translateY(14px)}.ds-reveal.ds-visible{opacity:1;transform:none;transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1)}
.topbar,.story-topbar{animation:studio-topbar-in .55s ease both}.workspace,.stories-workspace,.admin-shell{animation:none!important;transform:none!important;position:relative;top:0!important}.workspace{min-height:calc(100dvh - 72px)!important;height:calc(100dvh - 72px)!important}.stories-workspace{margin-bottom:0!important;min-height:calc(100dvh - 72px)!important}
@keyframes studio-topbar-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes studio-shell-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (min-width:1051px){#app.workspace{grid-template-columns:270px minmax(0,.95fr) minmax(0,1.25fr)!important}.context-panel,.chat-panel,.preview-panel{min-width:0;overflow:auto}}
@media (max-width:1050px) and (min-width:701px){.workspace{grid-template-columns:minmax(180px,.55fr) minmax(0,1fr)!important}.preview-panel{grid-column:1/-1!important;min-height:auto!important}.chat-panel{min-width:0!important}}
@media (max-width:700px){.workspace{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important}.chat-panel{height:auto!important;min-height:calc(100svh - 76px)!important}.preview-panel{height:auto!important;min-height:0!important}.stories-workspace{margin-bottom:0!important}}
@media(prefers-reduced-motion:reduce){.ds-reveal,.ds-reveal.ds-visible{opacity:1;transform:none;transition:none}button,a{transition:none!important}}
@media(max-width:700px){body{background-size:15px 15px,100% 100%}.topbar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.automation-card,.automation-library{box-shadow:0 14px 40px rgba(0,0,0,.25)!important}}