.store-picker{container-type:inline-size;width:100%;min-width:0;color:#26364c;font-size:14px;text-align:left}
.store-picker [hidden]{display:none!important}
.store-picker button,.store-picker input,.store-picker select{font:inherit;touch-action:manipulation}
.store-picker button{cursor:pointer}.store-picker button:disabled{cursor:wait;opacity:.6}
.store-picker :is(button,input,select):focus-visible{outline:3px solid #9fb9e3;outline-offset:2px}
.sp-row button:focus-visible{outline-offset:-3px}
.sp-top{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:16px}
.sp-current{min-width:0;margin:0;font-size:13px;line-height:1.6;color:#5a6c86;overflow-wrap:anywhere}
.sp-cancel{flex:none;min-width:52px;min-height:44px;border:0;border-radius:7px;background:transparent;color:#536d94}
.sp-cancel:hover{background:#edf2f9}.sp-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,28%);gap:12px}
.sp-search-label,.sp-region-label{display:flex;flex-direction:column;gap:8px;color:#54647b;font-size:12px}
.sp-search-box{position:relative;display:flex;min-width:0}
.sp-search,.sp-region{height:44px;width:100%;min-width:0;border:1px solid #d6dfec;border-radius:8px;background:#fff;color:#26364c;padding:0 12px}
.store-picker :is(.sp-search,.sp-region){font-size:16px}
.sp-search{padding-right:44px}.sp-search::placeholder{color:#7b889c;font-size:12px}.sp-search::-webkit-search-cancel-button{display:none}
.sp-clear{position:absolute;inset:0 0 0 auto;width:44px;border:0;background:transparent;color:#687b96;font-size:23px!important;line-height:1;border-radius:8px}
.sp-clear:hover{color:#294e85;background:#f1f5fb}.sp-region{padding-right:6px}
.sp-modes{display:flex;gap:6px;margin-top:16px;padding:3px;width:max-content;max-width:100%;background:#edf1f6;border-radius:9px}
.sp-mode{min-height:44px;padding:0 16px;border:1px solid transparent;border-radius:7px;background:transparent;color:#60718a;white-space:nowrap;font-variant-numeric:tabular-nums}
.sp-mode:hover{color:#315b95}.sp-mode[aria-pressed=true]{background:#fff;border-color:#dde4ee;box-shadow:0 1px 3px #223b5b09;color:#315582}
.sp-count{margin:16px 0 9px;color:#748196;font-size:12px;font-variant-numeric:tabular-nums}
.sp-list{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:8px;max-height:min(48dvh,440px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:3px 4px 5px 3px}
.sp-row{display:flex;align-items:stretch;min-width:0;border:1px solid #dce3ed;border-radius:9px;background:#fff;content-visibility:auto;contain-intrinsic-size:auto 78px}
.sp-row:hover{border-color:#a5b8d4}.sp-row.is-current{border-color:#a8bedc;background:#f0f5fc}
.sp-choose{flex:1;display:flex;align-items:center;min-width:0;min-height:76px;padding:11px 8px 11px 14px;border:0;border-radius:8px;background:transparent;text-align:left;color:inherit}
.sp-choose:hover{background:#f5f8fd}.sp-copy{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
.sp-name{font-size:14px;font-weight:550;line-height:1.6;overflow-wrap:anywhere;white-space:normal}
.sp-meta{color:#6d7e96;font-size:12px;line-height:1.5;overflow-wrap:anywhere;white-space:normal;font-variant-numeric:tabular-nums}
.sp-state{color:#476ba3;font-size:11px;line-height:1.4}
.sp-favorite{flex:none;align-self:center;display:grid;place-items:center;width:44px;height:44px;margin-right:3px;border:0;border-radius:8px;background:transparent;color:#8493a7}
.sp-favorite svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sp-favorite:hover{background:#eaf0f9;color:#5273ab}.sp-favorite.is-favorite{color:#866323}.sp-favorite.is-favorite svg{fill:#f4dfaa}
.sp-hq{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:16px;padding:12px 14px;border:1px solid #dce3ed;border-radius:9px;background:#fff;text-align:left;color:#354c6e;min-height:68px}
.sp-hq:hover,.sp-hq.is-current{border-color:#a8bedc;background:#f0f5fc}.sp-hq-copy{display:flex;flex-direction:column;gap:5px}.sp-hq-copy strong{font-weight:550}.sp-hq-copy small{font-size:12px;color:#74849b}.sp-hq-state{font-size:12px;white-space:nowrap;color:#5273ab}
.sp-empty{margin:0;padding:30px 14px;text-align:center;color:#718198;font-size:13px;line-height:1.8;border-radius:9px;background:#f5f7fa}
.sp-error{margin:12px 0 0;padding:10px 12px;border:1px solid #efd4cf;border-radius:8px;background:#fff3f0;color:#a34c40;font-size:13px;line-height:1.7}
.auth-card.auth-picker{max-width:760px}.auth-picker .store-picker{margin-top:24px}.auth-picker>.auth-error{margin-top:12px}
@container (min-width:620px){.sp-list{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-controls{grid-template-columns:minmax(0,1fr) 180px}}
@container (max-width:380px){.sp-controls{grid-template-columns:minmax(0,1fr) 112px;gap:8px}.sp-mode{padding-inline:12px}.sp-search::placeholder{font-size:11px}}

/* Full-height left workspace drawer. The list scrolls independently of its entry and filters. */
#workspace-dialog{position:fixed;inset:0 auto 0 0;width:min(620px,calc(100vw - 40px));max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-right:1px solid #dce3ed;border-radius:0 18px 18px 0;overflow:hidden;box-shadow:18px 0 60px #17233c20}
#workspace-dialog[open]{animation:workspace-slide-in .26s cubic-bezier(.32,.72,0,1)}
#workspace-dialog[open]::backdrop{animation:workspace-shade-in .26s ease-out}
#workspace-dialog[open].is-closing{animation:workspace-slide-out .2s cubic-bezier(.32,.72,0,1) forwards;pointer-events:none}
#workspace-dialog[open].is-closing::backdrop{animation:workspace-shade-out .2s ease-out forwards}
@keyframes workspace-slide-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@keyframes workspace-slide-out{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@keyframes workspace-shade-in{from{background:#1d2b4500}to{background:#1d2b454f}}
@keyframes workspace-shade-out{from{background:#1d2b454f}to{background:#1d2b4500}}
#workspace-dialog>.dialog-body{display:flex;flex:1;min-height:0;overflow:hidden;padding:14px 22px 18px}
#workspace-dialog .workspace-options{flex:1;min-height:0;min-width:0;margin:0;gap:0}
#workspace-dialog .store-picker{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto auto minmax(0,1fr) auto}
#workspace-dialog .sp-top{grid-row:1;min-height:22px;margin:0 0 8px}
#workspace-dialog .sp-cancel{display:none}
#workspace-dialog .sp-hq{grid-row:2;margin:0 0 20px;padding:18px 20px;min-height:84px;background:#244b7b;border-color:#244b7b;color:white;box-shadow:0 5px 16px #244b7b1a}
#workspace-dialog .sp-hq:hover{background:#193c69;border-color:#193c69}
#workspace-dialog .sp-hq.is-current{background:#244b7b;border-color:#244b7b}
#workspace-dialog .sp-hq-copy strong{font-size:19px;font-weight:650;letter-spacing:.03em}
#workspace-dialog .sp-hq-copy small{color:#dae6f5;font-size:12px}
#workspace-dialog .sp-hq-state{display:block;color:#e5effd;font-size:13px}
#workspace-dialog .sp-controls{grid-row:3}
#workspace-dialog :is(.sp-search-label,.sp-region-label){gap:6px}
#workspace-dialog .sp-modes{grid-row:4;margin-top:14px;padding:3px}
#workspace-dialog .sp-mode{padding-inline:16px}
#workspace-dialog .sp-count{grid-row:5;margin:12px 0 8px;line-height:18px}
#workspace-dialog .sp-list{grid-row:6;grid-column:1;grid-template-columns:minmax(0,1fr);min-height:0;max-height:none;gap:8px}
#workspace-dialog .sp-row{contain-intrinsic-size:auto 68px}
#workspace-dialog .sp-choose{min-height:66px;padding:10px 8px 10px 14px}
#workspace-dialog .sp-copy{gap:4px}
#workspace-dialog .sp-empty{grid-row:6;grid-column:1;align-self:start;margin:3px 4px 0 3px}
#workspace-dialog .sp-error{grid-row:7;margin-top:8px}
@media(prefers-reduced-motion:reduce){#workspace-dialog[open],#workspace-dialog[open]::backdrop{animation:none}}