/* Shared with the Flavor Shop: rose, lilac, butter yellow and soft aqua. */
:root{--sweet-rose:#df4592;--sweet-ink:#743b61;--sweet-line:#efd3e2;--sweet-aqua:#e5f7f2}
.sweet-theme-icon{display:inline-grid;place-items:center;flex:0 0 auto;width:32px;height:32px;vertical-align:middle}
.sweet-theme-icon svg{display:block;width:100%;height:100%}
a.sweet-flavor-link{display:inline-flex;gap:8px;align-items:center}
.sweet-matched-icon{display:inline-grid!important;place-items:center!important;background:transparent!important}
.flavor-icon.sweet-matched-icon .sweet-theme-icon,.mix-icon.sweet-matched-icon .sweet-theme-icon{width:48px;height:48px}
.filling-check.sweet-matched-icon .sweet-theme-icon{width:26px;height:26px}
.cupcake-list li .sweet-theme-icon{width:27px;height:27px;margin-right:7px}
.sweet-home-studio{padding:64px 24px;background:radial-gradient(circle at 7% 22%,#f8c7df66 0 4px,transparent 5px),radial-gradient(circle at 94% 72%,#a6dfda66 0 5px,transparent 6px),linear-gradient(115deg,#fff0f7,#fff8ea 55%,#e9f8f4);border-block:1px solid #f0d7df}
.sweet-home-studio-inner{max-width:1230px;margin:auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:48px}
.sweet-section-kicker,.sweet-cabinet-heading>small{color:#a6417b;font:850 10px 'DM Sans',system-ui,sans-serif;letter-spacing:.15em}
.sweet-home-studio h2,.sweet-cabinet h2{font:650 clamp(30px,3.6vw,49px)/1.08 Fredoka,system-ui,sans-serif!important;color:#673257!important;margin:13px 0 20px!important;letter-spacing:-.025em}
.sweet-home-studio h2 em{display:block;color:#df4592;font-style:normal}
.sweet-home-studio-copy>p{color:#826379;line-height:1.7;font-size:16px;margin:0 0 22px}
.sweet-studio-features{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 25px}
.sweet-studio-features span{padding:9px 12px;border-radius:100px;border:1px solid #ecc9dc;background:#fffafc;font-size:11px;font-weight:800;color:#92517a}
.sweet-primary-link,.sweet-cabinet-open{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 20px;border-radius:13px;color:white!important;background:#df4592;text-decoration:none!important;border:1px solid #ce3583;box-shadow:0 3px 0 #b53475;font-size:13px;font-weight:850}
.sweet-home-studio p.sweet-studio-disclaimer{font-size:11px;line-height:1.65;margin-top:21px;color:#94768b;max-width:430px}
.sweet-home-studio-preview{min-width:0;border:2px solid white;border-radius:25px;overflow:hidden;background:#fff9fc;box-shadow:0 12px 35px #bd8ba530;transform:rotate(1deg)}
.sweet-home-studio-preview iframe{width:100%;height:620px;display:block;border:0;background:#fff9fc}
.sweet-live-caption{display:block;padding:12px 10px;color:#8d5675;text-align:center;background:#fff6fa;font-size:11px;border-top:1px solid #f0d3e1}
.sweet-home-embed{margin:0!important;background:#fff9fc!important;padding:0!important;overflow:hidden!important;color:#784260}
body.sweet-home-embed>:not(.sweet-live-demo){display:none!important}
.sweet-home-embed .sweet-live-demo{box-sizing:border-box;display:flex;flex-direction:column;width:100%;height:620px;max-height:100svh;padding:0;background:radial-gradient(ellipse at 50% 35%,#fffcf5,#fff0f8 68%,#edf8f4)}
.sweet-demo-title{display:flex;align-items:center;gap:7px;padding:13px 16px;background:#fffafcf0;border-bottom:1px solid #efd5e2;flex-shrink:0}
.sweet-demo-title strong{font:650 15px Fredoka,system-ui,sans-serif;color:#9d3f76}
.sweet-demo-title>span:last-child{margin-left:auto;font-size:8px;letter-spacing:.06em;color:#25888a;background:#e2f7f1;border-radius:40px;padding:6px 8px;font-weight:850}
.sweet-demo-stage{flex:1;min-height:0;display:grid;place-items:center;overflow:hidden}
.sweet-demo-stage #art{display:block!important;width:100%!important;height:100%!important;max-height:390px!important;touch-action:pan-y}
.sweet-demo-controls{background:#fffdf9;border-top:1px solid #efd7e3;padding:12px 14px;text-align:center;flex-shrink:0}
.sweet-demo-controls>span{font-size:10px;color:#9b6a87;letter-spacing:.06em;font-weight:800}
.sweet-demo-styles{display:flex;gap:7px;justify-content:center;margin:8px 0}
.sweet-demo-styles button{flex:1;min-height:44px;border-radius:11px;padding:9px 7px;border:1px solid #e9ccdb;background:#fff7fc;font-size:12px;font-weight:850;color:#864369}
.sweet-demo-styles button[aria-pressed=true]{background:#df4592;border-color:#d33c86;color:white}
.sweet-demo-colors{display:flex;justify-content:center;gap:11px;margin:10px 0}
.sweet-demo-colors button{width:44px;height:44px;border:4px solid white;border-radius:50%;background:linear-gradient(120deg,var(--swatch-a) 50%,var(--swatch-b) 50%);box-shadow:0 0 0 1px #dab7cc}
.sweet-demo-colors button[aria-pressed=true]{box-shadow:0 0 0 3px #299a9a}
.sweet-demo-open{display:inline-flex;align-items:center;min-height:34px;color:#28888c!important;text-decoration:none;font-size:11px;font-weight:850}
.sweet-cabinet{padding:40px 0;max-width:1230px;margin:auto;color:#76435f;min-width:0}
.sweet-cabinet-heading{max-width:700px;margin:0 0 23px}
.sweet-cabinet h2{font-size:clamp(29px,3.3vw,43px)!important;margin-bottom:13px!important}
.sweet-cabinet-heading>p{font-size:14px;line-height:1.7;color:#8c6a80;margin:0}
.sweet-cabinet-tabs{display:flex;overflow-x:auto;gap:8px;padding:5px 2px 13px;scrollbar-width:thin;max-width:100%;overscroll-behavior-inline:contain}
.sweet-cabinet-tabs button{flex:0 0 auto;min-height:46px;border:1px solid #e4bfd3;border-radius:100px;padding:10px 16px;background:#fff8fc;color:#8c5275;font-size:12px;font-weight:800;white-space:nowrap}
.sweet-cabinet-tabs button[aria-selected=true]{background:#d94791;color:#fff;border-color:#d94791;box-shadow:0 3px 0 #b12e71}
.sweet-cabinet-display{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);border:1px solid #e9c9db;border-radius:23px;background:var(--cabinet-tint,#fff0f7);overflow:hidden;box-shadow:0 7px 22px #b57a9a16;margin-top:10px;min-width:0}
.sweet-cabinet-photo{background:#fffafc;min-height:380px;height:440px;display:grid;place-items:center;overflow:hidden;user-select:none}
.sweet-cabinet-photo img{display:block;width:100%;height:100%;max-height:440px;object-fit:contain;padding:18px;box-sizing:border-box;pointer-events:none;transition:opacity .15s}
.sweet-cabinet-copy{align-self:center;padding:35px}
.sweet-cabinet-number{font-size:11px;letter-spacing:.12em;color:#ab5e89;font-weight:850}
.sweet-cabinet-copy h3{font:650 clamp(25px,3vw,37px)/1.12 Fredoka,system-ui,sans-serif;color:#9b3873;margin:13px 0}
.sweet-cabinet-copy p{font-size:14px;line-height:1.7;color:#89637a;margin:0 0 21px}
.sweet-cabinet-open{font-size:12px;padding:11px 17px}
.sweet-cabinet-arrows{display:flex;gap:10px;margin-top:22px}
.sweet-cabinet-arrows button{width:46px;min-height:46px;border:1px solid #d4b6c8;border-radius:50%;background:white;color:#995079;font-size:22px;font-weight:700}
#gallery:has(.sweet-cabinet){padding:55px 24px!important;background:#fffdf9}
.sweet-catalog-host{margin:0 auto 28px;max-width:1230px}
.sweet-portfolio-cabinet main .gallery-grid[hidden]{display:none!important}
.sweet-portfolio-cabinet .portfolio-design-notice{margin-top:30px}
.sweet-flavor-drawer> :not(.sweet-studio-flavors):not(summary){display:none!important}
.sweet-flavor-drawer>.sweet-studio-flavors{display:block!important}
.sweet-flavor-drawer>summary{display:none!important}
main .sweet-studio-flavors h3{display:flex;align-items:center;color:#a4387c;font:650 21px Fredoka,system-ui,sans-serif;margin:5px 0 14px}
.sweet-flavor-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:14px}
.sweet-flavor-tabs button{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;padding:7px 3px;border:1px solid #e8c7d9;border-radius:12px;background:#fff9fc;color:#88516f;min-height:72px;font-size:10px;font-weight:850}
.sweet-flavor-tabs button[aria-pressed=true]{background:#fff0f8;border:2px solid #d94b95;color:#a83478}
.sweet-flavor-tabs .sweet-theme-icon{width:34px;height:34px}
.sweet-flavor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.sweet-flavor-grid button{display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;border:1px solid #e8c9da;background:white;min-height:99px;border-radius:12px;padding:10px 6px;color:#83516d;font-size:11px;font-weight:750;line-height:1.3;text-align:center}
.sweet-flavor-grid button[aria-pressed=true]{background:#eaf8f4;border:2px solid #249a9b;color:#217f83}
.sweet-flavor-grid .sweet-theme-icon{width:38px;height:38px}
.sweet-flavor-note{font-size:10px!important;line-height:1.6!important;color:#7d6477!important;border-top:1px solid #efd5e3;padding-top:11px;margin-top:12px!important}
:is(.sweet-home-studio,.sweet-cabinet,.sweet-live-demo,.sweet-studio-flavors) button{cursor:pointer;touch-action:manipulation}
:is(.sweet-home-studio,.sweet-cabinet,.sweet-live-demo,.sweet-studio-flavors) :is(button,a):focus-visible{outline:3px solid #209a9b;outline-offset:4px}
@media(min-width:861px) and (max-width:1100px){.sweet-home-studio-inner{gap:25px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.sweet-home-studio-copy>p{font-size:14px}.sweet-home-studio-preview iframe{height:600px}.sweet-cabinet-copy{padding:24px}}
@media(max-width:860px){
.sweet-home-studio{padding:35px 16px}.sweet-home-studio-inner{grid-template-columns:1fr;gap:24px;max-width:650px}.sweet-home-studio h2{font-size:36px!important}.sweet-home-studio-copy>p{font-size:14px;line-height:1.65}.sweet-home-studio h2 em{display:inline}.sweet-home-studio-preview{transform:none}.sweet-home-studio-preview iframe{height:570px}.sweet-home-embed .sweet-live-demo{height:570px}
.sweet-demo-stage #art{max-height:345px!important}.sweet-home-studio p.sweet-studio-disclaimer{max-width:none;margin-top:15px}.sweet-cabinet{padding:24px 0}.sweet-cabinet-display{grid-template-columns:1fr}.sweet-cabinet-photo{height:330px;min-height:240px}.sweet-cabinet-photo img{max-height:330px;padding:12px}.sweet-cabinet-copy{padding:24px}.sweet-cabinet-copy h3{font-size:30px}.sweet-cabinet-heading>p{font-size:13px}.sweet-cabinet-tabs button{font-size:11px;padding:9px 13px}.sweet-cabinet-arrows{margin-top:18px}#gallery:has(.sweet-cabinet){padding:28px 16px!important}
}
@media(max-width:390px){.sweet-home-studio h2{font-size:31px!important}.sweet-home-studio-preview iframe{height:550px}.sweet-home-embed .sweet-live-demo{height:550px}.sweet-demo-title{padding:10px}.sweet-demo-title strong{font-size:12px}.sweet-demo-title .sweet-theme-icon{width:27px;height:27px}.sweet-cabinet-photo{height:285px}.sweet-cabinet-copy{padding:19px}}
@media(prefers-reduced-motion:reduce){.sweet-home-studio *,.sweet-cabinet *,.sweet-live-demo *{transition:none!important;scroll-behavior:auto!important}}