.bp-upload{display:inline-flex;flex-direction:column;gap:8px;max-width:100%;padding:12px;border:1px solid #52605a;border-radius:6px}.bp-upload input{max-width:100%;font-size:14px}.bp-controls{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin:20px 0}.bp-controls label{display:flex;align-items:center;gap:8px}.bp-controls input[type=range]{width:140px}.bp-controls input[type=checkbox]{width:auto}.bp-stage{height:65vh;min-height:300px;overflow:auto;position:relative;background:#d5d9d6;border:1px solid #52605a;cursor:grab;overscroll-behavior:contain;padding:12px}.bp-stage canvas{display:block;max-width:none;max-height:none;background:white}.bp-stage.bp-expanded{height:85vh}.bp-save{display:grid;gap:14px;margin-top:24px}.bp-save label{display:grid;gap:8px}.bp-save input,.bp-save select{width:100%}#bpPage{width:90px}#bpLibrary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:18px}@media(max-width:500px){.bp-controls{display:grid;grid-template-columns:1fr}.bp-upload{width:100%}.bp-stage{height:60vh}.bp-panel .tools button{flex-grow:1}#bpLibrary{grid-template-columns:1fr}}

.bp-auto-print{display:flex;align-items:center;gap:10px;margin-top:18px}.bp-auto-print input{width:auto}

#bpLibrary{display:block}#bpLibrary [role="tabpanel"]{min-width:0}#bpLibrary .card{margin-bottom:14px}.bp-library-tabs button[aria-selected="true"]{background:var(--accent);color:var(--dark);border-color:var(--accent)}#bpBatchProgress{padding:12px;border-left:3px solid var(--accent)}

.bp-page-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:14px}.bp-inline-preview{margin-top:20px}.bp-preview-note{font-size:12px;color:var(--muted)}.bp-preview-page{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:start;width:100%;min-width:0;padding:10px;background:var(--panel);color:var(--ink)}.bp-preview-page img{display:block;width:100%;height:auto;object-fit:contain;background:#fff}.bp-preview-page span{font-size:12px}.bp-stage{touch-action:none}.bp-stage.is-panning{cursor:grabbing}.bp-stage canvas{margin:0 auto;touch-action:none;user-select:none}.bp-zoom-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0 10px}.bp-zoom-tools label{display:flex;align-items:center;gap:10px}.bp-zoom-tools input{width:180px}.bp-zoom-tools output{font-weight:700;min-width:48px}.bp-zoom-tools p{flex-basis:100%;margin:0;font-size:12px;color:var(--muted)}.bp-remove-dialog{max-width:min(500px,calc(100vw - 28px));max-height:90dvh;overflow:auto;background:var(--panel);color:var(--ink);border:1px solid var(--line);padding:24px}.bp-remove-dialog::backdrop{background:#0009}.bp-remove-dialog .tools{justify-content:flex-end}
@media(max-width:500px){.bp-page-grid{grid-template-columns:1fr}.bp-library-tabs>button{flex:1 1 140px}.bp-zoom-tools label{min-width:0;flex:1}.bp-zoom-tools input{width:100%;min-width:0}}