.mwop-shell{--ink:#17202a;--muted:#667085;--line:#d8dee8;--accent:#b51f2e;max-width:1080px;margin:32px auto;color:var(--ink);font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}.mwop-shell *{box-sizing:border-box}.mwop-heading{margin-bottom:24px}.mwop-heading h2{font-size:34px;margin:2px 0}.mwop-kicker{font-weight:800;letter-spacing:.12em;color:var(--accent)}.mwop-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;margin:18px 0;box-shadow:0 3px 16px rgba(23,32,42,.05)}.mwop-card h3{font-size:20px;margin:0 0 20px}.mwop-card h3 span{display:inline-grid;place-items:center;background:var(--ink);color:#fff;border-radius:50%;min-width:30px;height:30px;padding:0 7px;margin-right:8px}.mwop-section-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.mwop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mwop-wide{grid-column:1/-1}.mwop-shell label,.mwop-shell legend{font-weight:650;display:block}.mwop-shell input:not([type=radio]):not([type=checkbox]),.mwop-shell select,.mwop-shell textarea{width:100%;margin-top:6px;border:1px solid #aeb8c7;border-radius:7px;padding:11px;background:#fff;color:var(--ink);font:inherit}.mwop-shell fieldset{border:0;padding:0;margin:14px 0}.mwop-inline{display:flex;gap:18px;flex-wrap:wrap}.mwop-inline legend{width:100%}.mwop-inline label,.mwop-check,.mwop-confirm{font-weight:500}.mwop-item{border-top:3px solid var(--ink);padding:20px 0 8px;margin-top:20px}.mwop-item-head,.mwop-section-head{display:flex;justify-content:space-between;align-items:center}.mwop-item h4{font-size:19px;margin:0}.mwop-remove{background:none;border:0;color:var(--accent);cursor:pointer;text-decoration:underline}.mwop-swatches>div{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 15px}.mwop-swatch{position:relative;border:1px solid var(--line);border-radius:9px;padding:8px 12px 8px 8px;display:flex!important;align-items:center;gap:8px;cursor:pointer;font-weight:500!important}.mwop-swatch input{position:absolute;opacity:0}.mwop-swatch:has(input:checked){border:2px solid var(--accent);padding:7px 11px 7px 7px;box-shadow:0 0 0 2px rgba(181,31,46,.12)}.mwop-swatch:has(input:focus-visible){outline:3px solid #74a7ff;outline-offset:2px}.mwop-chip{width:32px;height:32px;background:var(--swatch);border-radius:6px;border:1px solid rgba(0,0,0,.15);background-image:var(--image);background-size:cover;background-position:center}.mwop-chip-placeholder{background:linear-gradient(135deg,#eef1f5 25%,#dce2ea 25%,#dce2ea 50%,#eef1f5 50%,#eef1f5 75%,#dce2ea 75%)!important;background-size:12px 12px!important}.mwop-color-swatches>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:10px}.mwop-color-swatch{aspect-ratio:1/1;padding:0!important;min-width:0;overflow:hidden;justify-content:center;background:#f7f9fc}.mwop-color-swatch .mwop-chip{width:100%;height:100%;border:0;border-radius:8px;background-size:cover;background-position:center}.mwop-color-swatch .mwop-swatch-name{position:absolute;inset:auto 4px 4px;background:rgba(255,255,255,.9);border-radius:5px;padding:2px 4px;max-width:calc(100% - 8px);font-size:11px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mwop-color-swatch:has(input:checked)::after{content:"✓";position:absolute;right:5px;top:5px;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 1px 4px rgba(0,0,0,.22)}.mwop-color-preview{margin:8px 0 10px}.mwop-preview-button{display:flex;align-items:center;gap:12px;width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px;text-align:left;cursor:zoom-in}.mwop-preview-button:focus-visible{outline:3px solid #74a7ff;outline-offset:2px}.mwop-preview-summary{cursor:default}.mwop-preview-image{width:96px;height:96px;border-radius:8px;border:1px solid rgba(0,0,0,.12);background-size:cover;background-position:center;flex:0 0 auto}.mwop-preview-name{font-weight:800;color:#111!important;line-height:1.25;white-space:normal;word-break:normal;overflow-wrap:normal;flex:1 1 auto;min-width:0}.mwop-sides-synced{opacity:.72}.mwop-sides-synced:before{content:"Left & Right is synced from Top & Bottom.";display:block;color:var(--muted);font-size:14px;margin:3px 0 8px}.mwop-modal{position:fixed;inset:0;background:rgba(15,23,42,.72);z-index:99999;display:grid;place-items:center;padding:18px}.mwop-modal-panel{position:relative;max-width:min(760px,96vw);max-height:94vh;background:#fff;border-radius:12px;padding:18px;box-shadow:0 20px 70px rgba(0,0,0,.35);overflow:auto}.mwop-modal-image{width:min(680px,86vw);height:min(680px,70vh);background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:8px}.mwop-modal-panel p{margin:12px 42px 0 0;font-weight:750;color:#111}.mwop-modal-close{position:absolute;right:10px;top:10px;border:0;background:#fff;color:var(--ink);border-radius:50%;width:34px;height:34px;font-size:26px;line-height:1;cursor:pointer}.mwop-modal-close:focus-visible{outline:3px solid #74a7ff;outline-offset:2px}.mwop-help{color:var(--muted);font-size:14px}.mwop-secondary,.mwop-submit,.mwop-shell button[type=submit]{border:1px solid var(--ink);border-radius:8px;padding:10px 16px;background:#fff;color:var(--ink);font-weight:750;cursor:pointer}.mwop-submit,.mwop-shell button[type=submit]{background:var(--accent);border-color:var(--accent);color:#fff;font-size:16px;margin-top:16px}.mwop-submit:disabled{opacity:.6;cursor:wait}.mwop-summary{background:#f6f8fb;border-radius:10px;padding:4px 16px;margin:15px 0}.mwop-summary:empty{display:none}.mwop-summary h4{margin:14px 0 3px}.mwop-summary p{margin:3px 0 14px}.mwop-confirm{padding:12px 0}.mwop-error,#mwop-message{color:#a31320;font-weight:650;margin-top:12px}.mwop-success{text-align:center;padding:50px 22px;border:2px solid #16834b;border-radius:14px;background:#f0fff7}.mwop-success strong{font-size:25px;letter-spacing:.04em}.mwop-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.mwop-shell [hidden]{display:none!important}@media(min-width:681px){.mwop-color-swatches[data-group="marker_color"]>div,.mwop-color-swatches[data-group="stitching_color"]>div{display:flex;flex-wrap:wrap;gap:8px}.mwop-color-swatches[data-group="marker_color"] .mwop-color-preview,.mwop-color-swatches[data-group="stitching_color"] .mwop-color-preview{display:none}.mwop-color-swatches[data-group="marker_color"] .mwop-color-swatch,.mwop-color-swatches[data-group="stitching_color"] .mwop-color-swatch{aspect-ratio:auto;padding:8px 12px 8px 8px!important;background:#fff;overflow:visible}.mwop-color-swatches[data-group="marker_color"] .mwop-color-swatch .mwop-chip,.mwop-color-swatches[data-group="stitching_color"] .mwop-color-swatch .mwop-chip{width:32px;height:32px;border:1px solid rgba(0,0,0,.15);border-radius:6px}.mwop-color-swatches[data-group="marker_color"] .mwop-color-swatch .mwop-swatch-name,.mwop-color-swatches[data-group="stitching_color"] .mwop-color-swatch .mwop-swatch-name{position:static;background:transparent;border-radius:0;padding:0;max-width:none;font-size:15px;line-height:1.5;white-space:normal;overflow:visible;text-overflow:clip}}@media(max-width:680px){.mwop-shell{margin:15px 0}.mwop-card{padding:17px;border-radius:10px}.mwop-grid{grid-template-columns:1fr}.mwop-wide{grid-column:auto}.mwop-section-head{align-items:flex-start;flex-direction:column}.mwop-shipping-destination{display:grid;gap:9px}.mwop-shipping-destination label{padding:8px 0;line-height:1.25}.mwop-swatches:not(.mwop-color-swatches):not(.mwop-material-swatches)>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.mwop-material-swatches{margin-bottom:8px}.mwop-material-swatches>div{display:flex;flex-wrap:wrap;gap:7px;margin:6px 0 10px}.mwop-material-swatch{padding:7px 10px!important;border-radius:999px;background:#fff;min-height:38px;line-height:1.15}.mwop-material-swatch .mwop-chip{display:none}.mwop-material-swatch:has(input:checked){padding:6px 9px!important}.mwop-material-swatch:has(input:checked)::after{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;font-weight:900;margin-left:1px}.mwop-color-swatches>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.mwop-color-swatch{min-height:0}.mwop-color-swatch .mwop-swatch-name{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.mwop-preview-button{gap:10px;padding:8px}.mwop-preview-image{width:64px;height:64px}.mwop-preview-name{font-size:15px}.mwop-swatch{min-width:0}.mwop-heading h2{font-size:28px}}@media(max-width:340px){.mwop-color-swatches>div{grid-template-columns:repeat(4,minmax(0,1fr))}.mwop-card{padding:14px}.mwop-color-swatches>div{gap:6px}.mwop-preview-image{width:58px;height:58px}}
.mwop-color-swatches>.mwop-color-preview{display:block!important;grid-template-columns:none!important;gap:0!important;width:100%;max-width:100%;margin:8px 0 10px}.mwop-color-swatches>.mwop-color-preview .mwop-preview-button{display:flex;align-items:center;width:100%;max-width:100%}.mwop-color-swatches>.mwop-color-preview .mwop-preview-image{flex:0 0 auto}.mwop-color-swatches>.mwop-color-preview .mwop-preview-name{display:block;flex:1 1 auto;min-width:0;width:auto;max-width:none;color:#111!important;word-break:normal;overflow-wrap:normal;white-space:normal}@media(max-width:680px){.mwop-color-swatches>.mwop-color-preview{display:block!important;width:100%;max-width:100%}.mwop-color-swatches>.mwop-color-preview .mwop-preview-button{width:100%;max-width:100%}}@media(max-width:340px){.mwop-color-swatches>.mwop-color-preview{display:block!important;gap:0!important}}
.mwop-item-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.mwop-quantity{display:block;max-width:260px;margin:14px 0 8px}.mwop-design-summary{background:#f6f8fb;border:1px solid var(--line);border-radius:10px;padding:12px;margin:12px 0;color:#111}.mwop-design-summary .mwop-secondary{margin-top:10px}@media(max-width:680px){.mwop-item-head{align-items:flex-start;gap:10px}.mwop-item-actions{justify-content:flex-start}.mwop-quantity{max-width:100%}.mwop-copy-design,.mwop-edit-design{width:100%;text-align:center}}
.mwop-shell{font-size:16px}.mwop-shell input:not([type=radio]):not([type=checkbox]),.mwop-shell select,.mwop-shell textarea{min-height:44px;font-size:16px}.mwop-shell label,.mwop-shell legend{font-size:15px}.mwop-shell .mwop-help,.mwop-shell .mwop-option-help{color:#5f6977;font-size:13.5px;line-height:1.35}.mwop-card{box-shadow:0 2px 12px rgba(23,32,42,.04)}.mwop-card h3{font-size:20px}.mwop-heading p:not(.mwop-kicker){color:#3f4854;font-size:16px;max-width:680px}.mwop-item{padding-top:18px}.mwop-item h4{font-size:20px}.mwop-quantity{max-width:220px;margin:14px 0 14px}.mwop-quantity input{max-width:140px}.mwop-quantity .mwop-help{display:block;margin-top:4px}.mwop-add-cover{display:block;margin-top:14px}.mwop-add-limit{color:var(--muted);font-size:14px;margin:10px 0 0}.mwop-option-line{display:flex!important;align-items:flex-start;gap:10px;padding:8px 0;font-weight:500!important;line-height:1.3}.mwop-option-line input{flex:0 0 auto;margin-top:4px}.mwop-option-line strong{display:block;color:var(--ink);font-size:15px;font-weight:750}.mwop-option-help{display:block;margin-top:2px;font-weight:500}.mwop-shipping-methods{gap:22px}.mwop-paddle-field .mwop-help{width:100%;margin:2px 0 0}.mwop-vehicle .mwop-help{display:block;margin-top:5px}.mwop-shell #mwop-review{background:var(--accent);border-color:var(--accent);color:#fff;font-size:16px;min-height:44px}.mwop-shell #mwop-review:disabled{opacity:.6;cursor:wait}.mwop-secondary{min-height:44px}.mwop-submit{min-height:46px}.mwop-text-swatches .mwop-swatch:has(input:checked)::after{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;font-weight:900}@media(max-width:680px){.mwop-shell{font-size:16px}.mwop-card{margin:16px 0;padding:17px}.mwop-card h3{font-size:19px;margin-bottom:16px}.mwop-grid{gap:15px}.mwop-item{margin-top:18px}.mwop-item-head{margin-bottom:4px}.mwop-quantity{max-width:190px;margin:12px 0 14px}.mwop-quantity input{max-width:128px}.mwop-add-cover{width:100%;text-align:center}.mwop-shipping-methods{display:grid;gap:8px}.mwop-option-line{min-height:44px;padding:8px 0}.mwop-inline:not(.mwop-shipping-methods){gap:12px}.mwop-paddle-field label{min-height:44px;display:flex;align-items:center;gap:7px}.mwop-heading{margin-bottom:18px}.mwop-heading h2{font-size:28px}.mwop-heading p:not(.mwop-kicker){font-size:15px}.mwop-section-head{gap:8px}}
.mwop-shell textarea[name="shipping_information_full"]{width:100%;min-height:190px;resize:vertical;white-space:pre-wrap}.mwop-shell .mwop-preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}
.mwop-shell img.mwop-chip,.mwop-shell img.mwop-preview-image{display:block;object-fit:cover}.mwop-shell img.mwop-modal-image{display:block;object-fit:contain}
.mwop-shell .mwop-required{color:#b51f2e;font-weight:900}.mwop-shell .mwop-packing-notice{margin:0;color:var(--ink);font-size:16px;line-height:1.5}
.mwop-shell .mwop-country-field{min-width:0}.mwop-shell .mwop-country-field label{display:block}.mwop-shell .mwop-country-field select{margin-top:6px}
.mwop-shell .mwop-file-status{display:block;min-height:1.25em;margin-top:4px;color:#425466;font-size:13px;font-weight:600}.mwop-shell .mwop-file-status.mwop-file-error{color:#a31320}
.mwop-shell .mwop-rear-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:13px;border:1px solid var(--line);border-radius:10px;background:#f8fafc}.mwop-shell .mwop-rear-control legend{grid-column:1/-1;width:100%;padding:0 0 8px;color:var(--ink);font-weight:750}.mwop-shell .mwop-rear-control label{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;margin:0;border:1px solid #aeb8c7;border-radius:8px;background:#fff;color:var(--ink);font-weight:750;cursor:pointer}.mwop-shell .mwop-rear-control input{position:absolute;opacity:0}.mwop-shell .mwop-rear-control label:has(input:checked){border:2px solid var(--accent);background:#fff5f6;color:#8f1724}.mwop-shell .mwop-rear-control label:has(input:checked) span:before{content:"✓ ";font-weight:900}.mwop-shell .mwop-rear-control label:has(input:focus-visible){outline:3px solid #74a7ff;outline-offset:2px}@media(min-width:681px){.mwop-shell .mwop-rear-control{grid-column:auto}}