@font-face{font-family:Marcellus;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Marcellus-Regular.woff2)format("woff2")}@font-face{font-family:EB Garamond;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/EBGaramond-Regular.woff2)format("woff2")}@font-face{font-family:EB Garamond;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/EBGaramond-Italic.woff2)format("woff2")}@font-face{font-family:Caveat;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Caveat-Regular.woff2)format("woff2")}@font-face{font-family:Caveat;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Caveat-Medium.woff2)format("woff2")}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--paper:#faf9f5;--panel:#f5f4f0;--ink:#222223;--ink-2:#3a3a38;--muted:#767676;--line:#e6e4dd;--line-2:#dad8d2;--lime:#cac426;--acid:var(--lime);--cta-bg:#d4cc2a;--cta-color:#101010;--active-border:var(--lime);--card-panel-bg:var(--paper);--radius:2px;--shadow:0 18px 60px #0000000b;--font-display:"Helvetica Now Display", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-body:"DM Sans", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--panel-w:360px;--header-h:120px;--cart-h:88px;--density:1;--t:.15s ease;--transition-fast:.15s ease;--transition-med:.25s ease;--fs-disp:var(--font-display);--fs-body:var(--font-body);--fs-mono:var(--font-mono);--black:var(--ink);--text:var(--ink);--text-muted:var(--muted);--border-color:var(--line);--border-dark:var(--line-2);--bg-subtle:var(--panel);--color-black:var(--ink);--color-lime:var(--lime);--color-muted:var(--muted);--color-border:var(--line);--color-cream:#fffeec;--color-lavender:#bcb4ff;--color-bronze:#b8955f;--bg-primary:var(--bg);--bg-secondary:var(--panel);--text-primary:var(--ink);--border-default:var(--line);--accent-cta:var(--lime);--accent-selection:var(--color-lavender);--accent-premium:var(--color-bronze);--lavender:var(--color-lavender);--gold:var(--lime);--nav-h:var(--header-h);--border:1px solid var(--line);--radius-sm:2px;--radius-md:4px;--radius-pill:999px;--font:var(--font-body);--font-serif:var(--font-display);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px}html,body,#root{height:100%;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 50% 0,#fffffffa,#faf9f5eb 42%,#f3f0eb 100%);font-size:15px;line-height:1.5}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.lbl-mono{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:10.5px;font-weight:500}.lbl-mono.muted{color:var(--muted)}.display-1{font-family:var(--font-display);letter-spacing:-.025em;color:var(--ink);margin:0 0 14px;font-size:clamp(34px,3vw,44px);font-weight:500;line-height:1}.display-2{font-family:var(--font-display);letter-spacing:-.02em;font-size:32px;font-weight:500;line-height:1.05}.display-3{font-family:var(--font-display);letter-spacing:-.015em;font-size:22px;font-weight:500;line-height:1.1}.topbar{border-bottom:1px solid var(--line);z-index:200;background:#fffc;flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;height:120px;padding:0 34px;display:grid;position:sticky;top:0}.top-links,.account{align-items:center;gap:30px;display:flex}.account{justify-content:flex-end;gap:16px}.topbar a{color:var(--text);font-size:15px;text-decoration:none}.logo{align-items:flex-start;height:104px;text-decoration:none;display:flex;overflow:hidden}.logo-img{width:auto;height:148px;display:block}.icon-btn,.cart-icon{cursor:pointer;background:0 0;border:0;padding:0;position:relative}.header-icon{width:36px;height:36px;display:block}.cart-badge{box-sizing:border-box;background:var(--ink);color:#fff;border:1.5px solid var(--bg);pointer-events:none;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:700;line-height:1;display:flex;position:absolute;top:-5px;right:-5px}.app-header{border-bottom:1px solid var(--line);z-index:200;background:#fffc;flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;height:120px;padding:0 34px;display:grid;position:sticky;top:0}.app-header-left{align-items:center;gap:14px;display:flex}.app-header-logo{justify-content:center;align-items:center;height:92px;text-decoration:none;display:flex}.app-header-logo img{width:auto;height:44px;display:block}.app-header-right{justify-self:end;align-items:center;gap:10px;display:flex}.ghost-btn{border:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);cursor:pointer;transition:border-color var(--t), background var(--t);background:0 0;padding:9px 16px;font-size:10px}.ghost-btn:hover{border-color:var(--ink);background:var(--paper)}.btn-ghost{color:var(--ink);border:1px solid var(--line-2);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:border-color var(--t);font-size:12px;font-weight:400;font-family:var(--font-body);background:0 0;border-radius:2px;padding:9px 20px}.btn-ghost:hover{border-color:var(--ink)}.nav{height:var(--nav-h);border-bottom:var(--border);background:var(--bg);z-index:100;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.nav-brand{font-family:var(--font-serif);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);font-size:19px;font-weight:400;text-decoration:none}.nav-brand span{color:var(--lavender)}.nav-tabs{display:flex}.nav-tab{height:var(--nav-h);letter-spacing:.12em;text-transform:uppercase;border:none;border-left:var(--border);color:var(--muted);cursor:pointer;background:0 0;align-items:center;padding:0 18px;font-size:11px;transition:color .15s;display:flex}.nav-tab:last-child{border-right:var(--border)}.nav-tab:hover{color:var(--ink)}.nav-tab.active{background:var(--ink);color:var(--bg)}.app-layout{height:calc(100vh - var(--header-h) - var(--cart-h));display:flex;overflow:hidden}.left-panel{width:var(--panel-w);min-width:var(--panel-w);border-right:1px solid var(--border-color);background:var(--bg-subtle);scrollbar-width:thin;scrollbar-color:var(--border-dark) transparent;flex-direction:column;display:flex;overflow:hidden auto}.left-panel::-webkit-scrollbar-thumb{background:var(--border-dark)}.panel-section{border-bottom:1px solid var(--border-color);padding:16px 18px}.panel-section:last-child{border-bottom:none}.section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;font-size:10px;font-weight:600}.upload-zone{border:var(--border);cursor:pointer;height:160px;color:var(--muted);border-style:dashed;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12px;transition:background .15s;display:flex;position:relative;overflow:hidden}.upload-zone:hover{background:#22222308}.upload-icon{opacity:.45;font-size:22px;line-height:1}.upload-compact{border:var(--border);cursor:pointer;align-items:center;gap:10px;padding:8px;transition:background .15s;display:flex}.upload-compact:hover{background:#2222230a}.upload-thumb{object-fit:cover;border:var(--border);flex-shrink:0;width:48px;height:48px;display:block}.upload-compact-text{flex-direction:column;gap:2px;display:flex}.select-card{border:var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 10px;transition:background .1s}.select-card:hover{background:#2222230a}.select-card.active{background:var(--ink);color:var(--bg)}.select-card-name{font-size:11px;font-weight:500}.select-card-sub{opacity:.6;margin-top:1px;font-size:10px}.size-builder{flex-direction:column;gap:8px;display:flex}.size-stepper-row{align-items:center;gap:6px;display:flex}.stepper-axis{opacity:.55;flex-shrink:0;width:12px;font-size:10px;font-weight:600}.stepper-btn{border:1px solid var(--border-color,#d0cfc8);cursor:pointer;width:22px;height:22px;color:var(--ink);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:15px;line-height:1;display:flex}.stepper-btn:disabled{opacity:.25;cursor:default}.stepper-btn:not(:disabled):hover{background:#2222230f}.stepper-dots{flex:1;gap:3px;display:flex}.stepper-dot{opacity:.2;border:1.5px solid;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:opacity .1s}.stepper-dot.filled{opacity:1;background:var(--ink);border-color:var(--ink)}.stepper-value{text-align:right;flex-shrink:0;width:14px;font-size:11px;font-weight:600}.size-info{color:var(--muted);margin-top:1px;font-size:10px}.size-price{letter-spacing:-.3px;font-size:16px;font-weight:700}.pin-type-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pin-card{aspect-ratio:1;border:1px solid var(--border-color);cursor:pointer;min-width:0;min-height:100px;transition:border-color var(--t);background:#fff;border-radius:4px;justify-content:center;align-items:center;padding:12px;display:flex}.pin-card:hover{border-color:var(--black)}.pin-card.active{border:2px solid var(--lime);box-shadow:none;z-index:1}.pin-card img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}.pin-list{flex-direction:column;gap:6px;display:flex}.pin-badge{letter-spacing:.1em;text-transform:uppercase;opacity:.6;border:1px solid;padding:2px 5px;font-size:9px}.left-panel{width:var(--panel-w);min-width:var(--panel-w);border-right:1px solid var(--line);background:var(--panel);padding:0;padding-bottom:var(--cart-h);scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;top:var(--header-h);height:calc(100vh - var(--header-h) - var(--cart-h));flex-direction:column;display:flex;position:sticky;overflow:hidden auto}.left-panel::-webkit-scrollbar{width:4px}.left-panel::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:2px}.sec{border-top:1px solid var(--line-2);padding:calc(22px * var(--density)) 0}.sec:first-of-type{border-top:1px solid var(--ink)}.sec-h{align-items:baseline;gap:10px;margin-bottom:16px;display:flex}.sec-num{font-family:var(--font-mono);color:var(--muted);letter-spacing:.1em;min-width:18px;font-size:10px}.sec-title{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);font-size:11px;font-weight:500}.sec-hint{font-family:var(--font-mono);color:var(--muted);letter-spacing:.1em;margin-left:auto;font-size:10px}.sec-action{margin-left:auto;padding:4px 8px;font-size:10px}.photo-drop{background:var(--bg);border:1px dashed var(--line-2);text-align:center;cursor:pointer;transition:border-color var(--t), background var(--t);padding:28px 16px}.photo-drop:hover{border-color:var(--ink);background:#fff}.photo-drop-mark{border:1px solid var(--ink);width:32px;height:32px;color:var(--ink);place-items:center;margin:0 auto 12px;font-size:20px;font-weight:300;display:grid}.photo-drop-cta{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);margin-bottom:5px;font-size:16px}.photo-drop-sub{font-family:var(--font-mono);letter-spacing:.1em;color:var(--muted);font-size:10px}.photo-thumb{background:var(--bg);border:1px solid var(--line)}.photo-thumb img{aspect-ratio:1;object-fit:cover;filter:saturate(.92);width:100%;display:block}.photo-thumb-meta{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.size-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.size-card{background:var(--bg);border:1px solid var(--line);padding:12px}.size-card-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.size-card-axis{font-family:var(--font-mono);letter-spacing:.14em;color:var(--muted);text-transform:uppercase;font-size:10px}.size-card-ctrl{align-items:center;gap:8px;display:inline-flex}.size-card-btn{border:1px solid var(--line-2);background:var(--bg);width:22px;height:22px;color:var(--ink);cursor:pointer;place-items:center;padding:0;font-size:15px;line-height:1;transition:transform .18s cubic-bezier(.2,.9,.2,1.2),box-shadow .18s,border-color .18s;display:grid}.size-card-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 10px #14120e14}.size-card-btn:disabled{opacity:.25;cursor:default}.size-card-val{font-family:var(--font-display);text-align:center;letter-spacing:-.02em;min-width:22px;font-size:22px}.size-dots{grid-template-columns:repeat(8,1fr);gap:3px;display:grid}.size-dot{background:var(--line);height:3px;transition:background var(--t)}.size-dot.on{background:var(--ink)}.size-meta{justify-content:space-between;align-items:flex-end;display:flex}.size-meta-right{align-items:baseline;gap:6px;display:flex}.pin-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.pin-card{background:var(--bg);box-shadow:inset 0 0 0 1px var(--line-2);aspect-ratio:1;cursor:pointer;min-width:0;min-height:110px;transition:box-shadow var(--t), border-color var(--t);border:2px solid #0000;border-radius:0;place-items:center;padding:8px;display:grid;position:relative}.pin-card:hover{box-shadow:inset 0 0 0 1px var(--ink)}.pin-card.is-active,.pin-card.active{border:2px solid var(--lime);box-shadow:none;z-index:1}.pin-card-img{aspect-ratio:1;place-items:center;width:92%;display:grid}.pin-card-img img{object-fit:contain;max-width:100%;max-height:100%}.pin-card-mult{font-family:var(--font-mono);letter-spacing:.1em;color:var(--muted);font-size:9px;position:absolute;bottom:6px;left:8px}.pin-card-mark{background:var(--ink);width:12px;height:12px;color:var(--bg);font-size:9px;font-family:var(--font-mono);border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;right:8px}.pin-spec{border-top:1px solid var(--line);justify-content:space-between;padding-top:8px;display:flex}.toggle-row{background:var(--bg);border:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.toggle{font-family:var(--font-body);color:var(--ink);cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:13px;display:inline-flex}.toggle-track{background:var(--line-2);width:28px;height:16px;transition:background var(--t);border:none;border-radius:0;flex-shrink:0;padding:0;display:inline-block;position:relative}.toggle-knob{background:var(--bg);width:12px;height:12px;transition:left var(--t);pointer-events:none;box-shadow:none;border-radius:0;position:absolute;top:2px;left:2px}.toggle.is-on .toggle-track{background:var(--ink)}.toggle.is-on .toggle-knob{left:14px}.toggle-track.on .toggle-knob{left:14px}.swatches{grid-template-columns:repeat(9,1fr);gap:4px;margin-top:10px;display:grid}.swatch{aspect-ratio:1;cursor:pointer;transition:outline var(--t), transform var(--t);border:1px solid #0000;border-radius:50%;padding:0}.swatch:hover{outline:2px solid var(--ink);outline-offset:1px;transform:scale(1.12)}.swatch.is-active{outline:2px solid var(--ink);outline-offset:2px}.filter-row{background:var(--bg);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.filter-btn{background:var(--bg);border:0;border-right:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);cursor:pointer;transition:background var(--t);padding:12px 8px;font-size:10.5px}.filter-btn:last-child{border-right:0}.filter-btn:hover{background:#fff}.filter-btn.is-active{background:var(--ink);color:var(--bg)}.filter-btn:disabled{opacity:.35;cursor:default}.palette-row{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.palette-swatches{flex:1;grid-template-columns:repeat(9,1fr);gap:3px;display:grid}.psw{aspect-ratio:1;cursor:pointer;border:none;padding:0;display:block}.psw:hover{outline:1px solid var(--ink);outline-offset:-2px}.psw.is-active{outline:2px solid var(--ink);outline-offset:-2px}.palette-count{white-space:nowrap;align-items:baseline;gap:4px;display:flex}.preset-row{flex-wrap:wrap;gap:4px;display:flex}.preset-pill{border:var(--border);cursor:pointer;white-space:nowrap;padding:4px 10px;font-size:11px;transition:background .1s}.preset-pill:hover{background:#2222230f}.preset-pill.active{background:var(--ink);color:var(--bg)}.seg-control{border:var(--border);display:flex}.seg-btn{text-align:center;cursor:pointer;border:none;border-right:var(--border);color:var(--ink);background:0 0;flex:1;padding:5px 0;font-size:11px;transition:background .1s}.seg-btn:last-child{border-right:none}.seg-btn:hover{background:#2222230f}.seg-btn.active{background:var(--ink);color:var(--bg)}.slider-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.slider-label{width:80px;color:var(--muted);flex-shrink:0;font-size:11px}.slider-value{text-align:right;width:32px;color:var(--ink);flex-shrink:0;font-size:11px}input[type=range]{-webkit-appearance:none;background:var(--ink);cursor:pointer;outline:none;flex:1;height:1px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--bg);border:var(--border);cursor:pointer;width:12px;height:12px}.toggle-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.toggle-label{font-size:12px}.toggle-track{background:var(--border-dark);cursor:pointer;width:40px;height:22px;transition:background var(--t);border:none;border-radius:11px;flex-shrink:0;padding:0;position:relative}.toggle-track.on{background:var(--black)}.toggle-knob{width:16px;height:16px;transition:transform var(--t);pointer-events:none;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0003}.toggle-track.on .toggle-knob{transform:translate(18px)}.toggle{border:var(--border);cursor:pointer;background:0 0;flex-shrink:0;width:32px;height:18px;position:relative}.toggle.on{background:var(--ink)}.toggle:after{content:"";background:var(--ink);width:12px;height:12px;transition:transform .15s;position:absolute;top:2px;left:2px}.toggle.on:after{background:var(--bg);transform:translate(14px)}.btn{letter-spacing:.08em;text-transform:uppercase;border:var(--border);color:var(--ink);cursor:pointer;white-space:nowrap;font-size:11px;font-family:var(--font);background:0 0;justify-content:center;align-items:center;padding:8px 16px;transition:transform .18s cubic-bezier(.2,.9,.2,1.2),box-shadow .18s,border-color .18s,background .12s;display:inline-flex}.btn:hover{background:#2222230f;transform:translateY(-2px);box-shadow:0 8px 20px #14120e12}.btn-primary{background:var(--black);color:#fff;border-color:var(--black)}.btn-primary:hover{opacity:.88;background:var(--black);transform:translateY(-2px);box-shadow:0 10px 24px #14120e29}.btn-sm{padding:4px 10px;font-size:10px}.btn-full{width:100%}.placeholder-banner{border:var(--border);border-left:3px solid var(--lavender);color:var(--muted);padding:10px 12px;font-size:11px;line-height:1.6}.placeholder-banner strong{color:var(--ink);margin-bottom:2px;display:block}.placeholder-badge{border:1px solid var(--lavender);color:var(--lavender);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;padding:2px 6px;font-size:9px;display:inline-block}.ai-style-row{opacity:.55;border-bottom:1px solid #2222231a;justify-content:space-between;align-items:center;padding:7px 0;display:flex}.color-swatches{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.color-swatch{border:var(--border);cursor:pointer;title:attr(title);flex-shrink:0;width:28px;height:28px;transition:transform .1s;position:relative}.color-swatch:hover{z-index:2;transform:scale(1.15)}.color-swatch.selected{box-shadow:0 0 0 2px var(--lavender);z-index:2;transform:scale(1.15)}.color-replace-panel{border:var(--border);background:#bcb4ff0d;margin-top:10px;padding:10px}.color-replace-title{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:10px}.replace-swatches{flex-wrap:wrap;gap:4px;display:flex}.replace-swatch{border:var(--border);cursor:pointer;width:22px;height:22px;transition:transform .1s}.replace-swatch:hover{z-index:2;transform:scale(1.2)}.stage{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.stage-head{border-bottom:1px solid var(--line);background:var(--bg);flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 28px;display:flex}.stage-head-l,.stage-head-r{align-items:center;gap:16px;display:flex}.stage-foot{border-top:1px solid var(--line);background:var(--bg);flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 28px;display:flex}.stage-foot-l{align-items:center;gap:20px;display:flex}.stage-foot-r{align-items:center;gap:8px;display:flex}.stat-pill{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;background:var(--ink);color:var(--bg);align-items:center;gap:6px;padding:4px 8px;font-size:9px;display:inline-flex}.stat-pill:before{content:"";background:var(--lime);border-radius:50%;width:6px;height:6px;display:inline-block}.stage-stat{align-items:baseline;gap:6px;display:inline-flex}.stage-stat-k{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:9px}.stage-stat-v{font-family:var(--font-display);letter-spacing:-.02em;font-size:16px}.cart-bar{left:var(--panel-w);height:var(--cart-h);background:var(--bg);border-top:1px solid var(--ink);z-index:40;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:0 28px;display:grid;position:fixed;bottom:0;right:0}.cart-bar-l{align-items:center;display:flex}.cart-bar-meta{flex-direction:column;gap:4px;display:flex}.cart-line{color:var(--ink);font-size:14px}.cart-bar-c{justify-content:center;align-items:center;gap:28px;display:flex}.cart-bullet{align-items:center;gap:8px;display:inline-flex}.cart-bullet-dot{background:var(--lime);border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.cart-bar-r{justify-content:flex-end;align-items:center;gap:18px;display:flex}.cart-bar-price{align-items:baseline;gap:8px;display:flex}.add-cart{background:var(--ink);color:var(--bg);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:background var(--t);white-space:nowrap;border:0;justify-content:space-between;align-items:center;gap:24px;min-width:220px;padding:16px 22px;font-size:11px;display:inline-flex}.add-cart:hover{background:var(--ink-2)}.add-cart-arrow{font-family:var(--font-display);transition:transform var(--t);letter-spacing:0;font-size:18px}.add-cart:hover .add-cart-arrow{transform:translate(3px)}@media (width<=1100px){.cart-bar-c{display:none}.cart-bar{grid-template-columns:1fr auto}}.preview-area{background:var(--paper);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:16px 20px;display:flex;overflow:hidden}.preview-placeholder{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.preview-placeholder-mark{font-family:var(--font-serif);opacity:.06;color:var(--ink);font-size:64px;line-height:1}.mosaic-canvas-wrap{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.mosaic-canvas{cursor:default;border:var(--border);filter:drop-shadow(0 24px 40px #22222314);touch-action:manipulation;display:block}.mosaic-canvas:active{cursor:default}.preview-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:4px;display:flex}.stage .preview-controls .preview-info,.stage .preview-controls .ai-badge{display:none}.preview-info{color:var(--muted);letter-spacing:.04em;font-size:11px}.preview-mode-toggle{border:var(--border);display:flex}.mode-btn{letter-spacing:.1em;text-transform:uppercase;border:none;border-right:var(--border);cursor:pointer;color:var(--muted);font-size:10px;font-family:var(--font);background:0 0;padding:4px 12px}.mode-btn:last-child{border-right:none}.mode-btn.active{background:var(--ink);color:var(--bg)}.ai-badge{letter-spacing:.08em;background:var(--ink);color:var(--bg);border-radius:0;padding:2px 5px;font-size:9px;font-weight:700}.toggle-btn{border:1px solid var(--border);cursor:pointer;color:var(--muted);background:0 0;padding:2px 8px;font-size:10px}.toggle-btn.active{background:var(--ink);border-color:var(--ink);color:var(--bg)}.face-enh-toggle{cursor:pointer;color:var(--ink);align-items:center;gap:6px;font-size:11px;display:flex}.face-enh-toggle input[type=checkbox]{accent-color:var(--ink);cursor:pointer}.bg-loading-wrap{background:#111;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.bg-loading-photo{object-fit:contain;opacity:.55;width:100%;height:100%;position:absolute;inset:0}.bg-loading-phrase{z-index:1;color:#fffbf0;letter-spacing:.01em;text-align:center;text-shadow:0 1px 8px #0009;padding:0 24px;font-size:18px;font-weight:600;animation:.5s both phrase-fadein;position:relative}@keyframes phrase-fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.toggle-btn{letter-spacing:.08em;border:1px solid var(--border-color,#222223);color:var(--muted);cursor:pointer;background:0 0;padding:3px 8px;font-size:10px;font-weight:600;transition:background .15s,color .15s}.toggle-btn.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.toggle-btn:disabled{opacity:.4;cursor:default}.seg-status-row{align-items:center;gap:6px;margin-top:6px;display:flex}.seg-warning{color:var(--muted);border:1px solid var(--border-color,#222223);background:#ffffff05;margin-top:6px;padding:6px 8px;font-size:10px;line-height:1.4}.bg-presets{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.bg-preset-item{cursor:pointer;flex-direction:column;align-items:center;gap:3px;display:flex}.bg-preset-swatch{border:1px solid #ffffff26;width:28px;height:28px;transition:outline .1s}.bg-preset-swatch.active{outline:2px solid var(--gold,#c8a84b);outline-offset:1px}.bg-preset-name{color:var(--muted);text-align:center;font-size:8px;line-height:1.1}.bg-palette-scroll{border:var(--border);scrollbar-width:thin;scrollbar-color:#ccc transparent;min-height:180px;max-height:180px;overflow:hidden auto}.bg-palette-grid{grid-template-columns:repeat(10,24px);gap:4px;padding:8px;display:grid}.bg-palette-grid .color-swatch{width:24px;height:24px}.bg-palette-count{color:var(--muted);margin-top:4px;font-size:10px}.photo-recommendation{border-top:var(--border);color:var(--muted);align-items:center;gap:8px;padding:8px 12px;font-size:11px;line-height:1.4;display:flex}.recommendation-text{flex:1}.compare-wrap{align-items:flex-start;gap:8px;display:flex;position:relative}.compare-pane{flex-direction:column;align-items:center;gap:4px;display:flex}.compare-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:9px}.debug-strip{border-top:var(--border);width:100%;margin-top:4px;padding-top:12px}.debug-strip-title{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:9px}.debug-stages{flex-wrap:wrap;gap:12px;display:flex}.debug-stage{flex-direction:column;align-items:center;gap:4px;display:flex}.debug-img{object-fit:contain;border:var(--border);background:#111;width:100px;height:100px;display:block}.debug-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:9px}.processing-dot{background:var(--gold);border-radius:50%;width:6px;height:6px;animation:.8s infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.15}}.full-page{flex-direction:column;flex:1;align-items:center;padding:48px 32px;display:flex;overflow-y:auto}.full-page-inner{width:100%;max-width:520px}.full-page-title{font-family:var(--font-serif);letter-spacing:.02em;margin-bottom:6px;font-size:26px;font-weight:400}.full-page-sub{color:var(--muted);margin-bottom:32px;font-size:13px}.form-field{margin-bottom:16px}.form-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:5px;font-size:10px;display:block}.form-input{width:100%;font-size:13px;font-family:var(--font);border:var(--border);background:var(--bg);color:var(--ink);outline:none;padding:8px 10px}.form-input:focus{border-color:var(--lavender)}.admin-table{border-collapse:collapse;width:100%;max-width:900px;font-size:12px}.admin-table th,.admin-table td{border:var(--border);text-align:left;padding:8px 12px}.admin-table th{letter-spacing:.12em;text-transform:uppercase;background:var(--ink);color:var(--bg);font-size:9px;font-weight:400}.status-badge{letter-spacing:.08em;text-transform:uppercase;padding:2px 6px;font-size:9px;display:inline-block}.status-badge.pending{border:1px solid var(--gold);color:var(--gold)}.status-badge.shipped{color:#28a745;border:1px solid #28a745}.status-badge.complete{border:1px solid var(--muted);color:var(--muted)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ccc}.flex-row{align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.gap-6{gap:6px}.text-muted{color:var(--muted)}.text-sm{font-size:11px}.crop-screen{top:var(--header-h);z-index:150;background:#000;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}.crop-screen-header{border-bottom:var(--border);flex-shrink:0;align-items:baseline;gap:12px;padding:14px 24px 10px;display:flex}.crop-screen-title{letter-spacing:.03em;font-size:14px;font-weight:500}.crop-screen-hint{color:var(--muted);font-size:11px}.crop-tool{flex-direction:column;flex:1;min-height:0;display:flex}.crop-viewport{background:#111;flex:1;min-height:0;position:relative;overflow:hidden}.crop-viewport .reactEasyCrop_Container{position:absolute;inset:0}.crop-controls{border-top:var(--border);background:var(--bg);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:16px;padding:12px 24px;display:flex}.crop-presets{gap:6px;display:flex}.crop-preset-btn{font-size:11px;font-family:var(--font);border:var(--border);color:var(--ink);cursor:pointer;border-radius:var(--radius);letter-spacing:.04em;background:0 0;padding:4px 10px;transition:background .1s,color .1s}.crop-preset-btn:hover{background:#2222230f}.crop-preset-btn.active{background:var(--ink);color:var(--bg)}.crop-zoom-row{align-items:center;gap:8px;display:flex}.crop-zoom-label{color:var(--muted);white-space:nowrap;font-size:11px}.crop-zoom-slider{width:120px;accent-color:var(--ink);cursor:pointer}.crop-actions{gap:8px;margin-left:auto;display:flex}.btn-primary{background:var(--black);color:#fff;font-size:12px;font-weight:600;font-family:var(--font-body);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;border:none;border-radius:2px;padding:10px 22px;transition:transform .18s cubic-bezier(.2,.9,.2,1.2),box-shadow .18s,opacity .12s}.btn-primary:not(:disabled):hover{opacity:.88;transform:translateY(-2px);box-shadow:0 10px 24px #14120e29}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.upload-compact-row{align-items:center;gap:8px;display:flex}.upload-compact-row .upload-compact{flex:1;min-width:0}.recrop-btn{white-space:nowrap;flex-shrink:0}.style-preset-btn{border:var(--border);border-radius:var(--radius);cursor:pointer;width:100%;font-family:var(--font);color:var(--ink);text-align:left;background:0 0;align-items:center;gap:8px;padding:7px 10px;font-size:11px;transition:background .1s;display:flex}.style-preset-btn:hover{background:#0000000a}.style-preset-btn.active{background:var(--ink);color:var(--bg)}.style-preset-btn.active .style-swatch{box-shadow:0 0 0 1px #ffffff59}.style-preset-swatches{flex-shrink:0;gap:3px;display:flex}.style-swatch{border:1px solid #00000026;border-radius:2px;width:14px;height:14px;display:inline-block}.style-preset-name{letter-spacing:.02em;flex:1;font-weight:500}.panel-inner{padding:calc(28px * var(--density)) 28px calc(120px * var(--density))}.panel-eyebrow{border-bottom:1px solid var(--line-2);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:28px;padding-bottom:16px;display:flex}.lede{color:var(--muted);max-width:36ch;margin:0 0 32px;font-size:13.5px;line-height:1.55}.link-mono{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);border:0;border-bottom:1px solid var(--ink);cursor:pointer;white-space:nowrap;background:0 0;padding:0 0 1px;font-size:10px}.link-mono:hover{color:var(--muted);border-bottom-color:var(--muted)}.stepper{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 12px 8px;display:block}.stepper button{width:40px;height:48px;color:var(--text);background:#fff;border:0;font-size:20px}.stepper button:hover{background:#faf9f5}.stepper .val{text-align:center;font-family:var(--font-display);flex:1;font-size:21px;font-weight:700}.stepper-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.stepper-axis-cell{flex-shrink:0;display:flex}.stepper-axis-cell--w{flex-direction:column;align-items:center;gap:2px;width:22px}.stepper-axis-cell--h{flex-direction:row;align-items:center;gap:4px}.stepper-axis{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);font-size:16px;font-weight:700;line-height:1}.stepper-ctrl{align-items:center;gap:8px;margin-left:auto;display:inline-flex}.stepper-ctrl button{border:1px solid var(--line-2);background:var(--bg);width:22px;height:22px;color:var(--ink);cursor:pointer;place-items:center;padding:0;font-size:14px;line-height:1;transition:transform .18s cubic-bezier(.2,.9,.2,1.2),box-shadow .18s,border-color .18s;display:grid}.stepper-ctrl button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 10px #14120e14}.stepper-ctrl button:disabled{opacity:.35;cursor:default}.size-steppers .stepper-dots{grid-template-columns:repeat(8,1fr);gap:3px;margin-top:8px;display:grid}.size-steppers .stepper-dots .dot{background:var(--line-2);border-radius:2px;height:3px}.size-steppers .stepper-dots .dot.on{background:var(--lime)}.stepper-val{font-family:var(--font-display);text-align:center;letter-spacing:-.02em;white-space:nowrap;min-width:52px;font-size:14px}.stepper-dir-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;display:flex}.stepper-sub{margin-top:5px;font-size:10px}.size-price-meta{flex-direction:column;align-items:flex-start;gap:4px;margin-top:18px;display:flex}.size-meta-info{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.size-warning{background:var(--bg);border:1px solid var(--ink);align-items:center;gap:10px;margin-top:14px;padding:10px 12px;display:flex;position:relative}.size-warning:before{content:"";background:var(--lime);width:3px;position:absolute;top:0;bottom:0;left:0}.size-warning-dot{background:var(--lime);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.stat{align-items:baseline;gap:6px;display:inline-flex}.stat-v{font-family:var(--font-display);letter-spacing:-.02em;font-size:16px}.bullet{align-items:center;gap:8px;display:inline-flex}.bullet-dot{background:var(--lime);border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.topbar-link{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:10.5px;text-decoration:none;transition:transform .18s cubic-bezier(.2,.9,.2,1.2),color .12s;display:inline-flex}.topbar-link:hover{color:var(--muted);transform:translateY(-2px)}.topbar-cart{background:var(--ink);width:18px;height:18px;color:var(--bg);font-family:var(--font-mono);border-radius:999px;flex-shrink:0;place-items:center;font-size:9px;display:inline-grid}.modal-overlay{z-index:400;background:#2222236b;place-items:center;animation:.2s fade-in-kf;display:grid;position:fixed;inset:0}@keyframes fade-in-kf{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--bg);border:1px solid var(--ink);width:min(440px,92vw);animation:.25s cubic-bezier(.22,1,.36,1) pop-in-kf}@keyframes pop-in-kf{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.modal-x{color:var(--ink);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex}.modal-body{flex-direction:column;gap:16px;padding:28px 24px;display:flex}.modal-lede{color:var(--muted);margin:-8px 0 4px;font-size:13.5px;line-height:1.55}.input-lg{font-family:var(--font-body);border:1px solid var(--line-2);background:var(--bg);width:100%;color:var(--ink);outline:none;padding:14px;font-size:16px}.input-lg:focus{border-color:var(--ink)}.btn-primary-lg{background:var(--ink);color:var(--bg);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;border:0;width:100%;padding:16px 22px;font-size:11px;transition:transform .18s cubic-bezier(.2,.9,.2,1.2),box-shadow .18s,opacity .12s}.btn-primary-lg:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 10px 24px #14120e24}.btn-primary-lg:disabled{background:var(--line-2);color:var(--muted);cursor:not-allowed}.btn-ghost-lg{color:var(--ink);border:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;width:100%;padding:14px 22px;font-size:11px;transition:transform .18s cubic-bezier(.2,.9,.2,1.2),box-shadow .18s,border-color .18s}.btn-ghost-lg:hover{border-color:var(--ink);transform:translateY(-2px);box-shadow:0 8px 20px #14120e12}.sds-modal{padding:0}.sds-body{flex-direction:column;gap:14px;padding:28px 24px;display:flex}.sds-title{letter-spacing:-.5px;color:var(--ink);font-size:20px;font-weight:800}.sds-sub{color:var(--muted);margin-top:-4px;font-size:13.5px;line-height:1.55}.sds-note{color:var(--muted);margin-top:-6px;font-size:11px}.sds-error{color:#c0392b;margin-top:-6px;font-size:11px}.sds-overlay{z-index:400;background:#2222236b;align-items:flex-end;animation:.2s fade-in-kf;display:flex;position:fixed;inset:0}.sds-sheet{background:var(--bg);border-top:1px solid var(--line);width:100%;padding-bottom:env(safe-area-inset-bottom,0px);border-radius:14px 14px 0 0;animation:.28s cubic-bezier(.22,1,.36,1) sheet-up}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sds-handle{background:var(--line-2,#ccc);border-radius:2px;width:36px;height:4px;margin:12px auto 4px}.restore-overlay{z-index:500;background:#2222236b;place-items:center;animation:.2s fade-in-kf;display:grid;position:fixed;inset:0}.restore-card{background:var(--bg);border:1px solid var(--ink);flex-direction:column;gap:12px;width:min(400px,92vw);padding:28px 24px;animation:.25s cubic-bezier(.22,1,.36,1) pop-in-kf;display:flex}.restore-title{letter-spacing:-.4px;color:var(--ink);font-size:18px;font-weight:800}.restore-sub{color:var(--muted);font-size:13px;line-height:1.5}.restore-btns{flex-direction:column;gap:8px;margin-top:4px;display:flex}.review-overlay{background:var(--paper);z-index:350;flex-direction:column;animation:.25s fade-in-kf;display:flex;position:fixed;inset:0;overflow:auto}.review-head{border-bottom:1px solid var(--line);background:var(--bg);flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 28px;display:flex}.review-grid{flex:1;grid-template-columns:1.4fr 1fr;min-height:0;display:grid}.review-room{background:var(--bg);border-right:1px solid var(--line);place-items:center;padding:40px;display:grid;position:relative}.room-bg{aspect-ratio:4/3;background:linear-gradient(#e9e5dc 0% 62%,#d9d2c2 62%,#d4cdba 100%);place-items:center;width:100%;max-height:80vh;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 -120px 80px -80px #2222232e}.room-floor{background:repeating-linear-gradient(90deg,#2222230a 0 1px,#0000 1px 80px);height:38%;position:absolute;inset:auto 0 0}.room-frame{aspect-ratio:1;background:var(--paper);border:12px solid var(--bg);width:min(56%,520px);position:relative;overflow:hidden;transform:translateY(-6%);box-shadow:inset 0 1px #2222231a,0 24px 40px #2222232e,0 60px 80px #2222231a}.room-tag{color:var(--muted);letter-spacing:.16em;background:#ffffffb3;padding:4px 8px;position:absolute;bottom:14px;left:14px}.review-side{flex-direction:column;gap:20px;padding:40px;display:flex;overflow-y:auto}.review-eyebrow{letter-spacing:.18em;margin-bottom:-4px}.review-title{font-family:var(--font-display);letter-spacing:-.025em;margin:0 0 4px;font-size:clamp(34px,3vw,44px);font-weight:500;line-height:1}.review-spec{border-top:1px solid var(--line-2);margin:8px 0 0;padding:0}.spec-row{border-bottom:1px solid var(--line);grid-template-columns:120px 1fr;align-items:baseline;gap:16px;padding:16px 0;display:grid}.spec-row dt{margin:0}.spec-row dd{justify-content:space-between;align-items:baseline;gap:12px;margin:0;display:flex}.spec-v{font-family:var(--font-display);letter-spacing:-.01em;font-size:18px}.spec-sub{white-space:nowrap}.review-total{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);justify-content:space-between;align-items:baseline;margin-top:16px;padding:16px 0;display:flex}.review-note{color:var(--muted);margin:4px 0 8px;font-size:13.5px;line-height:1.55}.add-cart-lg{letter-spacing:.18em;width:100%;min-width:0;padding:20px 24px;font-size:12px}@media (width<=1100px){.review-grid{grid-template-columns:1fr}.review-room{border-right:0;border-bottom:1px solid var(--line);padding:24px}}.rk-wrap{grid-template-columns:1fr 460px;gap:0;min-height:calc(100vh - 158px);display:grid}.rk-stage{background:#ded8cc;justify-content:center;align-items:center;margin-top:10px;display:flex;position:relative;overflow:hidden}.rk-bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.rk-frame{width:auto;aspect-ratio:var(--mosaic-ar,1);z-index:1;filter:brightness(.97)contrast(.96)saturate(.94);max-width:75%;position:absolute;top:5%;bottom:60%;left:50%;transform:translate(-50%);box-shadow:10px 14px 10px -2px #00000047,8px 12px 28px #0003,4px 8px 50px #0000001f,-1px -2px 6px #00000008}.rk-mosaic-img{width:100%;height:100%;display:block}.rk-mosaic-placeholder{aspect-ratio:1;width:100%;font-family:var(--font-mono);color:#6b6150;background-color:#cdbfa0;background-image:linear-gradient(45deg,#bcae8e 25%,#0000 25%),linear-gradient(-45deg,#bcae8e 25%,#0000 25%);background-position:0 0;background-repeat:repeat;background-size:5px 5px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;place-items:center;font-size:10px;display:grid}.rk-tag{font-family:var(--font-mono);color:var(--muted);z-index:2;background:#ffffffdb;border-radius:8px;align-items:center;gap:8px;padding:8px 13px;font-size:11px;display:flex;position:absolute;bottom:24px;left:24px}.rk-tag-i{border:1px solid var(--muted);border-radius:50%;flex-shrink:0;place-items:center;width:15px;height:15px;font-size:9px;font-style:italic;display:grid}.rk-summary{background:var(--paper);flex-direction:column;gap:0;padding:54px 46px;display:flex;position:relative;overflow-y:auto}.rk-close{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:4px;font-size:22px;line-height:1;position:absolute;top:30px;right:34px}.rk-close:hover{color:var(--ink)}.rk-eyebrow{font-family:var(--font-mono);letter-spacing:.12em;color:var(--muted);text-transform:uppercase;font-size:12px}.rk-title{font-family:var(--font-display);letter-spacing:-1px;margin:14px 0 38px;font-size:40px;font-weight:700;line-height:1.05}.rk-row{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;padding:18px 0;display:flex}.rk-k{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-shrink:0;font-size:12px}.rk-v{font-size:17px}.rk-side{font-family:var(--font-mono);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.rk-vwrap{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.rk-sub{border-top:1px solid var(--ink);justify-content:space-between;align-items:baseline;margin-top:8px;padding:22px 0;display:flex}.rk-sub-k{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:700}.rk-sub-v{font-family:var(--font-display);letter-spacing:-1px;font-size:36px;font-weight:800}.rk-note{color:var(--muted);margin:6px 0 26px;font-size:13px;line-height:1.5}.rk-cta{background:var(--lime);width:100%;height:62px;font-family:var(--font-mono);letter-spacing:.08em;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:20px;padding:0;font-size:14px;font-weight:700;transition:transform .18s cubic-bezier(.2,.9,.2,1.2),box-shadow .18s;display:flex}.rk-cta:hover{transform:translateY(-2px);box-shadow:0 12px 28px #cac42666}.rk-back{background:var(--bg);border:1px solid var(--line);width:100%;height:58px;font-family:var(--font-mono);letter-spacing:.08em;cursor:pointer;border-radius:10px;margin-top:14px;font-size:13px;font-weight:600;transition:transform .18s,box-shadow .18s}.rk-back:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0000000f}.rk-guide{border:1px solid var(--line);width:100%;height:48px;font-family:var(--font-mono);letter-spacing:.1em;color:var(--muted);cursor:pointer;background:0 0;border-radius:10px;margin-top:10px;font-size:11px;font-weight:600;transition:transform .18s,box-shadow .18s,color .18s,border-color .18s}.rk-guide:hover:not(:disabled){border-color:var(--line-2);color:var(--ink);transform:translateY(-1px);box-shadow:0 6px 18px #0000000d}.rk-guide:disabled{opacity:.6;cursor:default}.rk-pdf-error{color:#c0392b;text-align:center;margin-top:8px;font-size:12px}@media (width<=1100px){.rk-wrap{grid-template-columns:1fr}.rk-summary{padding:40px 28px}.rk-title{font-size:32px}}.toast{left:50%;bottom:calc(var(--cart-h) + 20px);background:var(--ink);color:var(--bg);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;z-index:90;opacity:0;pointer-events:none;white-space:nowrap;align-items:center;gap:10px;padding:12px 18px;font-size:11px;transition:opacity .22s,transform .22s;display:inline-flex;position:fixed;transform:translate(-50%,8px)}.toast.is-on{opacity:1;pointer-events:auto;transform:translate(-50%)}.toast-dot{background:var(--lime);border-radius:50%;flex-shrink:0;width:6px;height:6px}.toggle-row .toggle{cursor:pointer;font-family:var(--font-body);color:var(--ink);white-space:nowrap;align-items:center;gap:10px;padding:0;font-size:13px;display:inline-flex;background:0 0!important;border:0!important;width:auto!important;height:auto!important}.toggle-row .toggle:after{content:none!important;display:none!important}.toggle-row .toggle-track{pointer-events:none;transition:background var(--t);flex-shrink:0;position:relative;background:var(--line-2)!important;border:none!important;border-radius:999px!important;width:40px!important;height:22px!important;padding:0!important}.toggle-row .toggle-knob{transition:left var(--t);pointer-events:none;position:absolute;box-shadow:0 1px 3px #00000038;background:#fff!important;border-radius:50%!important;width:16px!important;height:16px!important;top:3px!important;left:3px!important}.toggle-row .toggle.is-on .toggle-track{background:var(--lime)!important}.toggle-row .toggle.is-on .toggle-knob{left:21px!important}.face-detected-banner{background:var(--ink);color:var(--bg);border-bottom:1px solid var(--line-2);flex-shrink:0;align-items:center;gap:8px;padding:8px 28px;display:flex}.face-detected-dot{background:var(--lime);border-radius:50%;flex-shrink:0;width:6px;height:6px}@media (width<=767px){.panel-eyebrow,.panel-inner .display-1,.panel-inner .lede{display:none}.panel-inner{padding:0}html,body,#root{height:auto;min-height:100%;overflow-x:hidden}:root{--header-h:96px}.app-header{z-index:200;grid-template-columns:1fr auto 1fr;height:96px;padding:0 12px;position:sticky;top:0}.app-header-left,.app-header-right .topbar-link:first-child,.app-header-right .ghost-btn:first-child{display:none}.btn-primary{padding:8px 14px;font-size:10px}.app-header-logo{height:40px}.app-header-logo img{height:100%}.topbar{height:76px}.logo{height:58px}.logo-img{height:86px}.steps{top:76px}.app-layout{flex-direction:column;height:auto;overflow:visible}.stage{order:1;width:100%;overflow:visible}.stage-head,.face-detected-banner{display:none}.preview-area{height:auto;min-height:260px;max-height:none;padding:12px 12px 0}.stage-foot{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:14px;height:auto;min-height:48px;padding:10px 16px;overflow-x:auto}.stage-foot::-webkit-scrollbar{display:none}.stage-foot-r{display:none}.stage-foot-l{flex-wrap:nowrap;gap:14px}.stage-stat-v{font-size:14px}.left-panel{border-right:none;border-top:1px solid var(--line);width:100%;min-width:0;height:auto;max-height:none;padding:0;padding-bottom:calc(var(--cart-h) + 8px);order:2;position:static;overflow:visible}.sec{padding:0}.sec:first-of-type{border-top:none}.sec-h{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:24px 1fr auto 24px;align-items:center;gap:10px;width:100%;min-height:56px;padding:14px 18px;display:grid}.sec-body{padding:0 18px 20px}.sec-body-hidden{display:none}.sec-summary{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:right;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.sec-caret{color:var(--ink);text-align:center;font-size:18px;line-height:1}.sec-title{font-family:var(--font-display);letter-spacing:-.01em;text-transform:none;font-size:17px;font-weight:400}.pin-grid{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;margin:0 -18px;padding:4px 18px 8px;display:flex;overflow-x:auto}.pin-grid::-webkit-scrollbar{display:none}.pin-card{scroll-snap-align:start;aspect-ratio:.85;flex-direction:column;flex:0 0 130px;justify-content:space-between;align-items:center;padding:14px 10px 10px;display:flex}.pin-card-img{width:70px;height:70px}.pin-card-mult{margin-top:4px;font-size:10px;position:static}.pin-card-mark{top:8px;right:8px}.size-row{gap:8px}.swatches{grid-template-columns:repeat(8,1fr)}.palette-row{scrollbar-width:none;flex-flow:row;overflow-x:auto}.palette-row::-webkit-scrollbar{display:none}.palette-swatches{grid-template-columns:repeat(12,1fr);min-width:0}.cart-bar{height:var(--cart-h);padding:0 14px calc(env(safe-area-inset-bottom));grid-template-columns:1fr auto;align-items:center;gap:10px;left:0}.cart-bar-c{display:none}.cart-bar-l{min-width:0;overflow:hidden}.cart-bar-meta{flex-direction:column;gap:2px;min-width:0;display:flex;overflow:hidden}.cart-line{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.cart-bar-price .display-2{font-size:22px}.cart-bar-r{flex-shrink:0;align-items:center;gap:10px;display:flex}.add-cart{white-space:nowrap;gap:12px;min-width:0;padding:14px 16px;font-size:10px}}.gift-toggle{background:var(--bg);border:1px solid var(--line-2);font-family:var(--fs-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);align-items:center;gap:6px;margin-left:auto;padding:6px 10px;font-size:10px;transition:border-color .15s,background .15s;display:inline-flex}.gift-toggle:hover{border-color:var(--ink)}.gift-toggle .gift-dot{background:var(--line-2);border-radius:50%;width:6px;height:6px;transition:background .15s,box-shadow .15s;display:inline-block}.gift-toggle.is-on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.gift-toggle.is-on .gift-dot{background:var(--lime);box-shadow:0 0 0 2px #cac42640}.sec-gift{background:var(--bg);border-top:1px solid var(--ink);border-bottom:1px solid var(--line-2);margin:0 -12px;padding-left:12px;padding-right:12px;position:relative}.sec-gift:before{content:"";background:var(--lime);width:28px;height:2px;position:absolute;top:0;left:0}.gift-field{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.gift-textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%;font-family:var(--fs-body);border:1px solid var(--line-2);background:var(--bg);resize:vertical;color:var(--ink);outline:none;padding:10px 12px;font-size:13px;line-height:1.5}.gift-textarea:focus{border-color:var(--ink)}.gift-textarea::placeholder{color:#999;font-style:italic;font-weight:400}.gift-count{align-self:flex-end}.gift-options{background:var(--line);border:1px solid var(--line-2);flex-direction:column;gap:1px;display:flex}.check-row{background:var(--bg);cursor:pointer;align-items:center;gap:10px;padding:12px 14px;display:flex;position:relative}.check-row input{opacity:0;pointer-events:none;position:absolute}.check-box{border:1px solid var(--line-2);background:var(--bg);width:16px;height:16px;color:var(--ink);font-size:10px;line-height:1;font-family:var(--fs-mono);flex-shrink:0;place-items:center;display:grid}.check-row.is-on .check-box{background:var(--ink);color:var(--bg);border-color:var(--ink)}.check-label{flex:1;font-size:13px}.check-hint{white-space:nowrap}.gift-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-bottom:12px;display:grid}.gift-input-field{flex-direction:column;gap:6px;min-width:0;display:flex}.gift-input{font-family:var(--fs-body);background:var(--bg);border:1px solid var(--line-2);color:var(--ink);font-variant-numeric:tabular-nums;box-sizing:border-box;outline:none;width:100%;min-width:0;max-width:100%;padding:10px 12px;font-size:13.5px}.gift-input:focus{border-color:var(--ink)}.gift-input::placeholder{color:#999;font-style:normal;font-weight:400}.gift-date{font-family:var(--fs-mono);font-size:12px}.gift-when{flex-direction:column;gap:8px;margin:12px 0 14px;display:flex}.gift-when-row{width:100%;max-width:240px}.gift-preview-link{margin-top:16px;display:inline-block}.sec .gift-grid+.gift-field{margin-top:4px}.gift-dot{background:var(--muted);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.gift-dot.lit{background:var(--lime);box-shadow:0 0 0 3px #cac42640}.gift-badge{background:var(--ink);color:var(--bg);font-family:var(--fs-mono);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;border:0;align-items:center;gap:6px;padding:6px 10px;font-size:10px;display:inline-flex}.gift-badge-dot{background:var(--lime);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 2px #cac42640}.cart-bar-meta-top{align-items:center;gap:8px;display:flex}.gift-mode-badge{background:var(--ink);color:var(--bg);font-family:var(--fs-mono);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:6px;padding:4px 8px;font-size:9px;display:inline-flex}.gift-mode-badge:before{content:"";background:var(--lime);border-radius:50%;flex-shrink:0;width:5px;height:5px;box-shadow:0 0 0 2px #cac42640}.entry{background:var(--bg);z-index:300;flex-direction:column;animation:.25s fade-in;display:flex;position:fixed;inset:0;overflow:auto}.entry-head{border-bottom:1px solid var(--line);justify-content:center;align-items:center;height:64px;padding:0 32px;display:flex;position:relative}.entry-logo{align-items:center;height:64px;display:flex}.entry-logo img{width:auto;height:36px;display:block}.entry-back{position:absolute;top:50%;left:32px;transform:translateY(-50%)}.entry-body{text-align:center;flex-direction:column;flex:1;align-items:center;width:100%;max-width:1100px;margin:0 auto;padding:64px 32px 80px;display:flex}.entry-eyebrow{letter-spacing:.2em;color:var(--muted);margin-bottom:20px}.entry-title{font-family:var(--fs-disp);letter-spacing:-.025em;text-wrap:balance;margin:0 0 18px;font-size:clamp(44px,4.4vw,68px);font-weight:500;line-height:1}.entry-lede{color:var(--muted);max-width:46ch;margin:0 0 56px;font-size:16px;line-height:1.55}.entry-cards{grid-template-columns:1fr 1fr;gap:24px;width:100%;margin-bottom:32px;display:grid}.entry-card{background:var(--bg);border:1px solid var(--line);text-align:left;cursor:pointer;min-height:320px;font-family:var(--fs-body);color:var(--ink);flex-direction:column;gap:12px;padding:36px 36px 32px;transition:opacity .4s cubic-bezier(.4,0,.2,1),border-color .25s,transform .25s,box-shadow .25s,background .25s;display:flex;position:relative}.entry-card.is-idle:hover{border-color:var(--ink);transform:translateY(-2px);box-shadow:0 24px 40px -20px #2222232e}.entry-card.is-selected{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime), 0 24px 40px -20px #22222329;cursor:default}.entry-card.is-dim{opacity:.32;cursor:default;pointer-events:none}.entry-card[disabled]{cursor:default}.entry-card-check{background:var(--lime);width:18px;height:18px;color:var(--ink);font-size:11px;font-family:var(--fs-mono);border-radius:50%;place-items:center;margin-left:auto;font-weight:600;display:inline-grid}.entry-card-eyebrow{letter-spacing:.2em;color:var(--muted);align-items:center;gap:8px;display:inline-flex}.entry-card-title{font-family:var(--fs-disp);letter-spacing:-.02em;font-size:32px;font-weight:500;line-height:1.05}.entry-card-text{color:var(--muted);flex:1;margin:0;font-size:14.5px;line-height:1.55}.entry-card-cta{border-top:1px solid var(--line);font-family:var(--fs-mono);letter-spacing:.16em;text-transform:uppercase;justify-content:space-between;align-items:center;padding-top:18px;font-size:11px;display:inline-flex}.entry-card-gift{background:var(--panel);position:relative}.entry-card-gift:before{content:"";background:var(--lime);width:56px;height:2px;position:absolute;top:0;left:0}.entry-skip{color:var(--muted);border-bottom-color:var(--muted);margin-top:16px}.entry-skip:hover{color:var(--ink);border-bottom-color:var(--ink)}.entry-step2{opacity:0;width:100%;max-height:0;transition:max-height .45s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1) 50ms,transform .45s cubic-bezier(.4,0,.2,1);overflow:hidden;transform:translateY(-12px)}.entry-step2.is-expanded{opacity:1;max-height:900px;transform:translateY(0)}.entry-divider{background:var(--line-2);opacity:0;width:100%;max-width:200px;height:1px;margin:48px auto 40px;animation:.3s .2s forwards divider-in}@keyframes divider-in{to{opacity:1}}.entry-eyebrow-2{margin-top:0}.entry-title-2{font-size:clamp(38px,3.6vw,56px)}@media (width<=720px){.entry-cards{grid-template-columns:1fr}.entry-title{font-size:38px}.gift-grid{grid-template-columns:1fr}}:root{--ease-spring:cubic-bezier(.22, 1, .36, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--dur-xs:.1s;--dur-sm:.15s;--dur-md:.25s;--dur-lg:.38s}@keyframes modal-pop{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.btn,.btn-primary,.btn-secondary,.btn-ghost,.ghost-btn,.add-cart{transition:background var(--dur-sm) var(--ease-out), color var(--dur-sm) var(--ease-out), border-color var(--dur-sm) var(--ease-out), box-shadow var(--dur-sm) var(--ease-out), transform var(--dur-sm) var(--ease-out);will-change:transform}.btn:active,.btn-primary:active,.btn-secondary:active,.btn-ghost:active,.ghost-btn:active{transition-duration:var(--dur-xs);transform:scale(.97)}.add-cart:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.add-cart:active{box-shadow:none;transition-duration:var(--dur-xs);transform:translateY(0)scale(.97)}.stepper-btn:active,[class*=stepper] button:active{transition:transform var(--dur-xs) var(--ease-in);transform:scale(.92)}.pin-card{transition:box-shadow var(--dur-sm) var(--ease-out), border-color var(--dur-sm) var(--ease-out), transform var(--dur-sm) var(--ease-out);will-change:transform}.pin-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.pin-card:active{transition-duration:var(--dur-xs);transform:translateY(0)scale(.97)}.entry-card{will-change:transform;animation:fade-up var(--dur-lg) var(--ease-spring) both}.entry-card:first-child{animation-delay:40ms}.entry-card:nth-child(2){animation-delay:90ms}.entry-card:nth-child(3){animation-delay:.14s}.entry-card:nth-child(4){animation-delay:.19s}.modal-card,.modal-wrap>.modal-card{animation:modal-pop var(--dur-lg) var(--ease-spring) both}.modal-overlay,.review-overlay{animation:overlay-in var(--dur-md) var(--ease-out) both}.review-overlay>.review-wrap,.review-overlay>[class*=review-card]{animation:slide-up-in var(--dur-lg) var(--ease-spring) both}.face-banner,[class*=face-detect],[class*=ai-badge]{animation:slide-down var(--dur-md) var(--ease-spring) both}.cart-bar,.stage-foot,[class*=cart-bar]{animation:slide-up-in var(--dur-lg) var(--ease-spring) both}.toggle-btn,.tab-btn{transition:background var(--dur-sm) var(--ease-out), color var(--dur-sm) var(--ease-out), box-shadow var(--dur-sm) var(--ease-out), transform var(--dur-sm) var(--ease-out)}.toggle-btn:active,.tab-btn:active{transition-duration:var(--dur-xs);transform:scale(.96)}.nav-link,.header-link,.modal-x,.close-btn{transition:color var(--dur-sm) var(--ease-out), opacity var(--dur-sm) var(--ease-out), transform var(--dur-sm) var(--ease-out)}.modal-x:hover,.close-btn:hover{transform:scale(1.1)}.modal-x:active,.close-btn:active{transition-duration:var(--dur-xs);transform:scale(.9)}.size-option,.pin-type-option,[class*=-option]{transition:border-color var(--dur-sm) var(--ease-out), box-shadow var(--dur-sm) var(--ease-out), transform var(--dur-sm) var(--ease-out), background var(--dur-sm) var(--ease-out)}.size-option:hover,.pin-type-option:hover{transform:translateY(-1px)}.size-option:active,.pin-type-option:active{transition-duration:var(--dur-xs);transform:scale(.98)}.pin-tooltip{background:var(--ink);color:var(--bg);white-space:nowrap;border-radius:10px;align-items:center;gap:8px;padding:7px 12px;animation:.1s both ppFadeIn;box-shadow:0 4px 20px #22222359}.pin-tooltip-swatch{border:1.5px solid #ffffff2e;border-radius:4px;flex-shrink:0;width:18px;height:18px}.pin-tooltip-code{font:700 11px/1 var(--font-mono);opacity:.95;letter-spacing:.03em}.pin-tooltip-sep{font:400 11px/1 var(--font-body);opacity:.35}.pin-tooltip-name{font:400 11px/1 var(--font-body);opacity:.72;text-overflow:ellipsis;max-width:160px;overflow:hidden}.pin-palette-swatch.is-current{box-shadow:0 0 0 2.5px #fff, 0 0 0 5px var(--ink);z-index:3;position:relative;transform:scale(1.14)}.left-edit-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;display:grid}.left-tool-card{border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:center;background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:14px 8px 12px;transition:transform .18s cubic-bezier(.2,.9,.2,1.2),box-shadow .18s,border-color .18s;display:flex}.left-tool-card:not(.is-active):hover{border-color:var(--line-2);transform:translateY(-2px);box-shadow:0 8px 20px #14120e12}.left-tool-card.is-active{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime);background:#fff}.left-tool-card__icon{width:28px;height:28px;color:var(--ink);place-items:center;display:grid}.left-tool-card__icon svg{width:24px;height:24px}.left-tool-card__text{flex-direction:column;gap:2px;display:flex}.left-tool-card__text strong{color:var(--ink);font-size:12px;font-weight:650;line-height:1.1}.left-tool-card__text small{color:var(--muted);font-size:10px;line-height:1.1}@keyframes edit-sizes-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.left-edit-sizes{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;animation:.26s cubic-bezier(.2,.9,.2,1.2) both edit-sizes-in;display:flex}.left-edit-sizes__label{color:var(--muted);letter-spacing:.04em;white-space:nowrap;font-size:11px;font-weight:600}.left-edit-sizes__btns{gap:5px;display:flex}.left-edit-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.oops-edit-tools{--oops-text:#181817;--oops-muted:#77736c;--oops-line:#e8e4dc;--oops-line-strong:#d7d1c6;--oops-accent:var(--lime);--oops-surface:#fff;border-top:1px solid var(--oops-line);background:#ffffffeb;flex-direction:column;flex-shrink:0;align-items:center;width:100%;margin-top:64px;padding:14px 16px;display:flex}.oops-edit-tools__header{align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.oops-edit-tools__eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--oops-text);font-size:11px;font-weight:850;line-height:1}.oops-edit-tools__hint{color:var(--oops-muted);font-size:12px}.oops-edit-tools__row{align-items:stretch;gap:10px;display:flex}.oops-tool-card{border:1px solid var(--oops-line);background:var(--oops-surface);min-width:138px;min-height:58px;color:var(--oops-text);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:11px;padding:10px 14px;transition:transform .18s cubic-bezier(.2,.9,.2,1.2),box-shadow .18s,border-color .18s,background .18s;display:inline-flex;position:relative}.oops-tool-card:hover{border-color:var(--oops-line-strong);transform:translateY(-2px);box-shadow:0 10px 24px #14120e14}.oops-tool-card:focus-visible{outline:none;box-shadow:0 0 0 3px #fff,0 0 0 6px #cac426b3}.oops-tool-card.is-active{background:var(--oops-surface);color:var(--oops-text);border-color:var(--oops-accent);box-shadow:0 0 0 1px var(--oops-accent)}.oops-tool-card__icon{color:currentColor;flex:0 0 28px;place-items:center;width:28px;height:28px;display:grid}.oops-tool-card__icon svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:25px;height:25px}.oops-tool-card__text{gap:3px;display:grid}.oops-tool-card__text strong{font-size:13px;font-weight:600;line-height:1.1}.oops-tool-card__text small{color:var(--oops-muted);font-size:11px;line-height:1.1}.oops-tool-card.is-active .oops-tool-card__text small{color:var(--oops-muted)}.oops-edit-tools__actions{align-items:center;gap:4px;margin-left:auto;display:flex}.edit-mode-btn{font:500 12px/1 var(--font-body);letter-spacing:.03em;border:1px solid var(--oops-line);color:var(--oops-muted);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#fff;border-radius:7px;align-items:center;gap:6px;padding:8px 13px;transition:border-color .12s,background .12s,color .12s;display:inline-flex}.edit-mode-btn:hover{color:var(--ink);border-color:var(--oops-line-strong);background:#2222230d}@media (width<=900px){.oops-edit-tools__header{display:block}.oops-edit-tools__hint{margin-top:6px;display:block}.oops-edit-tools__row{scroll-snap-type:x mandatory;padding-bottom:4px;overflow-x:auto}.oops-tool-card{scroll-snap-align:start;min-width:150px}}.mosaic-canvas.edit-single{cursor:crosshair}.mosaic-canvas.edit-fill{cursor:copy}.mosaic-canvas.edit-brush{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.brush-size-expand{opacity:0;max-width:0;margin-right:-10px;transition:max-width .35s cubic-bezier(.22,1,.36,1),opacity .25s,margin-right .35s cubic-bezier(.22,1,.36,1);overflow:hidden}.brush-size-expand.open{opacity:1;max-width:240px;margin-right:0}.brush-size-expand>div{align-items:center;gap:6px;padding:0 6px;display:flex}.brush-size-group{gap:6px;display:flex}.brush-size-btn{font-size:12px;font-family:var(--font-mono);border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;padding:6px 12px;font-weight:600;transition:transform .18s cubic-bezier(.2,.9,.2,1.2),box-shadow .18s,border-color .18s}.brush-size-btn:not(.active):hover{border-color:var(--line-2);transform:translateY(-1px);box-shadow:0 4px 10px #14120e12}.brush-size-btn.active{color:var(--ink);border-color:var(--lime);box-shadow:0 0 0 1px var(--lime);background:#fff}.mosaic-canvas.edit-eyedropper{cursor:cell;touch-action:none;-webkit-user-select:none;user-select:none}.eyedropper-indicator{border:1.5px solid var(--line);white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;display:flex}.eyedropper-swatch{border:1px solid #0000002e;border-radius:50%;flex-shrink:0;width:14px;height:14px}.eyedropper-name{color:var(--ink);font-weight:500}.eyedropper-hint{color:var(--muted);font-size:10px;font-style:italic}.pin-palette-backdrop{z-index:300;background:#22222366;justify-content:center;align-items:flex-end;animation:.14s both ppFadeIn;display:flex;position:fixed;inset:0}@keyframes ppFadeIn{0%{opacity:0}to{opacity:1}}.pin-palette-sheet{background:var(--bg);border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-width:560px;max-height:78vh;animation:.2s cubic-bezier(.32,.72,0,1) both ppSlideUp;display:flex;overflow:hidden;box-shadow:0 -8px 40px #2222232e}@keyframes ppSlideUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@media (width>=640px){.pin-palette-sheet{border-radius:16px;max-height:68vh;margin-bottom:32px}}.pin-palette-header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.pin-palette-title{color:var(--muted);font-size:11px}.pin-palette-grid{-webkit-overflow-scrolling:touch;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:5px;padding:14px 14px 24px;display:grid;overflow-y:auto}.pin-palette-swatch{aspect-ratio:1;cursor:pointer;touch-action:manipulation;border:1.5px solid #0000001a;border-radius:8px;justify-content:center;align-items:flex-end;width:100%;min-height:48px;padding:0 0 3px;transition:transform .1s,box-shadow .1s;display:flex;position:relative;overflow:hidden}.pin-palette-swatch:hover{z-index:1;transform:scale(1.1);box-shadow:0 4px 16px #22222347}.pin-palette-swatch:active{transform:scale(.94)}.pin-palette-code{font:600 7.5px/1 var(--font-mono);color:#fff;text-shadow:0 1px 3px #000000b3;letter-spacing:0;pointer-events:none}.steps{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#ffffffeb;justify-content:center;align-items:center;gap:22px;height:76px;display:flex;position:sticky;top:120px}.step{color:#2d2d2d;white-space:nowrap;align-items:center;gap:13px;display:flex}.step b{background:#fff;border:1px solid #9d9d9d;border-radius:50%;place-items:center;width:34px;height:34px;font-size:14px;font-weight:600;display:grid}.step.active b{border-color:var(--active-border);box-shadow:0 0 0 2px #d8f00040}.step span{font-size:15px}.step.active span{font-weight:700}.line{background:#d2d0cb;width:92px;height:1px}.layout{grid-template-columns:365px minmax(620px,1fr) 340px;align-items:start;gap:36px;padding:25px 32px 30px;display:grid}.panel{flex-direction:column;align-self:start;gap:7px;max-height:calc(100vh - 120px);display:flex;position:sticky;top:120px;overflow-y:auto}.panel::-webkit-scrollbar{width:3px}.panel::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:2px}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none;transition:background .2s,border-color .2s}@media (hover:hover){.card:hover{border-color:var(--line-2);background:#ffffffeb}}.canvas-card{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffc7;box-shadow:0 4px 32px #00000012,0 1px 4px #0000000a}.card{padding:18px}.card h3{letter-spacing:.17em;text-transform:uppercase;color:var(--muted);margin:0;font-size:12px;font-weight:600;line-height:1.2}.card p{color:var(--muted);margin:5px 0 0;font-size:13px}.card-head{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.dots,.info,.chevron{color:#333;background:0 0;border:0}.info{border:1px solid #9d9d9d;border-radius:50%;width:17px;height:17px;padding:0;font-size:11px;line-height:15px}.info.small{vertical-align:middle;margin-left:5px}.upload-card{flex-direction:column;align-items:center;min-height:320px;display:flex;overflow:hidden}.uploaded-image{border:1px solid var(--line);background:#fff;border-radius:4px;place-items:center;width:225px;height:210px;margin:0 auto 10px;display:grid;overflow:hidden}.uploaded-image img{object-fit:cover;width:100%;height:100%}.upload-actions{flex-direction:column;gap:8px;display:flex}.wide-btn{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:9px;width:225px;height:40px;margin:0 auto;font-weight:500;transition:transform .18s cubic-bezier(.2,.9,.2,1.2),box-shadow .18s,border-color .18s;display:flex}.wide-btn:hover{border-color:var(--line-2);transform:translateY(-2px);box-shadow:0 8px 20px #14120e12}.wide-btn-secondary{color:var(--muted);font-weight:500}.size-steppers{grid-template-columns:1fr 1fr;gap:12px;display:grid}.size-field label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:7px;font-size:11px;display:block}.size-meta-ref{font-family:var(--font-mono);color:var(--muted);margin-top:12px;font-size:12px}.style-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.style-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:7px;place-items:center;height:110px;padding:9px;transition:transform .18s cubic-bezier(.2,.9,.2,1.2),box-shadow .18s,border-color .18s;display:grid;position:relative}.style-card:not(.selected):hover{border-color:var(--line-2);transform:translateY(-2px);box-shadow:0 10px 24px #14120e14}.style-card.selected{border-color:var(--active-border);box-shadow:0 0 0 1px var(--active-border)}.style-card em{color:#555;font-size:12px;font-style:normal}.style-card img{object-fit:contain;mix-blend-mode:multiply;width:52px;height:52px}.check{background:var(--lime);border-radius:50%;place-items:center;width:17px;height:17px;font-size:11px;font-weight:800;display:grid;position:absolute;top:8px;right:8px}.pin-finish-card{border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;flex-direction:column;align-items:center;gap:5px;padding:10px 6px 9px;transition:transform .18s cubic-bezier(.2,.9,.2,1.2),box-shadow .2s,border-color .2s;display:flex;position:relative}.pin-finish-card:not(.selected):hover{border-color:var(--line-2);transform:translateY(-2px);box-shadow:0 10px 24px #14120e14}.pin-finish-card.selected{border-color:var(--active-border);box-shadow:0 0 0 1px var(--active-border)}.pin-finish-img{object-fit:contain;flex-shrink:0;width:72px;height:72px}.pin-finish-card em{color:#555;text-align:center;font-size:12px;font-style:normal;line-height:1.2}.pin-color-count{color:var(--muted);font-size:11px}.full-palette{color:#666;justify-content:space-between;margin-top:18px;font-size:13px;display:flex}.compact{justify-content:space-between;align-items:center;min-height:72px;display:flex}.switch input{display:none}.switch span{background:#ccc;border-radius:99px;width:36px;height:20px;display:block;position:relative}.switch span:after{content:"";background:#fff;border-radius:50%;width:17px;height:17px;position:absolute;top:1.5px;left:1.5px;box-shadow:0 2px 6px #0003}.switch input:checked+span{background:var(--lime)}.switch input:checked+span:after{transform:translate(16px)}.workspace{min-width:0}.workspace .canvas-card{width:100%;min-width:0}.canvas-body{grid-template-columns:128px 1fr;align-items:start;margin-top:14px;transition:grid-template-columns .28s ease-in-out;display:grid;overflow:visible}.canvas-body .mosaic-area{grid-column:2;min-width:0}.palette-mode .canvas-body{grid-template-columns:0 1fr}.workspace{z-index:2;position:relative}.canvas-card{z-index:1;position:relative}.tool-block{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);will-change:transform;z-index:10;transition:top .28s ease-in-out,transform .28s ease-in-out;position:absolute;top:82px;left:18px;overflow:visible}.palette-mode .tool-block{background:0 0;border:none;min-height:520px;top:0;transform:translate(-401px)}.palette-mode .tool-block:before{content:"";background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);z-index:-1;width:338px;min-height:100%;position:absolute;top:0;left:0}.panel.left{transition:opacity .28s ease-in-out}.palette-mode .panel.left{opacity:0;pointer-events:none}.colour-drawer-portal{width:0;position:absolute;top:0;bottom:0;left:128px;overflow:visible}.fine-tune-panel{box-sizing:border-box;flex-direction:column;flex-shrink:0;align-self:flex-start;gap:8px;width:128px;padding:0 10px 16px;display:flex}.palette-mode .fine-tune-panel{border-right:1px solid var(--line)}.palette-mode .tool-button{width:100px;height:100px}.palette-mode .tool-button.magnifier{height:100px}.palette-mode .ft-icon{width:50px;height:50px}.edit-card-head{box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;width:128px;padding:14px 12px 12px;display:flex}.edit-card-head h3{letter-spacing:.17em;text-transform:uppercase;color:var(--muted);margin:0;font-size:12px;font-weight:600;line-height:1.2}.edit-close-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:17px;line-height:1;transition:color .15s,background .15s;display:flex}.edit-close-btn:hover{color:var(--ink);background:var(--line)}.palette-close-btn{color:var(--muted);cursor:pointer;z-index:301;background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:17px;line-height:1;transition:color .15s,background .15s;display:flex;position:absolute;top:14px;left:298px}.palette-close-btn:hover{color:var(--ink);background:var(--line)}.fine-tune-header h3{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 4px 2px;font-size:10px;font-weight:700}.fine-tune-tools{flex-direction:column;align-items:center;gap:8px;display:flex}.ft-btn-wrap{width:90px;position:relative}.tool-button{background:var(--bg);border:1.5px solid var(--line);cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:90px;height:90px;padding:0;text-decoration:none;transition:background .16s,border-color .16s cubic-bezier(.23,1,.32,1),box-shadow .16s cubic-bezier(.23,1,.32,1),transform .18s cubic-bezier(.2,.9,.2,1.2);display:flex;position:relative}@media (hover:hover){.tool-button:not(.ft-disabled):hover{transform:translateY(-2px);box-shadow:0 10px 24px #14120e14}}.tool-button:not(.ft-disabled):active{transform:scale(.97)}.tool-button.active{border-color:var(--active-border);box-shadow:0 0 0 1px var(--active-border)}.tool-button.ft-disabled{cursor:default;pointer-events:none}.ft-icon{flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.ft-icon img{object-fit:contain;width:100%;height:100%}.ft-label{letter-spacing:-.01em;color:var(--muted);font-size:11px;font-weight:600;line-height:1}.tool-button.active .ft-label,.tool-button:not(.ft-disabled):hover .ft-label{color:var(--ink)}.ft-info{background:var(--line-2);width:16px;height:16px;color:var(--muted);cursor:pointer;z-index:2;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:9.5px;font-style:italic;font-weight:700;line-height:1;transition:background .15s,color .15s;display:flex;position:absolute;top:4px;right:4px}.ft-info:hover,.ft-info.open{background:var(--lime);color:#fff}.ft-tip{background:var(--ink);color:#fff;white-space:nowrap;pointer-events:none;z-index:200;border-radius:8px;padding:5px 9px;font-size:11px;font-style:normal;font-weight:500;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%);box-shadow:0 4px 12px #0000002e}.ft-tip:before{content:"";border:5px solid #0000;border-right-color:var(--ink);position:absolute;top:50%;right:100%;transform:translateY(-50%)}.tool-button.magnifier{flex-direction:column;justify-content:space-between;height:90px;padding:8px 0 7px}.ft-toggle{background:var(--line-2);border-radius:8px;flex-shrink:0;width:28px;height:15px;transition:background .2s;position:relative}.ft-toggle.is-on{background:var(--lime)}.brush-size-panel{opacity:0;width:90px;max-height:0;transition:max-height .27s cubic-bezier(.4,0,.2,1),opacity .22s;overflow:hidden}.brush-size-panel.open{opacity:1;max-height:120px}.brush-size-inner{flex-direction:column;gap:6px;padding:6px 0 2px;display:flex}.brush-size-btn{background:var(--bg);border:1.5px solid var(--line);width:90px;height:30px;font-size:11px;font-weight:700;font-family:var(--font-mono);letter-spacing:.01em;color:var(--muted);cursor:pointer;border-radius:10px;transition:background .15s,border-color .15s,box-shadow .15s,color .15s}.brush-size-btn.active{border-color:var(--active-border);box-shadow:0 0 0 1px var(--active-border);color:var(--ink);background:#fff}@media (hover:hover){.brush-size-btn:not(.active):hover{border-color:var(--active-border);color:var(--ink)}}.ft-lower-tools{flex-direction:column;align-items:center;gap:8px;transition:transform .27s cubic-bezier(.4,0,.2,1);display:flex}.ft-lower-tools.pushed{transform:translateY(0)}.ft-knob{background:#fff;border-radius:50%;width:11px;height:11px;transition:left .2s cubic-bezier(.23,1,.32,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.ft-toggle.is-on .ft-knob{left:15px}.canvas-card{flex-direction:column;height:100%;min-height:850px;padding:18px;display:flex;position:relative;overflow:visible}.canvas-label{z-index:3;color:#5d5d5d;background:#f3f1ed;border:1px solid #e7e3dc;border-radius:7px;align-items:center;height:36px;padding:0 16px;font-size:13px;display:flex;position:absolute;top:20px;left:18px}.canvas-topbar{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:10px;display:flex;position:relative}.canvas-recommendation{border:1px solid var(--line);color:var(--text);white-space:nowrap;pointer-events:none;background:#fffffff2;border-radius:20px;align-items:center;gap:10px;padding:6px 14px;font-size:13px;font-weight:500;display:flex;position:absolute;left:50%;transform:translate(-50%)}.canvas-recommendation button{pointer-events:auto;border:1.5px solid var(--lime);height:26px;font:650 12px/1 var(--font-body);color:#101010;cursor:pointer;background:#fff;border-radius:13px;padding:0 12px;transition:transform .16s,box-shadow .16s}.canvas-recommendation button:hover{transform:translateY(-1px);box-shadow:0 4px 10px #cac4262e}.rec-bar{border-bottom:1px solid var(--line);color:var(--text);white-space:nowrap;background:#fffffff2;justify-content:center;align-items:center;gap:10px;padding:8px 32px;font-size:13px;font-weight:500;display:flex}.rec-bar.warn{border-bottom-color:#cac42673}.rec-bar.good{color:var(--ink);border-bottom-color:#cac42673}.rec-bar button{border:1.5px solid var(--lime);height:26px;font:650 12px/1 var(--font-body);color:#101010;cursor:pointer;background:#fff;border-radius:13px;padding:0 12px;transition:transform .16s,box-shadow .16s}.rec-bar button:hover{transform:translateY(-1px);box-shadow:0 4px 10px #cac4262e}.zoom-group{align-items:center;gap:8px;display:flex}.zoom{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:7px;align-items:center;gap:16px;height:36px;padding:0 12px;transition:transform .18s cubic-bezier(.2,.9,.2,1.2),box-shadow .18s,border-color .18s;display:flex}.zoom:hover{border-color:var(--line-2);transform:translateY(-2px);box-shadow:0 8px 20px #14120e12}.zoom button,.fullscreen{background:0 0;border:0}.fullscreen{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:7px;place-items:center;width:36px;height:36px;transition:transform .18s cubic-bezier(.2,.9,.2,1.2),box-shadow .18s,border-color .18s;display:grid}.fullscreen:hover{border-color:var(--line-2);transform:translateY(-2px);box-shadow:0 8px 20px #14120e12}.mosaic-area{flex:1;justify-content:center;align-items:flex-start;min-height:0;margin-top:0;padding:0 18px 80px 20px;display:flex;overflow:visible}.mosaic-area .preview-area{background:0 0;padding:0;overflow:visible}.mosaic-area .mosaic-canvas-wrap{overflow:visible}.mosaic-board{display:inline-block;position:relative}.dim{position:absolute}.dim-line{background:#b9b3a6;position:absolute}.dim-lab{font-family:var(--font-mono);color:var(--muted);white-space:nowrap;font-size:12px;position:absolute}.dim-lab b{font-family:var(--font-display);color:var(--text);font-size:15px;font-weight:700}.dim-h{width:1px;top:0;bottom:0;right:-34px}.dim-h .dim-line{width:1px;top:0;bottom:0;left:0}.dim-h .dim-line:before,.dim-h .dim-line:after{content:"";background:#b9b3a6;width:9px;height:1px;position:absolute;left:-4px}.dim-h .dim-line:before{top:0}.dim-h .dim-line:after{bottom:0}.dim-h .dim-lab{writing-mode:vertical-rl;top:50%;left:8px;transform:translateY(-50%)}.dim-h.dim-h--left{left:-34px;right:auto}.dim-h.dim-h--left .dim-lab{left:auto;right:8px}.dim-w{height:1px;bottom:-40px;left:0;right:0}.dim-w .dim-line{height:1px;top:0;left:0;right:0}.dim-w .dim-line:before,.dim-w .dim-line:after{content:"";background:#b9b3a6;width:1px;height:9px;position:absolute;top:-4px}.dim-w .dim-line:before{left:0}.dim-w .dim-line:after{right:0}.dim-w .dim-lab{top:8px;left:50%;transform:translate(-50%)}.toolbar{border-top:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;min-height:56px;padding-top:17px;display:flex;position:static!important}.save-tools{align-items:center;display:flex}.save-tools button{border:1px solid var(--line);color:#666;background:#fff;align-items:center;gap:8px;height:40px;padding:0 15px;display:flex}.save-tools{gap:6px}.save-tools button{cursor:pointer;border-radius:7px;transition:transform .18s cubic-bezier(.2,.9,.2,1.2),box-shadow .18s,border-color .18s}.save-tools button:hover{border-color:var(--line-2);transform:translateY(-2px);box-shadow:0 8px 20px #14120e12}.summary-icon{flex-shrink:0;width:38px;height:38px}.summary-card{height:100%;min-height:850px;padding:24px 22px}.price{align-items:flex-end;gap:8px;margin-top:44px;margin-bottom:8px;display:flex}.price strong{letter-spacing:-1.6px;font-size:40px;line-height:1}.price span{padding-bottom:6px;font-size:13px}.kit-type{color:#575757;margin-top:12px;font-size:14px}.divider{background:var(--line);height:1px;margin:24px 0}.summary-list{gap:11px;display:grid}.summary-list div{justify-content:space-between;gap:18px;font-size:13px;display:flex}.summary-list span{color:var(--muted);align-items:center;gap:5px;display:flex}.summary-list strong{color:var(--ink);font-size:13px;font-weight:500}.summary-list i{border:1px solid #222;border-radius:50%;place-items:center;width:15px;height:15px;margin-left:4px;font-size:10px;font-style:normal;display:inline-grid}.summary-palette{overflow:hidden}.summary-palette-trigger{cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;gap:7px;width:100%;padding:0;display:flex}.summary-palette-strip{border-radius:3px;gap:0;width:100%;height:6px;display:flex;overflow:hidden}.summary-palette-strip span{flex:1;min-width:0;height:100%;display:block}.summary-palette-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;font-size:10px;font-weight:600;display:flex}.summary-palette-chevron{color:var(--muted);font-size:13px;font-style:normal;line-height:1;transition:transform .25s ease-out}.summary-palette-trigger:hover .summary-palette-label{color:var(--ink)}.summary-palette-body{grid-template-rows:0fr;margin-top:0;transition:grid-template-rows .25s ease-out;display:grid}.summary-palette.open .summary-palette-body{grid-template-rows:1fr;margin-top:14px}.summary-palette-body>.palette-swatches{overflow:hidden}.palette h3{margin-bottom:14px}.palette h3 span{color:var(--muted);letter-spacing:0}.palette-swatches{flex-wrap:wrap;gap:9px;display:flex}.palette-swatches i{background:var(--c);border:1px solid #00000024;border-radius:3px;width:31px;height:31px;display:block;box-shadow:inset 0 1px #ffffff4d}.price-placeholder{color:var(--muted);padding-bottom:6px;font-size:14px}.review-btn:disabled{opacity:.38;cursor:default;pointer-events:none}.review-btn{background:var(--cta-bg);width:100%;height:58px;color:var(--cta-color);cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;gap:18px;margin-top:32px;font-weight:800;transition:transform .18s cubic-bezier(.2,.9,.2,1.2),box-shadow .18s;display:flex}.review-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #cac4264d}.review-btn span{font-size:22px}.included{text-align:center;font-family:var(--font-body);color:var(--muted);margin-top:14px;font-size:12px}@media (width<=1300px){.layout{grid-template-columns:310px minmax(520px,1fr) 300px;gap:20px;padding-inline:22px}.line{width:55px}}:root{--col-left:300px;--col-right:330px;--ink-60:#6b6b6c;--ink-40:#9a9a9b;--b3-stepper-h:92px}.b3-stepper{background:var(--bg);border-bottom:1px solid var(--line);flex-shrink:0;justify-content:center;align-items:center;padding:18px 36px 26px;display:flex}.b3-step{align-items:center;gap:10px;display:flex}.b3-step-num{border:1.5px solid var(--line);width:30px;height:30px;font-family:var(--font-mono);color:var(--ink-40);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex}.b3-step-active .b3-step-num{border-color:var(--lime);background:var(--lime);color:var(--ink);font-weight:700}.b3-step-lbl{color:var(--ink-40);font-size:14px}.b3-step-active .b3-step-lbl{color:var(--ink);font-weight:600}.b3-step-line{background:var(--line);flex-shrink:0;width:70px;height:1px;margin:0 16px}.b3-layout{grid-template-columns:var(--col-left) 1fr var(--col-right);height:calc(100vh - var(--header-h) - var(--b3-stepper-h));align-items:start;gap:22px;padding:0 28px 28px;display:grid;overflow:hidden}.b3-col-left{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;height:100%;padding-top:22px;overflow-y:auto}.b3-col-left .left-panel{border-right:none;width:100%;min-width:0;height:auto}.b3-card{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:20px}.b3-card+.b3-card{margin-top:18px}.b3-card-h{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.b3-card-title{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);font-size:12px}.b3-stage{flex-direction:column;min-width:0;height:100%;padding-top:22px;display:flex;overflow:hidden}.b3-stage-top{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.b3-size-badge{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink-60);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:8px 12px;font-size:12px}.b3-zoom{background:var(--bg);border:1px solid var(--line);border-radius:8px;align-items:center;gap:4px;padding:4px;display:flex}.b3-zoom-btn{cursor:pointer;width:32px;height:32px;color:var(--ink);background:0 0;border:none;border-radius:6px;font-size:18px;line-height:1}.b3-zoom-btn:hover{background:var(--panel)}.b3-zoom-pct{font-family:var(--font-mono);color:var(--ink-60);padding:0 8px;font-size:13px}.b3-preview-frame{flex:1;min-height:0;position:relative;overflow:hidden}.b3-preview-frame .preview-area{border-radius:8px;height:100%;padding:10px 16px;overflow:hidden}.b3-toolbar{background:var(--bg);border:1px solid var(--line);border-radius:12px;flex-shrink:0;justify-content:space-between;align-items:center;margin-top:6px;padding:8px;display:flex}.b3-tool-group{gap:4px;display:flex}.b3-tool{cursor:pointer;color:var(--ink-60);font-size:14px;font-family:var(--font-body);background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:11px 16px;line-height:1;display:flex}.b3-tool:hover{background:var(--panel)}.b3-tool.b3-active{background:var(--ink);color:#fff}.b3-ti{border:1.6px solid;border-radius:3px;flex-shrink:0;width:15px;height:15px;display:inline-block}.b3-tool-right{align-items:center;gap:4px;display:flex}.b3-col-right{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;height:100%;padding-top:22px;overflow-y:auto}.b3-price{font-family:var(--font-display);letter-spacing:-.02em;font-size:42px;font-weight:800}.b3-price-usd{font-family:var(--font-mono);color:var(--ink-40);margin-left:8px;font-size:13px}.b3-price-sub{color:var(--ink-60);border-bottom:1px solid var(--line);margin-top:6px;padding-bottom:18px;font-size:14px}.b3-kit-list{border-bottom:1px solid var(--line);padding:18px 0}.b3-kit-row{justify-content:space-between;align-items:center;padding:9px 0;font-size:14px;display:flex}.b3-kit-k{color:var(--ink-60);align-items:center;gap:10px;display:flex}.b3-ki{border:1.5px solid var(--ink-40);border-radius:3px;flex-shrink:0;width:16px;height:16px;display:inline-block}.b3-kit-v{font-family:var(--font-mono);color:var(--ink);white-space:nowrap;font-size:13px}.b3-kit-v-muted{color:var(--ink-60)}.b3-pal-title{font-family:var(--font-mono);letter-spacing:.08em;color:var(--ink-60);margin:18px 0 12px;font-size:12px}.b3-pal{flex-wrap:wrap;gap:6px;display:flex}.b3-swatch{border:1px solid #00000014;border-radius:4px;width:26px;height:26px;display:inline-block}.b3-btn-cta{background:var(--lime);width:100%;font-family:var(--font-display);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;margin-top:22px;padding:18px;font-size:16px;font-weight:700;display:flex}.b3-btn-cta:hover{opacity:.88}.b3-cta-note{text-align:center;font-family:var(--font-mono);color:var(--ink-40);margin-top:12px;font-size:11px}.b3-info{border:1.4px solid var(--ink-40);width:16px;height:16px;color:var(--ink-40);cursor:help;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Georgia,serif;font-size:10px;font-style:italic;display:inline-flex;position:relative}.b3-info:hover .b3-tip{display:block}.b3-tip{background:var(--ink);color:#fff;width:180px;font-family:var(--font-body);z-index:50;text-align:left;letter-spacing:0;border-radius:8px;padding:9px 11px;font-size:12px;font-style:normal;line-height:1.4;display:none;position:absolute;bottom:130%;right:-6px;box-shadow:0 6px 20px #0003}.b3-hdr-item{align-items:center;gap:8px;display:flex}.b3-ico{border:1.6px solid;border-radius:4px;flex-shrink:0;width:18px;height:18px;display:inline-block}.b3-ico-user{border-radius:50%}.b3-cart-badge{background:var(--ink);color:#fff;font-family:var(--font-mono);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;display:inline-flex}.editor-stage{width:auto;min-height:720px;display:block;position:relative;overflow:visible}.colour-drawer{opacity:0;pointer-events:none;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);z-index:300;flex-direction:column;width:210px;min-height:100%;max-height:calc(100vh - 200px);transition:opacity .2s;display:flex;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 4px 24px #14120e12,0 1px 4px #0000000a}.palette-mode .colour-drawer{opacity:1;pointer-events:auto;box-shadow:none;background:0 0;border:none;border-radius:0}.colour-drawer-header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;height:44px;padding:0 10px 0 12px;display:flex}.colour-drawer-header h3{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0;font-size:10px;font-weight:700}.close-palette-btn{cursor:pointer;width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;font-size:20px;line-height:1;transition:background .15s,color .15s;display:grid}.close-palette-btn:hover{background:var(--bg);color:var(--ink)}.selected-colour{background:#fff;border:1px solid #1d1d1b;border-radius:10px;align-items:center;gap:12px;margin:16px 16px 14px;padding:10px;display:flex}.selected-swatch{border-radius:6px;flex-shrink:0;width:34px;height:34px;box-shadow:inset 0 0 0 1px #00000024}.selected-colour strong{font-size:13px;display:block}.selected-colour small{color:#77736c;margin-top:2px;font-size:11px;display:block}.colour-grid{grid-template-columns:repeat(7,1fr);gap:5px;padding:10px;display:grid}.colour-grid::-webkit-scrollbar{width:4px}.colour-grid::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:999px}.colour-tile{aspect-ratio:1;color:#ffffffe6;text-shadow:0 1px 2px #00000073;cursor:pointer;border:1px solid #00000024;border-radius:6px;min-width:0;font-size:9px;font-weight:700;transition:transform .16s cubic-bezier(.2,.9,.2,1.4),box-shadow .16s,border-color .16s,filter .16s;position:relative;box-shadow:inset 0 1px #ffffff4d}.colour-tile:hover{z-index:4;filter:saturate(1.08)brightness(1.03);transform:scale(1.18);box-shadow:inset 0 1px #ffffff4d,0 8px 22px #00000038}.colour-tile:focus-visible{z-index:5;outline:none;transform:scale(1.18);box-shadow:inset 0 1px #ffffff4d,0 0 0 3px #fff,0 0 0 6px #cac426cc,0 8px 22px #00000038}.colour-tile.selected{box-shadow:inset 0 1px 0 #ffffff4d, 0 0 0 2.5px var(--lime);z-index:3}.colour-tile.selected:hover{transform:scale(1.16)}.used-toggle{border-top:1px solid var(--line);color:var(--muted);cursor:pointer;flex-shrink:0;align-items:center;gap:8px;margin:0 10px 10px;padding-top:10px;font-size:11px;display:flex}.used-toggle input{display:none}.used-toggle-track{background:var(--line-2);border-radius:999px;flex-shrink:0;width:32px;height:18px;transition:background .2s;position:relative}.used-toggle-track:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}.used-toggle input:checked+.used-toggle-track{background:var(--lime)}.used-toggle input:checked+.used-toggle-track:after{transform:translate(14px)}.edit-toolbar{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;width:72px;padding-top:8px;display:flex}.tool-btn{border:1px solid var(--line);width:64px;min-height:64px;color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:8px 4px 6px;transition:transform .18s cubic-bezier(.2,.9,.2,1.2),box-shadow .18s,border-color .18s,background .16s;display:flex}.tool-btn-label{color:var(--muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;font-weight:500;line-height:1;overflow:hidden}.tool-btn:hover{border-color:var(--line-2);transform:translateY(-1px);box-shadow:0 6px 16px #14120e14}.tool-btn:active{transition-duration:80ms;transform:scale(.97)}.tool-btn--active{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime);background:#fefff0}.tool-btn--active .tool-btn-label{color:#7a7600}.tool-btn--active:hover{box-shadow:0 0 0 1px var(--lime), 0 6px 16px #cac4262e;transform:translateY(-1px)}.tool-color-indicator{border:1px solid var(--line-2);border-radius:8px;flex-shrink:0;width:36px;height:36px;margin-top:4px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000f}.tool-color-indicator--solid{border-radius:8px}.tci-paint{clip-path:polygon(0% 0%,100% 0%,0% 100%);position:absolute;inset:0}.tci-hover{clip-path:polygon(100% 0%,100% 100%,0% 100%);position:absolute;inset:0}.tool-pencil{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.tool-eyedropper{cursor:cell;touch-action:none;-webkit-user-select:none;user-select:none}.tool-bucket{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.magnifier-wrap{border-radius:8px;overflow:hidden;box-shadow:0 4px 20px #00000038,0 0 0 1.5px #cac42699}.magnifier-canvas{image-rendering:pixelated;display:block}.drawer-color-indicator{border:1px solid var(--line);background:var(--bg);border-radius:8px;flex-shrink:0;align-items:center;gap:8px;margin:8px 10px 6px;padding:6px 8px;display:flex}.dci-wrap{border:1px solid var(--line-2);border-radius:7px;flex-shrink:0;width:34px;height:34px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000f}.dci-paint{clip-path:polygon(0% 0%,100% 0%,0% 100%);position:absolute;inset:0}.dci-hover{clip-path:polygon(100% 0%,100% 100%,0% 100%);position:absolute;inset:0}.dci-labels{flex-direction:column;gap:2px;min-width:0;display:flex}.dci-paint-label{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.dci-hover-label{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.dci-hint{color:var(--muted);letter-spacing:.05em;font-size:10px}.undo-redo-group{align-items:center;gap:4px;display:flex;position:absolute;left:calc(50% + 64px);transform:translate(-50%)}.palette-mode .undo-redo-group{left:50%}.undo-redo-btn{border:1px solid var(--line);height:36px;color:var(--ink);cursor:pointer;background:#fff;border-radius:7px;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:600;transition:transform .18s cubic-bezier(.2,.9,.2,1.2),box-shadow .18s,border-color .18s;display:flex}.undo-redo-btn:hover:not(.disabled){border-color:var(--line-2);transform:translateY(-1px);box-shadow:0 6px 16px #14120e14}.undo-redo-btn:active:not(.disabled){transform:scale(.97)}.undo-redo-btn.disabled,.undo-redo-btn:disabled{opacity:.38;cursor:default}.open-palette-btn{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:7px;align-items:center;gap:7px;height:36px;margin-left:auto;padding:0 13px;font-size:12px;font-weight:600;transition:background .12s,border-color .12s;display:inline-flex}.open-palette-btn:hover{border-color:var(--line-2);background:#fafafa}.step.completed b{color:#888;border-color:silver}.step.completed span{color:#999}.crop-page{grid-template-columns:300px minmax(0,1fr);gap:36px;padding:28px 56px 18px;display:grid}.crop-sidebar{align-self:start;max-height:calc(100vh - 196px);position:sticky;top:196px;overflow-y:auto}.crop-panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#ffffffe0;padding:28px}.crop-panel-head{justify-content:space-between;align-items:center;display:flex}.crop-panel h2,.crop-panel h3{text-transform:uppercase;letter-spacing:.18em;margin:0;font-size:12px;font-weight:700}.crop-panel h3{margin-top:26px;margin-bottom:14px}.crop-panel hr{border:0;border-top:1px solid var(--line);margin:24px 0}.crop-photo-thumb{border:1px solid var(--line);background:#eee;border-radius:15px;width:154px;height:190px;margin:26px auto 16px;overflow:hidden}.crop-photo-thumb img{object-fit:cover;width:100%;height:100%}.crop-replace-btn{border:1px solid var(--line);width:100%;height:42px;font-weight:600;font-family:var(--font-body);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:9px;transition:transform .18s cubic-bezier(.2,.9,.2,1.2),box-shadow .18s,border-color .18s;display:flex}.crop-replace-btn:hover{border-color:var(--line-2);transform:translateY(-2px);box-shadow:0 8px 20px #14120e12}.ratio-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.ratio-btn{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;min-height:50px;font-size:15px;font-weight:500;transition:transform .18s cubic-bezier(.2,.9,.2,1.2),box-shadow .18s,border-color .18s,background .18s;position:relative}.ratio-btn:not(.active):hover{border-color:var(--line-2);transform:translateY(-2px);box-shadow:0 8px 20px #14120e12}.ratio-btn.active{border-color:var(--active-border);box-shadow:0 0 0 1px var(--active-border), 0 24px 40px -20px #22222329;background:#fff}.ratio-btn-check{background:var(--lime);border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;top:6px;right:7px}.crop-hint{color:var(--muted);align-items:center;gap:8px;margin:16px 0 22px;font-size:14px;display:flex}.crop-reset-btn{font-size:14px;font-weight:600;font-family:var(--font-body);cursor:pointer;color:var(--text);background:0 0;border:0;align-items:center;gap:9px;padding:0;transition:transform .18s cubic-bezier(.2,.9,.2,1.2),color .12s;display:inline-flex}.crop-reset-btn:hover{color:var(--ink);transform:translateY(-2px)}.crop-workspace{min-width:0}.crop-stage{border-radius:var(--radius);height:calc(100vh - 230px);min-height:640px;max-height:760px;box-shadow:var(--shadow);background:radial-gradient(circle at 50% 40%,#ffffff14,#0000 36%),linear-gradient(145deg,#2a2a28 0%,#131313 100%);border:1px solid #30302e;place-items:center;display:grid;position:relative;overflow:hidden}.crop-stage-tip{z-index:3;color:#f4f2ea;white-space:nowrap;opacity:.95;pointer-events:none;align-items:center;gap:9px;font-size:15px;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.crop-stage-tip span{color:#aaa59a}.crop-stage .reactEasyCrop_Container{position:absolute;inset:0}.crop-bottom-toolbar{z-index:10;border:1px solid var(--line);border-radius:var(--radius);min-height:82px;box-shadow:var(--shadow);background:#fffffff5;grid-template-columns:auto auto 1fr;align-items:center;gap:22px;margin:0 56px 34px;padding:18px 22px;display:grid;position:sticky;bottom:0}.crop-zoom-group,.crop-tool-group,.crop-toolbar-actions{align-items:center;gap:12px;display:flex}.crop-zoom-group>span,.crop-tool-group>span{color:var(--text);white-space:nowrap;font-size:14px;font-weight:550}.crop-tool-group{border-left:1px solid var(--line);padding-left:22px}.crop-toolbar-actions{justify-content:flex-end}.crop-sq-btn{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;place-items:center;width:40px;height:40px;transition:transform .18s cubic-bezier(.2,.9,.2,1.2),box-shadow .18s,border-color .18s;display:grid}.crop-sq-btn:hover{border-color:var(--line-2);transform:translateY(-2px);box-shadow:0 8px 20px #14120e12}.crop-icon-btn-bare{cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:36px;height:36px;transition:background .12s;display:grid}.crop-icon-btn-bare:hover{background:#0000000f}.crop-zoom-range{width:200px;accent-color:var(--lime);cursor:pointer}.crop-zoom-val{border:1px solid var(--line);background:#fff;border-radius:10px;place-items:center;min-width:56px;height:40px;font-size:14px;font-weight:600;display:grid}.crop-apply-btn{background:var(--cta-bg);min-width:150px;height:58px;color:var(--cta-color);font-size:15px;font-weight:800;font-family:var(--font-body);cursor:pointer;border:0;border-radius:6px;padding:0 24px;transition:transform .18s cubic-bezier(.2,.9,.2,1.2),box-shadow .18s,filter .18s}.crop-apply-btn:hover:not(:disabled){filter:brightness(.97);transform:translateY(-2px);box-shadow:0 10px 24px #14120e1f}.crop-apply-btn:disabled{opacity:.5;cursor:default}@media (width<=1150px){.crop-page{grid-template-columns:1fr}.crop-sidebar{order:2;max-height:none;position:static}.crop-bottom-toolbar{grid-template-columns:1fr}.crop-toolbar-actions{justify-content:stretch}.crop-toolbar-actions button{flex:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}.entry-card,.modal-card,.modal-overlay,.review-overlay,.face-banner,.cart-bar,.pin-palette-backdrop,.pin-palette-sheet{opacity:1!important;animation:none!important;transform:none!important}}.builder-frame{height:calc(100vh - var(--header-h));flex-direction:column;display:flex;overflow:hidden}.builder-frame>.rec-bar{flex-shrink:0}.builder-frame .panel{position:relative;top:auto}.builder-frame>.layout{flex:1;grid-template-rows:1fr;align-items:stretch;min-height:0;padding-bottom:0}.builder-frame .workspace{flex-direction:column;min-height:0;display:flex}.builder-frame .canvas-card{flex:1;min-height:0}.builder-frame .canvas-topbar{flex-shrink:0}.builder-frame .canvas-body{flex:1;grid-template-rows:1fr;min-height:0}.builder-frame .tool-block{align-self:start}.builder-frame .mosaic-area{scrollbar-width:thin;scrollbar-color:#0000001f transparent;align-self:stretch;overflow:auto}.builder-frame .mosaic-area::-webkit-scrollbar{width:5px;height:5px}.builder-frame .mosaic-area::-webkit-scrollbar-track{background:0 0}.builder-frame .mosaic-area::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}.builder-frame .mosaic-area::-webkit-scrollbar-thumb:hover{background:#00000038}.builder-frame .mosaic-area::-webkit-scrollbar-corner{background:0 0}.rk-card-trigger-row{align-items:center;gap:10px;margin:14px 0 18px;display:flex}.rk-card-trigger{color:var(--muted);cursor:pointer;text-underline-offset:2px;transition:color var(--dur-sm) var(--ease-out);background:0 0;border:none;padding:0;font-family:inherit;font-size:12px;-webkit-text-decoration:underline #0003;text-decoration:underline #0003}.rk-card-trigger:hover{color:var(--ink)}.rk-card-trigger.added{color:var(--ink);font-weight:500;text-decoration:none}.rk-card-remove{color:var(--muted);cursor:pointer;text-underline-offset:2px;opacity:.6;transition:opacity var(--dur-sm) var(--ease-out);background:0 0;border:none;padding:0;font-family:inherit;font-size:11px;text-decoration:underline}.rk-card-remove:hover{opacity:1}.ca-backdrop{z-index:9;opacity:0;pointer-events:none;transition:opacity var(--dur-md) var(--ease-out);background:#0000002e;position:absolute;inset:0}.ca-backdrop.open{opacity:1;pointer-events:auto}.ca-panel{z-index:10;width:460px;max-width:100%;transition:transform var(--dur-lg) var(--ease-spring);background:#f4f1ea;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-4px 0 40px #0000002e}.ca-panel.open{transform:translate(0)}.ca-close{z-index:1;cursor:pointer;color:#22222373;transition:color var(--dur-sm) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex;position:absolute;top:14px;left:14px}.ca-close svg{width:18px;height:18px;display:block}.ca-close:hover{color:var(--ink)}.ca-scroll{scrollbar-width:thin;scrollbar-color:#2222231f transparent;flex-direction:column;flex:1;gap:14px;padding:52px 20px 20px;display:flex;overflow:hidden auto}.ca-preview-sizer{aspect-ratio:1;width:100%}.ca-card-canvas{isolation:isolate;background:linear-gradient(160deg,#f4f1ea 0%,#ede8dc 100%);flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000038,0 10px 36px #00000024,0 32px 72px #0000001a}.ca-card-canvas:before{content:"";opacity:.09;mix-blend-mode:multiply;pointer-events:none;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='200' height='200' filter='url(%23n)'/></svg>");background-size:200px 200px;position:absolute;inset:0}.ca-fields{flex-direction:column;gap:10px;display:flex}.ca-field{flex-direction:column;gap:4px;display:flex}.ca-label{color:var(--ink);letter-spacing:.09em;text-transform:uppercase;opacity:.55;font-size:10px;font-weight:600}.ca-req{color:#c0392b;font-weight:700}.ca-input,.ca-textarea{width:100%;color:var(--ink);resize:none;transition:border-bottom-color var(--dur-sm) var(--ease-out), background var(--dur-sm) var(--ease-out);background:0 0;border:none;border-bottom:1px solid #2222232e;border-radius:0;outline:none;padding:7px 0;font-family:inherit;font-size:13px}.ca-input:focus,.ca-textarea:focus{background:#ffffff38;border-bottom-color:#cac426}.ca-input::placeholder,.ca-textarea::placeholder{opacity:.45}.ca-input:-webkit-autofill{-webkit-text-fill-color:#222223;transition:background-color 9999s;-webkit-box-shadow:inset 0 0 0 1000px #f4f1ea}.ca-input:-webkit-autofill:hover{-webkit-text-fill-color:#222223;transition:background-color 9999s;-webkit-box-shadow:inset 0 0 0 1000px #f4f1ea}.ca-input:-webkit-autofill:focus{-webkit-text-fill-color:#222223;transition:background-color 9999s;-webkit-box-shadow:inset 0 0 0 1000px #f4f1ea}.ca-textarea:-webkit-autofill{-webkit-text-fill-color:#222223;transition:background-color 9999s;-webkit-box-shadow:inset 0 0 0 1000px #f4f1ea}.ca-textarea:-webkit-autofill:hover{-webkit-text-fill-color:#222223;transition:background-color 9999s;-webkit-box-shadow:inset 0 0 0 1000px #f4f1ea}.ca-textarea:-webkit-autofill:focus{-webkit-text-fill-color:#222223;transition:background-color 9999s;-webkit-box-shadow:inset 0 0 0 1000px #f4f1ea}.ca-count{color:var(--muted);opacity:.7;align-self:flex-end;font-size:10px}.ca-font-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.ca-font-btn{cursor:pointer;transition:border-color var(--dur-sm) var(--ease-out), box-shadow var(--dur-sm) var(--ease-out), background var(--dur-sm) var(--ease-out);text-align:center;background:#ffffff80;border:1px solid #2222232e;border-radius:10px;justify-content:center;align-items:center;min-height:52px;padding:10px 6px;display:flex}.ca-font-btn:hover{background:#ffffffbf;border-color:#22222359}.ca-font-btn.active{background:#fffc;border-color:#cac426;box-shadow:0 0 0 3px #cac4262e}.ca-font-phrase{color:var(--ink);font-size:12px;line-height:1.3;display:block}.ca-add-btn{letter-spacing:.02em;background:var(--ink);color:#fff;cursor:pointer;width:100%;transition:opacity var(--dur-sm) var(--ease-out);border:none;margin-top:2px;padding:11px;font-family:inherit;font-size:13px;font-weight:600}.ca-add-btn:disabled{opacity:.3;cursor:default}.ca-add-btn:hover:not(:disabled){opacity:.82}.bfy-row{text-align:center;margin-top:10px}.bfy-trigger{color:var(--muted);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-family:inherit;font-size:11px;-webkit-text-decoration:underline #0003;text-decoration:underline #0003;transition:color .15s}.bfy-trigger:hover{color:var(--ink)}.bfy-overlay{z-index:900;background:#1414128c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.bfy-sheet{background:#fff;width:100%;max-width:480px;max-height:90vh;padding:28px 24px 24px;position:relative;overflow-y:auto;box-shadow:0 8px 48px #00000038}.bfy-close{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:22px;line-height:1;position:absolute;top:12px;right:14px}.bfy-close:hover{color:var(--ink)}.bfy-header{margin-bottom:20px}.bfy-title{color:var(--ink);margin:0 0 8px;font-size:18px;font-weight:600}.bfy-sub{color:var(--muted);margin:0 0 12px;font-size:13px;line-height:1.5}.bfy-price-pill{color:var(--ink);border:1px solid var(--line);letter-spacing:.02em;background:#f4f1ea;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.bfy-form{flex-direction:column;gap:14px;display:flex}.bfy-field{flex-direction:column;gap:5px;display:flex}.bfy-label{color:var(--ink);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:600}.bfy-opt{text-transform:none;letter-spacing:0;color:var(--muted);font-weight:400}.bfy-req{color:#c0392b}.bfy-upload-btn{border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;background:#f9f8f4;padding:8px 12px;font-family:inherit;font-size:12px;transition:border-color .15s}.bfy-upload-btn:hover{border-color:#00000059}.bfy-select,.bfy-input,.bfy-textarea{border:1px solid var(--line);color:var(--ink);resize:none;background:#fff;outline:none;width:100%;padding:8px 10px;font-family:inherit;font-size:13px;transition:border-color .15s}.bfy-select:focus,.bfy-input:focus,.bfy-textarea:focus{border-color:var(--ink)}.bfy-terms{color:var(--muted);margin:0;font-size:10px;line-height:1.5}.bfy-submit-btn{background:var(--ink);color:#fff;cursor:pointer;letter-spacing:.02em;border:none;width:100%;padding:12px;font-family:inherit;font-size:13px;font-weight:600;transition:opacity .15s}.bfy-submit-btn:disabled{opacity:.4;cursor:default}.bfy-submit-btn:hover:not(:disabled){opacity:.85}.bfy-done{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:20px 0 8px;display:flex}.bfy-done-icon{color:#cac426;font-size:32px;line-height:1}.bfy-done-h{color:var(--ink);margin:0;font-size:20px;font-weight:600}.bfy-done-p{color:var(--muted);max-width:320px;margin:0;font-size:13px;line-height:1.55}.faq-page{background:var(--paper);min-height:calc(100vh - var(--header-h));scroll-padding-top:var(--header-h)}.faq-wrap{max-width:760px;margin:0 auto;padding:80px 28px 120px}.faq-eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:18px;font-size:12px}.faq-heading{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin-bottom:22px;font-size:clamp(38px,7vw,64px);font-weight:800;line-height:.97}.faq-lede{color:var(--muted);max-width:46ch;margin:0 0 60px;font-size:17px;line-height:1.55}.faq-group{scroll-margin-top:var(--header-h);margin-bottom:52px}.faq-group-head{border-bottom:1px solid var(--ink);align-items:center;gap:10px;margin-bottom:0;padding-bottom:14px;display:flex}.faq-dot{background:var(--lime);border-radius:50%;flex-shrink:0;width:7px;height:7px}.faq-group-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);font-size:11.5px;font-weight:500}.faq-item{border-bottom:1px solid var(--line)}.faq-q{cursor:pointer;font-family:var(--font-body);color:var(--ink);padding:20px 44px 20px 0;font-size:16.5px;font-weight:500;line-height:1.4;list-style:none;transition:color .15s;position:relative}.faq-q::-webkit-details-marker{display:none}.faq-q:hover{color:#000}.faq-q:after{content:"";background:linear-gradient(var(--ink), var(--ink)) center / 13px 1.5px no-repeat, linear-gradient(var(--ink), var(--ink)) center / 1.5px 13px no-repeat;width:13px;height:13px;margin-top:-6px;transition:transform .2s,opacity .2s;position:absolute;top:50%;right:4px}.faq-item[open] .faq-q:after{opacity:.35;transform:rotate(90deg)}.faq-item[open] .faq-q{font-weight:600}.faq-a{color:var(--muted);padding:0 44px 22px 0;font-size:15.5px;line-height:1.62;animation:.22s faq-fade}.faq-a p{margin:0 0 10px}.faq-a p:last-child{margin-bottom:0}.faq-a strong{color:var(--ink);font-weight:600}@keyframes faq-fade{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.faq-a{animation:none}.faq-q:after{transition:none}}.faq-pin-row{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.faq-pin-card{background:var(--bg);border:1px solid var(--line);border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:6px;min-width:110px;padding:18px 10px 14px;display:flex}.faq-pin-img{object-fit:contain;width:68px;height:68px}.faq-pin-name{color:var(--ink);text-align:center;font-size:12.5px;font-weight:600}.faq-pin-sub{font-family:var(--font-mono);color:var(--muted);font-size:10.5px}.faq-tbd{font-family:var(--font-mono);background:var(--bg);border:1px dashed var(--line-2);color:var(--muted);vertical-align:middle;border-radius:4px;padding:1px 7px;font-size:11.5px;display:inline-block}.faq-contact{background:var(--ink);border-radius:14px;margin-top:72px;padding:34px 32px 34px 36px;position:relative;overflow:hidden}.faq-contact-dot{background:var(--lime);border-radius:50%;width:7px;height:7px;margin-bottom:12px;display:inline-block}.faq-contact-heading{font-family:var(--font-display);color:#fff;letter-spacing:-.01em;margin-bottom:6px;font-size:20px;font-weight:700;display:block}.faq-contact-body{color:#ffffffad;max-width:48ch;font-size:15px;line-height:1.55}.faq-contact .faq-tbd{color:#ffffffd1;background:0 0;border-color:#ffffff47}@media (width<=600px){.faq-wrap{padding:48px 20px 80px}.faq-lede{margin-bottom:44px}.faq-pin-row{gap:8px}.faq-pin-card{min-width:90px;padding:14px 8px 10px}.faq-pin-img{width:54px;height:54px}.faq-contact{padding:26px 22px}}.ipop-card{z-index:9999;background:var(--bg);border:1px solid var(--line);border-radius:10px;width:260px;padding:14px 14px 10px;animation:.15s faq-fade;transform:translate(-50%);box-shadow:0 4px 24px #0000001f,0 1px 4px #0000000f}.ipop-body{font-family:var(--font-body);color:var(--ink);font-size:13px;line-height:1.55}.ipop-body strong{font-weight:600}.ipop-link{border-top:1px solid var(--line);color:var(--muted);margin-top:10px;padding-top:8px;font-size:12px;text-decoration:none;transition:color .15s;display:block}.ipop-link:hover{color:var(--ink)}.ipop-link:after{content:" →"}:root{--ease-out:cubic-bezier(.23,1,.32,1);--ease-drawer:cubic-bezier(.32,.72,0,1);--mb-shadow-sheet:0 -12px 40px #00000014;--mb-shadow-card:0 6px 24px #0000000d}.mb-app{-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain;background:#faf9f5;flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.mb-topbar{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:30;background:#ffffffeb;flex-shrink:0;align-items:center;gap:10px;height:56px;padding:0 14px;display:flex;position:relative}.mb-icon-btn{width:40px;height:40px;color:var(--ink);cursor:pointer;transition:background .15s var(--ease-out);background:0 0;border:none;border-radius:12px;place-items:center;padding:0;display:grid}.mb-icon-btn:active{background:#0000000d}.mb-icon-btn svg{width:20px;height:20px;stroke:var(--ink);fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.mb-topbar-logo{flex:1;height:32px;display:block}.mb-back-btn{flex-shrink:0}.mb-back-btn.hidden{visibility:hidden}.mb-burger{flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:100%;display:flex}.mb-burger span{background:var(--ink);border-radius:2px;width:20px;height:2px}.mb-menu{border:1px solid var(--line);z-index:60;transform-origin:100% 0;opacity:0;pointer-events:none;width:158px;transition:transform .2s var(--ease-out), opacity .2s var(--ease-out);background:#fff;border-radius:16px;padding:6px;position:fixed;top:56px;right:10px;transform:scale(.9);box-shadow:0 6px 24px #0000001a}.mb-menu.on{opacity:1;pointer-events:auto;transform:scale(1)}.mb-menu a{color:var(--ink);border-radius:10px;align-items:center;gap:10px;padding:11px 12px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.mb-menu a:active{background:var(--bg)}.mb-menu-icon{opacity:.75;flex-shrink:0;width:24px;height:24px}.mb-sheet{box-shadow:var(--mb-shadow-sheet);padding:8px 18px calc(16px + env(safe-area-inset-bottom));z-index:20;background:#fff;border-radius:24px 24px 0 0;flex-shrink:0}.mb-grabber{background:var(--line);border-radius:3px;width:38px;height:4px;margin:4px auto 12px}.mb-sheet-title{font-family:var(--font-display);text-align:center;margin:0 0 14px;font-size:19px;font-weight:800}.mb-cta{color:#faf9f5;width:100%;height:54px;font-family:var(--font-display);cursor:pointer;transition:transform .12s var(--ease-out);background:#222223;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:800;display:flex}.mb-cta:active{transform:scale(.985)}.mb-cta svg{stroke:#cac426;flex-shrink:0;width:18px;height:18px}.mb-bottom-bar{padding:14px 18px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff7;flex-shrink:0}.mb-size-hud{font-family:var(--font-mono);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:8;opacity:0;pointer-events:none;transition:opacity .25s var(--ease-out), transform .25s var(--ease-out);background:#222223d1;border-radius:20px;padding:6px 14px;font-size:13px;position:absolute;top:14px;left:50%;transform:translate(-50%)translateY(-6px)}.mb-size-hud.on{opacity:1;transform:translate(-50%)translateY(0)}.mb-size-hud b{font-weight:700}.mb-upload-body{flex:1;justify-content:center;align-items:center;padding:24px 22px;display:flex}.mb-drop-zone{border:1.5px dashed var(--line);aspect-ratio:3/4;width:100%;max-height:calc(100dvh - 56px - 90px - env(safe-area-inset-bottom));background:var(--paper,#faf9f5);cursor:pointer;transition:border-color .2s var(--ease-out);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.mb-drop-zone:active{border-color:var(--lime)}.mb-drop-icon{width:36px;height:36px;color:var(--muted,#999)}.mb-drop-t{font-family:var(--font-display);font-size:17px;font-weight:700}.mb-drop-s{font-family:var(--font-mono);color:var(--muted,#999);font-size:11px}.mb-crop-stage{background:#1a1a1a;flex:1;min-height:0;position:relative}.mb-crop-rows{flex-direction:column;gap:14px;width:fit-content;margin:0 auto 14px;display:flex}.mb-ratios{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.mb-ratios::-webkit-scrollbar{display:none}.mb-ratio{border:1.5px solid var(--line);color:var(--ink);cursor:pointer;transition:border-color .15s var(--ease-out);background:#fff;border-radius:12px;flex:none;padding:9px 16px;font-size:13px;font-weight:600}.mb-ratio.sel{border-color:var(--lime)}.mb-crop-actions{gap:8px;display:flex}.mb-obtn--grow{flex:1;min-width:0}.mb-obtn{border:1.5px solid var(--line);min-width:110px;height:46px;color:var(--ink);cursor:pointer;background:#fff;border-radius:13px;flex:none;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.mb-obtn-icon{flex-shrink:0;width:18px;height:18px}.mb-obtn-sq{flex:0 0 46px;min-width:46px}.mb-obtn.mb-obtn--grow{flex:1;min-width:0}.mb-size-stage{background:var(--panel,#f3f1eb);flex:1;justify-content:center;align-items:flex-start;min-height:0;padding-top:8px;display:flex;position:relative;overflow:hidden}.mb-size-preview{object-fit:contain;max-width:100%;max-height:100%}.mb-size-mosaic-wrap{flex-shrink:0;position:relative;overflow:hidden}.mb-size-mosaic-wrap .editor-stage{flex-direction:column!important;width:100%!important;height:100%!important;min-height:0!important;display:flex!important;overflow:hidden!important}.mb-size-mosaic-wrap .preview-area{background:0 0!important;flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:0!important;min-height:0!important;padding:0!important;display:flex!important;overflow:hidden!important}.mb-size-mosaic-wrap .preview-controls,.mb-size-mosaic-wrap .colour-drawer{display:none!important}.mb-size-sheet{max-height:72dvh;transition:max-height .38s var(--ease-drawer);overflow-y:auto}.mb-size-sheet.collapsed{max-height:calc(144px + env(safe-area-inset-bottom));overflow:hidden}.mb-size-expandable{max-height:600px;transition:max-height .38s var(--ease-drawer), opacity .25s var(--ease-out);opacity:1;overflow:hidden}.mb-size-sheet.collapsed .mb-size-expandable{opacity:0;max-height:0}.mb-wh-row{gap:12px;margin:10px 0 6px;display:flex}.mb-wh{flex:1;align-items:center;gap:8px;display:flex}.mb-wh-lab{font-family:var(--font-display);text-align:center;flex-shrink:0;width:16px;font-size:18px;font-weight:800}.mb-wh-ctrl{border:1px solid var(--line);border-radius:12px;flex:1;align-items:center;display:flex;overflow:hidden}.mb-wh-ctrl button{background:var(--bg);width:40px;height:48px;color:var(--ink);cursor:pointer;border:none;flex-shrink:0;font-size:20px}.mb-wh-ctrl button:active{background:#eceae2}.mb-wh-ctrl button:disabled{opacity:.35;cursor:default}.mb-wh-val{text-align:center;font-family:var(--font-mono);flex:1;font-size:17px;font-weight:600}.mb-pin-chips{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.mb-pin-chip{border:1.5px solid var(--line);text-align:center;cursor:pointer;transition:border-color .15s var(--ease-out), box-shadow .15s var(--ease-out);background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:5px;padding:10px 6px 11px;display:flex;position:relative}.mb-pin-chip.sel{border-color:var(--lime);border-width:1.5px}.mb-chip-img{object-fit:contain;border-radius:8px;width:72px;height:72px}.mb-chip-name{color:var(--ink);font-size:12px;font-weight:600}.mb-chip-colors{font-family:var(--font-mono);color:var(--muted,#999);font-size:10px}.mb-swap-link{cursor:pointer;width:100%;color:var(--muted,#999);font-size:13px;font-family:var(--font-body);background:0 0;border:none;justify-content:center;align-items:center;gap:7px;margin-top:10px;display:flex}.mb-swap-icon{opacity:.6;width:14px;height:14px}.mb-reco-banner{background:var(--paper,#faf9f5);border-left:4px solid var(--lime);z-index:5;border-radius:0 10px 10px 0;flex-shrink:0;align-items:center;gap:10px;margin:4px 12px 0;padding:8px 10px;display:flex}.mb-reco-text{color:var(--ink);flex:1;margin:0;font-size:12.5px;font-weight:600;line-height:1.35}.mb-reco-btn{border:1.5px solid var(--ink);color:var(--ink);font-size:11px;font-weight:700;font-family:var(--font-body);cursor:pointer;letter-spacing:.3px;text-transform:uppercase;background:0 0;border-radius:20px;flex-shrink:0;padding:5px 11px}.mb-edit-stage{flex:2;justify-content:center;align-items:flex-start;min-height:0;margin-top:4px;padding-top:54px;display:flex;position:relative;overflow:hidden}.mb-undo-pill{border:1px solid var(--line);box-shadow:var(--mb-shadow-card);z-index:6;pointer-events:auto;background:#ffffffeb;border-radius:14px;align-items:center;gap:0;padding:3px;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.mb-pill-btn{cursor:pointer;width:38px;height:34px;color:var(--ink);background:0 0;border:none;border-radius:10px;place-items:center;display:grid}.mb-pill-btn:active{background:#0000000f}.mb-pill-btn:disabled{opacity:.35;cursor:default}.mb-pill-icon{width:18px;height:18px;display:block}.mb-pill-divider{background:var(--line);width:1px;height:20px;margin:0 1px}.mb-save-btn{border:1px solid var(--line);cursor:pointer;z-index:6;width:40px;height:40px;box-shadow:var(--mb-shadow-card);background:#ffffffeb;border-radius:14px;place-items:center;display:grid;position:absolute;top:8px;right:14px}.mb-save-icon{width:20px;height:20px;display:block}.mb-mosaic-clip{flex-shrink:0;position:relative;overflow:visible}.mb-mosaic-clip .editor-stage{flex-direction:column!important;width:100%!important;height:100%!important;min-height:0!important;display:flex!important;overflow:hidden!important}.mb-mosaic-clip .preview-area{background:0 0!important;flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:0!important;min-height:0!important;padding:0!important;display:flex!important;overflow:hidden!important}.mb-mosaic-clip .preview-controls,.mb-mosaic-clip .colour-drawer{display:none!important}.mb-pal-ribbon{border-top:1px solid var(--line);height:56px;box-shadow:var(--mb-shadow-sheet);z-index:35;opacity:0;pointer-events:none;transition:transform .35s var(--ease-drawer), opacity .3s var(--ease-out);background:#fffffff7;flex-direction:row;align-items:center;padding:0 10px;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(110%)}.mb-pal-ribbon.on{opacity:1;pointer-events:auto;transform:translateY(0)}.mb-pal-scroll{scrollbar-width:none;flex-direction:row;flex:1;align-items:center;gap:7px;padding:0 2px;display:flex;overflow:auto hidden}.mb-pal-scroll::-webkit-scrollbar{display:none}.mb-pal-swatch{cursor:pointer;width:34px;height:34px;transition:transform .12s var(--ease-out);border:none;border-radius:9px;flex-shrink:0;box-shadow:inset 0 1px 2px #ffffff59,inset 0 -2px 3px #0000004d}.mb-pal-swatch:active{transform:scale(.9)}.mb-pal-swatch.sel{box-shadow:0 0 0 2px #fff, 0 0 0 3.5px var(--lime), inset 0 -2px 3px #0000004d}.mb-pal-fade{pointer-events:none;z-index:2;justify-content:center;align-items:center;width:28px;display:flex;position:absolute;top:0;bottom:0}.mb-pal-fade--l{background:linear-gradient(90deg,#ffffffe6 60%,#0000);left:0}.mb-pal-fade--r{background:linear-gradient(270deg,#ffffffe6 60%,#0000);right:0}.mb-pal-fade--l:after,.mb-pal-fade--r:after{content:"›";color:#22222380;font-size:14px;font-weight:700;line-height:1}.mb-pal-fade--l:after{content:"‹"}.mb-size-hud--edit{top:58px}.mb-edit-bar{border-top:1px solid var(--line);box-shadow:var(--mb-shadow-sheet);padding:0 14px calc(8px + env(safe-area-inset-bottom));z-index:25;background:#fff;border-radius:20px 20px 0 0;flex-shrink:0}.mb-edit-handle{cursor:grab;justify-content:center;align-items:center;height:22px;display:flex}.mb-edit-handle span{background:var(--line);width:40px;height:5px;transition:background .2s var(--ease-out);border-radius:3px}.mb-edit-bar.expanded .mb-edit-handle span{background:#bdbbab}.mb-edit-title{font-family:var(--font-display);text-align:center;opacity:0;max-height:0;transition:max-height .3s var(--ease-out), opacity .25s var(--ease-out), margin .3s var(--ease-out);font-size:17px;font-weight:800;overflow:hidden}.mb-edit-bar.expanded .mb-edit-title{opacity:1;max-height:30px;margin-bottom:8px}.mb-kit-row{opacity:0;max-height:0;transition:max-height .38s var(--ease-drawer), opacity .25s var(--ease-out), margin .38s var(--ease-out);overflow:hidden}.mb-edit-bar.expanded .mb-kit-row{opacity:1;max-height:80px;margin-top:10px}.mb-dock{align-items:center;gap:6px;display:flex}.mb-dock-btn{border:1.5px solid var(--line);cursor:pointer;height:62px;transition:border-color .15s var(--ease-out);background:#fff;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:0 4px;display:flex}.mb-dock-btn.sel{border-color:var(--lime);background:#fff}.mb-dock-icon{flex-shrink:0;width:32px;height:32px;display:block}.mb-dock-btn small{color:var(--ink);white-space:nowrap;font-size:10px;font-weight:600}.mb-color-chip{border:1.5px solid var(--line);cursor:pointer;width:52px;height:52px;transition:border-color .15s var(--ease-out);border-radius:14px;flex:0 0 52px;padding:0;position:relative;overflow:hidden}.mb-color-chip.on{border-color:var(--lime)}.mb-cc-active{clip-path:polygon(0% 0%,100% 0%,0% 100%);position:absolute;inset:0}.mb-cc-hover{clip-path:polygon(100% 0%,100% 100%,0% 100%);background:repeating-linear-gradient(-45deg,#eee,#eee 4px,#f8f8f8 4px 8px);position:absolute;inset:0}.mb-cc-hover.live{background:var(--hovc,#999)}.mb-color-chip:after{content:"";pointer-events:none;background:linear-gradient(-45deg,#0000 calc(50% - .5px),#ffffffb3 50%,#0000 calc(50% + .5px));position:absolute;inset:0}.mb-review-stage{flex:1;position:relative;overflow:hidden}.mb-wall-bg{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.mb-wall-art{filter:brightness(.97)contrast(.96)saturate(.94);z-index:1;border-radius:3px;width:38%;position:absolute;top:22%;left:53%;overflow:hidden;transform:translate(-50%);box-shadow:0 18px 40px #00000059,0 6px 12px #0003}.mb-kit-sheet{z-index:25;box-shadow:var(--mb-shadow-sheet);max-height:76%;transition:max-height .42s var(--ease-drawer);background:#fff;border-radius:24px 24px 0 0;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.mb-kit-sheet.collapsed{max-height:calc(168px + env(safe-area-inset-bottom))}.mb-kit-grab{cursor:grab;flex-shrink:0;padding:0 20px}.mb-kit-scroll{scrollbar-width:none;flex:1;min-height:0;padding:0 20px;overflow-y:auto}.mb-kit-scroll::-webkit-scrollbar{display:none}.mb-kit-sheet.collapsed .mb-kit-scroll{max-height:0;overflow:hidden}.mb-kit-eyebrow{font-family:var(--font-display);letter-spacing:-.2px;text-align:center;color:var(--ink);margin:6px 0 12px;font-size:17px;font-weight:800}.mb-kit-rows{border-top:1px solid var(--line);margin-bottom:4px}.mb-kr{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:12px 0;display:flex}.mb-kr--last{border-bottom:none}.mb-kr-k{font-family:var(--font-mono);letter-spacing:.5px;text-transform:uppercase;color:var(--muted,#999);align-items:center;gap:8px;font-size:11px;display:flex}.mb-kr-icon{flex-shrink:0;width:22px;height:22px}.mb-kr-v{text-align:right}.mb-kr-v b{font-family:var(--font-display);font-size:15px;font-weight:700}.mb-kr--colors{align-items:flex-start}.mb-color-strip{border-radius:3px;width:120px;height:5px;margin-top:6px;display:flex;overflow:hidden}.mb-color-strip-seg{flex:1;height:100%}.mb-kit-note{color:var(--muted,#999);margin:8px 0 12px;font-size:12px;line-height:1.5}.mb-ghost-btn{border:1.5px solid var(--line);width:100%;height:48px;font-family:var(--font-mono);letter-spacing:.5px;text-transform:uppercase;color:var(--ink);cursor:pointer;background:#fff;border-radius:14px;margin-bottom:12px;font-size:12px}.mb-kit-foot{padding:12px 20px calc(18px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff;flex-shrink:0}@media (width>=768px){.mb-topbar{height:64px;padding:0 24px}.mb-topbar-logo{height:32px}.mb-menu{top:64px}.mb-size-hud{top:16px}.mb-sheet{padding:12px 28px calc(20px + env(safe-area-inset-bottom))}.mb-sheet-title{font-size:22px}.mb-cta{border-radius:18px;height:58px;font-size:17px}.mb-ratio{padding:10px 20px;font-size:14px}.mb-wh-ctrl button{width:48px;height:54px}.mb-wh-val{font-size:19px}.mb-chip-img{width:76px;height:76px}.mb-dock-btn{border-radius:16px;gap:4px;height:68px}.mb-dock-icon{width:36px;height:36px}.mb-dock-btn small{font-size:12px}.mb-color-chip{border-radius:16px;flex:0 0 60px;width:60px;height:60px}.mb-pal-ribbon{border-top:none;border:1px solid var(--line);width:56px;height:auto;max-height:72%;box-shadow:var(--mb-shadow-card);border-radius:18px;flex-direction:column;padding:8px 0;inset:50% 8px auto auto;transform:translate(110%,-50%)}.mb-pal-ribbon.on{transform:translateY(-50%)}.mb-pal-scroll{flex-direction:column;gap:8px;padding:2px 0;overflow:hidden auto}.mb-pal-swatch{width:38px;height:38px}.mb-pill-btn{width:44px;height:38px}.mb-pill-icon{width:20px;height:20px}@media (orientation:landscape){.mb-kit-sheet{border-radius:0;width:360px;max-height:100%;inset:0 0 0 auto}.mb-kit-sheet.collapsed{width:64px;max-height:100%}.mb-wall-art{width:28%}}}.mb-laptop-banner{z-index:10;-webkit-backdrop-filter:blur(6px);color:#ffffffd1;background:#141412b8;align-items:center;gap:10px;padding:9px 14px 9px 16px;display:flex;position:relative}.mb-laptop-banner-text{font-size:12px;line-height:1.45;font-family:var(--font-body,"DM Sans", sans-serif);flex:1}.mb-laptop-banner-close{color:#ffffff80;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px 4px;font-size:18px;line-height:1;transition:color .15s}.mb-laptop-banner-close:hover{color:#ffffffe6}