/* Each palette has light, paper and cinema colors, shared by all three layouts. */
[data-palette="forest"]{--ink:#293d34;--muted:#687969;--green:#3e5947;--paper:#f8f7f2;--line:#dce2d5;--tint:#e9ede2;--wash:#f0f2eb;--surface:#fffefa;--deep:#15251f;--light:#f2e6ce;--bright:#d7c496;--journal:#eee1c9;--journal-ink:#705c46}
[data-palette="rose"]{--ink:#583b46;--muted:#896c76;--green:#8b4e61;--paper:#fcf6f5;--line:#ecdbdf;--tint:#f1dfe3;--wash:#f7ecee;--surface:#fffafb;--deep:#311c28;--light:#fce5e8;--bright:#e5b6c4;--journal:#f3dfe1;--journal-ink:#784859}
[data-palette="ocean"]{--ink:#304a5d;--muted:#657f91;--green:#3e657e;--paper:#f4f8fa;--line:#d4e2e9;--tint:#deebf0;--wash:#eaf1f5;--surface:#fbfdff;--deep:#142936;--light:#e2eff7;--bright:#b2d2e3;--journal:#dce8ee;--journal-ink:#3e627a}
[data-palette="lilac"]{--ink:#4b3b5c;--muted:#83718f;--green:#705482;--paper:#f8f5fb;--line:#e2d9ec;--tint:#e9e0f1;--wash:#f0eaf6;--surface:#fdfaff;--deep:#261e35;--light:#f0e5fc;--bright:#ccbae5;--journal:#e9dff0;--journal-ink:#70527e}
[data-palette="sand"]{--ink:#594735;--muted:#887663;--green:#806044;--paper:#fcf8f0;--line:#e7ddcc;--tint:#efe3cf;--wash:#f4ecdf;--surface:#fffdf7;--deep:#2c241b;--light:#f6e9cf;--bright:#dfc092;--journal:#efdfc0;--journal-ink:#795b3e}
body{background:var(--paper);color:var(--ink)}
.shell .sidebar{background:var(--wash)}.shell .nav a.active,.shell .nav a:hover{background:var(--tint);color:var(--green)}
.shell .hero{background:var(--tint)}.shell .hero-copy p{color:var(--muted)}.shell .hero-image:after{background:linear-gradient(90deg,var(--tint),transparent 28%)}
.shell .occasion{background:var(--tint)}.shell .occasion .number,.shell .occasion p{color:var(--green)}
.shell .create-card,.shell .notice,.shell .publish-result{background:var(--wash);border-color:var(--line);color:var(--muted)}
.shell .card,.shell .work,.shell .panel,dialog{background:var(--surface)}
.shell .tag,.shell .chip,.shell .chapter-row button,.close{background:var(--tint);color:var(--green)}
.shell .chip.active{background:var(--green);color:white}.shell .select-item:has(input:checked){background:var(--wash);border-color:var(--green)}
.field input,.field textarea,.field select,.shell .urlbox{background:var(--paper);border-color:var(--line);color:var(--ink)}
.field,.small-copy,.shell .step,.shell .timeline-date{color:var(--muted)}.shell .step.active{color:var(--green)}
.shell .btn.secondary,.player .btn.secondary{border-color:var(--line)}
.palette-trigger{min-height:36px;padding:7px 12px;border:1px solid var(--line);background:var(--surface);color:var(--green);border-radius:20px;font-size:12px;white-space:nowrap}
.palette-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.palette-option{padding:15px;background:var(--paper);border:1px solid var(--line);border-radius:9px;display:flex;flex-direction:column;gap:9px;text-align:left;color:var(--ink)}
.palette-option.active{border:2px solid var(--green);padding:14px}.palette-option strong{font-size:13px;font-weight:500}.palette-option small{font-size:10px;line-height:1.7;color:var(--muted)}
.palette-dots{display:flex;gap:5px}.palette-dots i{width:22px;height:22px;border-radius:50%;border:1px solid #00000012}.palette-check{font-size:10px;color:var(--green)}
.work-palettes{border-top:1px solid var(--line);margin-top:24px;padding-top:23px}.work-palettes h3{font-weight:500}.work-palettes .small-copy{margin-bottom:13px}
.mini-preview,.player{background:var(--tint);color:var(--ink)}.mini-preview .eyebrow,.player .eyebrow{color:var(--muted)}
.mini-preview.film,.player.film{background:var(--deep);color:var(--light)}
.mini-preview.film img{box-shadow:0 -18px var(--deep),0 18px var(--deep)}
.player.film .player-image:after{background:linear-gradient(90deg,var(--deep),transparent)}
.player.film .eyebrow,.player.film .small-copy,.mini-preview.film .eyebrow{color:var(--bright)}
.player.film .btn{background:var(--bright);color:var(--deep)}.player.film .btn.secondary{background:transparent;color:var(--light);border-color:color-mix(in srgb,var(--light) 40%,transparent)}
.mini-preview.journal,.player.journal{background-color:var(--journal);color:var(--journal-ink)}
.player.journal .btn{background:var(--green);color:white}.player.journal .btn.secondary{background:transparent;color:var(--journal-ink)}
.player-top button{border-color:color-mix(in srgb,currentColor 40%,transparent)}.player .dot{background:color-mix(in srgb,var(--green) 30%,var(--paper))}.player .dot.active{background:var(--green)}.player.film .dot.active{background:var(--bright)}
@media(max-width:760px){.topbar{height:auto;min-height:75px;padding-block:12px}.topbar .top-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.top-actions .prototype{margin-right:auto;font-size:10px}.top-actions #actor{font-size:11px;max-width:140px}.palette-trigger{font-size:11px;padding:6px 9px}.shell .hero-image:after{background:linear-gradient(90deg,color-mix(in srgb,var(--tint) 95%,transparent),color-mix(in srgb,var(--tint) 45%,transparent)),linear-gradient(0deg,transparent,var(--tint))}.player.film .player-image:after{background:color-mix(in srgb,var(--deep) 55%,transparent)}.palette-options{gap:9px}.palette-option{padding:12px}.palette-option.active{padding:11px}}

/* Compact product navigation lives in the site header. */
header.product-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;border-bottom:1px solid var(--line);padding-top:14px;padding-bottom:14px}
.product-header>label{margin:0}.product-header>label select{margin:0}.product-header>.actions{justify-content:flex-end}
.product-header .product-nav{display:flex;justify-content:center;align-items:center;gap:22px;margin:0;padding:0;border:0;min-width:0}
.product-nav a{display:flex;align-items:center;min-height:44px;padding:8px 0;border-bottom:2px solid transparent;color:var(--muted);text-decoration:none;white-space:nowrap;font-size:14px;line-height:1.5}
.product-nav a:hover{color:var(--green)}.product-nav a[aria-current="page"]{color:var(--green);border-bottom-color:var(--green);font-weight:650}
.product-nav a:focus-visible{outline:2px solid var(--green);outline-offset:4px;border-radius:2px}
@media(max-width:760px){header.product-header{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding-top:10px;padding-bottom:0}.product-header .product-nav{grid-row:2;grid-column:1/-1;justify-content:flex-start;gap:24px}.product-nav a{font-size:14px;min-height:40px}.product-header>.brand-link{font-size:13px}.product-header>.brand-link span{display:none}}

.brand-link{display:inline-flex;align-items:center;gap:8px}.brand-logo{display:block;width:36px;height:36px;object-fit:contain;flex-shrink:0}