.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 rgba(124, 58, 237, .14)) );--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;display:flex;align-items:center;gap:.12rem;min-height:var(--key-shell-height, var(--control-height, 38px));border:1px solid var( --key-border, var(--theme-border, color-mix(in srgb, #818cf8 32%, #c7d2fe)) );background:var(--key-bg, var(--theme-surface, #ffffff));border-radius:var(--key-radius, var(--control-radius, .75rem));overflow:hidden;width:100%}.shared-key-shell:focus-within{border-color:var(--key-focus, color-mix(in srgb, #7c3aed 56%, #c4b5fd));box-shadow:var(--key-focus-ring)}.shared-key-value-btn{min-width:0;flex:1;border:0;background:transparent;color:var(--key-text, var(--theme-text, #0f172a));padding:.4rem .62rem;font-size:.9rem;font-weight:700;display:inline-flex;align-items:center;justify-content:space-between;cursor:pointer}.shared-key-value-btn:disabled{opacity:.6;cursor:not-allowed}.shared-key-value-btn:focus-visible,.shared-key-clear-btn:focus-visible,.shared-key-inline-action:focus-visible,.shared-key-step-btn:focus-visible,.shared-key-grid-item:focus-visible{outline:none}.shared-key-clear-btn{border:0;border-left:1px solid var(--key-divider, color-mix(in srgb, #94a3b8 22%, #e2e8f0));background:color-mix(in srgb,#f8fafc 70%,transparent);color:var(--key-muted, #64748b);min-height:100%;min-width:2rem;padding:0 .45rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .12s ease,color .12s ease}.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{display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:1.04rem;color:var(--key-muted, #64748b)}.shared-key-inline-action{border:0;border-left:1px solid var(--key-divider, color-mix(in srgb, #94a3b8 22%, #e2e8f0));background:color-mix(in srgb,#f8fafc 70%,transparent);color:var(--key-muted, #64748b);min-height:100%;min-width:2.24rem;padding:0 .72rem;cursor:pointer;transition:background-color .12s ease,color .12s ease}.shared-key-inline-action:disabled{opacity:.6;cursor:not-allowed}.shared-key-steps{display:flex;align-items:center;border-left:1px solid var(--key-divider, color-mix(in srgb, #94a3b8 22%, #e2e8f0));gap:.08rem;padding:0 .08rem}.shared-key-step-btn{width:1.7rem;height:calc(var(--key-shell-height, 2.5rem) - .62rem);border:0;background:color-mix(in srgb,#f8fafc 70%,transparent);color:var(--key-muted, #64748b);display:inline-flex;align-items:center;justify-content:center;border-radius:.45rem;cursor:pointer;transition:background-color .12s ease,color .12s ease}.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, #ffffff);--key-chip-border: color-mix(in srgb, #818cf8 28%, #c7d2fe);--key-chip-hover-border: color-mix(in srgb, #7c3aed 42%, #c4b5fd);--key-chip-hover-bg: color-mix(in srgb, #ede9fe 36%, #ffffff);--key-chip-active-border: color-mix(in srgb, #6d28d9 56%, #a5b4fc);--key-chip-active-bg: color-mix(in srgb, #ddd6fe 42%, #ffffff);--key-chip-active-text: #5b21b6;--key-dropdown-shadow: var( --theme-shadow-lg, 0 12px 28px rgba(15, 23, 42, .14) );margin-top:var(--key-dropdown-offset, .38rem);min-width:min(400px,calc(100vw - 24px));max-width:min(560px,calc(100vw - 24px))}.shared-key-dropdown-list{padding:var(--key-dropdown-padding, .84rem)}.shared-key-mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:var(--key-grid-gap, .46rem);margin-top:.62rem;padding-top:.62rem;border-top:1px solid var(--key-divider, color-mix(in srgb, #94a3b8 22%, #e2e8f0))}.shared-key-mode-toggle-btn{min-height:var(--key-chip-min-height, 2.24rem);border:1px solid var(--key-chip-border, color-mix(in srgb, #94a3b8 24%, #e2e8f0));border-radius:.55rem;background:var(--key-chip-bg, #ffffff);color:var(--key-text, #0f172a);padding:.34rem .5rem;font:inherit;font-size:var(--key-chip-font-size, .88rem);font-weight:var(--key-chip-font-weight, 600);text-transform:capitalize;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease}.shared-key-mode-toggle-btn:hover{border-color:var( --key-chip-hover-border, color-mix(in srgb, #7c3aed 42%, #c4b5fd) );background:var( --key-chip-hover-bg, color-mix(in srgb, #ede9fe 36%, #ffffff) )}.shared-key-mode-toggle-btn.active{border-color:var( --key-chip-active-border, color-mix(in srgb, #6d28d9 56%, #a5b4fc) );background:var( --key-chip-active-bg, color-mix(in srgb, #ddd6fe 42%, #ffffff) );color:var(--key-chip-active-text, #5b21b6)}.shared-key-relative-switch{display:grid;gap:.4rem;margin-top:.62rem;padding-top:.62rem;border-top:1px solid var(--key-divider, color-mix(in srgb, #94a3b8 22%, #e2e8f0))}.shared-key-relative-switch-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;min-width:0}.shared-key-relative-switch-label{margin:0;font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--key-muted, #64748b)}.shared-key-relative-switch-link{flex-shrink:0;font-size:.6875rem;font-weight:500;line-height:1.35;color:var(--key-muted, #64748b);text-decoration:none}.shared-key-relative-switch-link:hover{color:var(--key-link-hover, #5b21b6);text-decoration:underline;text-underline-offset:.12em}.shared-key-relative-switch-btn{min-height:var(--key-chip-min-height, 2.24rem);border:1px solid var(--key-chip-border, color-mix(in srgb, #94a3b8 24%, #e2e8f0));border-radius:.55rem;background:var(--key-chip-bg, #ffffff);color:var(--key-text, #0f172a);padding:.38rem .55rem;font:inherit;font-size:.8125rem;font-weight:600;text-align:left;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease}.shared-key-relative-switch-btn:hover{border-color:var( --key-chip-hover-border, color-mix(in srgb, #7c3aed 42%, #c4b5fd) );background:var( --key-chip-hover-bg, color-mix(in srgb, #ede9fe 36%, #ffffff) )}.shared-key-dropdown-clear-btn{display:block;width:100%;margin-top:.45rem;padding:.42rem .55rem;border:0;border-radius:.5rem;background:transparent;color:var(--key-muted-text, #64748b);font:inherit;font-size:.8125rem;font-weight:600;text-align:left;cursor:pointer}.shared-key-dropdown-clear-btn:hover{background:var(--key-control-hover-bg, #f5f3ff);color:var(--key-text, #0f172a)}.shared-key-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--key-grid-gap, .46rem)}.shared-key-grid-item{min-height:var(--key-chip-min-height, 2.24rem);border:1px solid var(--key-chip-border, color-mix(in srgb, #94a3b8 24%, #e2e8f0));border-radius:.55rem;background:var(--key-chip-bg, #ffffff);color:var(--key-text, #0f172a);padding:.34rem .5rem;font:inherit;font-size:var(--key-chip-font-size, .88rem);font-weight:var(--key-chip-font-weight, 600);cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease,box-shadow .12s ease,transform .12s ease}.shared-key-grid-item:hover{border-color:var( --key-chip-hover-border, color-mix(in srgb, #7c3aed 42%, #c4b5fd) );background:var( --key-chip-hover-bg, color-mix(in srgb, #ede9fe 36%, #ffffff) );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, color-mix(in srgb, #6d28d9 56%, #a5b4fc) );background:var( --key-chip-active-bg, color-mix(in srgb, #ddd6fe 42%, #ffffff) );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,calc(100vw - 16px));max-width:min(560px,calc(100vw - 16px))}.shared-key-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:480px){.shared-key-dropdown{min-width:min(400px,calc(100vw - 12px));max-width:min(560px,calc(100vw - 12px))}.shared-key-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.shared-key-chip-trigger-wrap{display:inline-flex;align-items:center;gap:.12rem;max-width:100%}.shared-key-chip-trigger{display:inline-flex;align-items:center;gap:.2rem;min-height:var(--key-shell-height, var(--control-height, 38px));border:1px solid var(--key-border, color-mix(in srgb, #818cf8 32%, #c7d2fe));background:var(--key-bg, #fff);border-radius:var(--key-radius, var(--control-radius, .75rem));color:var(--key-text, #0f172a);padding:.28rem .35rem .28rem .5rem;font:inherit;font-weight:700;cursor:pointer}.shared-key-chip-trigger.is-empty{color:var(--key-placeholder, #64748b);font-weight:600}.shared-key-chip-trigger.is-open,.shared-key-chip-trigger:focus-visible{border-color:var(--key-focus, color-mix(in srgb, #7c3aed 56%, #c4b5fd));box-shadow:var(--key-focus-ring, 0 0 0 2px rgba(124, 58, 237, .14));outline:none}.shared-key-chip-trigger:disabled{opacity:.6;cursor:not-allowed}.shared-key-chip-trigger-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shared-key-chip-trigger-chevron{font-size:1.1rem;color:var(--key-icon, rgba(15, 23, 42, .52))}.shared-key-chip-clear{border:0;background:transparent;color:var(--key-icon, rgba(15, 23, 42, .52));cursor:pointer;display:inline-grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:999px}.shared-key-chip-clear:hover{background:var(--key-control-hover-bg, #f5f3ff)}