.tm-panel{container-type:inline-size}.tm{--loop:7s;position:absolute;inset:0;display:grid;place-items:center;padding:clamp(10px,4cqi,28px);font-family:var(--font-geist-mono),ui-monospace,monospace;font-size:clamp(10px,2.5cqi,14px);line-height:1.55;color:rgb(247 244 239/.82)}.tm *,.tm :after,.tm :before{animation-duration:var(--loop);animation-iteration-count:infinite;animation-timing-function:var(--ease-out-expo);animation-fill-mode:both}.tm[data-play=false] *,.tm[data-play=false] :after,.tm[data-play=false] :before{animation-play-state:paused}.tm-sheet{position:relative;width:min(100%,34em);border:1px solid rgb(255 255 255/.08);border-radius:.9em;background:linear-gradient(180deg,rgb(255 255 255/.04),rgb(255 255 255/.015));padding:1em 1.15em;box-shadow:0 1.5em 3em -1.5em rgb(0 0 0/.6);overflow:hidden}.tm-head{color:var(--lane-cyan)}.tm-head b{color:rgb(247 244 239/.45);font-weight:400}.tm-muted{color:rgb(247 244 239/.4)}.tm-row{display:flex;justify-content:space-between;gap:.8em}.tm-chip,.tm-row{align-items:center;white-space:nowrap}.tm-chip{display:inline-flex;gap:.35em;border-radius:999px;padding:.1em .65em;font-size:.82em}.tm-chip.err{background:rgb(242 85 90/.14);color:var(--meter-over)}.tm-chip.ok{background:rgb(74 211 138/.14);color:var(--meter-ok)}.tm-chip.warn{background:rgb(245 181 68/.14);color:var(--meter-warn)}.tm-chip.dim{background:rgb(255 255 255/.06);color:rgb(247 244 239/.7)}.tm-scan{position:absolute;left:0;right:0;height:1.6em;top:2.4em;background:linear-gradient(90deg,transparent,rgb(244 112 46/.16),transparent);animation-name:tm-scan;pointer-events:none}@keyframes tm-scan{0%{transform:translateY(0);opacity:0}8%{opacity:1}34%{transform:translateY(1.55em)}60%{transform:translateY(4.65em);opacity:1}70%,to{transform:translateY(4.65em);opacity:0}}.tm-swap{position:relative;display:inline-grid}.tm-swap>*{grid-area:1/1}.tm-swap .old{color:var(--meter-over);background:linear-gradient(currentColor,currentColor) no-repeat 0 55% /0 1px;animation-name:tm-old}.tm-swap .new{color:var(--meter-ok);animation-name:tm-new}@keyframes tm-old{0%,22%{background-size:0 1px;opacity:1;color:rgb(247 244 239/.82)}30%{color:var(--meter-over)}40%{background-size:100% 1px;opacity:1}50%,to{background-size:100% 1px;opacity:0}}@keyframes tm-new{0%,48%{opacity:0;transform:translateY(.5em);filter:blur(3px)}58%,92%{opacity:1;transform:none;filter:none}to{opacity:0}}.tm-flag{animation-name:tm-flag}@keyframes tm-flag{0%,26%{opacity:0;transform:scale(.8)}32%,48%{opacity:1;transform:none}54%,to{opacity:0;transform:scale(.9)}}.tm-fixed{animation-name:tm-fixed}@keyframes tm-fixed{0%,56%{opacity:0;transform:translateX(-.4em)}62%,92%{opacity:1;transform:none}to{opacity:0}}.tm-meter{position:relative;height:.5em;border-radius:999px;background:rgb(255 255 255/.07);overflow:hidden}.tm-meter>i{position:absolute;inset:0;transform-origin:0 50%;background:var(--brand-gradient);animation-name:tm-fill}@keyframes tm-fill{0%,6%{transform:scaleX(0)}40%{transform:scaleX(.74)}70%,92%{transform:scaleX(.74)}to{transform:scaleX(0)}}.tm-mark{position:absolute;top:-.25em;bottom:-.25em;left:80%;width:1px;background:rgb(247 244 239/.35)}.tm-fly{animation-name:tm-fly}@keyframes tm-fly{0%,30%{transform:none;opacity:1}52%{transform:translateY(4.3em) scale(.92);opacity:1}56%,92%{transform:translateY(4.3em) scale(.92);opacity:0}to{opacity:0}}.tm-land{animation-name:tm-land}@keyframes tm-land{0%,50%{opacity:0;transform:scale(.6)}58%,92%{opacity:1;transform:none}to{opacity:0}}.tm-strike{background:linear-gradient(var(--meter-over),var(--meter-over)) no-repeat 0 55% /0 1px;animation-name:tm-strike}@keyframes tm-strike{0%,60%{background-size:0 1px;opacity:1}72%{background-size:100% 1px;opacity:1}84%,to{background-size:100% 1px;opacity:.25}}.tm-pile>*{animation-name:tm-pile;animation-delay:calc(var(--i) * 60ms)}@keyframes tm-pile{0%,30%{opacity:1;transform:none;filter:none}46%,92%{opacity:0;transform:translateX(1.5em) scale(.85);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}.tm-type>*{clip-path:inset(0 100% 0 0);animation-name:tm-type;animation-delay:calc(var(--i) * .26s)}@keyframes tm-type{0%,44%{clip-path:inset(0 100% 0 0)}62%,90%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 100% 0 0)}}.tm-arrow{animation-name:tm-arrow}@keyframes tm-arrow{0%,28%{transform:translateX(-.6em);opacity:.2}40%{transform:none;opacity:1}60%,to{transform:translateX(.6em);opacity:.2}}.tm-drop{animation-name:tm-drop;animation-delay:calc(var(--i, 0) * .14s)}@keyframes tm-drop{0%,20%{opacity:1;color:rgb(247 244 239/.82);background-size:0 1px}32%{color:var(--meter-over);background-size:100% 1px;opacity:1}44%,90%{opacity:.35;color:var(--meter-over);background-size:100% 1px}to{opacity:1;background-size:0 1px}}.tm-drop{background:linear-gradient(currentColor,currentColor) no-repeat 0 55% /0 1px}.tm-add{animation-name:tm-add;animation-delay:calc(var(--i, 0) * .16s)}@keyframes tm-add{0%,38%{opacity:0;transform:translateX(-.8em)}50%,90%{opacity:1;transform:none}to{opacity:0}}.tm-cause{animation-name:tm-cause}@keyframes tm-cause{0%,56%{opacity:0;transform:translateY(.6em)}66%,92%{opacity:1;transform:none}to{opacity:0}}.tm-track{display:flex;gap:2px;height:2.2em;border-radius:.5em;overflow:hidden}.tm-track>span{flex:var(--bars) 1 0;transform-origin:0 50%;background:var(--c);opacity:.85;animation-name:tm-seg;animation-delay:calc(var(--i) * .18s)}@keyframes tm-seg{0%,4%{transform:scaleX(0);opacity:0}18%,92%{transform:none;opacity:.85}to{transform:scaleX(0);opacity:0}}.tm-head-play{position:absolute;top:-.35em;bottom:-.35em;left:0;width:2px;border-radius:2px;background:#fff;box-shadow:0 0 .8em rgb(255 255 255/.7);animation-name:tm-play;animation-timing-function:linear}@keyframes tm-play{0%,34%{left:0;opacity:0}38%{opacity:1}88%{left:100%;opacity:1}92%,to{left:100%;opacity:0}}.tm-labels>span{flex:var(--bars) 1 0;overflow:hidden;text-overflow:clip;white-space:nowrap;animation-name:tm-lbl;animation-delay:calc(var(--i) * .18s + .2s)}@keyframes tm-lbl{0%,8%{opacity:0}20%,92%{opacity:1}to{opacity:0}}.tm-total{animation-name:tm-total}@keyframes tm-total{0%,30%{opacity:0;transform:translateY(.4em)}38%,92%{opacity:1;transform:none}to{opacity:0}}.tm-dots{display:inline-flex;gap:.28em}.tm-dots>i{width:.5em;height:.5em;border-radius:999px;background:var(--meter-ok);animation-name:tm-dot;animation-delay:calc(var(--line) * .42s + var(--i) * 45ms)}.tm-dots.long>i:nth-child(n+11){background:var(--meter-over)}@keyframes tm-dot{0%,3%{transform:scale(0);opacity:0}9%,90%{transform:none;opacity:1}to{transform:scale(0);opacity:0}}.tm-count{animation-name:tm-count;animation-delay:calc(var(--line) * .42s + .3s)}@keyframes tm-count{0%,6%{opacity:0}14%,90%{opacity:1}to{opacity:0}}.tm-tank{position:relative;height:.6em;border-radius:999px;background:rgb(255 255 255/.07);overflow:hidden}.tm-tank>i{position:absolute;inset:0;transform-origin:0 50%;background:linear-gradient(90deg,var(--lane-amber),var(--lane-signal));animation-name:tm-drain}@keyframes tm-drain{0%,8%{transform:scaleX(1)}80%,92%{transform:scaleX(.18)}to{transform:scaleX(1)}}.tm-songs{display:grid;grid-template-columns:repeat(12,1fr);gap:.3em}.tm-songs>i{aspect-ratio:1;border-radius:.25em;background:rgb(255 255 255/.06);animation-name:tm-song;animation-delay:calc(.4s + var(--i) * .11s)}.tm-songs>i.keep{--on:var(--meter-ok)}.tm-songs>i.capped{--on:rgb(255 255 255/0.22)}@keyframes tm-song{0%,4%{background:rgb(255 255 255/.06);transform:scale(.7)}10%,90%{background:var(--on);transform:none}to{background:rgb(255 255 255/.06)}}.tm-cap{animation-name:tm-cap}@keyframes tm-cap{0%,50%{opacity:0;transform:scale(.9)}58%,92%{opacity:1;transform:none}to{opacity:0}}@media (prefers-reduced-motion:reduce){.tm *,.tm :after,.tm :before{animation:none!important}.tm-flag,.tm-fly,.tm-pile>*,.tm-swap .old{opacity:0}.tm-type>*{clip-path:none}.tm-head-play{display:none}}.tool-grid{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr)}@media (min-width:640px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.tool-card{position:relative;isolation:isolate;display:block;min-width:0;border-radius:1.5rem;border:1px solid var(--border);background:var(--card);overflow:hidden;outline:none;transition:border-color .4s ease,box-shadow .6s var(--ease-out-expo),background-color .4s ease}.tool-card:before{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;padding:1px;background:conic-gradient(from var(--spin),#f4782c,#e6468c,#8b6cff,#36d2c8,#f4782c);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;pointer-events:none;transition:opacity .5s ease;animation:ring-spin 6s linear infinite paused}.tool-card:focus-visible:before,.tool-card[data-active=true]:before{animation-play-state:running}@media (hover:hover){.tool-card:hover:before{animation-play-state:running}}.tool-card:focus-visible:before,.tool-card[data-active=true]:before{opacity:1}.tool-card[data-active=true]{z-index:2;border-color:transparent;box-shadow:0 2.5rem 5rem -3rem color-mix(in oklab,var(--a) 55%,transparent),0 1rem 2.5rem -2rem rgb(0 0 0/.8)}@media (hover:hover){.tool-card:hover:before{opacity:1}.tool-card:hover{border-color:transparent}}.tool-tile{position:relative;display:grid;place-items:center;width:4rem;height:4rem;flex:none;border-radius:1.1rem;background:radial-gradient(120% 120% at 20% 0,color-mix(in oklab,var(--a) 30%,transparent),transparent 70%),linear-gradient(150deg,color-mix(in oklab,var(--a) 16%,#141416),color-mix(in oklab,var(--b) 14%,#0f0f11));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--a) 38%,transparent),inset 0 1px 0 rgb(255 255 255/.08),0 .8rem 1.6rem -1rem color-mix(in oklab,var(--a) 70%,transparent);transform-origin:0 0;transition:transform .7s var(--ease-spring),box-shadow .5s ease}.tool-tile svg{width:2.95rem;height:2.95rem;overflow:visible}.tool-card[data-active=true] .tool-tile{transform:scale(1.15)}@media (hover:hover){.tool-card:hover .tool-tile{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--a) 60%,transparent),inset 0 1px 0 rgb(255 255 255/.12),0 1rem 2rem -1rem color-mix(in oklab,var(--a) 85%,transparent)}}.tool-code{display:inline-flex;align-items:center;gap:.45rem;border-radius:999px;padding:.3rem .65rem;font-family:var(--font-geist-mono),ui-monospace,monospace;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in oklab,var(--a) 70%,white);background:color-mix(in oklab,var(--a) 10%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--a) 22%,transparent)}.tool-code:before{content:"";width:.4rem;height:.4rem;border-radius:999px;background:linear-gradient(135deg,var(--a),var(--b))}.tool-cta{background:linear-gradient(currentColor,currentColor) no-repeat 0 100% /0 1px;transition:background-size .45s var(--ease-out-expo)}.tool-card:focus-visible .tool-cta,.tool-card:hover .tool-cta,.tool-card[data-active=true] .tool-cta{background-size:100% 1px}.tool-go{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:999px;border:1px solid var(--border);color:var(--muted-foreground);transition:background .4s ease,color .3s ease,border-color .3s ease,transform .5s var(--ease-out-expo)}.tool-card:focus-visible .tool-go,.tool-card:hover .tool-go,.tool-card[data-active=true] .tool-go{border-color:transparent;color:#0c0c0e;background:linear-gradient(135deg,var(--a),var(--b));transform:translateX(2px)}.tool-stage{border:1px solid rgb(255 255 255/.06);background:linear-gradient(to right,rgb(255 255 255/.035) 1px,transparent 1px) 0 0 /2.5rem 100%,radial-gradient(110% 80% at 15% 0,color-mix(in oklab,var(--a) 16%,transparent),transparent 60%),radial-gradient(90% 70% at 100% 100%,color-mix(in oklab,var(--b) 12%,transparent),transparent 60%),rgb(0 0 0/.25);min-height:12rem}.tm-panel-in{animation:tm-panel-in .7s var(--ease-out-expo) .12s both}.tool-card[data-active=true] .tool-stage{animation:tm-stage-in .8s var(--ease-out-expo) .08s both}@keyframes tm-panel-in{0%{opacity:0;transform:translateY(.5rem);filter:blur(4px)}}@keyframes tm-stage-in{0%{opacity:0;transform:translateY(1rem) scale(.97);filter:blur(6px)}}@media (hover:hover) and (pointer:fine) and (min-width:640px){.tool-grid{grid-auto-rows:17.25rem}.tool-card:not([data-active=true]) .tool-stage{display:none}}.ti-loupe{animation:ti-loupe 6s ease-in-out infinite}@keyframes ti-loupe{0%,to{transform:translate(0)}33%{transform:translate(-7px,-9px)}66%{transform:translate(-3px,-2px)}}.ti-fader{animation:ti-fader 4.2s ease-in-out infinite;animation-delay:var(--d)}@keyframes ti-fader{0%,to{transform:translateY(0)}30%{transform:translateY(-6px)}65%{transform:translateY(5px)}}.ti-reel{transform-box:fill-box;transform-origin:center;animation:ti-spin 3.2s linear infinite}@keyframes ti-spin{to{transform:rotate(1turn)}}.ti-diff-row{animation:ti-diff 4.8s var(--ease-out-expo) infinite}@keyframes ti-diff{0%,30%{transform:translateY(0)}40%,70%{transform:translateY(6px)}80%,to{transform:translateY(0)}}.ti-pendulum{transform-box:view-box;transform-origin:24px 36px;animation:ti-swing 1.5s ease-in-out infinite alternate}@keyframes ti-swing{0%{transform:rotate(-20deg)}to{transform:rotate(20deg)}}.ti-tally-btn{animation:ti-press 1.6s ease-in-out infinite}@keyframes ti-press{0%,70%,to{transform:translateY(0)}80%{transform:translateY(1.6px)}}.ti-tally-roll{animation:ti-roll 16s steps(10) infinite}@keyframes ti-roll{to{transform:translateY(-90px)}}.ti-caret{animation:ti-caret 1.1s steps(2) infinite}@keyframes ti-caret{50%{opacity:0}}.ti-key{animation:ti-key 4.5s ease-in-out infinite;animation-delay:calc(var(--k) * .5s)}@keyframes ti-key{0%,8%,to{opacity:1}4%{opacity:.35}}.ti-wire{stroke-dasharray:16;animation:ti-wire 3.6s ease-in-out infinite;animation-delay:calc(var(--w) * .35s)}@keyframes ti-wire{0%,to{stroke-dashoffset:0}50%{stroke-dashoffset:16}}@media (prefers-reduced-motion:reduce){.tm-panel-in,.tool-card:before,.tool-card[data-active=true] .tool-stage{animation:none}.tool-card[data-active=true] .tool-tile{transform:none}.ti-caret,.ti-diff-row,.ti-fader,.ti-key,.ti-loupe,.ti-pendulum,.ti-reel,.ti-tally-btn,.ti-tally-roll,.ti-wire{animation:none}}