/* A playful masthead with clear navigation groups and transparent branding. */
#gallery .atelier-masthead{display:flex;flex-direction:column;gap:20px;margin:16px 0 28px;padding:24px 28px 20px;border:1px solid #fff9;border-radius:32px;background:linear-gradient(125deg,#fffdf4f5,#fff8e8ed 65%,#e7f4eff0);box-shadow:0 15px 42px -20px #80542666,inset 0 1px #fff;position:relative;isolation:isolate}
.header-main{display:grid;grid-template-columns:minmax(240px,340px) 1fr;gap:42px;align-items:center;min-width:0}
#gallery .atelier-masthead .brand-dreamworlds{width:100%;padding:0;background:none;border:0;box-shadow:none;border-radius:0;display:block;min-width:0}
#gallery .atelier-masthead .brand-dreamworlds img{display:block;width:100%;height:auto;max-height:166px;object-fit:contain;filter:drop-shadow(0 5px 5px #26453c15)}
#gallery .atelier-masthead .brand-dreamworlds .brand-night{display:none}
#gallery .atelier-masthead .brand-dreamworlds small{display:block;text-align:center;font-size:13px;font-weight:600;line-height:1.5;margin-top:4px}
.header-hub{min-width:0;display:grid;gap:16px}
.header-greeting{display:flex;align-items:center;justify-content:space-between;gap:16px}
.header-greeting>span{font:23px Caveat,cursive;color:#5b7569;white-space:nowrap}
.header-greeting i{color:#cc9340;font-size:18px;font-style:normal}
#gallery .atelier-masthead .top-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:8px;min-width:0;width:auto}
#gallery .atelier-masthead .top-actions button{min-width:0;min-height:42px;padding:9px 15px;border-radius:15px;font-size:13px;white-space:nowrap}
#gallery .atelier-masthead .main-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;flex:unset;width:100%}
#gallery .atelier-masthead .main-navigation .nav{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:76px;margin:0;padding:12px 10px;border:1px solid #e5d6ba;border-radius:20px;background:#fffdf7;color:#21494c;box-shadow:0 5px 10px #7058350c;transition:background .18s,border-color .18s,box-shadow .18s;font-size:17px;line-height:1.3}
#gallery .atelier-masthead .main-navigation .nav::before{display:none}
#gallery .atelier-masthead .main-navigation .nav.active{background:#d8f0e9;border-color:#6cb6a7;box-shadow:inset 0 -3px #60aa99,0 6px 14px #326e5c13}
#gallery .atelier-masthead .main-navigation .nav:hover{background:#edf5e9;border-color:#93b29b}
#gallery .atelier-masthead .main-navigation .nav-art{width:42px;height:46px;min-width:42px;margin:0;flex:none;background-size:400% 100%}
#gallery .atelier-masthead .main-navigation .nav-label{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
#gallery .atelier-masthead .main-navigation .nav small{font:11px/1.3 system-ui,sans-serif;white-space:normal;margin:0;color:#577068}
#gallery .atelier-masthead .site-toolbar{display:flex;align-items:center;gap:18px;margin:0;padding-top:18px;border-top:1px dashed #b9caba;width:100%}
#gallery .atelier-masthead .studio-links{flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#gallery .atelier-masthead .nav-secondary{min-height:65px;padding:12px 15px;border-radius:16px;border:1px solid #decbb4;border-bottom:3px solid var(--accent);box-shadow:0 4px 10px #7753310d;gap:11px}
#gallery .atelier-masthead .nav-secondary b{font-size:16px;line-height:1.3}
#gallery .atelier-masthead .nav-secondary small{font-size:11px;line-height:1.4;margin-top:4px}
#gallery .atelier-masthead .studio-icon{font-size:26px;width:28px;min-width:28px}
#gallery .atelier-masthead .little-tools{display:flex;gap:7px;flex:none;align-items:center}
#gallery .atelier-masthead .little-tools .plain{min-height:40px;border-radius:13px;box-shadow:0 4px 9px #6048260d}
#gallery .atelier-masthead #help{font-size:12px;padding:10px 12px}
.daily-showcase{display:block!important;margin:0 0 36px!important;padding:0!important;min-height:0!important}
.daily-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 6px 19px}
.daily-heading .eyebrow{font-size:11px;letter-spacing:.11em;color:#6b7265}
.daily-heading h1{font:700 clamp(25px,2.6vw,38px)/1.2 Georgia,serif;margin:7px 0 8px;color:#204c50}
.daily-heading h1 em{font:600 1.07em Caveat,cursive;color:#bb564c;white-space:nowrap}
.daily-heading p{font:14px/1.6 system-ui,sans-serif;color:#5c7068;margin:0;max-width:690px}
.daily-ribbon{flex:none;background:#f6d995;color:#75531e;border-radius:60% 42% 54% 36%;padding:14px 25px;text-align:center;transform:rotate(3deg);font:22px/1.05 Caveat,cursive;box-shadow:0 6px 18px #bf903422}
.daily-ribbon b{display:block;font:700 25px/1.4 Georgia,serif}
.daily-gifts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.daily-gift{min-width:0;padding:16px;border:1px solid #ddbf84;border-radius:24px;background:linear-gradient(140deg,#fffdf6,#fff7e2);box-shadow:0 12px 28px -16px #735b4480,inset 0 1px #fff;display:flex;flex-direction:column;position:relative;overflow:hidden}
.daily-gift::after{content:'✦';position:absolute;right:17px;bottom:85px;color:#bd9d5760;font-size:42px;pointer-events:none}
.gift-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;min-height:28px}
.gift-bonus{font:700 12px/1.3 system-ui,sans-serif;color:#825516}
.gift-art{padding:0;border:0;background:#fffcf2;border-radius:13px;overflow:hidden;height:clamp(190px,20vw,280px);display:flex;justify-content:center;cursor:pointer;flex:none}
.gift-art canvas{height:100%;width:auto;max-width:100%;aspect-ratio:1;object-fit:contain}
.gift-art:disabled{opacity:1;cursor:default}
.gift-waiting{margin:auto;display:grid;gap:18px;font-size:58px;color:#8abbb0;text-align:center}
.gift-waiting small{font:14px system-ui,sans-serif;color:#536f68}
.gift-copy{display:flex;flex-direction:column;flex:1;padding:15px 2px 2px}
.gift-copy h2{font:700 21px/1.25 Georgia,serif;color:#264c4e;margin:0 0 7px;min-height:1.3em}
.gift-copy p{font:12px/1.5 system-ui,sans-serif;color:#6f7565;margin:0 0 14px;min-height:1.5em}
.gift-copy .primary{width:100%;margin-top:auto;min-height:43px;font-size:15px}
.personal-filters{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 22px}
.personal-filters button{border:1px solid #a4bab0;background:#fffaf0;color:#315b55;border-radius:14px;padding:12px 20px;min-height:44px;font-weight:600;box-shadow:0 4px 9px #294e3810}
.personal-filters button[aria-pressed=true]{background:#28635b;color:white;border-color:#28635b}
/* The frame stays outside the gesture coordinate system. */
.pixel-studio .canvas-wrap{width:auto!important;height:auto!important;inset:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) calc(var(--palette-height) + 20px) max(20px,env(safe-area-inset-left))!important;border-radius:9px;box-shadow:0 0 0 2px #fffae3,0 0 0 5px #a87350,0 0 0 10px #e0ba83,0 0 0 12px #8e664f,0 9px 22px #45322a40!important}
.puzzle-board-space{border-radius:12px;box-shadow:inset 0 0 0 3px #fff2d5,inset 0 0 0 8px #bb9767,inset 0 0 0 11px #815f48,0 6px 20px #2d29212b}
.paint-sparkle{transform:scale(var(--star-scale,1))}
@media(max-width:1150px){.header-main{grid-template-columns:260px 1fr;gap:25px}.header-greeting>span{font-size:20px}#gallery .atelier-masthead .site-toolbar{flex-wrap:wrap}#gallery .atelier-masthead .little-tools{margin-left:auto}#gallery .atelier-masthead .studio-links{flex-basis:100%}.daily-heading p{font-size:13px}}
@media(max-width:850px){#gallery .atelier-masthead{padding:19px;gap:16px;border-radius:25px}.header-main{grid-template-columns:220px 1fr;gap:20px}.header-greeting{justify-content:flex-end}.header-greeting>span{display:none}#gallery .atelier-masthead .main-navigation{gap:8px}#gallery .atelier-masthead .main-navigation .nav{min-height:72px;flex-direction:column;gap:4px;font-size:14px;padding:9px 4px}#gallery .atelier-masthead .main-navigation .nav-art{width:32px;min-width:32px;height:32px}#gallery .atelier-masthead .main-navigation .nav-label{align-items:center;gap:2px}#gallery .atelier-masthead .main-navigation .nav small{font-size:9px}#gallery .atelier-masthead .nav-secondary{padding:11px 9px;gap:8px}#gallery .atelier-masthead .nav-secondary b{font-size:14px}#gallery .atelier-masthead .nav-secondary small{font-size:10px}.daily-gifts{gap:12px}.daily-gift{padding:11px;border-radius:19px}.gift-heading{flex-direction:column;align-items:flex-start;gap:6px}.gift-copy h2{font-size:18px;min-height:2.5em}.gift-copy p{min-height:3em}.gift-copy .primary{font-size:13px;padding:10px 8px}.gift-art{height:185px}.daily-ribbon{display:none}}
@media(max-width:590px){#gallery .atelier-masthead{padding:16px 12px;margin-top:10px}.header-main{grid-template-columns:1fr;gap:16px}#gallery .atelier-masthead .brand-dreamworlds{max-width:280px;margin:auto}#gallery .atelier-masthead .brand-dreamworlds img{max-height:130px}#gallery .atelier-masthead .brand-dreamworlds small{font-size:11px}.header-hub{gap:13px}.header-greeting{justify-content:center}#gallery .atelier-masthead .top-actions{justify-content:center;flex-wrap:wrap}.header-greeting .top-actions button{min-height:39px}#gallery .atelier-masthead .studio-links{grid-template-columns:repeat(2,minmax(0,1fr))}#gallery .atelier-masthead .site-toolbar{padding-top:14px;gap:12px}#gallery .atelier-masthead .little-tools{margin:auto}.daily-heading{margin-inline:2px}.daily-heading h1{font-size:27px}.daily-heading h1 em{white-space:normal}.daily-gifts{grid-template-columns:1fr}.daily-gift{padding:14px}.gift-heading{flex-direction:row;align-items:center}.gift-art{height:250px}.gift-copy h2,.gift-copy p{min-height:0}.gift-copy h2{font-size:21px}.gift-copy .primary{font-size:15px}.personal-filters{display:grid;grid-template-columns:1fr 1fr;gap:7px}.personal-filters button{padding:10px;font-size:12px}.pixel-studio .canvas-wrap{height:auto!important;inset:max(17px,env(safe-area-inset-top)) max(17px,env(safe-area-inset-right)) calc(var(--palette-height) + 17px) max(17px,env(safe-area-inset-left))!important;box-shadow:0 0 0 2px #fffae3,0 0 0 4px #a87350,0 0 0 8px #e0ba83,0 0 0 10px #8e664f,0 9px 22px #45322a40!important}}

/* Moonlit plum, luminous mint and warm coral. True transparent night logo. */
body.dark #gallery .atelier-masthead{background:radial-gradient(ellipse at 95% 0,#39616d55,transparent 55%),linear-gradient(120deg,#332945f7,#241e37f7);border-color:#b59fc440;box-shadow:0 18px 48px -20px #070512cc,inset 0 1px #ecddff18}
body.dark #gallery .atelier-masthead .brand-dreamworlds{background:none;box-shadow:none}
body.dark #gallery .atelier-masthead .brand-day{display:none}
body.dark #gallery .atelier-masthead .brand-dreamworlds .brand-night{display:block;filter:drop-shadow(0 4px 10px #10102255)}
body.dark #gallery .atelier-masthead .brand-dreamworlds small{color:#c6e6df}
body.dark .header-greeting>span{color:#d4bfdc}
body.dark #gallery .atelier-masthead .main-navigation .nav{background:#3b304f;border-color:#806a925c;color:#f7f0ff;box-shadow:0 5px 12px #120b232b}
body.dark #gallery .atelier-masthead .main-navigation .nav.active{background:linear-gradient(130deg,#375e61,#2c484e);border-color:#87cec4;box-shadow:inset 0 -3px #91dfce,0 5px 17px #60c9b317}
body.dark #gallery .atelier-masthead .main-navigation .nav:hover{background:#4b3a65;border-color:#b8a2cc}
body.dark #gallery .atelier-masthead .main-navigation .nav small{color:#d7cce4}
body.dark #gallery .atelier-masthead .site-toolbar{border-color:#a88bb354}
body.dark #gallery .atelier-masthead .nav-secondary{background:linear-gradient(120deg,#3d3153,#30273f);border-color:#8e759d66;border-bottom-color:var(--accent)}
body.dark #gallery .atelier-masthead .nav-secondary:hover{background:#4b3a62}
body.dark #gallery .atelier-masthead .nav-secondary b{color:#f4edf9}
body.dark #gallery .atelier-masthead .nav-secondary small{color:#d0c5dd}
body.dark .daily-heading .eyebrow{color:#cdbedb}
body.dark .daily-heading h1{color:#faf1e9}
body.dark .daily-heading h1 em{color:#ffaab5}
body.dark .daily-heading p{color:#d8cfe5}
body.dark .daily-ribbon{background:linear-gradient(125deg,#5c4265,#3e3556);border:1px solid #d0a3d56b;color:#ffe0b5;box-shadow:0 6px 23px #180b2c66}
body.dark .daily-gift{background:linear-gradient(145deg,#3b2d50,#29223c);border-color:#b99ac16e;box-shadow:0 12px 30px -14px #090713bb,inset 0 1px #f6e7ff12}
body.dark .daily-gift.gift-easy{border-color:#72b9ad88}
body.dark .daily-gift.gift-classic{border-color:#e1b77a88}
body.dark .daily-gift.gift-detail{border-color:#c49dea88}
body.dark .gift-bonus{color:#ffdda6}
body.dark .gift-copy h2{color:#f8f0e9}
body.dark .gift-copy p{color:#d1c8df}
body.dark .gift-waiting small{color:#d7cce4}
body.dark .gift-art:disabled{background:#312b46}
body.dark .personal-filters button{background:#3a2d50;border-color:#8b709e;color:#e9def2}
body.dark .personal-filters button[aria-pressed=true]{background:#a0dfd0;border-color:#baf2e3;color:#193b38}
body.dark .pixel-studio .canvas-wrap{box-shadow:0 0 0 2px #b9ddd5,0 0 0 5px #526177,0 0 0 10px #9c83b4,0 0 0 12px #493e64,0 9px 25px #08051c88!important}
@media(max-width:590px){body.dark .pixel-studio .canvas-wrap{box-shadow:0 0 0 2px #b9ddd5,0 0 0 4px #526177,0 0 0 8px #9c83b4,0 0 0 10px #493e64,0 9px 25px #08051c88!important}}