:root{--color-ink: #16181d;--color-ink-muted: #6b7280;--color-surface: #ffffff;--color-surface-alt: #f6f7f9;--color-border: #e2e4e9;--color-danger: #d92d20;--color-danger-bg: #fef2f1;--color-success: #15803d;--color-success-bg: #f0fdf4;--brand-primary: var(--color-ink);--brand-accent: var(--brand-primary);--brand-primary-soft: rgba(22, 24, 29, .08);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: "Plus Jakarta Sans", var(--font-sans);--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .9375rem;--font-size-lg: 1.125rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.875rem;--font-size-3xl: 2.75rem;--font-size-4xl: 3.5rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 18px;--radius-xl: 26px;--shadow-sm: 0 1px 2px rgba(16, 18, 27, .05), 0 1px 1px rgba(16, 18, 27, .04);--shadow-md: 0 8px 24px rgba(16, 18, 27, .08), 0 2px 6px rgba(16, 18, 27, .05);--shadow-lg: 0 24px 48px rgba(16, 18, 27, .14), 0 4px 12px rgba(16, 18, 27, .06);--ease: cubic-bezier(.2, .7, .3, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-ink);background:var(--color-surface-alt);line-height:1.5}a{color:var(--brand-primary)}h1,h2,h3{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0 0 var(--space-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.6rem 1.15rem;font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink);cursor:pointer;text-decoration:none;transition:transform .15s var(--ease),box-shadow .15s var(--ease),background .15s var(--ease),border-color .15s var(--ease),opacity .15s var(--ease)}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn:active{transform:translateY(0);box-shadow:none}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow-md);filter:brightness(1.06)}.btn-secondary{background:var(--color-surface)}.btn-secondary:hover{border-color:var(--brand-primary)}.btn-outline{background:#ffffff1f;border-color:#ffffffb3;color:#fff;backdrop-filter:blur(4px)}.btn-outline:hover{background:#ffffff38;border-color:#fff}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.field{margin-bottom:var(--space-4)}.field label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-ink-muted);margin-bottom:var(--space-2)}.field input,.field select,.field textarea{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-base);font-family:inherit;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--brand-primary);outline-offset:1px}.field small{display:block;color:var(--color-ink-muted);font-size:var(--font-size-sm);margin-top:var(--space-1)}.field-error{color:var(--color-danger);font-size:var(--font-size-sm);margin-top:var(--space-1)}.badge{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:999px;font-size:var(--font-size-sm);font-weight:600}.badge-active{background:var(--color-success-bg);color:var(--color-success)}.badge-draft{background:var(--color-surface-alt);color:var(--color-ink-muted)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--font-size-sm)}.alert-error{background:var(--color-danger-bg);color:var(--color-danger)}.alert-success{background:var(--color-success-bg);color:var(--color-success)}.alert-warning{background:#fef3c7;color:#92400e}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.nav{display:flex;align-items:center;gap:var(--space-5)}.nav a{color:inherit;text-decoration:none;font-weight:500}.nav a:hover{text-decoration:underline}.dashboard{min-height:100vh;background:var(--color-surface-alt)}.dashboard header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.dashboard main{max-width:960px;margin:0 auto;padding:var(--space-6)}.storefront{min-height:100vh;background:var(--color-surface);font-family:var(--font-sans)}.storefront a{color:var(--brand-primary)}.storefront a.btn-primary,.storefront a.btn-outline{color:#fff}.storefront a.btn-secondary{color:var(--color-ink)}.storefront-announcement-bar{background:var(--brand-accent);color:#fff;text-align:center;padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.03em}.storefront-topbar{position:sticky;top:0;z-index:20;transition:transform .3s var(--ease)}.storefront-topbar--hidden{transform:translateY(-100%)}@media (prefers-reduced-motion: reduce){.storefront-topbar{transition:none}}.storefront header{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-6);background:#ffffffd1;backdrop-filter:blur(10px) saturate(1.4);-webkit-backdrop-filter:blur(10px) saturate(1.4);border-bottom:1px solid var(--color-border)}.storefront-header__left{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex-shrink:0}.storefront-brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:inherit;flex-shrink:0}.storefront-brand img{height:44px;width:auto;display:block}.storefront-brand strong{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:800;letter-spacing:-.01em}.storefront-menu-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;background:transparent;color:var(--color-ink);cursor:pointer;border-radius:var(--radius-md);flex-shrink:0}.storefront-menu-toggle:hover{background:var(--color-surface-alt)}.storefront-search{flex-shrink:0;margin-left:auto}.storefront-search__toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;background:transparent;color:var(--color-ink);cursor:pointer;border-radius:999px;transition:background .15s var(--ease)}.storefront-search__toggle:hover{background:var(--color-surface-alt)}.storefront-search__form{display:flex;align-items:center;gap:var(--space-2);width:min(320px,60vw);animation:storefront-search-expand .15s var(--ease)}@keyframes storefront-search-expand{0%{width:40px;opacity:0}to{width:min(320px,60vw);opacity:1}}.storefront-search__form input[type=search]{width:100%;padding:.6rem 1rem;font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface-alt);transition:border-color .15s var(--ease),background .15s var(--ease)}.storefront-search__form input[type=search]:focus{outline:none;border-color:var(--brand-primary);background:var(--color-surface)}.storefront-search__submit{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;background:var(--brand-primary);color:#fff;cursor:pointer;border-radius:999px;flex-shrink:0}.storefront-catnav{display:flex;align-items:center;gap:var(--space-5);min-width:0;margin-right:auto;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.storefront-catnav::-webkit-scrollbar{display:none}.storefront-catnav a{font-size:var(--font-size-base);font-weight:600;color:var(--color-ink-muted);text-decoration:none;padding-bottom:3px;border-bottom:2px solid transparent;transition:color .15s var(--ease),border-color .15s var(--ease);flex-shrink:0}.storefront-catnav a:hover{color:var(--brand-primary);border-bottom-color:var(--brand-primary)}.storefront-catnav a:first-child{color:var(--brand-primary)}.storefront-mobile-nav{display:none;flex-direction:column;padding:var(--space-2) var(--space-6) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.storefront-mobile-nav a{padding:var(--space-3) 0;font-weight:600;color:var(--color-ink);text-decoration:none;border-bottom:1px solid var(--color-border)}.storefront-mobile-nav a:last-child{border-bottom:none}@media (max-width: 760px){.storefront-menu-toggle{display:flex}.storefront-catnav{display:none}.storefront-mobile-nav{display:flex}}.storefront main{max-width:1160px;margin:0 auto;padding:var(--space-6)}.storefront footer{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-8);padding:var(--space-6);border-top:1px solid var(--color-border);color:var(--color-ink-muted);font-size:var(--font-size-sm)}.grid-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--space-5)}.product-card{display:block;text-decoration:none;color:inherit;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface);transition:box-shadow .15s var(--ease),transform .15s var(--ease),border-color .15s var(--ease)}.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:transparent}.product-card img{width:100%;aspect-ratio:3 / 4;object-fit:cover;background:var(--color-surface-alt);display:block;transition:transform .4s var(--ease)}.product-card:hover img{transform:scale(1.05)}.product-card .product-card-body{padding:var(--space-4)}.product-card .product-title{font-weight:600;margin-bottom:var(--space-1);font-size:var(--font-size-sm)}.price{font-weight:700;color:var(--brand-primary)}.price-compare{color:var(--color-ink-muted);text-decoration:line-through;font-weight:400;margin-right:var(--space-2)}.pdp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-7);align-items:start}.pdp-image{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);background:var(--color-surface-alt)}.pdp-image img{width:100%;display:block;aspect-ratio:4 / 5;object-fit:cover}.pdp-gallery__thumbs{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.pdp-gallery__thumb{width:64px;height:64px;padding:0;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--color-border);background:var(--color-surface-alt);cursor:pointer;transition:border-color .15s var(--ease)}.pdp-gallery__thumb img{width:100%;height:100%;object-fit:cover;display:block}.pdp-gallery__thumb--active{border-color:var(--brand-primary)}.pdp-details h1{font-size:var(--font-size-3xl);margin-bottom:var(--space-3)}.pdp-price{font-size:var(--font-size-2xl);margin:0 0 var(--space-5)}.pdp-size-swatches{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pdp-size-swatch{min-width:48px;padding:.6rem .9rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:border-color .15s var(--ease),background .15s var(--ease),transform .1s var(--ease)}.pdp-size-swatch:hover{border-color:var(--brand-primary)}.pdp-size-swatch--selected{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.pdp-qty-stepper{display:inline-flex;align-items:stretch;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;width:100%}.pdp-qty-stepper button{border:none;background:var(--color-surface-alt);width:40px;font-size:var(--font-size-lg);font-weight:600;cursor:pointer;color:var(--color-ink);transition:background .15s var(--ease)}.pdp-qty-stepper button:hover{background:var(--color-border)}.pdp-qty-stepper input{border:none!important;border-left:1px solid var(--color-border)!important;border-right:1px solid var(--color-border)!important;border-radius:0!important;text-align:center;width:100%;-moz-appearance:textfield}.pdp-qty-stepper input::-webkit-outer-spin-button,.pdp-qty-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pdp-buy-btn{width:100%;padding:.9rem 1.5rem;font-size:var(--font-size-lg);border-radius:999px;margin-top:var(--space-2)}@media (max-width: 760px){.pdp{grid-template-columns:1fr}}.pdp-related{margin-top:var(--space-9)}.pdp-related h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-5)}.storefront .grid-products>*{opacity:0;transform:translateY(18px);transition:opacity .5s var(--ease),transform .5s var(--ease)}.storefront .grid-products>*.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.storefront .grid-products>*{opacity:1;transform:none;transition:none}}.section-stack>*{margin-bottom:var(--space-7)}.section-stack>*:last-child{margin-bottom:0}.section-stack>[id]{scroll-margin-top:100px}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}.section-bg-band{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.section-bg-band__inner{max-width:1160px;margin:0 auto;padding:var(--space-7) var(--space-6)}.section-bg-band--dark{color:#ffffffeb}.section-bg-band--dark .section-eyebrow{color:#fff;opacity:.85}.section-bg-band--dark .section-feature-grid__subheading{color:#ffffffbf}.section-hero{position:relative;border-radius:var(--radius-xl);overflow:hidden;margin:calc(var(--space-6) * -1) calc(var(--space-6) * -1) var(--space-7)}.section-hero--square{border-radius:0;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.storefront .section-stack:first-child .section-hero{margin-top:calc(var(--space-6) * -1)}.section-hero__image{width:100%;max-height:560px;min-height:320px;object-fit:cover;display:block}.section-hero__overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:var(--space-9) var(--space-7);color:#fff}.section-hero:has(.section-hero__image) .section-hero__overlay{background-image:linear-gradient(180deg,#0000000d,#00000040);text-shadow:0 2px 16px rgba(0,0,0,.35)}.section-hero:not(:has(.section-hero__image)) .section-hero__overlay{position:static;color:var(--color-ink);background:var(--color-surface-alt)!important;padding:var(--space-9) var(--space-7)}.section-hero__heading{font-size:clamp(2.1rem,4.5vw,var(--font-size-4xl));margin:0 0 var(--space-3)}.section-hero__subheading{font-size:var(--font-size-lg);font-weight:400;opacity:.92;margin:0 0 var(--space-5);max-width:640px}.section-hero .btn-primary,.section-hero .btn-outline,.section-image__overlay .btn-primary,.section-image__overlay .btn-outline{padding:.85rem 1.9rem;font-size:var(--font-size-base);width:fit-content;border-radius:999px;letter-spacing:.02em;text-transform:uppercase;font-weight:700}.section-spotlight__card{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-7);align-items:center;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-7)}.section-spotlight--overlap{margin-top:calc(var(--space-8) * -1);position:relative;z-index:5}.section-spotlight__image{position:relative}.section-spotlight__image .pdp-image{border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface-alt);border:1px solid var(--color-border);box-shadow:none}.section-spotlight__image .pdp-image img{width:100%;aspect-ratio:4 / 5;object-fit:cover;display:block}.section-spotlight__image-placeholder{width:100%;aspect-ratio:4 / 5;background:var(--color-surface-alt)}.section-spotlight__badge{position:absolute;top:var(--space-4);left:var(--space-4);background:var(--brand-primary);color:#fff;font-size:var(--font-size-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);z-index:1}.section-spotlight__details h2{font-family:var(--font-display);font-size:var(--font-size-3xl);line-height:1.15;margin:var(--space-1) 0 var(--space-2)}.section-spotlight__price{font-size:var(--font-size-xl);margin-bottom:var(--space-4)}.section-spotlight__description{color:var(--color-ink-muted);margin-bottom:var(--space-5)}@media (max-width: 760px){.section-spotlight__card{grid-template-columns:1fr}.section-spotlight--overlap{margin-top:calc(var(--space-6) * -1)}}.section-buttons{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-2)}.section-text{max-width:720px;margin-left:auto;margin-right:auto}.section-text h2{font-size:var(--font-size-2xl)}.section-image-text{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-7);align-items:center}.section-image-text h2{font-size:var(--font-size-2xl)}.section-image-text--right{direction:rtl}.section-image-text--right>*{direction:ltr}.section-image-text__image img{width:100%;border-radius:var(--radius-lg);display:block;aspect-ratio:4 / 3;object-fit:cover}.section-image-text__image--contain{background:var(--color-surface-alt);border-radius:var(--radius-lg)}.section-image-text__image--contain img{object-fit:contain}@media (max-width: 700px){.section-image-text{grid-template-columns:1fr}.section-image-text--right{direction:ltr}}.section-collection-grid__intro{text-align:center;max-width:640px;margin:0 auto var(--space-7)}.section-collection-grid__intro .section-eyebrow{text-align:center}.section-collection-grid__intro h2{font-size:var(--font-size-3xl);margin:0}.section-image{position:relative;border-radius:var(--radius-xl);overflow:hidden}.section-image img{width:100%;max-height:640px;min-height:220px;object-fit:cover;display:block}.section-image__overlay{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;padding:var(--space-6);background-image:linear-gradient(0deg,#00000073,#0000)}.section-eyebrow{font-size:var(--font-size-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-primary);margin:0 0 var(--space-2)}.section-eyebrow--overlay{color:#fff;opacity:.85}.section-feature-grid__intro{text-align:center;max-width:640px;margin:0 auto var(--space-7)}.section-feature-grid__intro .section-eyebrow{text-align:center}.section-feature-grid__intro h2{font-size:var(--font-size-3xl);margin:0 0 var(--space-3)}.section-feature-grid__subheading{color:var(--color-ink-muted);font-size:var(--font-size-lg)}.section-feature-grid__items{display:grid;grid-template-columns:repeat(var(--feature-grid-columns, 3),1fr);gap:var(--space-5)}@media (max-width: 760px){.section-feature-grid__items{grid-template-columns:1fr}}.feature-card,.testimonial-card,.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:transform .15s var(--ease),box-shadow .15s var(--ease),border-color .15s var(--ease)}.feature-card{padding:var(--space-6);text-align:center}.feature-card:has(.feature-card__cta):hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.feature-card__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--brand-primary) 12%,white);font-size:1.6rem}.feature-card__icon--image{background:none;overflow:hidden}.feature-card__icon--image img{width:100%;height:100%;object-fit:cover;display:block}.feature-card h3{font-size:var(--font-size-lg);margin:0 0 var(--space-2)}.feature-card p{color:var(--color-ink-muted);font-size:var(--font-size-sm);margin:0}.feature-card__cta{margin-top:var(--space-4)}.section-testimonials{max-width:1000px;margin-left:auto;margin-right:auto}.section-testimonials__intro{text-align:center;max-width:640px;margin:0 auto var(--space-7)}.section-testimonials__intro .section-eyebrow{text-align:center}.section-testimonials__intro h2{font-size:var(--font-size-3xl);margin:0}.section-testimonials__items{display:grid;grid-template-columns:repeat(var(--testimonials-columns, 3),1fr);gap:var(--space-5)}@media (max-width: 760px){.section-testimonials__items{grid-template-columns:1fr}}.testimonial-card{padding:var(--space-6)}.testimonial-card__quote{font-size:var(--font-size-lg);font-family:var(--font-display);line-height:1.5;margin:0 0 var(--space-5)}.testimonial-card__author{display:flex;align-items:center;gap:var(--space-3)}.testimonial-card__avatar{width:44px;height:44px;border-radius:999px;object-fit:cover;flex-shrink:0}.testimonial-card__name{font-weight:700;font-size:var(--font-size-sm)}.testimonial-card__role{color:var(--color-ink-muted);font-size:var(--font-size-xs)}.section-faq{max-width:760px;margin-left:auto;margin-right:auto}.section-faq__intro{text-align:center;max-width:640px;margin:0 auto var(--space-7)}.section-faq__intro .section-eyebrow{text-align:center}.section-faq__intro h2{font-size:var(--font-size-3xl);margin:0}.section-faq__list{display:flex;flex-direction:column;gap:var(--space-3)}.faq-item{padding:var(--space-4) var(--space-5)}.faq-item:hover{border-color:var(--brand-primary)}.faq-item summary{cursor:pointer;font-weight:700;list-style:none;display:flex;align-items:center;justify-content:space-between}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:1.3rem;font-weight:400;color:var(--brand-primary);transition:transform .15s var(--ease);margin-left:var(--space-3);flex-shrink:0}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{color:var(--color-ink-muted);margin:var(--space-3) 0 0}.auth{display:flex;align-items:center;justify-content:center;min-height:100vh}.auth .card{width:100%;max-width:420px}.wizard-layout{display:grid;grid-template-columns:1fr 380px;gap:var(--space-6);align-items:start}@media (max-width: 860px){.wizard-layout{grid-template-columns:1fr}.wizard-layout__preview{order:-1;position:static}}.wizard-layout__preview{position:sticky;top:var(--space-5)}.wizard-steps{display:flex;align-items:center;margin-bottom:var(--space-6)}.wizard-step{display:flex;align-items:center;gap:var(--space-2);background:none;border:none;padding:0;cursor:pointer;font:inherit;color:var(--color-ink-muted)}.wizard-step:disabled{cursor:not-allowed}.wizard-step__badge{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-weight:700;font-size:var(--font-size-sm);background:var(--color-surface);border:2px solid var(--color-border);color:var(--color-ink-muted);flex-shrink:0;transition:all .15s var(--ease)}.wizard-step--done .wizard-step__badge{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.wizard-step--active .wizard-step__badge{border-color:var(--brand-primary);color:var(--brand-primary);box-shadow:0 0 0 4px var(--brand-primary-soft)}.wizard-step--active .wizard-step__label{color:var(--color-ink);font-weight:600}.wizard-step__connector{flex:1;height:2px;background:var(--color-border);margin:0 var(--space-2);min-width:var(--space-5)}.wizard-step--done+.wizard-step__connector{background:var(--brand-primary)}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);text-align:center;padding:var(--space-7) var(--space-5);border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-alt);cursor:pointer;transition:all .15s var(--ease)}.dropzone:hover{border-color:var(--brand-primary);background:var(--brand-primary-soft)}.dropzone--dragover{border-color:var(--brand-primary);background:var(--brand-primary-soft);transform:scale(1.01)}.dropzone__icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-surface);color:var(--brand-primary);box-shadow:var(--shadow-sm)}.dropzone__title{font-weight:600;color:var(--color-ink)}.dropzone__hint{font-size:var(--font-size-sm);color:var(--color-ink-muted)}.dropzone input[type=file]{display:none}.designer-preview{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.designer-preview__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-3)}.designer-preview__color{font-size:var(--font-size-sm);color:var(--color-ink-muted)}.designer-preview__canvas{position:relative;width:100%;aspect-ratio:3 / 4;border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface-alt)}.designer-preview__canvas>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.designer-preview__box{position:absolute;border:2px dashed var(--brand-primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:#ffffff59}.designer-preview__design{width:100%;height:100%;object-fit:contain}.designer-preview__placeholder{font-size:var(--font-size-xs);font-weight:600;color:var(--brand-primary);text-align:center;padding:var(--space-2)}.placement-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.placement-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;text-align:center;transition:all .15s var(--ease);font:inherit}.placement-card:hover{border-color:var(--brand-primary)}.placement-card--selected{border-color:var(--brand-primary);background:var(--brand-primary-soft)}.placement-card__icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--color-surface-alt);display:flex;align-items:center;justify-content:center}.placement-card--selected .placement-card__icon{background:var(--brand-primary)}.placement-card__icon-fill{width:18px;height:18px;border-radius:4px;background:var(--brand-primary)}.placement-card--selected .placement-card__icon-fill{background:#fff}.placement-card__label{font-size:var(--font-size-sm);font-weight:600}.color-swatch-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.color-swatch{position:relative;width:32px;height:32px;border-radius:50%;border:2px solid var(--color-border);cursor:pointer;padding:0;transition:all .15s var(--ease)}.color-swatch:hover{transform:scale(1.15)}.color-swatch--selected{border-color:var(--brand-primary, var(--color-ink));box-shadow:0 0 0 3px var(--brand-primary-soft)}.color-swatch--has-override:after{content:"";position:absolute;top:-2px;right:-2px;width:10px;height:10px;border-radius:50%;background:var(--color-danger);border:2px solid var(--color-surface)}.placement-preview-box{position:absolute;border:1.5px dashed var(--brand-primary, var(--color-ink));box-shadow:0 0 0 1px #fff9}