.cws-editor{font-family:inherit;margin:22px 0 28px;padding:20px;border:1px solid #dce6e7;border-radius:16px;background:#fcfefe;color:#24424c;clear:both}
.cws-editor *{box-sizing:border-box}.cws-editor h3{margin:0 0 8px!important;font-size:22px!important}.cws-note{font-size:13px;opacity:.78}.cws-layout{display:grid;grid-template-columns:minmax(200px,1fr) minmax(255px,1.18fr);gap:20px;align-items:start}
.cws-controls{display:flex;flex-direction:column;gap:6px}.cws-controls label{font-weight:650;font-size:13px;margin-top:9px}.cws-controls label small{font-weight:400;display:block;color:#57717a}.cws-controls input:not([type=range]):not([type=color]),.cws-controls select{width:100%;height:43px;border:1px solid #b8c9ce;background:#fff;border-radius:9px;padding:8px;font-size:15px}
.cws-controls input[type=file]{height:auto!important}.cws-controls input[type=color]{height:43px;width:100%;padding:4px;border-radius:8px;border:1px solid #b8c9ce}.cws-controls input[type=range]{width:100%;accent-color:#077386}.cws-photo-options{display:flex;flex-direction:column;gap:5px;margin-top:9px}.cws-photo-options button{align-self:flex-start;padding:8px 11px;font-size:12px;border-radius:8px;border:1px solid #b9cfd2;background:#fff;cursor:pointer}
.cws-preview-column{width:100%;min-width:0}.cws-product-visual{position:relative;overflow:hidden;width:100%;aspect-ratio:1201/1248;background:white;border-radius:12px}.cws-product-visual img{display:block;object-fit:cover;width:100%;height:100%}.cws-product-visual canvas{position:absolute;left:8.4%;top:4.1%;width:80.3%;height:auto;aspect-ratio:1;border-radius:50%;cursor:grab;touch-action:none}.cws-product-visual canvas:active{cursor:grabbing}.cws-caption{text-align:center;font-size:12px;color:#55757d;margin:7px auto 13px}
.cws-direct{border-top:1px solid #e1e9e9;display:flex;gap:12px;align-items:center;justify-content:center;padding:12px;font-size:12px;color:#607b82}.cws-direct canvas{width:90px;height:90px;background:linear-gradient(135deg,#edd6bd,#f6e4cb);border-radius:50%;border:1px solid #d9c6ae}
.cws-warning{color:#a0371b;font-size:13px;min-height:20px}.cws-approval{display:flex;gap:8px;align-items:flex-start;margin-top:20px;font-size:14px;font-weight:600!important;line-height:1.4}.cws-approval input{margin-top:4px;flex-shrink:0}
.cws-dialog[hidden]{display:none}.cws-dialog{position:fixed;inset:0;z-index:99999;background:rgba(12,35,41,.68);display:flex;align-items:center;justify-content:center;padding:15px;overflow:auto}.cws-dialog-body{width:min(480px,96vw);max-height:95vh;overflow:auto;padding:18px 24px;background:white;border-radius:15px;box-shadow:0 12px 38px #001a2544;text-align:center}.cws-dialog-body h3{font-size:20px!important}.cws-dialog-body canvas{width:min(340px,100%);aspect-ratio:1;border-radius:50%;background:#f1dfc9;border:1px solid #d9c6ae}.cws-dialog-body p{font-size:13px}.cws-dialog-buttons{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.cws-dialog-buttons button{border-radius:10px;padding:12px 18px;cursor:pointer;border:1px solid #a7b8b9;background:#fff}.cws-dialog-buttons #cws-confirm{background:#106c7b;border-color:#106c7b;color:#fff;font-weight:700}.cws-dialog-buttons button:disabled{opacity:.5;cursor:wait}
@media(max-width:700px){.cws-editor{padding:14px}.cws-layout{grid-template-columns:1fr}.cws-product-visual{max-width:530px;margin:auto}}

.cws-product-visual{aspect-ratio:1}.cws-product-visual canvas{left:0;top:0;width:100%;height:100%;border-radius:0}.cws-controls [hidden]{display:none!important}.cws-photo-options[hidden]{display:none!important}

.cws-themed .cws-layout{grid-template-columns:1fr;gap:16px}.cws-themed .cws-preview-column{grid-row:1}.cws-themed .cws-product-visual{max-width:560px;margin:auto}.cws-themed .cws-controls{grid-row:2}.cws-themed .cws-caption{font-size:13px}.cws-themed .cws-direct{display:none}.cws-catalog-save{margin-top:16px;padding:10px;border:1px solid #b8c9ce;border-radius:8px;font-size:12px;background:#fff}.cws-themed .cws-product-visual canvas{cursor:default}