.sidepanel-wrapper{display:flex;flex-direction:column;height:100%;background:white;position:relative;overflow-x:auto}html.dark .sidepanel-wrapper{background:var(--h-card)}.hero-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.sidepanel-content{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(107,100,87,.5) transparent}.sidepanel-content::-webkit-scrollbar{width:8px}.sidepanel-content::-webkit-scrollbar-track{background:transparent}.sidepanel-content::-webkit-scrollbar-thumb{background:rgba(107,100,87,.45);border-radius:9999px;border:2px solid transparent;background-clip:padding-box}.sidepanel-content::-webkit-scrollbar-thumb:hover{background:rgba(107,100,87,.7);background-clip:padding-box}html.dark .sidepanel-content{scrollbar-color:rgba(107,100,87,.35) transparent}html.dark .sidepanel-content::-webkit-scrollbar-thumb{background:rgba(107,100,87,.3);background-clip:padding-box}html.dark .sidepanel-content::-webkit-scrollbar-thumb:hover{background:rgba(107,100,87,.5);background-clip:padding-box}.sidepanel-footer{border-top:1px solid var(--h-hair);padding:12px 18px 16px;background:var(--h-card);display:flex;gap:8px;flex-shrink:0}@media (max-width:768px){.sidepanel-drag-handle{position:absolute;z-index:1;width:100%}.sidepanel-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom, 0px))}}.sidepanel-desktop-shell{position:fixed;top:max(16px,env(safe-area-inset-top,0px));right:max(16px,env(safe-area-inset-right,0px));bottom:max(16px,env(safe-area-inset-bottom,0px));z-index:1102;display:flex;width:min(392px,calc(100vw - 32px));min-height:0;overflow:hidden;border-radius:16px;box-shadow:0 4px 18px rgba(28,32,30,.14)}.sidepanel-mobile-host{position:fixed;top:var(--map-inset-top,0);right:0;bottom:var(--map-inset-bottom,0);left:0;z-index:1002;overflow:hidden;transform:translateZ(0);pointer-events:none}.sidepanel-mobile-host>*{pointer-events:auto}.sidepanel-mobile-overlay{position:fixed;inset:0;z-index:1599;background:rgba(24,21,15,.22)}.sidepanel-mobile-drawer{position:fixed;right:0;bottom:0;left:0;z-index:1600;display:flex;height:100%;flex-direction:column;overflow:hidden;border-radius:var(--h-r-dialog) var(--h-r-dialog) 0 0;background:var(--h-card);box-shadow:var(--h-shadow-sheet);outline:none;padding-bottom:max(env(safe-area-inset-bottom,0px),8px)}.sidepanel-drag-handle{display:flex;flex-shrink:0;justify-content:center;align-items:flex-start;padding-top:8px;pointer-events:none}.sidepanel-drag-handle__bar{position:absolute;top:10px;left:50%;z-index:2;width:40px;height:4px;margin-left:-20px;border-radius:999px;background:var(--h-dots);pointer-events:none}.sidepanel-snap-toggle:not(:focus-visible){clip-path:inset(50%);opacity:0}.sidepanel-snap-toggle{position:absolute;top:0;right:4px;z-index:3;display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;border:0;border-radius:9999px;background:transparent;color:var(--h-muted);font-size:22px;line-height:1;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.sidepanel-snap-toggle:focus-visible,.sidepanel-snap-toggle:hover{background:color-mix(in srgb,var(--sidepanel-accent) 12%,transparent);color:var(--h-ink)}.sidepanel-snap-toggle:focus-visible{outline:2px solid color-mix(in srgb,var(--sidepanel-accent) 55%,white);outline-offset:-4px}.sidepanel-wrapper{--sidepanel-accent:var(--h-brand);--sidepanel-accent-2:#ff5a33;width:100%}@media (max-width:768px){.sidepanel-drag-handle{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;height:16px;min-height:16px;padding:0;pointer-events:auto;touch-action:none;cursor:grab;-webkit-tap-highlight-color:transparent}.sidepanel-drag-handle:active{cursor:grabbing}}