.ec{--ec-ln:var(--ln,#2c2e3a);--ec-surf:var(--surf,#11121a);--ec-ink:var(--ink,#f1f3fd);--ec-sec:var(--sec,#a7a9b6);--ec-mut:var(--mut,#7a7d8b);--ec-sig:var(--sig,#7085ff);--ec-mono:var(--mono,ui-monospace, monospace);flex-direction:column;gap:18px;min-width:0;display:flex}.ec-controls{flex-wrap:wrap;align-items:flex-start;gap:18px 28px;display:flex}.ec-field{flex-direction:column;gap:7px;min-width:0;display:flex}.ec-lbl{font-family:var(--ec-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--ec-mut);font-size:10px}.ec-hint{color:var(--ec-sec);max-width:34ch;font-size:12.5px;line-height:1.45}.ec-field select{background:var(--ec-surf);color:var(--ec-ink);border:1px solid var(--ec-ln);font:inherit;max-width:360px;padding:8px 10px;font-size:13.5px}.ec-seg{border:1px solid var(--ec-ln);background:var(--ec-surf);align-self:flex-start;width:max-content;display:inline-flex}.ec-seg button{appearance:none;border:0;border-right:1px solid var(--ec-ln);color:var(--ec-sec);font-family:var(--ec-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;padding:8px 14px;font-size:10.5px}.ec-seg button:last-child{border-right:0}.ec-seg button.on{color:var(--ec-ink);background:color-mix(in srgb, var(--ec-sig) 14%, transparent);box-shadow:inset 0 -2px 0 var(--ec-sig)}.ec-preview{border:1px dashed var(--ec-ln);background:repeating-linear-gradient(135deg, transparent, transparent 10px, color-mix(in srgb, var(--ec-ln) 45%, transparent) 10px, color-mix(in srgb, var(--ec-ln) 45%, transparent) 11px);justify-content:center;padding:22px;display:flex}.ec-preview[data-theme=slab]{background:#15161c}.ec-preview iframe{background:0 0}.ec-code{flex-direction:column;gap:10px;display:flex}.ec-tabs{border-bottom:1px solid var(--ec-ln);gap:0;display:flex}.ec-tabs button{appearance:none;color:var(--ec-sec);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex-direction:column;align-items:flex-start;gap:1px;margin-bottom:-1px;padding:8px 14px 9px;font-size:13px;display:flex}.ec-tabs button small{font-family:var(--ec-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ec-mut);font-size:9.5px}.ec-tabs button.on{color:var(--ec-ink);border-bottom-color:var(--ec-sig)}.ec-pre-wrap{position:relative}.ec-pre{background:var(--ec-surf);border:1px solid var(--ec-ln);font-family:var(--ec-mono);color:var(--ec-sec);white-space:pre-wrap;word-break:break-all;max-height:180px;margin:0;padding:14px 84px 14px 14px;font-size:11.5px;line-height:1.55;overflow:auto}.ec-copy{appearance:none;background:var(--ec-sig);color:#fff;font-family:var(--ec-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:0;padding:6px 11px;font-size:10px;font-weight:700;position:absolute;top:8px;right:8px}.ec-note{color:var(--ec-sec);margin:0;font-size:13px;line-height:1.55}