.hd-tools .in{container:tools/inline-size}.hd-bento{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.hd-tool{border-radius:var(--radius-3xl);background:var(--surface-1);min-width:0;box-shadow:var(--elev-sm), inset 0 0 0 1px var(--line);flex-direction:column;gap:12px;padding:10px;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s,opacity .4s;display:flex;position:relative;container:tool/inline-size}.hd-tool.wide{grid-column:span 2}.hd-tool>:first-child{flex:1 0 auto}.hd-tool:hover{box-shadow:var(--elev-md), inset 0 0 0 1px var(--line-strong);transform:translateY(-3px)}.hd-bento:has(.hd-tool:hover) .hd-tool:not(:hover){opacity:.7}.hd-tool .go{z-index:3;border-radius:inherit;position:absolute;inset:0}.hd-tool .go:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.hd-toolname{flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin-top:auto;padding:2px 6px 4px;display:flex}.hd-toolname h3{font:600 16px/22px var(--hd-sans);letter-spacing:-.01em}.hd-toolname p{font:400 13px/18px var(--hd-sans);color:var(--fg-3);flex-basis:100%;order:3}.hd-toolname .cr{margin-left:auto}.hd-toolname .cr svg{color:var(--brand-hover)}.hd-toolname .cr .from{font:400 12px/16px var(--hd-sans);color:var(--fg-3);margin-right:2px}.hd-toolname .cr .per{color:var(--fg-3);font-weight:400}.hd-tool .chip,.hd-stage .lbl,.hd-out .shot .st{z-index:2;border-radius:var(--radius-full);background:var(--glass-1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:calc(100% - 16px);font:500 11px/14px var(--hd-sans);color:var(--fg);white-space:nowrap;align-items:center;gap:4px;padding:3px 8px;display:inline-flex;position:absolute;top:8px;left:8px}.hd-tool .chip svg{flex:none;width:10px;height:10px}.hd-tool[data-off] *,.hd-tool[data-off] :after{animation-play-state:paused!important}@container tools (width<=979.98px){.hd-bento{grid-template-columns:repeat(2,minmax(0,1fr))}}@container tools (width<=599.98px){.hd-bento{grid-template-columns:minmax(0,1fr)}.hd-tool.wide{grid-column:auto}}@media (prefers-reduced-motion:reduce){.hd-tool{transition:none;animation:none}}
