:root{--book-ink:#242c27;--book-muted:#637066;--book-line:#d9ded5;--book-red:#f20813}body{margin:0;background:#faf8f1;color:var(--book-ink);font-family:PaperSans,Arial,sans-serif}.book-main{max-width:1440px;margin:auto;padding:28px 32px 70px}.book-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:26px 0}.book-heading small{font-size:12px;color:#d01b2c;font-weight:800;letter-spacing:.15em}.book-heading h1{font-size:clamp(28px,3.2vw,44px);line-height:1.15;letter-spacing:-.025em;margin:12px 0}.book-heading p{max-width:850px;line-height:1.6;color:var(--book-muted);font-size:15px}.book-main button,.book-main input,.book-main select,.book-main textarea{font:inherit;box-sizing:border-box}.book-main button{cursor:pointer}.book-main button:disabled{opacity:.5;cursor:wait}.book-main label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;margin-bottom:14px}.book-main select,.book-main input:not([type=checkbox]),.book-main textarea{width:100%;min-width:0;padding:11px;border:1px solid var(--book-line);border-radius:8px;background:white;color:inherit;font-size:14px}.book-main textarea{resize:vertical;line-height:1.5}.book-order-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 20px;background:#fff;border:1px solid var(--book-line);border-radius:14px;padding:22px}.book-months{display:flex;gap:7px;overflow-x:auto;padding:18px 0;scrollbar-width:thin}.book-months button{white-space:nowrap;border:1px solid var(--book-line);background:white;color:inherit;border-radius:30px;padding:11px 16px;font-size:13px}.book-months button.active{background:#293d33;color:white;border-color:#293d33}.book-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,1fr);gap:28px;align-items:start}.book-stage-panel{position:sticky;top:15px;min-width:0}.book-stage{background:#e9e6de;border-radius:12px;padding:22px;display:flex;justify-content:center;min-height:300px}#bookArt{position:relative;max-width:100%;line-height:0;display:inline-block}#bookPreview{max-width:100%;width:auto;height:auto;max-height:76dvh;display:block;box-shadow:0 8px 20px #0002}#bookObjects{position:absolute;inset:0;pointer-events:none}.book-selection{position:absolute;border:2px solid #dc2533;box-sizing:border-box;pointer-events:auto;cursor:move;touch-action:none}.book-resize{position:absolute;right:-6px;bottom:-6px;width:12px;height:12px;background:#dc2533;border:2px solid white;border-radius:2px;cursor:nwse-resize;touch-action:none}.book-preview-note{display:flex;justify-content:space-between;gap:20px;margin:14px 0;font-size:13px;line-height:1.5}.book-preview-note span{max-width:340px;color:var(--book-muted)}#bookPreviewStatus{font-size:13px;min-height:20px}.book-controls{min-width:0}.book-controls section{background:white;border:1px solid var(--book-line);border-radius:12px;padding:20px;margin-bottom:14px}.book-controls h2{font-size:18px;line-height:1.3;margin:0 0 18px}.book-pair{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.book-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.book-colors input{height:40px;padding:3px!important}.book-main small{line-height:1.6}.book-controls small{display:block;color:var(--book-muted);font-size:12px;margin:8px 0}.book-primary,.book-secondary,.book-tools button{border:1px solid var(--book-line);border-radius:8px;padding:12px 16px;background:white;color:inherit;font-weight:700!important;font-size:13px!important;line-height:1.4}.book-primary{background:var(--book-red);color:white;border-color:var(--book-red);width:100%;font-size:15px!important}.book-tools{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.book-tools button{font-size:12px!important;padding:9px 11px}#bookLayers{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}#bookLayers button{border:1px solid #d8ded4;padding:8px 10px;background:#f7f8f4;border-radius:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:12px}#bookLayers .active{border-color:#d12031;color:#b6202d}.book-main .book-check{display:flex;flex-direction:row;align-items:flex-start;line-height:1.6;font-weight:400;font-size:13px}.book-check input{width:18px;height:18px;flex:0 0 18px;margin-top:3px}.book-checkout{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:28px;background:#fff;border:1px solid var(--book-line);border-radius:14px;margin-top:24px}.book-checkout strong{font-size:32px;letter-spacing:-.02em}.book-checkout p{font-size:13px;line-height:1.6;color:var(--book-muted)}.book-checkout a{color:#b91e2a}#bookProof a,#bookLogin>a{display:block;margin:12px 0;font-size:14px}#bookProof[hidden],#bookLogin[hidden],#bookInspector[hidden],#bookShapeSettings[hidden],#bookDates[hidden],#bookModeLabel[hidden],#pageRowsLabel[hidden],#objectTextLabel[hidden]{display:none!important}@media(max-width:900px){.book-workspace{grid-template-columns:1fr 1fr;gap:16px}.book-stage{padding:12px}.book-controls section{padding:15px}.book-preview-note{display:block}.book-preview-note span{display:block;margin-top:6px}}@media(max-width:650px){.book-main{padding:20px 14px 45px}.book-heading{display:block}.book-heading h1{font-size:30px}.book-order-settings{grid-template-columns:1fr 1fr;padding:16px;gap:0 12px}.book-workspace{grid-template-columns:1fr}.book-stage-panel{position:relative;top:auto}.book-stage{padding:18px}#bookPreview{max-height:65dvh}.book-checkout{grid-template-columns:1fr;padding:20px}.book-colors{gap:7px}.book-months{position:sticky;top:0;background:#faf8f1;z-index:5}.book-main select{font-size:13px}.book-preview-note{font-size:12px}}@media(prefers-reduced-motion:no-preference){.book-main button{transition:background .15s,border-color .15s}.book-main button:hover:not(:disabled){border-color:#9aa79a}}
.book-main input[type=color]{height:42px;padding:4px}