.dock-outer{position:fixed;bottom:0;left:0;right:0;justify-content:center;z-index:30;pointer-events:none}.dock-outer,.dock-panel{display:flex;align-items:flex-end}.dock-panel{gap:.5rem;padding:.5rem .75rem;background-color:hsl(var(--card));border:1px solid hsl(var(--border)/.3);border-radius:1.25rem;box-shadow:0 4px 30px rgba(0,0,0,.1);margin-bottom:.5rem;pointer-events:auto}.dock-item{justify-content:center;cursor:pointer;position:relative;will-change:width,height}.dock-item,.dock-link{display:flex;align-items:center}.dock-link{width:100%;height:100%;flex-direction:column;justify-content:flex-start;color:hsl(var(--foreground));text-decoration:none;gap:2px;padding-top:6px;transition:color .2s ease}.dock-item-label{font-size:10px;font-weight:500;color:hsl(var(--muted-foreground));white-space:nowrap;transition:color .2s,opacity .2s;opacity:.8}.dock-item:hover .dock-item-label{color:hsl(var(--primary));opacity:1}.dock-link[data-active=true] .dock-item-label{color:hsl(var(--primary));font-weight:600;opacity:1}.dock-link[data-active=true] .dock-icon{color:hsl(var(--primary))}.dock-icon{height:28px;width:28px;display:flex;align-items:center;justify-content:center;color:hsl(var(--muted-foreground));transition:color .2s}.dock-item:hover .dock-icon{color:hsl(var(--primary))}.dock-icon svg{width:100%;height:100%}