.swatch.gray{background:#7c7c7c}
.photo-print-area{overflow:hidden}.photo-print-area .box-ink{outline-offset:0}
.proposed-print-region{outline:2px dashed #dec38c;outline-offset:0;background:#ffffff08}
#card-notebook{order:1}#card-outside{order:2}#card-pen{order:3;grid-column:1/-1}#usb-preview{order:4;grid-column:1/-1}
#card-notebook>.scene,#card-outside>.scene{aspect-ratio:.78;background:#fff}#card-pen>.scene{aspect-ratio:7}
.notebook-pair{grid-template-columns:43% 57%}.preview-footnote{line-height:1.9}
.stock-note{border-top:1px solid var(--border);padding-top:12px;line-height:1.8}
.review-back{font:inherit;line-height:1.5;padding:12px 20px}
.usb-choice{border:1px solid var(--border);border-radius:12px;padding:10px 13px;width:100%;margin:0;display:flex;flex-wrap:wrap;gap:14px}
.usb-choice legend{font-size:13px;padding:0 5px}.usb-choice label{display:flex;align-items:center;gap:6px;cursor:pointer}.usb-choice input{accent-color:var(--red);width:18px;height:18px;margin:0}.usb-choice small{display:block;width:100%;font-size:10px;color:var(--muted)}
.usb-reference{position:relative;aspect-ratio:4.3;overflow:hidden;background:#fff}.usb-reference img{position:absolute;width:100%;height:auto;top:50%;transform:translateY(-50%)}
#usb-preview[hidden]{display:none}.preview-caption>span{font-size:10px;color:var(--muted)}
.preview-grid .drag-hint{font-size:8px;padding:3px 5px;white-space:normal;width:max-content;max-width:95%;text-align:center}
@media(max-width:700px){#card-notebook>.scene,#card-outside>.scene{aspect-ratio:.72}#card-pen>.scene{aspect-ratio:6}.part-field input,.part-field textarea,.font-select{scroll-margin-top:16px}.preview-grid .drag-hint{font-size:7px}.preview-panel{position:relative;top:auto}}
#card-usb{order:4;grid-column:1/-1}#card-usb>.scene{aspect-ratio:4.3}
.preview-card[hidden],.part-editor[hidden]{display:none!important}
.usb-choice{gap:8px;display:grid;grid-template-columns:1fr 1fr}
.usb-choice label{padding:9px 7px;border:1px solid var(--border);border-radius:9px;font-size:12px}
.usb-choice label:has(input:checked){border-color:var(--red);background:#fff7f7}
.usb-choice label span small{display:block;color:var(--muted);font-size:10px}
.usb-choice .usb-explanation,.usb-choice output{grid-column:1/-1;font-size:11px;color:var(--muted)}
.review-usb-summary{background:#faf5ef;padding:12px;border-radius:10px;font-size:13px;margin-bottom:15px}
@media(max-width:700px){#card-usb>.scene{aspect-ratio:4}}
#card-outside{grid-column:auto}.keyboard-open .preview-grid{grid-template-columns:1fr 1fr}
#review-dialog .review-notebook{aspect-ratio:6/7;max-height:350px}