/* Overview dock shares the brand-detail toolbar and connected window treatment. */
.control-center{
  --window-safe-left:env(safe-area-inset-left,0px);--window-safe-right:env(safe-area-inset-right,0px);--window-safe-top:env(safe-area-inset-top,0px);--window-safe-bottom:env(safe-area-inset-bottom,0px);
  --control-accent:var(--ui-accent);--control-text:var(--ui-text);--control-muted:var(--ui-muted);--control-border:var(--ui-border);
  position:fixed;z-index:50;top:calc(var(--controls-viewport-top,0px) + var(--controls-viewport-height,100dvh)/2);left:max(24px,env(safe-area-inset-left));translate:0 -50%;width:max-content;max-width:calc(100vw - 32px);color:var(--control-text);font:400 12px/1.4 var(--sans);
}
.control-center button,.control-center input,.control-center kbd{font:inherit}
.control-center :is(button,a):focus-visible{outline:1px solid var(--ui-accent);outline-offset:3px}
.control-bar{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;max-height:calc(var(--controls-viewport-height,100dvh) - max(16px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom)));overflow-y:auto;scrollbar-width:none;border:1px solid rgb(var(--theme-rule-rgb,255 255 255) / 0.03922);border-radius:999px;background:var(--theme-raised,#202022);box-shadow:0 6px 20px var(--theme-shadow-soft,#0000000a)}
.control-divider{flex:none;width:22px;height:1px;margin:3px 0;background:rgb(var(--theme-rule-rgb,255 255 255) / 0.07059)}
.control-tool{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:0;border-radius:50%;color:var(--tool);text-decoration:none;transition:background .25s,color .25s,translate .25s}
.control-tool svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.control-tool:hover{background:rgb(var(--theme-rule-rgb,255 255 255) / 0.02745);translate:0 -2px}
.control-tool[aria-expanded=true]{background:var(--tool);color:var(--theme-on-pastel,#141415);translate:0}
#collections-nav[aria-pressed=true][aria-expanded=false]{background:color-mix(in srgb,var(--tool) 18%,transparent);translate:0}
#saved-nav[aria-pressed=true] svg{fill:currentColor}
#collections-nav[aria-pressed=true] svg{stroke-width:2}
.control-minimize{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;color:var(--theme-muted,#a1a1ab)}
.control-minimize svg{width:14px;height:14px}
.control-center.is-minimized{width:48px;max-width:48px;height:48px;border:1px solid var(--control-border);border-radius:50%;background:var(--theme-raised,#202022)}
.controls-launcher{display:grid;place-items:center;width:46px;height:46px;padding:0;border-radius:50%;color:var(--control-muted);touch-action:manipulation}
.controls-launcher svg{width:21px;height:21px;stroke-width:1.5}
.control-popover{position:absolute;display:flex;flex-direction:column;width:360px;max-width:calc(100vw - 32px);border:1px solid rgb(var(--theme-rule-rgb,255 255 255) / 0.07059);border-radius:11px;background:var(--theme-surface,#1c1c1e);box-shadow:0 16px 64px var(--theme-shadow-panel,#0007);overflow:hidden;animation:control-window-reveal .25s var(--ease) both}
.control-popover .spec-panel-header{display:flex;align-items:center;justify-content:space-between;flex:none;padding:12px 14px;background:var(--theme-chrome,#252527);border-bottom:1px solid rgb(var(--theme-rule-rgb,255 255 255) / 0.01961);font:9px var(--mono);letter-spacing:.05em;color:var(--theme-muted,#96969b)}
.control-popover .spec-panel-header h2{margin:0;font:inherit;letter-spacing:inherit;color:var(--theme-secondary,#b9b9c1)}
.control-panel-content{min-height:0;padding:16px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--theme-line,#49494f) transparent}
.control-connector{position:absolute;background:var(--panel-accent);opacity:.6;pointer-events:none}
.control-center[data-placement=right] .control-connector{left:100%;top:var(--connector-y);width:40px;height:1px}
.control-center[data-placement=above] .control-connector{left:50%;bottom:100%;width:1px;height:24px}
.control-center[data-placement=below] .control-connector{left:50%;top:100%;width:1px;height:24px}
.search-box{display:flex;align-items:center;gap:9px;min-height:36px;color:var(--theme-muted,#a1a1ab)}
.search-box svg{width:15px;height:15px;flex:none}
.search-box input{width:100%;min-width:0;padding:8px 0;border:0;background:transparent;color:var(--theme-text,#dfdfe4);outline:none;font:13px var(--ui-font)}
.search-box input::placeholder{color:var(--theme-faint,#85858e)}
.search-box:focus-within{outline:2px solid var(--panel-accent);outline-offset:4px;border-radius:4px}
.search-box:focus-within svg{color:var(--panel-accent)}
.search-box kbd{font:10px var(--mono);color:var(--theme-faint,#777781)}
.reset-field{min-height:32px;padding:0;color:var(--panel-accent);font-size:11px!important;white-space:nowrap}
.toolbar-menu{display:flex;flex-wrap:wrap;gap:6px}
.toolbar-menu :is(a,button){display:inline-flex;align-items:center;justify-content:center;flex:1 1 auto;gap:6px;min-width:0;min-height:34px;padding:6px 10px;border:1px solid var(--ui-border);border-radius:6px;text-align:center;color:var(--theme-secondary,#c4c0cc);font-size:12px!important;text-decoration:none}
.toolbar-menu :is(a,button):hover{border-color:var(--theme-faint,#8e8999);background:rgb(var(--theme-rule-rgb,255 255 255) / 0.03137);color:var(--theme-text,#ece9f2)}
.mobile-menu-action{display:none!important}
.menu-divider{flex:0 0 100%;height:1px;margin:4px 0;background:rgb(var(--theme-rule-rgb,255 255 255) / 0.06275)}
@keyframes control-window-reveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:640px),(max-height:550px) and (any-pointer:coarse){
  .control-center{top:auto;bottom:calc(var(--controls-viewport-bottom,0px) + max(16px,env(safe-area-inset-bottom)));left:calc(var(--controls-viewport-left,0px) + var(--controls-viewport-width,100vw)/2 + (env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px))/2);translate:-50% 0;max-width:calc(var(--controls-viewport-width,100vw) - max(16px,env(safe-area-inset-left)) - max(16px,env(safe-area-inset-right)))}
  .control-bar{flex-direction:row;flex-wrap:nowrap;gap:0;padding:6px 2px;max-height:none;overflow:visible}
  .control-divider,.control-minimize{display:none}
  .toolbar-menu .mobile-menu-action{display:flex!important}
  .control-bar .control-tool{flex-shrink:1;min-width:0;width:44px;height:44px}
  .control-tool svg{width:16px;height:16px}
  .search-box input{font-size:16px}
  .control-popover{width:340px}
}
@media(max-width:379px){
  .control-center{max-width:calc(var(--controls-viewport-width,100vw) - 8px)}
  .control-bar{display:grid;grid-template-columns:repeat(4,44px);gap:2px;padding:6px;border-radius:28px}
  .control-bar .control-tool{width:44px;min-width:44px}
}
@media(pointer:coarse){
  .reset-field,.toolbar-menu :is(a,button){min-height:44px}
}

#profile-panel,#saved-panel,#collections-panel,#menu-panel{width:240px}
#profile-panel .spec-panel-header,#saved-panel .spec-panel-header,#collections-panel .spec-panel-header,#menu-panel .spec-panel-header{padding:10px 12px}
#profile-panel .control-panel-content,#saved-panel .control-panel-content,#collections-panel .control-panel-content,#menu-panel .control-panel-content{padding:10px}
.collection-share-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;color:var(--ui-text)}
.collection-share-items{margin-top:10px;padding-top:6px;border-top:1px solid var(--ui-border)}
.collection-share-toggle{position:relative;width:44px;height:44px;flex:none;border-radius:6px}
.collection-share-toggle::before{content:"";position:absolute;inset:11px 3px;border:1px solid var(--ui-border);border-radius:999px;background:var(--theme-line,#49494f)}
.collection-share-toggle::after{content:"";position:absolute;top:14px;left:6px;width:16px;height:16px;border-radius:50%;background:var(--theme-surface,#f1f1f4);transition:translate .15s}
.collection-share-toggle[aria-checked=true]::before{background:var(--theme-accent,#bf9ff1);border-color:var(--theme-accent,#bf9ff1)}
.collection-share-toggle[aria-checked=true]::after{translate:16px 0;background:var(--theme-on-accent,#21182c)}
.collection-share-toggle:disabled{opacity:.5}
.collection-share-hint{margin:4px 0 0;color:var(--ui-muted);font:11px/1.6 var(--ui-font);overflow-wrap:anywhere}
[data-collection-share-guest] .collection-share-hint{margin:0 0 8px}
.collection-share-link{display:flex;align-items:center;gap:8px;min-width:0;margin-top:14px}
.collection-share-link input{min-width:0;width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--ui-border);border-radius:5px;background:var(--theme-input,#151515);color:var(--ui-text);text-overflow:ellipsis;font-size:11px}
.collection-share-link button,.collection-share-retry{min-height:44px;padding:8px 10px;border:1px solid var(--ui-border);border-radius:5px;color:var(--ui-text);font-size:11px;white-space:nowrap}
.collection-share-retry{margin-top:10px}
.collection-share-status{margin:10px 0 0;color:var(--ui-muted);font:11px/1.6 var(--ui-font);overflow-wrap:anywhere}
.collection-share-status.is-error{color:var(--theme-danger,#eeaaa6)}
@media(prefers-reduced-motion:reduce){.collection-share-toggle::after{transition:none}}