.mockup-lab{margin:0 0 44px;padding:28px;border:1px solid #e6d8cf;border-radius:24px;background:#fffaf6;min-width:0;scroll-margin-top:18px}
.mockup-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}
.mockup-heading h2{font-size:clamp(22px,3vw,32px);letter-spacing:-.045em;margin:8px 0}
.mockup-heading .eyebrow{margin:0;color:#a06f5b;letter-spacing:.15em}
.selected-art{display:flex;align-items:center;gap:13px;max-width:390px;min-width:0}
.mockup-lab #previewImage{width:78px;height:78px;aspect-ratio:1;object-fit:contain;flex-shrink:0}
.selected-art strong,.selected-art span{display:block;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.selected-art .note{margin:6px 0 0;font-size:10.5px}
.mockup-toolbar{display:grid;grid-template-columns:1fr 1.15fr;gap:20px;margin-bottom:14px}
.mockup-toolbar strong{font-size:12px;font-weight:650;display:block;margin-bottom:9px;color:#725d52}
.mockup-options{display:flex;gap:6px;flex-wrap:wrap;min-width:0}
.mockup-choice,.mockup-zoom,.mockup-tools button{border:1px solid #dfcdc1;border-radius:9px;background:#fffdfb;color:#725747;padding:9px 12px;font:600 11.5px/1.4 Paperlogy,sans-serif;cursor:pointer;min-width:0;overflow-wrap:anywhere}
.mockup-choice[aria-pressed=true]{background:#ecd6c7;border-color:#bc9077;color:#604535}
.mockup-choice:focus-visible,.mockup-zoom:focus-visible,.mockup-tools button:focus-visible{outline:2px solid #b77d6d;outline-offset:2px}
.mockup-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:17px 0 14px}
.mockup-tools>label{display:flex;flex-direction:row;align-items:center;gap:7px;margin:0;font-size:11px;font-weight:500}
.mockup-tools input{width:15px;height:15px;accent-color:#b77d6d;margin:0}
.mockup-tools>div{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.mockup-custom{display:flex;gap:14px;max-width:400px}.mockup-custom label{min-width:0;flex:1;font-size:11.5px}
.mockup-color-switch{display:flex;gap:7px;justify-content:flex-end;margin-top:14px}
.shirt-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.shirt-card{border:1px solid #e5d9cf;border-radius:18px;overflow:hidden;background:#ece5df;min-width:0;transition:border-color .2s}
.shirt-card.chosen{border-color:#bc9077;box-shadow:0 0 0 1px #bc907733}
.shirt-stage{position:relative;aspect-ratio:3/4;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#f5f1ec,#e5ddd4)}
.shirt-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block;filter:drop-shadow(0 8px 8px #5c4e3f14);pointer-events:none}
.print-plane{position:absolute;display:flex;align-items:center;justify-content:center;z-index:1}
.ink-box{position:relative;overflow:hidden;flex:none}
.ink-box img{position:absolute;height:auto;max-width:none;display:block;opacity:.97;pointer-events:none}
.show-area .print-plane{outline:1px dashed #ad7957;outline-offset:4px}
.print-measure{display:none;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%);padding:3px 6px;border-radius:5px;background:#fffaf4e8;color:#73523c;font:500 10.5px/1.3 Paperlogy,sans-serif;white-space:nowrap}
.show-area .print-measure{display:block}
.shirt-footer{display:flex;justify-content:space-between;gap:8px;align-items:center;background:#fffaf6;padding:12px 16px}
.shirt-footer strong{font-size:12px;font-weight:600}.mockup-zoom{font-size:10.5px;padding:7px 9px;background:transparent}
.mockup-dimensions{font-size:12px;font-weight:600;line-height:1.6;color:#795844;margin:16px 0 6px}
.mockup-lab>.note{margin:7px 0;font-size:11px}
#mockupDialog{padding:14px;border:1px solid #d5bbab;border-radius:16px;background:#f7f0e9;width:min(640px,calc(100vw - 28px));max-height:94vh;overflow:auto}
#mockupDialog::backdrop{background:#30261ecc;backdrop-filter:blur(4px)}
.mockup-dialog-toolbar{display:flex;justify-content:flex-end;margin-bottom:8px;position:sticky;top:0;z-index:3}
#closeMockup{font:600 12px Paperlogy,sans-serif;border:1px solid #d5bbab;border-radius:8px;background:#fff9f2;padding:9px 15px;cursor:pointer}
#mockupZoomContent .shirt-stage{border-radius:9px;width:100%}
.gallery-mockup-action{display:block;width:100%;margin-top:10px;padding:12px;border:1px solid #d4b49c;border-radius:10px;background:#ead4c2;color:#65452f;font:650 13px Paperlogy,sans-serif;cursor:pointer}
@media(max-width:780px){.mockup-heading{align-items:flex-start;flex-direction:column;gap:12px}.selected-art{max-width:100%}.mockup-toolbar{grid-template-columns:1fr;gap:14px}.mockup-lab{padding:20px}.shirt-comparison{gap:10px}}
@media(max-width:540px){.mockup-lab{padding:14px;border-radius:16px;margin-bottom:30px}.mockup-lab #previewImage{width:62px;height:62px}.selected-art strong{font-size:11px}.mockup-choice{padding:8px 9px;font-size:10.5px}.mockup-tools{align-items:flex-start;flex-direction:column;gap:10px}.mockup-tools>div{justify-content:flex-start}.shirt-footer{padding:10px 8px;flex-wrap:wrap}.shirt-footer strong{font-size:10.5px}.mockup-zoom{font-size:10.5px;padding:5px 7px}.print-measure{font-size:10.5px;padding:2px 4px}.mockup-dimensions{font-size:11px}.shirt-card{border-radius:11px}.shirt-comparison{gap:8px}.mockup-lab>.note{font-size:10.5px}}
@media(max-width:540px){.shirt-comparison{grid-template-columns:1fr}.shirt-comparison[data-preview-color=white] .shirt-card[data-color=black],.shirt-comparison[data-preview-color=black] .shirt-card[data-color=white]{display:none}.mockup-color-switch{justify-content:flex-start}.mockup-color-switch .mockup-choice{min-width:78px}.shirt-footer{flex-wrap:nowrap;padding:12px}}

.mockup-choice:disabled,.choice-btn:disabled,.choice-btn:disabled:hover{opacity:.38;cursor:not-allowed;background:#eee9e4;color:#8c827c;border-color:#e1d9d2;box-shadow:none}

.ink-box img.white-ink{filter:brightness(0) invert(1)}
.ink-box img.ink-outline{filter:drop-shadow(.65px 0 #fff4df) drop-shadow(-.65px 0 #fff4df) drop-shadow(0 .65px #fff4df) drop-shadow(0 -.65px #fff4df)}