.dropzone.dragging{background:#f7e6df;border-color:var(--terracotta-dark);transform:scale(1.01)}
.quality-message{margin:7px 2px 2px;font-size:11px;color:#706b66}
.quality-message.good{color:#49734c}.quality-message.warn{color:#946719}.quality-message.bad{color:#a43e35}
.price-summary{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:10px 13px;background:#f3ece2;border-radius:11px;font-size:13px}
.price-summary strong{font-size:18px;color:var(--terracotta-dark)}
.bleed-guide,.safe-guide{position:absolute;z-index:3;pointer-events:none}
.bleed-guide{inset:5px;border:1px dashed rgba(180,65,48,.75)}
.safe-guide{inset:20px;border:1px dashed rgba(50,100,65,.72)}
.bleed-guide b,.safe-guide b{position:absolute;top:2px;right:3px;font:7px Manrope;background:rgba(255,255,255,.75);padding:1px 2px}
.safe-guide b{top:auto;bottom:2px}.cover.moving{cursor:grabbing}.cover:has(.has-art){cursor:grab}
.notebook[data-size="large"]{width:270px;height:360px}.notebook[data-size="small"]{width:240px;height:350px}.notebook[data-size="mini"]{width:260px;height:320px}
.notebook[data-size="small"] .coil,.notebook[data-size="small"] .round-holes{height:334px}.notebook[data-size="mini"] .coil,.notebook[data-size="mini"] .round-holes{height:304px}
.size-guide{max-width:1380px;margin:0 auto 90px;padding:45px 5%;background:var(--paper);border:1px solid var(--line);border-radius:24px;display:grid;grid-template-columns:300px 1fr;gap:45px;align-items:center}
.size-guide h2{font:48px/1 'DM Serif Display',serif;margin:12px 0 18px;color:#3c2a25}.size-guide p{line-height:1.65}.size-guide img{display:block;width:100%;height:auto;border-radius:16px}
@media(max-width:800px){.size-guide{margin:0 18px 65px;padding:26px 18px;grid-template-columns:1fr;gap:20px}.size-guide h2{font-size:38px}.size-guide-copy{text-align:center}}
.preview-stage{overflow:hidden}.preview-stage .notebook{width:min(390px,92%);height:auto;aspect-ratio:1160/1360;transform:none;filter:drop-shadow(12px 18px 10px rgba(45,33,25,.17));position:relative}
.notebook-mockup{display:block;width:100%;height:100%;object-fit:contain}
.mockup-cover{position:absolute;z-index:2;left:13.4%;top:8.45%;width:74.8%;height:83.5%;overflow:visible;cursor:grab;touch-action:none}
.mockup-cover.moving{cursor:grabbing}.mockup-cover .artwork{inset:0;background:transparent;overflow:hidden;transform:translate(var(--art-x),var(--art-y)) scale(var(--art-scale));transform-origin:center}
.mockup-cover .artwork:before{display:none}.mockup-cover .artwork.has-art{background-color:#fff;background-repeat:no-repeat;background-size:cover;background-position:center}.mockup-cover .bleed-guide{inset:-10px}.mockup-cover .safe-guide{inset:0}
.mockup-cover:has(.artwork.has-art){background:#fff}.mockup-cover .safe-guide b{bottom:3px;right:3px}.mockup-cover .bleed-guide b{top:-1px;right:-1px}
.binding-overlay{position:absolute;z-index:5;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none}
.preview-stage .notebook[data-size="small"]{width:min(330px,86%);height:auto}.preview-stage .notebook[data-size="mini"]{width:min(270px,78%);height:auto}
.customizer-product-label{display:inline-block;margin:20px 0 14px;padding-bottom:10px;border-bottom:3px solid var(--terracotta);color:var(--terracotta-dark);font-weight:700}