.dws-ec{
	--dws-ec-accent:#2997AA;
	--dws-ec-accent-soft:color-mix(in srgb, var(--dws-ec-accent) 14%, #fff);
	--dws-ec-ink:#1d2730; --dws-ec-muted:#5e6b76; --dws-ec-line:#d8dfe4;
	--dws-ec-surface:#fff; --dws-ec-stage:#eef2f4; --dws-ec-dim:#3d4955; --dws-ec-marker:#2f6bff;
	color:var(--dws-ec-ink); line-height:1.5; font-size:15px; margin:0 0 1.5em;
}
.dws-ec *,.dws-ec *::before,.dws-ec *::after{box-sizing:border-box}
.dws-ec [hidden]{display:none!important}
.dws-ec.dws-ec button,.dws-ec.dws-ec select,.dws-ec input{font-family:inherit}

.dws-ec__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:20px;align-items:start}
@media (max-width:820px){.dws-ec__grid{grid-template-columns:minmax(0,1fr)}}
.dws-ec__left{display:flex;flex-direction:column;gap:10px;min-width:0}

.dws-ec__stage{background:var(--dws-ec-stage);border-radius:8px;min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 10px 10px;gap:8px;overflow:hidden}
.dws-ec__scene{display:block;max-width:100%;height:auto}
.dws-ec__scale-note{font-size:12px;color:var(--dws-ec-muted);text-align:center;font-variant-numeric:tabular-nums}

.dws-ec__photo-box{position:relative;width:100%;line-height:0}
.dws-ec__photo{display:block;width:100%;height:auto;border-radius:6px;user-select:none;-webkit-user-drag:none;max-width:none}
.dws-ec__overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.dws-ec__overlay .dws-ec__handle{cursor:grab;touch-action:none}
.dws-ec__overlay .dws-ec__handle:active{cursor:grabbing}
.dws-ec__drop{width:100%;min-height:340px;border:1.5px dashed var(--dws-ec-line);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:24px;cursor:pointer;color:var(--dws-ec-muted);background:var(--dws-ec-surface)}
.dws-ec__drop.is-over{border-color:var(--dws-ec-accent);background:var(--dws-ec-accent-soft)}
.dws-ec__drop strong{font-size:1.25em;color:var(--dws-ec-ink);font-weight:600}
.dws-ec__file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.dws-ec__steps{margin:0;padding-left:20px;font-size:13px;color:var(--dws-ec-muted)}
.dws-ec__tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}

.dws-ec__panel{background:var(--dws-ec-surface);border:1px solid var(--dws-ec-line);border-radius:8px;padding:20px 18px;display:flex;flex-direction:column;gap:18px}
.dws-ec__group{display:flex;flex-direction:column;gap:6px;min-width:0}
.dws-ec__label,.dws-ec__slider label{font-size:13px;font-weight:600;margin:0}
.dws-ec__eyebrow,.dws-ec__fact span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dws-ec-muted);font-weight:600}

.dws-ec.dws-ec .dws-ec__shapes{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:6px}
.dws-ec.dws-ec .dws-ec__shape{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 6px;border:1px solid var(--dws-ec-line);border-radius:6px;background:var(--dws-ec-surface);color:var(--dws-ec-ink);cursor:pointer;font-size:11.5px;line-height:1.2;text-transform:none;letter-spacing:0;box-shadow:none}
.dws-ec.dws-ec .dws-ec__shape:hover{border-color:var(--dws-ec-accent);background:var(--dws-ec-surface);color:var(--dws-ec-ink)}
.dws-ec.dws-ec .dws-ec__shape[aria-pressed="true"]{border-color:var(--dws-ec-accent);background:var(--dws-ec-accent-soft);color:var(--dws-ec-ink);font-weight:600}
.dws-ec__icon{width:34px;height:34px;display:block;overflow:visible}

.dws-ec__readout{display:flex;flex-direction:column;gap:2px}
.dws-ec__ct{font-size:56px;line-height:1;font-weight:300;font-variant-numeric:tabular-nums lining-nums}
.dws-ec__ct small{font-size:16px;color:var(--dws-ec-muted);margin-left:6px;font-weight:500}

