.place-photo-picker{border-top:1px solid #ccdfef;padding-top:14px}.photo-picker-controls{display:flex;align-items:center;justify-content:center;gap:12px}.photo-picker-controls>span{font-size:13px;min-width:42px;text-align:center;font-variant-numeric:tabular-nums}.photo-picker-controls button{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#deecfa;padding:9px}.photo-picker-controls svg{width:20px;height:20px}.photo-picker-controls [data-photo-use]{margin-left:8px}.photo-picker-controls [data-photo-use][aria-pressed=true]{background:#084baf;color:white}.photo-picker-options{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:14px}.photo-picker-options button{width:34px;height:34px;padding:6px;border-radius:10px;background:#e2effa;font-size:12px;color:#214b74}.photo-picker-options button[aria-pressed=true]{background:#084baf;color:white}.photo-picker-status{font-size:12px!important;color:#345879;line-height:1.5;margin:12px 0 0!important;text-align:center}#googlePreview .object-google-photo img{max-height:360px!important;width:100%;object-fit:contain!important;border-radius:14px}#googlePreview .object-google-photo{margin:14px 0}
/* A clipped surface bridges the compact rail and its hover expansion without reflowing the page. */
@media(min-width:761px) and (hover:hover) and (pointer:fine){.sidebar-collapsed .magic-sidebar-surface{width:250px!important;min-width:250px;clip-path:inset(0 186px 0 0 round 24px);transition:clip-path 240ms cubic-bezier(.32,.72,0,1)}.sidebar-collapsed.sidebar-peek .magic-sidebar-surface{clip-path:inset(0 0 0 0 round 24px)}.sidebar-collapsed .sidebar-label,.sidebar-collapsed .sidebar-city-name{opacity:0;transform:translateX(-6px)}.sidebar-collapsed.sidebar-peek .sidebar-label,.sidebar-collapsed.sidebar-peek .sidebar-city-name{opacity:1;transform:translateX(0);transition:opacity 160ms ease,transform 160ms cubic-bezier(.23,1,.32,1)}}
@media(prefers-reduced-motion:reduce){.sidebar-collapsed .magic-sidebar-surface,.sidebar-collapsed .sidebar-label,.sidebar-collapsed .sidebar-city-name{transition:none!important;transform:none!important}}
@media(min-width:761px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:reduce){.sidebar-collapsed.sidebar-peek #magicSidebar:hover .magic-sidebar-inner{animation:sidebarSoftReveal 160ms ease-out!important}}@keyframes sidebarSoftReveal{from{opacity:.65}to{opacity:1}}