/* Three tools, three small instruments: a running prompt, a live cursor, a checked lens. */
.tool-mini,.story-method-icon{position:relative;isolation:isolate;overflow:hidden;border:1px solid #ffffff2d;box-shadow:inset 0 1px 0 #ffffff21,0 7px 17px #0003}
.tool-mini{width:36px;height:36px;border-radius:10px;flex:none}
.story-method-icon{border-radius:14px}
.tool-mini:before,.story-method-icon:before{content:'';position:absolute;inset:-30%;z-index:-1;background:radial-gradient(circle at 30% 20%,#ffffff31,transparent 55%);opacity:.55;transform:rotate(-24deg)}
.tool-glyph{display:block;width:30px;height:30px;overflow:visible;color:inherit;filter:drop-shadow(0 3px 4px #0007)}
.story-method-icon .tool-glyph{width:37px;height:37px}
.tool-glyph path,.tool-glyph rect,.tool-glyph circle{vector-effect:non-scaling-stroke}
.tool-glyph__plate{fill:#172a43;stroke:#b7d5ff9c;stroke-width:1.1}
.tool-glyph__rim{stroke:#eaf6ff9c;stroke-width:1.1;stroke-linecap:round}
.tool-glyph__prompt,.tool-glyph__run{stroke:#f3f9ff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.tool-glyph__trace{stroke:#98dfff;stroke-width:1.2;stroke-linecap:round;stroke-dasharray:5 24;stroke-dashoffset:23}
.tool-glyph--cmd .tool-glyph__plate{fill:#202e36;stroke:#c6e3e9a6}
.tool-glyph--cmd .tool-glyph__dot{fill:#a9d7de}
.tool-glyph--cmd .tool-glyph__cursor{stroke:#9ae7f0;stroke-width:2.6;stroke-linecap:round}
.tool-glyph--manual .tool-glyph__ring,.tool-glyph--manual .tool-glyph__arc{stroke:#e8bd9f;stroke-width:1.5;stroke-linecap:round}
.tool-glyph--manual .tool-glyph__arc{stroke-width:2.3;transform-origin:24px 24px}
.tool-glyph--manual .tool-glyph__cross{stroke:#e8bd9f88;stroke-width:1.1;stroke-linecap:round}
.tool-glyph--manual .tool-glyph__prompt{stroke:#ffe4c7;stroke-width:2.5;stroke-dasharray:27;stroke-dashoffset:0}
.tool-glyph--manual .tool-glyph__node{stroke:#f5c39a36;stroke-width:1;fill:#e3a7760b}
.tool-tab{overflow:visible}
.tool-tab .tool-mini{transition:border-color .4s,box-shadow .4s,transform .55s cubic-bezier(.18,1.28,.3,1)}
.tool-tab:hover .tool-mini,.story-method:hover .story-method-icon{border-color:#f5dcc6a6;box-shadow:inset 0 1px 0 #ffffff63,0 9px 23px #0005,0 0 26px #dea7792b}
.tool-tab[aria-selected=true] .tool-mini{transform:translateY(-2px) scale(1.08) rotate(-4deg);border-color:#edf5ff7a;box-shadow:inset 0 1px 0 #ffffff69,0 11px 26px #0006,0 0 24px #b4d5ff38}
.tool-tab[aria-selected=true] .tool-glyph--powershell .tool-glyph__prompt{animation:ps-prompt-select .68s cubic-bezier(.16,1,.3,1) both}
.tool-tab[aria-selected=true] .tool-glyph--cmd .tool-glyph__cursor{animation:cmd-cursor-select .82s ease-out both,cmd-cursor-breathe 1.65s .82s steps(2,end) infinite}
.tool-tab[aria-selected=true] .tool-glyph--manual .tool-glyph__prompt{animation:manual-check-select .85s cubic-bezier(.16,1,.3,1) both}
.tool-tab[aria-selected=true] .tool-glyph--manual .tool-glyph__arc{animation:manual-arc-select .8s cubic-bezier(.16,1,.3,1) both}
.tool-tab[aria-selected=true] .tool-glyph--powershell .tool-glyph__trace,
.story-methods[data-motion-active] .tool-glyph--powershell .tool-glyph__trace{animation:ps-trace 3.8s linear infinite}
.story-methods[data-motion-active] .tool-glyph--cmd .tool-glyph__cursor{animation:cmd-cursor-breathe 1.65s steps(2,end) infinite}
.tool-tab[aria-selected=true] .tool-glyph--manual .tool-glyph__node,
.story-methods[data-motion-active] .tool-glyph--manual .tool-glyph__node{animation:manual-lens-breathe 4.2s ease-in-out infinite}
.story-methods[data-motion-active] .tool-glyph--manual .tool-glyph__arc{animation:manual-arc-drift 6s ease-in-out infinite}
.story-method:hover .tool-glyph--powershell .tool-glyph__prompt{transform:translateX(2px)}
.story-method:hover .tool-glyph--cmd .tool-glyph__run{transform:translateX(2px)}
.story-method:hover .tool-glyph--manual .tool-glyph__arc{transform:rotate(26deg)}
@keyframes ps-prompt-select{0%{opacity:.3;transform:translateX(-5px)}55%{opacity:1;transform:translateX(2px)}100%{transform:none}}
@keyframes ps-trace{from{stroke-dashoffset:29}to{stroke-dashoffset:-29}}
@keyframes cmd-cursor-select{0%{opacity:0;transform:scaleY(.15)}60%{opacity:1;transform:scaleY(1.25)}100%{transform:none}}
@keyframes cmd-cursor-breathe{0%,47%{opacity:1}50%,100%{opacity:.12}}
@keyframes manual-check-select{from{stroke-dashoffset:27}to{stroke-dashoffset:0}}
@keyframes manual-arc-select{from{opacity:.25;transform:rotate(-100deg)}to{opacity:1;transform:rotate(0)}}
@keyframes manual-arc-drift{0%,100%{transform:rotate(-9deg)}50%{transform:rotate(15deg)}}
@keyframes manual-lens-breathe{0%,100%{fill:#e3a7760b;stroke:#f5c39a36}50%{fill:#e3a77620;stroke:#f5c39a73}}
@media(prefers-reduced-motion:reduce){.tool-glyph *,.tool-mini,.story-method-icon{animation:none!important;transition:none!important}.tool-glyph--manual .tool-glyph__prompt{stroke-dashoffset:0}}
.motion-paused .tool-glyph *,.motion-paused .tool-mini,.motion-paused .story-method-icon{animation:none!important;transition:none!important}
