.booklet{max-width:1080px}.booklet-upload{display:inline-flex;align-items:center;padding:.65rem 1rem;background:var(--paper,#f7ead5);border:1px solid #d9c7b1;border-radius:10px;cursor:pointer;font-weight:650}.booklet-options{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin:1rem 0}.booklet-check{display:flex;gap:.6rem;align-items:flex-start;margin:1rem 0}.booklet-check input{flex-shrink:0;margin-top:.3rem}.booklet-stage{position:relative;max-width:100%;width:fit-content;max-height:800px;line-height:0;background:#eee;touch-action:pan-y}.booklet-stage canvas{max-width:100%;max-height:800px;width:auto;height:auto;display:block}.booklet-cut{position:absolute;left:50%;top:0;height:100%;width:3px;background:#b64a27;box-shadow:0 0 0 2px #fff8;pointer-events:none}.booklet input[type=range]{display:block;width:100%;max-width:900px}.booklet-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:1rem;padding:0;list-style:none}.booklet-thumbs button{display:flex;flex-direction:column;align-items:center;width:100%;gap:.35rem;padding:.5rem}.booklet-thumbs canvas{width:100%;height:auto;max-height:160px;object-fit:contain;background:white}.booklet-thumbs small{font-size:.72rem}.booklet progress{display:block;width:100%;margin:1rem 0}.booklet [hidden]{display:none!important}.booklet .actions{flex-wrap:wrap}.booklet select{max-width:100%}.booklet-stage:focus-within{outline:2px solid #b64a27}@media(max-width:500px){.booklet-thumbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.booklet-thumbs button{padding:.3rem}.booklet-thumbs small{font-size:.65rem}.booklet-options{display:block}}
.booklet button{font:inherit;min-height:44px;padding:.6rem .85rem;border:1px solid #ddc9ad;border-radius:10px;background:#f8eddb;color:#65462f;cursor:pointer}.booklet button:hover:not(:disabled){background:#f0dfc3}.booklet button:focus-visible,.booklet select:focus-visible,.booklet-upload:focus-within{outline:3px solid #507d68;outline-offset:3px}.booklet button:disabled{opacity:.5;cursor:default}.booklet button.primary{background:#ad4828;border-color:#ad4828;color:#fff;font-weight:700}.booklet button.primary:hover:not(:disabled){background:#963b20}.booklet select{font:inherit;min-height:44px;padding:.55rem .7rem;border:1px solid #ddc9ad;border-radius:9px;background:#fffcf6;color:#3e493f}.booklet #booklet-layout{display:block;width:100%;max-width:650px;margin:.5rem 0 1rem}.booklet .actions{display:flex;align-items:center;gap:.55rem;margin:.6rem 0}.booklet-thumbs button{background:#fffaf1;border-color:#e1d3bc;line-height:1.35}.booklet-thumbs canvas{border-radius:4px}.booklet input[type=checkbox]{accent-color:#ad4828}.booklet #booklet-result{margin-top:1rem}.booklet #booklet-continue{margin-top:.65rem}.booklet-upload{min-height:44px;box-sizing:border-box}