:root{--brand:#7c3aed;--brand-dark:#5b21b6;--brand-light:#ede9fe;--text:#1e1b4b;--muted:#475569;--muted-strong:#334155;--border:#e5e7eb;--bg:#faf9ff;--white:#fff;--error:#dc2626;--font-ui:"Aptos","Segoe UI","Helvetica Neue",Arial,sans-serif;--font-mono:"Consolas","Monaco","Courier New",monospace;--surface-border:#ece9ff;--surface-bg:hsla(0,0%,100%,.92);--surface-muted-bg:#f8f6ff;--surface-accent-bg:#faf5ff;--callout-bg:#f8f6ff;--callout-border:#ddd6fe;--callout-text:#5b21b6;--shell-radial:rgba(124,58,237,.14);--shell-gradient-start:#f8f6ff;--shell-gradient-end:#fffdf7;--landing-radial:rgba(124,58,237,.14);--landing-gradient-start:#f6f0ff;--landing-gradient-end:#fffaf1;--reader-radial:rgba(124,58,237,.12);--reader-gradient-start:#f8f6ff;--reader-gradient-end:#fffcf3;--surface-highlight-start:#fff;--surface-highlight-end:#faf6ff;font-family:var(--font-ui);color:var(--text);background:var(--bg)}*{box-sizing:border-box}#__next,body,html{height:100%}body{margin:0;padding:0;line-height:1.7;font-family:var(--font-ui);color:var(--text);background:var(--bg)}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,h4{margin:0 0 .5rem}.container{max-width:640px;margin:0 auto;padding:2rem 1.25rem 4rem}.book-container{max-width:720px}.centered{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem}.header{text-align:center;margin-bottom:2rem}.header h1{font-size:2.2rem;color:var(--brand)}.subtitle{color:var(--muted-strong);margin:0;font-size:1.05rem;font-weight:500}.landing-shell{min-height:100vh;padding:1.25rem;display:flex;align-items:center;background:radial-gradient(circle at top left,var(--landing-radial),transparent 35%),linear-gradient(180deg,var(--landing-gradient-start) 0,var(--landing-gradient-end) 100%);animation:landingFadeIn .8s ease both}.landing-shell.is-exiting{animation:landingFadeOut .45s ease forwards}.landing-stage{position:relative;width:min(1120px,100%);margin:0 auto;max-height:calc(100vh - 2.5rem);border-radius:28px;overflow:hidden;box-shadow:0 28px 80px rgba(30,27,75,.18);background:linear-gradient(180deg,var(--surface-highlight-end) 0,var(--landing-gradient-end) 100%)}.landing-hero-image{display:block;width:100%;height:min(72vh,760px);object-fit:contain;object-position:center center}.landing-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;padding:2rem;background:linear-gradient(180deg,rgba(30,27,75,.1) 20%,rgba(30,27,75,.72))}.landing-panel{max-width:920px;padding:1.4rem 1.5rem 1.2rem;border-radius:24px;background:rgba(255,251,243,.94);color:var(--text);box-shadow:0 16px 50px rgba(30,27,75,.22);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:panelRise .95s ease .2s both}.landing-panel,.landing-panel h1{font-family:-apple-system,sans-serif}.landing-panel h1{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.08;margin-bottom:.8rem;font-weight:700}.landing-panel p{margin:0 0 .7rem;font-size:.98rem;line-height:1.5;max-width:72ch;color:var(--muted-strong);font-weight:500;font-family:-apple-system,sans-serif}.auth-error-banner{margin-top:1rem;padding:.8rem .9rem;border-radius:12px;font-size:.9rem;line-height:1.45}.auth-error-banner strong{display:inline-block;margin-right:.35rem}.landing-actions{display:flex;gap:.85rem;align-items:center;margin-top:1.5rem;flex-wrap:wrap}.mock-google-btn{min-width:220px}.mock-google-btn.is-complete{background:#ecfdf5;border-color:#10b981;color:#047857}.dashboard-shell{height:100vh;height:100dvh;padding:1.25rem;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at 8% 0,var(--shell-radial),transparent 28%),linear-gradient(180deg,var(--shell-gradient-start) 0,var(--shell-gradient-end) 100%)}.dashboard-shell.mode-expert{background:radial-gradient(circle at 8% 0,var(--shell-radial),transparent 24%),linear-gradient(180deg,var(--surface-highlight-start) 0,var(--shell-gradient-end) 100%)}.workspace-sections{display:flex;flex-direction:column;gap:1rem}.workspace-section-block{border:1px solid #ede9fe;border-radius:14px;background:#fff;padding:.85rem}.workspace-section-block h3{margin:0 0 .6rem;color:#4c1d95}.workspace-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.workspace-entry-card{border:1px solid #ddd6fe;border-radius:12px;background:#fcfbff;padding:.55rem;display:flex;gap:.6rem;align-items:center;text-align:left;cursor:pointer}.workspace-entry-card:hover{border-color:#a78bfa;background:#f5f3ff}.workspace-entry-image{width:68px;height:68px;border-radius:999px;object-fit:cover;flex-shrink:0}.workspace-entry-card strong{display:block;color:var(--brand-dark)}.workspace-entry-card p{margin:.2rem 0 0;color:var(--muted);font-size:.82rem}.home-guide-card{max-width:880px}.home-guide-list{margin:.8rem 0 0;padding-left:1.2rem;color:var(--muted-strong);display:grid;grid-gap:.45rem;gap:.45rem}.home-guide-list li{line-height:1.45}.home-guide-list li strong{color:var(--text)}.home-guide-intro{color:var(--muted-strong);font-weight:500}.home-guide-card .action-row{margin-top:1.25rem}.chat-shell__header{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.chat-shell__badge{display:inline-flex;align-items:center;height:1.55rem;padding:0 .6rem;border-radius:999px;font-size:.73rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#124f3f;background:linear-gradient(135deg,#bbf7d0,#a7f3d0 55%,#99f6e4);border:1px solid #6ee7b7}.chat-shell--aistudio{border:1px solid #a7f3d0;background:radial-gradient(circle at 100% 0,rgba(167,243,208,.25),transparent 40%),linear-gradient(180deg,rgba(240,253,250,.92),hsla(0,0%,100%,.98))}.chat-shell--aistudio .chat-shell__title{color:#0f766e}.workspace-subnav{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.85rem}.workspace-subnav .active-sub{background:#ede9fe;border-color:#a78bfa;color:#4c1d95}.dashboard-topbar{width:min(1320px,100%);margin:0 auto 1rem;background:hsla(0,0%,100%,.9);border:1px solid var(--surface-border);border-radius:18px;padding:.85rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 8px 28px rgba(30,27,75,.08)}.topbar-workflow-card{min-width:280px;max-width:460px;flex:1 1;border:1px solid #ddd6fe;border-radius:14px;padding:.5rem .7rem;background:linear-gradient(135deg,#fff,#f5f3ff)}.topbar-workflow-title-row{display:inline-flex;align-items:center;gap:.45rem;color:#4c1d95;font-family:-apple-system,sans-serif}.topbar-thinking-circle{width:16px;height:16px;border-radius:50%;border:2px solid #c4b5fd;border-top-color:#6d28d9;display:inline-block}.topbar-thinking-circle.active{animation:spin .85s linear infinite}.topbar-workflow-message{margin:.22rem 0 0;color:var(--muted-strong);font-size:.82rem;line-height:1.3}.topbar-workflow-steps{margin-top:.35rem;display:flex;flex-wrap:wrap;gap:.35rem}.topbar-workflow-step{border:1px solid #ddd6fe;border-radius:999px;padding:.16rem .46rem;font-size:.72rem;color:#6b7280;background:#fff}.topbar-workflow-step.active{border-color:#7c3aed;color:#5b21b6;background:#ede9fe;font-weight:700}.topbar-workflow-step.done{border-color:#86efac;color:#166534;background:#f0fdf4}.brand-wrap{display:flex;align-items:center;gap:.7rem}.brand-mark{width:38px;height:38px;border-radius:9px;object-fit:cover}.brand-name{font-size:1rem;font-weight:700;color:var(--brand-dark)}.brand-name,.brand-sub{margin:0;font-family:-apple-system,sans-serif}.brand-sub{font-size:.84rem;color:var(--muted-strong);font-weight:500}.topbar-actions{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.topbar-meta{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--callout-border);border-radius:999px;padding:.2rem .25rem .2rem .35rem;background:var(--surface-muted-bg)}.mode-switch{display:inline-flex;gap:.2rem}.mode-chip{border:1px solid transparent;border-radius:999px;background:transparent;color:#5b21b6;font-size:.78rem;font-weight:700;padding:.25rem .6rem;cursor:pointer}.mode-chip.active{border-color:#c4b5fd;background:#ede9fe;color:#4c1d95}.skin-picker-label{font-size:.72rem;color:var(--muted);font-family:-apple-system,sans-serif}.skin-picker{border:1px solid #d1d5db;border-radius:999px;padding:.2rem .55rem;background:#fff;color:var(--text)}.checkbox-inline{display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem;color:var(--text)}.nav-toggle-btn{display:none}.dashboard-grid{width:min(1320px,100%);margin:0 auto;flex:1 1;min-height:0;display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:230px minmax(0,1fr);overflow:hidden;align-items:stretch}.dashboard-nav{background:var(--surface-bg);border:1px solid var(--surface-border);border-radius:18px;padding:.68rem;gap:.3rem;min-height:0;height:100%;overflow:hidden;overscroll-behavior:contain}.dashboard-nav,.nav-section{display:flex;flex-direction:column}.nav-section{gap:.35rem}.nav-section+.nav-section{margin-top:.28rem;padding-top:.38rem;border-top:1px dashed #e8e2ff}.nav-section-title{margin:0 0 .1rem;font-size:.72rem;letter-spacing:.06em;color:var(--muted)}.nav-section-title,.nav-section-toggle{text-transform:uppercase;font-family:-apple-system,sans-serif;font-weight:700}.nav-section-toggle{border:1px dashed #ddd6fe;background:#faf8ff;border-radius:10px;color:#5b21b6;font-size:.74rem;letter-spacing:.05em;padding:.36rem .48rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.nav-pill{border:1px solid transparent;background:transparent;border-radius:12px;text-align:left;color:var(--text);font-family:-apple-system,sans-serif;padding:.46rem .55rem;cursor:pointer;transition:all .16s ease}.nav-pill:hover{background:#f4f0ff}.nav-pill.active{background:var(--brand);color:#fff}.nav-pill.attention{border-color:var(--brand);box-shadow:0 0 0 2px rgba(76,29,149,.22);animation:navPillAttentionPulse .9s ease-in-out 3}.nav-pill.attention.active{box-shadow:0 0 0 3px hsla(0,0%,100%,.7)}@keyframes navPillAttentionPulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.dashboard-main{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain}.dashboard-main.view-create{overflow:hidden;display:flex;flex-direction:column}.dashboard-main.view-create .create-workspace-layout{height:100%;min-height:0;align-items:stretch}.dashboard-main.view-create .create-workspace-main{height:100%;min-height:0;overflow:hidden;overscroll-behavior:contain;display:flex;flex-direction:column}.dashboard-main.view-create .create-helper-side-panel{height:100%;min-height:0;position:static;align-self:stretch}.dashboard-main.view-create .create-helper-side-panel .mediator-shell-card{height:100%;min-height:0;max-height:none;position:static}.dashboard-main.view-create .workspace-panel.create-workspace-main{overflow:hidden}.dashboard-main.view-create .create-step1-layout,.dashboard-main.view-create .story-review{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding-right:.2rem}.dashboard-main.view-create .create-step1-layout{display:flex;flex-direction:column}.dashboard-main.view-create .create-step1-layout .step1-mini-panel{margin-bottom:0}.workspace-panel,.workspace-status{background:var(--surface-bg);border:1px solid var(--surface-border);border-radius:18px;padding:1.2rem;box-shadow:0 8px 24px rgba(30,27,75,.06);max-height:100%;overflow:auto;overscroll-behavior:contain}.create-step-trail{list-style:none;margin:0 0 1rem;padding:0;gap:0;font-family:-apple-system,sans-serif}.create-step-trail,.step-crumb{display:flex;align-items:center}.step-crumb{gap:.35rem;color:var(--muted);font-size:.8rem}.step-crumb+.step-crumb:before{content:"›";margin:0 .4rem;color:var(--muted);font-size:.9rem}.step-crumb.active{color:var(--brand);font-weight:600}.step-crumb.done{color:#16a34a}.step-crumb-num{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border-radius:50%;border:1.5px solid;font-size:.72rem;font-weight:700;flex-shrink:0}.step-crumb.active .step-crumb-num{background:var(--brand);border-color:var(--brand);color:#fff}.step-crumb.done .step-crumb-num{background:#16a34a;border-color:#16a34a;color:#fff;font-size:.65rem}.step-crumb-label{white-space:nowrap}.mode-expert .create-step-trail{font-size:.75rem;margin-bottom:.65rem}.mode-expert .workspace-panel,.mode-expert .workspace-status{padding:1rem;border-radius:14px}.tutorial-callout{margin-bottom:1rem;border:1px solid var(--surface-border);background:linear-gradient(90deg,var(--brand-light) 0,var(--surface-highlight-start) 100%);color:var(--text);border-radius:12px;padding:.7rem .8rem;font-size:.9rem}.task-progress-card{border:1px solid var(--callout-border);border-radius:12px;background:var(--surface-accent-bg);padding:.75rem;margin:.8rem 0}.task-progress-header{display:flex;justify-content:space-between;gap:.75rem;color:#4c1d95}.task-progress-card p{margin:.4rem 0 .55rem;color:#6b7280}.task-progress-track{width:100%;height:8px;border-radius:999px;background:#e9d5ff;overflow:hidden}.task-progress-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#14b8a6)}.task-progress-percent{display:inline-block;margin-top:.45rem;font-size:.78rem;color:#6b7280}.task-progress-card.stage-failed{border-color:#fecaca;background:#fef2f2}.task-progress-card.stage-failed .task-progress-fill{background:linear-gradient(90deg,#ef4444,#f97316)}.task-progress-card.stage-completed{border-color:#bbf7d0;background:#f0fdf4}.task-progress-card.stage-completed .task-progress-fill{background:linear-gradient(90deg,#22c55e,#14b8a6)}.task-progress-card.compact{margin:.55rem 0 0;padding:.6rem}.task-progress-card.compact p{margin:.25rem 0 .45rem;font-size:.86rem}.mode-expert .builder-layout{grid-template-columns:1fr}.workspace-status{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center}.dashboard-header{text-align:left;margin-bottom:1.1rem}.dashboard-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem}.mode-expert .dashboard-cards{gap:.8rem}.kid-nav-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem}.kid-nav-tile{border:1px solid #e7e2ff;border-radius:16px;background:#fff;padding:.6rem;display:flex;flex-direction:column;gap:.55rem;align-items:center;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.kid-nav-tile:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(30,27,75,.12)}.kid-nav-tile img{width:100%;max-width:210px;aspect-ratio:1;object-fit:contain}.kid-nav-image{border-radius:50%;padding:.35rem;border:5px solid transparent;background:#fff}.kid-nav-tile.active .kid-nav-image{transform:scale(1.02)}.ring-home{border-color:#22c55e}.ring-create{border-color:#fb7185}.ring-characters{border-color:#8b5cf6}.ring-drawings{border-color:#0ea5e9}.ring-stories{border-color:#14b8a6}.kid-nav-tile span{font-family:-apple-system,sans-serif;font-weight:700;color:var(--brand-dark)}.character-editor{display:flex;flex-direction:column;gap:.45rem}.section-hero{display:flex;gap:1rem;align-items:center;border:1px solid #eee9ff;border-radius:14px;padding:.8rem;margin-bottom:1rem;background:#fff}.section-hero-assets{background:linear-gradient(90deg,var(--surface-highlight-start) 0,var(--surface-highlight-end) 100%)}.section-hero-image{width:140px;max-width:35%;object-fit:contain;flex-shrink:0}.section-hero-copy h3{margin:0 0 .35rem;font-family:-apple-system,sans-serif}.section-hero-copy p{margin:0;color:var(--muted)}.profile-chip,.section-hero-copy p{font-family:-apple-system,sans-serif}.profile-chip{display:inline-flex;align-items:center;gap:.75rem;border:1px solid #ddd6fe;background:#f5f3ff;border-radius:999px;padding:.35rem .75rem}.profile-chip span{color:var(--muted);font-size:.85rem}.profile-chip--character{border-radius:.75rem;padding:.6rem .9rem;align-items:flex-start;border-color:#c4b5fd;background:#ede9fe}.featured-char-thumb{width:52px;height:52px;object-fit:cover;border-radius:.5rem;border:2px solid #a78bfa;flex-shrink:0}.profile-chip-meta{display:flex;flex-direction:column;gap:.2rem}.chip-tag{font-size:.78rem;background:#a78bfa;color:#fff;border-radius:999px;padding:.1rem .55rem;display:inline-block;width:-moz-fit-content;width:fit-content}.chip-sub{font-size:.8rem;color:#5b21b6;line-height:1.35}.child-profile-form{gap:.8rem}.child-list,.child-profile-form{display:flex;flex-direction:column}.child-list{gap:.6rem}.child-row{border:1px solid var(--border);border-radius:10px;padding:.7rem .8rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.child-row p{margin:.2rem 0 0;font-size:.82rem;color:var(--muted);font-family:-apple-system,sans-serif}.child-row-actions{display:flex;gap:.55rem;align-items:center}.character-workshop{margin-top:1rem}.workshop-label{display:block;margin:.35rem 0;font-size:.85rem;font-weight:700;font-family:-apple-system,sans-serif;color:var(--text)}.character-preview-card{margin-top:1rem}.character-prompt-seed{margin:.35rem 0 .75rem;padding:.7rem;border-radius:10px;border:1px solid var(--border);background:#fafafa;font-size:.8rem;white-space:pre-wrap;font-family:Monaco,Courier New,monospace}.character-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.character-card{border:1px solid var(--border);border-radius:12px;padding:.8rem;background:#fff}.character-card h4{margin:0 0 .3rem;font-family:-apple-system,sans-serif}.character-card p{margin:0 0 .45rem;font-size:.88rem}.dashboard-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:1rem}.mode-expert .dashboard-card{padding:.85rem;border-radius:12px}.dashboard-card h3{margin-bottom:.4rem;font-family:-apple-system,sans-serif}.dashboard-card p{margin:0 0 .85rem;color:var(--muted-strong)}.mode-expert .dashboard-card p{margin:0 0 .55rem}.mode-expert .dashboard-header{margin-bottom:.8rem}.mode-expert .subtitle{font-size:.96rem}.policy-callout{margin:0 0 .95rem;padding:.85rem .95rem;border-radius:12px;background:var(--callout-bg);border:1px solid var(--callout-border);color:var(--callout-text);font-size:.92rem;line-height:1.55;font-family:-apple-system,sans-serif}.policy-callout.policy-soft{background:#f4fbff;border-color:#bfdbfe;color:#1e3a8a}.policy-simple{margin-bottom:1rem;padding:1rem 1.1rem;border-radius:16px;background:linear-gradient(135deg,#fff8e8,#fff);border:1px solid #fde68a}.policy-simple h2{margin:0 0 .55rem;font-size:1.1rem;font-family:-apple-system,sans-serif}.policy-simple p{margin:0 0 .85rem;color:var(--text)}.policy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem}.policy-card h3{margin-bottom:.5rem}.policy-card p:last-child{margin-bottom:0}.policy-list{margin:0;padding-left:1.2rem}.policy-list li{margin-bottom:.45rem}.image-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.85rem;gap:.85rem}.image-preview-card{border:1px solid var(--border);border-radius:12px;padding:.7rem;background:#fff}.preview-label{display:block;margin-bottom:.45rem;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-family:-apple-system,sans-serif}.drawing-preview-image,.drawing-vault-thumb{width:100%;border-radius:10px;object-fit:cover;border:1px solid #eee9ff;background:#faf6ff}.drawing-preview-image{aspect-ratio:1}.drawing-vault-thumb{width:88px;min-width:88px;aspect-ratio:1}.consent-check{display:flex;gap:.7rem;align-items:flex-start;font-size:.9rem;color:var(--text);font-family:-apple-system,sans-serif}.consent-check input{width:auto;margin-top:.2rem}.dashboard-card.mini h3{font-size:.95rem}.dashboard-card.mini p{margin:0 0 .35rem;font-size:.9rem;font-family:-apple-system,sans-serif}.asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem}.asset-list{margin:0 0 .8rem;padding-left:1.2rem}.asset-list li{margin-bottom:.25rem}.asset-path{margin:0;font-size:.82rem;color:var(--muted);font-family:Monaco,Courier New,monospace}.dashboard-rail{display:flex;flex-direction:column;gap:1rem;align-self:start;position:-webkit-sticky;position:sticky;top:1rem}.mascot-card{background:#fff;border:1px solid #ece9ff;border-radius:18px;padding:1rem;box-shadow:0 8px 24px rgba(30,27,75,.08)}.mascot-image{width:100%;max-width:210px;display:block;margin:0 auto .6rem;object-fit:contain}.mascot-title{margin:0 0 .35rem;font-size:1rem;font-weight:700;color:var(--brand-dark)}.mascot-copy,.mascot-title{font-family:-apple-system,sans-serif}.mascot-copy{margin:0;font-size:.9rem;color:var(--muted)}.hero-image{width:100%;max-width:1000px;margin:0 auto 2.5rem;border-radius:16px;overflow:hidden;box-shadow:0 6px 32px rgba(124,58,237,.12)}.hero-image img{width:100%;height:auto;display:block;aspect-ratio:1;object-fit:cover}.wizard-form{display:flex;flex-direction:column;gap:1.25rem}.character-builder-page .container{max-width:1200px}.builder-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;align-items:start}.builder-form{display:flex;flex-direction:column;gap:2rem}.form-section{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.section-title{font-size:1.1rem;font-weight:600;margin:0 0 1rem;color:var(--text);font-family:-apple-system,sans-serif}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-group label{font-size:.85rem;font-weight:600;color:var(--text);font-family:-apple-system,sans-serif}.input-row{display:flex;gap:.5rem}.input-row input{flex:1 1}input,textarea{transition:border-color .15s}input,select,textarea{width:100%;padding:.65rem .85rem;border:1.5px solid var(--border);border-radius:8px;font-size:1rem;font-family:inherit;color:var(--text);background:var(--white)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand)}textarea{resize:vertical}input[type=number]{max-width:120px}.hint{font-size:.75rem;color:var(--muted);font-family:-apple-system,sans-serif;font-style:italic}.prompt-preview{background:var(--white);border:2px solid var(--brand);border-radius:12px;padding:1.5rem;position:-webkit-sticky;position:sticky;top:2rem;height:-moz-fit-content;height:fit-content}.preview-header h3{margin:0 0 1rem;font-size:1.05rem;color:var(--brand);font-family:-apple-system,sans-serif}.preview-text{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:1rem;font-size:.85rem;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;margin:0;color:var(--text);font-family:Monaco,Courier New,monospace;max-height:400px;overflow-y:auto}.preview-hint{margin-top:1rem;padding:.75rem;background:var(--brand-light);border-left:3px solid var(--brand);color:var(--brand);font-size:.8rem;font-family:-apple-system,sans-serif;font-style:italic}.step1-mini-panel{display:flex;flex-direction:column;gap:1.5rem;max-width:550px;margin:0 auto;padding:2rem;background:var(--white);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.create-step1-layout{display:block;min-height:0}.create-workspace-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);grid-gap:1rem;gap:1rem;align-items:start}.create-workspace-layout-helper-left{grid-template-columns:minmax(300px,360px) minmax(0,1fr);align-items:stretch}.create-workspace-main{min-width:0}.create-helper-side-panel{position:-webkit-sticky;position:sticky;top:.8rem;display:flex;flex-direction:column;gap:.6rem;overflow:hidden}.create-workspace-layout-story-builder{grid-template-columns:minmax(0,1fr) minmax(640px,760px);align-items:stretch}.story-helper-assistant-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:1rem;gap:1rem;min-height:0;align-items:stretch;height:100%;width:100%}.story-helper-chat-card,.story-helper-status-card{min-height:0}.story-helper-chat-card .chat-shell{height:100%}.create-workspace-layout-helper-left .create-helper-side-panel{position:-webkit-sticky;position:sticky;top:0;align-self:stretch;min-height:0;height:100%;max-height:100%}.create-workspace-layout-helper-left .mediator-shell-card{position:-webkit-sticky;position:sticky;top:0;min-height:0;max-height:100%;height:100%;overflow:hidden}.mediator-shell-card{position:-webkit-sticky;position:sticky;top:1rem;display:flex;flex-direction:column;gap:.55rem;padding:1rem;max-height:calc(100vh - 12rem);min-height:420px;overflow:hidden}.mediator-shell-card p{font-size:.85rem}.mediator-shell-card h3{margin:0}.mediator-main-copy{display:flex;flex-direction:column;gap:.2rem}.mediator-main-copy p{margin:0}.mediator-response-block{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.mediator-chat-response{display:flex;flex-direction:column;gap:.35rem}.mediator-chat-shell{display:flex;flex-direction:column;min-height:0;flex:1 1;border:1px solid var(--border);border-radius:12px;background:#fff;overflow:hidden}.mediator-chat-viewport{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:.6rem;background:linear-gradient(180deg,#fcfcfb,#f8fafc);overscroll-behavior:contain}.mediator-chat-thread{display:flex;flex-direction:column;gap:.45rem}.mediator-msg-row{display:flex}.mediator-msg-row-left{justify-content:flex-start}.mediator-msg-row-user{justify-content:flex-end}.mediator-msg{border:1px solid var(--border);border-radius:12px;padding:.45rem .55rem;max-width:92%;background:#f8f7f4}.mediator-msg-user{background:#e6f0ff;border-color:#bfd2f3}.mediator-msg-assistant{background:#eef8ef;border-color:#c8dfc6}.mediator-msg-system{background:#fff8e7;border-color:#ead7a0}.mediator-msg-role{margin:0 0 .15rem;font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.mediator-msg-text{margin:0;font-size:.82rem;line-height:1.35}.mediator-inline-actions{margin-top:.45rem}.mediator-inline-actions .btn-secondary{min-width:0}.mediator-applied-note{margin:.4rem 0 0;font-size:.75rem;color:var(--muted)}.mediator-chat-composer{border-top:1px solid var(--border);padding:.65rem;background:#fff;display:flex;flex-direction:column;gap:.45rem;position:-webkit-sticky;position:sticky;bottom:0;z-index:2;flex-shrink:0}.mediator-chat-composer .form-group{margin:0}.mediator-chat-composer textarea{resize:none;font-size:.82rem;line-height:1.35}.mediator-composer-actions{gap:.5rem}.mediator-composer-actions .btn-primary,.mediator-composer-actions .btn-secondary{min-width:0}.mediator-composer-footer-actions{display:flex;justify-content:flex-end}.mediator-clear-chat-btn{font-size:.74rem;line-height:1;padding:.12rem .18rem;opacity:.78}.mediator-clear-chat-btn:disabled{opacity:.5;cursor:not-allowed}.mediator-chat-label{margin:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.mediator-chat-summary{margin:0;font-size:.95rem;line-height:1.45}.mediator-empty-state{margin:0;font-size:.82rem;color:var(--muted)}.mediator-footer-meta{margin-top:0;color:var(--muted);flex-shrink:0}.mediator-dev-details{margin-top:.2rem;font-size:.76rem}.mediator-dev-details summary{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mediator-dev-details[open] summary{margin-bottom:.4rem}.mediator-compact-meta{margin:0;font-size:.75rem}.mediator-proposed-preview{margin-top:.45rem;display:flex;flex-direction:column;gap:.35rem}.mediator-proposed-item{background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:.45rem .55rem}.mediator-proposed-label{margin:0;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.mediator-proposed-text{margin:.2rem 0 0;font-size:.82rem;line-height:1.35;white-space:pre-wrap}.mediator-events-debug{display:flex;flex-direction:column;gap:.5rem}.mediator-events-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.mediator-events-header p{margin:0}.mediator-events-header .btn-secondary{white-space:nowrap}.mediator-session-id{margin:0;font-size:.78rem;color:var(--muted);word-break:break-all}.mediator-events-list{max-height:140px;overflow:auto;padding-right:.25rem}.mediator-events-list li{font-size:.8rem;line-height:1.35}.mediator-events-empty{margin:0;font-size:.8rem;color:var(--muted)}.mediator-diagnostics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.5rem;gap:.5rem}.mediator-diagnostics-grid p{margin:0 0 .3rem;font-size:.78rem}.mediator-diagnostics-list{margin:0}.mediator-diagnostics-list li{font-size:.78rem;line-height:1.3}.step1-panel-header{display:flex;flex-direction:column;gap:.5rem;border-bottom:1px solid var(--border);padding-bottom:1rem}.step1-panel-header h2{font-size:1.3rem;font-weight:600;color:var(--text)}.step1-panel-header h2,.step1-panel-header p{margin:0;font-family:-apple-system,sans-serif}.step1-panel-header p{font-size:.9rem;color:var(--muted)}.step1-panel-content{display:flex;flex-direction:column;gap:1.25rem}.step1-panel-actions{display:flex;gap:.75rem;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:1rem;margin-top:.5rem}.step1-panel-actions button{padding:.65rem 1.25rem;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s;font-family:-apple-system,sans-serif;display:flex;align-items:center;gap:.35rem}.step1-panel-actions .btn-back{background:var(--bg);color:var(--text);border:1.5px solid var(--border)}.step1-panel-actions .btn-back:hover{background:var(--surface-bg);border-color:var(--brand)}.step1-panel-actions .btn-back:disabled{opacity:.5;cursor:not-allowed}.step1-panel-actions .btn-next{background:var(--brand);color:var(--white);border:none;flex:1 1;text-align:center;justify-content:center}.step1-panel-actions .btn-next:hover:not(:disabled){background:var(--brand-dark)}.step1-panel-actions .btn-next:disabled{opacity:.5;cursor:not-allowed}.step1-panel-progress{font-size:.75rem;color:var(--muted);font-family:-apple-system,sans-serif;text-align:center}.mic-btn{padding:.65rem .85rem;border:1.5px solid var(--border);border-radius:8px;background:var(--white);cursor:pointer;font-size:1.1rem;transition:background .15s,border-color .15s;flex-shrink:0}.mic-btn:hover{background:var(--brand-light);border-color:var(--brand)}.mic-btn.active{background:#fee2e2;border-color:var(--error);animation:pulse 1s infinite}.mic-btn-tall{align-self:flex-start;margin-top:.65rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.btn-primary{padding:.75rem 1.5rem;background:var(--brand);color:var(--white);border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s;font-family:-apple-system,sans-serif}.btn-primary:hover:not(:disabled){background:var(--brand-dark)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:.75rem 1.5rem;background:var(--white);color:var(--brand);border:1.5px solid var(--brand);border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s;font-family:-apple-system,sans-serif}.btn-secondary:hover{background:var(--brand-light)}.btn-progress{display:flex;flex-direction:column;align-items:stretch;gap:.4rem}.btn-progress-track{width:100%;height:6px;border-radius:999px;background:hsla(0,0%,100%,.38);overflow:hidden}.btn-progress-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#16a34a);transition:width .25s ease}.btn-secondary.btn-progress .btn-progress-track{background:rgba(124,58,237,.18)}.btn-full{width:100%}.btn-link{background:none;border:none;color:var(--brand);cursor:pointer;font-size:inherit;text-decoration:underline}.btn-nav{padding:.5rem 1.25rem;background:var(--white);border:1.5px solid var(--border);border-radius:8px;cursor:pointer;font-size:.95rem;font-family:-apple-system,sans-serif;transition:background .15s}.btn-nav:hover:not(:disabled){background:var(--brand-light);border-color:var(--brand)}.btn-nav:disabled{opacity:.35;cursor:not-allowed}.error{background:#fef2f2;border:1px solid #fca5a5;color:var(--error);padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-family:-apple-system,sans-serif;font-size:.95rem}.spinner{width:48px;height:48px;border:5px solid var(--brand-light);border-top-color:var(--brand);border-radius:50%;animation:spin .9s linear infinite}.loading-text{font-size:1.3rem;font-weight:600;color:var(--brand);margin:0}.loading-sub{color:var(--muted);font-size:.9rem;font-family:-apple-system,sans-serif;margin:0}@keyframes spin{to{transform:rotate(1turn)}}@keyframes landingFadeIn{0%{opacity:0}to{opacity:1}}@keyframes landingFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.985)}}@keyframes panelRise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.story-review{display:flex;flex-direction:column;gap:1.25rem}.thinking-owl-card{border:1px solid #d8d4ff;border-radius:14px;background:linear-gradient(120deg,#fff,#f8f5ff);min-height:132px;position:-webkit-sticky;position:sticky;top:.6rem;z-index:4;padding:.95rem 1rem}.thinking-owl-image{display:none}.thinking-owl-text{position:static;max-width:100%;display:flex;flex-direction:column;gap:.45rem;color:#2e1065;font-family:-apple-system,sans-serif}.thinking-progress-track{width:100%;height:8px;border-radius:999px;background:#e9ddff;overflow:hidden}.thinking-progress-bar{height:100%;width:28%;border-radius:999px;background:linear-gradient(90deg,#a78bfa,#7c3aed);animation:progressSweep 1.4s ease-in-out infinite}.thinking-dots{width:-moz-fit-content;width:fit-content;letter-spacing:.25em;animation:dotsPulse 1.2s steps(4) infinite}.thinking-owl-text strong{font-size:.94rem}.thinking-owl-text span{font-size:.88rem;line-height:1.4}.thinking-page-indicator{font-weight:700;color:#5b21b6}@keyframes owlPulse{0%,to{opacity:.8;transform:translateY(0)}50%{opacity:1;transform:translateY(-1px)}}@keyframes progressSweep{0%{transform:translateX(-120%)}to{transform:translateX(360%)}}@keyframes dotsPulse{0%{opacity:.25}50%{opacity:1}to{opacity:.25}}.multi-character-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.6rem;gap:.6rem}.character-select-card{border:1px solid #ddd6fe;border-radius:12px;background:#fff;padding:.55rem;display:flex;gap:.5rem;align-items:center;text-align:left}.character-select-card.selected{border-color:#7c3aed;background:#f6f2ff}.story-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.55rem;gap:.55rem}.story-path-card{border:1px solid #ddd6fe;border-radius:12px;background:#fff;padding:.65rem;text-align:left;display:flex;flex-direction:column;gap:.3rem}.story-path-card span{font-size:.82rem;color:var(--muted)}.story-path-card.selected{border-color:#7c3aed;background:#f5f3ff}.setting-asset-grid{margin-top:.55rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.5rem;gap:.5rem}.setting-asset-card{border:1px solid #ddd6fe;border-radius:10px;background:#fff;padding:.4rem;display:flex;flex-direction:column;gap:.3rem;text-align:left}.setting-asset-card span{font-size:.75rem;color:var(--muted)}.story-row-header{display:flex;gap:.8rem;align-items:center}.story-cover-thumb{width:76px;height:76px;border-radius:10px;object-fit:cover;border:1px solid #ddd6fe;background:#faf6ff}.story-cover-fallback{display:flex;align-items:center;justify-content:center;font-size:.72rem;color:var(--muted)}.page-edit label,.title-edit label{display:block;font-size:.85rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem;font-family:-apple-system,sans-serif}.title-input{font-size:1.2rem;font-weight:600}.page-edit{background:var(--white);border:1px solid var(--border);border-radius:10px;padding:1rem}.page-edit textarea{border:none;padding:0;font-size:1rem}.page-edit textarea:focus{outline:none}.page-illustration-panel{margin-top:.9rem;display:flex;flex-direction:column;gap:.65rem}.page-thinking-inline{max-width:360px;border-radius:8px;background:#ede9fe;color:#5b21b6;font-size:.82rem;font-weight:600;padding:.45rem .65rem;font-family:-apple-system,sans-serif}.page-illustration-thumb{width:100%;max-width:360px;border-radius:10px;border:1px solid var(--border);aspect-ratio:1;object-fit:cover;background:#fafafa}.page-illustration-placeholder{max-width:360px;border:1px dashed #c4b5fd;border-radius:10px;padding:.75rem .9rem;color:var(--muted);background:#faf8ff;font-size:.88rem;font-family:-apple-system,sans-serif}.page-error{margin:0;max-width:580px}.image-prompt-editor{max-width:580px;border:1px solid #e9e5ff;border-radius:10px;background:#fcfbff;padding:.65rem .75rem}.image-prompt-editor label{display:block;font-size:.76rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem;font-family:-apple-system,sans-serif}.image-prompt-editor textarea{border:1px solid #ddd6fe;border-radius:8px;padding:.55rem .65rem;font-size:.9rem;line-height:1.35;background:#fff;margin-bottom:.35rem}.style-picker label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.75rem;font-family:-apple-system,sans-serif}.style-options{display:flex;gap:.75rem;flex-wrap:wrap}.style-btn{flex:1 1;min-width:130px;display:flex;flex-direction:column;gap:.2rem;padding:.75rem 1rem;border:2px solid var(--border);border-radius:10px;background:var(--white);cursor:pointer;text-align:left;transition:border-color .15s,background .15s;font-family:-apple-system,sans-serif}.style-btn strong{font-size:.95rem;color:var(--text)}.style-btn span{font-size:.8rem;color:var(--muted)}.style-btn.selected,.style-btn:hover{border-color:var(--brand);background:var(--brand-light)}.style-btn-top{display:flex;align-items:center;gap:.6rem}.style-preview-image,.style-preview-placeholder{width:56px;height:56px;border-radius:8px;border:1px solid #ddd6fe;flex:0 0 auto}.style-preview-image{object-fit:cover}.style-preview-placeholder{display:flex;align-items:center;justify-content:center;background:#faf8ff;color:var(--muted);font-size:.72rem;font-family:-apple-system,sans-serif}.quality-labels-3{grid-template-columns:repeat(3,minmax(0,1fr))}.style-prompt-label{margin-top:.9rem}.style-picker textarea{margin-top:.25rem;border:1px solid #ddd6fe;border-radius:8px;padding:.6rem .75rem;width:100%;font-size:.92rem;line-height:1.45}.quality-slider-wrap{margin-top:.25rem;border:1px solid #ede9fe;border-radius:10px;padding:.7rem .75rem;background:#fcfbff}.quality-slider-wrap input[type=range]{width:100%}.quality-labels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.55rem;gap:.55rem;margin-top:.45rem}.quality-labels span{border:1px solid #e9e5ff;border-radius:8px;padding:.45rem .55rem;font-size:.79rem;color:var(--muted);font-family:-apple-system,sans-serif}.quality-labels span.active{border-color:#a78bfa;background:#f5f3ff;color:#4c1d95}.consistency-anchor-note{margin-top:.55rem;border:1px solid #c4b5fd;border-radius:8px;background:#f5f3ff;color:#4c1d95;padding:.5rem .6rem;font-size:.82rem;font-family:-apple-system,sans-serif}.page-illustration-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.page-text-actions{margin-top:.3rem}.revise-panel{margin-top:.75rem;border:1px solid #fbcfe8;border-radius:10px;background:#fdf2f8;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.revise-panel textarea{width:100%;border:1px solid #f9a8d4;border-radius:7px;padding:.45rem .6rem;font-size:.88rem;font-family:-apple-system,sans-serif;background:#fff;resize:vertical}.revise-panel-actions{display:flex;gap:.5rem;align-items:center}.subtitle-tight{margin:.2rem 0 .8rem;color:var(--muted)}.evolution-studio-card{border:1px solid #bae6fd;background:linear-gradient(180deg,#f0f9ff,#fff)}.evolution-flow-strip{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin-bottom:.8rem;padding:.55rem .65rem;border:1px solid #bfdbfe;border-radius:9px;background:#eff6ff;font-size:.82rem;color:#1e3a8a;font-family:-apple-system,sans-serif}.evolution-source-preview{margin-bottom:.55rem}.evolution-candidate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:.7rem;gap:.7rem;margin:.6rem 0}.evolution-candidate-card{border:2px solid #bfdbfe;border-radius:10px;background:#fff;padding:.45rem;text-align:left;cursor:pointer}.evolution-candidate-card.selected{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15)}.evolution-candidate-card .drawing-preview-image,.evolution-frame .drawing-preview-image{width:100%}.evolution-flipbook{margin-top:.9rem;border-top:1px solid #dbeafe;padding-top:.75rem}.evolution-timeline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:.7rem;gap:.7rem}.evolution-frame{border:1px solid #cbd5e1;border-radius:10px;padding:.5rem;background:#fff}.action-row{display:flex;gap:1rem;flex-wrap:wrap}.action-row .btn-primary,.action-row .btn-secondary{flex:1 1;min-width:160px}.book-shell{height:100vh;height:100dvh;overflow:hidden;padding:1rem;background:radial-gradient(circle at 6% 2%,var(--reader-radial),transparent 32%),linear-gradient(180deg,var(--reader-gradient-start) 0,var(--reader-gradient-end) 100%)}.book-shell-panel{height:100%;overflow:hidden;overscroll-behavior:contain}.book-shell-panel .book-container{max-width:min(860px,100%);height:100%;display:flex;flex-direction:column;gap:.75rem;padding:.7rem 1rem .9rem}.book-status-note{margin:0;text-align:center;color:var(--muted);font-size:.88rem}.book-page{background:var(--white);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 4px 24px rgba(124,58,237,.08);margin-bottom:0;display:flex;flex-direction:column;min-height:0;flex:1 1 auto}.book-page-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .8rem;border-bottom:1px solid #ece7ff;background:linear-gradient(90deg,#f8f5ff,#fff)}.book-page-title{font-size:.82rem;font-weight:700;color:#4c1d95;line-height:1.2}.book-page-watermark{display:inline-flex;align-items:center;gap:.35rem;font-size:.74rem;color:#6d28d9;opacity:.82}.book-illustration{width:100%;height:min(45vh,460px);object-fit:contain;object-position:center;background:#f8f5ff;display:block}.illustration-placeholder{width:100%;aspect-ratio:4/3;background:var(--brand-light);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--brand)}.illustration-placeholder span{font-size:3rem}.illustration-placeholder p{margin:0;font-size:.9rem;font-family:-apple-system,sans-serif}.book-text{padding:.75rem .9rem .7rem}.page-number{display:block;font-size:.78rem;font-family:-apple-system,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.5rem}.book-text p{margin:0;font-size:1.02rem;line-height:1.48}.pagination{display:flex;align-items:center;justify-content:space-between;margin-bottom:.55rem;gap:1rem}.page-dots{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center}.dot{width:10px;height:10px;border-radius:50%;border:none;background:var(--border);cursor:pointer;padding:0;transition:background .15s}.dot.active,.dot:hover{background:var(--brand)}.book-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:0}.book-actions .btn-primary,.book-actions .btn-secondary{flex:1 1;min-width:160px;text-align:center}@media (max-width:920px){.create-step1-layout,.create-workspace-layout,.create-workspace-layout-story-builder,.story-helper-assistant-grid{grid-template-columns:1fr}.mediator-shell-card{position:static;max-height:none}.create-helper-side-panel{position:static}.mediator-chat-shell{min-height:320px}.mediator-events-header{flex-direction:column;align-items:stretch}.mediator-events-header .btn-secondary{width:100%}.dashboard-grid,.mediator-diagnostics-grid{grid-template-columns:1fr}.nav-toggle-btn{display:inline-flex}.dashboard-nav{position:static;gap:.65rem;display:none}.dashboard-nav.open{display:flex;max-height:80vh;overflow-y:auto;overscroll-behavior:contain}.nav-section{min-width:180px}.asset-grid,.character-grid,.dashboard-cards,.image-preview-grid,.kid-nav-grid,.policy-grid,.workspace-card-grid{grid-template-columns:1fr}.section-hero{flex-direction:column;align-items:flex-start}.section-hero-image{width:120px;max-width:none}.landing-overlay{align-items:flex-end;padding:1.5rem}.landing-panel{max-width:100%}.step1-mini-panel{max-width:100%;width:100%;margin:0;padding:1.1rem}.character-select-card{align-items:flex-start}.profile-chip-meta{min-width:0}.profile-chip-meta .chip-sub{white-space:normal;word-break:break-word}.builder-layout,.multi-character-grid,.setting-asset-grid,.story-path-grid{grid-template-columns:1fr}.prompt-preview{position:static}}@media (max-width:640px){.dashboard-shell{padding:.65rem}.book-shell{padding:.55rem}.book-shell-panel{overflow:auto}.book-shell-panel .book-container{height:auto;min-height:100%;padding:.55rem .7rem .8rem}.book-illustration{height:min(34vh,300px)}.dashboard-topbar{flex-direction:column;align-items:flex-start}.topbar-workflow-card{width:100%;max-width:none}.topbar-actions{width:100%;gap:.5rem}.topbar-actions .btn-primary,.topbar-actions .btn-secondary{flex:1 1;min-width:130px}.kid-nav-tile{padding:.5rem}.kid-nav-tile img{max-width:160px}.landing-shell{padding:0;align-items:stretch}.landing-stage{border-radius:0}.landing-hero-image{min-height:100vh;height:100vh}.landing-overlay{padding:1rem}.landing-panel{padding:1.1rem;border-radius:18px}.landing-panel p{font-size:1rem}.landing-actions{flex-direction:column;align-items:stretch}.landing-actions .btn-primary,.mock-google-btn{width:100%}.header h1{font-size:1.7rem}.hero-image{margin-bottom:1.5rem;border-radius:12px}.action-row,.book-actions,.style-options{flex-direction:column}.style-btn{min-width:unset}.builder-layout{gap:1.5rem}.form-section{padding:1rem}.preview-text{font-size:.75rem;max-height:300px}.dashboard-main.view-create{overflow:auto}.dashboard-main.view-create .create-step1-layout,.dashboard-main.view-create .create-workspace-main,.dashboard-main.view-create .story-review,.dashboard-main.view-create .workspace-panel.create-workspace-main{overflow:visible;max-height:none}.create-helper-side-panel,.mediator-shell-card{width:100%;max-height:none;min-height:0}}@keyframes skeleton-pulse{0%,to{background-position:200% 0}50%{background-position:-200% 0}}.skeleton-card{opacity:.7}.skeleton-card img{background:linear-gradient(90deg,var(--surface-muted-bg) 0,var(--surface-bg) 50%,var(--surface-muted-bg) 100%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite}@media (max-width:480px){.header h1{font-size:1.5rem}.header{margin-bottom:1.5rem}.container{padding:1rem .75rem 2rem}}.notice{background:#fef3c7;border:1px solid #fcd34d;color:#92400e;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-family:-apple-system,sans-serif;font-size:.9rem}.notice code{background:rgba(0,0,0,.08);padding:.2rem .4rem;border-radius:4px;font-family:Monaco,Courier New,monospace}