.osp-designer{--osp-ink:#193644;--osp-accent:#ef7815;--osp-border:#dce5eb;width:100%;font-family:inherit;color:var(--osp-ink);margin:0 0 22px;line-height:1.5}
.osp-designer *{box-sizing:border-box}.osp-designer header{margin-bottom:20px}.osp-eyebrow{font-size:11px;letter-spacing:1.3px;font-weight:700;color:#a84708}.osp-designer h2{font-size:25px;line-height:1.2;margin:7px 0 10px}.osp-designer header p{margin:0;font-size:12px;color:#536873}
.osp-designer fieldset{padding:0;border:0;margin:0 0 20px;min-width:0}.osp-designer legend{font-weight:700;font-size:16px;padding:0;margin-bottom:12px;float:none;width:auto}.osp-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.osp-model,.osp-color{position:relative;cursor:pointer;margin:0!important;display:block!important;min-width:0}
.osp-model input,.osp-color input{position:absolute;width:1px;height:1px;opacity:0}.osp-model-card{display:flex;flex-direction:column;align-items:center;text-align:center;border:2px solid var(--osp-border);border-radius:10px;padding:9px 6px;background:#fff;min-height:105px}.osp-model-card strong{font-size:13px}.osp-model-card small{color:#657986;font-size:11px}.osp-thumb{display:block;width:100%;height:47px}.osp-thumb svg,.osp-model-card img{display:block;width:100%;height:47px;object-fit:contain}.osp-model input:checked+.osp-model-card,.osp-color input:checked+.osp-color-card{border-color:var(--osp-accent);background:#fff8f2}.osp-model input:focus-visible+.osp-model-card,.osp-color input:focus-visible+.osp-color-card{outline:3px solid #1267aa;outline-offset:3px}
.osp-field{margin-bottom:15px}.osp-field>label{display:block;font-weight:600;font-size:14px;margin-bottom:6px}.osp-field input,.osp-field select{display:block;width:100%;min-height:48px;background:#fff;color:#183340;border:1px solid #bdcbd4;border-radius:8px;padding:11px 13px;font-size:16px;font-family:inherit;line-height:1.4;box-shadow:none}.osp-field input:focus,.osp-field select:focus{outline:2px solid #ef7815;outline-offset:2px}.osp-field input[aria-invalid=true],.osp-field select[aria-invalid=true]{border-color:#ad2727}.osp-field>small{display:flex;justify-content:space-between;color:#637785;font-size:11px;margin-top:5px}.osp-field-error{display:block;color:#a52626;font-size:12px;margin-top:4px}.osp-color-grid{display:flex;gap:10px;flex-wrap:wrap}.osp-color-card{display:flex;gap:9px;align-items:center;border:2px solid var(--osp-border);border-radius:9px;min-height:48px;padding:8px 16px;font-size:14px;font-weight:600}.osp-color-card i{width:22px;height:22px;border:1px solid #899aa6;border-radius:50%;display:inline-block}
.osp-live-preview{margin:0 0 22px;border:1px solid #dce5eb;border-radius:14px;background:#f4f8fb;padding:15px;width:100%}.osp-preview-label{display:flex;justify-content:space-between;gap:10px;align-items:center;font-weight:700;font-size:14px;margin-bottom:15px;color:#193644}.osp-live-dot{font-size:10px;font-weight:400;color:#496c60}.osp-live-dot:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#309569;margin-right:5px}.osp-svg{background:white;border-radius:8px;border:1px solid #e2e8ec;box-shadow:0 5px 16px #1d3a4b09;aspect-ratio:41/16;display:flex;align-items:center;overflow:hidden}.osp-svg svg{display:block;width:100%;height:100%}.osp-live-preview figcaption{font-size:11px;line-height:1.5;color:#637883;margin:12px 0 0}.osp-gallery-preview:empty{display:none}.osp-gallery-preview .osp-live-preview{padding:23px;margin-bottom:25px}.osp-gallery-preview .osp-svg{min-height:180px}
.osp-confirm{border:1px solid #e2e7eb;background:#f7fafc;padding:13px;border-radius:9px;margin:8px 0 10px}.osp-confirm>label{display:flex!important;gap:10px;align-items:flex-start;font-size:12px;line-height:1.5;font-weight:500}.osp-confirm input[type=checkbox]{width:20px;height:20px;flex:0 0 20px;margin:0;accent-color:#ef7815}.osp-approval-error{font-size:12px;color:#a52626;margin:7px 0 0}.osp-approval-error:empty{display:none}.osp-status{font-size:11px;color:#566e7b;margin:12px 0}.summary form.cart:has(.osp-designer){display:flex!important;flex-wrap:wrap;gap:10px;align-items:flex-start}.summary form.cart:has(.osp-designer)>.osp-designer{flex-basis:100%}.summary form.cart:has(.osp-designer)>.variations{flex-basis:100%}.osp-designer label:has(input:checked){font-weight:inherit}
@media(max-width:899px){.osp-designer{margin-top:18px}.osp-designer h2{font-size:23px}.osp-live-preview{padding:13px}.osp-gallery-preview{display:none}.osp-preview-label{font-size:13px}.osp-model-grid{gap:7px}.osp-model-card{min-height:100px}.osp-confirm>label{font-size:13px}.osp-field input{min-height:50px}}
@media(prefers-reduced-motion:reduce){.osp-designer *{transition:none!important;animation:none!important}}