.autocomplete-module__R6xLRW__root{width:260px;font-size:var(--fs-12,12.5px);position:relative}.autocomplete-module__R6xLRW__pop{z-index:25;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-1);max-height:200px;box-shadow:var(--shadow-pop);padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto}.autocomplete-module__R6xLRW__list{display:contents}.autocomplete-module__R6xLRW__opt{border-radius:var(--r-sm);color:var(--fg-2);cursor:pointer;align-items:center;gap:8px;padding:6px 8px;display:flex}.autocomplete-module__R6xLRW__opt:hover,.autocomplete-module__R6xLRW__active{background:var(--bg-3)}.autocomplete-module__R6xLRW__opt mark{color:var(--accent);background:0 0;font-weight:600}.autocomplete-module__R6xLRW__empty{font-size:var(--fs-13,14px);color:var(--fg-faint);text-align:center;padding:8px}
.breadcrumb-module__UyjpJG__nav{flex-wrap:wrap;align-items:center;gap:2px 4px;min-width:0;font-size:12.5px;display:flex}.breadcrumb-module__UyjpJG__list{align-items:center;gap:inherit;flex-wrap:wrap;min-width:0;max-width:100%;margin:0;padding:0;list-style:none;display:flex}.breadcrumb-module__UyjpJG__item{align-items:center;gap:2px;min-width:0;max-width:100%;display:flex}.breadcrumb-module__UyjpJG__btn{min-width:0;max-width:min(16rem,42vw);color:var(--fg-dim);border-radius:var(--r-sm,6px);cursor:pointer;font:inherit;font-size:inherit;text-overflow:ellipsis;white-space:nowrap;transition:color var(--dur-fast,.12s) var(--ease,var(--ease-standard));background:0 0;border:1px solid #0000;align-items:center;gap:6px;margin:-2px -4px;padding:2px 4px;line-height:1.3;text-decoration:none;display:inline-flex;overflow:hidden}.breadcrumb-module__UyjpJG__btn:hover:not(:disabled){color:var(--accent)}.breadcrumb-module__UyjpJG__btn:focus-visible{border-color:var(--accent-line,var(--accent));box-shadow:0 0 0 3px var(--accent-soft,color-mix(in oklab, var(--accent) 22%, transparent));z-index:1;outline:none}.breadcrumb-module__UyjpJG__current{color:var(--fg);cursor:default;max-width:min(18rem,48vw);font-weight:600}.breadcrumb-module__UyjpJG__btn:disabled.breadcrumb-module__UyjpJG__current{opacity:1}@media (max-width:360px){.breadcrumb-module__UyjpJG__btn{max-width:min(9rem,36vw)}.breadcrumb-module__UyjpJG__current{max-width:min(11rem,44vw)}.breadcrumb-module__UyjpJG__nav{gap:1px 2px}}.breadcrumb-module__UyjpJG__sep{color:var(--fg-dim);opacity:1;-webkit-user-select:none;user-select:none;flex:none;place-items:center;margin-inline:2px;display:grid}@media (prefers-reduced-motion:reduce){.breadcrumb-module__UyjpJG__btn{transition-duration:1ms}}
.toggle-group{--tn:var(--color-accent-strong,var(--accent));--tn-s:var(--accent-soft);--tn-m:color-mix(in oklab, var(--accent) 22%, transparent);--tn-e:var(--color-accent-text,var(--accent));--tn-b:var(--accent-line);--tn-on:var(--on-accent);--h:30px;--px:11px;--fs:12px;--ico:13px;--gap:6px;min-inline-size:0;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-3);isolation:isolate;align-items:center;gap:2px;max-width:100%;margin:0;padding:2px;display:inline-flex;position:relative}.toggle-group[data-size=xs]{--h:22px;--px:7px;--fs:10.5px;--ico:11px;--gap:4px}.toggle-group[data-size=sm]{--h:26px;--px:9px;--fs:11.5px;--ico:11px}.toggle-group[data-size=lg]{--h:36px;--px:16px;--fs:13.5px;--ico:16px;--gap:8px}.toggle-group[data-size=xl]{--h:44px;--px:22px;--fs:15px;--ico:18px;--gap:9px}.toggle-group[data-block]{width:100%;display:flex}.toggle-group[data-block]>.toggle-group-b{flex:1;min-width:0}.toggle-group-l{text-overflow:ellipsis;min-width:0;overflow:hidden}.toggle-group[data-vertical]{flex-direction:column;align-items:stretch;display:inline-flex}.toggle-group[data-vertical][data-block]{display:flex}.toggle-group[disabled]{opacity:.45}.toggle-group-b{z-index:1;justify-content:center;align-items:center;gap:var(--gap);height:calc(var(--h) - 4px);padding:0 var(--px);border-radius:var(--r-md);color:var(--fg-dim);font-family:var(--ui);font-size:var(--fs);font-weight:var(--w-medium);white-space:nowrap;cursor:pointer;transition:color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);-webkit-tap-highlight-color:transparent;background:0 0;border:0;line-height:1;display:inline-flex;position:relative}.toggle-group-b>svg{width:var(--ico);height:var(--ico);flex:none}.toggle-group-b[data-icon-only]{width:calc(var(--h) - 4px);padding:0}.toggle-group-b:hover,.toggle-group-b[data-on]{color:var(--fg)}.toggle-group-b[data-disabled]{opacity:.45;cursor:not-allowed}.toggle-group-b:focus-within{box-shadow:0 0 0 3px var(--accent-soft);outline:none}.toggle-group-i{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.toggle-group-c{border-radius:var(--r-pill);background:var(--bg-3);min-width:15px;height:15px;color:var(--fg-dim);font-family:var(--mono);font-variant-numeric:tabular-nums;place-items:center;padding:0 4px;font-size:10px;display:inline-grid}.toggle-group-thumb{z-index:0;border-radius:var(--r-md);background:var(--bg-1);box-shadow:var(--shadow-thumb);pointer-events:none;transition:transform var(--dur) var(--ease), width var(--dur) var(--ease), height var(--dur) var(--ease);position:absolute;top:0;left:0}.toggle-group[data-multiple]>.toggle-group-b[data-on]{background:var(--bg-1);color:var(--fg);box-shadow:var(--shadow-thumb)}.toggle-group[data-v=solid] .toggle-group-thumb{background:var(--tn)}.toggle-group[data-v=solid]>.toggle-group-b[data-on]{color:var(--tn-on)}.toggle-group[data-v=soft] .toggle-group-thumb{background:var(--tn-s);box-shadow:none}.toggle-group[data-v=soft]>.toggle-group-b[data-on]{color:var(--tn-e)}.toggle-group[data-v=outline]{background:0 0}.toggle-group[data-v=outline] .toggle-group-thumb{background:var(--tn-s);box-shadow:inset 0 0 0 1px var(--tn-b)}.toggle-group[data-v=outline]>.toggle-group-b[data-on]{color:var(--tn-e)}.toggle-group[data-v=flat],.toggle-group[data-v=ghost]{background:0 0;border-color:#0000;padding:0}.toggle-group[data-v=flat] .toggle-group-thumb{background:var(--tn-s);border-radius:var(--r-sm);box-shadow:none}.toggle-group[data-v=ghost] .toggle-group-thumb{background:var(--bg-3);border-radius:var(--r-sm);box-shadow:none}.toggle-group[data-v=flat]>.toggle-group-b,.toggle-group[data-v=ghost]>.toggle-group-b{height:var(--h);border-radius:var(--r-sm)}.toggle-group[data-v=flat]>.toggle-group-b[data-on]{color:var(--tn-e)}.toggle-group[data-v=underline]{background:0 0;border-width:0 0 1px;border-radius:0;gap:2px;padding:0}.toggle-group[data-v=underline] .toggle-group-thumb{background:color-mix(in oklab, var(--accent) 40%, transparent);height:2px;box-shadow:none;border-radius:2px 2px 0 0;top:auto;bottom:0}.toggle-group[data-v=underline]>.toggle-group-b{height:var(--h);border-radius:var(--r-sm) var(--r-sm) 0 0}.toggle-group[data-v=underline]>.toggle-group-b[data-on]{color:var(--tn-e)}.toggle-group[data-multiple][data-v=solid]>.toggle-group-b[data-on]{background:var(--tn);color:var(--tn-on);box-shadow:none}.toggle-group[data-multiple][data-v=soft]>.toggle-group-b[data-on],.toggle-group[data-multiple][data-v=flat]>.toggle-group-b[data-on],.toggle-group[data-multiple][data-v=outline]>.toggle-group-b[data-on]{background:var(--tn-s);color:var(--tn-e);box-shadow:inset 0 0 0 1px var(--tn-b)}.toggle-group[data-multiple][data-v=ghost]>.toggle-group-b[data-on]{background:var(--bg-3);color:var(--fg);box-shadow:none}.toggle-group[data-multiple][data-v=underline]>.toggle-group-b[data-on]{color:var(--tn-e);box-shadow:inset 0 -2px 0 var(--tn);background:0 0}.toggle-group[data-detached]{background:0 0;border-color:#0000;gap:6px;padding:0}.toggle-group[data-detached]>.toggle-group-b{height:var(--h);border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-2);box-shadow:none}.toggle-group[data-detached]>.toggle-group-b:hover{background:var(--bg-3);color:var(--fg)}.toggle-group[data-detached]>.toggle-group-b[data-on]{background:var(--bg-1);border-color:var(--tn-b);color:var(--fg);box-shadow:var(--shadow-thumb)}.toggle-group[data-detached][data-v=solid]>.toggle-group-b[data-on]{background:var(--tn);color:var(--tn-on);box-shadow:none;border-color:#0000}.toggle-group[data-detached][data-v=soft]>.toggle-group-b[data-on],.toggle-group[data-detached][data-v=outline]>.toggle-group-b[data-on],.toggle-group[data-detached][data-v=flat]>.toggle-group-b[data-on]{background:var(--tn-s);border-color:var(--tn-b);color:var(--tn-e);box-shadow:none}.toggle-group[data-detached][data-v=ghost]>.toggle-group-b[data-on]{background:var(--bg-3);color:var(--fg);box-shadow:none;border-color:#0000}.toggle-group[data-detached][data-v=underline]>.toggle-group-b{border-radius:var(--r-sm) var(--r-sm) 0 0;background:0 0;border-width:0 0 1px}.toggle-group[data-detached][data-v=underline]>.toggle-group-b[data-on]{border-color:var(--tn);color:var(--tn-e);box-shadow:none;background:0 0}@media (prefers-reduced-motion:reduce){.toggle-group-b,.toggle-group-thumb{transition-duration:1ms}}
.demo-section-module__06SB9a__sec{box-shadow:var(--f4-e1,var(--shadow));flex-direction:column;gap:14px;display:flex}.demo-section-module__06SB9a__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;min-width:0;display:flex}.demo-section-module__06SB9a__title{color:var(--fg);font-family:var(--mono,ui-monospace, monospace);font-size:10.5px;font-weight:var(--w-semi,600);letter-spacing:.08em;text-transform:uppercase;margin:0}.demo-section-module__06SB9a__hint{color:var(--fg-faint);font-family:var(--mono,ui-monospace, monospace);letter-spacing:.01em;margin:0;font-size:10.5px}.demo-section-module__06SB9a__seg{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.demo-section-module__06SB9a__segLabel{color:var(--fg-faint);font-family:var(--mono,ui-monospace, monospace);font-size:9.5px;font-weight:var(--w-medium,500);letter-spacing:.08em;text-transform:uppercase}.demo-section-module__06SB9a__rule{border:1px solid var(--line-soft);border-radius:var(--r-lg);background:var(--bg-2);color:var(--fg-2);align-items:flex-start;gap:10px;padding:10px 12px;font-size:12.5px;line-height:1.5;display:flex}.demo-section-module__06SB9a__ruleIcon{color:var(--accent);flex-shrink:0;margin-top:2px}.demo-section-module__06SB9a__ruleBody{min-width:0}
.chip{--tn:var(--accent);--tn-h:var(--accent);--tn-a:var(--accent);--tn-s:var(--accent-soft);--tn-m:var(--accent-soft);--tn-e:var(--color-accent-text,var(--accent));--tn-b:var(--accent);--tn-on:var(--on-accent);--tn-g:transparent;border-radius:var(--r-sm);background:var(--bg-3);height:22px;color:var(--fg-2);font-family:var(--mono);letter-spacing:.02em;white-space:nowrap;max-width:100%;transition:color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);border:1px solid #0000;align-items:center;gap:5px;padding:2px 8px;font-size:10.5px;font-weight:500;line-height:1;display:inline-flex}.chip--sm,.chip[data-size=sm]{gap:4px;height:19px;padding:0 3px 0 7px;font-size:10.5px}.chip[data-plain]{padding-right:8px}.chip[data-tone]{background:var(--tn-s);color:var(--tn-e)}:is([data-theme=dark],[data-theme=vscode]) .chip[data-tone]{background:color-mix(in oklab, var(--tn-s) 78%, var(--tn) 22%);color:var(--tn-e)}.chip[data-clickable]{cursor:pointer}.chip[data-clickable]:hover{background:var(--bg-4);color:var(--fg)}.chip[data-tone][data-clickable]:hover{background:var(--tn-m);color:var(--tn-e)}.chip[data-selected]{background:var(--tn);color:var(--tn-on);border-color:color-mix(in oklab, var(--tn) 40%, transparent)}.chip[data-selected][data-tone]{background:var(--tn);color:var(--tn-on)}.chip-av{border-radius:50%;flex:none;place-items:center;width:15px;height:15px;margin-left:-3px;font-size:8px;display:grid;overflow:hidden}.chip-main{min-width:0;color:inherit;font:inherit;cursor:pointer;text-align:left;border-radius:inherit;background:0 0;border:0;flex:auto;align-self:stretch;align-items:center;gap:4px;margin:0;padding:0;display:inline-flex}.chip:has(>.chip-main){gap:2px;padding-right:2px}.chip-x{border-radius:var(--r-xs);width:24px;min-width:24px;height:24px;min-height:24px;color:inherit;opacity:.62;cursor:pointer;transition:opacity var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);background:0 0;border:0;flex:none;place-items:center;margin-top:-1px;margin-bottom:-1px;margin-right:-6px;display:grid}.chip-x>svg{width:11px;height:11px}.chip-x:hover{opacity:1;background:color-mix(in oklab, currentColor 14%, transparent)}.chip-x:focus-visible{opacity:1;box-shadow:0 0 0 2px var(--bg-1), 0 0 0 4px var(--accent-soft,var(--accent));outline:none}.chip>:not(.chip-av):not(.chip-x):not(svg){text-overflow:ellipsis;min-width:0;overflow:hidden}