/* Shared finish for the standalone design studio and product-family preview. */
:root{--studio-ink:#24282b;--studio-border:#dfe3e5;--studio-muted:#70777c}
header{height:66px;padding:0 32px;border-bottom:1px solid #edf0f1}header img{width:116px;height:auto}header>span{font-size:10px}
main{grid-template-columns:minmax(0,1fr) 400px;min-height:calc(100dvh - 154px)}
.stage{height:calc(100dvh - 154px);min-height:460px;background:radial-gradient(ellipse at 45% 35%,#f7f8f8,#e8eced 80%)}
.stage-caption{left:32px;top:26px}.stage-caption p{font-size:20px}.stage-caption .eyebrow{font-size:8px}
aside{padding:26px 28px 32px;border-left:1px solid var(--studio-border)}
.intro{text-align:left}.intro .product-title{justify-content:flex-start;font-size:36px;margin:12px 0}.intro p{font-size:12px;line-height:1.6}.intro .eyebrow{font-size:8px}
nav{margin:22px 0 24px}nav button{padding:14px 0;font-size:10px}nav button span{font-size:12px}h2{font-size:23px;line-height:1.25}.description{margin-bottom:20px}
.finish-options>button{padding:16px 8px 14px}.finish-options>button[aria-pressed=true]{padding:15px 7px 13px}.finish-chip{width:42px;height:42px}.detail{margin:20px 0}
.viewbar{bottom:48px;gap:6px;max-width:calc(100% - 32px);background:#fffffff2;border:1px solid var(--studio-border);padding:5px;border-radius:6px;box-shadow:0 4px 20px #19252e0a}.angles{background:transparent;border:0;padding:0;box-shadow:none}.angles button{padding:10px 11px;font-size:11px}.rotate{width:36px;height:36px;border:0;background:#f1f3f4;font-size:21px}
#download-image{white-space:nowrap;padding:10px 13px;border:0;border-left:1px solid var(--studio-border);border-radius:0;background:transparent;color:var(--studio-ink);font-size:11px;min-height:36px}#download-image:hover{background:#f1f3f4}#download-image:disabled{opacity:.45;cursor:wait}
.export-status{position:absolute;bottom:100px;left:50%;transform:translateX(-50%);z-index:4;background:#fff;padding:9px 14px;border:1px solid var(--studio-border);border-radius:4px;font-size:12px;max-width:90%;text-align:center}.export-status:empty{display:none}
.size-label{margin-top:18px;font-size:12px}.size-label output{font-variant-numeric:tabular-nums}input[type=range]{width:100%;height:28px;accent-color:#25282b;cursor:pointer}
.upload-label{border-radius:4px!important;background:#fafbfb}.asset-thumb{object-fit:contain;background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 0/16px 16px;padding:6px;border:1px solid var(--studio-border)}
footer{padding:15px 32px;min-height:88px}.footer-action{gap:18px}#review-button{padding:15px 20px}.product-selector{min-height:68px;padding:8px 32px}.product-selector~main .stage{top:68px;height:calc(100dvh - 156px)}
@media(max-width:1100px) and (min-width:801px){main{grid-template-columns:minmax(0,1fr) 350px}aside{padding:24px}.viewbar{flex-wrap:wrap;justify-content:center;width:max-content}.angles button{padding:9px 8px}}
@media(max-width:800px){header{height:60px;padding:0 18px;gap:16px}header img{width:105px}main{display:block}.stage,.product-selector~main .stage{position:relative;top:auto;height:52dvh;min-height:340px}.stage-caption{left:20px;top:18px}.stage-caption p{font-size:17px}.stage-caption .eyebrow{font-size:7px}#display-mode{top:18px;right:16px;font-size:10px}aside{padding:24px 20px 32px}.intro .product-title{font-size:32px}.intro p{display:none}nav{margin-top:18px}.viewbar{bottom:38px;flex-wrap:wrap;justify-content:center;width:max-content;gap:4px}.angles button,.image-mode .angles button{padding:9px 8px;font-size:10px}#download-image{font-size:10px;padding:9px}.gesture{bottom:9px;font-size:9px}footer{padding:12px 18px;gap:12px}.footer-action small{display:none}#review-button{min-width:0;padding:14px;font-size:11px}.product-selector{padding:8px 18px}.preview-label{font-size:8px}.export-status{bottom:115px}}
/* Unpriced prototypes must not display placeholder amounts as real prices. */
footer #footer-total{display:none}.footer-kicker{font-size:9px;color:#747b80;letter-spacing:1px}footer>div:first-child p{font-size:13px;color:#25282b;margin-top:8px}.price-note{line-height:1.6}
@media(min-width:801px){.product-selector~main{min-height:calc(100dvh - 222px)}.product-selector~main .stage{height:calc(100dvh - 222px)}}
/* Graphic studio direction: flat canvas, precise rules, restrained brand accent. */
.stage:not(.lights-on){background:#eef0ee}.stage-caption p{font-size:24px;font-weight:500;letter-spacing:-.65px}.stage-caption .eyebrow{letter-spacing:1.5px;color:#606b69}
.product-selector{border-bottom:1px solid #cbd1ce}.product-selector-label{color:#505a56}.product-selector .product-options button{border-radius:2px}.product-selector .product-options button[aria-pressed=true]{background:#f4f5f2;border-color:#252b28}.product-selector .product-options button[aria-pressed=true]::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#d02b2f}
.intro .product-title{font-size:38px}.intro .eyebrow{letter-spacing:1.4px}.intro p{color:#69716d}
nav{border-color:#ced4d0}nav button[aria-current]{border-bottom-color:#d02b2f}nav button[aria-current] span{font-weight:600}
.finish-options button,.campaign-option,.product-options button,.upload-label,#lights,#pay2play-kit,.primary,#review-button,.lead-row,.proof-approval{border-radius:2px!important}.finish-options button[aria-pressed=true]{background:#f8f9f6}.description{color:#69716d}.price-note{background:#f0f2ef;border-radius:2px;border-left:2px solid #abb7ae}
.viewbar{border-radius:3px;box-shadow:none;border-color:#d2d8d4;background:#fffffff2}.angles button{border-radius:2px}.angles button[aria-pressed=true]{background:#e8ede7}.rotate{border-radius:2px}.export-status{border-radius:2px}.detail{border-top:1px solid #e0e5e0;padding-top:16px}
@media(max-width:800px){.stage-caption p{font-size:18px}}
/* Night preview uses a flat dark field; light belongs to the product. */
.stage.lights-on{background:#414945}.stage.lights-on:after{display:none}.stage.lights-on .stage-caption{color:#f2f4ef}.stage.lights-on .eyebrow{color:#a1ada5}.stage.lights-on .gesture{color:#a1ada5}.stage.lights-on .viewbar{background:#29322d;border-color:#445249}.stage.lights-on .angles button,.stage.lights-on #download-image{color:#c1ccc4}.stage.lights-on .angles button[aria-pressed=true],.stage.lights-on .rotate{background:#3c4b40;color:#f5f7f2}.stage.lights-on #download-image{border-left-color:#445249}.stage.lights-on #display-mode{background:#29322d;color:#dce4de;border-color:#445249}

#export-format{font:inherit;font-size:11px;color:var(--studio-ink);background:transparent;border:0;border-left:1px solid #d2d8d4;padding:10px 7px;max-width:170px}.stage.lights-on #export-format{color:#dce4de;border-color:#445249}#export-format option{color:#252b28;background:#fff}@media(max-width:700px){.viewbar{flex-wrap:wrap;justify-content:center}#export-format{font-size:10px;max-width:150px}}
.backdrop-controls{border-top:1px solid #e0e5e0;margin:24px 0;padding-top:20px}.backdrop-controls h3{font-size:17px;font-weight:500;margin:0 0 8px}.backdrop-controls p{font-size:12px;color:#69716d;line-height:1.5}.backdrop-swatches{display:flex;gap:10px;align-items:center;margin:16px 0}.backdrop-swatches button{width:36px;height:36px;border:1px solid #cbd1ce;border-radius:50%;background:var(--tone);cursor:pointer}.backdrop-swatches button:first-child{width:auto;padding:0 12px;border-radius:2px;background:white;font:inherit;font-size:12px}.backdrop-swatches button[aria-pressed=true]{outline:2px solid #252b28;outline-offset:3px}
.stage[data-backdrop=light] .stage-caption{color:#252b28}.stage[data-backdrop=light] .eyebrow,.stage[data-backdrop=light] .gesture{color:#606b69}.stage[data-backdrop=light] .viewbar{background:#fffffff2;border-color:#d2d8d4}.stage[data-backdrop=light] .angles button,.stage[data-backdrop=light] #download-image,.stage[data-backdrop=light] #export-format{color:#252b28}.stage[data-backdrop=light] .angles button[aria-pressed=true],.stage[data-backdrop=light] .rotate{background:#e8ede7;color:#252b28}
.stage[data-backdrop=dark] .stage-caption{color:#f2f4ef}.stage[data-backdrop=dark] .eyebrow,.stage[data-backdrop=dark] .gesture{color:#c1ccc4}.stage[data-backdrop=dark] .viewbar{background:#29322d;border-color:#445249}.stage[data-backdrop=dark] .angles button,.stage[data-backdrop=dark] #download-image,.stage[data-backdrop=dark] #export-format{color:#dce4de}.stage[data-backdrop=dark] .angles button[aria-pressed=true],.stage[data-backdrop=dark] .rotate{background:#3c4b40;color:#f5f7f2}
.capture .product-selector{display:none}.capture .stage,.capture .product-selector~main .stage{height:100dvh!important;min-height:0!important;width:100vw;top:0}.capture main{margin:0;min-height:0}

#mobile-pulse-power{width:100%;padding:15px;margin:12px 0;background:#fafbfb;color:#252b28;border:1px solid #ced4d0;text-align:left;font:inherit;font-size:12px}

.capture #export-capture,.capture #batch-next{opacity:0}

.capture #pulse-power-hotspot{display:none!important}

.stage[data-backdrop=light].image-mode.lights-on #product-photo{filter:none}

#review .price-breakdown small{display:none} 
.quantity-selector{display:flex;align-items:center;border:1px solid #cbd0ce;border-radius:4px;overflow:hidden}
.quantity-selector button{border:0;background:#f2f4f2;min-width:44px;min-height:44px;font-size:22px;color:#252829;cursor:pointer}
.quantity-selector button:disabled{opacity:.35;cursor:default}
.quantity-selector input{width:70px;min-height:44px;border:0;text-align:center;font:inherit;color:#252829;background:white;appearance:textfield;-moz-appearance:textfield}
.quantity-selector input::-webkit-inner-spin-button,.quantity-selector input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.review-download{display:block;width:100%;min-height:52px;padding:14px 18px;border:1px solid #252829;background:white;color:#252829;font:inherit;cursor:pointer;margin:24px 0 32px}
.review-download:disabled{opacity:.5;cursor:wait}
#review .lead-form{margin-top:24px}