.dock-outer{margin:0 .5rem;display:flex;max-width:100%;align-items:center}.dock-panel{position:absolute;bottom:.5rem;left:50%;transform:translateX(-50%);display:flex;align-items:flex-end;width:fit-content;gap:.55rem;border-radius:1.15rem;background-color:rgba(253,253,251,.97);border:1px solid rgba(204,213,207,.88);padding:0 .5rem .5rem;box-shadow:0 14px 40px rgba(50,73,62,.12)}.dock-item{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background-color:rgba(248,250,248,.94);border:1px solid var(--line,#dce2dd);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);cursor:pointer;outline:none}.dock-item.is-active{border-color:color-mix(in srgb,var(--accent) 38%,var(--line));background:var(--accent-soft,#dfe9e3);color:var(--accent-strong,#365647)}.dock-icon{display:flex;align-items:center;justify-content:center}.dock-label{position:absolute;top:-1.5rem;left:50%;width:fit-content;white-space:pre;border-radius:.375rem;border:1px solid var(--line,#dce2dd);background-color:rgba(255,255,255,.95);padding:.125rem .5rem;font-size:.75rem;color:var(--ink,#26312c);transform:translateX(-50%)}