/* Selected mockup 02: a bright botanical gallery, with a companion night garden. */
body{background:#f6faf2}
body::before{background-color:#f6faf2;background-image:linear-gradient(90deg,#f8fcf300,#fcfff98c 19%,#fcfff9aa 81%,#f8fcf300),url('design/botanical-border-v650.png');background-position:center;background-size:100% 100%,cover;background-repeat:no-repeat;background-blend-mode:normal}
body:not(.painting) .shell{max-width:1420px;width:calc(100% - 88px)}
#gallery main{background:linear-gradient(90deg,#fcfff9e6,#fcfff9f5 12%,#fcfff9f5 88%,#fcfff9e6);border-radius:25px;padding:32px}
#gallery .cards{padding-inline:0}
#gallery .filters{margin-inline:0;padding-inline:0}
#gallery .atelier-masthead{background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;padding:0;margin:12px 0 26px;gap:12px;position:relative}
.header-main{display:flex;flex-direction:column;gap:0;width:100%}
/* Kerstin rests her forearm on the navigation; the tagline sits beside her. */
#gallery .atelier-masthead .brand-dreamworlds{position:relative;z-index:2;width:calc(100% - 310px);max-width:1000px;margin:0 auto -6px 12px}
#gallery .atelier-masthead .brand-dreamworlds img{width:100%;max-width:none;max-height:none;aspect-ratio:3/1;object-fit:contain;filter:drop-shadow(0 4px 5px #345e2c12)}
#gallery .atelier-masthead .brand-dreamworlds small{position:absolute;left:38%;right:2%;bottom:7%;font-size:13px;line-height:1.4;margin:0;color:#315c49}
.header-hub{display:contents}
.header-greeting{position:static;max-width:none;display:block}
.header-greeting>span{display:none}
#gallery .atelier-masthead .top-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px}
#gallery .atelier-masthead .top-actions button{font-size:12px;padding:9px 13px;border-radius:14px;min-height:40px}
#gallery .atelier-masthead .main-navigation{width:100%;align-items:stretch;gap:3px;background:linear-gradient(110deg,#deecd4ed,#c9dfc1ef,#e3efdaef);border:1px solid #ffffffdb;border-radius:24px;padding:7px 14px;box-shadow:0 7px 18px #325b3f1b,inset 0 1px #fff}
#gallery .atelier-masthead .main-navigation .nav{width:100%;flex-direction:row;gap:14px;min-height:64px;transform:none!important;background:none;border:0;border-radius:17px;box-shadow:none;font-size:20px;white-space:nowrap;padding:8px 14px}
#gallery .atelier-masthead .main-navigation .nav+.nav::after{content:'';position:absolute;width:1px;height:28px;background:#8caa8661;left:-2px;top:calc(50% - 14px)}
#gallery .atelier-masthead .main-navigation .nav.active{background:#fffdf7b3;box-shadow:0 4px 9px #466c3f12,inset 0 -3px #43846442;color:#194d3a}
#gallery .atelier-masthead .main-navigation .nav:hover{background:#fffdf7b3;box-shadow:0 5px 12px #466c3f1a}
#gallery .atelier-masthead .main-navigation .nav-art{width:44px;min-width:44px;height:44px;background-size:200% 200%}
#gallery .atelier-masthead .main-navigation .nav small{position:static;border:0;background:none;border-radius:0;min-width:0;padding:0;font-size:11px;white-space:nowrap;color:#466451}
#gallery .atelier-masthead .main-navigation .nav-label{gap:3px}
#gallery .atelier-masthead .site-toolbar{border:0;padding:0;display:block}
#gallery .atelier-masthead .studio-links{max-width:1160px;margin:0 auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#gallery .atelier-masthead .nav-secondary{min-height:53px;border:1px solid #b5ccb4;border-bottom-width:1px;border-radius:30px;background:#fcfff9eb;box-shadow:0 5px 12px #426d3920;padding:10px 16px;justify-content:center;gap:10px}
#gallery .atelier-masthead .nav-secondary b{font-size:17px;color:#284d38}
#gallery .atelier-masthead .nav-secondary small{display:none}
#gallery .atelier-masthead .studio-icon{font:26px/1.2 system-ui;width:auto;min-width:28px}
#gallery .atelier-masthead .little-tools{gap:6px;flex-wrap:wrap;justify-content:flex-end}
#gallery .atelier-masthead .little-tools .plain{min-height:36px;border-radius:50px;background:#fcfff9ef;border-color:#a6bca3;font-size:12px;color:#284d38}
.daily-showcase[hidden]{display:none!important}
.daily-heading{margin:0 0 18px;gap:15px;padding:14px 0;border-radius:20px;background:linear-gradient(90deg,#fbfff8f2,#fbfff8cc 75%,#fbfff800)}
.daily-heading h1{font-size:clamp(28px,3.2vw,44px);color:#214e35;letter-spacing:-.02em}
.daily-heading h1 em{display:none}
.daily-heading p{font-size:17px;color:#3d6147;margin-top:7px}
.daily-heading .eyebrow{color:#60755b;font-size:10px;letter-spacing:.1em}
.daily-ribbon{display:none}
.daily-gifts{gap:22px;padding:0}
.daily-gift{padding:16px 16px 18px;border:1px solid #b9cfae;border-radius:17px 22px 15px 23px;background:#ffffffed;box-shadow:0 10px 23px #3b673b24,inset 0 1px #fff;overflow:hidden}
.daily-gift::after{content:'';right:-6px;top:-10px;bottom:auto;width:68px;height:92px;background:url('design/botanical-border-v650.png') right top/390px auto no-repeat;opacity:.78;z-index:0;transform:rotate(9deg)}
.gift-heading,.gift-art,.gift-copy{position:relative;z-index:1}
.gift-heading{justify-content:flex-start;gap:8px;padding-right:35px}
.gift-bonus{background:#fff0bf;border-radius:20px;padding:5px 9px;color:#74531d;font-size:11px;white-space:nowrap}
.gift-heading .motif-level-badge{font-size:13px;padding:6px 12px;border-radius:24px;background:#d9e9cc;color:#36523a}
.gift-heading .level-classic{background:#dceafa;color:#32527c}
.gift-heading .level-detail{background:#ffe0d5;color:#8c4a39}
.gift-art{height:clamp(220px,23vw,310px);background:#fffefa;border-radius:9px}
.gift-copy h2{font-size:21px;color:#274f3b;min-height:1.3em}
.gift-copy p{color:#5b705c}
#gallery .gift-copy .primary,#gallery .card-start,#gallery .reward-road .primary{background:linear-gradient(#397652,#175537);border-color:#1d603e;color:#fffdf2;box-shadow:inset 0 1px #d5f5db70,0 4px 10px #204d3326}
#gallery .gift-copy .primary:hover,#gallery .card-start:hover{background:linear-gradient(#498562,#246641)}
#gallery .section-title h2{color:#285039}
#gallery .collectible:not([data-frame]){background:#ffffffed;border-color:#bdd1b3;border-radius:18px;box-shadow:0 8px 22px #3b673b26}
#gallery .collectible:not([data-frame]) .card-meta h3{color:#284f3d}
#gallery .chip{background:#fdfff9ed;border-color:#a9bfa3;color:#395944}
#gallery .chip.active{background:#42734c;border-color:#42734c;color:white}
#gallery .daily-motifs-note{background:#eff7e9ed;border-color:#c4d6b9;color:#3e6439}
#gallery .motif-level-filter button{background:#fdfff9ed;border-color:#bdcfb2;box-shadow:0 5px 12px #3b673b14}
#gallery .motif-level-filter button[aria-pressed=true]{background:#e6f0de;border-color:#69925d}
/* A night version of the same garden, with clear contrast and no logo plaque. */
body.dark::before{background-color:#171b28;background-image:linear-gradient(90deg,#19182cc9,#1c2034ef 20%,#1b2033f0 80%,#19182cc9),url('design/botanical-border-v650.png');background-size:100% 100%,cover;background-position:center;background-repeat:no-repeat}
body.dark #gallery main{background:linear-gradient(90deg,#1b2033d9,#1b2033ed 12%,#1b2033ed 88%,#1b2033d9)}
body.dark #gallery .atelier-masthead{background:none;border:0;box-shadow:none}
body.dark #gallery .atelier-masthead .main-navigation{background:linear-gradient(115deg,#2f4b4cdd,#344952ed,#364d46ed);border-color:#93c6b460;box-shadow:0 8px 22px #080f1977,inset 0 1px #caefcf1c}
body.dark #gallery .atelier-masthead .main-navigation .nav{background:none;border:0;color:#edf6e9;box-shadow:none}
body.dark #gallery .atelier-masthead .main-navigation .nav.active,body.dark #gallery .atelier-masthead .main-navigation .nav:hover{background:#b8e3ce22;box-shadow:inset 0 -3px #9ddebb80;color:#f0fff5}
body.dark #gallery .atelier-masthead .main-navigation .nav small{color:#c9dfcd}
body.dark #gallery .atelier-masthead .main-navigation .nav+.nav::after{background:#b5d7bb3b}
body.dark #gallery .atelier-masthead .nav-secondary{background:#2c3548ed;border-color:#8ea79970;box-shadow:0 5px 14px #03091544}
body.dark #gallery .atelier-masthead .nav-secondary b{color:#e7f2e7}
body.dark #gallery .atelier-masthead .nav-secondary:hover{background:#3c4961}
body.dark #gallery .atelier-masthead .little-tools .plain{background:#2c3548ed;border-color:#92b8ab80;color:#e0f4e4}
body.dark .daily-heading h1,body.dark #gallery .section-title h2{color:#eff7e8}
body.dark .daily-heading p{color:#d0e1d3}
body.dark .daily-heading .eyebrow{color:#b8cdb9}
body.dark .daily-heading{background:linear-gradient(90deg,#1b2033ee,#1b2033c9 75%,#1b203300)}
body.dark .daily-gift{background:linear-gradient(135deg,#2d364b,#262b40);border-color:#91b29d70;box-shadow:0 10px 26px #060b1d88,inset 0 1px #f1fdeb16}
body.dark .daily-gift::after{opacity:.58}
body.dark .gift-heading .level-easy{background:#3c654d;color:#e7f9dc}
body.dark .gift-heading .level-classic{background:#3a5778;color:#e5f2ff}
body.dark .gift-heading .level-detail{background:#6f4d62;color:#ffe9eb}
body.dark .gift-bonus{background:#665333;color:#ffe7a5}
body.dark .gift-copy h2{color:#eef5e4}
body.dark .gift-copy p{color:#c7d8c8}
body.dark #gallery .gift-copy .primary,body.dark #gallery .card-start,body.dark #gallery .reward-road .primary{background:linear-gradient(#a5d7ba,#79bd99);color:#143728;border-color:#a3d9b8;box-shadow:inset 0 1px #ebffe9,0 4px 12px #020e1644}
body.dark #gallery .gift-copy .primary:hover,body.dark #gallery .card-start:hover{background:linear-gradient(#beeacb,#97d2ad)}
body.dark #gallery .collectible:not([data-frame]){background:#293348;border-color:#8aa58d88;box-shadow:0 8px 22px #090e1f80}
body.dark #gallery .collectible:not([data-frame]) .card-meta h3{color:#ebf4e7}
body.dark #gallery .chip{background:#303f4a;border-color:#82a08a;color:#deeddf}
body.dark #gallery .chip.active{background:#a2d6b6;border-color:#c4e8cb;color:#1c3b2a}
body.dark #gallery .motif-level-filter button{background:#303b4c;border-color:#819e88;color:#edf3e7;box-shadow:0 5px 12px #0002}
body.dark #gallery .motif-level-filter button[aria-pressed=true]{background:#405a52;border-color:#b0d8b3}
body.dark #gallery .daily-motifs-note{background:#2d433e;border-color:#809d7d;color:#d4e9c8}
@media(max-width:1100px){#gallery .atelier-masthead .brand-dreamworlds{width:350px;max-width:45%}.header-greeting{max-width:215px}#gallery .atelier-masthead .nav-secondary{padding:10px 12px}#gallery .atelier-masthead .nav-secondary b{font-size:15px}.gift-heading{gap:5px}.gift-bonus{font-size:10px;padding:5px 7px}.gift-heading .motif-level-badge{font-size:11px;padding:6px 9px}.gift-copy h2{font-size:19px}}
@media(max-width:850px){body:not(.painting) .shell{width:calc(100% - 38px)}#gallery .atelier-masthead .brand-dreamworlds{width:340px;max-width:65%}.header-greeting{position:static;max-width:none;order:1}#gallery .atelier-masthead .top-actions{justify-content:center}#gallery .atelier-masthead .main-navigation{order:2;padding:5px 7px;border-radius:20px}#gallery .atelier-masthead .main-navigation .nav{font-size:16px;gap:8px;min-height:62px;padding:7px}#gallery .atelier-masthead .main-navigation .nav-art{width:34px;height:34px;min-width:34px}#gallery .atelier-masthead .studio-links{gap:8px}#gallery .atelier-masthead .nav-secondary{padding:9px 8px;gap:7px}#gallery .atelier-masthead .nav-secondary b{font-size:13px}#gallery .atelier-masthead .studio-icon{font-size:22px;min-width:24px}#gallery .atelier-masthead .little-tools{position:static;justify-content:center;margin:12px auto 0}.daily-heading{margin:0 5px 15px}.daily-heading p{font-size:14px}.daily-gifts{gap:12px;padding:0}.daily-gift{padding:11px}.gift-heading{flex-wrap:wrap;padding-right:12px;min-height:48px;align-content:flex-start;align-items:flex-start}.gift-art{height:200px}.gift-copy h2{min-height:2.6em;font-size:18px}}
@media(max-width:590px){body:not(.painting) .shell{width:calc(100% - 24px)}#gallery .atelier-masthead .brand-dreamworlds{max-width:90%;width:310px}#gallery .atelier-masthead .brand-dreamworlds img{max-height:148px}#gallery .atelier-masthead .main-navigation{grid-template-columns:repeat(4,minmax(0,1fr))}#gallery .atelier-masthead .main-navigation .nav{flex-direction:column;font-size:12px;gap:3px;white-space:normal;min-height:75px;padding:6px 2px}#gallery .atelier-masthead .main-navigation .nav small{font-size:8px;white-space:normal;text-align:center}#gallery .atelier-masthead .main-navigation .nav-label{align-items:center}#gallery .atelier-masthead .main-navigation .nav-art{width:30px;height:30px;min-width:30px}#gallery .atelier-masthead .studio-links{grid-template-columns:repeat(2,minmax(0,1fr))}#gallery .atelier-masthead .nav-secondary{min-height:44px}.daily-heading h1{font-size:29px;line-height:1.18}.daily-heading p{font-size:14px;line-height:1.5}.daily-gifts{gap:16px}.daily-gift{padding:13px 13px 16px}.gift-heading{min-height:0;flex-wrap:nowrap;align-items:center;padding-right:20px}.gift-heading .motif-level-badge{font-size:12px}.gift-bonus{font-size:11px}.gift-art{height:270px}.gift-copy h2{min-height:0;font-size:21px}.gift-copy p{min-height:0}.daily-gift::after{height:78px}}
.night-sky{position:fixed;inset:0;z-index:-1;pointer-events:none;display:none}
body.dark .night-sky{display:block}
.night-sky::before{content:'';position:absolute;top:40px;left:18%;width:53px;height:53px;border-radius:50%;background:#ffecc5;box-shadow:inset -14px -7px 0 2px #1c2034,0 0 28px #ffdc9e22;transform:rotate(-15deg)}
.night-sky i{position:absolute;font-style:normal;color:#fff2c6;font-size:12px;opacity:.7;animation:garden-star 5s ease-in-out infinite alternate;animation-delay:var(--delay)}
@keyframes garden-star{from{opacity:.35}to{opacity:.85}}
@media(prefers-reduced-motion:reduce){.night-sky i{animation:none}}
@media(max-width:590px){.night-sky::before{top:55px;left:7%;width:36px;height:36px;box-shadow:inset -10px -5px 0 2px #1c2034,0 0 20px #ffdc9e22}}
/* Keep the same generous content gutter and leaning pose at smaller sizes. */
@media(max-width:1100px){#gallery .atelier-masthead .brand-dreamworlds{width:calc(100% - 300px);max-width:none}}
@media(max-width:850px){#gallery main{padding:24px}#gallery .atelier-masthead .brand-dreamworlds{width:100%;max-width:100%;margin:8px auto -5px}.header-greeting{order:-1}#gallery .atelier-masthead .little-tools{max-width:none;justify-content:center}#gallery .daily-heading{margin-inline:0}}
@media(max-width:590px){#gallery main{padding:22px 16px;border-radius:20px}#gallery .atelier-masthead .brand-dreamworlds{width:100%;max-width:100%;margin:7px auto -3px}#gallery .atelier-masthead .brand-dreamworlds img{max-height:none}#gallery .atelier-masthead .brand-dreamworlds small{font-size:9px;bottom:3%;left:35%;right:0;line-height:1.2;white-space:nowrap}}
/* A square wooden surround reaches the viewport; the canvas stays inside its lip. */
.pixel-studio{--wood-rim:14px;--wood-tone:linear-gradient(125deg,#9b704b,#e1bc8b 22%,#c39764 48%,#eed1a2 75%,#a77d52);background:#f8f6ed!important}
.pixel-studio::before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;padding:var(--wood-rim);background:repeating-linear-gradient(1deg,#754d2920 0 1px,transparent 1px 7px),repeating-linear-gradient(178deg,transparent 0 7px,#f9d99c22 8px 9px,transparent 10px 23px),var(--wood-tone);box-shadow:inset 0 0 0 1px #67492f,inset 0 0 0 3px #f1d5a4,inset 0 0 0 4px #986b40;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.pixel-studio .canvas-wrap{inset:max(var(--wood-rim),env(safe-area-inset-top)) max(var(--wood-rim),env(safe-area-inset-right)) calc(var(--palette-height) + max(var(--wood-rim),env(safe-area-inset-bottom))) max(var(--wood-rim),env(safe-area-inset-left))!important;border-radius:0!important;box-shadow:0 0 0 2px #593c28,0 0 0 4px #f5dca8,inset 0 2px 9px #48332320!important}
.pixel-studio #board{border-radius:0!important}
body.dark .pixel-studio{--wood-tone:linear-gradient(105deg,#614432,#af885d 24%,#77543a 56%,#b18a61 82%,#563e2e);background:#292b32!important}
body.dark .pixel-studio .canvas-wrap{box-shadow:0 0 0 2px #392a22,0 0 0 4px #bd9972,inset 0 2px 9px #0003!important}
@media(max-width:590px){.pixel-studio{--wood-rim:11px}}
.pixel-studio[data-palette-docked=true] #color-tray{left:max(var(--wood-rim),env(safe-area-inset-left))!important;right:max(var(--wood-rim),env(safe-area-inset-right))!important;bottom:max(var(--wood-rim),env(safe-area-inset-bottom))!important;top:auto!important;width:auto!important;max-width:none!important;transform:none!important;border:0!important;border-radius:0!important;padding-bottom:0!important;box-shadow:0 -1px 0 #a27b50aa!important}
/* One calm glass panel for the personal menu, lowered toward the navigation. */
#gallery .atelier-masthead .header-controls{position:absolute;right:4px;bottom:159px;width:280px;display:grid;gap:10px;padding:13px;border:1px solid #ffffffdf;border-radius:22px;background:linear-gradient(135deg,#ffffffe0,#ecf6eebd);-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%);box-shadow:0 12px 28px -10px #33594647,inset 0 1px 1px #fff;color:#315947}
#gallery .atelier-masthead .header-controls .header-greeting{position:static;max-width:none;margin:0;display:block}
#gallery .atelier-masthead .header-controls .top-actions{position:static;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;width:100%;min-width:0;margin:0}
#gallery .atelier-masthead .header-controls .top-actions :is(button,a){min-width:0;max-width:none;width:100%;min-height:36px;padding:7px 8px;border-radius:11px;font-size:12px;line-height:1.3;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;order:0}
#gallery .atelier-masthead .header-controls #admin-open{grid-column:1/-1;order:-1;min-height:29px;padding:5px 10px;font-size:11px;background:#ffffff80;border-color:#a4bda26b;box-shadow:none}
#gallery .atelier-masthead .header-controls .artist-account::after{font-size:9px}
#gallery .atelier-masthead .header-controls .little-tools{position:static;display:grid;grid-template-columns:32px 32px minmax(0,1fr) 32px;gap:5px;max-width:none;width:100%;margin:0;padding-top:10px;border-top:1px solid #a7bda34f}
#gallery .atelier-masthead .header-controls .little-tools .plain{min-width:0;min-height:34px;padding:5px 0;font-size:12px;line-height:1.2;border-radius:10px;border-color:#a4bda26b;background:#ffffff6b;box-shadow:none}
#gallery .atelier-masthead .header-controls #help{display:flex;align-items:center;justify-content:center;gap:5px;padding:5px 6px;font-size:11px;white-space:nowrap}
#gallery .atelier-masthead .header-controls #help span{flex:none;width:17px;height:17px;margin:0;font-size:11px;line-height:15px}
body.dark #gallery .atelier-masthead .header-controls{background:linear-gradient(135deg,#344356df,#253345cb);border-color:#bddfce61;box-shadow:0 12px 28px -10px #020a1a99,inset 0 1px 1px #d7fce72b;color:#e5f4e8}
body.dark #gallery .atelier-masthead .header-controls #admin-open,body.dark #gallery .atelier-masthead .header-controls .little-tools .plain{background:#52667a66;border-color:#bad9c84a;color:#e5f4e8}
body.dark #gallery .atelier-masthead .header-controls .little-tools{border-color:#bddfce38}
@media(max-width:1100px){#gallery .atelier-masthead .header-controls{position:static;width:min(100%,520px);margin:0 auto;padding:12px 14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px}#gallery .atelier-masthead .header-controls .little-tools{padding:0;border:0}#gallery .atelier-masthead .header-controls #admin-open{min-height:26px}}
@media(max-width:590px){#gallery .atelier-masthead .header-controls{grid-template-columns:1fr;width:100%;gap:9px;padding:11px 13px;border-radius:18px}#gallery .atelier-masthead .header-controls .top-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#gallery .atelier-masthead .header-controls .little-tools{padding-top:9px;border-top:1px solid #a7bda34f;grid-template-columns:36px 36px minmax(0,1fr) 36px}#gallery .atelier-masthead .header-controls .little-tools .plain{min-height:36px}#gallery .atelier-masthead .header-controls #help{font-size:12px}}

@media(min-width:851px) and (max-width:1100px){#gallery .atelier-masthead .brand-dreamworlds{width:100%;max-width:780px;margin:0 auto -6px}}

/* An always visible account box, separate from the four game destinations. */
#gallery .atelier-masthead .header-main{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:0 24px;align-items:center}
#gallery .atelier-masthead .brand-dreamworlds{width:100%;max-width:800px;margin:0 auto -6px}
#gallery .atelier-masthead .header-controls{position:static;width:100%;max-width:none;margin:8px 0 18px;padding:14px;grid-template-columns:1fr;gap:10px}
#gallery .atelier-masthead .header-controls .little-tools{padding-top:10px;border-top:1px solid #a7bda34f}
#gallery .atelier-masthead .main-navigation{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}
#gallery main{border:1px solid #c5d7bd99;box-shadow:0 18px 44px -16px #304d3d52,0 3px 12px #304d3d14}
body.dark #gallery main{border-color:#a1c3b03d;box-shadow:0 20px 46px -12px #050b1ac9,0 3px 14px #050b1a66}

/* Preserve the flowers' proportions; small screens see quiet corner details. */
@media(max-width:850px){
 body::before{--garden-width:clamp(680px,120vw,1020px);background-image:linear-gradient(90deg,#f6faf240,#f6faf2e8 22%,#f6faf2f5 50%,#f6faf2e8 78%,#f6faf240),url('design/botanical-border-v650.png'),url('design/botanical-border-v650.png');background-size:100% 100%,var(--garden-width) auto,var(--garden-width) auto;background-position:center,left -80px top -25px,right -80px bottom -25px}
 body.dark::before{background-image:linear-gradient(90deg,#171b28a6,#1b2033ed 22%,#1b2033f5 50%,#1b2033ed 78%,#171b28a6),url('design/botanical-border-v650.png'),url('design/botanical-border-v650.png');background-size:100% 100%,var(--garden-width) auto,var(--garden-width) auto;background-position:center,left -80px top -25px,right -80px bottom -25px}
 #gallery .atelier-masthead .header-main{grid-template-columns:1fr;gap:12px}
 #gallery .atelier-masthead .brand-dreamworlds{width:min(100%,480px);max-width:none;margin:4px auto 0}
 #gallery .atelier-masthead .brand-dreamworlds small{position:static;display:block;white-space:normal;font-size:11px;line-height:1.4;margin:5px 0 0;text-align:center}
 #gallery .atelier-masthead .header-controls{width:min(100%,420px);justify-self:center;margin:0;padding:12px 14px}
 #gallery .daily-heading{justify-content:center;text-align:center;background:none;padding:8px 0}
 #gallery .daily-heading>div{width:100%;max-width:620px}
 #gallery .daily-heading h1{font-size:28px;line-height:1.25;text-wrap:balance}
 #gallery .daily-heading p{margin:8px auto 0;max-width:540px}
 #gallery .section-title{flex-direction:column;align-items:center;text-align:center;gap:16px}
 #gallery .section-title h2{font-size:28px;line-height:1.25;text-wrap:balance}
 #gallery .section-title .search{width:100%;max-width:400px;margin:0 auto}
}
@media(max-width:590px){
 #gallery .atelier-masthead{margin-top:8px;gap:12px;margin-bottom:20px}
 #gallery .atelier-masthead .brand-dreamworlds{width:min(100%,280px);margin:4px auto 0}
 #gallery .atelier-masthead .brand-dreamworlds small{font-size:10px;line-height:1.4}
 #gallery .atelier-masthead .main-navigation .nav{min-height:72px;font-size:13px}
 #gallery .daily-heading h1,#gallery .section-title h2{font-size:clamp(22px,6vw,26px)}
 #gallery .daily-heading .eyebrow{font-size:9px;letter-spacing:.08em}
 #gallery .daily-heading p{font-size:14px;line-height:1.55}
 #gallery main{padding:20px 14px}
}

/* A clear, central waiting state instead of a small inline spinning wheel. */
.workshop-wait{text-align:center;padding:24px 22px;border:1px solid #b5d4c6;border-radius:22px;background:linear-gradient(145deg,#eff9f1,#fbfff9);box-shadow:0 12px 28px -12px #204b3c40;margin:22px 0}
.workshop-spinner{display:grid;place-items:center;position:relative;width:76px;height:76px;margin:0 auto 20px;color:#427c63;font:32px Georgia}
.workshop-spinner::before{content:'';position:absolute;inset:0;border:6px solid #d9eadd;border-top-color:#438164;border-right-color:#7eb897;border-radius:50%;animation:workshop-spin 1.2s linear infinite}
.workshop-wait h3{font:700 24px/1.3 Georgia,serif;color:#24553c;margin:0 0 10px}
.workshop-wait p{font:15px/1.6 system-ui;color:#3e6451;margin:0 auto;max-width:430px}
.workshop-wait .workshop-elapsed{margin:15px 0;font-size:13px;font-variant-numeric:tabular-nums}
.workshop-elapsed b{font-size:20px;margin-right:4px;color:#24553c}
.workshop-stages{display:flex;list-style:none;gap:8px;padding:0;margin:16px 0;font:600 12px/1.4 system-ui;color:#768d7d}
.workshop-stages li{flex:1;padding:8px 5px;background:#e9f1e9;border-radius:10px}
.workshop-stages li[aria-current=step]{color:#24553c;background:#d0e9d6;box-shadow:inset 0 -3px #6a9f80}
.workshop-wait>small{display:block;font:13px/1.6 system-ui;color:#597260;max-width:440px;margin:auto}
#ai-dialog[data-generating=true]>p,#ai-dialog[data-generating=true]>.eyebrow,#ai-dialog[data-generating=true]>h2{display:none}
body.dark .workshop-wait{background:linear-gradient(145deg,#2c443f,#263444);border-color:#769e8e}
body.dark .workshop-wait :is(h3,p,b,small){color:#e0f1e4}
body.dark .workshop-stages li{background:#324e49;color:#a7c6b5}
body.dark .workshop-stages li[aria-current=step]{background:#456d59;color:#f1fff1}
body.dark .workshop-spinner{color:#b6e6c9}
@keyframes workshop-spin{to{transform:rotate(360deg)}}
@media(max-width:590px){.workshop-wait{padding:22px 14px}.workshop-wait h3{font-size:22px}.workshop-stages{font-size:11px;gap:5px}}
@media(prefers-reduced-motion:reduce){.workshop-spinner::before{animation:none;border-style:dashed}}

/* A generous wooden resting edge keeps painting and controls away from tablet edges. */
.player.pixel-studio{--wood-rim:22px;--wood-top-rim:22px;overscroll-behavior:none}
.pixel-studio::before{padding:max(var(--wood-top-rim),env(safe-area-inset-top)) var(--wood-rim) var(--wood-rim)}
.pixel-studio .canvas-wrap{top:max(var(--wood-top-rim),env(safe-area-inset-top))!important}
.pixel-studio>.peek-back,.pixel-studio>.peek-tools{top:max(8px,env(safe-area-inset-top))!important}
.pixel-studio>.peek-back{left:max(18px,env(safe-area-inset-left))!important}
.pixel-studio>.peek-tools{right:max(18px,env(safe-area-inset-right))!important}
.paint-edge-guard{position:absolute;z-index:5;touch-action:none;overscroll-behavior:none;user-select:none;-webkit-user-select:none}
.paint-edge-top{inset:0 0 auto;height:max(var(--wood-top-rim),env(safe-area-inset-top))}
.paint-edge-left{inset:0 auto 0 0;width:max(var(--wood-rim),env(safe-area-inset-left))}
.paint-edge-right{inset:0 0 0 auto;width:max(var(--wood-rim),env(safe-area-inset-right))}
.paint-edge-bottom{inset:auto 0 0;height:max(var(--wood-rim),env(safe-area-inset-bottom))}
@media(max-width:590px){.player.pixel-studio{--wood-rim:18px;--wood-top-rim:18px}}
@media(max-height:520px){.player.pixel-studio{--wood-rim:16px;--wood-top-rim:16px}}

.pixel-studio #color-tray>.floating-panel-head{height:44px;min-height:44px}
.pixel-studio #color-tray .peek-back,.pixel-studio #color-tray .peek-tools{flex-basis:38px;width:38px;height:40px;min-height:40px;font-size:25px}
.account-presence{font:750 13px/1.4 system-ui;margin:0;padding:0 2px;color:#28563e}
.header-controls[data-signed-in=false] .account-presence{color:#855728}
body.dark .account-presence{color:#d7f2e0}
body.dark .header-controls[data-signed-in=false] .account-presence{color:#ffe2a1}
.pixel-studio #color-tray{overflow:visible!important}
.pixel-studio .pixel-page-controls{height:40px;gap:10px;padding:3px 8px}
.pixel-studio .palette-brushes{position:relative;display:flex;flex-wrap:nowrap;gap:4px;margin:0;padding:0;border:0;min-width:0}
.pixel-studio .palette-brushes>button{display:flex;flex:0 0 auto;width:auto;align-items:center;justify-content:center;min-width:50px;min-height:36px;padding:5px 9px;border-radius:9px;font:650 11px/1 system-ui;background:#eef1e7;color:#496551;border:1px solid transparent}
.pixel-studio .palette-brushes>button>span{display:flex;align-items:center;gap:4px}
.pixel-studio .palette-brushes>button>span>i{width:min(var(--brush-dot),12px);height:min(var(--brush-dot),12px);background:currentColor;border-radius:50%}
.pixel-studio .palette-brushes>button>small,.pixel-studio .palette-brushes .brush-reward-note{display:none}
.pixel-studio .palette-brushes>button[aria-pressed=true]{background:#d4e8d5;border-color:#7ca17f;color:#254b33}
.pixel-studio .palette-brushes .brush-reward-tooltip{position:absolute;bottom:calc(100% + 10px);left:0;top:auto;width:min(330px,calc(100vw - 70px));padding:15px;background:#fffef7;border:1px solid #c4d5b8;color:#345240;box-shadow:0 8px 30px #203b3733;z-index:2000;font:13px/1.6 system-ui;border-radius:14px;pointer-events:none}
.magic-status{font:800 13px/1 system-ui;white-space:nowrap;color:#755019;background:#ffe6a1;border-radius:12px;padding:7px}
.magic-reward-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(360px,88%);padding:25px 22px 20px;border:3px solid #ffe6a5;border-radius:26px;text-align:center;background:radial-gradient(circle at top,#fff9d9,#ffedc2 48%,#b9e6dc);box-shadow:0 0 0 7px #fff9,0 18px 55px #263c4a66,0 0 70px #ffe6a577;color:#315747;z-index:40;pointer-events:none;animation:magic-prize 3.4s both}
.magic-reward-card .magic-reward-sun{display:block;font:56px/1.1 system-ui;filter:drop-shadow(0 4px 7px #b7804070)}
.magic-reward-card small{display:block;font:750 10px/1.5 system-ui;letter-spacing:.14em;margin:13px 0 8px}
.magic-reward-card strong{display:block;font:800 clamp(20px,5vw,29px)/1.2 Georgia,serif}
.magic-reward-card b{display:block;margin:9px 0;font:800 31px/1.2 system-ui;color:#8a5d18}
.magic-reward-card p{font:600 14px/1.5 system-ui}.magic-reward-card i{display:block;font:24px Georgia;color:#b48227;margin-top:10px}
@keyframes magic-prize{0%{opacity:0;transform:translate(-50%,-35%) scale(.6)}12%,72%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-75%) scale(.85)}}
.app-update-bar{position:fixed;inset:auto;top:38dvh;left:50%;transform:translate(-50%,-50%);z-index:100000;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:22px;width:min(760px,calc(100% - max(16px,env(safe-area-inset-left)) - max(16px,env(safe-area-inset-right))));max-height:calc(76dvh - max(24px,env(safe-area-inset-top)) - max(24px,env(safe-area-inset-bottom)));overflow:auto;padding:23px 25px;border:1px solid #d8b563;border-radius:22px;background:linear-gradient(125deg,#fff6dcf7,#ffe6aef7);color:#394b35;box-shadow:0 20px 65px -16px #253e4c80,0 5px 18px #69552f26,inset 0 1px #fff;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font:14px/1.55 system-ui;isolation:isolate}
.app-update-bar[hidden]{display:none}.app-update-bar>div{min-width:0}.app-update-bar strong,.app-update-bar span{display:block}.app-update-bar strong{font-size:20px;line-height:1.25;letter-spacing:-.015em}.app-update-bar span{margin-top:7px;color:#66704e}
.app-update-bar button{flex:none;min-height:48px;padding:12px 21px;border:1px solid #204e3d;border-radius:13px;background:linear-gradient(#337055,#24553f);color:#fffdf1;font:800 14px/1.4 system-ui;white-space:nowrap;box-shadow:0 5px 14px #28533a33;cursor:pointer}.app-update-bar button:hover{background:linear-gradient(#3d8364,#2b654c)}.app-update-bar button:focus-visible{outline:3px solid #278e96;outline-offset:4px}.app-update-bar button:disabled{opacity:.75;cursor:wait;white-space:normal}
body.dark .app-update-bar{background:linear-gradient(125deg,#3e3555f7,#282c44f7);border-color:#b8a0d6;color:#faf1dd;box-shadow:0 24px 70px -14px #030915d9,0 0 36px #bca5e029,inset 0 1px #efe1ff33}body.dark .app-update-bar span{color:#ded3e9}body.dark .app-update-bar button{background:linear-gradient(#aee2d0,#81c7b5);border-color:#b6e7d8;color:#163c36;box-shadow:0 5px 17px #0d19244d}body.dark .app-update-bar button:hover{background:linear-gradient(#c4f3e5,#99ddcc)}
.app-install-card{display:flex;align-items:center;gap:14px;padding:17px 20px;margin:0 0 22px;border:1px solid #bfd5b9;border-radius:20px;background:linear-gradient(110deg,#f8fff4f5,#e4f0e5f0);box-shadow:0 8px 22px -10px #31584040;color:#34543e;position:relative}
.install-symbol{font:34px Georgia;color:#9d7a27}.app-install-card strong{font:750 17px/1.4 Georgia,serif}.app-install-card p{font:13px/1.5 system-ui;margin-top:3px}.install-start{margin-left:auto;flex:none;min-height:42px;padding:10px 16px;background:#316b4c;color:#fffdf0;border-radius:12px;font-weight:700}.install-dismiss{width:32px;height:32px;flex:none;font:24px system-ui}
.install-guide ol{list-style:none;padding:0;margin:25px 0;display:grid;gap:13px}.install-guide li{display:flex;align-items:center;gap:14px;padding:15px;border-radius:15px;background:#edf4e8;color:#35543c}.install-guide li b{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#477e58;color:white}.install-guide li span{font:15px/1.5 system-ui}.install-guide>.primary{margin-top:20px}
body.dark .app-install-card{background:linear-gradient(110deg,#2d4742,#2c394b);border-color:#779a89;color:#edf7e6}body.dark .install-guide li{background:#354e47;color:#e7f5e6}
@media(max-width:590px){.pixel-studio .pixel-page-controls{gap:5px;padding-inline:4px}.pixel-studio .palette-brushes>button{padding:5px 6px;font-size:10px}.pixel-studio .palette-brushes>button>span{gap:3px}.app-update-bar{flex-direction:column;align-items:stretch;gap:15px;text-align:center;padding:21px 19px;border-radius:20px}.app-update-bar strong{font-size:18px}.app-update-bar span{font-size:13px}.app-update-bar button{width:100%}.app-install-card{flex-wrap:wrap;padding:14px 16px;gap:10px}.app-install-card>div{flex:1;min-width:0;padding-right:16px}.install-start{margin:0;width:100%}.install-dismiss{position:absolute;right:8px;top:8px}.app-install-card strong{font-size:16px}}
@media(max-height:420px){.app-update-bar{top:50dvh;gap:14px;padding:14px 18px}.app-update-bar strong{font-size:17px}.app-update-bar span{font-size:12px;margin-top:5px}.app-update-bar button{min-height:44px;padding:10px 15px}}
@media(prefers-reduced-motion:reduce){.magic-reward-card{animation:none;transition:none}}
.paint-render-retry{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9;padding:18px 24px;border-radius:14px;background:#fff9e9;color:#214c43;box-shadow:0 8px 32px #153c3438;font-weight:700}
.canvas-wrap[data-render-error="true"] .paint-render-retry{display:block}