.dws-ec__slider{display:flex;flex-direction:column;gap:6px}
.dws-ec.dws-ec .dws-ec__range{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;cursor:pointer;border:0;padding:0;margin:0}
.dws-ec.dws-ec .dws-ec__range::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--dws-ec-accent) var(--p,0%),var(--dws-ec-line) var(--p,0%))}
.dws-ec.dws-ec .dws-ec__range::-moz-range-track{height:4px;border-radius:2px;background:var(--dws-ec-line)}
.dws-ec.dws-ec .dws-ec__range::-moz-range-progress{height:4px;border-radius:2px;background:var(--dws-ec-accent)}
.dws-ec.dws-ec .dws-ec__range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-9px;border-radius:50%;background:#fff;border:2px solid var(--dws-ec-accent);box-shadow:0 1px 3px rgba(0,0,0,.25)}
.dws-ec.dws-ec .dws-ec__range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--dws-ec-accent)}
.dws-ec__ticks{display:flex;justify-content:space-between;font-size:11.5px;color:var(--dws-ec-muted);font-variant-numeric:tabular-nums}

.dws-ec.dws-ec .dws-ec__chips{display:flex;flex-wrap:wrap;gap:6px}
.dws-ec.dws-ec .dws-ec__chip{font-size:12.5px;padding:5px 10px;border-radius:999px;border:1px solid var(--dws-ec-line);background:transparent;color:var(--dws-ec-ink);cursor:pointer;font-variant-numeric:tabular-nums;line-height:1.3;text-transform:none;letter-spacing:0;box-shadow:none}
.dws-ec.dws-ec .dws-ec__chip:hover{border-color:var(--dws-ec-accent);background:transparent;color:var(--dws-ec-ink)}
.dws-ec.dws-ec .dws-ec__chip[aria-pressed="true"]{background:var(--dws-ec-accent);border-color:var(--dws-ec-accent);color:#fff}

.dws-ec__facts{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;border-top:1px solid var(--dws-ec-line);padding-top:14px}
.dws-ec__fact b{display:block;font-weight:500;font-size:16px;font-variant-numeric:tabular-nums}

.dws-ec__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dws-ec.dws-ec select{width:100%;padding:7px 8px;border:1px solid var(--dws-ec-line);border-radius:6px;background:#fff;color:var(--dws-ec-ink);font-size:14px;min-height:38px}

.dws-ec__seg{display:flex;border:1px solid var(--dws-ec-line);border-radius:6px;overflow:hidden;background:var(--dws-ec-surface)}
.dws-ec.dws-ec .dws-ec__seg button{flex:1;font-size:13px;padding:8px 8px;background:transparent;color:var(--dws-ec-ink);border:0;border-radius:0;cursor:pointer;line-height:1.3;text-transform:none;letter-spacing:0;box-shadow:none}
.dws-ec.dws-ec .dws-ec__seg button+button{border-left:1px solid var(--dws-ec-line)}
.dws-ec.dws-ec .dws-ec__seg button:hover{background:var(--dws-ec-accent-soft);color:var(--dws-ec-ink)}
.dws-ec.dws-ec .dws-ec__seg button[aria-pressed="true"]{background:var(--dws-ec-accent-soft);color:var(--dws-ec-ink);font-weight:600;box-shadow:inset 0 -2px 0 var(--dws-ec-accent)}

.dws-ec.dws-ec .dws-ec__btn{display:inline-block;font-size:13px;padding:7px 12px;border-radius:6px;border:1px solid var(--dws-ec-line);background:var(--dws-ec-surface);color:var(--dws-ec-ink);cursor:pointer;line-height:1.3;text-transform:none;letter-spacing:0;box-shadow:none}
.dws-ec.dws-ec .dws-ec__btn:hover{border-color:var(--dws-ec-accent);background:var(--dws-ec-surface);color:var(--dws-ec-ink)}

.dws-ec__calib-box{border-top:1px solid var(--dws-ec-line);padding-top:12px}
.dws-ec.dws-ec .dws-ec__calib-box summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--dws-ec-accent)}
.dws-ec__calib{display:flex;flex-direction:column;gap:10px;padding-top:10px;font-size:13px;color:var(--dws-ec-muted)}
.dws-ec__calib p{margin:0}
.dws-ec__card{border:1.5px dashed var(--dws-ec-accent);border-radius:3.2mm;background:var(--dws-ec-accent-soft);display:flex;align-items:center;justify-content:center;color:var(--dws-ec-ink);font-size:12px;max-width:100%}
.dws-ec__note{font-size:12.5px;color:var(--dws-ec-muted);margin:0}

