/* macOS Interactive Dock — layout-stable magnification */
.mde-dock-wrap{width:100%;display:flex;justify-content:center;box-sizing:border-box;min-width:0;position:relative}
.mde-dock,.mde-dock *{box-sizing:border-box}
.mde-dock{
 --mde-size:76px;--mde-gap:10px;--mde-radius:18px;--mde-max-scale:155;--mde-influence:140;--mde-duration:160ms;--mde-lift:2px;--mde-tooltip-distance:10px;--mde-dot-bottom:6px;
 display:flex;align-items:flex-end;gap:var(--mde-gap);width:max-content;max-width:100%;position:relative;isolation:isolate;padding:10px 11px;
 border:1px solid #424047;border-radius:20px;background:#222126;box-shadow:0 14px 32px #0005;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
 overflow:visible;transform:none!important
}
/* CRITICAL: fixed slots never resize, preventing parent/section movement. */
.mde-dock-item{
 appearance:none;-webkit-appearance:none;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;
 position:relative;flex:0 0 var(--mde-size);width:var(--mde-size);height:var(--mde-size);min-width:0;min-height:0;
 border:0!important;margin:0!important;padding:0!important;background:transparent!important;text-decoration:none!important;
 color:inherit;cursor:pointer;outline-offset:6px;z-index:1;overflow:visible;
 transform:none!important;transition:none!important
}
.mde-dock-item:hover,.mde-dock-item:focus-visible{z-index:10}
.mde-icon-surface{
 display:flex;align-items:center;justify-content:center;width:100%;height:100%;flex:0 0 auto;overflow:hidden;
 border-radius:var(--mde-radius);box-shadow:0 1px 3px #0002;
 transform:translate3d(0,var(--dock-translate,0px),0) scale(var(--dock-scale,1));
 transform-origin:center bottom;will-change:transform;backface-visibility:hidden;
 transition:opacity 170ms ease,filter 170ms ease;pointer-events:none
}
.mde-app-image{display:block;width:100%;height:100%;object-fit:fill;border-radius:inherit;user-select:none;-webkit-user-drag:none;pointer-events:none}
.mde-icon-surface svg,.mde-icon-surface i{width:60%;height:60%;font-size:calc(var(--mde-size) * .55)}
.mde-active-dot{position:absolute;bottom:calc(var(--mde-dot-bottom) * -1);left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:#f6f6f9;pointer-events:none}
.mde-tooltip{
 position:absolute;bottom:calc(100% + var(--mde-tooltip-distance));left:50%;transform:translate(-50%,5px);
 white-space:nowrap;display:block;max-width:220px;overflow:visible;text-overflow:ellipsis;
 color:#f3f3f7;background:#2a292d;padding:5px 10px;border-radius:7px;
 font:500 13px/1.35 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
 opacity:0;visibility:hidden;pointer-events:none;box-shadow:0 4px 10px #0004;
 transition:opacity 160ms ease,transform 160ms ease,visibility 160ms ease;
}
.mde-tooltip::after{content:"";width:8px;height:8px;position:absolute;left:calc(50% - 4px);bottom:-4px;background:inherit;transform:rotate(45deg)}
.mde-dock-item:hover .mde-tooltip,.mde-dock-item:focus-visible .mde-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(max-width:767px){.mde-dock{--mde-size:48px;--mde-gap:6px;--mde-max-scale:130;--mde-influence:100;padding:8px}.mde-tooltip{font-size:11px}}
@media(hover:none){.mde-icon-surface{will-change:auto}}
@media(prefers-reduced-motion:reduce){.mde-icon-surface,.mde-tooltip{transition:none!important;will-change:auto}}