/* Aynam — one visual language across discovery, configuration and checkout. */
:root{--ink:#1d1d1f;--muted:#74747a;--paper:#fff;--line:#e5e5e9;--lime:#f5f5f7;--olive:#1d1d1f;--serif:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--accent-ui:#426b56;--ease:cubic-bezier(.2,.8,.2,1)}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
em,h1 em,h2 em{font-family:inherit;font-style:normal;letter-spacing:inherit;font-weight:inherit}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
:is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #537c6d;outline-offset:3px}
.shop-header,.checkout-header,.immersive-editor .topbar{height:76px;padding:0 max(28px,5vw);background:#ffffffed;border-bottom:1px solid #ededf0;backdrop-filter:blur(20px);box-shadow:none}
.shop-brand img,.checkout-header .shop-brand img,.wordmark img{display:block;width:142px;height:auto;max-height:43px;object-fit:contain}
.shop-header nav{font-size:13px;gap:30px;color:#535359}
.cta,.cta.pale,.button.primary,.mobile-checkout-bar button{border-radius:999px;background:#1d1d1f;border-color:#1d1d1f;color:#fff;font-weight:550;box-shadow:none;min-height:48px}
.cta.small{min-height:40px;padding:10px 20px;font-size:13px}.cta span{font-size:18px}
.hero{max-width:1440px;margin:auto;min-height:720px;padding:32px 6% 54px;gap:5%;grid-template-columns:1fr 1.05fr;align-items:center}
.hero-copy{order:0;padding:0}.hero-visual{order:1;min-height:0;height:650px;max-height:none;aspect-ratio:auto;background:#f4f4f6;border-radius:32px;isolation:isolate}
.hero-visual::after{display:none}.hero-visual>img{visibility:hidden}.hero-visual>canvas{object-fit:contain;object-position:center;mask-image:none;-webkit-mask-image:none}
.hero .overline{font-size:12px;font-weight:600;letter-spacing:.03em;margin-bottom:22px;color:#626268}.overline>span{background:#1d1d1f}
.hero h1{font-family:inherit;font-size:clamp(44px,5.1vw,72px);font-weight:650;letter-spacing:-.065em;line-height:1.06;margin:0 0 24px}.hero h1 em{font-size:inherit;color:#8a8a90;white-space:normal}
.hero-description{font-size:18px;line-height:1.65;color:#77777e;max-width:390px}
.hero-personalize{max-width:460px}.hero-personalize>div{border:1px solid #d9d9df;background:white;border-radius:18px;box-shadow:none;padding:6px}.hero-personalize input{color:#1d1d1f;font-size:15px}.hero-personalize .cta{border-radius:12px;min-height:48px;font-size:13px}.hero-personalize small{font-size:11px;color:#818188}
.hero-notes{color:#7a7a82}.hero-actions .quiet-link{color:#426b56}.hero-actions .cta{display:none}
.hero-carousel{left:50%;bottom:24px;transform:translateX(-50%);background:#ffffffed;box-shadow:0 8px 24px #1717250b;border:1px solid #e4e4e9;padding:5px;gap:3px;white-space:nowrap}.hero-carousel button{padding:13px 18px;color:#6a6a70;font-size:12px;font-weight:500}.hero-carousel button[aria-pressed=true]{background:#1d1d1f}
.value-strip{background:#f5f5f7;border:0;color:#78787e;letter-spacing:.045em;font-size:11px;min-height:76px}.value-strip i{color:#b7b7bd}
.section{max-width:1440px;margin:auto;padding:100px 6%}.section .overline{font-size:11px;letter-spacing:.05em;color:#85858b}.section h2{font-weight:650;letter-spacing:-.05em;font-size:clamp(32px,3.8vw,52px)}.section h2 em{color:#86868b}.section-top>p{font-size:16px;line-height:1.7;max-width:365px;color:#77777e}
.space-grid{gap:22px}.space-card{background:#f5f5f7;border-radius:26px;padding:10px 10px 25px;overflow:hidden}.space-card>div{height:390px;border-radius:20px;margin-bottom:21px;background:#f4f4f6}.space-card img{object-fit:contain}.space-card>.space-type,.space-card>h3,.space-card>p{margin-left:16px;margin-right:16px}.space-type{font-size:10px;color:#88888e;letter-spacing:.05em}.space-card h3{font-weight:600;font-size:22px;margin-top:10px}.space-card p{font-size:14px;color:#86868b}
.craft{max-width:none;background:#1d1d1f;border-radius:0;color:#fff;padding-inline:max(6%,calc((100vw - 1268px)/2));gap:12%}.craft .overline{color:#a1a1a8}.craft h2 em{color:#929298}.craft-intro>p:not(.overline),.steps p{color:#a1a1a8}.steps li{border-color:#3e3e43}.steps li>span{font-family:inherit;color:#77777e;font-size:17px}.steps h3{font-size:22px;font-weight:550}.craft .cta.pale{background:#fff;color:#1d1d1f;border-color:#fff}
.size-grid>a{border-radius:22px;background:#f5f5f7;border:1px solid transparent;padding:25px}.size-grid .size-featured{background:#f5f5f7;border-color:#1d1d1f;box-shadow:none}.size-featured::after{background:#1d1d1f!important}.size-grid>a>span{font-size:10px;letter-spacing:.045em}.size-grid h3{font-weight:550}.size-grid>a>div{border-color:#dddde3}.size-grid b{color:#426b56;font-size:12px}.closing{background:#f5f5f7;padding:88px 20px}.closing h2{font-size:56px;font-weight:650;letter-spacing:-.055em}.closing h2 em{color:#85858b}.closing .overline{font-size:10px;color:#85858b;letter-spacing:.06em}
.shop-footer{background:#fff;padding-inline:6%}.shop-footer .shop-brand img{width:125px}.shop-footer small,.shop-footer p{color:#85858b}
.checkout-shell{max-width:1120px;padding-top:52px}.checkout-title{font-size:48px;line-height:1.1;font-weight:650;letter-spacing:-.05em}.checkout-title em{color:#85858b}.checkout-sub{color:#85858b}.checkout-card{border:1px solid #e5e5e9;background:#fff;border-radius:22px;box-shadow:none;padding:28px}.checkout-card h2{font-size:20px;font-weight:600}.order-summary{background:#f5f5f7}.order-preview{background:#e9eaee;border-radius:14px;object-fit:contain}.order-meta{font-size:13px;line-height:1.7;color:#77777e}.notice{background:#f5f5f7;border:1px solid #e4e4ea;color:#77777e;border-radius:14px;padding:18px;line-height:1.65}.notice strong{color:#1d1d1f}.step-dot{background:#efeff2;color:#1d1d1f}.breadcrumb{color:#85858b}.form-field input,.form-field textarea{border-radius:12px;border-color:#d5d5dc;min-height:48px}.mobile-checkout-bar{background:#ffffffed;border-color:#e5e5e9;backdrop-filter:blur(20px)}.fulfillment-trust span{background:#fff;color:#77777e;border-color:#e4e4e9}.included-personalization{background:#ececf0;color:#77777e}
/* The configurator is a stage with a compact, persistent inspector. */
.immersive-editor{--editor-height:calc(100dvh - 76px);--tool-height:45dvh}
.immersive-editor body{background:#f5f5f7}.immersive-editor .studio-context strong{font-size:13px;font-weight:550}.immersive-editor .studio-context span{font-size:11px;color:#85858b}
.immersive-editor .page-shell{height:var(--editor-height);padding:0}.immersive-editor .workspace{height:100%;margin:0;border:0;border-radius:0}.immersive-editor .preview,.immersive-editor .stage{background:#f0f1f4;border:0;box-shadow:none;border-radius:0}.immersive-editor .stage{padding:24px 24px 112px}.immersive-editor .canvas-wrap{border-radius:0;box-shadow:none;filter:none;mask-image:none;-webkit-mask-image:none}.immersive-editor #previewCanvas{border-radius:0;box-shadow:none}
.immersive-editor .preview-header,.immersive-editor .stage-label,.immersive-editor .stage-corner,.immersive-editor .preview-footer,.immersive-editor .scene-strip{display:none}
.immersive-editor .controls{background:#fff;border:1px solid #e2e2e8;box-shadow:0 20px 70px #1414280d;border-radius:24px;overflow:hidden}.immersive-editor .control-title{border-bottom:1px solid #eeeef2;padding:21px 24px;min-height:66px}.immersive-editor .control-title h2{font-size:20px;letter-spacing:-.5px;font-weight:600}.immersive-editor .control-title .pill,.immersive-editor .control-title #saveStatus{display:none}.immersive-editor .panels{scrollbar-width:thin;scrollbar-color:#d7d7df transparent}.immersive-editor .panel{padding:24px}.immersive-editor .section-heading h3{font-size:15px;font-weight:600}.immersive-editor .section-heading>span{font-size:10px;color:#85858b}.immersive-editor .help{font-size:11px;line-height:1.6;color:#929298}
.purchase-config{padding:0;background:none;border:0}.purchase-kicker{display:none}.purchase-heading{margin-top:28px}.size-pricing{gap:9px}.size-pricing button{border:1px solid #dedee5;border-radius:13px;background:#fff;min-height:90px;padding:15px}.size-pricing button[aria-pressed=true]{border-color:#1d1d1f;background:#f5f5f7;box-shadow:inset 0 0 0 1px #1d1d1f}.size-pricing .size-name{font-size:14px}.size-pricing [data-size-price]{font-size:13px;color:#1d1d1f}.popular-size em{background:#1d1d1f;border-radius:0 10px 0 7px;letter-spacing:.02em;font-size:7px}
.product-option-heading{margin-top:25px}.product-option-heading>div>span{display:none}.product-option-heading strong{font-size:15px}.product-option-heading>small{color:#85858b;font-size:10px}
.lighting-choice-grid button{border-radius:13px;min-height:69px}.lighting-choice-grid button[aria-pressed=true]{background:#f5f5f7;border-color:#1d1d1f;box-shadow:inset 0 0 0 1px #1d1d1f}.lighting-choice-grid strong{font-size:12px}.lighting-choice-grid small{font-size:10px;margin-top:5px}.lighting-choice-grid button[aria-pressed=true] .choice-radio:after{background:#1d1d1f}.choice-radio{border-color:#aaaab3}.led-tone-field[data-disabled=true]{display:none}.led-tone-field{padding:15px;border-radius:13px;margin-top:12px}.tone-label{font-size:11px}.led-tone-choices{grid-template-columns:repeat(6,1fr)!important;gap:2px}.led-tone-choices button{min-height:55px;padding:5px 1px;font-size:9px;border-radius:10px}.led-tone-choices button i{width:22px;height:22px}.led-tone-choices button[aria-pressed=true]{border-color:#1d1d1f;background:#f5f5f7}
.format-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.format-options button{background:#fff;border:1px solid #dedee5;border-radius:14px;padding:14px 7px 12px;display:flex;align-items:center;gap:10px;flex-direction:column;min-height:106px}.format-options button[aria-pressed=true]{background:#f5f5f7;border-color:#1d1d1f;box-shadow:inset 0 0 0 1px #1d1d1f}.format-options strong{font-size:11px;font-weight:550}.format-mini{display:block;position:relative;width:27px;height:47px;border:2px solid #4c4c53;border-radius:7px;background:linear-gradient(140deg,#e9e9ed,#b9c3c8)}.format-mini:before{content:'';position:absolute;left:1px;right:1px;top:2px;height:9px;background:white;border-radius:3px 3px 0 0}.format-mini.post:after{content:'';position:absolute;bottom:1px;left:1px;right:1px;height:10px;background:#fff;border-radius:0 0 3px 3px}.format-mini.story:before{height:2px;top:5px;left:3px;right:3px}.format-mini.live:before{height:4px;width:9px;background:#e74271;top:5px;left:auto;right:2px}
.frame-picker{margin:22px 0}.frame-options{display:flex;gap:8px}.frame-options button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 5px;background:white;border:1px solid #dedee5;border-radius:12px;font-size:11px;min-height:44px}.frame-options button[aria-pressed=true]{border-color:#1d1d1f;background:#f5f5f7}.frame-options i{width:17px;height:17px;border-radius:50%;background:var(--finish);box-shadow:inset 0 0 0 1px #00000012}
.purchase-total-card{background:#f5f5f7;color:#1d1d1f;border-radius:14px;padding:17px;margin-top:18px}.purchase-total-card strong{font-size:24px;letter-spacing:-.6px}.purchase-total-card span small,.purchase-total-card p{color:#85858b}.purchase-total-card p{font-size:10px}.included-strip{gap:5px}.included-strip span{background:#fff;border:0;padding:3px;font-size:9px;color:#85858b}.style-free-note,.pricing-policy-note,.inline-note{background:#f5f5f7;border-color:#e8e8ed;color:#77777e}.instagram-note{display:none}
.immersive-editor .field>span{font-size:12px}.immersive-editor input:not([type=range]):not([type=checkbox]):not([type=color]),.immersive-editor textarea,.immersive-editor select{border-color:#d9d9e0;border-radius:11px;min-height:46px;background:white;font-size:14px;color:#1d1d1f}.immersive-editor .upload{border-radius:16px;background:#f5f5f7;border-color:#d9d9e0}.immersive-editor .button.secondary{border-radius:12px;background:white;border-color:#d9d9e0;color:#1d1d1f;min-height:44px}.segmented button[aria-pressed=true]{background:#1d1d1f;color:white;border-color:#1d1d1f}.scene-card[aria-pressed=true]{border-color:#1d1d1f;background:#f5f5f7}
.immersive-editor .stage>.preview-shortcuts{background:#ffffffed;border:1px solid #e2e2e8;box-shadow:0 8px 35px #1414280c;backdrop-filter:blur(20px);border-radius:22px;padding:7px;gap:5px}.immersive-editor .preview-shortcuts button{border-radius:15px;min-height:51px;font-size:12px;color:#77777e}.immersive-editor .preview-shortcuts button[aria-expanded=true]{background:#f0f0f3;color:#1d1d1f}.immersive-editor .preview-shortcuts .shortcut-order{background:#1d1d1f;color:white}.immersive-editor .mobile-zoom{box-shadow:none;background:#ffffffd9;color:#53535a;border:1px solid #dddde4}.immersive-editor .mobile-zoom[aria-pressed=true]{background:#1d1d1f;color:#fff}
.immersive-editor[data-print-theme=dark] .stage,.immersive-editor[data-print-theme=dark] .preview{background:#1d2024}
@media(min-width:761px){.immersive-editor.tool-open .stage{padding-right:440px}.immersive-editor .controls,.immersive-editor.tool-open .controls{top:22px;right:24px;left:auto;bottom:110px;width:390px;height:auto;max-height:none}.immersive-editor .stage>.preview-shortcuts{left:calc((100% - 430px)/2);bottom:24px}.immersive-editor:not(.tool-open) .stage>.preview-shortcuts{left:50%}.immersive-editor .controls .control-bottom{display:none}}
@media(max-width:760px){
 .shop-header,.checkout-header,.immersive-editor .topbar{height:62px;padding:0 20px}.shop-brand img,.checkout-header .shop-brand img,.wordmark img{width:119px;max-height:34px}.shop-header .cta.small{min-height:36px;font-size:11px;padding:8px 15px}
 .hero{display:flex;flex-direction:column;padding:16px 20px 45px;gap:25px;min-height:0}.hero-visual{order:0;height:49svh;min-height:310px;max-height:470px;width:100%;border-radius:24px;aspect-ratio:auto}.hero-copy{order:1;width:100%}.hero h1{font-size:44px;line-height:1.07;margin-bottom:18px;letter-spacing:-.055em}.hero .overline{font-size:10px;margin-bottom:15px}.hero-description{font-size:15px;line-height:1.65;margin-bottom:18px;max-width:340px}.hero-carousel{bottom:16px}.hero-carousel button{padding:11px 14px;font-size:11px}.mobile-fixed-cta{background:#ffffffed;border-top:1px solid #e9e9ed;backdrop-filter:blur(20px);box-shadow:0 -5px 25px #12122406;padding:9px 12px calc(9px + env(safe-area-inset-bottom))}.mobile-fixed-cta .hero-personalize>div{border-radius:16px}.mobile-fixed-cta .hero-personalize small{font-size:10px;min-height:0;padding:5px 2px 0}.mobile-fixed-cta .hero-personalize input{font-size:16px;min-width:0}.mobile-fixed-cta .hero-personalize .cta{font-size:12px;min-height:44px}
 .value-strip{min-height:64px;gap:10px;font-size:8px;letter-spacing:.03em}.section{padding:62px 20px}.section h2{font-size:35px}.section-top>p{font-size:14px}.space-grid{gap:18px}.space-card>div{height:370px}.space-card h3{font-size:22px}.craft{padding:58px 25px}.closing{padding:62px 20px}.closing h2{font-size:42px}.closing .overline{font-size:9px}.size-grid>a{padding:19px 16px}.size-grid h3{font-size:25px}.size-grid p{font-size:12px}.size-grid>a>div{display:grid}.size-grid b{font-size:10px}.checkout-shell{padding:30px 18px 120px}.checkout-title{font-size:35px}.checkout-card{padding:22px;border-radius:19px}.checkout-sub{font-size:14px}.mobile-checkout-bar button{font-size:13px;border-radius:13px}.mobile-checkout-bar strong{font-size:20px}
 .immersive-editor{--editor-height:calc(100dvh - 62px);--tool-height:min(46dvh,420px)}.immersive-editor .page-shell{height:var(--editor-height)}.immersive-editor .stage{padding:4px 4px calc(89px + env(safe-area-inset-bottom))}.immersive-editor.tool-open .stage{padding:0 4px calc(var(--tool-height) + 92px + env(safe-area-inset-bottom))}.immersive-editor .controls,.immersive-editor.tool-open .controls{left:8px;right:8px;bottom:calc(85px + env(safe-area-inset-bottom));height:var(--tool-height);border-radius:23px}.immersive-editor .control-title{min-height:58px;padding:17px 20px}.immersive-editor .control-title h2{font-size:18px}.immersive-editor .panel{padding:18px}.immersive-editor .stage>.preview-shortcuts{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));padding:5px;border-radius:21px;gap:2px}.immersive-editor .preview-shortcuts button{min-height:57px;font-size:10px;border-radius:15px}.immersive-editor .preview-shortcuts .shortcut-order{min-width:84px}.immersive-editor .mobile-zoom{top:14px;right:14px;font-size:10px;min-height:38px}.immersive-editor .size-pricing button{min-height:84px;padding:13px}.immersive-editor .panels input,.immersive-editor .panels textarea,.immersive-editor .panels select{font-size:16px!important}.format-options button{min-height:96px;padding:10px 5px}.format-mini{height:40px;width:24px}.format-options strong{font-size:11px}.format-picker .help{margin-bottom:0}.purchase-heading{margin-top:23px}.frame-options button{font-size:10px}.immersive-editor.keyboard-open{--tool-height:calc(var(--editor-height) - 95px)}
}
.immersive-editor .stage,.immersive-editor .preview,.hero-visual{background:#f5f5f7}
.size-grid .size-featured:before,.size-grid .size-featured:after{display:none}
.product-thumb:before,.product-thumb:after{box-shadow:none!important}.scene-card img{object-fit:cover;object-position:center;clip-path:inset(12% 27% 17% round 8px);transform:scale(1.3)}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Guided studio: a visible environment switcher and three non-blocking steps. */
.immersive-editor .canvas-wrap:has(canvas[data-view="scene"]){mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 91%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 91%,transparent);-webkit-mask-composite:source-in}
.immersive-editor #stepNext,.immersive-editor #panelOrderButton{background:#244c45;border-color:#244c45;color:#fff}.immersive-editor #stepNext:hover,.immersive-editor #panelOrderButton:hover{background:#193a34;border-color:#193a34}.immersive-editor .toast{background:#263d36;border-color:#36445e;color:#fff}.immersive-editor .mobile-zoom{display:flex;position:absolute;align-items:center;gap:7px;padding:0 12px;border:1px solid #e4e7ee;border-radius:999px;color:#536078}.immersive-editor .mobile-zoom[aria-pressed=true]{background:#263d36;color:#fff}
:root{--ink:#263d36;--accent-ui:#244c45;--olive:#244c45;--muted:#7c8492}
.shop-brand img,.checkout-header .shop-brand img,.wordmark img{width:140px;max-height:40px}.shop-header nav{color:#6c7585}.hero h1 em,.section h2 em,.closing h2 em{color:#78849b}.overline>span{background:#244c45}
.cta,.cta.pale,.button.primary,.mobile-checkout-bar button{background:#244c45;border-color:#244c45;border-radius:14px;box-shadow:0 4px 12px #244c4514}.cta:hover,.button.primary:hover{background:#193a34;border-color:#193a34}.hero-personalize .cta{background:#244c45}.hero-personalize>div{border-color:#d9dfeb}.hero{gap:7%}.hero h1{letter-spacing:-.055em}.craft{background:#263d36}.craft h2 em{color:#97a9ce}.hero-carousel button[aria-pressed=true]{background:#263d36}.hero-visual{border-radius:36px}.shop-footer{background:#f7f8fc}.closing{background:#edf2e8}.size-grid .size-featured{border-color:#244c45;background:#edf5ec}.size-grid b,.quiet-link{color:#244c45}.campaign-strip{background:#263d36}.campaign-strip b{color:#c2d0ff}
.immersive-editor .topbar{height:70px;background:#fff;padding-inline:32px}.immersive-editor .studio-context{color:#7c8492}.immersive-editor .studio-context strong{font-weight:500}.immersive-editor{--editor-height:calc(100dvh - 70px)}
.immersive-editor .controls,.immersive-editor.tool-open .controls{display:flex;flex-direction:column;top:20px;right:24px;left:auto;bottom:22px;width:400px;height:auto;max-height:none;transform:none!important;visibility:visible;opacity:1;pointer-events:auto;border-radius:24px;border-color:#e1e5ed;box-shadow:0 12px 45px #263d3609}
.immersive-editor .controls .tabs{display:flex!important;position:relative;gap:0;padding:12px 18px;border:0;border-bottom:1px solid #ecedf2;flex:none;min-height:62px;background:#fff;order:-1}.immersive-editor .tabs .tab{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 6px;border:0;border-radius:10px;background:transparent;color:#88909c;font-size:12px;font-weight:550;white-space:nowrap}.immersive-editor .tabs .tab>span{display:grid;place-items:center;width:21px;height:21px;background:#f0f2f6;border-radius:50%;color:#8992a2;font-size:10px;line-height:1}.immersive-editor .tabs .tab[aria-selected=true]{background:#edf5ec;color:#244c45}.immersive-editor .tabs .tab[aria-selected=true]>span{background:#244c45;color:white}
.immersive-editor .control-title{flex:none;padding:22px 24px 12px;border:0;min-height:69px}.immersive-editor .control-title h2{font-size:23px;font-weight:600;color:#263d36;letter-spacing:-.7px}.immersive-editor .control-title #closeTool,.immersive-editor .step-progress{display:none}.immersive-editor .panels{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.immersive-editor .panel{padding:15px 24px 24px}
.immersive-editor .controls .control-bottom{display:block!important;flex:none;position:relative;background:#fff;padding:15px 24px 20px;border-top:1px solid #e8ebf2;box-shadow:0 -7px 20px #263d3603}.immersive-editor .control-bottom .design-summary{display:block;padding:0;margin:0 0 12px;border:0}.design-summary>strong{display:none}.design-summary>span{display:flex;justify-content:space-between;font-size:10px;color:#8b92a0}.design-summary #stepTotal{font-size:17px;font-weight:600;color:#263d36;letter-spacing:-.3px}.immersive-editor .step-actions{display:flex;gap:8px}.immersive-editor .step-actions .button{min-height:48px;font-size:13px;border-radius:12px}.immersive-editor #stepBack{flex:0 0 60px;min-width:0;background:#f3f5f9;border:0;color:#7d8797}.immersive-editor #stepBack:disabled{display:none}.immersive-editor #stepNext,.immersive-editor #panelOrderButton{flex:1}.immersive-editor .editor-menu{display:none}
.immersive-editor .stage>.preview-shortcuts{display:none!important}.immersive-editor.tool-open .stage,.immersive-editor .stage{padding:90px 454px 20px 20px}.immersive-editor .scene-switcher{position:absolute;top:23px;left:calc((100% - 434px)/2);transform:translateX(-50%);display:flex;align-items:center;gap:13px;z-index:6}.scene-switcher>span{font-size:9px;letter-spacing:.13em;color:#99a0ac}.immersive-editor .scene-switcher .scene-cards{display:flex;gap:5px;margin:0;padding:5px;border-radius:15px;background:#ffffffdf;border:1px solid #e4e7ee;box-shadow:0 5px 20px #263d3604}.immersive-editor .scene-switcher .scene-card{display:flex;align-items:center;justify-content:center;gap:6px;flex-direction:row;min-width:0;width:auto;min-height:38px;height:auto;border:1px solid transparent;border-radius:10px;padding:6px 11px;background:transparent}.scene-switcher .scene-card>img,.scene-switcher .scene-card .product-thumb,.scene-switcher .selection-dot,.scene-switcher .scene-card small{display:none}.scene-switcher .scene-card>span{padding:0}.scene-switcher .scene-card strong{font-size:11px;font-weight:500;color:#7e8795;white-space:nowrap}.immersive-editor .scene-switcher .scene-card[aria-pressed=true]{background:#edf2ff;border-color:#e2e9fc;box-shadow:none}.scene-switcher .scene-card[aria-pressed=true] strong{color:#244c45}.immersive-editor .mobile-zoom{top:83px;right:459px;z-index:5;box-shadow:none;font-size:10px;background:#ffffffdd;border-color:#e4e7ee;min-height:35px}.immersive-editor .canvas-wrap{transition:width 220ms cubic-bezier(.2,.8,.2,1),height 220ms cubic-bezier(.2,.8,.2,1)}
.format-context{font-size:13px;line-height:1.65;color:#929aaa;margin:0 0 24px}.shape-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.frame-shape-picker{margin:23px 0}.shape-options button{display:flex;align-items:center;gap:14px;text-align:left;padding:15px;border:1px solid #dedfe7;border-radius:13px;background:white;min-height:79px}.shape-options button[aria-pressed=true]{background:#edf5ec;border-color:#244c45;box-shadow:inset 0 0 0 1px #244c45}.shape-options strong{display:block;font-size:12px;font-weight:550;color:#263d36}.shape-options small{display:block;font-size:9px;color:#9098a7;margin-top:5px}.shape-icon{width:24px;height:44px;flex:none;border:2px solid #677386;background:linear-gradient(130deg,#dfe5ed,#f6f7fa);border-radius:7px}.shape-icon.flat{border-radius:1px}
.size-pricing button[aria-pressed=true],.format-options button[aria-pressed=true],.lighting-choice-grid button[aria-pressed=true]{border-color:#244c45;background:#f5f7ff;box-shadow:inset 0 0 0 1px #244c45}.frame-options button[aria-pressed=true]{border-color:#244c45;background:#f5f7ff}.popular-size em{background:#244c45}.format-options strong,.size-pricing .size-name{color:#263d36}.lighting-choice-grid button[aria-pressed=true] .choice-radio:after{background:#244c45}.purchase-total-card{display:none}.included-strip{margin-top:20px}.segmented button[aria-pressed=true]{background:#263d36;border-color:#263d36}.logo-thumb{background:#ecf0f8}.immersive-editor .field>span{color:#536078}.immersive-editor input,.immersive-editor textarea{color:#263d36}.immersive-editor .text-button{color:#244c45}.order-summary{background:#f5f7fc}.order-summary .edit-link{color:#244c45}.checkout-title em{color:#8c99b0}.step-dot{background:#edf2ff;color:#244c45}
@media(max-width:1050px) and (min-width:761px){.immersive-editor .controls,.immersive-editor.tool-open .controls{width:355px;right:14px}.immersive-editor .stage,.immersive-editor.tool-open .stage{padding-right:390px}.immersive-editor .scene-switcher{left:calc((100% - 380px)/2)}.scene-switcher>span{display:none}.immersive-editor .mobile-zoom{right:395px}.immersive-editor .scene-switcher .scene-card{padding-inline:8px}.scene-switcher .scene-card strong{font-size:10px}}
@media(max-width:760px){
 .shop-header,.checkout-header,.immersive-editor .topbar{height:60px;padding:0 20px}.shop-brand img,.checkout-header .shop-brand img,.wordmark img{width:121px}.hero h1{font-size:43px}.hero .overline{letter-spacing:.04em}.hero-visual{border-radius:25px}.mobile-fixed-cta .hero-personalize .cta{background:#244c45}
 .immersive-editor{--editor-height:calc(100dvh - 60px);--tool-height:46dvh}.immersive-editor .controls,.immersive-editor.tool-open .controls{top:auto;left:0;right:0;bottom:0;width:100%;height:var(--tool-height);border-radius:24px 24px 0 0;border:1px solid #e2e6ef;border-bottom:0;overflow:visible;z-index:20}.immersive-editor .controls .tabs{position:fixed;top:60px;left:0;right:0;height:51px;min-height:51px;padding:6px 18px;z-index:30;border-bottom:1px solid #e7eaf2;justify-content:center;box-shadow:none}.immersive-editor .tabs .tab{font-size:12px;padding:6px 10px}.immersive-editor .tabs .tab>span{width:20px;height:20px}.immersive-editor .control-title{min-height:53px;padding:16px 21px 8px}.immersive-editor .control-title h2{font-size:20px}.immersive-editor .panel{padding:13px 21px 20px}.immersive-editor .controls .control-bottom{padding:11px 20px calc(14px + env(safe-area-inset-bottom));border-radius:0}.immersive-editor .control-bottom .design-summary{margin-bottom:9px}.design-summary #stepTotal{font-size:16px}.immersive-editor .step-actions .button{min-height:45px;font-size:12px}.immersive-editor .stage,.immersive-editor.tool-open .stage{padding:109px 8px calc(var(--tool-height) + 16px);height:100%;width:100%}.immersive-editor .scene-switcher{top:62px;left:50%;width:max-content;max-width:calc(100% - 24px);gap:0}.scene-switcher>span{display:none}.immersive-editor .scene-switcher .scene-cards{padding:3px;border-radius:13px;gap:2px}.immersive-editor .scene-switcher .scene-card{min-height:32px;padding:5px 10px;border-radius:9px}.scene-switcher .scene-card strong{font-size:10px}.immersive-editor .mobile-zoom{top:111px;right:14px;min-height:30px;font-size:9px;padding:0 9px;background:#ffffffba}.immersive-editor .mobile-zoom-icon{width:11px;height:11px}.immersive-editor .canvas-wrap{max-width:100%}.immersive-editor.keyboard-open{--tool-height:calc(var(--editor-height) - 53px)}.immersive-editor.keyboard-open .stage{visibility:hidden}.format-options button{min-height:85px}.format-mini{height:34px;width:21px}.format-options{gap:8px}.shape-options button{min-height:70px}.shape-options small{font-size:9px}.included-strip{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){.immersive-editor .canvas-wrap{transition:none}}
.immersive-editor .scene-switcher .scene-cards{flex-direction:row;align-items:center;flex-wrap:nowrap}.immersive-editor .scene-switcher .scene-card{flex:none}
.immersive-editor .admin-ready .controls .editor-menu{display:block}
/* Preview navigation stays below the product, away from the scene selector. */
.environment-canvas{position:absolute;inset:0 auto 0 0;width:calc(100% - 434px);height:100%;object-fit:cover;pointer-events:none;opacity:.8;mask-image:linear-gradient(to bottom,#000 82%,transparent);z-index:-1}.immersive-editor .canvas-wrap{background:transparent!important;box-shadow:none}.immersive-editor .canvas-wrap:has(canvas[data-view="scene"]){mask-image:none;-webkit-mask-image:none}.immersive-editor .stage{isolation:isolate}
@media(max-width:1050px) and (min-width:761px){.environment-canvas{width:calc(100% - 380px)}}
@media(max-width:760px){.environment-canvas{top:51px;bottom:auto;width:100%;height:calc(100% - var(--tool-height) - 51px);opacity:.9;mask-image:linear-gradient(to bottom,#000 90%,transparent)}}
.immersive-editor .mobile-zoom{top:auto;right:auto;bottom:18px;left:calc((100% - 434px)/2);transform:translateX(-50%);min-height:30px;font-size:10px;border-color:#dce1d8;background:#ffffffb8;box-shadow:none;color:#687560}
.immersive-editor .mobile-zoom[aria-pressed=true]{background:#ffffffdf;color:#303d2b;border-color:#c6cfc1}
.immersive-editor .mobile-zoom:active{transform:translateX(-50%) scale(.97)}
.immersive-editor .stage,.immersive-editor.tool-open .stage{padding-bottom:57px}
@media(max-width:1050px) and (min-width:761px){.immersive-editor .mobile-zoom{left:calc((100% - 380px)/2)}}
@media(max-width:760px){.immersive-editor .mobile-zoom{left:50%;right:auto;top:auto;bottom:calc(var(--tool-height) + 9px);min-height:27px;padding:0 11px;font-size:9px}.immersive-editor .stage,.immersive-editor.tool-open .stage{padding-bottom:calc(var(--tool-height) + 44px)}}

/* One camera renders the wall and mounted mirror, including detail views. */
.immersive-editor #previewCanvas{opacity:0}.immersive-editor .environment-canvas{opacity:1;mask-image:none;-webkit-mask-image:none}.immersive-editor .canvas-wrap{transition:none!important}

.scene-overview{position:absolute;left:54px;bottom:22px;z-index:6;width:138px;padding:5px;text-align:left;border:1px solid #ffffffaa;border-radius:13px;background:#fffffff0;box-shadow:0 4px 18px #0001}.scene-overview img{display:block;width:100%;height:62px;object-fit:cover;border-radius:9px}.scene-overview span,.scene-overview small{display:block;padding:3px 5px 0}.scene-overview span{font-size:11px;font-weight:600}.scene-overview small{font-size:9px;color:#657060;padding-bottom:3px}@media(max-width:760px){.scene-overview{left:12px;bottom:calc(var(--tool-height) + 10px);width:102px}.scene-overview img{height:42px}.scene-overview span{font-size:10px}.scene-overview small{font-size:8px}}

/* Frosted studio: one full-bleed room beneath all controls. */
.immersive-editor{--ink:#202d35;--muted:#53616b;--line:#ffffff70;--glass:rgba(248,251,253,.74)}
.immersive-editor .stage,.immersive-editor.tool-open .stage,.immersive-editor .preview,.immersive-editor .workspace{background:transparent!important}
.immersive-editor .environment-canvas{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;object-fit:fill;mask-image:none;-webkit-mask-image:none;opacity:1}
.immersive-editor .controls,.immersive-editor.tool-open .controls{background:linear-gradient(135deg,#ffffffb8,#f1f6fac7);backdrop-filter:blur(28px) saturate(1.2);-webkit-backdrop-filter:blur(28px) saturate(1.2);border:1px solid #ffffffb3;box-shadow:inset 0 1px 0 #fff,0 18px 60px #13202b26;border-radius:28px}
.immersive-editor .topbar{position:relative;z-index:35;background:#f7fafc9c;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid #ffffff80}
.immersive-editor .controls .tabs,.immersive-editor .control-title,.immersive-editor .panels,.immersive-editor .panel{background:transparent}
.immersive-editor .controls .control-bottom{background:#ffffff52;border-top:1px solid #ffffff90;box-shadow:0 -8px 24px #ffffff20}
.immersive-editor .tabs .tab{color:#53616b}.immersive-editor .tabs .tab[aria-selected=true]{background:#ffffffad;box-shadow:inset 0 1px 0 #fff,0 2px 8px #18293408;color:#244c45}
.immersive-editor .scene-switcher .scene-cards,.immersive-editor .mobile-zoom{background:#f8fbfcb3;border:1px solid #ffffffa8;backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);box-shadow:inset 0 1px 0 #ffffffb3,0 6px 24px #17242a12}
.immersive-editor .scene-switcher .scene-card[aria-pressed=true]{background:#ffffffe0;border-color:#ffffffb0;color:#244c45}
.immersive-editor .format-options button,.immersive-editor .size-pricing button,.immersive-editor .shape-options button,.immersive-editor .frame-options button,.immersive-editor .lighting-options button,.immersive-editor .segmented{background:#ffffff38;border-color:#ffffffa0;box-shadow:inset 0 1px 0 #ffffff60}
.immersive-editor button[aria-pressed=true]:not(.mobile-zoom):not(.scene-card){border-color:#709283;background:#edf5ecd6;color:#244c45}
.immersive-editor .field input,.immersive-editor .field textarea,.immersive-editor .field select,.immersive-editor .prefix-field{background:#ffffff87;border-color:#ffffffc7;color:#202d35}
.immersive-editor .upload,.immersive-editor .included-strip,.immersive-editor .format-context{background:#ffffff42;border-color:#ffffff90}
.immersive-editor .help,.immersive-editor .format-context,.immersive-editor .field small,.immersive-editor .size-pricing small{color:#52606a}
.immersive-editor .button.primary{background:linear-gradient(135deg,#3977f4,#2459d9);border:1px solid #83a9ff;box-shadow:inset 0 1px 0 #ffffff50,0 5px 16px #2259da25;color:#fff}
@media(max-width:760px){.immersive-editor .controls,.immersive-editor.tool-open .controls{border-radius:25px 25px 0 0;background:#f5f9fcd6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.immersive-editor .controls .tabs{background:#f8fbfbc9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #fff9}.immersive-editor .environment-canvas{inset:0;width:100vw;height:100dvh}}
@supports not (backdrop-filter:blur(1px)){.immersive-editor .controls,.immersive-editor.tool-open .controls{background:#f4f7f9f5}}
@media(prefers-reduced-transparency:reduce){.immersive-editor .controls,.immersive-editor.tool-open .controls,.immersive-editor .topbar,.immersive-editor .controls .tabs{background:#f4f7f9;backdrop-filter:none}}

/* Action hierarchy: progression, navigation, utilities. */
.immersive-editor{--action-radius:13px;--action-focus:#537c6d}
.immersive-editor .button{border-radius:var(--action-radius);min-height:44px;font-weight:600;transition:background-color 160ms ease,box-shadow 160ms ease}
.immersive-editor .button.primary{background:#244c45;border:1px solid #244c45;color:white;box-shadow:0 4px 12px #244c4520}
.immersive-editor .button.primary:hover:not(:disabled){background:#2555d2;transform:none}
.immersive-editor .button.secondary,.immersive-editor .button.subtle{background:#ffffff70;border:1px solid #ffffffbc;color:#34434e;box-shadow:none}
.immersive-editor .button.secondary:hover:not(:disabled),.immersive-editor .button.subtle:hover:not(:disabled){background:#ffffffb5;transform:none}
.immersive-editor .text-button{background:transparent;border:0;color:#506171;box-shadow:none;font-size:12px;font-weight:500;text-decoration:none}
.immersive-editor .text-button:hover:not(:disabled){color:#244fc0;text-decoration:underline;text-underline-offset:3px}
.immersive-editor .mobile-zoom{display:inline-flex;justify-content:center;gap:0;padding:0 16px;min-width:0;width:auto;min-height:36px;font-weight:500;font-size:11px;line-height:1;border:1px solid #ffffffad;color:#34434e;box-shadow:0 2px 8px #17242a0a}
.immersive-editor .mobile-zoom::before,.immersive-editor .mobile-zoom::after{display:none}
.immersive-editor .prefix-field{border:1px solid #ffffffbf;border-radius:12px;background:#ffffff87;overflow:hidden;box-shadow:inset 0 1px 2px #22334405}
.immersive-editor .prefix-field input{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:none;min-height:46px;padding-left:32px}
.immersive-editor .prefix-field:focus-within{border-color:var(--action-focus);box-shadow:0 0 0 3px #537c6d24}
.immersive-editor button:focus-visible,.immersive-editor a:focus-visible{outline:3px solid #537c6d66;outline-offset:3px}
.immersive-editor .button:disabled{opacity:.42;box-shadow:none;cursor:not-allowed}
@media(prefers-reduced-motion:reduce){.immersive-editor .button{transition:none}}

/* Aynam / warm glass. Shared color and interaction system. */
:root,.immersive-editor,.new-landing{--ink:#263d36;--muted:#64736b;--accent-ui:#244c45;--action-focus:#537c6d;--line:#d4ddd5;--paper:#faf9f5;--glass:#fafbf6b8}
body{color:var(--ink)}
:is(.cta,.button.primary,.mobile-checkout-bar button),.immersive-editor .button.primary,.new-landing .design-link{background:#244c45;border-color:#244c45;color:#fff;box-shadow:inset 0 1px 0 #ffffff20,0 4px 12px #243d3615;border-radius:14px}
:is(.cta,.button.primary):hover,.immersive-editor .button.primary:hover:not(:disabled),.new-landing .design-link:hover{background:#193a34;border-color:#193a34}
:is(a,button,input,select,textarea):focus-visible,.immersive-editor button:focus-visible,.immersive-editor a:focus-visible{outline-color:#719786}
.immersive-editor .topbar{height:64px;padding:0 28px;display:flex;gap:24px;background:#faf9f5b5;border-color:#ffffff80}
.immersive-editor .wordmark{flex:none}.wordmark img,.site-logo img,.shop-brand img{width:132px}
.immersive-editor .studio-context{display:none}
.immersive-editor .topbar .scene-switcher{position:static;transform:none;max-width:none;width:auto;margin:0 auto;gap:0}
.immersive-editor .scene-switcher .scene-cards{border:0;border-radius:0;background:transparent;padding:0;gap:4px;box-shadow:none;backdrop-filter:none}
.immersive-editor .scene-switcher .scene-card{border:0;min-height:32px;padding:7px 12px;border-radius:8px;color:#626f67;background:transparent}
.immersive-editor .scene-switcher .scene-card strong{font-weight:500;font-size:11px}
.immersive-editor .scene-switcher .scene-card[aria-pressed=true]{color:#244c45;background:#ffffffb8;box-shadow:0 1px 3px #21392f08}
.immersive-editor .controls,.immersive-editor.tool-open .controls{background:linear-gradient(125deg,#fffef9c9,#edf2ecc2);border-color:#ffffffe0;box-shadow:inset 0 1px 0 #fff,0 16px 60px #20332920}
.immersive-editor .controls .tabs{position:static;display:flex;flex:none;gap:3px;margin:12px 12px 0;padding:4px;height:48px;min-height:48px;overflow:hidden;border:1px solid #ffffffa0;border-radius:15px;background:#e4ebe36b;box-shadow:none;backdrop-filter:none}
.immersive-editor .tabs .tab{flex:1;height:100%;min-height:0;justify-content:center;border-radius:11px;font-size:12px;font-weight:500;color:#68786f;padding:0 8px;gap:7px}
.immersive-editor .tabs .tab::after{display:none}
.immersive-editor .tabs .tab>span{background:#dbe4dc;color:#64756a;font-size:10px}
.immersive-editor .tabs .tab[aria-selected=true]{background:#ffffffe5;color:#244c45;box-shadow:0 2px 6px #233b3210}
.immersive-editor .tabs .tab[aria-selected=true]>span{background:#244c45;color:#fff}
.immersive-editor .control-title h2{color:#263d36;font-size:21px;letter-spacing:-.6px}
.immersive-editor button[aria-pressed=true]:not(.mobile-zoom):not(.scene-card){border-color:#709283;background:#edf5eccc;color:#244c45;box-shadow:inset 0 0 0 1px #709283}
.immersive-editor .size-pricing .popular-size em{background:#244c45;color:#fff}
.immersive-editor .field input,.immersive-editor .field textarea,.immersive-editor .prefix-field{color:#263d36;background:#fffefa9c}
.immersive-editor .prefix-field:focus-within{border-color:#719786;box-shadow:0 0 0 3px #71978624}
.immersive-editor .text-button{color:#526e60}.immersive-editor .help,.immersive-editor .field small{color:#627468}
.immersive-editor .stage,.immersive-editor.tool-open .stage{padding-top:24px}
.immersive-editor .mobile-zoom{color:#425b4e;background:#fffefa99;font-size:11px;min-height:32px;border:1px solid #ffffffa0;box-shadow:none}
.immersive-editor .control-bottom{color:#263d36}
@media(min-width:761px){.immersive-editor .topbar .scene-switcher{position:absolute;left:calc((100% - 434px)/2);transform:translateX(-50%);margin:0}.immersive-editor .top-actions{margin-left:auto}.immersive-editor .topbar .wordmark img{width:116px}}
@media(min-width:761px) and (max-width:1050px){.immersive-editor .topbar .scene-switcher{left:calc((100% - 380px)/2);margin-left:50px}.immersive-editor .scene-switcher .scene-card{padding-inline:8px}}
@media(max-width:760px){
 .immersive-editor{--editor-height:calc(100dvh - 64px);--tool-height:44dvh}
 .immersive-editor .topbar{height:64px;padding:0 12px;gap:10px;flex-wrap:nowrap}
 .immersive-editor .wordmark img{width:82px;max-height:30px}
 .immersive-editor .topbar .scene-switcher{margin-left:auto;margin-right:0;min-width:0}
 .immersive-editor .scene-switcher .scene-cards{gap:0;max-width:100%}
 .immersive-editor .scene-switcher .scene-card{padding:7px 7px;min-height:34px;border-radius:8px}
 .immersive-editor .scene-switcher .scene-card strong{font-size:10px;white-space:nowrap}
 .immersive-editor .top-actions{display:none}
 .immersive-editor .controls,.immersive-editor.tool-open .controls{border-radius:24px 24px 0 0;height:var(--tool-height);top:auto;left:0;right:0;bottom:0;width:100%}
 .immersive-editor .control-title{display:none}
 .immersive-editor .controls .tabs{position:static;margin:10px 12px 0;padding:4px;min-height:44px;height:44px;background:#e4ebe378;border:1px solid #ffffffad;backdrop-filter:none}
 .immersive-editor .panel{padding:16px 18px 22px}
 .immersive-editor .stage,.immersive-editor.tool-open .stage{padding:14px 14px calc(var(--tool-height) + 52px);height:100%}
 .immersive-editor .mobile-zoom{bottom:calc(var(--tool-height) + 10px)}
 .immersive-editor .format-options button{min-height:73px}.immersive-editor .format-mini{height:29px;width:17px}
 .immersive-editor.keyboard-open{--tool-height:calc(var(--editor-height) - 12px)}
}
@media(max-width:360px){.immersive-editor .wordmark img{width:65px}.immersive-editor .scene-switcher .scene-card{padding-inline:5px}.immersive-editor .scene-switcher .scene-card strong{font-size:9px}}

/* Two-step content model: profile, copy and live controls share one place. */
.immersive-editor .content-details{margin-top:18px;padding-top:18px;border-top:1px solid #ffffff94}
.immersive-editor .tabs .tab{max-width:none}
.immersive-editor .mobile-zoom[hidden]{display:none!important}
@media(max-width:760px){.immersive-editor .content-details{margin-top:15px;padding-top:15px}}

/* Navigation occupies the header's own layout; no inherited stage offsets. */
.immersive-editor .topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px}
.immersive-editor .topbar .scene-switcher{position:static;inset:auto;transform:none;margin:0;justify-self:center;max-width:100%;min-width:0}
.immersive-editor .scene-switcher .scene-cards{max-width:100%;overflow-x:auto;scrollbar-width:none;padding:3px;gap:2px}
.immersive-editor .scene-switcher .scene-card{height:34px;min-height:34px;flex:none;padding:0 11px}
.immersive-editor .scene-switcher .scene-card>span{padding:0}
.immersive-editor .scene-switcher .scene-card strong{line-height:1.2}
.immersive-editor .upload{display:grid;grid-template-columns:44px minmax(0,1fr) 32px;align-items:center;gap:12px;padding:16px;border-radius:16px;min-height:88px}
.immersive-editor .upload .logo-thumb{width:44px;height:44px;flex:none}
.immersive-editor .upload>span:nth-child(2){min-width:0}
.immersive-editor .upload>span:last-child{width:32px;height:32px;display:grid;place-items:center;align-self:center;border-radius:10px;background:#ffffff68;margin:0;padding:0;color:#456455}
.immersive-editor .upload>span:last-child svg{display:block;width:17px;height:17px;margin:0;position:static}
.immersive-editor .upload small{font-size:11px;line-height:1.6}.immersive-editor .upload strong{font-size:13px}
@media(max-width:760px){.immersive-editor .topbar{grid-template-columns:82px minmax(0,1fr);gap:8px;padding:0 10px}.immersive-editor .topbar .scene-switcher{justify-self:end;margin:0}.immersive-editor .scene-switcher .scene-card{padding-inline:7px}.immersive-editor .upload{grid-template-columns:40px minmax(0,1fr) 30px;gap:10px;padding:13px}.immersive-editor .upload .logo-thumb{width:40px;height:40px}}
@media(max-width:360px){.immersive-editor .topbar{grid-template-columns:65px minmax(0,1fr)}.immersive-editor .scene-switcher .scene-card{padding-inline:5px}}

/* Keep the room selector on the true viewport axis, independent of side content. */
@media(min-width:761px){.immersive-editor .topbar .scene-switcher{position:absolute;left:50%;transform:translateX(-50%);margin:0}}

/* Product choices retain their geometry when the light is switched off. */
.immersive-editor .led-tone-field[data-disabled=true]{display:block;opacity:.48}
.immersive-editor .led-tone-field{transition:opacity 160ms ease}
.immersive-editor .panels{overflow-anchor:none}
.immersive-editor .included-strip{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;padding:16px 0;margin:18px 0 0;border:0;border-top:1px solid #ffffff90;background:transparent}
.immersive-editor .included-strip>span{display:flex;align-items:center;gap:8px;padding:0;background:transparent;color:#40594d;font-size:11px;line-height:1.4}
.immersive-editor .included-strip b{font-weight:500}
.immersive-editor .included-strip i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#e0ece2b8;color:#386c53;flex:none}
.immersive-editor .included-strip svg{width:17px;height:17px}
.platform-picker{margin-bottom:24px}
.platform-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
.platform-options button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:70px;border:1px solid #ffffffb8;border-radius:13px;background:#ffffff3d;padding:10px 2px;color:#465950;font-size:10px;transition:background 150ms ease}
.platform-options button>span{display:grid;place-items:center;width:25px;height:25px}
.platform-options svg{width:23px;height:23px}
.platform-options [data-platform=instagram]>span{color:#be417c}.platform-options [data-platform=tiktok]>span{color:#19262b}.platform-options [data-platform=linkedin]>span{color:#0a66c2}.platform-options [data-platform=spotify]>span{color:#168d47}
.immersive-editor .format-options [hidden]{display:none!important}
.immersive-editor .format-options:not(:has([data-format=story]:not([hidden]))) button{min-height:54px;flex-direction:row;gap:14px;padding:10px 16px}
.immersive-editor .format-options:not(:has([data-format=story]:not([hidden]))) .format-mini{width:18px;height:32px}
@media(prefers-reduced-motion:reduce){.platform-options button,.immersive-editor .led-tone-field{transition:none}}
@media(max-width:760px){.platform-options button,.frame-options button,.swatches button,.scene-card,.segmented button{min-height:48px}.platform-options{gap:6px}.scene-card{min-width:70px}.topbar .brand{margin-inline:auto}.topbar #sceneCards{overflow-x:auto;max-width:100%;scrollbar-width:none;justify-content:flex-start}.controls button{touch-action:manipulation}}
@media(max-width:760px){.immersive-editor{--editor-height:calc(100dvh - 112px)}.immersive-editor .topbar{height:112px;grid-template-columns:minmax(0,1fr);grid-template-rows:46px 56px;gap:0;padding:4px 12px 6px}.immersive-editor .topbar .wordmark{grid-row:1;justify-self:center}.immersive-editor .topbar .scene-switcher{grid-row:2;justify-self:stretch;width:100%;max-width:100%;position:static;transform:none}.immersive-editor .scene-switcher .scene-card{height:48px;min-height:48px;padding-inline:12px}.immersive-editor .scene-switcher .scene-card strong{font-size:11px}.immersive-editor .platform-options button,.immersive-editor .frame-options button,.immersive-editor .segmented button{min-height:48px}}
.immersive-editor .topbar{display:none!important}.immersive-editor{--editor-height:100dvh}.scene-arrow{position:absolute;z-index:15;top:45%;width:48px;height:48px;border:1px solid #ffffffc0;border-radius:50%;background:#f7f7f0b8;backdrop-filter:blur(16px);color:#294d42;font-size:24px;display:grid;place-items:center;cursor:pointer;touch-action:manipulation}.scene-prev{left:14px}.scene-next{right:448px}.scene-caption{position:absolute;left:calc((100% - 434px)/2);transform:translateX(-50%);bottom:18px;font-size:11px;color:#53685b;background:#f6f6efd9;padding:5px 12px;border-radius:20px;z-index:5}.scene-arrow:focus-visible{outline:3px solid #557f70;outline-offset:3px}
@media(max-width:1050px) and (min-width:761px){.scene-next{right:394px}}
@media(max-width:760px){.immersive-editor{--editor-height:100dvh;--tool-height:50dvh}.immersive-editor .topbar{display:none!important}.scene-arrow{top:calc((100dvh - var(--tool-height))/2 - 24px);width:48px;height:48px}.scene-prev{left:10px}.scene-next{right:10px}.scene-caption{left:50%;bottom:calc(var(--tool-height) + 12px);font-size:10px}.immersive-editor .controls .tabs{padding:10px;gap:6px}.immersive-editor .controls .tab{min-height:50px;font-size:14px}.immersive-editor .panels{font-size:14px}.immersive-editor .platform-options button{min-height:78px}.immersive-editor .shape-options button{min-height:80px}.immersive-editor .stage,.immersive-editor.tool-open .stage{padding:16px 60px calc(var(--tool-height) + 40px)}}
.immersive-editor .controls .tabs{height:auto;min-height:66px;flex-shrink:0}.immersive-editor .logo-thumb:not(:has(img)){font-size:28px;font-weight:400;background:#edf3eb;color:#31584a}
@property --beam-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes glass-beam{to{--beam-angle:360deg}}
.immersive-editor .controls{background:linear-gradient(145deg,#f9faf0a8,#e7ece2a6)!important;backdrop-filter:blur(28px) saturate(1.35);border:1px solid #ffffffe0;box-shadow:inset 0 1px 1px #fff,0 14px 55px #203a321c}
.immersive-editor :is(.platform-options,.format-options,.size-pricing,.shape-options,.frame-options,.lighting-choice-grid,.led-tone-choices) button[aria-pressed=true],.immersive-editor .tab[aria-selected=true],.immersive-editor .field:focus-within{position:relative;isolation:isolate}
.immersive-editor :is(.platform-options,.format-options,.size-pricing,.shape-options,.frame-options,.lighting-choice-grid,.led-tone-choices) button[aria-pressed=true]::after,.immersive-editor .tab[aria-selected=true]::after,.immersive-editor .field:focus-within::after{content:'';position:absolute;inset:-1px;padding:1.6px;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--beam-angle),transparent 0deg,transparent 235deg,#b7dbc580 270deg,#508e79 297deg,#fff7d8 317deg,transparent 350deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:glass-beam 3.8s linear infinite;z-index:3}
.immersive-editor .field:focus-within::after{border-radius:12px}.immersive-editor button[aria-pressed=true]{box-shadow:inset 0 1px #fff9,0 0 18px #9bc8b52e!important}
.immersive-editor .logo-thumb:not(:has(img)){position:relative;display:grid;place-items:center;font-size:0;line-height:1;padding:0;border:1px solid #7d9d7b40}.immersive-editor .logo-thumb:not(:has(img))::before,.immersive-editor .logo-thumb:not(:has(img))::after{content:'';position:absolute;left:50%;top:50%;width:15px;height:1.5px;border-radius:2px;background:#3d6755;transform:translate(-50%,-50%)}.immersive-editor .logo-thumb:not(:has(img))::after{transform:translate(-50%,-50%) rotate(90deg)}
.scene-arrow{background:#f7f8ef38;border-color:#ffffff48;color:#365247a6;backdrop-filter:blur(10px);box-shadow:none;font-size:21px}.scene-arrow:hover{background:#f7f8efa6;color:#284d40}.scene-caption{background:#f5f6ee60;color:#53685baa}
@media(prefers-reduced-motion:reduce){.immersive-editor *::after{animation:none!important}}
.immersive-editor .stage::after{content:'';position:absolute;pointer-events:none;z-index:2;right:424px;bottom:0;width:210px;height:70%;background:url('/hero/foreground-person.png') right bottom/contain no-repeat;opacity:.20;filter:blur(5px);mask-image:linear-gradient(90deg,transparent,#000 65%)}.immersive-editor .stage[data-scene=product]::after{display:none}
@media(max-width:1050px) and (min-width:761px){.immersive-editor .stage::after{right:370px;width:160px}}
@media(max-width:760px){.immersive-editor .stage::after{right:-35px;bottom:var(--tool-height);height:40dvh;width:150px;opacity:.16;filter:blur(5px)}}
@keyframes surface-light{0%,100%{background-position:0% 30%;opacity:.48}50%{background-position:100% 75%;opacity:.82}}
.immersive-editor :is(.platform-options,.format-options,.size-pricing,.shape-options,.frame-options,.lighting-choice-grid,.led-tone-choices) button[aria-pressed=true]::after,.immersive-editor .tab[aria-selected=true]::after,.immersive-editor .field:focus-within::after{inset:0;padding:0;mask:none;background:radial-gradient(ellipse at 15% 30%,#95d8ca66,transparent 55%),radial-gradient(ellipse at 85% 70%,#cbb8e96b,transparent 50%),linear-gradient(120deg,transparent 20%,#fff5d566 45%,transparent 70%);background-size:190% 190%;animation:surface-light 6s ease-in-out infinite;z-index:-1;border-radius:inherit}
.immersive-editor button[aria-pressed=true]{background:#ffffff65!important;border-color:#fff9!important;box-shadow:inset 0 1px #fff9,0 5px 20px #719d921c!important}.immersive-editor .controls{background:linear-gradient(140deg,#eff9f0b8,#ece7f3ad 55%,#f5e9dab0)!important;backdrop-filter:blur(34px) saturate(1.25)}
.scene-arrow{width:44px;height:60px;border:0!important;background:transparent!important;backdrop-filter:none;font-size:24px;color:#49615890;box-shadow:none}.scene-arrow:hover{color:#274a3e;background:#ffffff25!important}.scene-caption{background:none!important;color:#49615899;letter-spacing:.08em;font-size:9px}.immersive-editor .stage[data-custom-reflection=true]::after{display:none}
.immersive-editor .stage::after{background-image:url('/hero/people-atlas.png');background-size:600% 100%;background-position:0% 100%;width:220px;height:440px;right:405px;opacity:.48;filter:blur(6px);mask-image:linear-gradient(90deg,transparent,#000 35%);transition:opacity .4s ease}
.immersive-editor .stage[data-scene=beauty]::after{background-position:20% 100%}
.immersive-editor .stage[data-scene=barber]::after{background-position:40% 100%}
.immersive-editor .stage[data-scene=wedding]::after{background-position:60% 100%}
.immersive-editor .stage[data-scene=concert]::after{background-position:80% 100%}
.immersive-editor .stage[data-scene=event]::after{background-position:100% 100%}
@media(max-width:1100px){.immersive-editor .stage::after{right:350px;width:180px;height:360px}}
@media(max-width:760px){.immersive-editor .stage::after{right:-42px;bottom:var(--tool-height);width:150px;height:300px;opacity:.42;filter:blur(5px)}}
:root,.immersive-editor,.new-landing{--ink:#343443;--muted:#777684;--accent-ui:#62628b;--action-focus:#aaa2df;--line:#dcd9e5;--paper:#fbf9ff;--glass:#f6f2ffb8;--olive:#77718e;--soft:#eeebf5}
.immersive-editor .controls{background:linear-gradient(135deg,#f5eeffba,#eaf0ffad 46%,#fbe8e2b5)!important;box-shadow:inset 0 1px #fff,0 16px 55px #54507820}
.immersive-editor .controls .tabs{min-height:0!important;height:auto!important;padding:4px!important;gap:3px;width:calc(100% - 28px);margin:10px 14px 4px;border-radius:14px;background:#ffffff30}
.immersive-editor .controls .tabs .tab{min-height:32px!important;height:32px!important;padding:4px 12px!important;font-size:12px!important;border-radius:10px;color:#777283}
.immersive-editor .controls .tabs .tab[aria-selected=true]{color:#444052;background:#ffffff91;box-shadow:0 2px 8px #6453770d}
.immersive-editor :is(h2,h3,strong,.field>span,.choice-copy,.step-eyebrow){color:var(--ink)}
.immersive-editor :is(input,textarea,select){color:#434151!important}
.immersive-editor :is(.button.primary,#panelNextButton,#panelOrderButton,#orderButton){background:linear-gradient(115deg,#65638d,#687da1 48%,#9a778e)!important;color:#fff!important;border:1px solid #ffffff50!important;box-shadow:inset 0 1px #ffffff60,0 6px 22px #766c9330!important}
.immersive-editor :is(#stepNext,#panelOrderButton){min-height:62px!important;font-size:15px!important;border-radius:17px!important;padding:16px 22px!important}
.immersive-editor .controls .control-bottom{background:linear-gradient(120deg,#eeeaffdc,#e7efffd9,#f9e8e5dc)!important}
.immersive-editor :is(.platform-options,.format-options,.size-pricing,.shape-options,.frame-options,.lighting-choice-grid,.led-tone-choices) button[aria-pressed=true]::after,.immersive-editor .tab[aria-selected=true]::after,.immersive-editor .field:focus-within::after{background:radial-gradient(ellipse at 12% 30%,#b8c8ff80,transparent 55%),radial-gradient(ellipse at 85% 65%,#d6b4f080,transparent 55%),linear-gradient(120deg,transparent 20%,#ffc6a866 45%,transparent 70%);background-size:190% 190%}
.immersive-editor :is(.platform-options,.format-options,.size-pricing,.shape-options,.frame-options,.lighting-choice-grid,.led-tone-choices) button[aria-pressed=true]::before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;z-index:2;background:conic-gradient(from var(--beam-angle),transparent 0deg,transparent 190deg,#b4c7ff66 265deg,#ebc8f499 300deg,#ffddbb55 330deg,transparent 360deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:glass-beam 7s linear infinite}
.immersive-editor :is(.text-button,.help,.scene-caption,.scene-arrow,.logo-drop,.material-badge){color:#716c80}
.immersive-editor .logo-thumb:not(:has(img)){background:#eeebf5;border-color:#b8b0ce60}
.immersive-editor .logo-thumb:not(:has(img))::before,.immersive-editor .logo-thumb:not(:has(img))::after{background:#77708c}
.immersive-editor .stage::after{display:none!important}
@media(prefers-reduced-motion:reduce){.immersive-editor *::before{animation:none!important}}
.immersive-editor .design-summary #stepTotal{color:#454052}.immersive-editor .size-pricing b,.immersive-editor .field>span{color:#625b75}.immersive-editor :is(button,input,textarea,select):focus-visible{outline-color:#b5a3db}.immersive-editor .logo-drop strong{color:#454052}
@font-face{font-family:Inter;src:url('/fonts/InterVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
body,button,input,textarea,select{font-family:Inter,Arial,sans-serif!important}
.immersive-editor{font-size:12px}.immersive-editor .panels h2{font-size:18px;letter-spacing:-.04em}.immersive-editor .field>span{font-size:11px!important}.immersive-editor .help{font-size:10px}
.immersive-editor .field:focus-within::after{display:none!important}
.immersive-editor :is(input[type=text],input[type=url],input[type=email],input[type=tel],textarea,select):focus,.immersive-editor .prefix-field:focus-within{outline:none!important;border:2px solid transparent!important;background:linear-gradient(#f5f1fbee,#f4eff8ee) padding-box,conic-gradient(from var(--beam-angle),#bdc8f9,#e8b9d8,#f2d4bd,#b5c4f3,#bdc8f9) border-box!important;box-shadow:0 0 0 3px #c8b6ee20,0 0 20px #ccb5ef18!important;animation:glass-beam 6s linear infinite}
.immersive-editor .prefix-field input:focus{border:0!important;background:transparent!important;box-shadow:none!important;animation:none}
.immersive-editor .segmented{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;gap:8px}
.immersive-editor .segmented button{position:relative;isolation:isolate;background:#ffffff35!important;border:1px solid #ffffff80!important;border-radius:12px;box-shadow:none!important;color:#655d73!important}
.immersive-editor .segmented button[aria-pressed=true]{background:linear-gradient(120deg,#d9dbf87a,#ead1e970,#f5dbcb55)!important;border-color:#e2d5f5!important;color:#42394f!important;box-shadow:inset 0 1px #fff8,0 3px 14px #bfa8d422!important}
.immersive-editor .color-chip.dark{background:#38323e;border-color:#a69bae}.immersive-editor .color-chip.light{background:#f3eef6;border-color:#ccc1d6}
.immersive-editor :is(button,a,summary):focus-visible{outline:2px solid #c8b6e6!important;outline-offset:3px;box-shadow:0 0 16px #c8b6e620}
.immersive-editor .included-strip{display:grid!important;grid-template-columns:1fr 1fr;gap:0;margin-top:20px;padding:10px 0;border-top:1px solid #ffffff75;border-bottom:1px solid #ffffff45;background:transparent!important}
.immersive-editor .included-strip>span{display:flex;align-items:center;gap:10px;min-height:46px;padding:8px 6px;background:none!important;border:0!important;border-radius:0;color:#625a70}
.immersive-editor .included-strip i{display:grid;place-items:center;width:28px;height:28px;flex:none;border:1px solid #ffffff80;background:linear-gradient(135deg,#d8dafa77,#efd6e377);border-radius:9px;color:#827096}
.immersive-editor .included-strip svg{width:15px;height:15px}.immersive-editor .included-strip b{font-size:10px;font-weight:450;color:#625a70}
.immersive-editor .scene-arrow{width:36px;height:36px;min-height:0;border:1px solid #ffffff25!important;border-radius:50%;background:#18122135!important;color:#efe3ffb0!important;backdrop-filter:blur(10px);font-size:0;box-shadow:inset 0 1px #ffffff12!important}
.immersive-editor .scene-arrow::before{content:'';display:block;width:6px;height:6px;border-top:1.3px solid currentColor;border-right:1.3px solid currentColor;transform:rotate(45deg)}
.immersive-editor .scene-prev::before{transform:rotate(-135deg)}.immersive-editor .scene-arrow:hover{background:#b5a4ce33!important;color:#fff!important}
.immersive-editor .scene-caption{font-size:9px;color:#eee0f4aa!important}
.brand-wordmark,.shop-brand,.wordmark-text{font-family:Inter,Arial,sans-serif!important;font-weight:520;letter-spacing:-.075em;font-size:25px;color:#4a4057}
.immersive-editor .led-tone-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;width:100%}
.immersive-editor .led-tone-choices button{width:100%;min-width:0;min-height:66px;padding:10px 7px!important;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;font-size:11px;border-radius:14px}
.immersive-editor .led-tone-choices button i{width:23px;height:23px;flex:none;margin:0;box-shadow:inset 0 0 0 1px #00000010,0 2px 6px #2620330d}
.immersive-editor :is(button[aria-pressed=true],.tab[aria-selected=true]){position:relative;isolation:isolate}
.immersive-editor :is(button[aria-pressed=true],.tab[aria-selected=true])::before{content:'';position:absolute;inset:-1px;padding:1.5px;border-radius:inherit;pointer-events:none;z-index:3;background:conic-gradient(from var(--beam-angle),#bdc5ff22 0deg,#bdc5ff22 180deg,#abc4ff 245deg,#ecc1ec 280deg,#ffe1c4 310deg,#bdc5ff22 350deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:glass-beam 4s linear infinite}
.immersive-editor .scene-arrow,.immersive-editor .scene-caption{display:none!important}
.scene-dots{position:absolute;z-index:16;left:calc((100% - 434px)/2);bottom:24px;transform:translateX(-50%);display:flex;align-items:center;gap:0;padding:0 5px;border:1px solid #ffffff25;border-radius:999px;background:#211b3045;backdrop-filter:blur(16px)}
.scene-dots button{width:24px;height:30px;min-height:0;position:relative;border:0;background:transparent;padding:0;border-radius:12px}
.scene-dots button::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:5px;height:5px;border-radius:5px;background:#ffffff60;transition:width .2s,background .2s}
.scene-dots button[aria-pressed=true]::after{width:14px;background:#f0e9ff}
.immersive-editor .scene-dots button::before{display:none}
.immersive-editor .scene-dots button{background:transparent!important;box-shadow:none!important;border:0!important}
.immersive-editor :is(.platform-options,.format-options,.size-pricing,.shape-options,.frame-options,.lighting-choice-grid,.led-tone-choices,.segmented) button[aria-pressed=true]::before{padding:1.5px!important;background:conic-gradient(from var(--beam-angle),#bdc5ff22 0deg,#bdc5ff22 180deg,#abc4ff 245deg,#ecc1ec 280deg,#ffe1c4 310deg,#bdc5ff22 350deg)!important;animation:glass-beam 4s linear infinite!important}
.scene-pause{position:absolute;z-index:16;bottom:26px;right:450px;width:26px;height:26px;padding:0;border:1px solid #ffffff20;border-radius:50%;background:#211b3030;color:#f2e7ff99;font-size:9px;backdrop-filter:blur(12px)}
.immersive-editor .scene-pause::before{display:none}
@media(max-width:760px){.scene-pause{right:14px;bottom:calc(var(--tool-height) + 13px)}}
@media(prefers-reduced-motion:reduce){.immersive-editor :is(button[aria-pressed=true],.tab[aria-selected=true])::before{animation:none!important}}
@media(max-width:760px){.scene-dots{left:50%;bottom:calc(var(--tool-height) + 10px)}.scene-dots button{width:28px;height:32px}.immersive-editor .led-tone-choices button{min-height:64px}}
@media(min-width:761px){.immersive-editor .button{min-height:34px;font-size:12px;padding:0 12px}.immersive-editor .button svg{width:16px;height:16px}.immersive-editor :is(input,textarea,select){font-size:13px!important}.immersive-editor :is(#stepNext,#panelOrderButton){min-height:46px!important;font-size:13px!important}}
@media(max-width:760px){.immersive-editor .scene-arrow{width:48px;height:48px;border-radius:18px}.immersive-editor .segmented button{min-height:48px}.immersive-editor :is(input,textarea,select){font-size:16px!important}.immersive-editor .included-strip>span{min-height:48px}}
/* Tactile sheet, quiet glass labels and a single sweep on primary actions. */
.panel-grabber{display:none}
.immersive-editor .format-symbol{width:36px;height:42px;flex:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;color:#766888;filter:drop-shadow(0 2px 5px #fff8)}
.immersive-editor .popular-size em{position:static;align-self:flex-start;display:inline-flex;align-items:center;gap:4px;order:3;margin-top:6px;padding:4px 7px;border:1px solid #ffffffaa;border-radius:99px;background:linear-gradient(110deg,#d8dcff99,#f2d5ed88,#ffe6d688);color:#635570;font:600 9px/1.2 Inter,Arial,sans-serif;letter-spacing:0;box-shadow:inset 0 1px #fff8}
.immersive-editor .popular-size em span{font-size:11px}
:is(.button.primary,.hero-cta){position:relative;isolation:isolate;overflow:hidden;transition:transform .25s ease,box-shadow .3s ease,filter .3s ease}
:is(.button.primary,.hero-cta)::after{content:'';position:absolute;inset:-40% -70%;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#ffffff05 42%,#ffffff55 50%,#ffffff05 58%,transparent 65%);transform:translateX(-65%);z-index:1}
@keyframes primary-sweep{from{transform:translateX(-65%)}to{transform:translateX(65%)}}
@media(hover:hover){:is(.button.primary,.hero-cta):hover{transform:translateY(-2px);box-shadow:0 8px 28px #b5a0dc45,inset 0 1px #ffffff80;filter:brightness(1.06)}:is(.button.primary,.hero-cta):hover::after{animation:primary-sweep .85s ease-out both}}
:is(.button.primary,.hero-cta):active{transform:translateY(0) scale(.985)}
:is(.button.primary,.hero-cta):focus-visible{outline:2px solid #bcadf0;outline-offset:4px}
@media(max-width:760px){
 .immersive-editor .panel-grabber{display:flex;align-items:center;justify-content:center;order:-2;flex:0 0 25px;width:100%;cursor:grab;touch-action:none;user-select:none;border-radius:24px 24px 0 0;outline-offset:-4px}
 .panel-grabber span{width:36px;height:4px;border-radius:8px;background:#69627670;box-shadow:0 1px #ffffff60;transition:width .18s,background .18s}
 .panel-grabber:is(:hover,:focus-visible,.dragging) span{width:48px;background:#625775}.panel-grabber.dragging{cursor:grabbing}
 .immersive-editor .controls .tabs{margin-top:0!important}
}
@media(prefers-reduced-motion:reduce){:is(.button.primary,.hero-cta),.panel-grabber span{transition:none}:is(.button.primary,.hero-cta):hover::after{animation:none}.immersive-editor :is(.platform-options,.format-options,.size-pricing,.shape-options,.frame-options,.lighting-choice-grid,.led-tone-choices,.segmented) button[aria-pressed=true]::before{animation:none!important}}
.reflection-veil{position:absolute;z-index:17;display:grid;place-items:center;border-radius:16px;background:transparent;transition:background .25s,backdrop-filter .25s;pointer-events:auto}
.reflection-toggle{position:relative;border:1px solid #ffffff65;border-radius:99px;padding:10px 14px;background:#29233565;backdrop-filter:blur(16px);color:#fff;font:500 11px Inter,Arial,sans-serif;cursor:pointer;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s;min-height:40px;white-space:nowrap}
.reflection-veil:is(:hover,:focus-within){background:#11101a55;backdrop-filter:blur(5px)}
.reflection-veil:is(:hover,:focus-within) .reflection-toggle{opacity:1;transform:none}
.reflection-toggle:focus-visible{outline:2px solid #c7b5ee;outline-offset:3px}
@media(hover:none){.reflection-toggle{opacity:1;transform:none;font-size:10px;min-height:44px;padding:8px 10px}.reflection-veil{background:transparent;backdrop-filter:none}}
/* Shared light glass checkout, with no legacy botanical accents. */
.checkout-page{--ink:#343443;--muted:#797384;--line:#dcd7e7;--paper:#faf8ff;color:var(--ink);font-family:Inter,Arial,sans-serif;background:radial-gradient(ellipse at 8% 10%,#e7ddfa80,transparent 48%),radial-gradient(ellipse at 95% 50%,#f6dfdf70,transparent 50%),#faf9fd}
.checkout-page .checkout-header{background:#ffffff70;backdrop-filter:blur(24px);border-color:#e5dfee}
.checkout-page .checkout-card{background:#ffffff9e;border:1px solid #ffffffdd;box-shadow:0 8px 36px #62557a0b,inset 0 1px #fff;border-radius:24px;backdrop-filter:blur(24px)}
.checkout-page .order-summary{background:linear-gradient(135deg,#eae6f5b8,#f8edf3b8);border-color:#fffc}
.checkout-page :is(.fine-print,.payment-note,.summary-eyebrow,.order-meta,.summary-toggle){color:#797384}
.checkout-page :is(.quiet-link,.edit-link){color:#75668d;border-color:#d0c5df}
.checkout-page :is(.step-dot,.fulfillment-trust span,.included-personalization,.notice){color:#675d78;background:#ece7f780;border-color:#dfd6eb}
.checkout-page .checkout-title em{font-family:inherit;font-style:normal;color:#9a86ad}
.checkout-page .form-field :is(input,textarea,select){border:1px solid #dcd6e6;background:#ffffffa8;color:#38323f;border-radius:13px;transition:box-shadow .2s}
.checkout-page .form-field :is(input,textarea,select):focus{outline:none;border-color:transparent;background:linear-gradient(#fcfaff,#fcfaff) padding-box,conic-gradient(from var(--beam-angle),#bac7f1,#e7b5d4,#f2d1b9,#b8c2ef) border-box;box-shadow:0 0 0 3px #cbb8e725,0 0 22px #cbb8e725;animation:glass-beam 5s linear infinite}
.checkout-page input[type=checkbox]{accent-color:#9480ad}
.checkout-page :is(button,a,input,textarea):focus-visible{outline-color:#b79cdb}
.checkout-page :is(.cta,.mobile-checkout-bar button){position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(115deg,#7778a7,#a083a5,#b395ac);border:1px solid #ffffff80;color:#fff;box-shadow:inset 0 1px #fff5,0 8px 24px #79658e26;transition:transform .2s,box-shadow .2s}
.checkout-page :is(.cta,.mobile-checkout-bar button)::after{content:'';position:absolute;inset:-100%;pointer-events:none;background:linear-gradient(110deg,transparent 40%,#fff5 50%,transparent 60%);transform:translateX(-60%);transition:transform .65s}
.checkout-page :is(.cta,.mobile-checkout-bar button):hover:not(:disabled){background:linear-gradient(115deg,#7c7eb2,#aa89b0,#bfa0b5);box-shadow:0 10px 30px #9b7eb940;transform:translateY(-1px)}
.checkout-page :is(.cta,.mobile-checkout-bar button):hover::after{transform:translateX(60%)}
.checkout-page .mobile-checkout-bar{background:#f6f0ffdc;border-color:#e2d9ee;box-shadow:0 -8px 30px #80709010}
.checkout-page .breadcrumb :is(a,strong,span:last-child){background:#eee8f6;color:#746780}.checkout-page .breadcrumb strong{background:#8b79a3;color:#fff}
@media(prefers-reduced-motion:reduce){.reflection-veil,.reflection-toggle,.checkout-page .cta::after{transition:none}.checkout-page .form-field :focus{animation:none!important}}

.reflection-veil{background:transparent!important;backdrop-filter:none!important;isolation:isolate}.reflection-veil::before{content:'';position:absolute;inset:-15%;z-index:-1;pointer-events:none;background:#15101f66;backdrop-filter:blur(5px);mask-image:radial-gradient(ellipse,#000 35%,transparent 72%);opacity:0;transition:opacity .25s}.reflection-veil:is(:hover,:focus-within)::before{opacity:1}.immersive-editor .reflection-toggle{color:#fff!important;background:#282132a8!important;border:1px solid #ffffff65!important;box-shadow:0 4px 20px #14101c24}

/* Stable surfaces, with light reserved for state changes. */
:root{--surface-ink:#34303e;--surface-muted:#716978;--surface-line:#dcd5e7;--surface-accent:#9582ab}
.immersive-editor .controls{color:var(--surface-ink)}
.immersive-editor :is(.field-hint,.hint,.panel small){color:var(--surface-muted)}
.immersive-editor :is(.platform-options,.format-options,.size-pricing,.shape-options,.frame-options,.lighting-choice-grid,.led-tone-choices,.segmented) button[aria-pressed=true]::before{animation:glass-beam 1.2s ease-out 1!important}
.immersive-editor :is(button[aria-pressed=true],.tab[aria-selected=true])::after{animation:none!important}
.checkout-page .order-preview{object-fit:contain;background:linear-gradient(135deg,#eeeaf4,#f6eff1)}
@media(max-width:760px){.checkout-page .order-summary-head{grid-template-columns:116px minmax(0,1fr);gap:16px}.checkout-page .order-preview{width:116px;height:210px}.checkout-page .order-meta{font-size:12px;line-height:1.55}.checkout-page .fulfillment-trust span{font-size:10px}.immersive-editor .controls .tabs .tab{min-height:36px}.immersive-editor .reflection-toggle{font-size:11px}}
@media(prefers-reduced-motion:reduce){.immersive-editor button[aria-pressed=true]::before{animation:none!important}}

.immersive-editor .toast{background:#383040;color:#fff;border:1px solid #c6b5dc55;box-shadow:0 8px 28px #30223e22}