#ead-designer{--ead-purple:#6f2cff;--ead-ink:#15161a;--ead-muted:#6b7280;--ead-line:#e5e7eb;container-name:ead-designer;container-type:inline-size;display:block;clear:both;float:none;width:100%;min-width:0;max-width:100%;margin:40px 0 54px;border:1px solid var(--ead-line);border-radius:24px;background:#fff;color:var(--ead-ink);overflow:hidden;box-shadow:0 24px 70px rgba(17,24,39,.1);font-family:inherit;box-sizing:border-box;position:relative;isolation:isolate}
#ead-designer *{box-sizing:border-box}.ead-hero{padding:30px 34px;background:radial-gradient(circle at 90% 10%,rgba(111,44,255,.13),transparent 36%),linear-gradient(135deg,#fff,#f7f5ff)}.ead-kicker{display:inline-block;margin-bottom:9px;color:var(--ead-purple);font-size:12px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.ead-hero h3{margin:0!important;color:#111!important;font-size:clamp(26px,3.5vw,40px)!important;line-height:1.08!important;letter-spacing:-.025em}.ead-hero p{margin:10px 0 0;color:var(--ead-muted);font-size:15px}
.ead-config-bar{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:22px 30px;border-block:1px solid var(--ead-line);background:#fff}.ead-fieldset{min-width:0;margin:0;padding:0;border:0}.ead-fieldset legend{margin-bottom:10px;padding:0;font-size:13px;font-weight:800;color:#374151}.ead-pills{display:flex;flex-wrap:wrap;gap:7px}.ead-pills label,.ead-colors label{position:relative;cursor:pointer}.ead-pills input,.ead-colors input{position:absolute;opacity:0;pointer-events:none}.ead-pills span{display:flex;min-width:58px;padding:9px 12px;border:1.5px solid #d1d5db;border-radius:11px;background:#fff;align-items:center;justify-content:center;gap:6px;font-weight:800;transition:.18s}.ead-pills span small{color:#9ca3af;font-size:10px;font-weight:650}.ead-pills input:checked+span{border-color:var(--ead-purple);background:var(--ead-purple);color:#fff;box-shadow:0 6px 16px rgba(111,44,255,.25)}.ead-pills input:checked+span small{color:#e9ddff}.ead-colors{display:flex;flex-wrap:wrap;gap:12px}.ead-colors label{display:grid;justify-items:center;gap:4px}.ead-colors span{width:34px;height:34px;border:3px solid #fff;border-radius:50%;background:var(--ead-swatch);box-shadow:0 0 0 1px #cbd5e1;transition:.18s}.ead-colors small{font-size:10px;color:#6b7280}.ead-colors input:checked+span{box-shadow:0 0 0 3px var(--ead-purple),0 6px 14px rgba(0,0,0,.18);transform:scale(1.05)}
.ead-workspace{display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(300px,.85fr);background:#f5f6f8}.ead-preview-column{min-width:0;padding:24px}.ead-zone-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:14px}.ead-zone-tabs button{position:relative;min-width:0;margin:0!important;padding:10px 7px!important;border:1px solid #d6d9df!important;border-radius:12px!important;background:#fff!important;color:#4b5563!important;box-shadow:none!important;cursor:pointer}.ead-zone-tabs button span,.ead-zone-tabs button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ead-zone-tabs button span{font-size:12px;font-weight:800}.ead-zone-tabs button small{margin-top:2px;color:#9ca3af;font-size:9px}.ead-zone-tabs button i{position:absolute;top:-5px;right:-4px;display:none;width:18px;height:18px;border-radius:50%;background:#22c55e;color:#fff;font-size:11px;font-style:normal;line-height:18px}.ead-zone-tabs button.has-design i{display:block}.ead-zone-tabs button.is-active{border-color:var(--ead-purple)!important;background:var(--ead-purple)!important;color:#fff!important;box-shadow:0 6px 16px rgba(111,44,255,.22)!important}.ead-zone-tabs button.is-active small{color:#e9ddff}
#ead-canvas-wrap{position:relative;width:min(100%,520px);aspect-ratio:520/620;margin:auto;border-radius:18px;overflow:hidden;background:#eef0f4;box-shadow:0 16px 36px rgba(17,24,39,.16)}#ead-canvas-wrap .canvas-container{width:100%!important;height:100%!important}#ead-canvas-wrap canvas{width:100%!important;height:100%!important}.ead-loading{position:absolute;inset:0;z-index:20;display:none;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:rgba(255,255,255,.9);backdrop-filter:blur(3px)}.ead-loading.is-visible{display:flex}.ead-loading b{width:34px;height:34px;border:3px solid #ddd;border-top-color:var(--ead-purple);border-radius:50%;animation:ead-spin .8s linear infinite}.ead-loading span{font-size:13px;font-weight:750}@keyframes ead-spin{to{transform:rotate(360deg)}}
.ead-live-measure{display:grid;grid-template-columns:1fr auto;gap:3px 14px;width:min(100%,520px);margin:13px auto 0;padding:13px 15px;border:1px solid #dddfe4;border-radius:13px;background:#fff}.ead-live-measure>span{color:#6b7280;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.ead-live-measure strong{grid-row:1/3;grid-column:2;align-self:center;color:var(--ead-purple);font-size:20px}.ead-live-measure small{color:#6b7280;font-size:11px}
.ead-controls{display:flex;min-width:0;padding:28px;flex-direction:column;gap:18px;background:#15161a;color:#fff}.ead-step{display:flex;align-items:center;gap:11px}.ead-step-number{display:grid;width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:var(--ead-purple);place-items:center;font-weight:850}.ead-step strong,.ead-step small{display:block}.ead-step small{margin-top:2px;color:#9ca3af;font-size:11px}.ead-dropzone{position:relative;display:flex;min-height:112px;padding:18px;border:1.5px dashed #8b93a1;border-radius:16px;background:#202228;align-items:center;justify-content:center;gap:14px;cursor:pointer;transition:.2s}.ead-dropzone:hover,.ead-dropzone.is-dragging{border-color:#a980ff;background:#282330}.ead-dropzone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.ead-upload-icon{display:grid;width:48px;height:48px;flex:0 0 48px;border-radius:14px;background:#fff;color:#111827;place-items:center;font-size:28px}.ead-dropzone strong,.ead-dropzone small{display:block}.ead-dropzone strong{font-size:14px}.ead-dropzone small{margin-top:3px;color:#9ca3af;font-size:11px}.ead-tool-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.ead-tool-row button{min-height:46px;margin:0!important;border:1px solid #4b4f59!important;border-radius:11px!important;background:#fff!important;color:#222630!important;font-size:12px!important;font-weight:800!important;cursor:pointer}.ead-tool-row button.ead-danger{border-color:#7f332e!important;background:transparent!important;color:#ff8a80!important}.ead-tool-row button:disabled{opacity:.38;cursor:not-allowed}.ead-limit-note{display:flex;padding:13px;border-radius:13px;background:#202228;gap:10px}.ead-limit-note>span{color:#a980ff;font-size:23px}.ead-limit-note p{margin:0}.ead-limit-note strong,.ead-limit-note small{display:block}.ead-limit-note strong{font-size:12px}.ead-limit-note small{margin-top:3px;color:#9ca3af;font-size:10px}.ead-summary{margin-top:auto;border:1px solid #3d4048;border-radius:15px;overflow:hidden;background:#1e2025}.ead-summary>div{display:flex;padding:12px 15px;border-bottom:1px solid #353840;align-items:center;justify-content:space-between;gap:12px}.ead-summary>div:last-child{border-bottom:0}.ead-summary span{color:#9ca3af;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.ead-summary strong{font-size:12px;text-align:right}.ead-summary .ead-total{padding-block:17px}.ead-summary .ead-total strong{color:#a980ff;font-size:23px}.ead-summary .ead-total span{color:#fff;font-size:12px}.ead-controls #ead-feedback{display:none;margin:0;padding:10px;border-radius:9px;background:#3c1d1b;color:#ffaaa3;font-size:11px}.ead-controls #ead-feedback.is-visible{display:block}
.ead-workspace{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);width:100%}.ead-controls{overflow:hidden}.ead-dropzone>span:last-of-type{min-width:0;max-width:100%;overflow-wrap:anywhere}
@container ead-designer (max-width:850px){.ead-config-bar{grid-template-columns:1fr}.ead-workspace{grid-template-columns:1fr}.ead-preview-column{padding:16px}.ead-controls{padding:20px}.ead-zone-tabs{grid-template-columns:1fr 1fr}.ead-zone-tabs button{min-height:55px}.ead-live-measure{grid-template-columns:1fr}.ead-live-measure strong{grid-row:auto;grid-column:auto}.ead-tool-row{grid-template-columns:1fr}}
@media(max-width:900px){#ead-designer{border-radius:17px}.ead-hero{padding:23px 20px}.ead-config-bar{grid-template-columns:1fr;padding:18px;gap:17px}.ead-workspace{grid-template-columns:1fr}.ead-preview-column{padding:16px}.ead-controls{padding:20px}.ead-zone-tabs{grid-template-columns:1fr 1fr}.ead-zone-tabs button{min-height:55px}.ead-live-measure{grid-template-columns:1fr}.ead-live-measure strong{grid-row:auto;grid-column:auto;font-size:19px}.ead-tool-row{grid-template-columns:1fr}.ead-pills span{min-width:54px;padding:9px}.ead-summary .ead-total strong{font-size:21px}}
@media(max-width:420px){.ead-hero{padding:20px 16px}.ead-hero h3{max-width:100%;font-size:22px!important;line-height:1.15!important;overflow-wrap:anywhere}.ead-hero p{font-size:13px;line-height:1.4;overflow-wrap:anywhere}.ead-config-bar{padding:15px}.ead-preview-column{padding:12px}.ead-controls{padding:16px}.ead-zone-tabs button span{font-size:11px}.ead-colors{gap:9px}.ead-pills{gap:5px}.ead-summary>div{flex-direction:column;align-items:flex-start;gap:4px}.ead-summary strong{max-width:100%;text-align:left;overflow-wrap:anywhere}.ead-summary .ead-total strong{font-size:20px}.ead-live-measure strong{font-size:18px}.ead-dropzone{padding:14px;gap:10px}.ead-upload-icon{width:42px;height:42px;flex-basis:42px}}
@media(hover:none) and (pointer:coarse){.ead-config-bar{grid-template-columns:1fr!important}.ead-workspace{grid-template-columns:1fr!important}.ead-zone-tabs{grid-template-columns:1fr 1fr!important}.ead-preview-column{padding:16px}.ead-controls{padding:20px}.ead-tool-row{grid-template-columns:1fr}.ead-live-measure{grid-template-columns:1fr}.ead-live-measure strong{grid-row:auto;grid-column:auto}.ead-dropzone{width:100%}}
#ead-designer{--ead-purple:#0878d1}.ead-hero{background:radial-gradient(circle at 90% 10%,rgba(8,120,209,.16),transparent 38%),linear-gradient(135deg,#fff,#edf7ff)}#ead-designer .ead-hero #ead-title{color:#0b3d68!important;-webkit-text-fill-color:#0b3d68!important;text-shadow:none!important}.ead-controls{background:#0b2f55}.ead-dropzone,.ead-limit-note{background:#123b63}.ead-dropzone:hover,.ead-dropzone.is-dragging{border-color:#74bfff;background:#174a78}.ead-summary{background:#0d355c;border-color:#315b7f}.ead-summary>div{border-color:#294f70}.ead-summary .ead-total strong{color:#73c2ff}.ead-knockout-option{display:flex;padding:13px;border:1px solid #315b7f;border-radius:13px;background:#0d355c;align-items:flex-start;gap:10px;cursor:pointer}.ead-knockout-option input{width:18px;height:18px;margin:2px 0 0;accent-color:#1597ea;flex:0 0 18px}.ead-knockout-option strong,.ead-knockout-option small{display:block}.ead-knockout-option strong{font-size:12px}.ead-knockout-option small{margin-top:3px;color:#a9bfd2;font-size:10px;line-height:1.4}
.ead-upload-status[hidden],.ead-upload-progress[hidden]{display:none!important}.ead-upload-status{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px 10px;padding:12px 14px;border:1px solid #369be8;border-radius:12px;background:#164b79;color:#fff}.ead-upload-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:ead-spin .8s linear infinite}.ead-upload-message{font-size:13px;font-weight:700;overflow-wrap:anywhere}.ead-upload-progress{grid-column:1/-1;width:100%;height:8px;accent-color:#73c2ff}.ead-dropzone.is-uploading{opacity:.75;cursor:wait}.ead-dropzone.is-uploading input{cursor:wait}
.ead-upload-status.is-error{grid-template-columns:1fr;border-color:#ff9f94;background:#6c2826}.ead-upload-status.is-error .ead-upload-spinner,.ead-upload-status.is-error .ead-upload-progress{display:none}
.ead-limit-note>span{color:#73c2ff}.ead-summary .ead-total strong{color:#73c2ff}
@media(prefers-reduced-motion:reduce){#ead-designer *{transition:none!important}}

/* WooCommerce/Astra compatibility: the editor is a full-width product row,
   never a child-sized card from the product summary column. */
body.single-product div.product>#ead-designer,
body.single-product .product>#ead-designer,
body.single-product #ead-designer{clear:both!important;float:none!important;display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;flex:0 0 100%!important;grid-column:1/-1!important;left:auto!important;right:auto!important;transform:none!important}
body.single-product #ead-designer .ead-hero,
body.single-product #ead-designer .ead-config-bar,
body.single-product #ead-designer .ead-workspace{width:100%!important;max-width:none!important;min-width:0!important}
body.single-product.ead-product-page div.product>.summary,
body.single-product.ead-product-page div.product>.entry-summary{clear:both!important;float:none!important;width:100%!important;max-width:100%!important;margin:0 auto 28px!important}
body.single-product.ead-product-page div.product>.woocommerce-product-gallery{display:none!important}

@media(max-width:767px){
body.single-product #ead-designer{margin:28px 0 38px!important;border-radius:16px!important}
body.single-product #ead-designer .ead-hero{padding:22px 18px!important}
body.single-product #ead-designer .ead-config-bar{display:grid!important;grid-template-columns:1fr!important;padding:18px!important;gap:20px!important}
body.single-product #ead-designer .ead-workspace{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
body.single-product #ead-designer .ead-preview-column{width:100%!important;min-width:0!important;padding:14px!important}
body.single-product #ead-designer .ead-controls{width:100%!important;min-width:0!important;padding:20px 18px!important}
body.single-product #ead-designer .ead-zone-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.single-product #ead-designer #ead-canvas-wrap,
body.single-product #ead-designer .ead-live-measure{width:100%!important;max-width:520px!important}
}