/* Design controls stay outside the existing shop shell; no layout replacements. */
.pantry .demo-bar{background:var(--brand-gold-soft);color:var(--brand-gold-ink);border-bottom-color:color-mix(in srgb,var(--brand-gold) 32%,var(--paper))}
.pantry .campaign{background:var(--campaign-bg);border-color:color-mix(in srgb,var(--brand-gold) 30%,var(--paper))}
.pantry .campaign .eyebrow{color:var(--brand-gold-ink)}
.pantry .info-note{background:var(--accent-soft);color:var(--accent)}
.pantry .brand-word small{color:var(--brand-gold-ink)}
.pantry .brand-logo{outline:1px solid color-mix(in srgb,var(--brand-gold) 22%,white)}
.pantry .product-card:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}
#palette-designer{--palette-control-ink:#2d2924;--palette-control-muted:#726c64;--palette-control-line:#e6e0d8;font-family:'Plus Jakarta Sans','Noto Sans Myanmar',sans-serif;color:var(--palette-control-ink);font-size:13px;line-height:1.5;position:relative;z-index:30}
#palette-designer [hidden]{display:none!important}
#palette-designer button{font:inherit;cursor:pointer}
#palette-designer button:focus-visible{outline:3px solid #315fbb;outline-offset:3px}
.palette-launcher{position:fixed;right:22px;bottom:22px;min-height:48px;display:flex;gap:9px;align-items:center;background:#fffdf9;color:#302b25;border:1px solid #dcd2c5;border-radius:99px;padding:11px 16px;box-shadow:0 4px 20px #30241512;font-weight:700!important}
.palette-launcher svg{width:20px;height:20px}.palette-launcher-dot{height:12px;width:12px;border-radius:50%;background:var(--accent);box-shadow:4px 0 0 var(--brand-gold);margin-left:3px;margin-right:3px}
.palette-panel{position:fixed;right:22px;bottom:82px;width:376px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 108px);background:#fffdf9;border:1px solid #dcd2c5;border-radius:16px;box-shadow:0 12px 50px #30241526;display:flex;flex-direction:column;overflow:hidden;text-align:left}
.palette-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 20px 14px;border-bottom:1px solid var(--palette-control-line);flex:none}
.palette-kicker{display:block;font-size:9px;letter-spacing:.12em;font-weight:700;color:var(--palette-control-muted);margin-bottom:5px}.palette-panel-head h2{font-size:19px;letter-spacing:-.025em;line-height:1.6;color:var(--palette-control-ink);margin:0}.palette-close{width:44px;min-height:44px;border:0;background:transparent;font-size:27px!important;color:var(--palette-control-muted);border-radius:8px;flex:none}.palette-close:hover{background:#f2ede5}
.palette-panel-scroll{padding:16px 20px 18px;overflow:auto;overscroll-behavior:contain}.palette-intro{margin:0 0 15px;font-size:12px;line-height:1.7;color:var(--palette-control-muted)}
.palette-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.palette-option{display:flex;flex-direction:column;align-items:stretch;padding:8px;border:1px solid var(--palette-control-line);border-radius:10px;background:white;text-align:left;min-width:0;color:var(--palette-control-ink);position:relative}.palette-option:hover{border-color:#a99c89}.palette-option.is-selected{border-color:#453a2d;box-shadow:0 0 0 1px #453a2d;background:#faf7f1}.palette-color-band{display:flex;min-height:29px;overflow:hidden;border:1px solid #0000000a;border-radius:5px;margin-bottom:8px}.palette-color-band i:first-child{flex:1.8}.palette-color-band i{flex:1}.palette-option-name{font-size:11px;font-weight:700;line-height:1.6;display:flex;align-items:baseline;justify-content:space-between;gap:4px}.palette-tick{font-size:13px;flex:none;min-width:12px;color:#453a2d}.palette-option-note{display:block;font-size:9px;line-height:1.7;color:var(--palette-control-muted);margin-top:3px}
.palette-surfaces{padding-top:17px;margin-top:17px;border-top:1px solid var(--palette-control-line)}.palette-surfaces h3{font-size:11px;font-weight:700;margin:0 0 9px;color:var(--palette-control-ink)}.palette-surface-options{display:flex;gap:8px}.palette-surface-options button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;border:1px solid var(--palette-control-line);border-radius:7px;background:white;min-height:44px;padding:7px;font-size:11px!important;color:var(--palette-control-ink)}.palette-surface-options button[aria-pressed=true]{border-color:#453a2d;background:#f4efe7}.palette-surface-options i,.palette-token-row i{display:inline-block;width:13px;height:13px;border-radius:50%;border:1px solid #0002;flex:none}
.palette-token-row{display:flex;gap:13px;justify-content:space-between;margin-top:15px;font-size:9px;font-variant-numeric:tabular-nums;color:var(--palette-control-muted)}.palette-token-row>span{display:flex;align-items:center;gap:5px}
.palette-panel-foot{padding:14px 20px 16px;border-top:1px solid var(--palette-control-line);background:#fffdf9;flex:none}.palette-panel-foot p{font-size:10px;line-height:1.7;margin:0 0 9px;color:var(--palette-control-muted)}.palette-panel-foot strong{color:var(--palette-control-ink);font-weight:700}.palette-keep{min-height:46px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #302b25;background:#302b25;color:white;border-radius:8px;padding:10px 13px;font-size:12px!important;font-weight:700!important}.palette-keep:hover{background:#493e31}.palette-keep span{font-size:18px;font-weight:400}.palette-panel-foot small{display:block;font-size:9px;line-height:1.7;color:var(--palette-control-muted);margin-top:9px}
html[lang=my] #palette-designer{font-family:'Noto Sans Myanmar','Plus Jakarta Sans',sans-serif}html[lang=my] .palette-option-name{font-size:11px;line-height:1.9}html[lang=my] .palette-option-note{font-size:9px;line-height:1.9}html[lang=my] .palette-panel-head h2{font-size:18px;letter-spacing:0}
@media(max-width:700px){.palette-launcher{right:15px;bottom:94px;min-height:46px;padding:10px 14px;font-size:12px!important}.palette-panel{right:12px;bottom:151px;width:376px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 167px)}.palette-panel-head{padding:14px 16px 11px}.palette-panel-scroll{padding:13px 16px}.palette-panel-foot{padding:12px 16px}.palette-options{gap:8px}.palette-panel-head h2{font-size:18px}.palette-option-note{font-size:9px}.palette-surfaces{padding-top:13px;margin-top:13px}}
