*{box-sizing:border-box}body{margin:0;background:#fff;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Noto Sans JP",sans-serif;line-height:1.65}a{color:#0071e3;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}header{height:68px;display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:auto;padding:0 28px;border-bottom:1px solid #eee}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:750;color:#1d1d1f}.brand-icon{display:block;width:34px;height:34px;flex:none;object-fit:contain}nav{display:flex;gap:28px}nav a{color:#424245;font-size:14px}main{max-width:1280px;margin:auto;padding:0 28px 100px}.hero{text-align:center;padding:85px 0 65px}.eyebrow{font-size:14px;font-weight:650;color:#6e6e73;letter-spacing:.04em}h1{font-size:clamp(38px,5vw,64px);line-height:1.16;letter-spacing:-.045em;margin:16px 0 26px}h2{font-size:29px;letter-spacing:-.025em;margin:8px 0 16px}.hero>p:last-child{font-size:19px;color:#6e6e73}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.product{background:#f5f5f7;border-radius:20px;padding:28px;display:flex;align-items:flex-start;flex-direction:column}.product-image{height:300px;width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.product-image img{width:100%;height:100%;object-fit:contain;border-radius:14px}.product>p:not(.eyebrow){color:#515154}.product .price{margin-top:auto;padding-top:22px;font-size:21px;color:#1d1d1f!important}.price small{display:block;font-size:12px;color:#6e6e73}.button{background:#0071e3;color:white;padding:10px 20px;border-radius:22px}.note{color:#6e6e73;font-size:13px;display:block;margin-top:16px}.compact{padding:55px 0 45px}.config{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:start}.preview{position:sticky;top:20px;text-align:center}.max-photo{width:100%;border-radius:20px}.options{padding:10px 0}.price-card{padding:20px;border:1px solid #d2d2d7;border-radius:14px;margin:14px 0}.price-card h3{margin:0;display:flex;justify-content:space-between;gap:15px;font-size:18px}.price-card p{color:#6e6e73;margin-bottom:0}.examples{display:grid;grid-template-columns:1fr 1fr;gap:15px}.examples button{background:white;border:1px solid #d2d2d7;border-radius:14px;padding:10px;cursor:pointer}.examples button[aria-pressed=true]{outline:2px solid #0071e3;border-color:transparent}.examples img{height:110px;width:100%;object-fit:contain;display:block;margin-bottom:12px}.mini-mock{padding:40px;background:#f5f5f7;border-radius:20px}.mini-mock canvas{display:block;width:100%;filter:drop-shadow(0 15px 14px #0003)}fieldset{border:0;padding:0;margin:30px 0}legend{font-weight:650;font-size:20px;margin-bottom:12px}.color-label{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #eee}input[type=color]{width:60px;height:42px;border:0;background:none;cursor:pointer}.stepper{display:flex;align-items:center;gap:18px;margin-bottom:22px}.stepper button{border:1px solid #d2d2d7;border-radius:14px;background:#f5f5f7;color:#0071e3;font-size:24px;width:50px;height:50px}.stepper input{width:90px;text-align:center;border:0;font-size:28px}.quote{position:fixed;bottom:0;left:0;right:0;background:#ffffffed;border-top:1px solid #ddd;backdrop-filter:blur(15px);padding:15px max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;z-index:2}.quote small{display:block;color:#6e6e73}.quote strong{font-size:27px}.pill{background:#eee;color:#6e6e73;padding:10px 20px;border-radius:25px}details{color:#6e6e73;font-size:13px}summary{cursor:pointer;color:#0071e3}footer{background:#f5f5f7;color:#6e6e73;font-size:12px;padding:22px 28px 120px;text-align:center}footer a{margin-left:25px}.footer-meta{border-top:1px solid #dedee3;padding-top:18px}.support-section{max-width:1180px;margin:0 auto 18px;padding:0;border:0;text-align:left}.support-section h2{margin:0 0 6px}.support-section>details{padding:10px 0}.support-section>details:last-child{border-bottom:0}@media(max-width:800px){.products,.config{grid-template-columns:1fr}.product-image{height:280px}.config{gap:25px}.preview{position:static}.hero{padding:50px 0 30px}.product{padding:24px}main{padding:0 20px 90px}.mini-mock{padding:25px}.hero>p:last-child{font-size:16px}}
.max-swatches{display:flex;gap:12px;overflow-x:auto;padding:8px 4px 15px}.max-swatches button{flex:0 0 44px;height:44px;border:1px solid #b9b9be;border-radius:50%;cursor:pointer}.max-swatches button[aria-pressed=true]{outline:2px solid #0071e3;outline-offset:3px}.max-layer-sample{display:grid;gap:4px;margin:24px 0}.max-layer-sample span{padding:10px 18px;border:1px solid #ccc;border-radius:14px;font-size:12px}.color-label[hidden]{display:none}

.max-preview{position:relative;background:#151515;border:0;border-radius:20px}.max-preview #views-canvas{height:min(56vw,620px);min-height:360px;touch-action:pan-y}.max-preview .viewer-toolbar button{background:#fff;color:#1d1d1f;border-color:#d2d2d7}.max-preview .view-labels{color:#e8e8ed}.max-preview .viewer-message{color:#c6c6cc}
.mini-design-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch}.mini-add-design{border:1px solid #d2d2d7;border-radius:14px;background:#fff;padding:12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;cursor:pointer;text-align:left;color:#1d1d1f}.mini-add-design:hover{border-color:#0071e3}.mini-add-design>span{font-size:26px;color:#0071e3}.mini-add-design b{font-size:14px;line-height:1.4}.mini-add-design small,.mini-file-name{font-size:12px;color:#6e6e73}.visually-hidden-file{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.mini-check{padding:12px;border-radius:12px;background:#fff0ed;color:#983b29}.mini-check.ok{background:#ecf7ed;color:#23643a}.mini-adjust summary{padding:9px 0}.mini-adjust label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;color:#515154}.mini-adjust input[type=range],.mini-adjust select{max-width:55%}.mini-color-layer{padding:12px 4px;border-bottom:1px solid #e5e5e7}.mini-color-heading{display:flex;align-items:center;gap:12px}.mini-color-heading small{color:#6e6e73;font-size:10px;letter-spacing:.05em}.mini-color-heading h3{margin:1px 0;font-size:15px}.mini-color-preview{width:34px;height:34px;border:1px solid #dedee2;border-radius:50%}.mini-swatches{display:flex;gap:12px;overflow-x:auto;padding:12px 4px 6px}.mini-swatch{position:relative;flex:0 0 42px;height:42px;border:1px solid #c6c6ca;border-radius:50%;cursor:pointer}.mini-swatch[aria-checked=true]{outline:2px solid #0071e3;outline-offset:3px}@media(max-width:520px){.mini-design-row{grid-template-columns:minmax(165px,1.6fr) minmax(102px,.9fr);gap:8px}.mini-design-row .examples{grid-template-columns:1fr 1fr;gap:7px}.mini-add-design{padding:9px;min-height:80px}.mini-add-design b{font-size:12px}.examples button{padding:6px}.examples img{height:82px}}
.mini-mock{max-width:640px;margin:auto}.mini-adjust details[open]{padding-bottom:8px}.mini-adjust label{flex-wrap:wrap}.mini-adjust select{min-width:165px}.examples button{min-width:0}.mini-file-name{min-height:19px}.mini-check{line-height:1.55}.mini-color-layer+.mini-color-layer{margin-top:8px}
.mini-rights{display:flex;gap:10px;align-items:flex-start;color:#515154;font-size:13px;padding:8px 0}.mini-rights[hidden]{display:none}

/* Mini uses the same three-view renderer as Base, with a larger front fallback. */
.mini-multi-preview{background:#ccd1d9;border-radius:20px;padding:14px;overflow:hidden;margin-bottom:14px}
.mini-multi-preview .viewer-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;text-align:left}
.mini-multi-preview .viewer-toolbar strong{margin-right:auto;font-size:15px}
.mini-multi-preview button{border:1px solid #b9bec6;border-radius:14px;background:#fff;color:#0066cc;padding:9px 12px;cursor:pointer;font-size:13px}
.mini-multi-preview .view-labels{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;font-size:13px}
.mini-multi-preview #views-canvas{display:block;width:100%;height:220px;touch-action:pan-y}
.mini-multi-preview.interactive #views-canvas{height:420px}
.mini-multi-preview.interactive .view-labels{visibility:hidden}
.mini-multi-preview .viewer-message{margin:4px 0 0;font-size:13px;color:#414854}
.mini-preview .mini-mock{padding:12px;background:#e7e9ed}
.mini-preview .mini-mock canvas{filter:none}
.has-mesh-preview .mini-preview:has(.interactive) .mini-mock{display:none}
.mini-adjust .text-button{background:none;border:0;color:#0071e3;cursor:pointer;padding:12px 0;margin-right:16px;font-size:14px}
@media(max-width:800px){.mini-multi-preview #views-canvas{height:160px}.mini-multi-preview.interactive #views-canvas{height:340px}.mini-preview{position:static}.mini-multi-preview .viewer-toolbar strong{width:100%}}
.config>.preview,.config>.options{min-width:0}
.has-mesh-preview .mini-preview .mini-mock{display:none}
.mini-preview .mini-multi-preview #views-canvas{height:300px}
.mini-preview .mini-multi-preview.interactive #views-canvas{height:480px}
@media(max-width:800px){.mini-preview .mini-multi-preview #views-canvas{height:200px}.mini-preview .mini-multi-preview.interactive #views-canvas{height:360px}}
.options fieldset{min-inline-size:0;max-width:100%}
.max-preview{overflow:hidden;padding:16px;color:#fff}.max-preview #views-canvas{display:block;width:100%;max-width:100%;height:420px;min-height:0}.max-preview .viewer-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.max-preview .viewer-toolbar strong{margin-right:auto}.max-preview button,#max-default,#max-add-design{border:1px solid #d2d2d7;border-radius:14px;padding:10px 14px;cursor:pointer;background:#fff;color:#0066cc}#max-default,#max-add-design{display:block;width:100%;text-align:left;margin:8px 0}#max-default[aria-pressed=true]{border-color:#0071e3;background:#f0f7ff}.max-preview .view-labels{display:flex;justify-content:space-around;font-size:12px;margin-top:12px}#max-adjust label{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:12px 0}#max-artwork-error{color:#983b29;background:#fff0ed;padding:12px;border-radius:14px}@media(max-width:800px){.max-preview #views-canvas{height:300px}}

.max-design-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.max-design-choices #max-default,.max-design-choices #max-add-design{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;text-align:center;min-height:240px;margin:0;padding:16px}.max-design-choices img{width:100%;height:130px;object-fit:contain}.max-design-choices strong{font-size:14px;color:#1d1d1f}.max-design-choices small{font-size:12px;color:#6e6e73}.max-design-plus{font-size:36px}.max-design-choices button[aria-pressed=true]{border-color:#0071e3!important;background:#f0f7ff!important}.max-presets{display:flex;gap:8px;overflow-x:auto;padding:16px 3px}.max-presets button{flex:0 0 auto;display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #d2d2d7;border-radius:14px;padding:8px;font-size:12px;cursor:pointer}.max-presets button:before{content:'';width:22px;height:22px;border:4px solid var(--preset-top);background:var(--preset-middle);border-radius:7px;box-shadow:0 0 0 1px #ccc}.max-presets button[aria-pressed=true]{outline:2px solid #0071e3;outline-offset:1px}
.max-color-field{min-inline-size:0}.max-color-layers{display:grid;gap:9px;margin-top:10px}.max-color-row{--max-chosen-color:#777;min-width:0;border:1px solid #d2d2d7;border-left:8px solid var(--max-chosen-color);border-radius:14px;background:#fff;padding:12px}.max-color-head{display:flex;align-items:center;gap:12px}.max-current-color{width:52px;height:52px;flex:none;display:block;border-radius:50%;border:1px solid #c7c7cc;box-shadow:0 0 0 2px #f4f4f5}.max-color-head>div{display:flex;flex-direction:column;min-width:0}.max-color-head h3{font-size:14px;line-height:1.4;margin:0}.max-color-head div>span{font-size:13px;color:#515154;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.max-color-head small{font-size:11px;color:#6e6e73}.max-color-controls{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;gap:5px;margin-top:8px}.max-color-controls>button{width:30px;height:36px;border:1px solid #d2d2d7;border-radius:10px;background:#f5f5f7;color:#0066cc;cursor:pointer}.max-color-controls .max-swatches{min-width:0;padding:6px 4px 8px;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain}.max-color-controls .max-swatches button{scroll-snap-align:start}.max-color-row#max-top-row{margin-right:16px}.max-color-row#max-middle-row{margin:0 8px}.max-color-row#max-base-row{margin-left:16px}@media(max-width:520px){.max-color-row#max-top-row{margin-right:10px}.max-color-row#max-middle-row{margin:0 5px}.max-color-row#max-base-row{margin-left:10px}.max-current-color{width:44px;height:44px}}

/* Keep Mini's product preview alongside its color controls while scrolling, as on Base. */
@media(max-width:800px){
  .config{display:flex;flex-direction:column;align-items:stretch}
  .mini-preview{position:sticky;top:0;z-index:20;background:#fff;padding:8px 0 0}
  .mini-preview .mini-multi-preview{margin-bottom:8px;padding:8px}
  .mini-preview .mini-multi-preview #views-canvas{height:150px}
  .mini-preview .mini-multi-preview.interactive #views-canvas{height:180px}
}

/* Mini color rails mirror Base's layer-indexed color selector. */
.mini-color-layer{position:relative;border:1px solid #d2d2d7;border-left:9px solid var(--mini-selected-color,#777);border-radius:14px;background:#f5f5f7;padding:14px 12px 10px;box-shadow:inset 0 0 0 1px #ffffff90}
.mini-color-heading{min-height:46px}
.mini-color-preview{width:48px;height:48px;flex:none;border:2px solid #fff;box-shadow:0 0 0 1px #b8b8bf,3px 4px 0 #0002}
.mini-swatches{padding:13px 4px 8px;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain}
.mini-swatch{scroll-snap-align:start;flex-basis:46px;height:46px}




/* Keep Plate's product view visible while choosing colors on a phone. */
@media(max-width:800px){
  .config>.preview:has(.max-preview){position:sticky;top:0;z-index:20;background:#fff;padding:8px 0 0;margin:0}
  .config>.preview:has(.max-preview)>.note{display:none}
  .max-preview{padding:10px;border-radius:14px}
  .max-preview #views-canvas{height:160px}
  .max-preview.interactive #views-canvas{height:200px}
}

.page-notes{margin:36px 0 0;padding:18px 0 0;border-top:1px solid #e5e5e7;color:#6e6e73;font-size:13px}
.page-notes h2{font-size:14px;color:#6e6e73;font-weight:500;margin:0 0 10px}
.page-notes .note,.page-notes .purchase-note{margin:6px 0;color:#6e6e73}
.page-notes .preview-note{margin:8px 0;padding:12px 14px;border-radius:14px;background:#f5f5f7;color:#6e6e73}
.page-notes .preview-note p{margin:0}

.examples:has(>button:only-child){grid-template-columns:1fr}

/* Match the light three-view preview frame used on Base. */
.mini-multi-preview,.max-preview{overflow:hidden;border:1px solid #d2d2d7;border-radius:18px;background:#f5f5f7;color:#1d1d1f}
.mini-multi-preview .viewer-toolbar,.max-preview .viewer-toolbar{padding:14px;color:#1d1d1f}
.mini-multi-preview .viewer-toolbar strong,.max-preview .viewer-toolbar strong{color:#1d1d1f}
.mini-multi-preview .view-labels,.max-preview .view-labels{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;color:#515154;font-weight:650}
.mini-multi-preview .view-labels span+span,.max-preview .view-labels span+span{border-left:1px solid #dddde2}
.mini-multi-preview .viewer-message,.max-preview .viewer-message{margin:0;padding:12px 14px;background:#f5f5f7;color:#6e6e73}
@media(max-width:800px){.mini-multi-preview .viewer-toolbar,.max-preview .viewer-toolbar{padding:9px}.mini-multi-preview .viewer-message,.max-preview .viewer-message{padding:8px 10px;font-size:12px}}

.support-section{border-top:1px solid #e5e5e7;margin:48px 0 0;padding-top:20px;color:#6e6e73;font-size:13px;line-height:1.8}
.support-section h2{font-size:16px;color:#6e6e73;font-weight:600;margin:0 0 8px}
.support-section>details{border-bottom:1px solid #e5e5e7;padding:14px 0;scroll-margin-top:28px}
.support-section summary{cursor:pointer;color:#515154;font-weight:500}
.support-section p{color:#6e6e73;font-size:13px;margin:8px 0}
.support-section a{color:#6e6e73;text-underline-offset:3px}
.nfc-guide{max-width:900px;padding-bottom:80px}.nfc-guide .hero{max-width:760px;margin:0 auto}.nfc-guide-card{max-width:760px;margin:0 auto 18px;padding:28px 32px;background:#f5f5f7;border-radius:14px}.nfc-guide-card h2{font-size:24px;margin:3px 0 18px}.nfc-steps{list-style:none;padding:0;margin:0}.nfc-steps li{display:grid;grid-template-columns:36px 1fr;gap:14px;padding:17px 0;border-top:1px solid #dedee3}.nfc-steps li>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#1d1d1f;color:#fff;font-weight:650}.nfc-steps strong{font-size:16px}.nfc-steps p,.nfc-note-card li,.nfc-help-links{margin:5px 0 0;color:#515154;font-size:14px;line-height:1.7}.nfc-app-links{display:flex;gap:18px;margin-top:8px}.nfc-app-links a,.nfc-help-links a{color:#0071e3}.nfc-note-card ul{padding-left:21px}.nfc-site-footer{padding:32px 28px 36px;text-align:left}.footer-nav{max-width:1180px;margin:0 auto 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-bottom:24px;border-bottom:1px solid #dedee3}.footer-nav section{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-nav h2{font-size:13px;margin:0 0 3px;color:#1d1d1f}.footer-nav a{font-size:12px;color:#515154;margin:0}.nfc-site-footer .footer-meta{max-width:1180px;margin:auto}.nfc-site-footer .footer-meta a{color:#515154}
@media(max-width:800px){.nfc-guide-card{padding:22px 20px}.footer-nav{grid-template-columns:1fr 1fr;gap:22px}.nfc-guide .hero{padding:48px 0 30px}}

.terms-page{max-width:900px;padding-bottom:80px}.terms-content{max-width:760px;margin:0 auto 50px;color:#515154;font-size:15px;line-height:1.85}.terms-content h2{font-size:20px;color:#1d1d1f;margin:30px 0 8px}.terms-content p{margin:0}.terms-content h2:first-child{margin-top:0}

/* Keep the Plate preview from covering its controls on narrow screens. */
@media(max-width:800px){
  .config>.preview:has(.max-preview){position:static;top:auto;z-index:auto;padding:0;margin:0}
  .max-preview{padding:8px;border-radius:14px}
  .max-preview .viewer-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;padding:4px 2px 8px}
  .max-preview .viewer-toolbar strong{min-width:0;margin:0;font-size:14px;line-height:1.3;white-space:nowrap}
  .max-preview .viewer-toolbar button{min-height:40px;padding:6px 8px;font-size:12px;line-height:1.2;white-space:nowrap}
  .max-preview #views-canvas{height:140px;min-height:0}
  .max-preview.interactive #views-canvas{height:160px;min-height:0}
  .max-preview .view-labels{font-size:11px;line-height:1.4}
  .max-preview .viewer-message{padding:6px 8px;font-size:12px}
  .config>.options{scroll-margin-top:16px}
  main:has(.config>.preview .max-preview){padding-bottom:150px}
}
@media(max-width:380px){
  .max-preview .viewer-toolbar{grid-template-columns:minmax(0,1fr) auto;}
  .max-preview .viewer-toolbar strong{grid-column:1/-1}
}

/* A single 3D view has no per-panel labels; show them only in three-view mode. */
.multi-preview.interactive .view-labels,.mini-multi-preview.interactive .view-labels{display:none}

@media(max-width:800px){
  .floating-preview-window{display:none;position:fixed;right:10px;bottom:calc(96px + env(safe-area-inset-bottom));z-index:40;width:clamp(116px,34vw,142px);padding:7px;border:1px solid #d2d2d7;border-radius:14px;background:#fff;box-shadow:0 3px 16px #0002;pointer-events:none}
  .floating-preview-window.is-visible{display:block}
  .floating-preview-window span{display:block;padding:0 3px 4px;color:#6e6e73;font-size:10px;line-height:1.3}
  .floating-preview-window img{display:block;width:100%;height:92px;object-fit:contain;border-radius:8px;background:#ccd1d9}
}


/* Three-view return control in the same lower-right position across family pages. */
.multi-preview{position:relative}
.preview-view-cue{display:none}
.interactive .preview-view-cue{position:absolute;right:12px;bottom:12px;z-index:2;display:flex;align-items:center;gap:10px;padding:6px 7px 6px 11px;border:1px solid #d2d2d7;border-radius:14px;background:#fffffff2;color:#515154;box-shadow:0 2px 12px #0002;font-size:11px;line-height:1.2}
.preview-view-cue button{display:inline-flex;align-items:center;gap:5px;min-height:40px;padding:7px 10px;border:1px solid #d2d2d7;border-radius:11px;background:#f5f5f7;color:#0066cc;font:inherit;font-weight:600;cursor:pointer}
.preview-view-cue button:focus-visible{outline:3px solid #0071e3;outline-offset:2px}
@media(max-width:800px){.preview-view-cue{right:8px;bottom:8px;gap:6px;padding:5px 6px 5px 9px;font-size:10px}.preview-view-cue button{min-height:40px;padding:6px 9px}}

/* Clear 3D toolbar: one primary mode switch and one icon-only angle reset. */
.viewer-toolbar .preview-mode-toggle,.max-preview .viewer-toolbar .preview-mode-toggle{background:#0071e3;color:#fff;border-color:#0071e3}
.viewer-toolbar .preview-mode-toggle:hover,.max-preview .viewer-toolbar .preview-mode-toggle:hover{background:#0066cc;color:#fff;border-color:#0066cc}
.viewer-toolbar #reset-3d{display:grid;place-items:center;align-self:center;box-sizing:border-box;width:44px;min-width:44px;height:44px;min-height:44px;flex:none;padding:0;border-radius:50%;line-height:0}
.interactive .viewer-toolbar #reset-3d{display:grid}
.viewer-toolbar #reset-3d svg{display:block;width:20px;height:20px}

/* Keep Mini's title at the left and both viewer controls aligned to the right. */
@media(max-width:800px){
  .mini-preview .mini-multi-preview .viewer-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;padding:4px 2px 8px;text-align:left}
  .mini-preview .mini-multi-preview .viewer-toolbar strong{width:auto;min-width:0;margin:0;font-size:14px;line-height:1.3;white-space:nowrap}
  .mini-preview .mini-multi-preview .viewer-toolbar button{justify-self:end;min-height:44px;padding:6px 8px;font-size:12px;line-height:1.2;white-space:nowrap}
}

/* Match Base on phones: keep the Mini viewer in document flow with one aligned toolbar. */
@media(max-width:800px){
  .config>.mini-preview{position:static;top:auto;z-index:auto;background:transparent;padding:0;margin:0}
  .mini-preview .mini-multi-preview{padding:8px;margin:0 0 8px}
  .mini-preview .mini-multi-preview .viewer-toolbar{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;padding:4px 2px 8px;text-align:left}
  .mini-preview .mini-multi-preview .viewer-toolbar strong{flex:1 1 auto;width:auto!important;min-width:0;margin:0;font-size:14px;line-height:1.3;white-space:nowrap}
  .mini-preview .mini-multi-preview .viewer-toolbar #toggle-3d{flex:0 1 auto;min-height:44px;margin-left:auto;padding:6px 8px;font-size:12px;line-height:1.2;white-space:nowrap}
  .mini-preview .mini-multi-preview .viewer-toolbar #reset-3d{flex:0 0 44px;width:44px;min-height:44px}
  .mini-preview .mini-multi-preview #views-canvas{height:140px;min-height:0}
  .mini-preview .mini-multi-preview.interactive #views-canvas{height:160px;min-height:0}
}

/* Mini chooser order: sample first, original upload second. */

/* Mini mirrors Base: show one movable preview only after the main viewer leaves the viewport. */
@media(max-width:800px){
  .mini-floating-preview{display:none;position:fixed;right:10px;bottom:calc(102px + env(safe-area-inset-bottom));z-index:40;width:clamp(126px,36vw,156px);padding:7px;border:1px solid #d2d2d7;border-radius:14px;background:#fff;box-shadow:0 3px 16px #0002;pointer-events:auto}
  .mini-floating-preview[hidden],.mini-preview-reopen[hidden]{display:none}
  .mini-floating-preview:not([hidden]){display:block;animation:preview-float-in .28s cubic-bezier(.2,.75,.25,1) both}
  @keyframes preview-float-in{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
  .mini-floating-preview .floating-preview-head{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:38px;padding:0 0 4px 3px}
  .mini-floating-preview .floating-preview-head span{color:#515154;font-size:10px;line-height:1.25;cursor:grab;touch-action:none;user-select:none}
  .mini-floating-preview .floating-preview-head button{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border:1px solid #d2d2d7;border-radius:50%;background:#fff;color:#0071e3;font:400 24px/1 Arial,sans-serif;cursor:pointer}
  .mini-floating-preview img{display:block;width:100%;height:98px;object-fit:contain;border-radius:8px;background:#ccd1d9}
  .mini-preview-reopen{position:fixed;right:10px;bottom:calc(102px + env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid #d2d2d7;border-radius:999px;background:#fff;color:#0071e3;box-shadow:0 3px 16px #0002;font-size:12px;font-weight:600;cursor:pointer}
}
@media(max-width:800px) and (prefers-reduced-motion:reduce){.mini-floating-preview:not([hidden]){animation:none}}
.plate-sales-footer-link{max-width:1080px;margin:0 auto 18px;padding:0 24px}.plate-sales-footer-link a{color:#0066cc;font-weight:650}

/* Plate floating preview follows the live canvas and stays usable on iPhone SE width. */
@media(max-width:800px){
  .max-floating-preview{position:fixed;right:8px;bottom:calc(96px + env(safe-area-inset-bottom));z-index:40;width:clamp(124px,40vw,152px);padding:7px;border:1px solid #d2d2d7;border-radius:14px;background:#fff;box-shadow:0 3px 16px #0002;pointer-events:auto;animation:preview-float-in .28s cubic-bezier(.2,.75,.25,1) both}
  .max-floating-preview[hidden],.max-preview-reopen[hidden]{display:none}
  .max-floating-preview .floating-preview-head{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:36px;padding:0 0 4px 3px}
  .max-floating-preview .floating-preview-head span{min-width:0;color:#515154;font-size:10px;line-height:1.25;cursor:grab;touch-action:none;user-select:none}
  .max-floating-preview .floating-preview-head button{display:grid;place-items:center;flex:none;width:34px;height:34px;padding:0;border:1px solid #d2d2d7;border-radius:50%;background:#fff;color:#0071e3;font:400 23px/1 Arial,sans-serif;cursor:pointer}
  .max-floating-preview img{display:block;width:100%;height:94px;object-fit:contain;border-radius:8px;background:#ccd1d9}
  .max-preview-reopen{position:fixed;right:8px;bottom:calc(96px + env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid #d2d2d7;border-radius:999px;background:#fff;color:#0071e3;box-shadow:0 3px 16px #0002;font-size:12px;font-weight:600;cursor:pointer}
  .max-preview .viewer-toolbar{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;padding:4px 2px 8px}
  .max-preview .viewer-toolbar strong{flex:1 1 auto;width:auto;min-width:0;margin:0;font-size:14px;line-height:1.3;white-space:nowrap}
  .max-preview .viewer-toolbar #toggle-3d{flex:0 1 auto;min-height:40px;margin-left:auto;padding:6px 8px;font-size:12px;line-height:1.2;white-space:nowrap}
  .max-preview .viewer-toolbar #reset-3d{flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px}
  .quote{gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom))}
  .quote>div{min-width:0}.quote small{font-size:11px}.quote strong{font-size:23px}.quote .cart-add-button{flex:none;padding:10px 14px;font-size:13px;white-space:nowrap}
}
@media(max-width:380px){
  header{padding-inline:10px;gap:6px}.brand{gap:5px;font-size:18px}.brand-icon{width:30px;height:30px}header nav{gap:7px}header nav a{font-size:11px}.site-cart-trigger{gap:3px;font-size:11px;padding-left:0}.cart-count{min-width:17px;height:17px;padding:0 3px;font-size:10px}
  main{padding-right:12px;padding-left:12px}.max-preview{padding:7px}.max-preview .viewer-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:5px}.max-preview .viewer-toolbar strong{grid-column:1/-1}.max-preview .viewer-toolbar #toggle-3d{grid-column:2;grid-row:2}.max-preview .viewer-toolbar #reset-3d{grid-column:3;grid-row:2}.max-preview #views-canvas{height:148px}.max-preview.interactive #views-canvas{height:164px}.max-preview .view-labels{font-size:10px}
  .quote .cart-add-button{padding-inline:11px;font-size:12px}
}
@media(max-width:800px) and (prefers-reduced-motion:reduce){.max-floating-preview{animation:none}}
.max-quantity-panel{margin:20px 0 12px;padding:16px;border:1px solid #d2d2d7;border-radius:16px;background:#fff}.max-quantity-panel legend{padding:0 6px;font-size:17px;font-weight:650}.max-quantity-stepper{display:flex;align-items:center;gap:14px;max-width:330px}.max-quantity-stepper button{width:48px;height:48px;border:1px solid #d2d2d7;border-radius:14px;background:#f5f5f7;color:#0071e3;font-size:24px;cursor:pointer}.max-quantity-stepper label{display:grid;flex:1;gap:2px;text-align:center;color:#6e6e73;font-size:12px}.max-quantity-stepper input{width:100%;border:0;background:transparent;color:#1d1d1f;text-align:center;font-size:25px;font-weight:650}.max-purchase-summary{margin:12px 0 26px;padding:20px;border:1px solid #d2d2d7;border-radius:18px;background:#f5f5f7}.max-purchase-summary h2{margin:0 0 8px;font-size:20px}.max-purchase-summary>p{margin:0 0 14px;color:#515154;font-size:14px;line-height:1.5}.max-purchase-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px}.max-purchase-actions>strong{margin-right:auto;font-size:28px;letter-spacing:-.04em;white-space:nowrap}.max-open-cart{min-height:44px;padding:9px 13px;border:1px solid #d2d2d7;border-radius:14px;background:#fff;color:#0066cc;font-size:13px;font-weight:600}.max-open-cart:hover{border-color:#0071e3;background:#f5f9ff}.max-purchase-summary .help-jump{margin-top:12px}@media(max-width:600px){.max-quantity-panel{padding:14px}.max-purchase-summary{padding:16px}.max-purchase-actions{gap:9px}.max-purchase-actions>strong{flex-basis:100%;font-size:25px}.max-purchase-actions .cart-add-button,.max-open-cart{flex:1;justify-content:center;white-space:nowrap;padding-inline:10px;font-size:12px}}