.as{container:as/inline-size;--as-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--as-ok:var(--accent);--as-bad:#ff6a55;--as-ped:#8fd3ff;--tm-font:"SF Mono",SFMono-Regular,ui-monospace,Menlo,"Cascadia Mono","DejaVu Sans Mono",Consolas,monospace;--tm-bg:#0d0d0d;--tm-fg:#e6e6e6;--tm-dim:#a3a3a3;--tm-faint:#8c8c8c;--tm-ok:#4eba65;--tm-bad:#ff6b80;--tm-tool:#b1b9f9;--tm-user:#262626;--tm-border:#6b6b6b;--tm-slide:0.36s cubic-bezier(0.4,0,0.2,1);position:relative;background:#000;color:var(--ink)}.as-wait{display:grid;place-items:center;aspect-ratio:3/2;padding:24px;background:#0d0d0d;font:400 14px/1.4 var(--sans);color:var(--ink-3);text-align:center}.as-body{display:grid;grid-template-columns:minmax(0,1fr) 0;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"head stage" "log stage" "foot stage";aspect-ratio:3/2;min-height:0;background:var(--tm-bg);font:400 13px/1.5 var(--tm-font);color:var(--tm-fg);transition:grid-template-columns var(--tm-slide),grid-template-rows var(--tm-slide)}.as-body[data-canvas=open]{grid-template-columns:minmax(0,1fr) 64%}.as-head{grid-area:head;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 14px;padding:11px 16px 10px;border-bottom:1px solid var(--hair)}.as-title{font:500 14px/1.2 var(--display);letter-spacing:-.005em;color:#fff}.as-works{font:400 12px/1.3 var(--sans);color:var(--ink-3)}.as-stage{grid-area:stage;position:relative;min-width:0;min-height:0;overflow:hidden;background:#000}.as-canvas{position:absolute;inset:0 auto 0 0;width:64cqw;overflow:hidden;box-shadow:inset 1px 0 0 var(--hair)}.as .as-log{grid-area:log;min-height:0;margin:0;padding:14px 16px 10px;list-style:none;overflow:hidden auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.as .as-log li{max-width:none;margin:0}.as .as-log>li+li{margin-top:.85em}.tl-user{display:grid;grid-template-columns:2ch minmax(0,1fr);padding:3px 1ch;background:var(--tm-user);color:var(--tm-fg)}.tl-gt{color:var(--tm-dim)}.tl-line{display:grid;grid-template-columns:2ch minmax(0,1fr)}.tl-beat{display:flex;flex-direction:column;gap:.3em;width:calc(100% + 8px);margin:0 -4px;padding:2px 4px;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;transition:background-color .15s}.tl-beat:hover{background:rgba(255,255,255,.035)}.tl-beat[aria-current=step]{background:rgba(255,255,255,.055)}.tl-beat:focus-visible{outline:1px solid var(--tm-dim);outline-offset:0}.tl-dot{color:var(--tm-fg)}.tl-call{display:flex;flex-direction:column;min-width:0}.tl-call[data-status=ok]>.tl-line .tl-dot{color:var(--tm-ok)}.tl-call[data-status=fail]>.tl-line .tl-dot{color:var(--tm-bad)}.tl-call[data-status=refused]>.tl-line .tl-dot{color:var(--tm-faint)}@keyframes tl-blink{to{visibility:hidden}}.tl-cmd{display:-webkit-box;min-width:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere}.tl-tool{font-weight:700;color:var(--tm-tool)}.tl-res{display:grid;grid-template-columns:3ch minmax(0,1fr);padding-left:2ch;color:var(--tm-dim)}.tl-res[data-status=fail]{color:var(--tm-bad)}.tl-elbow{color:var(--tm-faint)}.tl-result{color:#fff}.as-foot{grid-area:foot;padding:2px 16px 10px}.as-input{display:flex;align-items:flex-start;gap:1ch;min-height:36px;padding:5px 5px 5px 1ch;border:1px solid var(--tm-border);border-radius:6px}.as-gt{flex:none;color:var(--tm-fg)}.as-typed{flex:1;min-width:0;overflow-wrap:anywhere}.as-cursor{display:inline-block;width:1ch;height:1.25em;vertical-align:-.25em;background:var(--tm-fg);opacity:.8}.as-cursor[data-typing]{animation:tl-blink 1s steps(2,start) infinite}.as-copy{flex:none;align-self:center;height:24px;padding:0 8px;border:1px solid #3d3d3d;border-radius:4px;background:none;color:var(--tm-dim);font:400 12px/1 var(--tm-font);cursor:pointer;transition:color .15s,border-color .15s}.as-copy:hover{color:#fff;border-color:#6b6b6b}.as-copy:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.as-hints{flex-wrap:wrap;gap:0 12px;margin-top:4px;font-size:12px;color:var(--tm-faint)}.as-hints,.as-transport{display:flex;align-items:center}.as-transport{gap:0;margin-left:-6px}.as-transport button{display:grid;place-items:center;width:28px;height:28px;border:0;background:none;color:var(--tm-dim);cursor:pointer;transition:color .15s}.as-transport button:hover:not(:disabled){color:#fff}.as-transport button:disabled{color:#4a4a4a;cursor:default}.as-transport button:focus-visible{outline:1px solid var(--accent);outline-offset:-2px}.as-transport svg{width:13px;height:13px}.as-count{padding-left:6px;font-variant-numeric:tabular-nums}.as-keys{margin-left:auto}.as-body[data-canvas=open] .as-keys{display:none}.as .as-prov{max-width:none;margin:1px 0 0;font:400 11.5px/1.4 var(--tm-font);color:var(--tm-faint)}@container as (width < 900px){.as-body{font-size:12.5px}}@container as (width < 700px){.as-body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) 0 auto;grid-template-areas:"head" "log" "stage" "foot";aspect-ratio:auto;height:calc(100cqw + 360px);font-size:12px}.as-body[data-canvas=open]{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) 100cqw auto}.as-canvas{inset:0 0 auto 0;width:auto;height:100cqw;box-shadow:inset 0 1px 0 var(--hair),inset 0 -1px 0 var(--hair)}.as-head{padding:10px 12px 9px}.as .as-log{padding:12px 12px 8px}.as-foot{padding:8px 12px 10px}.as-keys{display:none}.tl-cmd{-webkit-line-clamp:3;line-clamp:3}.as-wait{aspect-ratio:auto;height:calc(100cqw + 360px)}}@media (prefers-reduced-motion:reduce){.as-body{transition:none}.as-cursor[data-typing]{animation:none}.as-copy,.as-transport button,.tl-beat{transition:none}}