.feature-toolbar{display:flex;flex-wrap:wrap;gap:7px;padding:12px 18px;border-bottom:1px solid var(--line);background:#18231d}.feature-toolbar .button{font-size:10px;padding:8px 10px;display:flex;align-items:center;gap:5px}.feature-toolbar .icon{height:14px;width:14px}.feature-dialog{width:min(650px,calc(100% - 24px));max-height:92dvh;overflow:auto}.feature-dialog>p,.feature-dialog form>p{font-size:12px;line-height:1.7;margin:13px 0 20px;color:#a8bd9b}.feature-dialog input,.feature-dialog select{width:100%;background:#15231a;border:1px solid #46563e;padding:10px;color:#e2edda;border-radius:6px}.feature-dialog .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.feature-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.feature-note{font-size:10px!important}.feature-error{color:#ffb4a5!important}.organizer-selection{display:flex;flex-wrap:wrap;gap:6px;padding:12px 18px;align-items:center;border-bottom:1px solid #50653e;background:#233021}.organizer-selection>span{font-size:11px;margin-right:auto;color:#d8ebb8}.organizer-selection button{padding:7px 9px;font-size:10px}.pocket.multi-selected{outline:3px solid #d8ee9d;outline-offset:1px;box-shadow:0 0 0 3px #d8ee9d35}.pocket.multi-selected:after{position:absolute;top:4px;right:4px;content:'✓';display:grid;place-items:center;height:20px;width:20px;border-radius:4px;background:#def3aa;color:#203119;z-index:8;font-size:12px}.selection-mode .pocket{cursor:crosshair}.selection-mode .card-actions{opacity:.4}.art-filter{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #4a5d3d;border-radius:8px;background:#23331f;margin:12px 0;cursor:pointer}.art-filter input{height:18px;width:18px;accent-color:var(--lime)}.art-filter span{display:grid;gap:3px}.art-filter strong{font-size:12px;color:#daeabf}.art-filter small{font-size:9px;color:#9eb38e}.palette-discovery{font-size:11px;background:#162319;padding:12px;border:1px solid #435439;border-radius:7px;margin:12px 0}.palette-discovery summary{cursor:pointer;color:#cadfba}.palette-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;align-items:center}.palette-controls label{display:flex;align-items:center;gap:7px;font-size:10px}.palette-controls input{width:38px;height:30px;padding:2px;background:#162319;border:1px solid #637253;border-radius:5px}.palette-controls button{font-size:9px;padding:7px 8px}.palette-discovery p{font-size:10px;line-height:1.6;color:#95ab87;margin-top:12px}.palette-card-tools{margin-top:15px}.pocket-board{position:relative}.merged-panels{position:absolute;inset:0;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--rows),minmax(0,1fr));gap:8px;pointer-events:none}.merged-panel{pointer-events:auto;position:relative;min-width:0;min-height:0;background:#141a14;border:1px solid #92ad6e;padding:0;overflow:hidden;border-radius:5px;display:block}.merged-panel img{width:100%;height:100%;object-fit:contain;display:block}.merged-panel span{position:absolute;bottom:0;left:0;right:0;padding:7px;background:#101a14d9;font-size:9px;color:#d1e5b3;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.merge-preview{display:grid;place-items:center;min-height:140px;background:#101711;border:1px dashed #55694b;border-radius:8px;margin-top:15px;padding:10px;font-size:11px;color:#8fa581}.merge-preview img{display:block;max-height:40vh;max-width:100%;object-fit:contain}.featured-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;max-height:50vh;overflow:auto}.featured-choice{position:relative;display:grid;gap:7px;font-size:9px;color:#baccad;cursor:pointer}.featured-choice img{width:100%;aspect-ratio:63/88;object-fit:contain}.featured-choice input{position:absolute;top:4px;left:4px;width:20px;height:20px;accent-color:var(--lime)}.cover-ribbon{display:flex;align-items:center;gap:8px;padding:14px 18px;background-color:#142018;background-size:cover;background-position:center;border-bottom:1px solid #405336}.cover-ribbon>span{margin-right:auto;font-size:9px;letter-spacing:1px;color:#b6c9a7}.cover-ribbon button{padding:0;border:1px solid #75885b;overflow:hidden;border-radius:4px;line-height:0;background:#0e1711}.cover-ribbon img{width:44px;height:62px;object-fit:contain}.custom-upload{padding:12px;border:1px dashed #597048;border-radius:7px;background:#1d2b1b;display:grid;gap:10px;margin-bottom:17px;font-size:12px}.custom-upload small{font-size:10px;color:#9aad8a}.binder-page.large-layout{width:min(100%,560px)}.page-reorder-source{opacity:.35}.page-reorder-target{outline:3px solid var(--lime);outline-offset:2px}.pages-grid{overscroll-behavior:contain}
@media(max-width:700px){.feature-toolbar{padding:11px 13px;gap:6px}.feature-toolbar .button{font-size:10px;padding:8px 9px}.feature-dialog{padding:19px!important}.featured-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-dialog .form-grid{gap:11px}.organizer-selection{padding:11px;gap:5px}.organizer-selection button{font-size:9px;padding:7px}.art-filter small{font-size:8px}.merged-panels{gap:8px}.binder-page.large-layout .card-action{width:23px;height:23px;padding:3px}.binder-page.large-layout .card-action .icon{height:13px;width:13px}.binder-page.large-layout .card-actions{bottom:2px;left:2px;right:2px;gap:1px}}
@media print{.feature-toolbar,.organizer-selection,.cover-ribbon{display:none!important}.merged-panel span{display:none}.merged-panel{border:0}}
#feature-toolbar .bp-value-bar{flex:1 0 100%;order:-1;margin:-12px -18px 4px;padding:13px 18px;background:#142117}#feature-toolbar .bp-binder-value{display:flex;font-size:12px}#feature-toolbar .bp-binder-value>strong{font-size:21px}.page-bottom{display:flex;justify-content:space-between;gap:6px;align-items:center}.binder-page.large-layout .bp-card-value{max-width:100%;font-size:7px;min-height:18px;bottom:3px}.binder-page.large-layout .card-actions{bottom:24px}.binder-page.large-layout .bp-printing-tag{font-size:6px;padding:2px;top:3px;right:3px}
@media(max-width:700px){#feature-toolbar .bp-value-bar{margin:-11px -13px 4px;padding:11px 13px}#feature-toolbar .bp-binder-value>strong{font-size:20px}.page-bottom{flex-wrap:wrap}.binder-page.large-layout .card-actions{bottom:23px}}
.pages-grid .page-thumb,.pages-grid .page-thumb img{-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;touch-action:auto}
.page-export-preview{display:block;max-width:100%;max-height:64vh;margin:18px auto 0;object-fit:contain;border-radius:7px;box-shadow:0 3px 18px #0007}

.clean-view #pockets .card-actions,.clean-view #pockets .bp-card-value,.clean-view #pockets .bp-printing-tag,.clean-view #pockets .bp-wanted,.clean-view #pockets .pocket-number,.clean-view .merged-panel span{display:none!important}.clean-view #pockets .pocket:after{display:none}.clean-view #pockets .pocket{outline:none;box-shadow:none}.clean-view #pockets .bp-missing .pocket-view{opacity:1;filter:none}.card-stage-target{outline:3px solid var(--lime);outline-offset:-3px;background:#34482a!important}.drag-group-count{position:absolute;top:-10px;right:-10px;background:#00c853;color:#17221c;min-width:25px;height:25px;padding:4px;border-radius:50%;font-size:12px;text-align:center;font-weight:700}#binder-view-toggle[aria-pressed=true],#select-mode-toggle[aria-pressed=true]{border-color:var(--lime);color:var(--lime)}

.account-dialog .auth-error{color:#ffb4aa;font-size:12px;line-height:1.5;margin:12px 0}.account-dialog .account-note{font-size:11px;color:#9da994;margin-top:14px}.account-dialog #account-mode,.account-dialog #site-signout{margin-top:14px}.card-drag-ghost .drag-group-count{min-width:50px;height:auto;border-radius:12px;white-space:nowrap}

.catalog-card-info .card-facts{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clean-view #pockets .pocket.multi-selected{outline:3px solid var(--lime);box-shadow:inset 0 0 0 2px #00c85355}.clean-view #pockets .pocket.multi-selected:after{display:block}
.energy-filter{display:flex;align-items:center;gap:8px;font-size:11px;color:#a8bd9b;cursor:pointer;margin:-5px 0 16px;padding:3px 2px}.energy-filter input{accent-color:#bfe891;width:16px;height:16px;margin:0}.energy-filter:has(input:disabled){opacity:.65;cursor:default}

.export-art-choice{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid #3d5043;border-radius:10px;margin:16px 0}.export-art-choice input{width:20px;height:20px;margin-top:3px;accent-color:#00c853}.export-art-choice span{display:grid;gap:6px}.export-art-choice small{font-size:12px;line-height:1.6;color:#a1b3a7}#page-export-preview[hidden],#page-export-retry[hidden]{display:none}
.export-art-options{padding:16px;border:1px solid #3d5043;border-radius:10px}.export-art-options[hidden],#page-export-shuffle[hidden]{display:none}.export-art-options label{display:grid;gap:8px;font-size:12px;color:#c2d1c5}.export-art-options output{font-size:12px;color:#18d467}.export-art-options input[type=range]{padding:0;accent-color:#00c853}.export-art-options .feature-note{line-height:1.6;color:#a1b3a7}.export-art-options>.button{margin-top:14px}.export-crop-details{border-top:1px solid #3d5043;padding-top:14px;margin-top:14px}.export-crop-details summary{cursor:pointer;font-size:12px}.export-crop-details>p{font-size:11px;line-height:1.6;color:#a1b3a7}.export-crop-stage{position:relative;width:min(220px,100%);aspect-ratio:63/88;margin:18px auto;touch-action:none;cursor:crosshair;overflow:hidden;border-radius:8px;background:#090d0e;user-select:none;-webkit-user-select:none}.export-crop-stage img{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none}.export-crop-box{position:absolute;border:2px solid #18d467;box-shadow:0 0 0 350px #0007;pointer-events:none}.export-crop-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.export-crop-fields label{font-size:10px}.export-crop-fields input{min-width:0;padding:8px}.export-crop-details>.text-button{margin-top:12px}

#merge-preview{position:relative;overflow:hidden;min-height:0;width:min(100%,400px);margin:18px auto;padding:0;border-style:solid}#merge-preview>span{padding:20px}.merge-crop-controls input[type=range]{width:100%;padding:0;accent-color:#00c853}.merge-crop-controls output{float:right;color:#b7e9c9}

#page-export-pocket-width-label[hidden]{display:none}#page-export-pocket-width-note{font-size:12px;line-height:1.6;color:#a1b3a7}