.pocket-board.art-frames-on{padding:var(--art-frame-edge,0px);isolation:isolate}
.art-frames-on #pockets{position:relative;z-index:1;gap:var(--art-frame-gap,8px)!important}
.art-frames-on .merged-panels{inset:var(--art-frame-edge,0px);gap:var(--art-frame-gap,8px)!important;z-index:4}
.art-frame-layer{position:absolute;inset:0;pointer-events:none;z-index:0}
.art-frame-layer img{position:absolute;display:block;max-width:none;max-height:none;pointer-events:none;border-radius:0}
.art-frame-status{font-size:10px;line-height:1.5;color:#a6b8ac;margin:8px 0}
.art-frame-status[hidden],#binder-frames-retry[hidden],#page-export-print[hidden],#page-export-apply[hidden]{display:none}
#binder-frames-dialog .form-grid label{display:grid;gap:8px;font-size:12px}
#binder-frames-width{padding:0;accent-color:#00c853}
#binder-frames-width-value{color:#18d467}
@media print{.art-frame-status,#binder-frames-dialog{display:none!important}.art-frame-layer{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

/* The same source chooser drives editor preview, exported PNGs and cut sheets. */
.frame-source-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin:18px 0}
.frame-source-controls>label,.frame-preset-options>label{display:grid;gap:8px;font-size:12px}
.frame-preset-options{display:grid;grid-template-columns:minmax(0,1fr) 52px;align-items:center;gap:10px 14px;min-width:0}
.frame-preset-options>.feature-note{grid-column:1/-1;margin:0}
.frame-preset-options select{width:100%;min-width:0}
.frame-preset-preview{display:grid;place-items:center;width:52px;height:66px;padding:7px;border:1px solid #ffffff25;box-shadow:0 4px 12px #0003}
.frame-preset-preview>i{display:block;width:100%;height:100%;border-radius:4px;background:#090d0e;border:1px solid #ffffff22}
.frame-source-controls [hidden],#binder-frames-art-options[hidden],#page-export-style-options[hidden],#page-export-style-note[hidden],.export-crop-details[hidden]{display:none!important}
#binder-frames-selection[hidden],#binder-frames-slot-label[hidden]{display:none!important}
#binder-frames-selection{border:1px solid #365141;border-radius:10px;padding:14px;margin:16px 0}
#binder-frames-selection legend{font-size:12px;padding:0 6px}
.frame-pocket-picker{display:grid;grid-template-columns:repeat(var(--frame-picker-cols,3),minmax(0,1fr));gap:10px;max-width:390px;margin:auto}
.frame-pocket-choice{position:relative;display:grid;grid-template-rows:1fr auto;min-width:0;padding:8px 6px 6px;border:2px solid #31473a;border-radius:7px;background:#0b1710;cursor:pointer}
.frame-pocket-choice:has(input:checked){border-color:#25d56a;background:#173422}
.frame-pocket-choice:focus-within{outline:2px solid #b1f3c7;outline-offset:3px}
.frame-pocket-choice input{position:absolute;top:6px;right:6px;width:20px;height:20px;z-index:2;accent-color:#00c853}
.frame-pocket-number{position:absolute;top:6px;left:6px;display:grid;place-items:center;width:23px;height:23px;background:#06140ee6;color:#e7f9ed;border-radius:4px;font-size:11px;z-index:1}
.frame-pocket-choice img,.frame-pocket-empty{display:block;width:100%;aspect-ratio:63/88;object-fit:contain;max-height:130px}
.frame-pocket-empty{display:grid;place-items:center;color:#719c7e;font-size:28px}
.frame-pocket-name{display:block;font-size:10px;line-height:1.3;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}