/* Final storefront presentation. Shared pricing, nesting and ordering behavior are unchanged. */
.action-icon-library{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.action-icon{display:inline-block;vertical-align:middle;width:22px;height:22px;flex:0 0 22px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.action-icon.entry-icon{width:42px;height:42px;flex-basis:42px}
.desktop-nav a,.mobile-nav a{display:flex;align-items:center;gap:8px}.desktop-nav .action-icon{width:18px;height:18px;flex-basis:18px}
.text-link .action-icon{margin-left:7px}.upload-icon .action-icon{width:27px;height:27px}
.hero-sheet-readout{display:flex;flex-direction:column;align-items:center;gap:14px;padding:14px 20px 17px;text-align:center}
.hero-sheet-readout>[data-hero-legend]{font-size:12px;line-height:1.5;color:var(--secondary);margin:0;max-width:none}
.hero-sheet-readout .hero-final-stats{display:grid;grid-template-columns:1fr 1fr;gap:44px;justify-content:center;width:min(100%,360px);text-align:center}
.hero-stat{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}
.hero-sheet-readout .hero-stat strong{font-family:var(--body);font-size:28px;line-height:1.15;font-weight:550;font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}
.hero-stat>span{font-size:10px;line-height:1.4;letter-spacing:.07em;color:var(--secondary);white-space:nowrap}
.hero-savings-banner{gap:4px;padding:14px 18px 13px}
.savings-confirmation{display:flex;justify-content:center;align-items:center;gap:8px;color:var(--savings-ink);font-size:12px;font-weight:650;letter-spacing:.055em}
.savings-confirmation .savings-check{width:21px;height:21px;flex-basis:21px;margin:0;display:grid}
.savings-confirmation .savings-check svg{width:16px;height:16px}
.hero-savings-banner .hero-money{margin:0;display:flex;justify-content:center}
.hero-savings-banner .hero-money strong{font-size:76px;line-height:1.05}
.savings-metrics{font-size:12px;line-height:1.6}
.film-info-group{font-family:var(--display);font-weight:600;letter-spacing:0;text-anchor:middle}
.film-info-title{font-family:var(--display);font-size:44px;font-weight:600;letter-spacing:.2px}
.film-info-number{font-family:var(--display);font-size:82px;font-weight:600;letter-spacing:-1.5px}
.film-info-label{font-family:var(--body);font-size:16px;font-weight:500;letter-spacing:1px}
.film-info-support{font-family:var(--body);font-size:18px;font-weight:400;letter-spacing:0}
.hero-conversion .button{gap:12px}.upload-demo-action .button{gap:24px}
@media(min-width:761px) and (max-width:1100px){.hero-savings-banner .hero-money strong{font-size:66px}}
@media(max-width:760px){
 .hero-sheet-readout{padding:12px 12px 14px;gap:12px}
 .hero-sheet-readout>[data-hero-legend]{font-size:11px}
 .hero-sheet-readout .hero-final-stats{gap:24px;max-width:280px}
 .hero-sheet-readout .hero-stat strong{font-size:25px}
 .hero-stat>span{font-size:9px}
 .hero-savings-banner{padding:12px 10px;gap:3px}
 .savings-confirmation{font-size:10px;gap:6px}
 .hero-savings-banner .hero-money strong{font-size:58px;line-height:1.06}
 .savings-metrics{font-size:10px}
 .hero-conversion .button{font-size:12px}
}
/* Final presentation: optional artwork preview, separate from quote validation. */
.sheet-preview{margin:20px 0 12px;min-width:0}.sheet-preview[hidden]{display:none}
.sheet-preview figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;font-size:12px;letter-spacing:.06em}
.sheet-preview figcaption span{color:var(--secondary);font-size:11px}
.sheet-preview-stage{display:flex;justify-content:center;align-items:center;min-height:180px;padding:20px;border:1px solid var(--rule);background-color:#e1e3e5;background-image:linear-gradient(45deg,#cdd1d5 25%,transparent 25%),linear-gradient(-45deg,#cdd1d5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#cdd1d5 75%),linear-gradient(-45deg,transparent 75%,#cdd1d5 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}
.sheet-preview-stage[hidden]{display:none}.sheet-preview-stage img,.sheet-preview-stage canvas{display:block;width:auto;height:auto;max-width:100%;max-height:520px;object-fit:contain}
.sheet-preview-note,#sheet-preview-status{font-size:12px;line-height:1.6;color:var(--secondary);margin:10px 0 0}#sheet-preview-status:empty{display:none}
.upload-workspace[data-preview]:not([data-preview=empty]) .drop-zone{min-height:0;padding:16px;gap:7px}
.upload-workspace[data-preview]:not([data-preview=empty]) .drop-zone .upload-icon,.upload-workspace[data-preview]:not([data-preview=empty]) .drop-zone:after{display:none}
.upload-workspace[data-preview]:not([data-preview=empty]) .drop-zone strong{font-size:16px}
.footer-top--no-action{grid-template-columns:auto 1fr}.footer-top--no-action p{justify-self:end}
@media(max-width:760px){.sheet-preview-stage{padding:12px}.sheet-preview-stage img,.sheet-preview-stage canvas{max-height:440px}.sheet-preview figcaption{font-size:11px}.footer-top--no-action{grid-template-columns:1fr}.footer-top--no-action p{justify-self:start}}
.upload-workspace[data-preview]:not([data-preview=empty]) .upload-main #drop-zone{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-height:0;padding:14px 18px;gap:4px}
.upload-workspace[data-preview]:not([data-preview=empty]) .upload-main #drop-zone:before,.upload-workspace[data-preview]:not([data-preview=empty]) .upload-main #drop-zone:after,.upload-workspace[data-preview]:not([data-preview=empty]) .upload-main #drop-zone .upload-icon{display:none}
.upload-workspace[data-preview]:not([data-preview=empty]) .upload-main #drop-zone strong{font-size:16px;width:auto}