.dws-ec.dws-ec button:focus-visible,.dws-ec.dws-ec select:focus-visible,.dws-ec summary:focus-visible,.dws-ec__drop:focus-visible,.dws-ec.dws-ec .dws-ec__range:focus-visible{outline:2px solid var(--dws-ec-accent);outline-offset:2px}

.dws-ec-table{overflow-x:auto;margin:0 0 1em}
.dws-ec-table table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;margin:0}
.dws-ec-table th,.dws-ec-table td{padding:8px 10px;border-bottom:1px solid #e3e6ea;text-align:left;white-space:nowrap}
.dws-ec-table caption{caption-side:bottom;text-align:left;font-size:.85em;padding-top:8px;opacity:.75}

/* Keep theme button styles (Astra / Elementor kit) from repainting the tool */
.dws-ec.dws-ec button{min-height:0;min-width:0;width:auto;margin:0;text-shadow:none;font-weight:inherit;text-decoration:none;font-size:13px}
.dws-ec.dws-ec .dws-ec__shape:focus,.dws-ec.dws-ec .dws-ec__shape:active{background:var(--dws-ec-surface);color:var(--dws-ec-ink);border-color:var(--dws-ec-line)}
.dws-ec.dws-ec .dws-ec__shape[aria-pressed="true"]:focus,.dws-ec.dws-ec .dws-ec__shape[aria-pressed="true"]:hover{background:var(--dws-ec-accent-soft);border-color:var(--dws-ec-accent);color:var(--dws-ec-ink)}
.dws-ec.dws-ec .dws-ec__chip:focus,.dws-ec.dws-ec .dws-ec__chip:active{background:transparent;color:var(--dws-ec-ink)}
.dws-ec.dws-ec .dws-ec__chip[aria-pressed="true"]:focus,.dws-ec.dws-ec .dws-ec__chip[aria-pressed="true"]:hover{background:var(--dws-ec-accent);border-color:var(--dws-ec-accent);color:#fff}
.dws-ec.dws-ec .dws-ec__seg button:focus,.dws-ec.dws-ec .dws-ec__seg button:active{background:transparent;color:var(--dws-ec-ink)}
.dws-ec.dws-ec .dws-ec__seg button[aria-pressed="true"],.dws-ec.dws-ec .dws-ec__seg button[aria-pressed="true"]:focus,.dws-ec.dws-ec .dws-ec__seg button[aria-pressed="true"]:hover{background:var(--dws-ec-accent-soft);color:var(--dws-ec-ink)}
.dws-ec.dws-ec .dws-ec__btn:focus,.dws-ec.dws-ec .dws-ec__btn:active{background:var(--dws-ec-surface);color:var(--dws-ec-ink)}
.dws-ec.dws-ec .dws-ec__shape span{color:inherit}
.dws-ec.dws-ec .dws-ec__range{box-shadow:none;border-radius:0;height:28px}
.dws-ec.dws-ec .dws-ec__range::-webkit-slider-thumb{background:#fff}
/* Desktop: finger on the left half, settings on the right half */
@media (min-width:821px){.dws-ec .dws-ec__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.dws-ec .dws-ec__stage{min-height:480px}.dws-ec .dws-ec__panel{padding:22px 24px}}
/* ear view */
.dws-ec .dws-ec__ear-img{display:block;width:100%;height:auto;border-radius:6px;user-select:none;-webkit-user-drag:none;max-width:none}
.dws-ec .dws-ec__ear-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.dws-ec .dws-ec__ear-overlay .dws-ec__handle{cursor:grab;touch-action:none}
.dws-ec .dws-ec__ear-note{font-size:12.5px;color:var(--dws-ec-muted);margin:0}

/* view tabs: larger, bold, easy to see */
.dws-ec.dws-ec .dws-ec__modes button{font-size:16px;font-weight:600;padding:13px 10px;letter-spacing:.01em}
.dws-ec.dws-ec .dws-ec__modes button[aria-pressed="true"]{font-weight:700;box-shadow:inset 0 -3px 0 var(--dws-ec-accent)}
@media (max-width:480px){.dws-ec.dws-ec .dws-ec__modes button{font-size:14px;padding:11px 6px}}
/* photo buttons and notes: larger, bold, easy to see */
.dws-ec.dws-ec .dws-ec__tools .dws-ec__btn,.dws-ec.dws-ec .dws-ec__drop .dws-ec__btn{font-size:15px;font-weight:600;padding:11px 18px;border-width:1.5px;border-color:#b9c3cb}
.dws-ec.dws-ec .dws-ec__tools .dws-ec__btn:hover{border-color:var(--dws-ec-accent);color:var(--dws-ec-ink)}
.dws-ec.dws-ec .dws-ec__tools{gap:10px;margin-top:12px}
.dws-ec.dws-ec .dws-ec__note,.dws-ec.dws-ec .dws-ec__ear-note,.dws-ec.dws-ec .dws-ec__steps{font-size:15px;font-weight:500;color:var(--dws-ec-ink);line-height:1.5}
@media (max-width:480px){.dws-ec.dws-ec .dws-ec__tools .dws-ec__btn{font-size:14px;padding:10px 12px}}
/* mobile: no photo buttons (markers, band, own photo) — the photo and the settings only */
@media (max-width:767px){.dws-ec.dws-ec .dws-ec__photo-help{display:none!important}}
/* weight: big readout on desktop/tablet; on mobile a small value left of the slider label */
.dws-ec__slider-head{display:flex;align-items:baseline;gap:10px}
.dws-ec.dws-ec .dws-ec__ct-mini{display:none}
@media (max-width:767px){
.dws-ec.dws-ec .dws-ec__readout{display:none}
.dws-ec.dws-ec .dws-ec__ct-mini{display:inline;font-size:24px;font-weight:600;line-height:1.1;color:var(--dws-ec-ink);font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
}
/* slider: min/max values bigger and bolder; no theme shadow under the track */
.dws-ec.dws-ec .dws-ec__ticks{font-size:16px;font-weight:700;color:var(--dws-ec-ink)}
.dws-ec.dws-ec .dws-ec__range::-webkit-slider-runnable-track{box-shadow:none;border:0}
.dws-ec.dws-ec .dws-ec__range::-moz-range-track{box-shadow:none;border:0}
/* shape picker: only the shape buttons take a grid cell (themes/plugins sometimes insert <br>, <p> or other tags between them) */
.dws-ec.dws-ec .dws-ec__shapes>:not(.dws-ec__shape){display:none!important}
.dws-ec.dws-ec .dws-ec__shapes::before,.dws-ec.dws-ec .dws-ec__shapes::after{display:none!important;content:none!important}
.dws-ec.dws-ec .dws-ec__shape{width:auto;max-width:none;min-width:0;margin:0!important;float:none}
/* metal: colour swatches instead of a drop-down */
.dws-ec.dws-ec .dws-ec__metals{display:flex;gap:14px;align-items:center;padding:4px 0}
.dws-ec.dws-ec .dws-ec__swatch{width:40px;height:40px;min-width:0;min-height:0;padding:0;margin:0;border-radius:50%;border:2px solid #1d2327;box-shadow:none;cursor:pointer;flex:0 0 auto}
.dws-ec.dws-ec .dws-ec__swatch--yellow,.dws-ec.dws-ec .dws-ec__swatch--yellow:hover,.dws-ec.dws-ec .dws-ec__swatch--yellow:focus{background:#E6C36A}
.dws-ec.dws-ec .dws-ec__swatch--rose,.dws-ec.dws-ec .dws-ec__swatch--rose:hover,.dws-ec.dws-ec .dws-ec__swatch--rose:focus{background:#E2B4A0}
.dws-ec.dws-ec .dws-ec__swatch--white,.dws-ec.dws-ec .dws-ec__swatch--white:hover,.dws-ec.dws-ec .dws-ec__swatch--white:focus{background:#E6E7E9}
.dws-ec.dws-ec .dws-ec__swatch--platinum,.dws-ec.dws-ec .dws-ec__swatch--platinum:hover,.dws-ec.dws-ec .dws-ec__swatch--platinum:focus{background:#B9BCC2}
.dws-ec.dws-ec .dws-ec__swatch[aria-checked="true"]{box-shadow:0 0 0 3px #fff,0 0 0 6px #1d2327}
.dws-ec.dws-ec .dws-ec__swatch:focus-visible{outline:2px solid var(--dws-ec-accent);outline-offset:8px}
.dws-ec.dws-ec .dws-ec__metal-name{font-weight:500;color:var(--dws-ec-muted)}
.dws-ec.dws-ec .dws-ec__metal-sep{font-weight:600}
.dws-ec.dws-ec .dws-ec__row{display:flex;flex-wrap:wrap;gap:12px 24px}
.dws-ec.dws-ec .dws-ec__row>.dws-ec__group{flex:1 1 160px;min-width:0}
.dws-ec.dws-ec .dws-ec__row>.dws-ec__group:has(.dws-ec__metals){flex:0 0 auto}
.dws-ec.dws-ec .dws-ec__metals{padding:4px 6px}
/* smaller metal swatches */
.dws-ec.dws-ec .dws-ec__metals{gap:10px;padding:4px}
.dws-ec.dws-ec .dws-ec__swatch{width:26px;height:26px;border-width:1.5px}
.dws-ec.dws-ec .dws-ec__swatch[aria-checked="true"]{box-shadow:0 0 0 2px #fff,0 0 0 4px #1d2327}
/* metal swatches: smaller, centred on the height of the finger-size drop-down */
.dws-ec.dws-ec .dws-ec__row{align-items:stretch}
.dws-ec.dws-ec .dws-ec__row>.dws-ec__group{display:flex;flex-direction:column}
.dws-ec.dws-ec .dws-ec__metals{flex:1 1 auto;align-items:center;gap:9px;padding:0 3px}
.dws-ec.dws-ec .dws-ec__swatch{width:20px;height:20px;border-width:1px}
.dws-ec.dws-ec .dws-ec__swatch[aria-checked="true"]{box-shadow:0 0 0 2px #fff,0 0 0 3.5px #1d2327}
/* size + metal row: drop-down right under its title (no theme/browser spacing), swatches centred on it */
.dws-ec.dws-ec .dws-ec__row{align-items:flex-start}
.dws-ec.dws-ec .dws-ec__row>.dws-ec__group{justify-content:flex-start;gap:6px}
.dws-ec.dws-ec .dws-ec__row .dws-ec__label{margin:0!important;padding:0!important;line-height:1.5}
.dws-ec.dws-ec .dws-ec__row select{margin:0!important;height:42px;min-height:0;box-sizing:border-box;flex:0 0 auto;align-self:stretch}
.dws-ec.dws-ec .dws-ec__metals{flex:0 0 auto;height:42px}
/* finger-size drop-down: just wide enough for "53 (Ø 16,9 mm)"; metal swatches sit right next to it */
.dws-ec.dws-ec .dws-ec__row{justify-content:flex-start;gap:12px 32px}
.dws-ec.dws-ec .dws-ec__row>.dws-ec__group{flex:0 0 auto}
.dws-ec.dws-ec .dws-ec__row select{width:200px;max-width:100%}
/* compact panel: less height between blocks */
.dws-ec.dws-ec .dws-ec__panel{gap:12px}
@media (min-width:821px){.dws-ec.dws-ec .dws-ec__panel{padding:18px 22px}}
.dws-ec.dws-ec .dws-ec__readout{gap:0}
.dws-ec.dws-ec .dws-ec__ct{font-size:42px}
.dws-ec.dws-ec .dws-ec__slider{gap:2px}
.dws-ec.dws-ec .dws-ec__ticks{font-size:14px;margin-top:-2px}
.dws-ec.dws-ec .dws-ec__facts{padding-top:10px;gap:6px 14px}
.dws-ec.dws-ec .dws-ec__fact b{font-size:15px}
.dws-ec.dws-ec .dws-ec__group{gap:6px}
.dws-ec.dws-ec .dws-ec__shape{padding:6px 4px 5px}
.dws-ec.dws-ec .dws-ec__note{font-size:13px;line-height:1.45}
/* weight shown left of "Move the slider" on every screen (no big readout); min/max values right under the slider */
.dws-ec.dws-ec .dws-ec__readout{display:none}
.dws-ec.dws-ec .dws-ec__ct-mini{display:inline;font-size:24px;font-weight:600;line-height:1.1;color:var(--dws-ec-ink);font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
.dws-ec.dws-ec .dws-ec__slider-head{align-items:baseline;gap:12px}
.dws-ec.dws-ec .dws-ec__range{height:24px!important;margin:0!important;padding:0!important;display:block}
.dws-ec.dws-ec .dws-ec__ticks{margin:0!important;padding:0!important;line-height:1.2}
.dws-ec.dws-ec .dws-ec__ticks span{margin:0;padding:0}
/* photo buttons (markers, band, own photo) now inside the settings panel */
.dws-ec.dws-ec .dws-ec__photo-tools .dws-ec__tools{margin-top:0;gap:8px}
.dws-ec.dws-ec .dws-ec__photo-tools .dws-ec__btn{font-size:14px;font-weight:600;padding:8px 14px;line-height:1.2}
@media (max-width:767px){.dws-ec.dws-ec .dws-ec__photo-tools{display:none!important}}