.preview-ribbon{background:#e9e8e2;color:#373932;padding:9px 20px;text-align:center;font:12px/1.5 Arial,sans-serif}.b2b-gallery{width:100%;min-width:0}.gallery-main{display:block;width:100%;aspect-ratio:3/4;background:#eee;overflow:hidden;border:0;border-radius:5px;padding:0;cursor:zoom-in}.gallery-main>img{display:block;width:100%;height:100%;object-fit:contain}.gallery-thumbs{display:flex;gap:8px;overflow-x:auto;padding:10px 0}.gallery-thumb{border:1px solid #ccc;border-radius:4px;background:#eee;padding:3px;width:65px;min-width:65px;aspect-ratio:3/4}.gallery-thumb[aria-pressed=true]{border:2px solid #222}.gallery-thumb>img{width:100%;height:100%;object-fit:contain}.gallery-caption{font-size:12px;color:#62645e;margin:4px 0}.calc-photo{background:transparent;overflow:visible}.catalog-visual{background:transparent}.stock-note{font-size:13px;color:#6f5741;margin:12px 0}.sample-choice{display:flex;gap:10px;align-items:center;margin-top:20px;font-weight:600}.sample-choice input{width:18px;height:18px}.sample-choice[hidden]{display:none}.calc-controls>.control-label{display:block;margin-bottom:12px}.calc-finish>.button{margin:8px 10px 8px 0}.b2b-lightbox{width:94vw;height:94dvh;max-width:1400px;background:#efefed;border:0;border-radius:8px;padding:16px;color:#222}.lightbox-bar{display:flex;align-items:center;gap:16px;min-height:44px}.lightbox-bar p{flex:1}.lightbox-scroll{height:calc(100% - 60px);overflow:auto;text-align:center}.lightbox-scroll img{width:100%;height:100%;object-fit:contain}.lightbox-scroll img.zoom{height:auto;width:auto;max-width:none}.b2b-editor{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#f6f6f3;color:#252823;font-family:Arial,Helvetica,sans-serif}.b2b-editor::backdrop,.b2b-lightbox::backdrop{background:#0009}.editor-header{display:flex;gap:22px;align-items:center;border-bottom:1px solid #ddd;padding:14px 24px;background:#fff}.editor-header>div{flex:1}.editor-header strong{font-size:21px}.editor-header p{margin:5px 0;font-size:12px}.editor-save-status{font-size:11px;color:#73776d;max-width:130px}.editor-grid{display:grid;grid-template-columns:260px minmax(300px,1fr) 260px;min-height:calc(100dvh - 100px)}.editor-tools,.editor-properties{padding:24px 20px;border-right:1px solid #ddd;background:#fff}.editor-properties{border-left:1px solid #ddd;border-right:0}.b2b-editor h3{font-size:15px;margin:20px 0 14px}.b2b-editor select,.editor-properties input:not([type=color]){width:100%;padding:10px;border:1px solid #ccc;border-radius:6px;background:#fff;color:#252823}.editor-properties label{display:block;font-size:12px;margin:12px 0}.editor-properties input{display:block;margin-top:7px}.editor-properties input[type=color]{width:100%;height:36px;border:1px solid #ddd}.editor-tools>.button{width:100%;font-size:12px;white-space:normal;margin:8px 0;min-height:44px}.editor-stage-wrap{padding:24px;min-width:0}.editor-art{position:relative;max-width:650px;aspect-ratio:1;margin:16px auto;background:#eaeae8}.editor-art>img{width:100%;height:100%;object-fit:contain}.editor-art--mug{aspect-ratio:220/85;margin:90px auto;background:#fff}.print-surface{position:absolute;border:1.5px solid #5b8274;overflow:hidden;background:#afcabc16;touch-action:none}.mug-guide{position:absolute;top:5.882%;height:88.236%;width:34.091%;border:1px dashed #789187;color:#61756c;font-size:10px;padding:6px;pointer-events:none}.design-layer{position:absolute;display:flex;align-items:center;justify-content:center;cursor:move;touch-action:none;outline:1px solid transparent}.design-layer.is-selected{outline:1px solid #232}.design-layer img{width:100%;height:100%;object-fit:contain;pointer-events:none}.design-layer span{white-space:pre;line-height:1.05;pointer-events:none}.editor-sides{display:flex;gap:8px;justify-content:center}.side-button{border:1px solid #ccc;border-radius:24px;padding:10px 20px;background:#fff;color:#333}.side-button[aria-pressed=true]{background:#222;color:#fff}.zone-caption{font-size:13px;color:#58645d;text-align:center;line-height:1.5}.editor-warning{font-size:13px;color:#795838;text-align:center;min-height:30px}.original-file{margin:10px 0;border-bottom:1px solid #ddd;font-size:11px;overflow-wrap:anywhere}.original-file button{font-size:11px}.layer-button{display:block;width:100%;padding:10px;text-align:left;overflow-wrap:anywhere;background:#f4f4f1;border:1px solid #ddd;border-radius:5px;margin:5px 0}.resolution-note{font-size:12px;color:#726146}.editor-properties details{border-top:1px solid #ddd;padding-top:20px;margin-top:25px;font-size:12px}.editor-properties details label{display:flex;gap:8px}.editor-properties details input{width:16px!important;margin:0}.editor-properties .button{white-space:normal;font-size:12px;margin:10px 0}.review-position{padding:18px 0;border-bottom:1px solid #ccc}.review-position h3{font-size:16px}.review-order{white-space:pre-wrap;font-family:inherit;font-size:13px}.b2b-editor button:focus-visible,.b2b-editor input:focus-visible{outline:2px solid #579179;outline-offset:3px}.design-status{font-size:12px;color:#5c7269}.builder-dialog .calc-photo .gallery-main{height:auto;max-height:none}.catalog-visual .gallery-main{height:auto}.catalog-visual .gallery-thumbs img{height:100%;aspect-ratio:auto}
@media(max-width:1000px){.editor-grid{grid-template-columns:210px minmax(250px,1fr)}.editor-properties{grid-column:1/-1;border-top:1px solid #ddd;display:block}.editor-properties>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.editor-header{padding:12px;gap:12px}.editor-save-status{display:none}}
@media(max-width:700px){.editor-header{flex-wrap:wrap}.editor-header>.button{font-size:12px;padding:10px}.editor-grid{display:flex;flex-direction:column}.editor-stage-wrap{order:0;padding:16px}.editor-tools{order:1}.editor-properties{order:2}.editor-art{max-width:440px}.editor-art--mug{margin:35px auto}.editor-properties>div{grid-template-columns:1fr 1fr}.editor-tools{border-top:1px solid #ddd}.b2b-lightbox{padding:8px}.lightbox-bar{gap:8px;font-size:11px}.lightbox-bar button{font-size:11px}.calc-photo .gallery-main{max-height:450px}.calc-controls .size-quantities{grid-template-columns:repeat(3,1fr)}}
.b2b-ready-artwork{width:min(960px,calc(100vw - 24px));max-width:960px;max-height:94dvh;padding:0;border:1px solid #ddd;border-radius:16px;background:#fafafa;color:#181818;overflow:auto}.b2b-ready-artwork::backdrop{background:#000a}.ready-artwork-body{padding:26px}.ready-intro{max-width:760px;line-height:1.6}.ready-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.ready-upload-card{background:#fff;border:1px solid #dedede;border-radius:12px;padding:22px}.ready-upload-card h3{font-size:22px;margin:0 0 12px}.ready-upload-card p{line-height:1.5}.b2b-ready-artwork input[type=url],.b2b-ready-artwork select,.b2b-ready-artwork textarea{display:block;width:100%;box-sizing:border-box;color:#161616;background:#fff;border:1px solid #ccc;border-radius:8px;padding:12px;margin:8px 0 18px;font:inherit}.ready-file-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #eee;padding:12px 0;overflow-wrap:anywhere}.ready-file-item span{min-width:0}.ready-upload-help,.ready-file-status{font-size:14px;color:#555}.ready-upload-help{line-height:1.6}.b2b-ready-artwork .text-action{margin:10px 0}.b2b-ready-artwork .editor-header{position:sticky;top:0;z-index:2;background:#fff}.b2b-ready-artwork .editor-header h2{font-size:24px;margin:0}@media(max-width:680px){.ready-upload-grid{grid-template-columns:1fr}.ready-artwork-body{padding:16px}.b2b-ready-artwork .editor-header{flex-wrap:wrap;padding:16px}.ready-upload-card{padding:18px}}

.artwork-choices{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}.artwork-choice{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:24px;border:2px solid #222;border-radius:14px;background:#fff;color:#151515;text-align:left;cursor:pointer;font:inherit}.artwork-choice strong{font-size:23px;font-weight:800}.artwork-choice>span{line-height:1.5}.artwork-choice .artwork-choice-action{margin-top:auto;font-weight:750;text-decoration:underline;text-underline-offset:4px}.artwork-choice:hover,.artwork-choice:focus-visible{background:#eef1ee;border-color:#111;box-shadow:0 0 0 3px #ddd}.attachment[hidden]{display:none!important}.calc-finish>.artwork-choices{flex-basis:100%}@media(max-width:650px){.artwork-choices{grid-template-columns:1fr}.artwork-choice{padding:20px}}