/* Visual surfaces only. Form fields, event handlers, payment logic and requests remain unchanged. */
/* Quote form: dark outer surfaces, periwinkle form cards, white entry fields. */
body.mbc-ink .quote-preview{color:var(--mix-panel-ink)}
body.mbc-ink .q-heading :is(h1,p),body.mbc-ink .q-intro-copy>div{color:var(--mix-panel-ink)}
body.mbc-ink :is(.q-service-promise,.q-main-card,.q-summary-card,.q-sketch,.q-sketch-reopen){background:var(--mix-card);color:var(--mix-ink);border-color:var(--mix-line);box-shadow:0 8px 25px #1014291a}
body.mbc-ink :is(.q-service-promise,.q-summary-card,.q-sketch) :is(h2,h3,p,strong,label){color:var(--mix-ink)}
body.mbc-ink .q-open-progress{background:var(--mix-panel-end);border-color:var(--mix-line)}
body.mbc-ink .q-open-progress :is(strong,small),body.mbc-ink .q-progress-message p{color:var(--mix-panel-ink)}
body.mbc-ink .q-open-progress .q-steps button[aria-current=step] strong{color:#ffdb79}
body.mbc-ink .q-main-card :is(h2,h3,p,label,summary,.q-label){color:var(--mix-ink)}
body.mbc-ink .q-main-card :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select){background:#f8faff;color:var(--mix-ink);border-color:#8b9abb}
body.mbc-ink :is(.q-product,.q-final-review,.q-pickup,.q-drop,.q-review,.q-help-choice,.q-sketch-mobile-teaser){background:#d6def0;color:var(--mix-ink);border-color:#8b9abb}
body.mbc-ink .q-product:has(input:checked){background:#f1e9f8;border-color:#c91e70}
body.mbc-ink :is(.q-human-help,.q-draft-row),body.mbc-ink .q-human-help :is(strong,p,a){color:var(--mix-panel-muted)}
body.mbc-ink .q-main-card .q-field-error,body.mbc-ink .q-main-card .q-error-summary{color:#981139}
body.mbc-ink .q-main-card .q-primary,body.mbc-ink .q-sketch-generate,body.mbc-ink .q-sketch-use{color:white}
body.mbc-ink .q-complete{background:var(--mix-card);color:var(--mix-ink)}
/* Design Studio retains the true white image canvas for accurate cake previews. */
body.mbc-ink .atelier{--ink:#202c49;--muted:#3e4c68;--line:#8b9abb;color:var(--mix-panel-ink)}
body.mbc-ink .atelier-heading :is(h2,p){color:var(--mix-panel-ink)}
body.mbc-ink .atelier-kicker{color:#ff9bcf}
body.mbc-ink .atelier-workspace{background:var(--mix-card);border-color:var(--mix-line)}
body.mbc-ink .atelier-preview{background:#eef2fa;color:var(--mix-ink)}
body.mbc-ink .atelier-controls{background:var(--mix-card);color:var(--mix-ink);border-color:#8b9abb}
body.mbc-ink .atelier-controls :is(label,h3){color:var(--mix-ink)}
body.mbc-ink .atelier-modes{background:#a1b1d1}
body.mbc-ink .atelier-modes button{color:var(--mix-ink)}
body.mbc-ink .atelier-modes button[aria-selected=true]{background:#f3f6fc}
body.mbc-ink .atelier :is(textarea,select){background:#f8faff;color:var(--mix-ink)}
/* Contact, partner and corporate forms. */
body.mbc-ink .contact-message-column{background:var(--mix-card);color:var(--mix-ink);border-color:var(--mix-line)}
body.mbc-ink .contact-message-column :is(h1,h2,p,label){color:var(--mix-ink)}
body.mbc-ink .contact-connect :is(.connect-action,.connect-map-card){background:var(--mix-card);color:var(--mix-ink);border-color:var(--mix-line)}
body.mbc-ink .contact-connect :is(.connect-action,.connect-map-card) :is(h3,p,strong,span){color:var(--mix-ink)}
body.mbc-ink .connect-heading :is(h2,p),body.mbc-ink .connect-pickup-note{color:var(--mix-panel-ink)}
body.mbc-ink :is(#contactForm,.partner-form) label{color:var(--mix-panel-ink)}
body.mbc-ink .contact-message-column #contactForm label{color:var(--mix-ink)}
body.mbc-ink :is(#contactForm,.partner-form) :is(input,textarea,select){background:#f8faff;color:var(--mix-ink);border-color:#8b9abb}
body.mbc-ink .corporate-bg{display:none}
body.mbc-ink .corporate-card{background:var(--mix-panel);border-color:var(--mix-line)}
body.mbc-ink .corporate-header :is(h1,p){color:var(--mix-panel-ink)}
body.mbc-ink .corporate-form :is(h3,label){color:var(--mix-panel-ink)}
body.mbc-ink .corporate-form :is(input:not([type=checkbox]):not([type=file]),select,textarea){background:var(--mix-card);color:var(--mix-ink);border-color:var(--mix-line)}
body.mbc-ink .corporate-form option{background:var(--mix-card);color:var(--mix-ink)}
/* Order Now: preserve layout, art colors, cropping canvas, animation and payment flow. */
body.mbc-ink.ink-order-studio{--paper:#bdc9df;--ink:#202c49;--muted:#3e4c68;--line:#8b9abb;--lavender:#d2dbee;color:var(--mix-ink)}
body.mbc-ink.ink-order-studio .studio{background:var(--mix-panel);border:1px solid var(--mix-line);border-radius:24px;margin-top:20px;margin-bottom:20px;overflow:clip}
body.mbc-ink.ink-order-studio .workspace-copy{background:var(--mix-card);border-radius:20px}
body.mbc-ink.ink-order-studio .workspace-preview{background:var(--lavender)}
body.mbc-ink.ink-order-studio .studio-header{background:var(--mix-nav)!important;color:var(--mix-panel-ink)}
body.mbc-ink.ink-order-studio .studio-header .journey li{color:var(--mix-panel-muted)}
body.mbc-ink.ink-order-studio .studio-header .journey li>span{color:var(--mix-ink)}
body.mbc-ink.ink-order-studio .studio-header .journey [aria-current=step]{color:#fff}
body.mbc-ink.ink-order-studio .studio-header .journey [aria-current=step]>span{background:#ec268f;border-color:#ec268f;color:#fff}
body.mbc-ink.ink-order-studio .studio-footer{background:var(--mix-nav);color:var(--mix-panel-ink);border-color:var(--mix-line)}
body.mbc-ink.ink-order-studio .about-cookies{background:var(--mix-card);color:var(--mix-ink)}
body.mbc-ink.ink-order-studio .creations-strip{color:var(--mix-panel-ink)}
@media(max-width:760px){
 body.mbc-ink.ink-order-studio .studio{margin-top:0;border:0;border-radius:0;background:var(--mix-card)}
 body.mbc-ink.ink-order-studio .studio-header .journey{background:var(--mix-panel)}
 body.mbc-ink.ink-order-studio[data-step=upload] .creations-strip{background:var(--mix-panel)}
}
/* Final contrast adjustments for the specialized tools. */
body.mbc-ink .q-intro-copy strong{color:var(--mix-panel-ink)}
body.mbc-ink #quotePreview #qSketchPanel{background:var(--mix-card)!important;border-color:var(--mix-line)}
body.mbc-ink .q-service-promise small,body.mbc-ink .q-step-count span{color:var(--mix-muted)}
body.mbc-ink #contact-content .contact-connect-shell{background:linear-gradient(145deg,var(--mix-panel),var(--mix-panel-end));border:1px solid var(--mix-line)}
body.mbc-ink .contact-message-column{padding:23px;border-radius:18px}
body.mbc-ink .contact-connect{border-color:var(--mix-line)}
body.mbc-ink .connect-details :is(a,button){color:var(--mix-panel-ink)}
body.mbc-ink .connect-map-card :is(.connect-map-heading p,.connect-open-map){color:var(--mix-ink)}
body.mbc-ink.ink-order-studio main h1{color:var(--mix-ink)}
body.mbc-ink.ink-order-studio .creations-strip :is(p,strong,span,button),body.mbc-ink.ink-order-studio .creations-caption{color:var(--mix-panel-muted)}
body.mbc-ink.ink-order-studio .creations-heading strong{color:var(--mix-panel-ink)}
body.mbc-ink.ink-order-studio .studio-header .help-button{color:var(--mix-panel-ink)}
body.mbc-ink.ink-order-studio .studio-footer :is(#footerNote,#footerPrice,.back-button){color:var(--mix-panel-muted)}
@media(max-width:650px){body.mbc-ink .contact-message-column{padding:18px}}
/* Order Now desktop landing: both panels share the same top and bottom edge. */
@media(min-width:1101px){body.mbc-ink.ink-order-studio[data-step="upload"] .workspace-copy{align-self:stretch;margin:22px 0 22px 24px;display:flex;flex-direction:column;justify-content:center}}
@media(min-width:1600px){body.mbc-ink.ink-order-studio[data-step="upload"] .workspace-copy{margin-top:32px;margin-bottom:32px}}
/* Order Now phone: give "Tap to explore designs" its own strip under the packaging video so it no longer covers the video caption. */
@media(max-width:760px){body[data-step="upload"] .preview-stage:has(.packaging-film:not([hidden])){aspect-ratio:1/1.05}
body[data-step="upload"] .packaging-film .packaging-video{inset:0 0 auto 0;height:auto;aspect-ratio:1/1}
body[data-step="upload"] .packaging-film::after{bottom:4px;padding:5px 12px}}
/* ===== Order Now premium pass ===== */
body.ink-order-studio .studio-back{display:inline-flex;align-items:center;gap:9px;flex:none;padding:8px 16px 8px 8px;border-radius:999px;border:1px solid #ffffff2e;background:#ffffff0f;color:#f2f4ff;text-decoration:none;font:700 13px/1 Nunito,sans-serif;letter-spacing:.2px;transition:background .25s,border-color .25s,transform .25s}
body.ink-order-studio .studio-back span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#ec268f,#ffc532);color:#fff;font-size:15px;transition:transform .25s}
body.ink-order-studio .studio-back em{font-style:normal}
body.ink-order-studio .studio-back:hover{background:#ffffff1c;border-color:#ffc53266}
body.ink-order-studio .studio-back:hover span{transform:translateX(-3px)}
/* eyebrow */
body.ink-order-studio[data-step="upload"] .step-counter{display:inline-flex;width:fit-content;align-items:center;gap:10px;padding:7px 14px 7px 12px;border-radius:999px;background:#ffffff8c;border:1px solid #ffffffb3;box-shadow:0 4px 14px #20284214;font:800 11px/1 Nunito,sans-serif;letter-spacing:1.6px;text-transform:uppercase;color:#8a2f5c}
body.ink-order-studio[data-step="upload"] .step-counter::before{content:'';width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#ec268f,#ffc532);box-shadow:0 0 0 0 #ec268f66;animation:mbc-pulse 2.6s ease-out infinite}
@keyframes mbc-pulse{0%{box-shadow:0 0 0 0 #ec268f66}70%{box-shadow:0 0 0 8px #ec268f00}100%{box-shadow:0 0 0 0 #ec268f00}}
/* start paths */
body.ink-order-studio[data-step="upload"] .start-path{position:relative;display:flex;align-items:center;gap:14px;padding:11px 14px;border-radius:18px;border:1px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#ffffff,#dfe5f3) border-box;box-shadow:0 6px 18px #20284214;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,background .3s}
body.ink-order-studio[data-step="upload"] .start-path:hover{transform:translateY(-3px);box-shadow:0 14px 30px #2028422b;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#ec268f,#ffc532) border-box}
body.ink-order-studio[data-step="upload"] .start-path .path-symbol{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#ec268f,#ff8a5c 55%,#ffc532);color:#fff!important;font-size:20px;box-shadow:0 6px 14px #ec268f40}
body.ink-order-studio[data-step="upload"] .start-path strong{font:400 16px/1.25 'Fredoka One','Fredoka Fallback',sans-serif;color:#202c49;letter-spacing:.1px}
body.ink-order-studio[data-step="upload"] .start-path small{color:#5b6680;font-size:13px}
body.ink-order-studio[data-step="upload"] .start-path em{font:800 10px/1 Nunito,sans-serif;letter-spacing:1px;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:linear-gradient(135deg,#ec268f1f,#ffc5322b);color:#a8326a;vertical-align:2px;margin-left:6px}
body.ink-order-studio[data-step="upload"] .start-path>b{flex:none;margin-left:auto;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f1f3fa;color:#8a2f5c;font-size:0;transition:background .3s,transform .3s}
body.ink-order-studio[data-step="upload"] .start-path>b::before{content:'\2192';font-size:16px;font-weight:700}
body.ink-order-studio[data-step="upload"] .start-path:hover>b{background:linear-gradient(135deg,#ec268f,#ffc532);color:#fff;transform:translateX(3px)}
/* divider + upload */
body.ink-order-studio[data-step="upload"] .upload-divider{display:flex;align-items:center;gap:12px;font:800 11px/1 Nunito,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:#56627e}
body.ink-order-studio[data-step="upload"] .upload-divider::before,body.ink-order-studio[data-step="upload"] .upload-divider::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,#8b9abb99,transparent)}
body.ink-order-studio[data-step="upload"] .upload-zone{border-radius:16px;transition:transform .3s,box-shadow .3s}
body.ink-order-studio[data-step="upload"] .upload-zone:hover{transform:translateY(-2px);box-shadow:0 10px 24px #2028421f}
/* price */
body.ink-order-studio[data-step="upload"] .starting-price{border:0;padding:14px 18px;margin-top:14px;border-radius:18px;background:linear-gradient(135deg,#ffffffb8,#ffffff6b);box-shadow:inset 0 1px 0 #fff,0 8px 22px #2028421a}
body.ink-order-studio[data-step="upload"] .starting-price>strong{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 10px;font:400 38px/1 'Fredoka One','Fredoka Fallback',sans-serif;color:#202c49}
body.ink-order-studio[data-step="upload"] .starting-price>strong>span{font:700 15px/1 Nunito,sans-serif;color:#3e4c68}
body.ink-order-studio[data-step="upload"] .starting-price .price-ship{font:800 11px/1 Nunito,sans-serif;font-style:normal;letter-spacing:1px;text-transform:uppercase;padding:6px 10px;border-radius:999px;background:#202c49;color:#ffe29a}
body.ink-order-studio[data-step="upload"] .starting-price p{margin-top:10px;color:#3e4c68}
/* preview panel matches the film, stays its own panel */
body.ink-order-studio[data-step="upload"] .workspace-preview:has(.packaging-film:not([hidden])){background:#eceae6!important;box-shadow:0 20px 44px #0b102233,inset 0 1px 0 #fff;border:1px solid #fff8}
@media(min-width:1101px){body.ink-order-studio[data-step="upload"] .workspace-preview{margin-left:18px}}
body.ink-order-studio[data-step="upload"] .packaging-film{border-radius:0;background:linear-gradient(#eceae6 83.4%,#efe9dc 83.4%)}
body.ink-order-studio[data-step="upload"] .workspace-preview:has(.packaging-film:not([hidden])) :is(.preview-product-details,.preview-bottomline){background:#efe9dc;margin:0;padding-top:10px;padding-bottom:12px}
body.ink-order-studio[data-step="upload"] .workspace-preview:has(.packaging-film:not([hidden])) .preview-bottomline{padding-bottom:16px}
/* preview labels */
body.ink-order-studio[data-step="upload"] #previewLabel{display:inline-flex;align-items:center;gap:8px;padding:8px 15px 8px 12px;border-radius:999px;background:linear-gradient(110deg,#ffffffcc 35%,#fff 50%,#ffffffcc 65%) 0 0/250% 100%;border:1px solid #fff;box-shadow:0 6px 18px #62302a1f;font:400 14px/1 'Fredoka One','Fredoka Fallback',sans-serif;color:#622d2b;letter-spacing:.2px;animation:mbc-sheen 5s ease-in-out infinite}
body.ink-order-studio[data-step="upload"] #previewLabel::before{content:'\2726';font-size:13px;background:linear-gradient(135deg,#ec268f,#ffc532);-webkit-background-clip:text;background-clip:text;color:transparent}
@keyframes mbc-sheen{0%,60%{background-position:100% 0}100%{background-position:-50% 0}}
body.ink-order-studio[data-step="upload"] .preview-bottomline{font:800 10.5px/1 Nunito,sans-serif;letter-spacing:1.3px;text-transform:uppercase}
body.ink-order-studio[data-step="upload"] .preview-bottomline>span{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;background:#ffffffa6;color:#8a2f5c}
body.ink-order-studio[data-step="upload"] .preview-bottomline .preview-status::before{content:'';width:6px;height:6px;border-radius:50%;background:#ec268f}
body.ink-order-studio[data-step="upload"] .preview-product-details{font:700 13px/1 Nunito,sans-serif;letter-spacing:.4px;color:#62302a}
@media(prefers-reduced-motion:reduce){body.ink-order-studio .step-counter::before,body.ink-order-studio #previewLabel{animation:none!important}}
@media(max-width:760px){body.ink-order-studio .studio-back{padding:6px 12px 6px 6px;font-size:12px}
body.ink-order-studio .studio-back span{width:26px;height:26px}
body.ink-order-studio[data-step="upload"] .start-path{padding:14px}
body.ink-order-studio[data-step="upload"] .start-path .path-symbol{width:40px;height:40px;border-radius:12px}
body.ink-order-studio[data-step="upload"] .starting-price>strong{font-size:36px}}
body.ink-order-studio[data-step="upload"] .workspace-preview:has(.packaging-film:not([hidden])) .stage-orbit{display:none}
body.ink-order-studio[data-step="upload"] .start-path>span:nth-child(2){min-width:0}
/* Request an Order, phone: shorter, simpler header. */
@media(max-width:760px){body.mbc-ink .q-intro-copy>p,body.mbc-ink .q-intro-copy>div,body.mbc-ink #qReviewTitle+.q-lead{display:none}
body.mbc-ink .q-intro-copy h1{font-size:22px;margin-bottom:10px}
body.mbc-ink .q-heading{gap:10px;margin-bottom:14px}
body.mbc-ink .q-service-promise{padding:9px 14px;align-items:center}
body.mbc-ink .q-service-promise p{line-height:1.35}}
/* Treat tiles: white inside, pink ring when chosen. */
body.mbc-ink .q-product{background:#e8eef9;border-color:#c3cfe6;box-shadow:0 6px 16px #2028421a}
body.mbc-ink .q-product:has(input:checked){background:#f3f6fc;border-color:#c91e70;box-shadow:inset 0 0 0 1px #c91e70,0 8px 20px #c91e7026}