.booklet-shell{max-width:1120px;margin:0 auto;padding:28px 20px 64px}.booklet-hero{text-align:center;padding:22px 0}.booklet-hero h1{margin:8px 0 10px}
.booklet-card,.booklet-info{background:#fff;border:1px solid #e4e8ef;border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(17,37,63,.06)}.booklet-info{margin-top:20px}
.booklet-file-field{display:grid;gap:8px;font-weight:700}.booklet-file-field input{min-height:48px;padding:10px;border:1px dashed #aab5c4;border-radius:12px;background:#f8fafc}.booklet-file-field small,.booklet-note{color:#667085;font-weight:400}
.booklet-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.booklet-controls label{display:grid;gap:7px;font-weight:700}.booklet-controls input,.booklet-controls select{min-height:44px;border:1px solid #cdd5df;border-radius:10px;padding:8px 10px;background:#fff}
.booklet-check{display:flex!important;align-items:center;gap:10px;padding-top:25px}.booklet-check input{width:22px;height:22px;min-height:22px}
.booklet-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.booklet-actions button{min-height:44px;border:0;border-radius:10px;padding:0 18px;font-weight:700;cursor:pointer;background:#1264e8;color:#fff}.booklet-actions .secondary{background:#eef3fb;color:#17365d}.booklet-actions button:disabled{opacity:.55;cursor:not-allowed}
.booklet-status{min-height:24px;margin-top:16px;font-weight:700}.booklet-status.error{color:#a61b1b}.booklet-status.success{color:#176b35}
.booklet-summary,.booklet-panel{margin-top:20px}.booklet-summary h2,.booklet-panel h2{font-size:1.05rem;margin:0 0 10px}
.booklet-summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.booklet-summary-grid div{display:grid;gap:3px;background:#f7f9fc;border-radius:12px;padding:14px}.booklet-summary-grid strong{font-size:1.2rem}.booklet-summary-grid span{color:#667085}
.booklet-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.booklet-plan{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.booklet-spread{border:1px solid #dce3ec;border-radius:14px;padding:12px;background:#f7f9fc}.booklet-spread-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px;font-weight:700}.booklet-spread-pages{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#e8edf4;padding:6px;border-radius:9px}.booklet-page-slot{background:#fff;border:1px solid #cbd5e1;min-height:108px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px}.booklet-page-slot strong{font-size:1.4rem}.booklet-page-slot span{font-size:.8rem;color:#667085}.booklet-page-slot.blank{background:repeating-linear-gradient(45deg,#fff,#fff 8px,#f4f6f8 8px,#f4f6f8 16px);color:#8a94a3}
@media(max-width:760px){.booklet-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.booklet-summary-grid{grid-template-columns:repeat(2,1fr)}.booklet-plan{grid-template-columns:1fr}}
@media(max-width:520px){.booklet-card{padding:16px}.booklet-controls{grid-template-columns:1fr}.booklet-check{padding-top:0}.booklet-actions button{width:100%}.booklet-panel-head{display:block}}