.page-organizer{background:#fff;border:1px solid #dce7e5;border-radius:14px;margin-bottom:18px;overflow:hidden}
.page-organizer>summary{padding:12px 15px;cursor:pointer;font-weight:700;color:#0b5459}
.page-actions{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:0 12px 10px}
.page-actions .btn{padding:9px 11px;font-size:13px}
.page-actions label{font-size:13px;display:flex;gap:5px;align-items:center}
.page-actions input,.page-tile input{accent-color:#126d73;width:18px;height:18px}
.page-count{font-size:12px;color:#687675;margin-left:auto}
.page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;padding:0 12px 12px;max-height:360px;overflow:auto;overscroll-behavior:contain}
.page-tile{position:relative;border:2px solid #dce7e5;border-radius:9px;background:#f3f7f6;padding:6px;min-width:0}
.page-tile.current{border-color:#126d73}
.page-tile.chosen{background:#e0f2ec;box-shadow:inset 0 0 0 1px #126d73}
.page-preview{display:flex;align-items:center;justify-content:center;width:100%;height:140px;border:0;background:#e8eeec;cursor:pointer;padding:3px}
.page-preview canvas{max-width:100%;max-height:100%;width:auto;height:auto;box-shadow:0 1px 4px #0002}
.page-preview:focus-visible{outline:3px solid #126d73;outline-offset:2px}
.page-tile label{display:flex;align-items:center;gap:6px;font-size:12px;padding-top:5px;cursor:pointer}
.page-tile label span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.page-tile.dragging{opacity:.4}
.page-organizer .page-hint{font-size:12px;color:#687675;padding:0 12px;margin:0 0 10px}
@media(max-width:780px){.page-grid{grid-template-columns:repeat(auto-fill,minmax(95px,1fr));max-height:310px}.page-preview{height:115px}.page-count{width:100%;margin-left:0}.page-actions .btn{font-size:12px;padding:9px}}