:root,[data-theme=dark]{--dp-line: rgba(255, 255, 255, .09);--dp-accent-soft: rgba(255, 255, 255, .06);--dp-glass-border: rgba(255, 255, 255, .08);--dp-radius: 4px;--dp-picker-veil: hsla(240, 7%, 9%, .5);--dp-slider-knob: hsl(240, 5%, 15%);--dp-slider-knob-hover: hsl(240, 5%, 20%);--tp-base-background-color: hsla(240, 7%, 9%, .82);--tp-base-shadow-color: hsla(240, 12%, 2%, .6);--tp-base-border-radius: 4px;--tp-blade-border-radius: 4px;--tp-blade-horizontal-padding: 10px;--tp-button-background-color: hsla(240, 5%, 22%, .9);--tp-button-background-color-hover: hsla(240, 5%, 28%, .95);--tp-button-background-color-focus: hsla(240, 6%, 32%, 1);--tp-button-background-color-active: hsla(240, 7%, 38%, 1);--tp-button-foreground-color: hsl(240, 8%, 90%);--tp-container-background-color: hsla(240, 5%, 16%, .45);--tp-container-background-color-hover: hsla(240, 6%, 20%, .5);--tp-container-background-color-focus: hsla(240, 6%, 23%, .55);--tp-container-background-color-active: hsla(240, 7%, 26%, .6);--tp-container-foreground-color: hsl(240, 6%, 90%);--tp-input-background-color: hsl(240, 9%, 12%);--tp-input-background-color-hover: hsl(240, 9%, 16%);--tp-input-background-color-focus: hsl(240, 10%, 18%);--tp-input-background-color-active: hsl(240, 11%, 21%);--tp-input-foreground-color: hsl(240, 8%, 84%);--tp-label-foreground-color: hsl(240, 8%, 83%);--tp-monitor-background-color: hsla(240, 9%, 8%, .7);--tp-monitor-foreground-color: hsl(240, 7%, 78%);--tp-groove-foreground-color: hsla(240, 6%, 32%, .6)}[data-theme=light]{--dp-line: rgba(0, 0, 0, .07);--dp-accent-soft: rgba(0, 0, 0, .04);--dp-glass-border: rgba(0, 0, 0, .05);--dp-picker-veil: hsla(0, 0%, 100%, .72);--dp-slider-knob: hsl(240, 6%, 64%);--dp-slider-knob-hover: hsl(240, 6%, 56%);--tp-base-background-color: hsla(0, 0%, 100%, .82);--tp-base-shadow-color: hsla(240, 10%, 50%, .12);--tp-button-background-color: hsla(240, 13%, 95%, .92);--tp-button-background-color-hover: hsla(240, 12%, 91%, .96);--tp-button-background-color-focus: hsla(240, 11%, 88%, 1);--tp-button-background-color-active: hsla(240, 10%, 84%, 1);--tp-button-foreground-color: hsl(240, 6%, 11%);--tp-container-background-color: hsla(240, 16%, 96%, .55);--tp-container-background-color-hover: hsla(240, 14%, 93%, .62);--tp-container-background-color-focus: hsla(240, 13%, 90%, .68);--tp-container-background-color-active: hsla(240, 12%, 88%, .72);--tp-container-foreground-color: hsl(240, 4%, 32%);--tp-input-background-color: hsla(0, 0%, 100%, .9);--tp-input-background-color-hover: hsla(240, 30%, 99%, .95);--tp-input-background-color-focus: hsla(0, 0%, 100%, 1);--tp-input-background-color-active: hsla(240, 30%, 98%, 1);--tp-input-foreground-color: hsl(240, 6%, 13%);--tp-label-foreground-color: hsl(240, 3%, 46%);--tp-monitor-background-color: hsla(240, 18%, 97%, .7);--tp-monitor-foreground-color: hsl(240, 5%, 20%);--tp-groove-foreground-color: hsla(240, 8%, 74%, .6)}.tp-rotv{backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border:1px solid var(--dp-glass-border);interpolate-size:allow-keywords}.tp-rotv,.tp-rotv *{font-family:Geist,system-ui,-apple-system,sans-serif!important}.tp-rotv input,.tp-rotv select,.tp-rotv .tp-txtv_i,.tp-rotv .tp-mllv_i{font-family:Geist Mono,ui-monospace,monospace!important}.tp-popv{backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border:1px solid var(--dp-glass-border)}.tp-rotv .tp-colpv{background-color:var(--dp-picker-veil);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border-radius:var(--dp-radius)}[data-theme=light] .tp-rotv{border-color:#0000000d;box-shadow:0 1px 2px #0000000a,0 10px 30px #00000012}[data-theme=light] .tp-popv{border-color:#0000000f;box-shadow:0 2px 6px #0000000f,0 12px 32px #0000001a}.tp-rotv .tp-sldv_k:after{background-color:var(--dp-slider-knob)!important}.tp-rotv .tp-sldv_t:hover .tp-sldv_k:after,.tp-rotv .tp-sldv_t:focus .tp-sldv_k:after,.tp-rotv .tp-sldv_t:active .tp-sldv_k:after{background-color:var(--dp-slider-knob-hover)!important}.tp-rotv .tp-fldv>.tp-fldv_b{background-color:transparent;box-shadow:inset 0 -1px 0 var(--dp-line)}.tp-rotv>.tp-rotv_b{background-color:transparent}.tp-rotv .tp-fldv>.tp-fldv_b:focus,.tp-rotv .tp-fldv>.tp-fldv_b:active,.tp-rotv>.tp-rotv_b:focus,.tp-rotv>.tp-rotv_b:active{background-color:transparent}.tp-rotv .tp-fldv>.tp-fldv_b:hover,.tp-rotv>.tp-rotv_b:hover{background-color:var(--dp-accent-soft)}.tp-rotv .tp-fldv_i,.tp-rotv .tp-tabv_i{display:none}.tp-rotv .tp-fldv_b,.tp-rotv .tp-fldv_c{border-radius:0!important}.tp-rotv .tp-tbiv_b:before{border-radius:4px 4px 0 0}.tp-rotv .tp-fldv_c{padding-left:0}.tp-rotv .tp-fldv_c>.tp-cntv{margin-left:0}.tp-rotv .tp-lblv_l,.tp-rotv .tp-fldv_t{padding-left:12px}.tp-rotv .tp-fldv_c .tp-fldv_c .tp-lblv_l,.tp-rotv .tp-fldv_c .tp-fldv_c .tp-fldv_t{padding-left:24px}.tp-rotv .tp-fldv_c .tp-fldv_c .tp-fldv_c .tp-lblv_l,.tp-rotv .tp-fldv_c .tp-fldv_c .tp-fldv_c .tp-fldv_t{padding-left:36px}.tp-rotv .tp-fldv_t:before,.tp-rotv .tp-rotv_t:before{content:"";display:inline-block;width:10.8px;height:10.8px;margin-right:7px;vertical-align:-1px;background-color:currentColor;opacity:.8;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-8l-2-2z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-8l-2-2z'/%3E%3C/svg%3E") center / contain no-repeat}.tp-rotv .tp-fldv_m,.tp-rotv .tp-rotv_m{background:none!important;transform:none!important;width:9px;height:9px;right:calc(var(--cnt-hp) + (var(--cnt-usz) + 4px - 9px) / 2 - 2px);opacity:.5}.tp-rotv .tp-fldv_m:before,.tp-rotv .tp-fldv_m:after,.tp-rotv .tp-rotv_m:before,.tp-rotv .tp-rotv_m:after{content:"";position:absolute;background-color:var(--cnt-fg);border-radius:1px}.tp-rotv .tp-fldv_m:before,.tp-rotv .tp-rotv_m:before{left:0;right:0;top:50%;height:1.5px;margin-top:-.75px}.tp-rotv .tp-fldv_m:after,.tp-rotv .tp-rotv_m:after{top:0;bottom:0;left:50%;width:1.5px;margin-left:-.75px;transition:opacity .2s ease}.tp-rotv .tp-fldv.tp-fldv-expanded>.tp-fldv_b>.tp-fldv_m:after,.tp-rotv.tp-rotv-expanded .tp-rotv_m:after{opacity:0}.tp-rotv.tp-rotv-expanded{border-radius:4px;transition:width .2s cubic-bezier(.22,.61,.36,1),border-radius .2s cubic-bezier(.22,.61,.36,1),box-shadow .2s cubic-bezier(.22,.61,.36,1)}.tp-rotv.tp-rotv-expanded>.tp-rotv_b{border-radius:4px 4px 0 0!important;transition:height .2s cubic-bezier(.22,.61,.36,1),line-height .2s cubic-bezier(.22,.61,.36,1),border-radius .2s cubic-bezier(.22,.61,.36,1),background-color .18s ease!important}.tp-rotv.tp-rotv-expanded>.tp-rotv_c{height:auto!important;transition:height .26s cubic-bezier(.4,0,.2,1) .2s,opacity .2s linear .22s,padding .26s cubic-bezier(.4,0,.2,1) .2s!important}.tp-rotv:not(.tp-rotv-cpl)>.tp-rotv_c{overflow:hidden!important}.tp-rotv.tp-rotv-cpl:not(.tp-rotv-expanded)>.tp-rotv_c{display:block!important}.tp-rotv:not(.tp-rotv-expanded){width:168px!important;border-radius:999px;transition:width .5s cubic-bezier(.34,1.5,.5,1) .24s,border-radius .42s cubic-bezier(.34,1.5,.5,1) .3s,box-shadow .42s ease .24s}.tp-rotv:not(.tp-rotv-expanded)>.tp-rotv_b{height:36px;line-height:36px;border-radius:999px!important;transition:height .5s cubic-bezier(.34,1.5,.5,1) .24s,line-height .5s cubic-bezier(.34,1.5,.5,1) .24s,border-radius .42s cubic-bezier(.34,1.5,.5,1) .3s,background-color .18s ease!important}.tp-rotv:not(.tp-rotv-expanded)>.tp-rotv_c{height:0!important;transition:height .26s ease,opacity .16s ease,padding .26s ease!important}:root{--bg: #0a0c10;--panel: rgba(255, 255, 255, .045);--line: rgba(255, 255, 255, .11);--text: #e8ecf3;--muted: #8a94a6;--plain: #ff8a5c;--smooth: #5cc8ff;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}.app{display:flex;flex-direction:column;height:100%}header.top{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;padding:12px 16px calc(12px + env(safe-area-inset-top)) 16px;border-bottom:1px solid var(--line)}header.top .brand{font-size:15px;font-weight:650;letter-spacing:-.01em;margin:0}header.top p{margin:0;font-size:13px;color:var(--muted)}header.top .spacer{flex:1}header.top a{color:var(--muted);font-size:13px;text-decoration:none;border-bottom:1px solid var(--line)}header.top a:hover{color:var(--text)}.stage{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.pane{position:relative;min-height:0;min-width:0;background:var(--bg);display:flex;flex-direction:column}.pane canvas{display:block;touch-action:none}.pane .canvas-wrap{position:absolute;inset:0}.pane-head{position:relative;z-index:2;display:flex;align-items:center;gap:8px;padding:10px 12px;pointer-events:none}.dot{width:8px;height:8px;border-radius:50%;flex:none}.pane-head .name{font-size:13px;font-weight:600}.pane-head .sub{font-size:12px;color:var(--muted)}.pane[data-variant=plain] .dot{background:var(--plain)}.pane[data-variant=smooth] .dot{background:var(--smooth)}.readout{position:absolute;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:2;pointer-events:none;display:flex;align-items:flex-end;gap:10px}.readout .trace{flex:1;height:46px;border:1px solid var(--line);border-radius:6px;background:var(--panel);overflow:hidden}.readout .trace canvas{width:100%;height:100%;display:block}.readout .num{font-variant-numeric:tabular-nums;font-size:12px;color:var(--muted);white-space:nowrap;padding-bottom:2px}.readout .num b{color:var(--text);font-weight:600}.hint{position:absolute;inset:0;z-index:3;display:grid;place-items:center;pointer-events:none;transition:opacity .5s ease}.hint span{background:#0a0c10b8;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:13px;color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hint[data-hidden=true]{opacity:0}@media(max-width:720px){.stage{grid-template-columns:1fr;grid-template-rows:1fr 1fr}header.top p{font-size:12px}.readout .trace{height:34px}}