/* The existing book colours and fonts carry through the second edition. */
select{font:inherit;color:var(--plum);border:1.5px solid #d3bfdc;background:#fff;border-radius:12px;min-height:48px;padding:10px 12px;max-width:100%;width:100%}select:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
.studio-bar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 28px 18px;padding:14px 0 18px;border-bottom:1px solid #eadbe5}.studio-name{display:flex;flex-direction:column;gap:2px;font-size:13px;min-width:120px}.studio-name strong{font-size:16px;color:var(--berry)}.studio-name span{color:#725570}.studio-actions{display:flex;gap:8px;flex-wrap:wrap}.studio-actions .button[aria-pressed=true]{background:#f9e4ed;border-color:var(--berry)}.button,.icon-button{min-height:48px}.studio-actions .button{white-space:normal;text-align:center}
.mission-panel{display:flex;gap:20px;justify-content:space-between;align-items:center;background:#e9f3ef;border:1px solid #c6ddd5;padding:18px 20px;margin:0 28px 20px;border-radius:18px}.mission-panel h2{font-size:18px}.mission-panel p{font-size:14px;margin:5px 0}.mission-panel span{font-size:12px;color:#396d62}.mission-panel .button{flex-shrink:0}
.art-area{position:relative;min-width:0}.view-tools{display:flex;gap:5px;align-items:center;justify-content:center;flex-wrap:wrap;margin:0 0 12px}.view-button{display:flex;gap:5px;align-items:center;justify-content:center;min-height:48px;padding:9px 12px;border:0;background:#f7e9f0;border-radius:12px;font-size:12px;font-weight:800}.view-button svg{width:19px;height:19px}.view-button[aria-pressed=true]{background:var(--berry);color:#fff}.view-tools>span{font-variant-numeric:tabular-nums;font-size:12px;padding:8px}.paper-wrap{--zoom:1;max-width:min(760px,100%);overflow:auto;background:#fff;touch-action:none;scrollbar-width:thin;scrollbar-color:#b885a1 #f6e7f0;box-shadow:0 14px 32px #56355912,0 2px 3px #56355910;outline:1px solid #ead8e4;border:8px solid #fff;border-radius:18px}.paper-wrap #paper{width:calc(100% * var(--zoom));height:auto;max-width:none;aspect-ratio:1;min-width:100%}.paper-wrap .loading{z-index:2}.paper-bottom{flex-wrap:wrap}.paint-effects{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden;border-radius:18px}.colour-puff{position:absolute;display:grid;place-items:center;width:44px;height:44px;margin:-22px;color:var(--puff-colour);animation:colour-puff .8s ease-out both}.colour-puff i{display:flex}.colour-puff svg{width:35px;height:35px;fill:currentColor;stroke:#fff;stroke-width:1.2;filter:drop-shadow(0 2px 2px #56355922)}
.more-tools{margin:0 0 16px;padding:0;border-top:1px solid #d9c7e3;border-bottom:1px solid #d9c7e3}.more-tools summary{cursor:pointer;min-height:48px;padding:13px 4px;font-size:14px;font-weight:800}.extra-tools{display:grid;gap:12px;padding:2px 0 15px;font-size:13px}.extra-tools>label:first-child{display:grid;gap:6px}.rainbow-option{display:flex;gap:10px;align-items:center;min-height:48px}.rainbow-option input{width:22px;height:22px;accent-color:var(--berry);flex-shrink:0}.extra-tools>p{font-size:12px;color:#725570}.stamp-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.stamp-choices button{min-height:48px;padding:10px 4px;border:1px solid #d3bfdc;border-radius:12px;background:#fff;display:grid;place-items:center}.stamp-choices button[aria-pressed=true]{border:2px solid var(--berry);background:#f9dce9;color:var(--berry)}
.companion-corner{border-top:1px solid #d9c7e3;margin-top:18px;padding-top:12px}.companions{display:flex;align-items:flex-end;justify-content:center;gap:5px;min-height:155px}.companion{background:transparent;border:0;padding:0;display:block;position:relative;transform-origin:50% 85%;border-radius:40%;min-width:82px;min-height:82px}.companion img{display:block;object-fit:contain;max-width:100%;height:auto}.companion.amor{width:146px}.companion.ellie{width:94px;align-self:flex-end;margin-bottom:5px}.companion:after{content:'';display:block;position:absolute;left:25%;right:25%;bottom:4%;height:6px;border-radius:50%;background:#56355910;z-index:-1}.companion img{animation:cat-breathe 4.5s ease-in-out infinite}.companion.ellie img{animation-delay:1.4s}.companion.pet{animation:cat-pet .8s ease-out}.companion.peek{animation:cat-peek 1.1s ease-in-out}.companion-corner p{font-size:14px;text-align:center;line-height:1.55;min-height:66px;margin:4px 0 2px}.idea-button{border:0;background:transparent;min-height:48px;display:block;margin:auto;font-weight:800;font-size:13px;text-decoration:underline;text-underline-offset:3px;color:var(--berry);padding:10px 16px}.comfort-controls{display:flex;flex-direction:column;gap:4px;padding-top:8px}.comfort-controls button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border:0;background:#faf6fd;border-radius:12px;padding:10px 12px;font-size:12px;font-weight:800}.comfort-controls svg{width:19px;height:19px}.comfort-controls button[aria-pressed=false]{background:#e9dfef}
.gallery-filters{flex-wrap:wrap}.theme-filter{display:flex;align-items:center;gap:12px;margin:0 0 20px;font-size:14px;font-weight:800}.theme-filter select{width:auto;flex:1}.missions-dialog{width:min(850px,calc(100% - 24px))}.mission-levels{display:flex;gap:8px;margin:20px 0;flex-wrap:wrap}.mission-levels button{background:#fff;border:1.5px solid #d9c7d4;min-height:48px;border-radius:14px;padding:10px 16px;font-weight:800;font-size:14px}.mission-levels button[aria-pressed=true]{background:var(--berry);border-color:var(--berry);color:#fff}.mission-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mission-choice{display:flex;flex-direction:column;gap:7px;text-align:left;background:#fff;border:1.5px solid #e1cbd9;border-radius:16px;padding:18px;min-height:145px}.mission-choice:hover{border-color:var(--berry);background:#fcf0f5}.mission-choice strong{font-size:16px}.mission-choice span{font-size:13px;line-height:1.5;color:#725570}.mission-choice small{color:var(--teal);font-size:12px;font-weight:800;margin-top:auto}.discovery-list{list-style:none;padding:0;margin:20px 0;display:grid;gap:12px}.discovery-list li{display:flex;flex-direction:column;gap:5px;padding:16px 18px;background:#f0eaf7;border-radius:14px;font-size:13px}.discovery-list strong{font-size:15px}.discovery-list .found{background:#e9f3ef;border:1px solid #c6ddd5}.toast{z-index:2000}
.focus-view{padding:0}.focus-view .storybook{position:fixed;inset:0;z-index:999;max-width:none;overflow:auto;border-radius:0;padding-bottom:16px}.focus-view .brand,.focus-view .back,.focus-view .title-row,.focus-view .picture-shelf,.focus-view footer{display:none}.focus-view .atelier{grid-template-columns:minmax(0,1fr) 300px;max-width:1300px;margin-inline:auto;padding:0 22px}.focus-view .paper-wrap{max-width:min(760px,100%)}.focus-view .studio-bar,.focus-view .mission-panel{max-width:1256px;margin-inline:auto}.focus-view .masthead{padding:12px 22px}.focus-view .header-actions{margin-left:auto}
.calm *,.motion-paused *{animation:none!important;transition:none!important}.calm .colour-puff{display:none}
@keyframes cat-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.018)}}
@keyframes cat-pet{0%,100%{transform:rotate(0)}30%{transform:rotate(-7deg) translateY(-4px)}65%{transform:rotate(5deg)}}
@keyframes cat-peek{0%,100%{transform:scale(1)}35%{transform:translateY(18px) scale(.88) rotate(12deg);opacity:.35}65%{transform:translateY(-8px) scale(1.06);opacity:1}}
@keyframes colour-puff{0%{transform:scale(.2);opacity:0}25%{transform:scale(1.2);opacity:.9}100%{transform:translateY(-48px) scale(.7);opacity:0}}
@media(max-width:1050px){.studio-bar{margin-inline:22px;align-items:flex-start}.studio-actions .button{padding-inline:12px}.companion.amor{width:126px}.companion.ellie{width:82px}.companions{min-height:134px}.atelier{grid-template-columns:minmax(0,1fr) 268px}.palette{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.mission-panel{margin-inline:22px}.view-button{padding-inline:9px}}
@media(max-width:720px){.studio-bar{margin:0 16px 14px;display:block;padding-top:4px}.studio-name{flex-direction:row;justify-content:space-between;flex-wrap:wrap;gap:6px;margin-bottom:12px}.studio-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.studio-actions #free-paint{grid-column:1/-1}.studio-actions .button{font-size:12px;padding:10px 8px;gap:6px}.studio-actions svg{width:20px;height:20px}.atelier,.focus-view .atelier{display:grid;grid-template-columns:minmax(0,1fr);padding:0;margin:0 16px 20px}.paper-wrap{border-width:5px;max-width:560px}.view-tools{gap:5px;justify-content:space-between}.view-button{padding:8px;font-size:12px;flex:1 1 40%}.view-tools>span{display:none}.mission-panel{margin:0 16px 16px;display:block;padding:16px}.mission-panel .button{margin-top:12px;width:100%}.palette{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.companion-corner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0 12px}.companions{grid-row:1/3;min-height:134px;gap:0}.companion.amor{width:126px}.companion.ellie{width:78px;min-width:60px}.companion-corner p{min-height:0;text-align:left;font-size:13px}.idea-button{font-size:12px;padding:8px 0;margin-left:0}.comfort-controls{grid-column:1/-1;flex-direction:row;margin-top:10px}.comfort-controls button{flex:1;padding:10px 8px}.theme-filter{display:block}.theme-filter select{width:100%;margin-top:7px}.mission-list{grid-template-columns:1fr}.mission-choice{min-height:130px}.gallery-filters button{padding-inline:12px}.focus-view .studio-bar{margin-inline:16px;padding-top:10px}.focus-view .mission-panel{margin-inline:16px}.brush-options{flex-wrap:wrap}.paper-bottom #save-status{font-size:12px}}
@media(max-width:360px){.atelier,.focus-view .atelier{margin-inline:10px}.studio-bar{margin-inline:12px}.palette{grid-template-columns:repeat(5,minmax(0,1fr))}.companion-corner{display:block}.companions{min-height:145px}.companion-corner p{text-align:center;min-height:46px}.idea-button{margin:auto}.comfort-controls{flex-direction:column}.gallery-filters{gap:6px}.gallery-filters button{font-size:12px}.mission-levels button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.colour-puff{display:none}}
@media print{.studio-bar,.mission-panel,.view-tools,.paint-effects{display:none!important}.paper-wrap{overflow:visible;border:0}#paper{width:100%!important}.focus-view .storybook{position:static}.focus-view .atelier{display:block;padding:0;margin:0}.focus-view .paint-box{display:none}}

.companion .amor-blink{position:absolute;inset:0;width:100%;height:100%;animation:cat-blink 6.8s step-end infinite}.companion .amor-open{animation:cat-open 6.8s step-end infinite}.companion.amor{animation:cat-breathe 4.5s ease-in-out infinite}.companion.amor.pet{animation:cat-pet .8s ease-out}@keyframes cat-blink{0%,96%,99%,100%{opacity:0}97%,98%{opacity:1}}@keyframes cat-open{0%,96%,99%,100%{opacity:1}97%,98%{opacity:0}}.calm .amor-blink,.motion-paused .amor-blink{display:none}@media(prefers-reduced-motion:reduce){.amor-blink{display:none}}

.focus-view .storybook{position:relative;inset:auto;overflow:visible}.focus-view .storybook:fullscreen{overflow:auto;max-height:100dvh}.focus-view .atelier{margin-inline:auto}.focus-view .paper-wrap{max-width:min(900px,100%)}

/* Current public surface uses the established soft depth. */
.button.primary{box-shadow:0 3px 10px #6c244529}.tool.active{box-shadow:0 3px 10px #56355918}