:root{color-scheme:light;--bg: #f4efe6;--bg-accent: rgba(191, 87, 32, .14);--surface: rgba(255, 252, 247, .82);--surface-strong: #fffaf3;--text: #1d1915;--muted: #65584f;--line: rgba(47, 31, 19, .14);--primary: #bf5720;--primary-strong: #8d3411;--shadow: 0 24px 60px rgba(63, 36, 22, .15);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px;--font-display: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--font-body: "Avenir Next", "Segoe UI", "Helvetica Neue", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);font-family:var(--font-body);background:radial-gradient(circle at top left,var(--bg-accent),transparent 28%),radial-gradient(circle at 85% 15%,rgba(26,120,123,.12),transparent 24%),linear-gradient(180deg,#fbf7f1 0%,var(--bg) 100%)}body:before{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,rgba(255,255,255,.35),transparent 40%),repeating-linear-gradient(135deg,transparent 0,transparent 18px,rgba(29,25,21,.018) 18px,rgba(29,25,21,.018) 19px);content:"";pointer-events:none}button,input,textarea,select{font:inherit}button,a{transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,color .16s ease,border-color .16s ease}button:hover,a:hover{transform:translateY(-1px)}button:disabled{cursor:wait;opacity:.7;transform:none}.topBar,.appShell,.loginShell,.loadingShell{position:relative;z-index:1}.topBar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px 0}.topBarTitle{display:block;font-size:1rem;letter-spacing:.04em;text-transform:uppercase}.appShell{padding:20px 24px 40px}.hero{padding:24px 0 30px;animation:riseIn .48s ease}.heroCopy{max-width:760px}.hero h1,.loginCard h1{margin:0;font-family:var(--font-display);font-size:clamp(2.4rem,5vw,4.8rem);line-height:.95;letter-spacing:-.04em}.heroText,.panelHint,.statusSummary,.quietText,.metadataList dd,.field small{color:var(--muted)}.heroText{max-width:62ch;font-size:1.05rem;line-height:1.6}.eyebrow{margin:0 0 10px;color:var(--primary-strong);font-size:.78rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.workspaceGrid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,.95fr);gap:22px;align-items:start}.workspaceMain,.workspaceSide{display:grid;gap:22px}.panel,.loginCard{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.panel{padding:24px;animation:riseIn .42s ease}.loginShell,.loadingShell{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:24px}.loginCard{width:min(460px,100%);padding:30px;display:grid;gap:16px}.loadingShell{font-size:1.1rem}.panelHeader{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:22px}.panelHeader h2{margin:0;font-family:var(--font-display);font-size:2rem;line-height:1;letter-spacing:-.03em}.panelHint{max-width:28ch;margin:0;line-height:1.5;text-align:right}.podcastForm,.field,.scriptList,.scriptCard{display:grid}.podcastForm,.scriptList{gap:18px}.field{gap:8px}.field span,.metadataList dt{font-size:.9rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.field small{font-size:.88rem;line-height:1.5}.textInput,.textArea,.selectInput{width:100%;padding:14px 16px;border:1px solid rgba(47,31,19,.18);border-radius:var(--radius-md);background:#fffaf3e6;color:var(--text)}.textArea{resize:vertical}.textInput:focus,.textArea:focus,.selectInput:focus{outline:2px solid rgba(191,87,32,.2);border-color:#bf572073}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.formActions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.primaryButton,.secondaryButton,.ghostButton{border-radius:999px;padding:12px 18px;border:1px solid transparent;text-decoration:none;cursor:pointer}.primaryButton{background:linear-gradient(135deg,var(--primary),#d67642);color:#fff7f0;box-shadow:0 14px 28px #bf572038}.secondaryButton,.ghostButton{background:#fffaf3c7;border-color:#2f1f1329;color:var(--text)}.statusPanel{position:sticky;top:18px}.statusCode{margin:0;padding:7px 12px;border-radius:999px;background:#1d19150f;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase}.statusHeading{display:grid;gap:8px;justify-items:end}.statusMeta,.statusFlavor{margin:0;color:var(--muted);line-height:1.5}.statusMeta{font-size:.88rem}.statusFlavor{margin-top:10px;padding-left:12px;border-left:3px solid rgba(191,87,32,.28);font-style:italic}.progressBar{width:100%;height:10px;overflow:hidden;border-radius:999px;background:#1d191514}.progressValue{height:100%;border-radius:inherit;background:linear-gradient(90deg,#1a787b,var(--primary));transition:width .26s ease}.progressSteps{display:grid;gap:10px;margin-top:18px}.progressStep{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:var(--radius-md);background:#fffaf380;color:var(--muted)}.progressStep span{width:30px;height:30px;display:inline-flex;justify-content:center;align-items:center;border-radius:999px;background:#1d191514;font-weight:700}.progressStep.isActive{color:var(--text);background:#bf572014}.progressStep.isActive span{background:var(--primary);color:#fff8f1}.statusSummary{margin:18px 0 0;line-height:1.6}.metadataList{display:grid;gap:14px;margin:18px 0 0}.metadataList div{padding-top:14px;border-top:1px solid rgba(47,31,19,.12)}.metadataList dd{margin:8px 0 0;line-height:1.5}.scriptCard{gap:12px;padding:18px;border-radius:var(--radius-lg);background:#fffaf39e;border:1px solid rgba(47,31,19,.08)}.compactField{max-width:180px}.scriptTextArea{min-height:110px}.audioPlayer{width:100%;margin-top:18px}.inlineError{margin:0;color:#a02e17;line-height:1.5}.quietText{margin:0;line-height:1.5}@keyframes riseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1040px){.workspaceGrid{grid-template-columns:1fr}.statusPanel{position:static}}@media(max-width:720px){.topBar,.appShell{padding-left:16px;padding-right:16px}.panel,.loginCard{padding:18px;border-radius:22px}.panelHeader,.formActions,.topBar{flex-direction:column;align-items:stretch}.panelHint{max-width:none;text-align:left}.statusHeading{justify-items:start}.formGrid{grid-template-columns:1fr}}
