.tt-signal-meter{width:100%;font-size:var(--tt-font-size,11px);box-sizing:border-box;gap:4px;padding:4px;display:grid}.tt-meter-channels{grid-auto-rows:min-content;gap:2px;display:grid}.tt-meter-lane{font-variant-numeric:tabular-nums;grid-template-columns:2ch minmax(0,1fr);align-items:center;gap:4px;font-size:10px;line-height:12px;display:grid}.tt-meter-channels meter{width:100%;height:9px}.tt-meter-expanded{max-height:86px;overflow-y:auto}.tt-meter-expand{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;text-decoration:underline}.tt-signal-meter output{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.tt-clip-reset{color:#fc7777;font:inherit;cursor:pointer;background:0 0;border:1px solid}.tt-effective-value{font-variant-numeric:tabular-nums}.tt-control-feedback{color:var(--tt-muted,currentColor);flex-wrap:wrap;justify-content:center;align-items:center;gap:3px 6px;max-width:100%;margin-top:3px;font-size:10px;line-height:1.25;display:flex}.tt-control-owner{font:inherit}.tt-control-feedback output+.tt-control-owner:before{content:"·";margin-right:5px}.tt-base-label{font-size:9px}.tt-slider .tt-control-feedback{grid-column:1/-1;justify-content:flex-start}.tt-frame-viewport{width:100%;min-width:0}.tt-frame-board{background:var(--tt-background,#202020);color:var(--tt-text,#ededed);border:1px solid var(--tt-border,#454545);border-radius:var(--tt-radius,8px);font-family:var(--tt-font,"DM Sans", sans-serif);font-size:var(--tt-font-size,14px);box-sizing:border-box;position:relative;overflow:hidden}.tt-widget{box-sizing:border-box;color:var(--tt-text);overflow:hidden}.tt-frame-icon{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.tt-frame-icon svg{max-width:100%;max-height:100%;display:block}.tt-frame-text{font-family:var(--tt-font);font-size:var(--tt-font-size);font-weight:inherit;letter-spacing:inherit;text-align:inherit;white-space:pre-wrap;overflow-wrap:anywhere;align-content:center;height:100%;display:block}:where(.tt-control:not(.tt-frame-board *)){--tt-background:var(--panel,var(--ground,#141414));--tt-surface:var(--raised,#262626);--tt-text:var(--text,currentColor);--tt-muted:var(--muted,#a0a0a0);--tt-accent:var(--accent,#dedede);--tt-border:var(--border,#606060)}.tt-control{width:100%;height:100%;font-family:var(--tt-font,inherit);color:var(--tt-text,currentColor);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.tt-control-label{font-size:var(--tt-font-size,12px);color:var(--tt-text,currentColor);font-weight:inherit;letter-spacing:inherit;margin-bottom:10px}.tt-dial{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;width:72px;height:72px;position:relative}.tt-dial-rings{fill:none;pointer-events:none;stroke-linecap:round;width:100%;height:100%;position:absolute;inset:0}.tt-dial-track,.tt-dial-base{stroke-width:4px}.tt-dial-track,.tt-dial-ghost-track{stroke:var(--tt-border,#454545)}.tt-dial-base,.tt-dial-ghost{stroke:var(--tt-accent,#dedede)}.tt-dial-ghost-track{stroke-width:1px;stroke-dasharray:1 4}.tt-dial-ghost{stroke-width:2px;opacity:.65}.tt-dial-effective{fill:var(--tt-text,#ededed);stroke:var(--tt-surface,#303030);stroke-width:1px}.tt-dial-zero{stroke:var(--tt-text,#ededed);stroke-width:1.5px}.tt-control[data-read-only] .tt-dial{cursor:default}.tt-control[data-read-only] .tt-dial-base,.tt-control[data-read-only] .tt-dial-face i{opacity:.45}.tt-dial-face{background:var(--tt-surface,#303030);border:1px solid var(--tt-border,#454545);border-radius:50%;position:absolute;inset:10px;box-shadow:inset 0 1px 1px #ffffff12,0 2px 4px #0002}.tt-dial-face i{background:var(--tt-accent,#dedede);border-radius:1px;width:2px;height:11px;position:absolute;top:5px;left:calc(50% - 1px)}.tt-range{cursor:ew-resize;width:80%;height:3px;accent-color:var(--tt-accent,currentColor);margin:10px 0 0}.tt-knob:focus-within .tt-dial{outline:2px solid var(--tt-accent,currentColor);outline-offset:4px}.tt-control-value{color:var(--tt-muted,currentColor);margin-top:10px;font:11px SFMono-Regular,Consolas,monospace}.tt-number-input{cursor:ns-resize;touch-action:none;font-variant-numeric:tabular-nums}.tt-number-input[data-editing]{cursor:text;touch-action:auto}.tt-number-input[data-scrubbing]{cursor:ns-resize;-webkit-user-select:none;user-select:none}.tt-number-input:disabled{cursor:default}.tt-control-value .tt-control-number{box-sizing:border-box;width:9ch;min-width:0;max-width:100%;font:inherit;color:inherit;text-align:center;background:0 0;border:1px solid #0000;border-radius:3px;padding:2px}.tt-control-number:hover,.tt-control-number:focus-visible,.tt-control-number[data-scrubbing]{border-color:var(--tt-border,currentColor);outline-color:var(--tt-accent,currentColor)}.tt-slider{grid-template-columns:1fr auto;align-items:center;gap:7px;display:grid}.tt-slider .tt-control-label{font-size:var(--tt-font-size,12px);letter-spacing:0;margin:0}.tt-slider .tt-control-value{grid-area:1/2;justify-self:end;margin:0}.tt-slider .tt-range{grid-column:1/-1;width:100%;margin:7px 0 0}.tt-control-heading{justify-content:center;align-items:center;gap:4px;max-width:100%;margin-bottom:8px;display:flex}.tt-control-heading .tt-control-label{margin-bottom:0}.tt-slider .tt-control-heading{justify-content:flex-start;margin:0}.tt-button-control{flex-direction:column;justify-content:center;align-items:stretch;gap:6px;width:100%;height:100%;display:flex}.tt-play-button{border:1px solid var(--tt-border);border-radius:var(--tt-radius,6px);background:var(--tt-surface);min-height:32px;color:var(--tt-text);font:inherit;cursor:pointer;touch-action:none;flex:1}.tt-play-button[data-active]{background:var(--tt-accent);color:var(--tt-background)}.tt-play-button:disabled{opacity:.5;cursor:default}.tt-play-button:focus-visible,.tt-xy-surface:focus-visible{outline:2px solid var(--tt-accent);outline-offset:2px}.tt-button-state{text-align:center;opacity:.7;font-size:10px}.tt-xy-control{flex-direction:column;gap:6px;width:100%;height:100%;display:flex}.tt-xy-surface{border:1px solid var(--tt-border);background-color:var(--tt-surface);background-image:linear-gradient(to right, var(--tt-border) 1px, transparent 1px), linear-gradient(to top, var(--tt-border) 1px, transparent 1px);cursor:crosshair;touch-action:none;background-size:25% 25%;border-radius:4px;flex:1;min-height:32px;display:block;position:relative;overflow:hidden}.tt-xy-surface:disabled{opacity:.5;cursor:default}.tt-xy-cross{background:var(--tt-accent);opacity:.35;pointer-events:none;position:absolute}.tt-xy-cross.x{width:1px;top:0;bottom:0}.tt-xy-cross.y{height:1px;left:0;right:0}.tt-xy-point{border:1px solid var(--tt-accent);background:var(--tt-accent);pointer-events:none;border-radius:50%;width:10px;height:10px;position:absolute;transform:translate(-50%,50%)}.tt-xy-axes{gap:8px;font-size:10px;display:flex}.tt-xy-axes label{flex-direction:column;flex:1;min-width:0;display:flex}.tt-xy-axes input{width:100%;min-width:0;accent-color:var(--tt-accent)}.tt-xy-axes output{font-variant-numeric:tabular-nums}.tt-signal-inspector{width:100%;min-width:0;color:inherit;gap:8px;font-size:12px;display:grid}.tt-signal-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tt-signal-tools label{align-items:center;gap:5px;font-size:11px;display:flex}.tt-signal-tools button,.tt-signal-tools select{font:inherit;color:inherit;border:1px solid var(--tt-border,var(--border));background:0 0;border-radius:5px;padding:6px 8px}.tt-signal-tools button[aria-pressed=true]{background:var(--tt-surface,var(--hover));border-color:var(--tt-accent,var(--accent))}.tt-signal-plot{width:100%;display:block}.tt-plot-grid{stroke:var(--tt-screen-grid-major,var(--tt-border,var(--border)));stroke-width:1px}.tt-plot-trace{stroke:var(--tt-screen-trace,var(--tt-accent,var(--accent)));stroke-width:1.5px}.tt-signal-plot text{fill:currentColor;opacity:.6;font-size:9px}.tt-signal-plot[data-mode=spectrum] .tt-plot-trace{fill:var(--tt-screen-trace,var(--tt-accent,var(--accent)));fill-opacity:.12}.tt-signal-summary{font-variant-numeric:tabular-nums;font-size:11px}.tt-signal-inspector small{opacity:.65}.tt-choice-control{min-width:0;font:inherit;flex-wrap:wrap;align-items:center;gap:3px 6px;display:flex}.tt-choice-control>label{font:inherit}.tt-choice-control>.tt-noise-preview{flex-basis:100%}.tt-choice-box{box-sizing:border-box;border:1px solid var(--tt-border,var(--border,#555));min-width:0;max-width:100%;color:var(--tt-text,inherit);border-radius:3px;align-items:center;display:inline-flex;position:relative}.tt-choice-box:hover{border-color:color-mix(in srgb, var(--tt-text,currentColor) 40%, var(--tt-border,transparent))}.tt-choice-box:has(>select:focus-visible){outline:2px solid var(--tt-accent,currentColor);outline-offset:1px}.tt-choice-box:has(>select:disabled){opacity:.5}.tt-choice-box>select{min-width:0;color:inherit;font:inherit;appearance:none;cursor:pointer;text-overflow:ellipsis;field-sizing:content;background:0 0;border:0;outline:0;flex:1;padding:4px 18px 4px 5px}.tt-choice-box>select:disabled{cursor:default}.tt-choice-chevron{fill:none;width:9px;height:9px;stroke:var(--tt-muted,currentColor);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;position:absolute;inset-inline-end:5px}.tt-choice-box:hover>.tt-choice-chevron{stroke:var(--tt-text,currentColor)}.tt-choice>.tt-choice-box{width:100%}.tt-choice>.tt-choice-box>select{padding:6px 22px 6px 8px}.tt-choice>.tt-choice-box>.tt-choice-chevron{inset-inline-end:8px}@supports (appearance:base-select){.tt-choice-box>select{appearance:base-select}.tt-choice-box>select::picker(select){appearance:base-select}.tt-choice-box>select{align-items:center;display:flex}.tt-choice-box>select::picker-icon{display:none}.tt-choice-box>select::picker(select){border:1px solid var(--tt-border,#555);background:var(--tt-surface,#222);color:var(--tt-text,#eee);font-family:var(--tt-font,inherit);text-align:start;border-radius:6px;margin-block:2px;padding:4px;line-height:1.5;box-shadow:0 8px 28px #0004}.tt-choice-box option{border-radius:3px;gap:6px;padding:6px 8px}.tt-choice-box option:is(:hover,:focus-visible,:checked){background:color-mix(in srgb, var(--tt-text,currentColor) 10%, transparent);outline:0}.tt-choice-box option::checkmark{color:var(--tt-muted,currentColor)}.tt-choice-box optgroup{color:var(--tt-muted,currentColor);padding-block-start:4px;font-size:.9em;font-weight:600}.tt-choice-box optgroup option{color:var(--tt-text,currentColor);font-size:1.11111em;font-weight:400}}.tt-noise-preview{min-width:0;color:var(--tt-muted,var(--muted,currentColor));align-items:center;gap:8px;display:flex}.tt-noise-preview svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round;flex:none;width:52px;height:26px}.tt-noise-preview small{font:inherit;font-size:10px;line-height:1.3}.tt-graphical-editor{box-sizing:border-box;flex-direction:column;gap:5px;width:100%;min-width:0;height:100%;font-size:11px;display:flex}:where(:root,.tt-frame-board){--tt-screen-bg:#05070b;--tt-screen-bg-lift:#0d141d;--tt-screen-edge:#96beff1f;--tt-screen-grid:#96beff12;--tt-screen-grid-major:#96beff29;--tt-screen-ink:#cde1ff80;--tt-screen-muted:#cde1ff4d;--tt-screen-text:#fff;--tt-screen-shade:#0000008c;--tt-screen-glow:.26}:where(.tt-frame-board){--tt-screen-accent:initial}:where(.tt-face,.tt-signal-plot,.tt-curve-plot){--tt-face-tone:#2ee6ff;--tt-face-tone-alt:#ff4fd8;--tt-screen-trace:var(--tt-screen-accent,var(--tt-face-tone));--tt-screen-alt:var(--tt-face-tone-alt);--tt-screen-warn:#ffb52e;--tt-screen-fill:.24;--tt-screen-band-1:#ff6161;--tt-screen-band-2:#ffa53d;--tt-screen-band-3:#f2e64b;--tt-screen-band-4:#6bff86;--tt-screen-band-5:#2ee6ff;--tt-screen-band-6:#6f95ff;--tt-screen-band-7:#b77bff;--tt-screen-band-8:#ff5cc8;background:radial-gradient(120% 100% at 50% 0%, var(--tt-screen-bg-lift), var(--tt-screen-bg) 72%), var(--tt-screen-bg);box-shadow:inset 0 0 0 1px var(--tt-screen-edge), inset 0 10px 24px var(--tt-screen-shade);color:var(--tt-screen-ink);border:0;border-radius:6px}.tt-face[data-tone=lime]{--tt-face-tone:#b6ff3b}.tt-face[data-tone=magenta]{--tt-face-tone:#ff4fd8;--tt-face-tone-alt:#2ee6ff}.tt-face[data-tone=amber]{--tt-face-tone:#ffb52e;--tt-screen-warn:#ff5a4f}.tt-face[data-tone=violet]{--tt-face-tone:#a98bff}.tt-graphical-plot{flex:1;width:100%;min-height:80px;max-height:220px;display:block;position:relative;overflow:hidden}.tt-face-svg{touch-action:none;width:100%;height:100%;font:9px/1 var(--tt-mono,"SFMono-Regular", Consolas, monospace);font-variant-numeric:tabular-nums;position:absolute;inset:0;overflow:visible}.tt-face-grid line{stroke:var(--tt-screen-grid);stroke-width:1px;shape-rendering:crispedges}.tt-face-grid line[data-major]{stroke:var(--tt-screen-grid-major)}.tt-face-labels text{fill:var(--tt-screen-ink)}.tt-face-labels .tt-face-caption{fill:var(--tt-screen-trace);opacity:.8}.tt-face:is([data-lod=mid],[data-lod=far]) .tt-face-labels{display:none}.tt-face-zone{fill:var(--tt-screen-muted);opacity:.12}.tt-face-zone[data-tone=warn]{fill:var(--tt-screen-warn);opacity:.07}.tt-face-stop-trace{stop-color:var(--tt-screen-trace);stop-opacity:var(--tt-screen-fill)}.tt-face-stop-alt{stop-color:var(--tt-screen-alt);stop-opacity:var(--tt-screen-fill)}.tt-face-trace-group{--tt-ink:var(--tt-screen-trace)}.tt-face-trace-group[data-tone=alt]{--tt-ink:var(--tt-screen-alt)}.tt-face-trace-group[data-tone=muted]{--tt-ink:var(--tt-screen-muted)}.tt-face-trace-group[data-tone=warn]{--tt-ink:var(--tt-screen-warn)}.tt-face [data-tone=band1]{--tt-ink:var(--tt-screen-band-1)}.tt-face [data-tone=band2]{--tt-ink:var(--tt-screen-band-2)}.tt-face [data-tone=band3]{--tt-ink:var(--tt-screen-band-3)}.tt-face [data-tone=band4]{--tt-ink:var(--tt-screen-band-4)}.tt-face [data-tone=band5]{--tt-ink:var(--tt-screen-band-5)}.tt-face [data-tone=band6]{--tt-ink:var(--tt-screen-band-6)}.tt-face [data-tone=band7]{--tt-ink:var(--tt-screen-band-7)}.tt-face [data-tone=band8]{--tt-ink:var(--tt-screen-band-8)}.tt-face-glow{fill:none;stroke:var(--tt-ink);stroke-opacity:var(--tt-screen-glow);stroke-width:6px;stroke-linecap:round;stroke-linejoin:round}.tt-face .tt-face-trace{fill:none;stroke:color-mix(in srgb, var(--tt-ink) 78%, var(--tt-screen-text));stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round}.tt-face-trace-group[data-quiet] .tt-face-trace{stroke:var(--tt-ink);stroke-width:1px;stroke-dasharray:3 3}.tt-face-marker line{stroke:var(--tt-screen-muted);stroke-dasharray:2 3}.tt-face-marker text{fill:var(--tt-screen-ink)}.tt-face-readout{fill:var(--tt-screen-text);fill-opacity:.92;paint-order:stroke;stroke:var(--tt-screen-bg);stroke-width:3px;stroke-linejoin:round}.tt-face-live{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tt-face-live-marks>*{--tt-ink:var(--tt-screen-trace)}.tt-face-live-marks>[data-tone=alt]{--tt-ink:var(--tt-screen-alt)}.tt-face-live-marks>[data-tone=muted]{--tt-ink:var(--tt-screen-muted)}.tt-face-live-marks>[data-tone=warn]{--tt-ink:var(--tt-screen-warn)}.tt-face-live-dot{fill:var(--tt-screen-text);stroke:var(--tt-ink);stroke-width:2px}.tt-face-live-line{stroke:var(--tt-ink);stroke-width:2.5px;stroke-linecap:round}.tt-face-live-text{fill:var(--tt-ink);paint-order:stroke;stroke:var(--tt-screen-bg);stroke-width:3px}.tt-face-live-text[data-size=large]{font-size:16px;font-weight:600}.tt-face-live-text[data-size=small]{font-size:8px}.tt-scala-import{flex-wrap:wrap;align-items:center;gap:6px;font-size:10px;display:flex}.tt-scala-import button{min-height:22px;color:inherit;background:var(--tt-surface,var(--raised,#303030));border:1px solid var(--tt-border,var(--border,#454545));font:inherit;cursor:pointer;border-radius:4px;padding:2px 8px}.tt-scala-import button:disabled{opacity:.5;cursor:default}.tt-scala-import small{color:var(--tt-muted,var(--muted,#a0a0a0))}.tt-face-handle{--tt-ink:var(--tt-screen-trace);cursor:grab;touch-action:none;outline:none}.tt-face-handle[data-tone=alt]{--tt-ink:var(--tt-screen-alt)}.tt-face-handle[data-tone=muted]{--tt-ink:var(--tt-screen-muted)}.tt-face-handle[data-tone=warn]{--tt-ink:var(--tt-screen-warn)}.tt-face-hit{fill:#0000}.tt-face-ring{fill:var(--tt-screen-bg);stroke:var(--tt-ink);stroke-width:1.75px}.tt-face-dot{fill:var(--tt-screen-text)}.tt-face-handle[data-hot] .tt-face-ring,.tt-face-handle:focus-visible .tt-face-ring{fill:var(--tt-ink);fill-opacity:.25;stroke-width:2.5px}.tt-face-handle:focus-visible .tt-face-hit{fill:var(--tt-ink);fill-opacity:.12}.tt-face-handle:active{cursor:grabbing}.tt-face-handle[aria-disabled=true]{opacity:.45;cursor:default}.tt-step-cell{fill:#0000;stroke:none;cursor:pointer;touch-action:none;outline:none}.tt-step-cell:focus-visible,.tt-step-cell[data-hot]{stroke:var(--tt-screen-text);stroke-width:1.5px;stroke-opacity:.8}[aria-disabled=true]>[data-step-row] .tt-step-cell{cursor:default}.tt-graphical-fields{flex-wrap:wrap;gap:5px;display:flex}.tt-graphical-fields label{flex:1;align-items:center;gap:3px;min-width:80px;font-size:10px;display:flex}.tt-graphical-fields input{color:inherit;border:1px solid var(--tt-border,var(--border));width:65px;min-width:0;font:inherit;background:0 0;border-radius:3px;padding:4px}.tt-graphical-fields .tt-choice-control{flex-wrap:nowrap;flex:1;gap:3px;min-width:80px;font-size:10px}.tt-graphical-fields .tt-choice-control>label{flex:none;min-width:0;display:inline}.tt-graphical-fields .tt-choice-box>select{padding-block:4px;padding-inline-start:4px}.tt-graphical-editor small{opacity:.65;font-size:9px;line-height:1.35}.tt-frame-graphical{flex-direction:column;gap:5px;height:100%;display:flex}.tt-frame-graphical .tt-graphical-editor{flex:1;min-height:0}.tt-frame-graphical>.tt-button-control{flex:none;height:38px;min-height:38px}.tt-frame-graphical>.tt-button-control .tt-button-state{display:none}.tt-plot-effective{stroke:var(--tt-screen-ink,var(--tt-text,var(--text)));stroke-width:1.4px;stroke-dasharray:4 4;opacity:.65;pointer-events:none}.tt-piano{flex-direction:column;gap:6px;height:100%;min-height:100px;font-size:11px;display:flex}.tt-piano-tools{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.tt-piano-tools button{background:var(--tt-surface);color:var(--tt-text);border:1px solid var(--tt-border);font:inherit;border-radius:4px;padding:3px 6px}.tt-piano-tools button[aria-pressed=true]{background:var(--tt-accent);color:var(--tt-background)}.tt-piano-tools label{align-items:center;gap:4px;display:flex}.tt-piano-tools input{width:90px;accent-color:var(--tt-accent)}.tt-piano-keys{isolation:isolate;touch-action:none;flex:1;min-height:65px;display:flex;position:relative}.tt-piano-keys button{min-width:0;font:inherit;touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid #555;border-radius:0 0 4px 4px;flex:1;justify-content:center;align-items:end;padding:0 0 4px;font-size:9px;display:flex}.tt-piano-keys .white{color:#202020;background:#f5f4ef;height:100%}.tt-piano-keys .black{color:#f5f4ef;z-index:1;background:#202020;flex:.65;height:62%;margin-left:-1.3%;margin-right:-1.3%}.tt-piano-keys button[aria-pressed=true]{background:var(--tt-accent);color:var(--tt-background)}.tt-piano-keys button[data-sustained]{box-shadow:inset 0 -5px var(--tt-accent)}.tt-piano-keys button:focus-visible,.tt-piano:focus-visible{outline:2px solid var(--tt-accent);outline-offset:2px}.tt-piano small{opacity:.7;font-size:10px}.tt-frame-image{pointer-events:none;width:100%;height:100%;display:block}.tt-image-status{opacity:.7;text-align:center;justify-content:center;align-items:center;width:100%;height:100%;font-size:11px;display:flex}.tt-segmented{flex-direction:column;justify-content:center;gap:5px;height:100%;display:flex}.tt-segmented [role=radiogroup]{flex-wrap:wrap;gap:3px;display:flex}.tt-segmented button{background:var(--tt-surface);color:var(--tt-text);border:1px solid var(--tt-border);font:inherit;border-radius:4px;flex:1;min-width:40px;padding:7px}.tt-segmented button[aria-checked=true]{background:var(--tt-accent);color:var(--tt-background)}.tt-segmented output{opacity:.7;font-size:10px}.tt-tuner{border:1px solid var(--tt-border,var(--border));border-radius:6px;gap:12px;padding:12px;display:grid}.tt-tuner output{font-variant-numeric:tabular-nums;text-align:center;font-size:20px}.tt-tuner input{width:80px}.tt-tuner svg{width:100%;height:70px;font-size:11px}.tt-rect-slider{border:1px solid var(--tt-border);background:var(--tt-surface);touch-action:none;cursor:crosshair;border-radius:2px;flex:1;width:100%;min-width:16px;min-height:24px;position:relative;overflow:hidden}.tt-rect-slider:focus-visible{outline:2px solid var(--tt-accent);outline-offset:2px}.tt-slider-fill,.tt-slider-bar{pointer-events:none;position:absolute;top:0;bottom:0;left:0}.tt-slider-fill{width:calc(var(--tt-slider-at) * (100% - 4px));background:color-mix(in srgb, var(--tt-accent) 30%, transparent)}.tt-slider-bar{width:4px;left:calc(var(--tt-slider-at) * (100% - 4px));background:var(--tt-accent)}.tt-rect-slider[data-vertical] .tt-slider-fill{width:auto;height:calc(var(--tt-slider-at) * (100% - 4px));top:auto;right:0}.tt-rect-slider[data-vertical] .tt-slider-bar{top:auto;left:0;right:0;bottom:calc(var(--tt-slider-at) * (100% - 4px));width:auto;height:4px}.tt-rect-slider[aria-disabled=true]{opacity:.6;cursor:default}.tt-control.tt-slider{flex-direction:column;gap:4px;display:flex}.tt-button-checkbox .tt-play-button,.tt-button-switch .tt-play-button{background:0 0;border:0;justify-content:flex-start;align-items:center;gap:8px;padding:4px;display:flex}.tt-check-box{border:1px solid var(--tt-border);background:var(--tt-surface);border-radius:2px;flex:none;place-items:center;width:24px;height:24px;display:grid}.tt-play-button[data-active] .tt-check-box{background:var(--tt-accent);color:var(--tt-background)}.tt-switch-track{border:1px solid var(--tt-border);background:var(--tt-surface);border-radius:20px;flex:none;width:44px;height:24px;padding:3px;display:flex}.tt-switch-track>span{background:var(--tt-text);border-radius:50%;width:16px;height:16px}.tt-play-button[data-active] .tt-switch-track{background:var(--tt-accent);justify-content:flex-end}.tt-play-button[data-active] .tt-switch-track>span{background:var(--tt-background)}.tt-xy-joystick .tt-xy-surface{aspect-ratio:1;background-image:radial-gradient(circle, transparent 24%, var(--tt-border) 25%, transparent 26%, transparent 49%, var(--tt-border) 50%, transparent 51%, transparent 74%, var(--tt-border) 75%, transparent 76%);border-radius:50%;align-self:center;width:min(100%,240px)}.tt-xy-joystick .tt-xy-point{border:2px solid var(--tt-text);background:var(--tt-accent);border-radius:50%;width:28px;height:28px;box-shadow:0 2px 8px #0005}.tt-signal-inspector.is-compact{box-sizing:border-box;flex-direction:column;gap:4px;height:100%;padding:6px;display:flex}.tt-signal-inspector.is-compact .tt-signal-tools{gap:4px}.tt-signal-inspector.is-compact .tt-signal-tools select,.tt-signal-inspector.is-compact .tt-signal-tools button{min-width:0;min-height:24px;padding:3px 5px;font-size:10px}.tt-signal-inspector.is-compact .tt-signal-plot{flex:1;width:100%;height:0;min-height:60px}.tt-signal-inspector.is-compact .tt-signal-summary{font-size:9px}.tt-spectrogram{background:#090b14;display:block}.tt-screen{border:1px solid var(--tt-border);background:var(--tt-background);border-radius:2px;flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.tt-screen canvas{touch-action:none;flex:1;width:100%;height:0;min-height:0;display:block}.tt-screen canvas:focus-visible{outline:2px solid var(--tt-accent);outline-offset:-3px}.tt-screen-message{text-align:center;pointer-events:none;place-items:center;font-size:11px;display:grid;position:absolute;inset:12px}.tt-screen-tools{border-top:1px solid var(--tt-border);justify-content:space-between;align-items:center;gap:6px;padding:4px 6px;font-size:10px;display:flex}.tt-screen-tools button{border:1px solid var(--tt-border);border-radius:2px;padding:3px 6px}.tt-screen-tools input{flex:1;min-width:0}.tt-led{align-items:center;gap:8px;width:100%;min-width:0;height:100%;display:flex}.tt-led-lamp{aspect-ratio:1;background:color-mix(in srgb, var(--led-color) calc(var(--led-level) * 100%), var(--led-off));height:min(100%,48px);box-shadow:0 0 calc(var(--led-glow) * var(--led-level) * 14px) color-mix(in srgb, var(--led-color) 70%, transparent);border:1px solid #00000073;flex:none}.tt-led.is-round .tt-led-lamp{border-radius:50%}.tt-led.is-square .tt-led-lamp{border-radius:3px}.tt-led.is-bar .tt-led-lamp{aspect-ratio:auto;border-radius:3px;flex:1;width:auto;height:40%}.tt-led-lamp.is-flash{animation-name:tt-led-flash;animation-timing-function:ease-out;animation-fill-mode:both}@keyframes tt-led-flash{0%{background:var(--led-color);box-shadow:0 0 14px var(--led-color)}to{background:var(--led-off);box-shadow:none}}@media (prefers-reduced-motion:reduce){.tt-led-lamp.is-flash{animation-timing-function:step-end}}.tt-led-label{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.tt-web{border:1px solid var(--tt-border,#7f7f7f59);border-radius:6px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.tt-web iframe{background:#fff;border:0;flex:1;width:100%;min-height:0}.tt-web-origin{opacity:.8;align-items:center;gap:6px;padding:2px 8px;font-size:11px;display:flex}.tt-web-origin a{color:inherit;margin-left:auto}.tt-web-gate{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:12px;display:flex}.tt-web-gate button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:6px;padding:4px 12px}.tt-paint,.tt-curve,.tt-switcher{flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex}.tt-paint-area{flex:1;min-height:0;position:relative}.tt-paint-area canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.tt-paint-area canvas:focus-visible,.tt-curve-plot:focus-visible{outline:2px solid var(--tt-accent,#dedede);outline-offset:-2px}.tt-paint-cursor{border:1px solid var(--tt-text,#ededed);pointer-events:none;opacity:0;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute}.tt-paint-area canvas:focus-visible+.tt-paint-cursor,.tt-paint-cursor[data-drawing=true]{opacity:1}.tt-paint-tools,.tt-curve-tools,.tt-switcher-bar{background:var(--tt-surface,#262626);border-top:1px solid var(--tt-border,#454545);flex-wrap:wrap;align-items:center;gap:4px;padding:4px;font-size:11px;display:flex}.tt-paint-tools label{align-items:center;gap:4px;display:flex}.tt-paint-tools input[type=range]{width:56px}.tt-paint-tools button,.tt-curve-tools button,.tt-switcher-bar button,.tt-switcher-bar select{min-height:24px;color:var(--tt-text,#ededed);background:var(--tt-background,#202020);border:1px solid var(--tt-border,#454545);font:inherit;border-radius:4px;padding:2px 7px}.tt-paint-tools button[aria-pressed=true],.tt-curve-tools button[aria-pressed=true]{background:var(--tt-accent,#dedede);color:var(--tt-background,#202020)}.tt-curve-plot{touch-action:none;cursor:crosshair;border-radius:0;flex:1;width:100%;min-height:0}.tt-curve-axis{stroke:var(--tt-screen-grid-major);vector-effect:non-scaling-stroke}.tt-curve-line{fill:none;stroke:var(--tt-screen-trace);stroke-width:2px}.tt-curve-cursor{stroke:var(--tt-muted,#a0a0a0);stroke-dasharray:3 3;opacity:0}.tt-curve-plot:focus-visible .tt-curve-cursor{opacity:1}.tt-curve-divider{background:var(--tt-border,#454545);align-self:stretch;width:1px}.tt-curve-note{color:var(--tt-muted,#a0a0a0);padding:0 4px 4px;font-size:10px}.tt-switcher-grid{flex:1;gap:4px;min-height:0;padding:4px;display:grid}.tt-switcher-tile{min-width:0;min-height:0;color:var(--tt-text,#ededed);border:3px solid var(--tt-border,#454545);cursor:pointer;background:#000;border-radius:4px;padding:0;position:relative;overflow:hidden}.tt-switcher-tile[data-tally=program]{border-color:#e0352b}.tt-switcher-tile[data-tally=preview]{border-color:#33a852}.tt-switcher-tile:focus-visible{outline:2px solid var(--tt-accent,#dedede);outline-offset:1px}.tt-switcher-tile .tt-screen{pointer-events:none}.tt-switcher-caption{background:#0009;border-radius:2px;padding:1px 4px;font-size:10px;position:absolute;bottom:3px;left:4px}.tt-switcher-empty{height:100%;color:var(--tt-muted,#a0a0a0);place-items:center;font-size:10px;display:grid}.tt-switcher-status{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tt-switcher-take{font-weight:600}.tt-readout{box-sizing:border-box;flex-direction:column;justify-content:center;gap:2px;width:100%;min-width:0;height:100%;padding:4px 8px;line-height:1.2;display:flex;container-type:size}.tt-readout-label{color:var(--tt-muted,#a0a0a0);font-size:10px}.tt-readout-value{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(14px,40cqh,48px);overflow:hidden}.tt-readout-value[data-unavailable=true]{color:var(--tt-muted,#a0a0a0);font-size:12px}
