:where(.echo-icon){fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.echo-icon{width:24px;height:24px;flex-shrink:0;vertical-align:middle}.echo-visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.truncate{display:inline-flex;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.echo-panel{display:flex;flex-direction:column;gap:16px;min-width:0;padding:var(--echo-panel-pad);box-sizing:border-box;color:var(--echo-text);font-family:var(--font-sans);font-size:14px;line-height:1.4}.echo-panel[hidden],.echo-panel [hidden]{display:none!important}:where(.echo-panel) form{display:flex;flex-direction:column;gap:16px;min-width:0}:where(.echo-panel) form>.formbox{margin-bottom:0}.echo-panel>.echo-panel__header{margin:calc(-1 * var(--echo-panel-pad)) calc(-1 * var(--echo-panel-pad)) 0;position:sticky;top:0;z-index:2}.echo-panel>.echo-panel__footer{margin:0 calc(-1 * var(--echo-panel-pad)) calc(-1 * var(--echo-panel-pad));position:sticky;bottom:0;z-index:2}.echo-panel__header{display:flex;align-items:center;gap:10px;min-height:var(--echo-panel-header-height);padding:0 8px 0 16px;box-sizing:border-box;border-bottom:1px solid var(--echo-hairline);background:var(--echo-panel-bg);color:var(--echo-text)}.echo-panel__header.echo-panel__header--back{gap:6px;padding-inline-start:6px}.echo-panel__header .echo-panel__icon{flex:none;width:20px;height:20px;color:var(--echo-icon)}.echo-panel__header .echo-panel__title{flex:1;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 16px/1.25 var(--font-sans);color:var(--echo-text)}.echo-panel__header .echo-panel__actions{flex:none;display:flex;align-items:center;gap:4px;margin-inline-start:auto}.echo-panel__header .echo-panel__actions:empty{display:none}.echo-panel__actions .buttons{position:static;display:flex;flex-direction:row;align-items:center;gap:4px;height:auto;margin:0;padding:0;background:none;font-size:inherit;line-height:1}.echo-panel__actions .buttons li{display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:0;border:0;border-radius:var(--border-radius)}.echo-panel__actions .buttons li:hover{background:none}button.echo-panel__back,button.echo-panel__close{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-height:40px;margin:0;padding:0;border:0;border-radius:var(--border-radius);background:transparent;box-shadow:none;color:var(--echo-icon);cursor:pointer}button.echo-panel__back:hover,button.echo-panel__close:hover{background:var(--echo-close-hover);color:var(--echo-text-strong)}.echo-panel__back .echo-icon{width:20px;height:20px}.echo-panel__close .echo-icon{width:18px;height:18px;stroke-width:2}.echo-section{display:flex;flex-direction:column;gap:12px;min-width:0;margin:0;padding:0;border:0}.echo-section:empty{display:none}.echo-eyebrow,.echo-section>.echo-eyebrow{display:block;margin:0;font:500 10px/1.2 var(--font-mono);letter-spacing:0.14em;text-transform:uppercase;color:var(--echo-text-muted)}.echo-field{display:flex;flex-direction:column;gap:6px;min-width:0}.echo-label{display:block;width:auto;margin:0;padding:0;font:500 13px/1.3 var(--font-sans);color:var(--echo-text)}.echo-help{display:block;margin:0;padding:0;background:none;font:400 12px/1.4 var(--font-sans);color:var(--echo-text-muted)}input.echo-input,select.echo-input,textarea.echo-textarea{display:block;width:100%;min-height:var(--echo-control-height);margin:0;box-sizing:border-box;border:1px solid var(--echo-input-border);border-radius:var(--border-radius);background-color:var(--echo-input-bg);color:var(--echo-text);font:400 14px/1.3 var(--font-sans)}input.echo-input,select.echo-input{height:var(--echo-control-height);padding:0 12px}textarea.echo-textarea{min-height:88px;padding:10px 12px;line-height:1.45;resize:vertical}input.echo-input::placeholder,textarea.echo-textarea::placeholder{color:var(--echo-placeholder)}input.echo-input:focus,select.echo-input:focus,textarea.echo-textarea:focus{border-color:var(--echo-focus);box-shadow:var(--echo-focus-ring);outline:none}.echo-searchfield{position:relative;display:block;margin:0;line-height:normal}.echo-searchfield>.echo-icon{position:absolute;inset-inline-start:12px;top:50%;width:16px;height:16px;transform:translateY(-50%);color:var(--echo-text-muted);pointer-events:none}.echo-searchfield>input.echo-input{padding-inline-start:36px}button.echo-switch{position:relative;flex:none;display:flex;align-items:center;gap:12px;width:100%;height:auto;min-height:var(--echo-field-height);margin:0;padding:8px 12px;box-sizing:border-box;border:1px solid var(--echo-hairline);border-radius:var(--border-radius);background:var(--echo-panel-bg);box-shadow:none;color:var(--echo-text);font:500 14px/1.25 var(--font-sans);text-align:start;cursor:pointer;transition:background-color var(--transition)}button.echo-switch:hover{background:var(--echo-row-hover);color:var(--echo-text)}button.echo-switch:disabled{cursor:not-allowed;color:var(--echo-disabled)}.echo-switch__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.echo-switch__hint{font:400 12px/1.3 var(--font-sans);color:var(--echo-text-muted)}.echo-switch__track{position:relative;flex:none;width:36px;height:20px;border-radius:10px;background:var(--echo-switch-track);box-shadow:inset 0 0 0 1px var(--echo-switch-edge);transition:background-color var(--transition),box-shadow var(--transition)}.echo-switch__knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--echo-switch-knob);transition:transform var(--transition),background-color var(--transition)}[aria-checked="true"]>.echo-switch__track{background:var(--echo-switch-on-track);box-shadow:inset 0 0 0 1px var(--echo-switch-on-edge)}[aria-checked="true"]>.echo-switch__track>.echo-switch__knob{background:var(--echo-switch-on-knob);transform:translateX(16px)}html[dir="rtl"] [aria-checked="true"]>.echo-switch__track>.echo-switch__knob{transform:translateX(-16px)}button.echo-switch:disabled .echo-switch__track{opacity:0.5}button.echo-switch.echo-switch--knob{width:auto;min-height:40px;padding:0 4px;border-color:transparent;background:transparent}button.echo-switch.echo-switch--knob:hover{background:transparent}button.echo-switch.echo-switch--inline{width:auto;min-width:0;min-height:40px;padding:4px 8px;border-color:transparent;background:transparent;font-size:13px}button.echo-switch.echo-switch--inline:hover{background:var(--echo-row-hover)}.echo-radio-group{display:flex;flex-direction:column;gap:6px;min-width:0}button.echo-radio{display:flex;align-items:center;gap:12px;width:100%;min-height:var(--echo-field-height);margin:0;padding:8px 12px;box-sizing:border-box;border:1px solid var(--echo-hairline);border-radius:var(--border-radius);background:var(--echo-panel-bg);box-shadow:none;color:var(--echo-text);font:500 13px/1.25 var(--font-sans);text-align:start;cursor:pointer;transition:background-color var(--transition),border-color var(--transition)}button.echo-radio:hover{background:var(--echo-row-hover);color:var(--echo-text)}.echo-radio__dot{flex:none;display:flex;align-items:center;justify-content:center;width:18px;height:18px;box-sizing:border-box;border:2px solid var(--echo-text-muted);border-radius:50%}.echo-radio__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.echo-radio__hint{font:400 12px/1.3 var(--font-sans);color:var(--echo-text-muted)}button.echo-radio[aria-checked="true"]{background:var(--echo-check-bg);border-color:var(--echo-check-border)}button.echo-radio[aria-checked="true"] .echo-radio__dot{border-color:var(--echo-check-border)}button.echo-radio[aria-checked="true"] .echo-radio__dot::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--echo-check-border)}button.echo-radio:disabled{cursor:not-allowed;color:var(--echo-disabled)}.echo-segmented{display:grid;grid-template-columns:repeat(var(--echo-segments,2),minmax(0,1fr));gap:6px;min-width:0}.echo-segmented.echo-segmented>button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;width:100%;min-height:var(--echo-field-height);margin:0;padding:4px 10px;box-sizing:border-box;border:1px solid var(--echo-input-border);border-radius:var(--border-radius);background:var(--echo-panel-bg);box-shadow:none;color:var(--echo-text);font:600 13px/1.2 var(--font-sans);text-align:center;cursor:pointer;transition:background-color var(--transition),color var(--transition)}.echo-segmented.echo-segmented>button:hover{background:var(--echo-row-hover);color:var(--echo-text)}.echo-tiles{display:grid;grid-template-columns:repeat(var(--echo-tile-columns,3),minmax(0,1fr));gap:6px;min-width:0}.echo-tiles.echo-tiles>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;width:100%;min-height:56px;margin:0;padding:8px 6px;box-sizing:border-box;border:1px solid var(--echo-input-border);border-radius:var(--border-radius);background:var(--echo-panel-bg);box-shadow:none;color:var(--echo-text);text-align:center;cursor:pointer;transition:background-color var(--transition),color var(--transition)}.echo-tiles.echo-tiles>button:hover{background:var(--echo-row-hover);color:var(--echo-text)}.echo-tile__icon{display:flex;color:var(--echo-icon)}.echo-tile__icon .echo-icon{width:22px;height:22px}.echo-tile__label{font:600 13px/1.2 var(--font-sans)}.echo-tile__sub{font:400 11px/1.25 var(--font-sans);color:var(--echo-text-muted)}.echo-segmented.echo-segmented>button[aria-pressed="true"],.echo-tiles.echo-tiles>button[aria-pressed="true"]{background:var(--echo-row-selected-bg);border-color:var(--echo-row-selected-border);color:var(--echo-row-selected-text)}.echo-tiles.echo-tiles>button[aria-pressed="true"] .echo-tile__icon,.echo-tiles.echo-tiles>button[aria-pressed="true"] .echo-tile__sub{color:inherit}.echo-segmented.echo-segmented>button:disabled,.echo-tiles.echo-tiles>button:disabled{cursor:not-allowed;color:var(--echo-disabled)}div.echo-chips{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;min-width:0}button.echo-chip.echo-chip{display:inline-flex;align-items:center;gap:5px;width:auto;height:32px;min-height:32px;margin:0;padding:0 12px;box-sizing:border-box;border:1px solid var(--echo-input-border);border-radius:16px;background:var(--echo-panel-bg);box-shadow:none;color:var(--echo-text);font:500 12.5px/1 var(--font-sans);white-space:nowrap;cursor:pointer;transition:background-color var(--transition),color var(--transition)}button.echo-chip.echo-chip:hover{background:var(--echo-row-hover);color:var(--echo-text)}button.echo-chip.echo-chip .echo-icon{width:16px;height:16px;flex:none}.echo-chip__check{display:none}.echo-chip__check .echo-icon{width:12px;height:12px;stroke-width:3}button.echo-chip.echo-chip[aria-pressed="true"]{padding-inline-start:8px;background:var(--echo-row-selected-bg);border-color:var(--echo-row-selected-border);color:var(--echo-row-selected-text)}button.echo-chip.echo-chip[aria-pressed="true"] .echo-chip__check{display:inline-flex}button.echo-chip.echo-chip:disabled{cursor:not-allowed;color:var(--echo-disabled)}.echo-swatches{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px}button.echo-swatch.echo-swatch{flex:none;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-height:0;margin:0;padding:0;border:3px solid var(--echo-panel-bg);border-radius:50%;background:var(--echo-swatch,var(--echo-input-bg));box-shadow:0 0 0 1px var(--echo-input-border),inset 0 0 0 1px var(--echo-input-border);color:var(--echo-text-strong);cursor:pointer}button.echo-swatch.echo-swatch:hover{background:var(--echo-swatch,var(--echo-input-bg));color:var(--echo-text-strong);box-shadow:0 0 0 1px var(--echo-text-strong),inset 0 0 0 1px var(--echo-input-border)}button.echo-swatch.echo-swatch[aria-pressed="true"],button.echo-swatch.echo-swatch.echo-swatch--custom{box-shadow:0 0 0 2px var(--echo-row-selected-border),inset 0 0 0 1px var(--echo-input-border)}button.echo-swatch.echo-swatch:focus-visible{outline:2px solid var(--echo-focus);outline-offset:2px}.echo-swatch .echo-icon{width:16px;height:16px}button.echo-swatch--more.echo-swatch--custom .echo-icon{border-radius:50%;background:var(--echo-panel-bg)}details.echo-advanced{margin:0;padding:0;border:0;overflow:visible}.echo-advanced>summary.echo-advanced__summary{display:flex;align-items:center;gap:12px;min-height:var(--echo-field-height);padding:8px 12px;box-sizing:border-box;border:1px solid var(--echo-hairline);border-radius:var(--border-radius);background:var(--echo-advanced-bg);color:var(--echo-text);list-style:none;cursor:pointer;user-select:none;transition:background-color var(--transition)}.echo-advanced>summary.echo-advanced__summary::-webkit-details-marker{display:none}.echo-advanced>summary.echo-advanced__summary::marker{content:""}.echo-advanced>summary.echo-advanced__summary:hover{background:var(--echo-row-hover)}.echo-advanced__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.echo-advanced__title{font:500 10px/1.2 var(--font-mono);letter-spacing:0.14em;text-transform:uppercase;color:var(--echo-advanced-label)}.echo-advanced__hint{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 12px/1.3 var(--font-sans);color:var(--echo-text-muted)}.echo-advanced__chevron{flex:none;display:flex;color:var(--echo-advanced-label);transition:transform var(--transition)}.echo-advanced__chevron .echo-icon{width:16px;height:16px;stroke-width:2}.echo-advanced[open]>summary.echo-advanced__summary{border-color:var(--echo-row-selected-border);background:var(--echo-advanced-open-bg);color:var(--echo-advanced-open-text)}.echo-advanced[open]>summary .echo-advanced__title{color:var(--echo-advanced-open-label)}.echo-advanced[open]>summary .echo-advanced__hint{display:none}.echo-advanced[open]>summary .echo-advanced__chevron{color:var(--echo-advanced-open-text);transform:rotate(180deg)}.echo-advanced__body{display:flex;flex-direction:column;gap:12px;min-width:0;padding-top:12px}.echo-panel__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;min-height:var(--echo-panel-footer-height);padding:12px 16px;box-sizing:border-box;border-top:1px solid var(--echo-hairline);background:var(--echo-panel-bg)}.echo-panel__footer>.echo-btn--danger:first-child:not(:last-child){margin-inline-end:auto}.echo-panel__footer>.echo-panel__status{min-width:0;margin-inline-end:auto;font:400 12px/1.4 var(--font-sans);color:var(--echo-text-muted)}button.echo-btn,a.echo-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-height:var(--echo-control-height);margin:0;padding:0 16px;box-sizing:border-box;border:1px solid transparent;border-radius:var(--border-radius);background:transparent;box-shadow:none;color:var(--echo-text-strong);font:600 13px/1.2 var(--font-sans);text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color var(--transition),color var(--transition),border-color var(--transition)}.echo-btn .echo-icon{flex:none;width:16px;height:16px}button.echo-btn--primary,a.echo-btn--primary{padding:0 18px;border-color:var(--echo-primary-bg);background:var(--echo-primary-bg);color:var(--echo-primary-text)}button.echo-btn--primary:hover,a.echo-btn--primary:hover{background:var(--echo-primary-hover-bg);color:var(--echo-primary-hover-text)}button.echo-btn--ghost,a.echo-btn--ghost{border-color:var(--echo-ghost-border);background:transparent;color:var(--echo-ghost-text)}button.echo-btn--ghost:hover,a.echo-btn--ghost:hover{background:var(--echo-row-hover);color:var(--echo-ghost-text)}button.echo-btn--danger,a.echo-btn--danger{padding:0 12px;border-color:transparent;background:transparent;color:var(--echo-danger)}button.echo-btn--danger:hover,a.echo-btn--danger:hover{background:var(--echo-danger-bg);color:var(--echo-danger)}button.echo-btn--quiet{min-height:var(--echo-control-height);padding:0 6px;background:transparent;color:var(--echo-accent);font-size:12.5px}button.echo-btn--quiet:hover{background:transparent;color:var(--echo-accent);text-decoration:underline;text-underline-offset:3px}button.echo-btn:disabled,button.echo-btn[aria-disabled="true"]{cursor:not-allowed;opacity:0.5}button.echo-btn:disabled:hover{background:transparent;color:inherit}button.echo-btn--primary:disabled:hover{background:var(--echo-primary-bg);color:var(--echo-primary-text)}.echo-row{display:flex;align-items:center;gap:8px;min-width:0;min-height:var(--echo-row-height);padding:6px 6px 6px 10px;box-sizing:border-box;border:1px solid var(--echo-hairline);border-radius:var(--border-radius);background:var(--echo-panel-bg);color:var(--echo-text)}.echo-row:has(>.echo-row__grip){padding-inline-start:2px}.echo-row:has(>button.echo-row__main:hover:not(:disabled)){background:var(--echo-row-hover)}.echo-row__grip{flex:none;display:flex;align-items:center;justify-content:center;width:24px;height:40px;min-height:40px;margin:0;padding:0;border:0;border-radius:4px;background:transparent;box-shadow:none;color:var(--echo-text-muted);cursor:grab}.echo-row__grip:hover{background:transparent;color:var(--echo-text-strong)}.echo-row__grip .echo-icon{width:16px;height:16px}.echo-row__main{flex:1;min-width:0;display:flex;align-items:center;gap:10px;min-height:40px;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:start}button.echo-row__main{width:auto;border-radius:4px;background:transparent;box-shadow:none;color:inherit;cursor:pointer}button.echo-row__main:hover{background:transparent;color:inherit}button.echo-row__main:disabled{cursor:not-allowed;opacity:0.5}.echo-row__lead{flex:none;display:flex;align-items:center;justify-content:center;color:var(--echo-icon)}.echo-row__lead .echo-icon{width:20px;height:20px}.echo-row__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.echo-row__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 14px/1.2 var(--font-sans)}.echo-row__sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 12px/1.25 var(--font-sans);color:var(--echo-text-muted)}.echo-row__chevron{flex:none;display:inline-flex;margin-inline-start:auto;color:var(--echo-accent)}.echo-row__chevron .echo-icon{width:16px;height:16px}.echo-row__trail{flex:none;display:flex;align-items:center;gap:4px}.echo-row__trail button.echo-switch{width:auto;min-height:40px;padding:0 4px;border:0;background:transparent}.echo-row__trail button.echo-switch:hover{background:transparent}.echo-row__trail .echo-switch__text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.echo-menu-anchor{position:relative;flex:none;display:inline-flex}button.echo-menu__trigger{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-height:40px;margin:0;padding:0;border:0;border-radius:var(--border-radius);background:transparent;box-shadow:none;color:var(--echo-icon);cursor:pointer}button.echo-menu__trigger:hover,button.echo-menu__trigger[aria-expanded="true"]{background:var(--echo-row-hover);color:var(--echo-text-strong)}.echo-menu__trigger .echo-icon{width:18px;height:18px}.echo-menu__trigger--kebab .echo-icon{transform:rotate(90deg)}.echo-menu{position:fixed;z-index:var(--zindex-contextmenu);display:flex;flex-direction:column;gap:2px;min-width:200px;max-width:280px;padding:6px;box-sizing:border-box;border:1px solid var(--echo-hairline);border-radius:var(--border-radius-lg);background:var(--echo-panel-bg);box-shadow:var(--echo-menu-shadow);color:var(--echo-text)}.echo-menu__label,.echo-menu[data-title]::before{padding:8px 10px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 10px/1.2 var(--font-mono);letter-spacing:0.14em;text-transform:uppercase;color:var(--echo-text-muted)}.echo-menu[data-title]::before{content:attr(data-title)}button.echo-menu__item{display:flex;align-items:center;gap:10px;width:100%;height:var(--echo-control-height);min-height:var(--echo-control-height);margin:0;padding:0 10px;box-sizing:border-box;border:0;border-radius:var(--border-radius);background:transparent;box-shadow:none;color:var(--echo-text);font:500 13.5px/1.2 var(--font-sans);text-align:start;cursor:pointer}button.echo-menu__item:hover,button.echo-menu__item:focus-visible{background:var(--echo-row-hover);color:var(--echo-text)}.echo-menu__item .echo-icon{flex:none;width:18px;height:18px;color:var(--echo-icon)}.echo-menu__text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.echo-menu__hint{flex:none;font:400 12px/1 var(--font-sans);color:var(--echo-text-muted)}button.echo-menu__item--danger,button.echo-menu__item--danger:hover,button.echo-menu__item--danger .echo-icon{color:var(--echo-danger)}button.echo-menu__item[aria-disabled="true"]{color:var(--echo-disabled);cursor:not-allowed}.echo-menu__separator{flex:none;height:1px;margin:4px 6px;background:var(--echo-hairline)}:is(.echo-panel__back,.echo-panel__close,.echo-switch,.echo-radio,.echo-segmented>button,.echo-tiles>button,.echo-chip,.echo-btn,.echo-row__grip,.echo-row__main,.echo-menu__trigger,.echo-advanced__summary):focus-visible{outline:2px solid var(--echo-focus);outline-offset:2px}.echo-menu__item:focus-visible{outline:2px solid var(--echo-focus);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.echo-switch,.echo-switch__track,.echo-switch__knob,.echo-radio,.echo-segmented>button,.echo-tiles>button,.echo-chip,.echo-btn,.echo-advanced__summary,.echo-advanced__chevron{transition:none}}