.hd-host{width:100%;margin-bottom:1.25rem}.hd-host>.hd{width:100%;max-width:2160px;margin-inline:auto}.hd-sec{min-width:0}.hd-sec-in{display:flow-root}.page-body{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex}.hd-card{border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface-raised);box-shadow:var(--shadow-xs);flex-direction:column;padding:1.125rem 1.25rem 1.25rem;display:flex}.hd-top{align-items:center;gap:1rem;min-width:0;display:flex}.hd-top>.trail{flex:1;min-width:0}.hd-sub{min-height:1.625rem;color:var(--fg-muted);font-size:var(--text-xs);flex-wrap:wrap;align-items:center;gap:.25rem .75rem;margin-top:.75rem;padding-left:.25rem;display:flex}.hd-meta{flex-wrap:wrap;align-items:center;gap:.375rem;min-width:0;display:inline-flex}.hd-meta-part{align-items:center;gap:.375rem;display:inline-flex}.hd-meta-dot{color:var(--fg-subtle)}.hd-tiles{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:.75rem;display:grid}.hd-tile{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-raised);min-width:0;box-shadow:var(--shadow-xs);align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex;position:relative}.hd-tile-icon{border-radius:var(--radius-sm);background:var(--accent-muted);width:2.25rem;height:2.25rem;color:var(--accent-strong);flex-shrink:0;place-items:center;display:grid}.hd-tile-icon>svg{width:1.125rem;height:1.125rem}.hd-tile-text{flex-direction:column;min-width:0;display:flex}.hd-tile-link{color:inherit;text-decoration:none;position:static}.hd-tile-link:after{border-radius:inherit;content:"";position:absolute;inset:0}.hd-tile-go{width:1rem;height:1rem;color:var(--fg-subtle);transition:color var(--duration-fast) linear;position:absolute;top:.75rem;right:.75rem}.hd-tile:has(.hd-tile-link:hover){border-color:var(--accent-border)}.hd-tile:has(.hd-tile-link:hover) .hd-tile-go{color:var(--accent-strong)}.hd-tile-link:focus-visible{outline:none}.hd-tile:has(.hd-tile-link:focus-visible){box-shadow:var(--focus-ring)}.hd-tile-label,.hd-tile-note{color:var(--fg-muted);font-size:var(--text-2xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hd-tile-label{font-weight:500}.hd-tile-value{color:var(--fg);font-size:var(--text-lg);font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.4;overflow:hidden}.hd-frame-line{border-radius:var(--radius-pill);background:var(--surface-subtle);width:22rem;max-width:60%;height:1rem;display:block}.hd-frame-tile{border-radius:var(--radius-control);background:var(--surface-subtle);height:4.5rem}.trail{min-width:0;display:flex}.trail>ol{align-items:center;min-width:0;margin:-6px;padding:6px;list-style:none;display:flex;overflow:hidden}.trail li{flex-shrink:0;display:flex;position:relative}.trail li:last-child{flex-shrink:1;min-width:0}.trail li+li{margin-left:-1.75rem}@property --trail-lead{syntax:"<color>";inherits:true;initial-value:#0000}.trail-pill{--trail-lead:var(--fg-subtle);border-radius:var(--radius-pill);outline:4px solid var(--surface-raised);background:var(--surface-subtle);min-width:0;height:3rem;color:var(--fg-muted);white-space:nowrap;transition:background-color var(--duration-trail) ease-out, color var(--duration-trail) ease-out, --trail-lead var(--duration-trail) ease-out;align-items:center;display:inline-flex}.trail li+li .trail-pill{padding-left:1.75rem}.trail-go{border-radius:var(--radius-pill);min-width:0;height:3rem;color:inherit;font-size:var(--text-md);letter-spacing:-.02em;align-items:center;gap:.625rem;margin:0;padding:0 1.375rem 0 1rem;font-weight:600;line-height:1.5rem;text-decoration:none;display:inline-flex}.trail-go:focus-visible,.trail-x:focus-visible{box-shadow:var(--focus-ring);outline:none}.trail-label{text-overflow:ellipsis;overflow:hidden}.trail-lead{color:var(--trail-lead);flex-shrink:0;place-items:center;display:inline-grid}.trail-lead>svg{width:1.125rem;height:1.125rem}.trail-pill.is-ancestor:hover{background:var(--accent-muted);--trail-lead:var(--accent);color:var(--accent-strong)}.trail-pill.is-current{--trail-lead:var(--fg-on-solid);background:var(--accent-solid);color:var(--fg-on-solid)}.trail-pill.is-current .trail-go{font-size:var(--text-lg)}.trail-pill.is-current .trail-lead .lk-avatar{background:color-mix(in oklab, var(--fg-on-solid) 20%, transparent);color:var(--fg-on-solid)}.trail-x{border-radius:var(--radius-pill);background:color-mix(in oklab, var(--fg-on-solid) 14%, transparent);width:0;height:2rem;color:var(--fg-on-solid);opacity:0;visibility:hidden;transition:width var(--duration-trail) ease-out, margin var(--duration-trail) ease-out, opacity calc(var(--duration-trail) * .5) ease-out, transform var(--duration-trail) ease-out, visibility 0s linear var(--duration-trail), background-color var(--duration-fast) ease-out;flex-shrink:0;place-items:center;margin:0;display:grid;overflow:hidden;transform:scale(.4)rotate(-90deg)}.trail-x>svg{width:1rem;height:1rem;transition:transform var(--duration-fast) ease-out}.trail-pill.is-current .trail-x.on{opacity:1;visibility:visible;width:2rem;transition:width var(--duration-trail) ease-out, margin var(--duration-trail) ease-out, opacity calc(var(--duration-trail) * .7) ease-out calc(var(--duration-trail) * .3), transform var(--duration-trail) ease-out, visibility 0s, background-color var(--duration-fast) ease-out;margin:0 .5rem 0 -.75rem;transform:none}.trail-x:hover{background:color-mix(in oklab, var(--fg-on-solid) 28%, transparent)}.trail-x:hover>svg{transform:rotate(90deg)}.trail-x:active>svg{transform:rotate(90deg)scale(.8)}.trail li.enter .trail-pill{animation:trail-out var(--duration-trail) ease-out both}.trail li.enter .trail-go>*{animation:trail-label-in var(--duration-trail) ease-out both}.trail li.leave .trail-pill{animation:trail-back var(--duration-trail) ease-out var(--dl) both}.trail li.leave .trail-go>*{animation:trail-label-in var(--duration-trail) ease-out var(--dl) reverse both}.trail li.back .trail-pill{transition-delay:var(--cd)}.trail li.back .trail-pill.is-current .trail-x.on{transition-delay:var(--cd), var(--cd), calc(var(--cd) + var(--duration-trail) * .3), var(--cd), var(--cd), var(--cd)}@keyframes trail-out{0%{transform:translateX(var(--from,-100%));clip-path:inset(-4px var(--cr,-4px) -4px var(--cl,-4px) round 999px)}to{clip-path:inset(-4px round 999px);transform:none}}@keyframes trail-back{0%{clip-path:inset(-4px round 999px);transform:none}to{transform:translateX(var(--tx,-100%));clip-path:inset(-4px var(--cr,-4px) -4px var(--cl,-4px) round 999px)}}@keyframes trail-label-in{0%,35%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.trail-frame{z-index:0;border-radius:var(--radius-pill);outline:4px solid var(--surface-raised);background:var(--surface-subtle);flex-shrink:0;width:12.5rem;height:3rem;margin-left:-1.75rem;display:inline-block;position:relative}.hd-actions{flex-shrink:0;align-items:center;min-height:2.5rem;display:flex}.hd-slot{grid-template-columns:1fr;min-width:0;margin-left:.5rem;display:grid;overflow:hidden}.hd-slot>*{white-space:nowrap;transition:background-color var(--duration-actions) ease-out, color var(--duration-actions) ease-out, box-shadow var(--duration-actions) ease-out;justify-content:flex-start;position:relative;overflow:hidden}.hd-slot.is-out>*{pointer-events:none}.hd-act-inner{align-items:center;gap:inherit;display:inline-flex}.hd-act-ghost{align-items:center;gap:inherit;padding:inherit;pointer-events:none;display:inline-flex;position:absolute;top:0;bottom:0;left:0}.hd-actions>.hd-menu{margin-left:.5rem}.trail-root-ghost{pointer-events:none;position:absolute;top:0;left:0}.trail li.enter.late .trail-pill,.trail li.enter.late .trail-go>*{animation-delay:calc(var(--duration-trail) * .5)}