.cmo-picker{margin:20px 0;border:1px solid #e6e6e6;border-radius:16px;padding:18px;background:#fcfcfc}.cmo-picker h3{font-size:1.15rem;margin:0 0 13px}.cmo-label{font-size:1rem;font-weight:700;margin:18px 0 8px}.cmo-choice-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cmo-choice{display:flex;flex-direction:column;border:2px solid #e2e2e2;border-radius:10px;padding:6px;text-align:center;cursor:pointer;background:#fff;min-width:0}.cmo-choice.selected{border-color:#224f66;box-shadow:0 0 0 1px #224f66}.cmo-choice img{width:100%;aspect-ratio:1;object-fit:contain}.cmo-choice span{font-size:.8rem;font-weight:700}.cmo-choice input{position:absolute;opacity:0;pointer-events:none}.cmo-choice:focus-within{outline:2px solid #297eb2;outline-offset:2px}.cmo-input{display:block;margin:17px 0;font-weight:650}.cmo-input input{margin-top:6px!important;display:block!important;width:100%!important;background:#fff!important;padding:12px!important;border:1px solid #cacaca!important;border-radius:8px!important}.cmo-confirm{border-top:1px solid #e5e5e5;padding-top:14px;margin-top:15px}.cmo-confirm label{display:flex;gap:10px;align-items:start;font-size:.9rem}.cmo-confirm input{width:18px;height:18px;flex-shrink:0}.cmo-help{color:#667;font-size:.78rem;margin-top:14px}.cmo-preview{background:#fff}.cmo-flat-preview{margin:15px 0;border-top:1px solid #e3e3e3;padding:10px}.cmo-flat-preview canvas{display:block;width:100%;height:auto}.cmo-flat-preview summary{font-weight:650;cursor:pointer}.cmo-mug-scene{border:1px solid #e3dfd9;border-radius:15px;background:#fff;padding:10px;overflow:hidden}.cmo-scene-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:.85rem;color:#46515e;font-weight:650}.cmo-face-switch{display:flex;background:#f1f1ee;border-radius:999px;padding:3px;gap:3px}.cmo-face-switch button{border:0;background:transparent;border-radius:999px;color:#333;padding:6px 12px;font-size:.85rem;cursor:pointer}.cmo-face-switch button.selected{color:#fff;background:#314958}#cmo-face{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:10px;margin-top:8px}.cmo-mockup-status{font-size:.8rem;margin:6px 0}.cmo-mockup-status:empty{display:none}.cmo-save-mockup{font-size:.8rem;padding:8px 12px;border-radius:7px;border:1px solid #b6c7ca;background:#f5f9fa;color:#314958;cursor:pointer}@media(max-width:520px){.cmo-picker{padding:12px}.cmo-choice-list{grid-template-columns:repeat(3,minmax(0,1fr))}.cmo-choice span{font-size:.67rem}.cmo-scene-heading{font-size:.76rem}.cmo-face-switch button{padding:6px 10px}}


.cmo-proof{margin:16px 0;padding:14px;border:1px solid #c9d9df;border-radius:10px;background:#f6fafd}.cmo-proof button{background:#12627d;color:white;border:0;padding:11px 14px;border-radius:8px;font-size:.91rem;cursor:pointer}.cmo-proof button:disabled{opacity:.65}.cmo-proof img{display:block;margin:12px auto 0;width:100%;height:auto;max-height:400px;object-fit:contain;border:1px solid #e5e5e5;background:white}.cmo-proof img[hidden]{display:none}.cmo-proof-status{font-size:.85rem}#cmo-proof-status{margin:10px 0 0;color:#47606b;font-size:.85rem}.cmo-input textarea{width:100%;margin-top:6px;display:block;background:white;border:1px solid #cacaca;border-radius:8px;padding:10px}