:root{color-scheme:light;--bg:#fff;--panel:#fff;--line:#cbd5da;--text:#202c32;--muted:#76868e;--lime:#007f9e}
body{background:#fff;color:var(--text);font-family:Arial,Helvetica,sans-serif}
*,*::before,*::after{border-radius:0!important;box-shadow:none!important}
header{height:88px;border-bottom:1px solid var(--line);max-width:1600px;margin:auto;padding:0 4vw}.brand{font-family:Arial,sans-serif;font-size:29px;letter-spacing:-1.5px}.header-note,.eyebrow,.pill,.studio-top,.chat-stage{font-family:monospace;font-size:9px;letter-spacing:1.6px}.header-note{color:var(--lime)}
main{gap:32px;padding-top:38px;grid-template-columns:minmax(0,1.65fr) minmax(350px,1fr)}
h1,h2,h3,.faq-accordion>summary{font-family:Arial,Helvetica,sans-serif!important}h2{font-weight:400;letter-spacing:-1.5px}.pill{border:0;padding:0;color:var(--lime)}.scene{border:0}.scene:after{display:none}.scene-caption{background:#fff;padding:8px 12px;left:0;bottom:0}.scene-caption span{color:var(--text)}.pin{border:1px solid white;background:#202c32;color:#fff}.pin.active,.pin.approved{background:#007f9e;color:#fff}
aside{border:0;border-left:1px solid var(--line);padding:0 0 0 28px;min-height:0;background:#fff}.roster{gap:0;border-top:1px solid var(--line)}.person{background:white;border:0;border-bottom:1px solid var(--line);padding:15px 9px}.person.active{border-bottom:2px solid var(--lime)}.person:hover{background:#f2f7f8}.person .mini{font-size:11px;width:25px;height:25px}.person .tick{color:var(--lime)}
.chat-heading{padding-top:22px}.chat-heading strong{font-size:21px;font-weight:400;letter-spacing:-.7px}.chat-message p{background:#f1f5f6;border:0;border-left:2px solid #cad7dc;padding:13px 15px;color:var(--text)}.chat-message .chat-meta strong{font-size:12px}.chat-message.rejected{opacity:.55}.chat-avatar{font-size:11px}#review .bubble{background:#eaf4f7;border:0;border-left:2px solid var(--lime);color:var(--text)}.bubble:before{display:none}.avatar{border:1px solid var(--line)}.progress>div{background:#e1e9ec}.prompt{color:var(--muted)}
.primary{background:#202c32;color:white;font-size:12px;font-weight:500;border:1px solid #202c32}.primary:hover{background:#007f9e;border-color:#007f9e}.reject{color:var(--text);border-color:var(--line);font-weight:400}.reject:hover{background:#f3f6f7}.quiet{color:var(--text)}.quiet:hover{color:var(--lime)}
textarea,.question-item input{background:#fff;border:1px solid var(--line);color:var(--text)}.upload{background:#f5f8f9;border-color:#b7c8d0}.privacy{color:var(--muted)}#setup h2{font-size:46px;line-height:1.04;letter-spacing:-2px}#chat-scroll{height:530px}
#workflow-nav{border-top:1px solid var(--line)}#workflow-nav button{background:#fff;color:var(--muted);border:1px solid var(--line);font-size:10px}#workflow-nav button.selected{color:var(--lime);border-color:var(--lime)}
#deliverables{background:#eef3f5;background-image:radial-gradient(#adcbd5 .6px,transparent .6px);background-size:12px 12px;border:0;border-top:1px solid var(--line);padding:34px;margin-top:20px}.deliverables-heading h2{font-size:38px;letter-spacing:-1.7px}.deliverables-heading{margin-bottom:30px}#deliverables>.faq-accordion{background:white;border:1px solid var(--line)}#deliverables>.faq-accordion>summary{font-size:23px;font-weight:400;letter-spacing:-.6px;padding:23px 26px}#deliverables>.faq-accordion>summary:hover{background:#f7fafb}.accordion-icon{color:var(--lime)}.accordion-content{background:#fff}.field-block h3,.comparison-table th{color:var(--text)}.field-block h3{font-weight:600}.comparison-table thead{background:#edf5f7}.comparison-table td{background:white}.source-link{color:var(--lime)}
#character-history{background:white;color:var(--text);border-color:var(--line)}#history-people .selected{color:var(--lime)}#error{background:#fff3f2;color:#8f3130;border:1px solid #dcb3af}footer{border-top:1px solid var(--line);padding-top:22px;color:var(--muted);font-family:monospace;font-size:9px}
@media(max-width:1050px){main{grid-template-columns:1.2fr 1fr}aside{padding-left:20px}}@media(max-width:730px){main{grid-template-columns:1fr}aside{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}#deliverables{padding:20px}.deliverables-heading h2{font-size:31px}#deliverables>.faq-accordion>summary{font-size:21px;padding:20px}.scene-caption{display:none}}
/* Swap the upper room and lower handoff backgrounds. */
body,header,aside{background:#eef3f5}
.person,#workflow-nav button{background:#eef3f5}
#deliverables{background:#fff;background-image:none}
.chat-message p{background:#fff}
footer{background:#fff}
.roster{gap:8px;border-top:0}
.roster .person{background:color-mix(in srgb,var(--color) 27%,white);border:1px solid color-mix(in srgb,var(--color) 75%,#74858e);border-left:4px solid var(--color);padding:14px 10px}
.roster .person:hover{background:color-mix(in srgb,var(--color) 45%,white);border-color:#435963}
.roster .person.active{background:color-mix(in srgb,var(--color) 45%,white);border-bottom:2px solid #007f9e}
.roster .person strong{color:#202c32}.roster .person small{color:#52616b}.roster .person .tick{color:#00677f;font-weight:700}
#chat-scroll{background:#dce6eb;padding:18px 16px 20px;border:1px solid #c7d4dc}
.chat-stage{color:#536e7c}.chat-meta small{color:#536774}
main{background-image:radial-gradient(#9bbdcd .7px,transparent .7px);background-size:22px 22px;background-position:8px 8px}
.studio,aside{background:#eef3f5}
#deliverables{background:#fff;background-image:none}
body,main{background-image:radial-gradient(circle,#9bb9c9 1px,transparent 1px);background-size:22px 22px}
header{background-image:none}
header{background:#fff;background-image:none}
body,main{background-image:none}
#deliverables{background:#eef3f5;background-image:radial-gradient(circle,#9bb9c9 1px,transparent 1px);background-size:22px 22px}
#deliverables>.faq-accordion,.accordion-content{background:#fff}
body,aside,.studio{background-color:#f5f8fa}
#workflow-nav button{background-color:#f5f8fa}
header,footer{background-color:#fff}

.team-accordion{margin:12px 0 0;border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden}.team-accordion>summary{display:flex;align-items:center;gap:12px;min-height:48px;padding:12px 15px;cursor:pointer;list-style:none;font-size:14px;font-weight:600;color:#202c32}.team-accordion>summary::-webkit-details-marker{display:none}.team-accordion>summary small{margin-left:auto;font-size:11px;font-weight:400;color:#52616b}.team-accordion>summary:focus-visible{outline:2px solid #007f9e;outline-offset:-3px}.team-chevron{font-size:20px;line-height:1;transition:transform .15s}.team-accordion[open] .team-chevron{transform:rotate(180deg)}.team-accordion[open]>summary{border-bottom:1px solid var(--line)}#team-roster .roster{margin:0;padding:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}#team-roster .person{padding:9px 10px;gap:8px;min-height:58px;text-align:left;border-radius:4px}#team-roster .person>div{min-width:0}#team-roster .person strong{font-size:12px;line-height:1.3}#team-roster .person small{font-size:10px;line-height:1.35;display:block;margin-top:3px}#team-roster .person .mini{width:25px;height:25px;flex-shrink:0}#team-roster .person .tick{font-size:12px}@media(max-width:600px){#team-roster .roster{grid-template-columns:repeat(2,minmax(0,1fr))}#team-roster .person{min-height:58px;padding:8px}.team-accordion>summary{min-height:44px}}

.pin.approved::after{content:'✓';position:absolute;right:-5px;top:-5px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#007f9e;color:white;font-size:10px;border:1px solid white}.avatar[data-number]{position:relative}.avatar[data-number]::after{content:attr(data-number);position:absolute;right:-4px;bottom:-4px;display:grid;place-items:center;width:22px;height:22px;background:#202c32;color:white;border:1px solid white;border-radius:4px;font-size:12px;font-weight:700}.chat-avatar{font-variant-numeric:tabular-nums}#team-roster .mini{font-variant-numeric:tabular-nums}

.scene .pin,.scene .pin.active,.scene .pin.approved{background:var(--person-color);color:#202c32;border:1px solid rgba(32,44,50,.55);box-shadow:0 2px 5px rgba(0,0,0,.15);width:34px;height:34px;font-size:15px;border-radius:5px}.scene .pin.active{outline:2px solid white;outline-offset:2px}.scene .pin.approved::after{display:none;content:none}.studio-top{flex-wrap:wrap}.marker-toggle{font-size:11px;padding:7px 9px;white-space:nowrap;border:1px solid var(--line);border-radius:5px;color:#52616b;background:white}.marker-toggle:hover{background:#eef3f5}.marker-toggle:focus-visible{outline:2px solid #007f9e}.studio-top #room-status{margin-left:auto}@media(max-width:600px){.scene .pin,.scene .pin.active,.scene .pin.approved{width:29px;height:29px;font-size:13px}.studio-top .marker-toggle{margin-left:auto}.studio-top #room-status{font-size:10px}}

#avatar.avatar{background-image:none!important;background:var(--speaker-color)!important;color:#202c32;display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:4px;font-size:18px;font-weight:700;line-height:1;}#avatar.avatar::after{display:none!important;content:none!important}

.scene .pin,.scene .pin.active,.scene .pin.approved{width:28px;height:28px;font-size:12px;border-radius:4px}.scene .pin.active{outline-width:1px;outline-offset:1px}@media(max-width:600px){.scene .pin,.scene .pin.active,.scene .pin.approved{width:24px;height:24px;font-size:11px}}

/* Full-width header background with content aligned to the main layout. */
header{width:100%;max-width:none;margin:0;background:#fff;padding-inline:max(4vw,calc((100% - 1600px)/2 + 4vw));}

#character-history{width:min(720px,calc(100vw - 32px));max-height:90vh;padding:24px;overflow-y:auto;background:#fff;color:#202c32}#character-profile,#character-log{display:block;width:100%;min-width:0}#character-profile{margin:20px 0 24px;padding-bottom:22px;border-bottom:1px solid var(--line)}.character-portrait{width:112px;height:112px;position:relative;background-image:url('/agency.png');background-repeat:no-repeat;background-size:700% 700%;border-radius:10px;border:3px solid var(--person-color);margin-bottom:16px}.profile-number{position:absolute;bottom:-5px;right:-5px;width:25px;height:25px;display:grid;place-items:center;border:2px solid white;border-radius:4px;color:#202c32;font-size:12px;font-weight:700}.profile-story{font-size:15px;line-height:1.7;margin:0 0 12px;max-width:none}.profile-note{font-size:11px;color:#65747c}.history-section-title{font-size:14px;margin:18px 0 4px}#character-history #history-people{display:flex;flex-wrap:wrap;gap:5px}#character-history .log-item{width:100%}#character-history .log-item small{display:block;margin-top:5px}@media(max-width:600px){#character-history{padding:18px}.profile-story{font-size:14px}.character-portrait{width:96px;height:96px}}

/* Ground the studio and conversation in two coherent editorial panels. */
main{align-items:start;gap:24px}.studio{background:#fff;border:1px solid var(--line);padding:0;min-width:0}.studio-top{padding:15px 18px;margin:0;border-bottom:1px solid var(--line);min-height:56px}.studio .scene{margin:0;border:0;border-radius:0}.studio-bottom{padding:13px 18px;margin:0;border-bottom:1px solid var(--line);background:#fff}.studio .team-accordion{margin:0;border:0;border-radius:0;background:#fff}.studio .team-accordion>summary{padding:14px 18px;min-height:48px}.studio .team-accordion[open]>summary{border-bottom:1px solid var(--line)}main>aside{background:#fff;border:1px solid var(--line);padding:24px;min-width:0;min-height:0}main>aside>.eyebrow{margin:0 0 18px}#setup h2{margin:0 0 16px;font-size:42px;line-height:1.08;letter-spacing:-1.8px}#setup>.muted{margin:0 0 24px;line-height:1.6}.upload{margin:0 0 22px;padding:22px;background:#f5f8fa;border:1px dashed #b7c8d0;min-height:140px}#setup .field-label{margin:0 0 8px}#setup textarea{margin:0;min-height:125px}#setup #length{margin:8px 0 16px}#setup #start{margin:0;width:100%}#setup #demo{margin-top:4px}#setup .privacy{margin-top:18px;padding-top:14px}.chat-heading{padding-top:0}#workflow-nav{margin-top:18px}@media(max-width:900px){main{gap:20px}main>aside{padding:20px}#setup h2{font-size:36px}}@media(max-width:730px){main{gap:18px;padding-top:22px}main>aside{padding:20px;border:1px solid var(--line)}.studio-top{padding:12px 14px}.studio-bottom{padding:12px 14px}.studio .team-accordion>summary{padding:12px 14px}#setup h2{font-size:36px}.upload{padding:20px;min-height:125px}}

.team-accordion>summary .team-chevron{display:block;width:18px;height:18px;flex:0 0 18px;color:#52616b;transform-origin:center;transition:transform .18s ease}.team-accordion[open]>summary .team-chevron{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){.team-accordion>summary .team-chevron{transition:none}}

.scene .speaker-indicator{position:absolute;z-index:8;width:22px;height:58px;transform:translate(-50%,-100%);pointer-events:none}.speaker-indicator svg{display:block;width:100%;height:100%;overflow:visible;image-rendering:pixelated;animation:speaker-float 2s ease-in-out infinite;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}@keyframes speaker-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@media(max-width:600px){.scene .speaker-indicator{width:17px;height:44px}}@media(prefers-reduced-motion:reduce){.speaker-indicator svg{animation:none}}

.scene .speaker-indicator{width:52px;height:78px;z-index:20}.speaker-indicator>img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;animation:speaker-float 2s ease-in-out infinite;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}@media(max-width:600px){.scene .speaker-indicator{width:40px;height:60px}}@media(prefers-reduced-motion:reduce){.speaker-indicator>img{animation:none}}

.theme-toggle{margin-left:auto;margin-right:14px;border:1px solid var(--line);padding:8px 12px;font-size:12px;white-space:nowrap}header .header-note{margin-inline:auto}html[data-theme=night]{color-scheme:dark;--bg:#111820;--panel:#19232d;--line:#354550;--text:#e7edf1;--muted:#a8b7c2;--lime:#6bc9de}html[data-theme=night] body,html[data-theme=night] main{background:#111820;color:var(--text)}html[data-theme=night] header,html[data-theme=night] footer,html[data-theme=night] .studio,html[data-theme=night] main>aside,html[data-theme=night] .studio-top,html[data-theme=night] .studio-bottom,html[data-theme=night] .team-accordion,html[data-theme=night] #character-history{background:#19232d;color:var(--text)}html[data-theme=night] .brand,html[data-theme=night] h2,html[data-theme=night] h3,html[data-theme=night] .quiet,html[data-theme=night] .team-accordion>summary{color:var(--text)}html[data-theme=night] .upload,html[data-theme=night] textarea,html[data-theme=night] input,html[data-theme=night] #deliverables,html[data-theme=night] .faq-accordion,html[data-theme=night] .marker-toggle{background:#15202a;color:var(--text);border-color:var(--line)}html[data-theme=night] #chat-scroll{background:#172a35}html[data-theme=night] .bubble,html[data-theme=night] .chat-message p,html[data-theme=night] .team-process-status{background:#243642;color:var(--text)}html[data-theme=night] .primary{background:#6bc9de;color:#10202a}html[data-theme=night] .roster .person{background:color-mix(in srgb,var(--color) 12%,#19232d);border-color:var(--line)}html[data-theme=night] .roster .person strong{color:var(--text)}html[data-theme=night] .roster .person small,html[data-theme=night] .team-accordion>summary small,html[data-theme=night] .profile-note{color:var(--muted)}html[data-theme=night] .scene-caption{background:#19232d}html[data-theme=night] #workflow-nav button{background:#243642;color:var(--muted)}html[data-theme=night] .faq-accordion>summary:hover,html[data-theme=night] .person:hover{background:#243642}html[data-theme=night] .reject{background:#19232d;color:#e7edf1;border-color:var(--line)}@media(max-width:730px){header .theme-toggle{margin-left:auto;margin-right:6px;padding:7px 9px}header .brand{font-size:24px}}

/* Shared baseline and a full-width team row. */
main{align-items:stretch}.studio{display:flex;flex-direction:column}.studio-bottom{margin-top:auto;border-bottom:0}main>#team-roster{grid-column:1/-1;margin:0;border:1px solid var(--line);border-radius:0}#team-roster .roster{grid-template-columns:repeat(7,minmax(0,1fr));padding:14px;gap:10px}#team-roster .person{min-width:0;padding:12px 9px}#team-roster .person strong{font-size:13px}#team-roster .person small{overflow-wrap:normal}#deliverables{margin-top:0}
.milestones{margin:0 0 30px;padding:0 0 24px!important;border-top:0!important;border-bottom:1px solid var(--line)}.milestone-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.milestone-heading .eyebrow{margin:0}#phase-checkpoints{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:0;margin:0}.checkpoint{display:grid;grid-template-columns:26px 1fr;gap:8px;align-content:start;min-width:0;padding:14px 12px;border:1px solid var(--line);background:var(--panel)}.checkpoint-number{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--line);font-size:12px;color:var(--muted)}.checkpoint strong{display:block;font-size:13px;line-height:1.4}.checkpoint small{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-top:4px}.checkpoint-state{grid-column:2;font-size:10px;color:var(--muted)}.checkpoint.current{border-color:var(--lime);box-shadow:inset 0 3px var(--lime)}.checkpoint.current .checkpoint-number,.checkpoint.complete .checkpoint-number{background:var(--lime);border-color:var(--lime);color:var(--bg)}.checkpoint.current .checkpoint-state{color:var(--lime);font-weight:600}
@media(max-width:1100px) and (min-width:731px){#team-roster .person{flex-direction:column;align-items:flex-start;gap:8px}#team-roster .person small{font-size:9px}.checkpoint{padding:12px 8px;grid-template-columns:1fr}.checkpoint-state{grid-column:1}}
@media(max-width:730px){#team-roster .roster{grid-template-columns:1fr}#team-roster .person{min-height:58px;padding:12px}.milestone-heading{align-items:flex-start}#phase-checkpoints{grid-template-columns:1fr}.checkpoint{grid-template-columns:26px 1fr auto;align-items:center}.checkpoint-state{grid-column:3}.milestones{margin-bottom:24px}.studio-bottom{margin-top:0}}

#agency-app[hidden],#entry-gate[hidden]{display:none!important}#entry-gate{max-width:1600px;margin:auto;padding:38px 4vw;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr);gap:24px;align-items:center}.entry-visual{border:1px solid var(--line)}.entry-visual img{display:block;width:100%;height:auto}.entry-copy{padding:32px;background:var(--panel);border:1px solid var(--line)}.entry-copy h1{font-size:42px;line-height:1.1;letter-spacing:-1.5px;margin:18px 0}.entry-copy .muted{line-height:1.6}#entry-form label{display:block;font-size:13px;margin:18px 0 7px}#entry-form input{display:block;width:100%;padding:12px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit;box-sizing:border-box}.entry-note{font-size:11px;line-height:1.6;color:var(--muted);display:block;margin:16px 0}#entry-error{font-size:13px;color:#b43b3b}.entry-honey{display:none}html[data-theme=night] .entry-copy{background:#19232d}html[data-theme=night] #entry-error{color:#ffaca4}@media(max-width:730px){#entry-gate{grid-template-columns:1fr;padding:22px 4vw}.entry-copy{padding:24px}.entry-copy h1{font-size:34px}}

#entry-gate{align-items:stretch}.entry-visual{display:flex;align-items:center;justify-content:center;background:#fff;padding:32px;border:1px solid var(--line);min-width:0}.entry-visual img{width:100%;height:auto;max-width:100%;border:1px solid var(--line)}html[data-theme=night] .entry-visual{background:#19232d}@media(max-width:730px){.entry-visual{padding:20px}}