.eg-bar,.eg-bar-go{--ctl-pad:var(--space-8);--ctl-r:var(--radius-xl);--ctl-r-in:calc(var(--ctl-r) - var(--ctl-pad));--ctl-inset:var(--space-16);--ctl-h:var(--space-56);--ctl-t:var(--duration-fast) var(--ease-out);--ctl-t-quick:var(--duration-quick) var(--ease-out);--ctl-focus:var(--signal-access);--ctl-warn:var(--lv-warn-a)}.eg-bar{container:ctl/inline-size;position:relative;display:grid;grid-gap:var(--ctl-pad);gap:var(--ctl-pad);width:100%;max-width:46rem;padding:var(--ctl-pad);border-radius:var(--ctl-r);background:var(--lv-glass);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);box-shadow:0 0 0 1px var(--lv-glass-ring),inset 0 1px 0 var(--lv-glass-edge),var(--lv-glass-shadow);transition:box-shadow var(--ctl-t),transform var(--ctl-t)}[data-theme=light] .eg-bar{--ctl-warn:var(--lv-warn-b)}[data-theme=light] .eg-seg-thumb{background:var(--surface)}.eg-bar:focus-within{box-shadow:0 0 0 1px var(--lv-glass-ring),inset 0 1px 0 var(--lv-glass-edge),var(--lv-glass-shadow),0 18px 44px -26px var(--signal-light)}@media (prefers-reduced-motion:no-preference){html:not([data-motion=paused]) .eg-bar:focus-within{transform:translateY(-1px)}}.eg-bar-line{display:flex;align-items:stretch;gap:var(--ctl-pad)}.eg-bar-field{flex:1 1;min-width:0;display:flex;align-items:center;gap:var(--space-12);min-height:var(--ctl-h);padding-inline:var(--ctl-inset) var(--space-12);border-radius:var(--ctl-r-in);background:var(--lv-well);box-shadow:inset 0 0 0 1px var(--lv-well-line),inset 0 1px 2px color-mix(in srgb,var(--paper) 30%,transparent);color:var(--muted);cursor:text;transition:box-shadow var(--ctl-t),color var(--ctl-t)}.eg-bar-field>svg{flex:0 0 auto}@media (hover:hover) and (pointer:fine){.eg-bar-field:hover{box-shadow:inset 0 0 0 1px var(--line-strong),inset 0 1px 2px color-mix(in srgb,var(--paper) 30%,transparent);color:var(--ink)}}.eg-bar-field:focus-within{box-shadow:inset 0 0 0 1px var(--ctl-focus),0 0 0 3px color-mix(in srgb,var(--ctl-focus) 22%,transparent);color:var(--ctl-focus)}.eg-bar-field[data-invalid]{box-shadow:inset 0 0 0 1px var(--ctl-warn),0 0 0 3px color-mix(in srgb,var(--ctl-warn) 18%,transparent);color:var(--ctl-warn)}.eg-bar-field.is-area{display:block;min-height:0;padding:0}.eg-bar-field.is-sub{min-height:var(--space-48);padding-inline:var(--space-12)}.eg-bar-tag{flex:0 0 auto;font:500 .6875rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-dim)}.eg-more>summary{display:inline-flex;align-items:center;gap:var(--space-8);min-height:2.75rem;list-style:none;font:500 .8125rem/1.25rem var(--sans);color:var(--muted);cursor:pointer;transition:color var(--ctl-t)}.eg-more>summary::-webkit-details-marker{display:none}.eg-more>summary:before{content:"";width:var(--space-6);height:var(--space-6);border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(-45deg);transition:transform var(--ctl-t)}.eg-more[open]>summary:before{transform:rotate(45deg)}.eg-more>summary small{font:500 .6875rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-dim)}@media (hover:hover) and (pointer:fine){.eg-more>summary:hover{color:var(--ink)}}.eg-more>summary:focus-visible{outline:2px solid var(--ctl-focus);outline-offset:2px;border-radius:var(--radius-sm);box-shadow:none}.eg-more-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-8);gap:var(--space-8);margin-top:var(--space-8)}.eg-bar-mark{flex:0 0 auto;display:grid;place-items:center;width:var(--space-22);height:var(--space-22);border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px currentColor;font:600 .72rem/1 var(--mono)}.eg-bar-input{flex:1 1 auto;min-width:0;align-self:stretch;padding:0;border:0;background:transparent;color:var(--ink);font:400 1rem/1.5 var(--sans);letter-spacing:-.005em;caret-color:var(--ctl-focus);text-overflow:ellipsis}.eg-bar-input::placeholder{color:var(--muted-dim);opacity:1}.eg-bar-input:focus-visible{outline:none;border-radius:0;box-shadow:none}.eg-bar[aria-busy=true] .eg-bar-input{color:var(--muted)}.eg-bar-go{position:relative;flex:0 0 auto;display:inline-grid;place-items:center;min-height:var(--ctl-h);padding-inline:var(--space-20);border:0;border-radius:var(--ctl-r-in);background:linear-gradient(180deg,var(--signal-light),var(--signal));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--paper-on-signal) 24%,transparent),0 1px 2px color-mix(in srgb,var(--paper) 45%,transparent),0 10px 24px -14px var(--signal-light);color:var(--paper-on-signal);font:600 .94rem/1.25 var(--sans);letter-spacing:-.005em;cursor:pointer;transition:transform var(--ctl-t-quick),box-shadow var(--ctl-t),filter var(--ctl-t)}.eg-go-l{grid-area:1/1;display:inline-flex;align-items:center;gap:var(--space-8);white-space:nowrap}.eg-bar-go:not([aria-busy=true]) .eg-go-l.is-busy,.eg-bar-go[aria-busy=true] .eg-go-l:not(.is-busy){visibility:hidden}.eg-go-glyph{width:var(--space-16);height:var(--space-16);transition:transform var(--ctl-t)}@media (hover:hover) and (pointer:fine){.eg-bar-go:hover:not([aria-busy=true]){filter:brightness(1.08);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--paper-on-signal) 30%,transparent),0 1px 2px color-mix(in srgb,var(--paper) 45%,transparent),0 14px 30px -14px var(--signal-light)}.eg-bar-go:hover .eg-go-glyph{transform:translateX(var(--space-2))}}.eg-bar-go:active:not([aria-busy=true]){transform:scale(.97)}.eg-bar-go[aria-busy=true]{cursor:progress}.eg-bar-go:focus-visible{outline:2px solid var(--ctl-focus);outline-offset:2px;border-radius:var(--ctl-r-in);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--paper-on-signal) 24%,transparent),0 1px 2px color-mix(in srgb,var(--paper) 45%,transparent)}.eg-go-spin{width:var(--space-14);height:var(--space-14);border:2px solid color-mix(in srgb,var(--paper-on-signal) 28%,transparent);border-top-color:var(--paper-on-signal);border-radius:50%;animation:eg-go-spin calc(2 * var(--duration-slow)) linear infinite}@keyframes eg-go-spin{to{transform:rotate(1turn)}}.eg-bar-foot{display:grid;grid-gap:var(--space-12);gap:var(--space-12);min-width:0;padding:var(--space-4) var(--ctl-inset) var(--space-8)}.eg-bar-status{display:grid;min-width:0;margin:0;font:400 .8125rem/1.25rem var(--sans);color:var(--muted);text-wrap:pretty}.eg-bar-status>span{grid-area:1/1;min-width:0}.eg-bar-note[data-off]{visibility:hidden}.eg-bar-live{display:flex;align-items:flex-start;gap:var(--space-6)}.eg-bar-live>span{min-width:0}.eg-bar-status[data-tone=hint] .eg-bar-live>span,.eg-bar-status[data-tone=read] .eg-bar-live>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eg-bar-status b{font:500 .78rem/1.25rem var(--mono);color:var(--ink)}.eg-bar-status[data-tone=warn]{color:var(--ink)}.eg-bar-warn{flex:0 0 auto;width:var(--space-16);height:var(--space-16);margin-top:var(--space-2);color:var(--ctl-warn)}.eg-bar-foot>*+.eg-bar-status{padding-top:var(--space-12);border-top:1px solid var(--line-faint)}.eg-seg{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"label track" "hint hint";align-items:center;grid-gap:var(--space-8) var(--space-12);gap:var(--space-8) var(--space-12);min-width:0}.eg-seg-label{grid-area:label;font:500 .6875rem/1rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-dim)}.eg-seg-track{--seg-n:1;--seg-i:0;grid-area:track;justify-self:start;position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);max-width:100%;padding:var(--space-2);border-radius:var(--radius-md);background:var(--lv-well);box-shadow:inset 0 0 0 1px var(--lv-well-line)}.eg-seg-thumb{position:absolute;top:var(--space-2);bottom:var(--space-2);left:var(--space-2);width:calc((100% - 2 * var(--space-2)) / var(--seg-n));border-radius:calc(var(--radius-md) - var(--space-2));background:color-mix(in srgb,var(--ink) 8%,var(--surface-lifted));box-shadow:0 0 0 1px var(--line),inset 0 1px 0 var(--lv-glass-edge),0 1px 3px color-mix(in srgb,var(--paper) 40%,transparent);transform:translateX(calc(var(--seg-i) * 100%));transition:transform var(--ctl-t);pointer-events:none}.eg-seg-opt{position:relative;z-index:1;min-height:2.75rem;padding:0 var(--space-16);overflow:hidden;text-overflow:ellipsis;border:0;border-radius:calc(var(--radius-md) - var(--space-2));background:transparent;color:var(--muted);font:500 .8125rem/1 var(--sans);white-space:nowrap;cursor:pointer;transition:color var(--ctl-t)}.eg-seg-opt[aria-checked=true]{color:var(--ink)}@media (hover:hover) and (pointer:fine){.eg-seg-opt:hover:not(:disabled){color:var(--ink)}}.eg-seg-opt:focus-visible{outline:2px solid var(--ctl-focus);outline-offset:0;border-radius:calc(var(--radius-md) - var(--space-2));box-shadow:none}.eg-seg-opt:disabled{cursor:default}.eg-seg-hint{grid-area:hint;margin:0;font:400 .8125rem/1.25rem var(--sans);color:var(--muted);text-wrap:pretty}@container ctl (width < 30rem){.eg-bar-line{flex-direction:column}.eg-bar-field{flex:0 0 auto}.eg-seg-track{justify-self:stretch}.eg-seg-opt{padding:var(--space-4) var(--space-8);white-space:normal;text-wrap:balance;line-height:1.15;text-overflow:clip}.eg-more-body{grid-template-columns:minmax(0,1fr)}}@container ctl (width < 42rem){.eg-bar.is-pair .eg-bar-line{flex-direction:column}.eg-bar.is-pair .eg-bar-field{flex:0 0 auto}}@container ctl (width >= 40rem){.eg-seg{grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"label track hint"}.eg-seg-hint{padding-left:var(--space-8)}}.m3-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-12) var(--space-16);padding:var(--space-4) var(--ctl-inset) var(--space-4)}.m3-head .eg-seg{flex:1 1 20rem;grid-template-columns:auto minmax(0,max-content);grid-template-areas:"label track" "hint hint";justify-content:start}.m3-head .eg-seg-hint{padding-left:0}.m3-head .eg-share-btn{min-height:var(--space-48)}.eg-seg-hint code{font:500 .78rem/1 var(--mono);color:var(--ink)}.eg-bar-field>.m3-textarea{display:block;width:100%;min-height:13rem;padding:var(--space-14) var(--ctl-inset);border-radius:inherit;font:400 1rem/1.6 var(--mono);resize:vertical}.m3-go{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-12) var(--space-16)}.m3-go .eg-bar-status{padding-left:var(--ctl-inset)}@container ctl (width < 30rem){.m3-go .eg-bar-go{width:100%}.m3-head .eg-seg{grid-template-columns:minmax(0,1fr);grid-template-areas:"label" "track" "hint"}}@media (prefers-reduced-motion:reduce){.eg-bar,.eg-bar-field,.eg-bar-go,.eg-go-glyph,.eg-more>summary,.eg-more>summary:before,.eg-seg-opt,.eg-seg-thumb{transition:none}.eg-go-spin{animation:none}}html[data-motion=paused] .eg-bar,html[data-motion=paused] .eg-bar-field,html[data-motion=paused] .eg-bar-go,html[data-motion=paused] .eg-go-glyph,html[data-motion=paused] .eg-more>summary,html[data-motion=paused] .eg-more>summary:before,html[data-motion=paused] .eg-seg-opt,html[data-motion=paused] .eg-seg-thumb{transition:none}html[data-motion=paused] .eg-go-spin{animation:none}@media (forced-colors:active){.eg-bar,.eg-bar-field,.eg-seg-track{border:1px solid CanvasText}.eg-bar-field:focus-within{outline:2px solid Highlight;outline-offset:2px}.eg-seg-thumb{forced-color-adjust:none;background:Highlight}.eg-seg-opt[aria-checked=true]{forced-color-adjust:none;color:HighlightText}}