/* Keep the original square artwork square, even in wide story layouts. */
.story-art{display:grid;place-items:center;padding:25px 30px 65px}
.story-product{position:static;inset:auto;width:100%;height:auto;aspect-ratio:1;max-width:480px}
.dialog-grid .product-art{height:auto;min-height:0;display:grid;align-items:center;padding:25px;aspect-ratio:auto}
.dialog-grid .catalog-window{height:auto;aspect-ratio:1;background-size:200% 200%}
.header-actions{display:flex;align-items:center;gap:18px}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:24px;background:transparent;padding:8px 12px;font-size:11px;white-space:nowrap;min-height:38px}
.theme-icon{font-size:17px;line-height:1}
:root{color-scheme:light}
:root[data-theme="dark"]{color-scheme:dark;--cream:#172019;--ink:#e8ecdf;--olive:#c2cfaa;--muted:#b6c0b0;--rust:#dfa781;--line:#43513f}
[data-theme="dark"] .preview-bar{background:#101810;color:#e8ecdf}
[data-theme="dark"] .brand svg{stroke:#cad4b7}
[data-theme="dark"] .button{background:#456344;border-color:#7e9270;color:#faf7f0}
[data-theme="dark"] .button:hover{background:#526f4f}
[data-theme="dark"] .filter.active{background:#c2cfaa;color:#172019;border-color:#c2cfaa}
[data-theme="dark"] .belief-strip,[data-theme="dark"] footer{background:#263326}
[data-theme="dark"] .story{background:#263326}
[data-theme="dark"] .story-copy>p:not(.eyebrow){color:#c5cebc}
[data-theme="dark"] .story-art,[data-theme="dark"] .product-art{background:#efe9de}
[data-theme="dark"] .handwritten{color:#263d32;background:#faf7f0e6;padding:2px 9px;border-radius:3px}
[data-theme="dark"] .art-label{background:#172019ed;color:#e8ecdf}
[data-theme="dark"] .round-seal{color:#263d32}
[data-theme="dark"] .favorite{background:#faf7f0ed;color:#354537}
[data-theme="dark"] .favorite.selected{color:#a34f4a}
[data-theme="dark"] .name-option.active{background:#34452e;border-color:#a7b791}
[data-theme="dark"] textarea{background:#202d20;color:#e8ecdf}
[data-theme="dark"] textarea::placeholder{color:#aebaa2}
[data-theme="dark"] .future{background:#2b412c;color:#faf7f0}
[data-theme="dark"] .light-button{background:transparent;color:#faf7f0}
[data-theme="dark"] .close-dialog{background:#203021ed;color:#f6f3e9}
[data-theme="dark"] #toast{background:#e1e8d4;color:#172019}
[data-theme="dark"] footer>div{border-color:var(--line)}
@media(max-width:1050px){.header-actions{gap:9px}.theme-toggle{padding:7px 9px}}
@media(max-width:760px){.theme-label{display:none}.theme-toggle{width:36px;min-height:36px;padding:5px}.header-actions{gap:7px}.story-art{padding:20px 25px 65px;min-height:0}.story-product{max-width:390px}.dialog-grid .product-art{height:auto;min-height:0;padding:20px}.dialog-grid .catalog-window{background-size:200% 200%}}