.shared-key-dropdown-anchor{width:100%}.shared-key-shell{--key-focus-ring:var(--labs-control-focus-ring,var(--theme-focus-ring,0 0 0 2px #7c3aed24));--key-control-hover-bg:#f5f3ff;--key-dropdown-padding:calc(var(--space-3,12px) + 1px);--key-grid-gap:calc(var(--space-2,8px) - 1px);--key-chip-min-height:2.24rem;--key-chip-font-size:var(--font-size-md,.88rem);--key-chip-font-weight:var(--font-weight-semibold,600);--key-chip-hover-shadow:none;--key-chip-hover-transform:none;--key-chip-active-shadow:none;min-height:var(--key-shell-height,var(--control-height,38px));border:1px solid var(--key-border,var(--theme-border,#b1bcfc));background:var(--key-bg,var(--theme-surface,#fff));border-radius:var(--key-radius,var(--control-radius,.75rem));align-items:center;gap:.12rem;width:100%;display:flex;overflow:hidden}.shared-key-shell:focus-within{border-color:var(--key-focus,#9c70f4);box-shadow:var(--key-focus-ring)}.shared-key-value-btn{min-width:0;color:var(--key-text,var(--theme-text,#0f172a));cursor:pointer;background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;padding:.4rem .62rem;font-size:.9rem;font-weight:700;display:inline-flex}.shared-key-value-btn:disabled{opacity:.6;cursor:not-allowed}.shared-key-value-btn:focus-visible{outline:none}.shared-key-clear-btn:focus-visible{outline:none}.shared-key-inline-action:focus-visible{outline:none}.shared-key-step-btn:focus-visible{outline:none}.shared-key-grid-item:focus-visible{outline:none}.shared-key-clear-btn{border:0;border-left:1px solid var(--key-divider,#d1d9e4);color:var(--key-muted,#64748b);cursor:pointer;background:#f8fafcb3;justify-content:center;align-items:center;min-width:2rem;min-height:100%;padding:0 .45rem;transition:background-color .12s,color .12s;display:inline-flex}.shared-key-clear-btn .material-symbols-outlined{font-size:1rem;line-height:1}.shared-key-clear-btn:hover:not(:disabled){background:var(--key-control-hover-bg);color:var(--key-text,#0f172a)}.shared-key-clear-btn:disabled{opacity:.6;cursor:not-allowed}.shared-key-value{text-align:left}.shared-key-value--placeholder{color:var(--key-muted,#64748b);font-weight:600}.shared-key-value-btn .material-symbols-outlined{color:var(--key-muted,#64748b);justify-content:center;align-items:center;font-size:1.04rem;line-height:1;display:inline-flex}.shared-key-inline-action{border:0;border-left:1px solid var(--key-divider,#d1d9e4);color:var(--key-muted,#64748b);cursor:pointer;background:#f8fafcb3;min-width:2.24rem;min-height:100%;padding:0 .72rem;transition:background-color .12s,color .12s}.shared-key-inline-action:disabled{opacity:.6;cursor:not-allowed}.shared-key-steps{border-left:1px solid var(--key-divider,#d1d9e4);align-items:center;gap:.08rem;padding:0 .08rem;display:flex}.shared-key-step-btn{width:1.7rem;height:calc(var(--key-shell-height,2.5rem) - .62rem);color:var(--key-muted,#64748b);cursor:pointer;background:#f8fafcb3;border:0;border-radius:.45rem;justify-content:center;align-items:center;transition:background-color .12s,color .12s;display:inline-flex}.shared-key-step-btn .material-symbols-outlined{font-size:1rem}.shared-key-step-btn+.shared-key-step-btn{border-left:0}.shared-key-step-btn:disabled{opacity:.6;cursor:not-allowed}.shared-key-inline-action:hover:not(:disabled),.shared-key-step-btn:hover:not(:disabled){background:var(--key-control-hover-bg);color:var(--key-text,#0f172a)}.shared-key-dropdown{--key-dropdown-padding:.84rem;--key-grid-gap:.46rem;--key-chip-min-height:2.24rem;--key-chip-font-size:.88rem;--key-chip-font-weight:600;--key-chip-hover-shadow:none;--key-chip-hover-transform:none;--key-chip-active-shadow:none;--key-text:var(--theme-text,#0f172a);--key-chip-bg:var(--theme-surface,#fff);--key-chip-border:#b3befc;--key-chip-hover-border:#a681f6;--key-chip-hover-bg:#f9f7ff;--key-chip-active-border:#8666e8;--key-chip-active-bg:#f1eeff;--key-chip-active-text:#5b21b6;--key-dropdown-shadow:var(--theme-shadow-lg,0 12px 28px #0f172a24);margin-top:var(--key-dropdown-offset,.38rem);min-width:min(400px,100vw - 24px);max-width:min(560px,100vw - 24px)}.shared-key-dropdown-list{padding:var(--key-dropdown-padding,.84rem)}.shared-key-mode-toggle{gap:var(--key-grid-gap,.46rem);border-top:1px solid var(--key-divider,#d1d9e4);grid-template-columns:1fr 1fr;margin-top:.62rem;padding-top:.62rem;display:grid}.shared-key-mode-toggle-btn{min-height:var(--key-chip-min-height,2.24rem);border:1px solid var(--key-chip-border,#cfd7e3);background:var(--key-chip-bg,#fff);color:var(--key-text,#0f172a);font:inherit;font-size:var(--key-chip-font-size,.88rem);font-weight:var(--key-chip-font-weight,600);text-transform:capitalize;cursor:pointer;border-radius:.55rem;padding:.34rem .5rem;transition:border-color .12s,background-color .12s,color .12s}.shared-key-mode-toggle-btn:hover{border-color:var(--key-chip-hover-border,#a681f6);background:var(--key-chip-hover-bg,#f9f7ff)}.shared-key-mode-toggle-btn.active{border-color:var(--key-chip-active-border,#8666e8);background:var(--key-chip-active-bg,#f1eeff);color:var(--key-chip-active-text,#5b21b6)}.shared-key-relative-switch{border-top:1px solid var(--key-divider,#d1d9e4);gap:.4rem;margin-top:.62rem;padding-top:.62rem;display:grid}.shared-key-relative-switch-head{justify-content:space-between;align-items:baseline;gap:.5rem;min-width:0;display:flex}.shared-key-relative-switch-label{letter-spacing:.04em;text-transform:uppercase;color:var(--key-muted,#64748b);margin:0;font-size:.6875rem;font-weight:700}.shared-key-relative-switch-link{color:var(--key-muted,#64748b);flex-shrink:0;font-size:.6875rem;font-weight:500;line-height:1.35;text-decoration:none}.shared-key-relative-switch-link:hover{color:var(--key-link-hover,#5b21b6);text-underline-offset:.12em;text-decoration:underline}.shared-key-relative-switch-btn{min-height:var(--key-chip-min-height,2.24rem);border:1px solid var(--key-chip-border,#cfd7e3);background:var(--key-chip-bg,#fff);color:var(--key-text,#0f172a);font:inherit;text-align:left;cursor:pointer;border-radius:.55rem;padding:.38rem .55rem;font-size:.8125rem;font-weight:600;transition:border-color .12s,background-color .12s,color .12s}.shared-key-relative-switch-btn:hover{border-color:var(--key-chip-hover-border,#a681f6);background:var(--key-chip-hover-bg,#f9f7ff)}.shared-key-dropdown-clear-btn{width:100%;color:var(--key-muted-text,#64748b);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.5rem;margin-top:.45rem;padding:.42rem .55rem;font-size:.8125rem;font-weight:600;display:block}.shared-key-dropdown-clear-btn:hover{background:var(--key-control-hover-bg,#f5f3ff);color:var(--key-text,#0f172a)}.shared-key-grid{gap:var(--key-grid-gap,.46rem);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.shared-key-grid-item{min-height:var(--key-chip-min-height,2.24rem);border:1px solid var(--key-chip-border,#cfd7e3);background:var(--key-chip-bg,#fff);color:var(--key-text,#0f172a);font:inherit;font-size:var(--key-chip-font-size,.88rem);font-weight:var(--key-chip-font-weight,600);cursor:pointer;border-radius:.55rem;padding:.34rem .5rem;transition:border-color .12s,background-color .12s,color .12s,box-shadow .12s,transform .12s}.shared-key-grid-item:hover{border-color:var(--key-chip-hover-border,#a681f6);background:var(--key-chip-hover-bg,#f9f7ff);box-shadow:var(--key-chip-hover-shadow);transform:var(--key-chip-hover-transform)}.shared-key-grid-item.active{border-color:var(--key-chip-active-border,#8666e8);background:var(--key-chip-active-bg,#f1eeff);color:var(--key-chip-active-text,#5b21b6);box-shadow:var(--key-chip-active-shadow)}@media (max-width:768px){.shared-key-shell{min-height:var(--control-height-touch,44px)}.shared-key-dropdown{min-width:min(400px,100vw - 16px);max-width:min(560px,100vw - 16px)}.shared-key-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:480px){.shared-key-dropdown{min-width:min(400px,100vw - 12px);max-width:min(560px,100vw - 12px)}.shared-key-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.shared-key-chip-trigger-wrap{align-items:center;gap:.12rem;max-width:100%;display:inline-flex}.shared-key-chip-trigger{min-height:var(--key-shell-height,var(--control-height,38px));border:1px solid var(--key-border,#b1bcfc);background:var(--key-bg,#fff);border-radius:var(--key-radius,var(--control-radius,.75rem));color:var(--key-text,#0f172a);font:inherit;cursor:pointer;align-items:center;gap:.2rem;padding:.28rem .35rem .28rem .5rem;font-weight:700;display:inline-flex}.shared-key-chip-trigger.is-empty{color:var(--key-placeholder,#64748b);font-weight:600}.shared-key-chip-trigger.is-open{border-color:var(--key-focus,#9c70f4);box-shadow:var(--key-focus-ring,0 0 0 2px #7c3aed24);outline:none}.shared-key-chip-trigger:focus-visible{border-color:var(--key-focus,#9c70f4);box-shadow:var(--key-focus-ring,0 0 0 2px #7c3aed24);outline:none}.shared-key-chip-trigger:disabled{opacity:.6;cursor:not-allowed}.shared-key-chip-trigger-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.shared-key-chip-trigger-chevron{color:var(--key-icon,#0f172a85);font-size:1.1rem}.shared-key-chip-clear{color:var(--key-icon,#0f172a85);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:1.75rem;height:1.75rem;display:inline-grid}.shared-key-chip-clear:hover{background:var(--key-control-hover-bg,#f5f3ff)}