.ecc-workspace .ecc-resources{margin-top:72px;padding-top:48px;border-top:1px solid #e4e4e7}
.ecc-workspace .ecc-resources-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:24px}
.ecc-workspace .ecc-resources h2{font-size:28px;line-height:1.2;letter-spacing:-.8px;margin:0;color:#18181b}
.ecc-workspace .ecc-resources p{font-size:16px;line-height:1.65;color:#71717a;margin:12px 0 0}
.ecc-workspace .ecc-resources p.ecc-resources-eyebrow{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 12px}
.ecc-workspace .ecc-resources-heading>p{max-width:370px;margin:0}
.ecc-workspace .ecc-resources-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ecc-workspace .ecc-resource-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #e4e4e7;border-radius:16px;text-decoration:none;color:#18181b;background:#fff;transition:box-shadow .15s,border-color .15s}
.ecc-workspace .ecc-resource-card:hover{border-color:#a1a1aa;box-shadow:0 8px 24px #18181b0a}
.ecc-workspace .ecc-resource-card:focus-visible{outline:3px solid #715bff;outline-offset:4px}
.ecc-workspace .ecc-resource-art{height:190px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid #e4e4e7}
.ecc-workspace .ecc-resource-name{background:linear-gradient(135deg,#eee8ff,#c4afff)}
.ecc-workspace .ecc-resource-name>div{background:#ffffffb3;border:1px solid #fff;border-radius:12px;padding:20px 24px;width:76%;color:#362363;display:flex;flex-direction:column;gap:12px}
.ecc-workspace .ecc-resource-name small{font-size:11px;font-weight:600;letter-spacing:1px}
.ecc-workspace .ecc-resource-name strong{font-size:25px;letter-spacing:-.8px}
.ecc-workspace .ecc-resource-name span{font-size:12px}
.ecc-workspace .ecc-resource-contrast span{width:50%;height:100%;display:grid;place-items:center;background:#18181b;color:#fff;font-size:72px;font-weight:600;letter-spacing:-5px}
.ecc-workspace .ecc-resource-contrast span+span{background:#fafafa;color:#18181b}
.ecc-workspace .ecc-resource-picker{background:conic-gradient(from 35deg at 80% 30%,#ff4b2b,#ffdd66,#4acb85,#1899d7,#715bff,#d94da9,#ff4b2b)}
.ecc-workspace .ecc-resource-picker>div{display:flex;align-items:center;gap:16px;background:#fff;border-radius:12px;padding:14px 24px;box-shadow:0 8px 24px #18181b1a}
.ecc-workspace .ecc-resource-picker i{height:32px;width:32px;border-radius:7px;background:#ff4b2b}
.ecc-workspace .ecc-resource-picker strong{font-size:16px}
.ecc-workspace .ecc-resource-body{padding:22px}
.ecc-workspace .ecc-resource-body h3{display:flex;justify-content:space-between;gap:12px;font-size:19px;line-height:1.4;letter-spacing:-.4px;margin:0}
.ecc-workspace .ecc-resource-body h3 span{font-weight:400;color:#71717a}
.ecc-workspace .ecc-resource-body p{margin-top:8px}
.ecc-workspace .ecc-resources-guide{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;margin:56px 0 24px;padding-top:40px;border-top:1px solid #e4e4e7}
.ecc-workspace .ecc-resources-guide a{color:#18181b;text-decoration:underline;text-underline-offset:3px}
.ecc-workspace .ecc-resources-steps{list-style:none;display:flex;flex-direction:column;gap:14px;margin:0;padding:0}
.ecc-workspace .ecc-resources-steps li{display:flex;gap:16px;padding:20px;border:1px solid #e4e4e7;border-radius:12px;background:#fafafa}
.ecc-workspace .ecc-resources-steps li>span{font-size:12px;color:#71717a;font-weight:600;padding-top:3px}
.ecc-workspace .ecc-resources-steps h3{font-size:16px;line-height:1.4;margin:0}
.ecc-workspace .ecc-resources-steps p{font-size:14px;margin-top:5px}
@media(max-width:900px){.ecc-workspace .ecc-resources-guide{gap:28px;grid-template-columns:1fr}.ecc-workspace .ecc-resources-heading{align-items:flex-start;flex-direction:column;gap:12px}.ecc-workspace .ecc-resources-heading>p{max-width:none}.ecc-workspace .ecc-resources-grid{gap:12px}.ecc-workspace .ecc-resource-body{padding:16px}.ecc-workspace .ecc-resource-name>div{padding:16px}.ecc-workspace .ecc-resource-name strong{font-size:21px}}
@media(max-width:640px){.ecc-workspace .ecc-resources{margin-top:48px;padding-top:32px}.ecc-workspace .ecc-resources-grid{grid-template-columns:1fr;gap:20px}.ecc-workspace .ecc-resources h2{font-size:24px}.ecc-workspace .ecc-resource-art{height:180px}.ecc-workspace .ecc-resources-guide{margin-top:36px;padding-top:32px}}

.ecm-root.ecc-workspace{background:#fff;padding-top:104px;color:#18181b}
.ecc-workspace .ecc-controls-row{align-items:flex-end}
.ecc-workspace .ecc-controls-row .ecc-mode{box-sizing:border-box;height:44px;align-items:stretch}
.ecc-workspace .ecc-controls-row .ecc-mode button{display:flex;align-items:center;justify-content:center;padding:0 12px}
.ecc-workspace .ecc-controls-row>.ecm-feature-button{box-sizing:border-box;height:44px;min-height:44px}
.ecc-workspace .ecc-hex-field{align-items:flex-end}
.ecc-workspace .ecc-hex-field label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:500;line-height:1.4}
.ecc-workspace .ecc-hex-field input{box-sizing:border-box;width:152px;height:44px;padding:10px 12px;border:1px solid #d4d4d8;border-radius:9px;background:#fff;color:#18181b;font:500 16px/1.4 ui-monospace,monospace;box-shadow:0 1px 2px #18181b05;transition:border-color .15s,box-shadow .15s}
.ecc-workspace .ecc-hex-field input:hover{border-color:#a1a1aa}
.ecc-workspace .ecc-hex-field input:focus{border-color:#71717a;outline:2px solid #a1a1aa;outline-offset:2px;box-shadow:none}
.ecc-workspace .ecc-hex-field input[aria-invalid=true]{border-color:#b91c1c}
.ecc-workspace .ecc-hex-field .ecc-color-trigger{box-sizing:border-box;width:44px;height:44px;flex:0 0 44px;margin-bottom:0}
.ecc-workspace .ecc-new-hero{padding:0 0 28px}.ecc-new-hero>p{font-size:11px;font-weight:650;letter-spacing:.12em;color:#71717a}.ecc-new-hero h1{font-size:clamp(30px,3vw,42px);line-height:1.15;letter-spacing:-.045em;margin:12px 0}.ecc-new-hero h1 span{color:#71717a}.ecc-new-hero>div{font-size:16px;line-height:1.6;color:#71717a;max-width:760px}
.ecc-editor{border:1px solid #e4e4e7;border-radius:20px;padding:28px;background:#fff;box-shadow:0 4px 20px #18181b04}.ecc-editor-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center}.ecc-editor h2{font-size:20px;letter-spacing:-.025em;margin:0}.ecc-editor-toolbar p{font-size:14px;color:#71717a;margin:6px 0 0}.ecc-actions{display:flex;gap:6px}.ecc-workspace .ecc-actions button{width:38px;height:38px;border:1px solid #e4e4e7;border-radius:9px;background:white;font-size:22px;color:#3f3f46}.ecc-actions button:disabled{opacity:.35;cursor:not-allowed}
.ecc-controls-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:22px 0}.ecc-hex-field{display:flex;align-items:center;gap:10px}.ecc-color-trigger{width:42px;height:42px;border:3px solid #fff;border-radius:10px;outline:1px solid #e4e4e7}.ecc-hex-field label{font-size:11px;color:#71717a}.ecc-hex-field input{display:block;width:125px;background:transparent;border:0;color:#18181b;font:600 16px/1.6 ui-monospace,monospace;padding:0}.ecc-mode{display:flex;gap:4px;border:1px solid #e4e4e7;border-radius:10px;padding:4px;background:#fafafa;margin-right:auto}.ecc-workspace .ecc-mode button,.ecc-workspace .ecc-tone-select button{border:0;border-radius:7px;background:transparent;color:#71717a;padding:9px 12px;font-size:13px;font-weight:550}.ecc-workspace .ecc-mode button[aria-pressed=true]{background:#18181b;color:white}.ecc-controls-row small{color:#71717a;font-size:11px}
.ecc-pair-display{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ecc-pair-display article{min-width:0;padding:22px;border-radius:14px;min-height:210px;box-sizing:border-box;display:flex;flex-direction:column}.ecc-pair-display article>div{display:flex;align-items:center;justify-content:space-between;font-size:13px}.ecc-pair-display button{background:transparent;border:1px solid currentColor;color:inherit;border-radius:9px;width:34px;height:34px;font-size:21px}.ecc-pair-display h3{font-size:20px;letter-spacing:-.03em;margin:20px 0 6px}.ecc-pair-display strong{font-size:34px;letter-spacing:-.04em}.ecc-pair-display small{font-size:12px;margin-top:10px}.ecc-pair-note{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#71717a;font-size:12px;line-height:1.5;margin:14px 0 20px}.ecc-pair-note b{color:#18181b}
.ecc-tone-select{display:flex;gap:8px;border-top:1px solid #e4e4e7;padding-top:18px}.ecc-workspace .ecc-tone-select button{display:flex;align-items:center;gap:7px}.ecc-tone-select i{width:12px;height:12px;border-radius:50%;border:1px solid #0002}.ecc-workspace .ecc-tone-select button[aria-pressed=true]{background:#f4f4f5;color:#18181b}.ecc-workspace .ecm-color-studio{margin-top:18px}.ecc-workspace .ecm-tone-heading h2{font-size:18px;margin:0}.ecc-workspace .ecm-tone-tools{gap:4px}.ecc-workspace .ecm-tone-tools button{width:38px;height:38px;min-height:38px;padding:0;display:grid;place-items:center;background:#fafafa}.ecc-workspace .ecm-icon-tool .ecm-tool-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.ecc-workspace .ecm-tones{display:flex;gap:0;overflow:auto;border-radius:10px;margin-top:14px}.ecc-workspace .ecm-tones button{flex:1;min-width:65px;min-height:88px;border-radius:0;font-size:10px;padding:10px 8px}.ecc-workspace .ecm-tones b{font-size:13px;display:flex;align-items:center;gap:6px}.ecc-workspace .is-base-tone{box-shadow:inset 0 -3px currentColor}.ecc-workspace .ecm-base-marker{width:6px;height:6px;background:currentColor;border-radius:50%}.ecc-workspace .ecm-name-credit{display:none}
.ecc-workspace .ecc-pair-examples .ecm-demo-button{background:var(--ex-accent);color:var(--ex-accent-ink)}.ecc-pair-examples .ecm-demo-cover{background:var(--ex-accent)}.ecc-pair-examples .ecm-demo-cover span{color:var(--ex-accent-ink)}.ecc-pair-examples .ecm-demo-cover i{background:var(--ex-color)}.ecc-pair-examples .ecm-demo-switch,.ecc-pair-examples .ecm-demo-calendar .selected{background:var(--ex-accent);color:var(--ex-accent-ink)}.ecc-pair-examples .ecm-demo-switch:after{background:var(--ex-accent-ink)}.ecc-workspace .ecm-examples{margin-top:44px}.ecc-workspace .ecm-examples-grid>.egt-preview-pro{break-inside:avoid}.ecc-error{color:#b91c1c;font-size:13px}.ecm-root.ecc-picker-dialog{width:min(440px,calc(100vw - 32px))}.ecc-picker-sample{padding:30px;border-radius:12px;font-size:24px;font-weight:650}
@media(max-width:760px){.ecm-root.ecc-workspace{padding-top:88px}.ecc-editor{padding:18px}.ecc-controls-row{gap:12px}.ecc-mode{order:3;width:100%;justify-content:center}.ecc-controls-row>.ecm-feature-button{margin-left:auto}.ecc-pair-display{gap:8px}.ecc-pair-display article{padding:16px;min-height:200px}.ecc-pair-display strong{font-size:26px}.ecc-pair-display h3{font-size:17px}.ecc-workspace .ecm-tone-heading{gap:14px}.ecc-new-hero h1{font-size:30px}}
@media(max-width:420px){.ecc-pair-display{grid-template-columns:1fr}.ecc-pair-display article{min-height:170px}.ecc-editor-toolbar{align-items:flex-start}.ecc-actions{gap:3px}}

/* Component specimens: quieter scale and interactive form controls. */
.ecc-workspace .ecc-pair-examples .ecm-examples-grid{columns:3;column-gap:20px}
.ecc-ui-example{margin-bottom:20px!important;border-radius:14px;background:#fff;color:#18181b}
.ecc-example-topline{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid #f0f0f2;font-size:11px;color:#71717a}
.ecc-ui-example .ecm-card-header{padding:22px 22px 12px;gap:7px}.ecc-ui-example .ecm-card-title{font-size:22px;letter-spacing:-.035em;line-height:1.2}.ecc-ui-example .ecm-card-description{font-size:13px;line-height:1.6}.ecc-ui-example .ecm-card-content{padding:12px 22px 24px}
.ecc-ui-example button{font:inherit;cursor:pointer}.ecc-demo-segments{display:flex;gap:8px}.ecc-demo-segments button{flex:1;border:1px solid #e4e4e7;padding:12px 6px;border-radius:9px;background:white;color:#52525b;font-size:12px}.ecc-demo-segments button>span{display:block;font-size:20px;margin-bottom:6px}.ecc-demo-segments button[aria-pressed=true]{border-color:var(--ex-color);background:var(--ex-soft);color:var(--ex-dark);box-shadow:inset 0 0 0 1px var(--ex-color)}
.ecc-demo-payment{display:grid;gap:22px;background:var(--ex-color);color:var(--ex-ink);border-radius:12px;padding:20px;margin-top:20px}.ecc-demo-payment>span{font-size:11px}.ecc-demo-payment>b{font:600 15px ui-monospace,monospace;letter-spacing:.02em}.ecc-demo-payment>div{display:flex;justify-content:space-between;font-size:9px}.ecc-demo-note{display:flex;justify-content:space-between;padding:20px 0 0;font-size:13px}.ecc-demo-footnote{font-size:11px;color:#71717a;line-height:1.6;margin:16px 0 0}
.ecc-demo-team>div{display:flex;align-items:center;gap:10px;padding:16px 0;border-bottom:1px solid #f0f0f2}.ecc-demo-team i{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;font-size:11px;font-style:normal;background:var(--ex-color);color:var(--ex-ink)}.ecc-demo-team>div:nth-child(2) i{background:var(--ex-accent);color:var(--ex-accent-ink)}.ecc-demo-team>div>span:nth-child(2){flex:1;min-width:0}.ecc-demo-team b,.ecc-demo-setting b{display:block;font-size:13px;font-weight:550}.ecc-demo-team small,.ecc-demo-setting small{display:block;font-size:11px;color:#71717a;margin-top:5px;overflow-wrap:anywhere}.ecc-demo-team .ecm-badge{font-size:9px;padding:4px 6px}.ecc-demo-invite{margin-top:20px;font-size:11px;color:#71717a}.ecc-demo-invite>div,.ecc-demo-progress{background:#f4f4f5;border-radius:9px;height:6px;margin-top:10px;overflow:hidden}.ecc-demo-invite i,.ecc-demo-progress i{display:block;width:37.5%;height:100%;background:var(--ex-accent);border:1px solid #0002;box-sizing:border-box}
.ecc-demo-setting{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:17px 0;border-bottom:1px solid #f0f0f2}.ecc-demo-setting button{width:36px;flex:0 0 36px;height:22px;border:1px solid #0002;border-radius:20px;background:#e4e4e7;padding:3px}.ecc-demo-setting button i{display:block;width:14px;height:14px;border-radius:50%;background:white;box-shadow:0 1px 2px #0002}.ecc-demo-setting button[aria-checked=true]{background:var(--ex-color)}.ecc-demo-setting button[aria-checked=true] i{transform:translateX(13px);background:var(--ex-ink)}.ecc-demo-summary{background:var(--ex-soft);color:var(--ex-dark);padding:12px;border-radius:8px;font-size:11px;margin-top:20px;line-height:1.5}
.ecc-demo-billing{display:flex;background:#f4f4f5;border-radius:9px;padding:4px;gap:4px}.ecc-demo-billing button{flex:1;border:0;border-radius:6px;padding:9px 5px;font-size:12px;color:#71717a;background:transparent}.ecc-demo-billing button[aria-pressed=true]{background:var(--ex-color);color:var(--ex-ink)}.ecc-demo-billing small{display:inline-block;font-size:9px;padding:3px;margin-left:3px;border-radius:4px;background:var(--ex-accent);color:var(--ex-accent-ink)}.ecc-demo-price{display:flex;align-items:baseline;gap:8px;margin-top:24px}.ecc-demo-price b{font-size:40px;letter-spacing:-.05em}.ecc-demo-price span{font-size:12px;color:#71717a}.ecc-demo-benefits{padding:0;list-style:none;font-size:13px;line-height:2.4;margin-top:20px}
.ecc-demo-progress-head{display:flex;justify-content:space-between;align-items:center;font-size:12px}.ecc-demo-progress{margin:16px 0;background:var(--ex-soft)}.ecc-demo-progress i{background:var(--ex-color)}.ecc-demo-task-row{display:flex;gap:10px;align-items:center;font-size:13px;padding:16px 0;border-bottom:1px solid #f0f0f2}.ecc-demo-task-row input{width:16px;height:16px;accent-color:var(--ex-dark)}.ecc-demo-task-row:has(input:checked) span{text-decoration:line-through;color:#71717a}
@media(max-width:1120px){.ecc-workspace .ecc-pair-examples .ecm-examples-grid{columns:2}}
@media(max-width:700px){.ecc-workspace .ecc-pair-examples .ecm-examples-grid{columns:1}}
.ecc-choice-row{display:flex;gap:6px;margin-top:18px}.ecc-choice-row button{flex:1;padding:9px 5px;border:1px solid #e4e4e7;border-radius:8px;background:white;color:#52525b;font-size:12px}.ecc-choice-row button[aria-pressed=true]{background:var(--ex-color);color:var(--ex-ink);border-color:var(--ex-color)}
.ecc-product-art{position:relative;display:grid;place-items:center;height:170px;background:var(--ex-soft);border-radius:12px;overflow:hidden}.ecc-product-art>span{position:absolute;bottom:12px;left:14px;font-size:9px;letter-spacing:.1em;color:var(--ex-dark)}.ecc-product-cup{position:relative;width:82px;height:86px;background:var(--ex-color);border-radius:6px 6px 28px 28px;box-shadow:inset 6px 0 12px #ffffff30,0 16px 12px #0001}.ecc-product-cup i{position:absolute;right:-27px;top:10px;width:28px;height:46px;border:10px solid var(--ex-color);border-left:0;border-radius:0 20px 20px 0}.finish-1 .ecc-product-cup{background:var(--ex-accent)}.finish-1 .ecc-product-cup i{border-color:var(--ex-accent)}.ecc-stepper{display:flex;align-items:center;gap:10px}.ecc-stepper button{width:26px;height:26px;border:1px solid #e4e4e7;background:#fafafa;border-radius:6px}.ecc-stepper button:disabled{opacity:.35}
.ecc-paired-bars{height:140px;display:flex;gap:12px;align-items:end;border-bottom:1px solid #e4e4e7;margin:22px 0 12px}.ecc-paired-bars>div{display:flex;align-items:end;gap:3px;flex:1;height:100%}.ecc-paired-bars i,.ecc-paired-bars b{flex:1;display:block;border-radius:4px 4px 0 0;background:var(--ex-color);border:1px solid #0001}.ecc-paired-bars b{background:var(--ex-accent)}.ecc-chart-key{display:flex;gap:18px;font-size:11px;color:#71717a}.ecc-chart-key span{display:flex;align-items:center;gap:6px}.ecc-chart-key i{width:8px;height:8px;background:var(--ex-color);border-radius:2px}.ecc-chart-key span+span i{background:var(--ex-accent)}
.ecc-support-agent{display:flex;gap:10px;align-items:center;background:var(--ex-soft);padding:14px;border-radius:10px;margin-bottom:12px}.ecc-support-agent>i{display:grid;place-items:center;background:var(--ex-accent);color:var(--ex-accent-ink);width:32px;height:32px;border-radius:50%;font-style:normal}.ecc-support-agent b{display:block;font-size:12px;color:var(--ex-dark)}.ecc-support-agent small{display:block;font-size:10px;color:var(--ex-dark);margin-top:4px}.ecc-faq{border-bottom:1px solid #e4e4e7}.ecc-faq button{display:flex;justify-content:space-between;gap:12px;width:100%;padding:16px 0;border:0;background:white;color:#18181b;text-align:left;font-size:12px}.ecc-faq p{margin:0 0 16px;font-size:12px;line-height:1.65;color:#71717a}
.ecc-boarding{padding:20px;border-radius:12px;background:var(--ex-color);color:var(--ex-ink)}.ecc-boarding>span{font-size:9px;letter-spacing:.08em}.ecc-boarding>div{display:flex;align-items:center;justify-content:space-between;margin:22px 0}.ecc-boarding strong{font-size:30px;letter-spacing:-.04em}.ecc-boarding i{display:grid;place-items:center;border-radius:50%;width:34px;height:34px;background:var(--ex-accent);color:var(--ex-accent-ink);font-style:normal}.ecc-boarding footer{display:flex;justify-content:space-between;font-size:10px}
.ecc-course-cover{background:var(--ex-color);color:var(--ex-ink);padding:20px;border-radius:12px}.ecc-course-cover>span{font-size:9px;letter-spacing:.1em}.ecc-course-cover strong{display:flex;justify-content:space-between;align-items:center;font-size:62px;letter-spacing:-.06em;line-height:1.3}.ecc-course-cover strong>span{background:var(--ex-accent);color:var(--ex-accent-ink);font-size:34px;border-radius:12px;padding:0 10px}.ecc-lesson{display:flex;gap:10px;align-items:center;width:100%;padding:16px 0;border:0;border-bottom:1px solid #e4e4e7;background:white;color:#18181b;text-align:left;font-size:12px}.ecc-lesson i{font-style:normal;color:#71717a;font-size:10px}.ecc-lesson>span{flex:1}.ecc-lesson small{display:block;color:#71717a;font-size:10px;margin-top:5px}.ecc-lesson[aria-pressed=true]>b{color:var(--ex-dark)}
.ecc-breath-art{position:relative;height:185px;background:var(--ex-soft);border-radius:12px;display:grid;place-items:center;overflow:hidden}.ecc-breath-art>i,.ecc-breath-art>b{position:absolute;width:130px;height:130px;border-radius:50%;background:var(--ex-color);left:calc(50% - 95px)}.ecc-breath-art>b{left:calc(50% - 35px);background:var(--ex-accent)}.ecc-breath-art>span{z-index:1;font-size:20px;font-weight:600;text-align:center;line-height:1.2;background:#fff;color:#18181b;padding:12px;border-radius:12px;box-shadow:0 3px 20px #0001}.ecc-category-lock{font-size:14px;line-height:1.6;color:#71717a;margin:20px 0}