.tl-container{--tl-space-1:2px;--tl-space-2:4px;--tl-space-3:8px;--tl-space-4:12px;--tl-space-5:16px;--tl-space-6:20px;--tl-space-7:28px;--tl-space-8:32px;--tl-space-9:64px;--tl-space-10:72px;--tl-radius-0:2px;--tl-radius-1:4px;--tl-radius-2:6px;--tl-radius-3:9px;--tl-radius-4:11px;--tl-layer-canvas-hidden:-999999;--tl-layer-canvas-background:100;--tl-layer-canvas-grid:150;--tl-layer-watermark:200;--tl-layer-canvas-in-front:250;--tl-layer-canvas-shapes:300;--tl-layer-canvas-overlays:500;--tl-layer-canvas-blocker:10000;--tl-layer-overlays-collaborator-scribble:10;--tl-layer-overlays-collaborator-brush:20;--tl-layer-overlays-collaborator-shape-indicator:30;--tl-layer-overlays-user-scribble:40;--tl-layer-overlays-user-brush:50;--tl-layer-overlays-user-snapline:90;--tl-layer-overlays-selection-fg:100;--tl-layer-overlays-user-handles:105;--tl-layer-overlays-user-indicator-hint:110;--tl-layer-overlays-custom:115;--tl-layer-overlays-collaborator-cursor-hint:120;--tl-layer-overlays-collaborator-cursor:130;--tl-layer-text-container:1;--tl-layer-text-content:3;--tl-layer-text-editor:4;--tl-layer-error-overlay:1;--tl-layer-error-canvas:2;--tl-layer-error-canvas-after:3;--tl-layer-error-content:4;--tl-zoom:1;--tl-tab-size:2;--tl-cursor-none:none;--tl-cursor-default:url("data:image/svg+xml,<svg height='32' width='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' style='color: black;'><defs><filter id='shadow' y='-40%' x='-40%' width='180px' height='180%' color-interpolation-filters='sRGB'><feDropShadow dx='1' dy='1' stdDeviation='1.2' flood-opacity='.5'/></filter></defs><g fill='none' transform='rotate(0 16 16)' filter='url(%23shadow)'><path d='m12 24.4219v-16.015l11.591 11.619h-6.781l-.411.124z' fill='white'/><path d='m21.0845 25.0962-3.605 1.535-4.682-11.089 3.686-1.553z' fill='white'/><path d='m19.751 24.4155-1.844.774-3.1-7.374 1.841-.775z' fill='black'/><path d='m13 10.814v11.188l2.969-2.866.428-.139h4.768z' fill='black'/></g></svg>") 12 8, default;--tl-cursor-pointer:url("data:image/svg+xml,<svg height='32' width='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' style='color: black;'><defs><filter id='shadow' y='-40%' x='-40%' width='180px' height='180%' color-interpolation-filters='sRGB'><feDropShadow dx='1' dy='1' stdDeviation='1.2' flood-opacity='.5'/></filter></defs><g fill='none' transform='rotate(0 16 16)' filter='url(%23shadow)'><path d='m13.3315 21.3799c-.284-.359-.629-1.093-1.243-1.984-.348-.504-1.211-1.453-1.468-1.935-.223-.426-.199-.617-.146-.97.094-.628.738-1.117 1.425-1.051.519.049.959.392 1.355.716.239.195.533.574.71.788.163.196.203.277.377.509.23.307.302.459.214.121-.071-.496-.187-1.343-.355-2.092-.128-.568-.159-.657-.281-1.093-.129-.464-.195-.789-.316-1.281-.084-.348-.235-1.059-.276-1.459-.057-.547-.087-1.439.264-1.849.275-.321.906-.418 1.297-.22.512.259.803 1.003.936 1.3.239.534.387 1.151.516 1.961.164 1.031.466 2.462.476 2.763.024-.369-.068-1.146-.004-1.5.058-.321.328-.694.666-.795.286-.085.621-.116.916-.055.313.064.643.288.766.499.362.624.369 1.899.384 1.831.086-.376.071-1.229.284-1.584.14-.234.497-.445.687-.479.294-.052.655-.068.964-.008.249.049.586.345.677.487.218.344.342 1.317.379 1.658.015.141.074-.392.293-.736.406-.639 1.843-.763 1.898.639.025.654.02.624.02 1.064 0 .517-.012.828-.04 1.202-.031.4-.117 1.304-.242 1.742-.086.301-.371.978-.652 1.384 0 0-1.074 1.25-1.191 1.813-.118.562-.079.566-.102.965-.023.398.121.922.121.922s-.802.104-1.234.035c-.391-.063-.875-.841-1-1.079-.172-.328-.539-.265-.682-.023-.225.383-.709 1.07-1.051 1.113-.668.084-2.054.031-3.139.02 0 0 .185-1.011-.227-1.358-.305-.259-.83-.784-1.144-1.06z' fill='white'/><g stroke='black' stroke-linecap='round' stroke-width='.75'><path d='m13.3315 21.3799c-.284-.359-.629-1.093-1.243-1.984-.348-.504-1.211-1.453-1.468-1.935-.223-.426-.199-.617-.146-.97.094-.628.738-1.117 1.425-1.051.519.049.959.392 1.355.716.239.195.533.574.71.788.163.196.203.277.377.509.23.307.302.459.214.121-.071-.496-.187-1.343-.355-2.092-.128-.568-.159-.657-.281-1.093-.129-.464-.195-.789-.316-1.281-.084-.348-.235-1.059-.276-1.459-.057-.547-.087-1.439.264-1.849.275-.321.906-.418 1.297-.22.512.259.803 1.003.936 1.3.239.534.387 1.151.516 1.961.164 1.031.466 2.462.476 2.763.024-.369-.068-1.146-.004-1.5.058-.321.328-.694.666-.795.286-.085.621-.116.916-.055.313.064.643.288.766.499.362.624.369 1.899.384 1.831.086-.376.071-1.229.284-1.584.14-.234.497-.445.687-.479.294-.052.655-.068.964-.008.249.049.586.345.677.487.218.344.342 1.317.379 1.658.015.141.074-.392.293-.736.406-.639 1.843-.763 1.898.639.025.654.02.624.02 1.064 0 .517-.012.828-.04 1.202-.031.4-.117 1.304-.242 1.742-.086.301-.371.978-.652 1.384 0 0-1.074 1.25-1.191 1.813-.118.562-.079.566-.102.965-.023.398.121.922.121.922s-.802.104-1.234.035c-.391-.063-.875-.841-1-1.079-.172-.328-.539-.265-.682-.023-.225.383-.709 1.07-1.051 1.113-.668.084-2.054.031-3.139.02 0 0 .185-1.011-.227-1.358-.305-.259-.83-.784-1.144-1.06z' stroke-linejoin='round'/><path d='m21.5664 21.7344v-3.459'/><path d='m19.5508 21.7461-.016-3.473'/><path d='m17.5547 18.3047.021 3.426'/></g></g></svg>") 14 10, pointer;--tl-cursor-cross:url("data:image/svg+xml,<svg height='32' width='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' style='color: black;'><defs><filter id='shadow' y='-40%' x='-40%' width='180px' height='180%' color-interpolation-filters='sRGB'><feDropShadow dx='1' dy='1' stdDeviation='1.2' flood-opacity='.5'/></filter></defs><g fill='none' transform='rotate(0 16 16)' filter='url(%23shadow)'><path d='m25 16h-6.01v-6h-2.98v6h-6.01v3h6.01v6h2.98v-6h6.01z' fill='white'/><path d='m23.9902 17.0103h-6v-6.01h-.98v6.01h-6v.98h6v6.01h.98v-6.01h6z' fill='%23231f1f'/></g></svg>") 16 16, crosshair;--tl-cursor-move:url("data:image/svg+xml,<svg height='32' width='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' style='color: black;'><defs><filter id='shadow' y='-40%' x='-40%' width='180px' height='180%' color-interpolation-filters='sRGB'><feDropShadow dx='1' dy='1' stdDeviation='1.2' flood-opacity='.5'/></filter></defs><g fill='none' transform='rotate(0 16 16)' filter='url(%23shadow)'><path d='m19 14h1v1h-1zm1 6h-1v-1h1zm-5-5h-1v-1h1zm0 5h-1v-1h1zm2-10.987-7.985 7.988 5.222 5.221 2.763 2.763 7.984-7.985z' fill='white'/><g fill='black'><path d='m23.5664 16.9971-2.557-2.809v1.829h-4.009-4.001v-1.829l-2.571 2.809 2.572 2.808-.001-1.808h4.001 4.009l-.001 1.808z'/><path d='m17.9873 17h.013v-4.001l1.807.001-2.807-2.571-2.809 2.57h1.809v4.001h.008v4.002l-1.828-.001 2.807 2.577 2.805-2.576h-1.805z'/></g></g></svg>") 16 16, move;--tl-cursor-grab:url("data:image/svg+xml,<svg height='32' width='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' style='color: black;'><defs><filter id='shadow' y='-40%' x='-40%' width='180px' height='180%' color-interpolation-filters='sRGB'><feDropShadow dx='1' dy='1' stdDeviation='1.2' flood-opacity='.5'/></filter></defs><g fill='none' transform='rotate(0 16 16)' filter='url(%23shadow)'><path d='m13.5557 17.5742c-.098-.375-.196-.847-.406-1.552-.167-.557-.342-.859-.47-1.233-.155-.455-.303-.721-.496-1.181-.139-.329-.364-1.048-.457-1.44-.119-.509.033-.924.244-1.206.253-.339.962-.49 1.357-.351.371.13.744.512.916.788.288.46.357.632.717 1.542.393.992.564 1.918.611 2.231l.085.452c-.001-.04-.043-1.122-.044-1.162-.035-1.029-.06-1.823-.038-2.939.002-.126.064-.587.084-.715.078-.5.305-.8.673-.979.412-.201.926-.215 1.401-.017.423.173.626.55.687 1.022.014.109.094.987.093 1.107-.013 1.025.006 1.641.015 2.174.004.231.003 1.625.017 1.469.061-.656.094-3.189.344-3.942.144-.433.405-.746.794-.929.431-.203 1.113-.07 1.404.243.285.305.446.692.482 1.153.032.405-.019.897-.02 1.245 0 .867-.021 1.324-.037 2.121-.001.038-.015.298.023.182.094-.28.188-.542.266-.745.049-.125.241-.614.359-.859.114-.234.211-.369.415-.688.2-.313.415-.448.668-.561.54-.235 1.109.112 1.301.591.086.215.009.713-.028 1.105-.061.647-.254 1.306-.352 1.648-.128.447-.274 1.235-.34 1.601-.072.394-.234 1.382-.359 1.82-.086.301-.371.978-.652 1.384 0 0-1.074 1.25-1.192 1.812-.117.563-.078.567-.101.965-.024.399.121.923.121.923s-.802.104-1.234.034c-.391-.062-.875-.841-1-1.078-.172-.328-.539-.265-.682-.023-.225.383-.709 1.07-1.051 1.113-.668.084-2.054.03-3.139.02 0 0 .185-1.011-.227-1.358-.305-.26-.83-.784-1.144-1.06l-.832-.921c-.284-.36-.629-1.093-1.243-1.985-.348-.504-1.027-1.085-1.284-1.579-.223-.425-.331-.954-.19-1.325.225-.594.675-.897 1.362-.832.519.05.848.206 1.238.537.225.19.573.534.75.748.163.195.203.276.377.509.23.307.302.459.214.121' fill='white'/><g stroke='black' stroke-linecap='round' stroke-width='.75'><path d='m13.5557 17.5742c-.098-.375-.196-.847-.406-1.552-.167-.557-.342-.859-.47-1.233-.155-.455-.303-.721-.496-1.181-.139-.329-.364-1.048-.457-1.44-.119-.509.033-.924.244-1.206.253-.339.962-.49 1.357-.351.371.13.744.512.916.788.288.46.357.632.717 1.542.393.992.564 1.918.611 2.231l.085.452c-.001-.04-.043-1.122-.044-1.162-.035-1.029-.06-1.823-.038-2.939.002-.126.064-.587.084-.715.078-.5.305-.8.673-.979.412-.201.926-.215 1.401-.017.423.173.626.55.687 1.022.014.109.094.987.093 1.107-.013 1.025.006 1.641.015 2.174.004.231.003 1.625.017 1.469.061-.656.094-3.189.344-3.942.144-.433.405-.746.794-.929.431-.203 1.113-.07 1.404.243.285.305.446.692.482 1.153.032.405-.019.897-.02 1.245 0 .867-.021 1.324-.037 2.121-.001.038-.015.298.023.182.094-.28.188-.542.266-.745.049-.125.241-.614.359-.859.114-.234.211-.369.415-.688.2-.313.415-.448.668-.561.54-.235 1.109.112 1.301.591.086.215.009.713-.028 1.105-.061.647-.254 1.306-.352 1.648-.128.447-.274 1.235-.34 1.601-.072.394-.234 1.382-.359 1.82-.086.301-.371.978-.652 1.384 0 0-1.074 1.25-1.192 1.812-.117.563-.078.567-.101.965-.024.399.121.923.121.923s-.802.104-1.234.034c-.391-.062-.875-.841-1-1.078-.172-.328-.539-.265-.682-.023-.225.383-.709 1.07-1.051 1.113-.668.084-2.054.03-3.139.02 0 0 .185-1.011-.227-1.358-.305-.26-.83-.784-1.144-1.06l-.832-.921c-.284-.36-.629-1.093-1.243-1.985-.348-.504-1.027-1.085-1.284-1.579-.223-.425-.331-.954-.19-1.325.225-.594.675-.897 1.362-.832.519.05.848.206 1.238.537.225.19.573.534.75.748.163.195.203.276.377.509.23.307.302.459.214.121' stroke-linejoin='round'/><path d='m20.5664 21.7344v-3.459'/><path d='m18.5508 21.7461-.016-3.473'/><path d='m16.5547 18.3047.021 3.426'/></g></g></svg>") 16 16, grab;--tl-cursor-grabbing:url("data:image/svg+xml,<svg height='32' width='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' style='color: black;'><defs><filter id='shadow' y='-40%' x='-40%' width='180px' height='180%' color-interpolation-filters='sRGB'><feDropShadow dx='1' dy='1' stdDeviation='1.2' flood-opacity='.5'/></filter></defs><g fill='none' transform='rotate(0 16 16)' filter='url(%23shadow)'><path d='m13.5732 12.0361c.48-.178 1.427-.069 1.677.473.213.462.396 1.241.406 1.075.024-.369-.024-1.167.137-1.584.117-.304.347-.59.686-.691.285-.086.62-.116.916-.055.313.064.642.287.765.499.362.623.368 1.899.385 1.831.064-.272.07-1.229.283-1.584.141-.235.497-.445.687-.479.294-.052.656-.068.964-.008.249.049.586.344.677.487.219.344.342 1.316.379 1.658.016.141.074-.393.293-.736.406-.639 1.844-.763 1.898.639.026.654.02.624.02 1.064 0 .516-.012.828-.04 1.202-.03.399-.116 1.304-.241 1.742-.086.301-.371.978-.653 1.384 0 0-1.074 1.25-1.191 1.812-.117.563-.078.567-.102.965-.023.399.121.923.121.923s-.801.104-1.234.034c-.391-.062-.875-.84-1-1.078-.172-.328-.539-.265-.682-.023-.224.383-.709 1.07-1.05 1.113-.669.084-2.055.03-3.14.02 0 0 .185-1.011-.227-1.358-.305-.26-.83-.784-1.144-1.06l-.832-.921c-.283-.36-1.002-.929-1.243-1.985-.213-.936-.192-1.395.037-1.77.232-.381.67-.589.854-.625.208-.042.692-.039.875.062.223.123.313.159.488.391.23.307.312.456.213.121-.076-.262-.322-.595-.434-.97-.109-.361-.401-.943-.38-1.526.008-.221.103-.771.832-1.042' fill='white'/><g stroke='black' stroke-width='.75'><path d='m13.5732 12.0361c.48-.178 1.427-.069 1.677.473.213.462.396 1.241.406 1.075.024-.369-.024-1.167.137-1.584.117-.304.347-.59.686-.691.285-.086.62-.116.916-.055.313.064.642.287.765.499.362.623.368 1.899.385 1.831.064-.272.07-1.229.283-1.584.141-.235.497-.445.687-.479.294-.052.656-.068.964-.008.249.049.586.344.677.487.219.344.342 1.316.379 1.658.016.141.074-.393.293-.736.406-.639 1.844-.763 1.898.639.026.654.02.624.02 1.064 0 .516-.012.828-.04 1.202-.03.399-.116 1.304-.241 1.742-.086.301-.371.978-.653 1.384 0 0-1.074 1.25-1.191 1.812-.117.563-.078.567-.102.965-.023.399.121.923.121.923s-.801.104-1.234.034c-.391-.062-.875-.84-1-1.078-.172-.328-.539-.265-.682-.023-.224.383-.709 1.07-1.05 1.113-.669.084-2.055.03-3.14.02 0 0 .185-1.011-.227-1.358-.305-.26-.83-.784-1.144-1.06l-.832-.921c-.283-.36-1.002-.929-1.243-1.985-.213-.936-.192-1.395.037-1.77.232-.381.67-.589.854-.625.208-.042.692-.039.875.062.223.123.313.159.488.391.23.307.312.456.213.121-.076-.262-.322-.595-.434-.97-.109-.361-.401-.943-.38-1.526.008-.221.103-.771.832-1.042z' stroke-linejoin='round'/><path d='m20.5664 19.7344v-3.459' stroke-linecap='round'/><path d='m18.5508 19.7461-.016-3.473' stroke-linecap='round'/><path d='m16.5547 16.3047.021 3.426' stroke-linecap='round'/></g></g></svg>") 16 16, grabbing;--tl-cursor-text:url("data:image/svg+xml,<svg height='32' width='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' style='color: black;'><defs><filter id='shadow' y='-40%' x='-40%' width='180px' height='180%' color-interpolation-filters='sRGB'><feDropShadow dx='1' dy='1' stdDeviation='1.2' flood-opacity='.5'/></filter></defs><g fill='none' transform='rotate(0 16 16)' filter='url(%23shadow)'><path fill='white' d='M7.94 0a5.25 5.25 0 0 0-3.47 1.17A5.27 5.27 0 0 0 1 0H0v3h1c1.41 0 1.85.7 2 1v3.94H2v3h1v3c-.13.3-.57 1-2 1H0v3h1a5.27 5.27 0 0 0 3.47-1.17c.98.8 2.21 1.21 3.47 1.17h1v-3h-1c-1.41 0-1.85-.7-2-1v-3H7v-3H6V4c.13-.3.57-1 2-1h1V0H7.94z'/><path fill='black' d='M7.94 2V1a4 4 0 0 0-3.47 1.64A4 4 0 0 0 1 1v1c1.3-.17 2.56.6 3 1.84v5.1H3v1h1v4.16c-.45 1.24-1.7 2-3 1.84v1a4.05 4.05 0 0 0 3.47-1.63 4.05 4.05 0 0 0 3.47 1.63v-1A2.82 2.82 0 0 1 5 14.1V9.93h1v-1H5V3.85A2.81 2.81 0 0 1 7.94 2z'/></g></svg>") 4 10, text;--tl-cursor-zoom-in:url("data:image/svg+xml,<svg height='32' width='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' style='color: black;'><defs><filter id='shadow' y='-40%' x='-40%' width='180px' height='180%' color-interpolation-filters='sRGB'><feDropShadow dx='1' dy='1' stdDeviation='1.2' flood-opacity='.5'/></filter></defs><g fill='none' transform='rotate(0 16 16)' filter='url(%23shadow)'><path d='m20.5 15c0 3.038-2.462 5.5-5.5 5.5s-5.5-2.462-5.5-5.5 2.462-5.5 5.5-5.5 5.5 2.462 5.5 5.5' fill='white'/><path d='m20.5 15c0 3.038-2.462 5.5-5.5 5.5s-5.5-2.462-5.5-5.5 2.462-5.5 5.5-5.5 5.5 2.462 5.5 5.5z' stroke='black'/><g fill='black'><path d='m18 14h-2v-2h-2v2h-2v1.98h2v2.02h2v-2.02h2z'/><path d='m23.5859 25 1.414-1.414-5.449-5.449-1.414 1.414z'/></g></g></svg>") 16 16, zoom-in;--tl-cursor-zoom-out:url("data:image/svg+xml,<svg height='32' width='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' style='color: black;'><defs><filter id='shadow' y='-40%' x='-40%' width='180px' height='180%' color-interpolation-filters='sRGB'><feDropShadow dx='1' dy='1' stdDeviation='1.2' flood-opacity='.5'/></filter></defs><g fill='none' transform='rotate(0 16 16)' filter='url(%23shadow)'><path d='m20.5 15c0 3.038-2.462 5.5-5.5 5.5s-5.5-2.462-5.5-5.5 2.462-5.5 5.5-5.5 5.5 2.462 5.5 5.5' fill='white'/><path d='m20.5 15c0 3.038-2.462 5.5-5.5 5.5s-5.5-2.462-5.5-5.5 2.462-5.5 5.5-5.5 5.5 2.462 5.5 5.5z' stroke='black'/><g fill='black'><path d='m18 16h-5.98v-1.98h5.98z'/><path d='m23.5859 25 1.414-1.414-5.449-5.449-1.414 1.414z'/></g></g></svg>") 16 16, zoom-out;--tl-cursor:var(--tl-cursor-default);--tl-cursor-resize-edge:ew-resize;--tl-cursor-resize-corner:nesw-resize;--tl-cursor-ew-resize:ew-resize;--tl-cursor-ns-resize:ns-resize;--tl-cursor-nesw-resize:nesw-resize;--tl-cursor-nwse-resize:nwse-resize;--tl-cursor-rotate:pointer;--tl-cursor-nwse-rotate:pointer;--tl-cursor-nesw-rotate:pointer;--tl-cursor-senw-rotate:pointer;--tl-cursor-swne-rotate:pointer;--tl-scale:calc(1 / var(--tl-zoom));--tl-font-draw:"tldraw_draw", sans-serif;--tl-font-sans:"tldraw_sans", sans-serif;--tl-font-serif:"tldraw_serif", serif;--tl-font-mono:"tldraw_mono", monospace;--tl-text-outline-a:calc(min(.5, 1 / var(--tl-zoom)) * 2px);--tl-text-outline-b:calc(min(.5, 1 / var(--tl-zoom)) * -2px);--tl-text-outline-reference:0 var(--tl-text-outline-b) 0 var(--tl-color-background), 0 var(--tl-text-outline-a) 0 var(--tl-color-background), var(--tl-text-outline-b) var(--tl-text-outline-b) 0 var(--tl-color-background), var(--tl-text-outline-a) var(--tl-text-outline-b) 0 var(--tl-color-background), var(--tl-text-outline-a) var(--tl-text-outline-a) 0 var(--tl-color-background), var(--tl-text-outline-b) var(--tl-text-outline-a) 0 var(--tl-color-background);--tl-text-outline:var(--tl-text-outline-reference);width:100%;height:100%;color:var(--tl-color-text);font-size:12px;position:relative;inset:0;overflow:clip}.tl-theme__light{--tl-color-snap:#e74b4b;--tl-color-selection-fill:#1f8fff3d;--tl-color-selection-stroke:#3182ed;--tl-color-background:#f9fafb;--tl-color-brush-fill:#8f8f8f1a;--tl-color-brush-stroke:#8f8f8f40;--tl-color-grid:#6e6e6e;--tl-color-low:#edf0f2;--tl-color-low-border:#e7ebee;--tl-color-culled:#ebeef0;--tl-color-muted-none:#0000;--tl-color-muted-0:#00000005;--tl-color-muted-1:#0000001a;--tl-color-muted-2:#0000000b;--tl-color-hint:#0000000e;--tl-color-overlay:#0003;--tl-color-divider:#e8e8e8;--tl-color-panel:#fcfcfc;--tl-color-panel-contrast:#fff;--tl-color-panel-overlay:#ffffffd1;--tl-color-panel-transparent:#fcfcfc00;--tl-color-selected:#3182ed;--tl-color-selected-contrast:#fff;--tl-color-focus:#2d67d2;--tl-color-tooltip:#090b0c;--tl-color-text:#000;--tl-color-text-0:#1c1c1c;--tl-color-text-1:#2e2e2e;--tl-color-text-3:#6e7477;--tl-color-text-shadow:#fff;--tl-color-text-highlight:#fd0;--tl-color-text-highlight-p3:#fad100;--tl-color-primary:#3182ed;--tl-color-success:#2f7f33;--tl-color-info:#0287cf;--tl-color-warning:#ed6c02;--tl-color-danger:#d00b0b;--tl-color-laser:red;--tl-shadow-1:0px 1px 2px #00000040, 0px 1px 3px #00000017;--tl-shadow-2:0px 0px 2px #00000029, 0px 2px 3px #0000003d, 0px 2px 6px #0000001a, inset 0px 0px 0px 1px var(--tl-color-panel-contrast);--tl-shadow-3:0px 1px 2px #00000047, 0px 2px 6px #00000024, inset 0px 0px 0px 1px var(--tl-color-panel-contrast);--tl-shadow-4:0px 0px 3px #00000030, 0px 5px 4px #00000029, 0px 2px 16px #0000000f, inset 0px 0px 0px 1px var(--tl-color-panel-contrast)}@supports (color:color(display-p3 0 0 0)){.tl-theme__light{--tl-color-text-highlight-p3:color(display-p3 .972 .8205 .05)}}.tl-theme__dark{--tl-color-snap:#e74b4b;--tl-color-selection-fill:#2495ff33;--tl-color-selection-stroke:#3182ed;--tl-color-background:#101011;--tl-color-brush-fill:#b5b5b50d;--tl-color-brush-stroke:#b5b5b540;--tl-color-grid:#666;--tl-color-low:#1a1a1c;--tl-color-low-border:#171a1c;--tl-color-culled:#2b3036;--tl-color-muted-none:#fff0;--tl-color-muted-0:#ffffff05;--tl-color-muted-1:#ffffff1a;--tl-color-muted-2:#ffffff0d;--tl-color-hint:#ffffff12;--tl-color-overlay:#00000080;--tl-color-divider:#33333d;--tl-color-panel:#202025;--tl-color-panel-contrast:#353442;--tl-color-panel-overlay:#373d43d1;--tl-color-panel-transparent:#20202500;--tl-color-selected:#4387f4;--tl-color-selected-contrast:#fff;--tl-color-focus:#a5c3f3;--tl-color-tooltip:#fff;--tl-color-text:#f9fafb;--tl-color-text-0:#f1eeee;--tl-color-text-1:#d9d9d9;--tl-color-text-3:#bdc0c2;--tl-color-text-shadow:#282e34;--tl-color-text-highlight:#d1b500;--tl-color-text-highlight-p3:#d49d00;--tl-color-primary:#3182ed;--tl-color-success:#68bb6c;--tl-color-info:#28b5f6;--tl-color-warning:#ffa724;--tl-color-danger:#ef6161;--tl-color-laser:red;--tl-shadow-1:0px 1px 2px #00000029, 0px 1px 3px #00000038, inset 0px 0px 0px 1px var(--tl-color-panel-contrast);--tl-shadow-2:0px 1px 3px #000a, 0px 2px 6px #00000054, inset 0px 0px 0px 1px var(--tl-color-panel-contrast);--tl-shadow-3:0px 1px 3px #00000080, 0px 2px 12px #00000080, inset 0px 0px 0px 1px var(--tl-color-panel-contrast)}@supports (color:color(display-p3 0 0 0)){.tl-theme__dark{--tl-color-text-highlight-p3:color(display-p3 .8078 .6225 .0312)}}.tl-counter-scaled{transform:scale(var(--tl-scale));transform-origin:0 0;width:calc(100% * var(--tl-zoom));height:calc(100% * var(--tl-zoom))}.tl-container,.tl-container *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;scrollbar-highlight-color:transparent;-webkit-user-select:none;user-select:none;box-sizing:border-box;outline:none}.tl-container a{-webkit-touch-callout:initial}.tl-container__focused{outline:1px solid var(--tl-color-low)}input,[contenteditable],[contenteditable] *{-webkit-user-select:text;user-select:text}.tl-canvas{width:100%;height:100%;color:var(--tl-color-text);cursor:var(--tl-cursor);content-visibility:auto;touch-action:none;contain:strict;position:absolute;inset:0;overflow:clip}.tl-canvas__in-front{pointer-events:none;z-index:var(--tl-layer-canvas-in-front);position:absolute;inset:0}.tl-shapes{z-index:var(--tl-layer-canvas-shapes);position:relative}.tl-overlays{contain:strict;pointer-events:none;width:100%;height:100%;z-index:var(--tl-layer-canvas-overlays);position:absolute;top:0;left:0}.tl-overlays__item{pointer-events:none;transform-origin:0 0;position:absolute;top:0;left:0;overflow:visible}.tl-svg-context{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.tl-background__wrapper{z-index:var(--tl-layer-canvas-background);width:100%;height:100%;position:absolute;inset:0}.tl-background{background-color:var(--tl-color-background);width:100%;height:100%}.tl-grid{touch-action:none;pointer-events:none;width:100%;height:100%;z-index:var(--tl-layer-canvas-grid);contain:strict;position:absolute;inset:0}.tl-grid-dot{fill:var(--tl-color-grid)}.tl-html-layer{contain:layout style size;width:1px;height:1px;position:absolute;top:0;left:0}.tl-collaborator__scribble{z-index:var(--tl-layer-overlays-collaborator-scribble)}.tl-collaborator__brush{z-index:var(--tl-layer-overlays-collaborator-brush)}.tl-collaborator__shape-indicator{z-index:var(--tl-layer-overlays-collaborator-shape-indicator)}.tl-user-scribble{z-index:var(--tl-layer-overlays-user-scribble)}.tl-user-brush{z-index:var(--tl-layer-overlays-user-brush)}.tl-user-handles{z-index:var(--tl-layer-overlays-user-handles)}.tl-user-snapline{z-index:var(--tl-layer-overlays-user-snapline)}.tl-selection__fg{pointer-events:none;z-index:var(--tl-layer-overlays-selection-fg)}.tl-user-indicator__hint{z-index:var(--tl-layer-overlays-user-indicator-hint);stroke-width:calc(2.5px * var(--tl-scale))}.tl-custom-overlays{z-index:var(--tl-layer-overlays-custom)}.tl-collaborator__cursor-hint{z-index:var(--tl-layer-overlays-collaborator-cursor-hint)}.tl-collaborator__cursor{z-index:var(--tl-layer-overlays-collaborator-cursor)}.tl-cursor{overflow:visible}.tl-selection__bg{transform-origin:0 0;pointer-events:all;background-color:#0000;position:absolute;top:0;left:0}.tl-selection__fg__outline{fill:none;pointer-events:none;stroke:var(--tl-color-selection-stroke);stroke-width:calc(1.5px * var(--tl-scale))}.tl-corner-handle{pointer-events:none;stroke:var(--tl-color-selection-stroke);fill:var(--tl-color-background);stroke-width:calc(1.5px * var(--tl-scale))}.tl-text-handle{pointer-events:none;fill:var(--tl-color-selection-stroke)}.tl-corner-crop-handle,.tl-corner-crop-edge-handle{pointer-events:none;fill:none;stroke:var(--tl-color-selection-stroke)}.tl-mobile-rotate__bg{pointer-events:all;cursor:var(--tl-cursor-grab)}.tl-mobile-rotate__fg{pointer-events:none;stroke:var(--tl-color-selection-stroke);fill:var(--tl-color-background);stroke-width:calc(1.5px * var(--tl-scale))}.tl-transparent{fill:#0000;stroke:#0000}.tl-hidden{opacity:0;pointer-events:none}.tl-nametag{white-space:nowrap;text-overflow:ellipsis;width:fit-content;max-width:120px;height:fit-content;font-size:12px;font-family:var(--font-body);border-radius:var(--tl-radius-2);color:var(--tl-color-selected-contrast);padding:3px 6px;position:absolute;top:16px;left:13px;overflow:hidden}.tl-nametag-title{white-space:nowrap;text-overflow:ellipsis;width:fit-content;max-width:120px;height:fit-content;font-size:12px;font-family:var(--font-body);text-shadow:var(--tl-text-outline);color:var(--tl-color-selected-contrast);padding:0 6px;position:absolute;top:-2px;left:13px;overflow:hidden}.tl-nametag-chat{width:fit-content;height:fit-content;color:var(--tl-color-selected-contrast);white-space:nowrap;font-size:12px;font-family:var(--font-body);opacity:1;border-radius:var(--tl-radius-2);padding:3px 6px;position:absolute;top:16px;left:13px}.tl-cursor-chat{color:var(--tl-color-selected-contrast);white-space:nowrap;font-size:12px;font-family:var(--font-body);pointer-events:none;z-index:var(--tl-layer-cursor);opacity:1;-webkit-user-select:text;user-select:text;border-radius:var(--tl-radius-2);border:none;margin-top:16px;margin-left:13px;padding:3px 6px;position:absolute}.tl-cursor-chat .tl-cursor-chat__bubble{padding-right:12px}.tl-cursor-chat::selection{background:var(--tl-color-selected);color:var(--tl-color-selected-contrast);text-shadow:none}.tl-cursor-chat::placeholder{color:var(--tl-color-selected-contrast);opacity:.7}.tl-text-shape-label{font-variant:normal;pointer-events:all;white-space:pre-wrap;overflow-wrap:break-word;border:none;width:fit-content;min-width:1px;height:fit-content;margin:0;padding:0;font-style:normal;font-weight:400;position:relative}.tl-text-wrapper[data-font=draw]{font-family:var(--tl-font-draw)}.tl-text-wrapper[data-font=sans]{font-family:var(--tl-font-sans)}.tl-text-wrapper[data-font=serif]{font-family:var(--tl-font-serif)}.tl-text-wrapper[data-font=mono]{font-family:var(--tl-font-mono)}.tl-text-wrapper[data-align=start],.tl-text-wrapper[data-align=start-legacy]{text-align:left}.tl-text-wrapper[data-align=middle],.tl-text-wrapper[data-align=middle-legacy]{text-align:center}.tl-text-wrapper[data-align=end],.tl-text-wrapper[data-align=end-legacy]{text-align:right}.tl-plain-text-wrapper[data-isediting=true] .tl-text-content{opacity:0}.tl-rich-text-wrapper[data-isediting=true] .tl-text-content{display:none}.tl-text{appearance:auto;caret-color:var(--tl-color-text);color:inherit;font-feature-settings:normal;font-kerning:auto;font-optical-sizing:auto;font-family:inherit;font-size:inherit;font-stretch:100%;font-style:inherit;font-variant:inherit;font-variation-settings:normal;font-weight:inherit;letter-spacing:inherit;line-height:inherit;overflow-wrap:break-word;text-align:inherit;text-indent:0;text-rendering:auto;text-shadow:inherit;text-transform:none;white-space:pre-wrap;line-break:normal;word-spacing:0;word-wrap:break-word;background:0 0;border:0;outline:none;margin:0;padding:0;display:inline-block;column-count:initial!important;writing-mode:horizontal-tb!important}.tl-text-measure{z-index:var(--tl-layer-canvas-hidden);opacity:0;visibility:hidden;box-sizing:border-box;pointer-events:none;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;resize:none;-webkit-user-select:none;user-select:none;contain:layout style paint;unicode-bidi:plaintext;border:none;width:max-content;position:absolute;top:0;left:0}.tl-text-input,.tl-text-content{outline:none;width:100%;min-width:1px;height:100%;min-height:1px;position:absolute;inset:0}.tl-text-content__wrapper{pointer-events:none;justify-content:center;align-items:center;width:fit-content;height:fit-content;min-height:auto;display:flex;position:relative}.tl-text-content{pointer-events:none;overflow:visible}.tl-text-input{resize:none;-webkit-user-select:text;user-select:text;cursor:var(--tl-cursor-text)}.tl-text-input:not(.tl-rich-text){overflow:hidden}.tl-text-input::selection{background:var(--tl-color-selected);color:var(--tl-color-selected-contrast);text-shadow:none}.tl-text-label{color:var(--tl-color-text);line-height:inherit;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.tl-text-label[data-hastext=false][data-isediting=false]>.tl-text-label__inner{width:40px;height:40px}.tl-text-label[data-hastext=true][data-isediting=false] .tl-text-content{pointer-events:all}.tl-text-label__inner>.tl-text-input.tl-rich-text{display:none;position:static}.tl-text-wrapper[data-isediting=false] .tl-text-input{opacity:0;cursor:var(--tl-cursor-default)}.tl-rich-text[data-is-ready-for-editing=true],.tl-text-wrapper[data-is-ready-for-editing=true] .tl-text-input{cursor:var(--tl-cursor-text)}.tl-text-label[data-textwrap=true]>.tl-text-label__inner{max-width:100%}.tl-text-label[data-isediting=true]{background-color:#0000;min-height:auto}.tl-text-wrapper .tl-text-content{pointer-events:all;z-index:var(--tl-layer-text-content)}.tl-text-label__inner>.tl-text-content{padding:inherit;border-radius:var(--tl-radius-1);width:fit-content;max-width:100%;height:fit-content;position:relative;top:0;left:0}.tl-text-label__inner>.tl-text-input{width:100%;height:100%;padding:inherit;position:absolute;inset:0}.tl-text-wrapper[data-isselected=true] .tl-text-input{z-index:var(--tl-layer-text-editor);pointer-events:all}.tl-canvas:is([data-iseditinganything=true],[data-isselectinganything=true]) .tl-shape:not([data-shape-type=arrow],[data-shape-type=draw],[data-shape-type=line],[data-shape-type=highlight],[data-shape-is-filled=false]){pointer-events:all}.tl-rich-text .ProseMirror{word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;-webkit-font-variant-ligatures:inherit;font-variant-ligatures:inherit;font-feature-settings:inherit}.tl-rich-text{tab-size:var(--tl-tab-size,2)}.tl-rich-text p{min-height:1lh;margin:0}.tl-rich-text ul,.tl-rich-text ol{text-align:left;list-style:revert;margin:0;padding-left:3.25ch}.tl-rich-text ol:has(>li:nth-child(10)){padding-left:4.25ch}.tl-rich-text ol:has(>li:nth-child(100)){padding-left:5.25ch}.tl-rich-text h1,.tl-rich-text h2,.tl-rich-text h3,.tl-rich-text h4,.tl-rich-text h5,.tl-rich-text h6{margin-top:5px;margin-bottom:10px}.tl-rich-text a{color:var(--tl-color-primary);text-decoration:underline}.tl-rich-text[data-is-select-tool-active=false] a{cursor:inherit}.tl-rich-text code{font-family:var(--tl-font-mono)}.tl-rich-text mark{color:currentColor;background-color:#fddd00;border-radius:2px}.tl-theme__light .tl-rich-text mark{text-shadow:none}.tl-theme__dark .tl-rich-text mark{background-color:var(--tl-color-text-highlight);color:currentColor}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){.tl-container:not(.tl-theme__force-sRGB) .tl-rich-text mark{background-color:var(--tl-color-text-highlight-p3)}}}.tl-text-wrapper[data-isediting=true] .tl-rich-text{display:block}.tl-text__outline{text-shadow:var(--tl-text-outline)}.tl-text__no-outline{text-shadow:none}.tl-loading{background-color:var(--tl-color-background);color:var(--tl-color-text-1);justify-content:center;align-items:center;gap:var(--tl-space-2);opacity:0;width:100%;height:100%;z-index:var(--tl-layer-canvas-blocker);flex-direction:column;font-size:14px;font-weight:500;animation:.2s ease-in-out .2s forwards tl-fade-in;display:flex;position:absolute;inset:0}@keyframes tl-fade-in{0%{opacity:0}to{opacity:1}}.tl-spinner{animation:1s linear infinite tl-spin}@keyframes tl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tl-brush{stroke-width:calc(var(--tl-scale) * 1px);contain:size layout}.tl-brush__default{stroke:var(--tl-color-brush-stroke);fill:var(--tl-color-brush-fill)}.tl-scribble{stroke-linejoin:round;stroke-linecap:round;pointer-events:none;contain:size layout}.tl-snap-indicator,.tl-snap-point{stroke:var(--tl-color-snap);stroke-width:calc(1px * var(--tl-scale));fill:none}.tl-hyperlink-button{width:44px;height:44px;color:var(--tl-color-text-1);cursor:var(--tl-cursor-pointer);pointer-events:all;z-index:1;background:0 0;border:none;outline:none;justify-content:center;align-items:center;margin:0;padding:13px;font-size:12px;font-weight:400;display:flex;position:absolute;top:0;right:0}.tl-hyperlink-button:after{content:"";z-index:-1;border-radius:var(--tl-radius-1);background-color:var(--tl-color-background);pointer-events:none;width:calc(100% - 12px);height:calc(100% - 12px);display:block;position:absolute;bottom:6px;right:6px}.tl-hyperlink-button:focus-visible{color:var(--tl-color-selected)}.tl-hyperlink__icon{pointer-events:none;background-color:currentColor;width:15px;height:15px}.tl-hyperlink-button__hidden{display:none}.tl-handle{pointer-events:all}.tl-handle__bg{fill:#0000;stroke:#0000;pointer-events:all}.tl-handle__fg{fill:var(--tl-color-selected-contrast);stroke:var(--tl-color-selection-stroke);stroke-width:calc(1.5px * var(--tl-scale));pointer-events:none}.tl-handle__create{opacity:0}.tl-handle__clone>.tl-handle__fg{fill:var(--tl-color-selection-stroke);stroke:none}.tl-handle__bg:active{fill:none}.tl-container[data-coarse=true] .tl-handle__bg:active{fill:var(--tl-color-selection-fill)}.tl-container[data-coarse=true] .tl-handle__create{opacity:1}.tl-rotate-corner:not(:hover),.tl-resize-handle:not(:hover){cursor:none}.tl-shape-indicator{transform-origin:0 0;fill:none;stroke-width:calc(1.5px * var(--tl-scale));contain:size layout}.tl-canvas-indicators{pointer-events:none;position:absolute;inset:0}.tl-shape{pointer-events:none;transform-origin:0 0;contain:size layout;position:absolute;overflow:visible}.tl-svg-container{pointer-events:none;stroke-linecap:round;stroke-linejoin:round;transform-origin:0 0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tl-html-container{pointer-events:none;stroke-linecap:round;stroke-linejoin:round;transform-origin:0 0;width:100%;height:100%;color:var(--tl-color-text-1);position:absolute;inset:0}.tl-group{stroke:var(--tl-color-text);stroke-width:calc(1px * var(--tl-scale));opacity:.5}.tl-shape[data-shape-type=arrow] .tl-text-label{text-align:center;width:2px;height:2px;color:var(--tl-color-text);justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:-1px;left:-1px}.tl-shape[data-shape-type=arrow] .tl-text-label__inner{border-radius:var(--tl-radius-1);box-sizing:content-box;width:max-content;height:max-content}.tl-shape[data-shape-type=arrow] .tl-text{height:max-content}.tl-arrow-hint{stroke:var(--tl-color-text-1);fill:none;stroke-linecap:round;overflow:visible}.tl-arrow-hint-handle{fill:var(--tl-color-selected-contrast);stroke:var(--tl-color-selection-stroke);stroke-width:calc(1.5px * var(--tl-scale));r:calc(4px * var(--tl-scale))}.tl-arrow-hint-snap{stroke:#0000;fill:var(--tl-color-selection-fill);r:calc(12px * var(--tl-scale))}.tl-arrow-hint-snap__none,.tl-arrow-hint-snap__center,.tl-arrow-hint-snap__axis{display:none}.tl-arrow-hint-snap__edge{r:calc(8px * var(--tl-scale))}.tl-bookmark__container{border:1px solid var(--tl-color-panel-contrast);background-color:var(--tl-color-panel);border-radius:var(--tl-radius-2);flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.tl-bookmark__container--safariExport{border:1px solid var(--tl-color-divider)}.tl-bookmark__image_container{border-top-left-radius:var(--tl-radius-1);border-top-right-radius:var(--tl-radius-1);width:100%;height:100%;box-shadow:inset 0px 0px 0px 1px var(--tl-color-divider);flex:100%;justify-content:flex-end;align-items:flex-start;display:flex;overflow:hidden}.tl-bookmark__image_container>.tl-hyperlink-button:after{background-color:var(--tl-color-panel)}.tl-bookmark__placeholder{background-color:var(--tl-color-muted-2);border-bottom:1px solid var(--tl-color-muted-2);width:100%;height:100%}.tl-bookmark__image{object-fit:cover;object-position:center;border-bottom:1px solid var(--tl-color-muted-2);width:100%;height:100%}.tl-bookmark__copy_container{background-color:var(--tl-color-muted-0);padding:var(--tl-space-4);pointer-events:all;flex-direction:column;flex:1;justify-content:space-between;display:flex}.tl-bookmark__copy_container:has(.tl-bookmark__link:only-child){justify-content:center}.tl-bookmark__heading,.tl-bookmark__description,.tl-bookmark__link{width:100%;margin:0;font-family:inherit}.tl-bookmark__heading{padding-bottom:var(--tl-space-2);-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;max-height:51.2px;font-size:16px;font-weight:700;line-height:1.6;display:-webkit-box;overflow:hidden}.tl-bookmark__description{-webkit-line-clamp:3;line-clamp:3;text-overflow:ellipsis;max-height:54px;color:var(--tl-color-text-1);margin:var(--tl-space-2) 0px;-webkit-box-orient:vertical;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.tl-bookmark__heading+.tl-bookmark__link,.tl-bookmark__description+.tl-bookmark__link{margin-top:var(--tl-space-3)}.tl-bookmark__link{pointer-events:all;color:var(--tl-color-text-1);cursor:var(--tl-cursor-pointer);align-items:center;width:fit-content;max-width:100%;font-size:12px;text-decoration:none;display:flex}.tl-bookmark__link>span{flex-shrink:0px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tl-bookmark__link>.tl-hyperlink__icon{flex-shrink:0;margin-right:8px}.tl-bookmark__link>.tl-bookmark__favicon{flex-shrink:0;width:16px;height:16px;margin-right:8px}.tl-image,.tl-video{object-fit:cover;background-size:cover;width:100%;height:100%}.tl-video-container,.tl-image-container,.tl-embed-container{pointer-events:all;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.tl-image-container{position:relative}.tl-image{position:absolute;inset:0}.tl-video.tl-video-is-fullscreen{object-fit:contain;background-size:contain}.tl-note__container{pointer-events:all;opacity:1;width:100%;height:100%;z-index:var(--tl-layer-text-container);border-radius:1px;position:relative}.tl-note__container>.tl-text-label{color:currentColor}.tl-frame__body{stroke-width:calc(1px * var(--tl-scale))}.tl-frame__creating{stroke:var(--tl-color-selected);fill:none}.tl-frame-heading{--tl-frame-padding-x:6px;--tl-frame-height:24px;--tl-frame-minimum-width:32px;--tl-frame-offset-width:16px;transform-origin:0 100%;max-width:100%;min-width:var(--tl-frame-minimum-width);pointer-events:all;align-items:center;height:auto;padding-bottom:4px;font-size:12px;display:flex;position:absolute;overflow:hidden}.tl-frame-heading-hit-area{pointer-events:all;transform-origin:0 100%;height:var(--tl-frame-height);border-radius:var(--tl-radius-1);align-items:center;width:100%;display:flex}.tl-frame-label{pointer-events:all;text-overflow:ellipsis;padding:0px var(--tl-frame-padding-x);border-radius:var(--tl-radius-1);font-size:inherit;white-space:pre;position:relative;overflow:hidden}.tl-frame-label__editing{color:#0000;white-space:pre;width:auto;min-width:var(--tl-frame-minimum-width);background-color:var(--tl-color-panel);border-color:var(--tl-color-selected);height:100%;box-shadow:inset 0px 0px 0px 1.5px var(--tl-color-selected);overflow:visible}.tl-frame-name-input{padding:0px var(--tl-frame-padding-x);width:100%;height:100%;font-size:inherit;font-family:inherit;font-weight:inherit;width:100%;color:var(--tl-color-text-1);border-radius:var(--tl-radius-1);-webkit-user-select:text;user-select:text;white-space:pre;cursor:var(--tl-cursor-text);background:0 0;border:none;outline:none;position:absolute;inset:0}.tl-embed{border-radius:var(--tl-radius-2);border:none}.tl-shape-error-boundary{background-color:var(--tl-color-muted-1);border-width:calc(1px * var(--tl-scale));border-color:var(--tl-color-muted-1);border-radius:calc(var(--tl-radius-1) * var(--tl-scale));text-align:left;pointer-events:all;width:100%;height:100%;padding:var(--tl-space-2);border-style:solid;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.tl-shape-error-boundary:before{transform:scale(var(--tl-scale));content:"Error";color:var(--tl-color-text-0);font-family:inherit;font-size:12px}.tl-error-boundary{width:100%;height:100%;padding:var(--tl-space-4);background-color:var(--tl-color-background);color:var(--tl-color-text-1);justify-content:center;align-items:center;display:flex;position:absolute}.tl-error-boundary__overlay{width:100%;height:100%;z-index:var(--tl-layer-error-overlay);background-color:var(--tl-color-overlay);position:absolute;inset:0}.tl-error-boundary__content *{-webkit-user-select:text;user-select:text;pointer-events:all}.tl-error-boundary__canvas{pointer-events:none;width:100%;height:100%;z-index:var(--tl-layer-error-canvas);position:absolute;inset:0}.tl-error-boundary__canvas:after{content:" ";width:100%;height:100%;z-index:var(--tl-layer-error-canvas-after);pointer-events:all;display:block;position:absolute;inset:0}.tl-error-boundary__content{background-color:var(--tl-color-panel);width:400px;max-width:100%;height:fit-content;max-height:100%;box-shadow:var(--tl-shadow-2);z-index:var(--tl-layer-error-content);border-radius:16px;flex-direction:column;gap:12px;padding:16px;font-size:14px;font-weight:400;display:flex;overflow:auto}.tl-error-boundary__content__expanded{width:600px}.tl-error-boundary__content h2{margin:0;font-size:16px;font-weight:500}.tl-error-boundary__content h4{border:1px solid var(--tl-color-low-border);padding:var(--tl-space-5);border-radius:var(--tl-radius-2);margin:-6px 0 0;font-weight:400}.tl-error-boundary__content p{margin:0;line-height:1.5}.tl-error-boundary__content pre{background-color:var(--tl-color-muted-2);padding:var(--tl-space-5);border-radius:var(--tl-radius-2);max-height:320px;margin-top:0;font-size:12px;overflow:auto}.tl-error-boundary__content button{padding:var(--tl-space-4);border-radius:var(--tl-radius-3);cursor:var(--tl-cursor-pointer);color:inherit;background:0 0;border:none;font-family:inherit;font-size:14px;font-weight:500}.tl-error-boundary__content a{color:var(--tl-color-selected);font-weight:500;text-decoration:none}.tl-error-boundary__content__error{margin:-6px 0 0;position:relative}.tl-error-boundary__content__error button{top:var(--tl-space-2);right:var(--tl-space-2);padding:var(--tl-space-2) var(--tl-space-3);background-color:var(--tl-color-panel);border-radius:var(--tl-radius-1);font-size:12px;position:absolute}.tl-error-boundary__content__actions{justify-content:space-between;gap:var(--tl-space-4);margin:0 0 0 -4px;display:flex}.tl-error-boundary__content__actions__group{gap:var(--tl-space-4);display:flex}.tl-error-boundary__content .tl-error-boundary__reset{color:var(--tl-color-danger)}.tl-error-boundary__content .tl-error-boundary__refresh{background-color:var(--tl-color-primary);color:var(--tl-color-selected-contrast)}.tl-container__focused:not(.tl-container__no-focus-ring) .tlui-button.tl-error-boundary__refresh:focus-visible{outline-offset:0;border-radius:8px}.tl-hit-test-blocker{z-index:var(--tl-layer-canvas-blocker);pointer-events:all;width:100%;height:100%;position:absolute;inset:0}.tl-hit-test-blocker__hidden{display:none}@media (hover:hover){.tl-handle__create:hover{opacity:1}.tl-handle__bg:hover{cursor:var(--tl-cursor-grab);fill:var(--tl-color-selection-fill)}.tl-bookmark__link:hover,.tl-hyperlink-button:hover{color:var(--tl-color-selected)}.tl-error-boundary__content button:hover{background-color:var(--tl-color-low)}.tl-error-boundary__content a:hover{color:var(--tl-color-text-1)}.tl-error-boundary__content .tl-error-boundary__refresh:hover{background-color:var(--tl-color-primary);opacity:.9}.tl-canvas[data-iseditinganything=true] .tl-text-wrapper:hover .tl-text-input{z-index:var(--tl-layer-text-editor);pointer-events:all}}.tl-container{--tl-layer-above:1;--tl-layer-focused-input:10;--tl-layer-menu-click-capture:250;--tl-layer-panels:300;--tl-layer-menus:400;--tl-layer-toasts:650;--tl-layer-cursor:700;--tl-layer-header-footer:999;--tl-layer-following-indicator:1000}.tlui-button{color:var(--tl-color-text-1);cursor:pointer;pointer-events:all;min-width:40px;height:40px;font-weight:inherit;font-family:inherit;line-height:inherit;text-rendering:optimizelegibility;z-index:0;background-color:#0000;border:#0000;justify-content:center;align-items:center;gap:0;padding:0 12px;font-size:12px;display:flex;position:relative}.tlui-button:disabled,.tlui-button[data-disabled]{color:var(--tl-color-text-3);text-shadow:none;cursor:default}.tlui-button:disabled .tlui-kbd,.tlui-button[data-disabled] .tlui-kbd{color:var(--tl-color-text-3)}.tlui-button>*{z-index:var(--tl-layer-above);position:relative}.tlui-button__label{text-align:left;flex-grow:2;font-size:12px}.tl-container__focused:not(.tl-container__no-focus-ring) .tlui-button:focus-visible{outline:2px solid var(--tl-color-focus);outline-offset:-5px;border-radius:10px}.tl-container__focused:not(.tl-container__no-focus-ring) .tlui-button__tool:focus-visible{border-radius:12px}.tlui-slider__container:has(.tlui-slider__thumb:focus-visible){outline:2px solid var(--tl-color-focus);outline-offset:-5px;border-radius:10px}.tlui-button:after{content:"";border-radius:var(--tl-radius-2);background:var(--tl-color-muted-2);opacity:0;display:block;position:absolute;inset:4px}.tlui-button__menu[data-highlighted]:after{opacity:1}.tlui-button[data-isactive=true]:after,.tlui-button[data-isactive=true]:not(:disabled,[data-disabled],:focus-visible):active:after{background:var(--tl-color-hint);opacity:1}.tlui-button[aria-expanded=true][data-direction=left]{background:linear-gradient(270deg, #90909000 0%, var(--tl-color-muted-2) 100%);opacity:1}@media (hover:hover){.tlui-button[aria-expanded=true][data-direction=left]:not(:hover):after{background:linear-gradient(270deg, #90909000 0%, var(--tl-color-muted-2) 100%);opacity:1}.tlui-button:not(:disabled,[data-disabled]):hover{z-index:1}.tlui-button:not(:disabled,[data-disabled]):hover:after{opacity:1}}.tlui-button__icon+.tlui-button__label{margin-left:var(--tl-space-2)}.tlui-button__low{border-radius:var(--tl-radius-3);background-color:var(--tl-color-low)}.tlui-button__low:after{background-color:var(--tl-color-muted-2);opacity:0}@media (hover:hover){.tlui-button__low:hover:after{opacity:1}}.tlui-button__primary{color:var(--tl-color-primary)}.tlui-button__danger{color:var(--tl-color-danger);text-shadow:none}@media (hover:hover){.tlui-button__primary:not(:disabled,[data-disabled],:focus-visible):hover{color:var(--tl-color-primary)}.tlui-button__danger:not(:disabled,[data-disabled],:focus-visible):hover{color:var(--tl-color-danger);text-shadow:none}}.tlui-button__menu{gap:8px;width:100%;height:40px;min-height:40px;margin-top:-4px}.tlui-button__menu:after{border-radius:var(--tl-radius-2);inset:4px}.tlui-button__menu>.tlui-icon+.tlui-button__label{margin-left:0}.tlui-button__menu:first-child{margin-top:0}.tlui-button__menu:last-child{margin-bottom:0}.tlui-button__checkbox{padding-left:8px}.tlui-button__checkbox__indicator{width:15px;height:15px}.tlui-main-toolbar__lock-button{pointer-events:all;border-radius:var(--tl-radius-2);width:40px;height:40px;position:absolute}.tlui-main-toolbar--horizontal .tlui-main-toolbar__lock-button{min-width:0;top:4px;right:0}.tlui-main-toolbar--vertical .tlui-main-toolbar__lock-button{min-height:0;bottom:0}.tlui-main-toolbar__lock-button:after{top:4px;left:8px;inset:4px}.tlui-button__tool{width:48px;height:48px;position:relative}.tlui-button__tool:after{border-radius:8px;inset:4px}.tlui-button__tool[aria-pressed=true],.tlui-button__tool[aria-pressed=true]:not(:disabled,[data-disabled],:focus-visible):active{color:var(--tl-color-selected-contrast)}.tlui-button__tool[aria-pressed=true]:not(:disabled,[data-disabled]):after{background:var(--tl-color-selected);opacity:1}.tlui-layout__mobile .tlui-main-toolbar--horizontal .tlui-button__tool{width:43px;height:48px}.tlui-layout__mobile .tlui-main-toolbar--horizontal .tlui-button__tool>.tlui-icon{width:16px;height:16px}.tlui-row{flex-direction:row;padding:0 2px;display:flex}.tlui-row>*{margin-left:-2px;margin-right:-2px}.tlui-column{flex-direction:column;padding:2px 0;display:flex}.tlui-column>*{margin-top:-2px;margin-bottom:-2px}.tlui-grid{grid-template-columns:repeat(4,1fr);grid-auto-flow:row;padding:2px;display:grid;overflow:hidden}.tlui-grid>*{margin:-2px}.tlui-zoom-menu__button{text-align:center;width:60px;min-width:60px}.tlui-layout{pointer-events:none;-webkit-user-select:none;user-select:none;contain:strict;height:100%;max-height:100%;z-index:var(--tl-layer-panels);--tl-sab:env(safe-area-inset-bottom);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:antialiased;text-rendering:optimizelegibility;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;grid-auto-rows:auto;font-weight:500;line-height:1.6;display:grid;position:relative;overflow:clip;transform:translate(0,0)}.tlui-layout__top{grid-area:1/1;justify-content:space-between;min-width:0;display:flex}.tlui-layout__top__left{flex-direction:column;flex:0 1 0;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;display:flex}.tlui-layout__top__right{flex-direction:column;flex:none;justify-content:flex-start;align-items:flex-end;min-width:0;height:100%;display:flex}.tlui-scrollable,.tlui-scrollable *{pointer-events:all;touch-action:auto;overscroll-behavior:none}.tlui-helper-buttons{justify-content:flex-start;align-items:flex-start;gap:var(--tl-space-3);width:min-content;margin:var(--tl-space-2) var(--tl-space-3);white-space:nowrap;pointer-events:none;z-index:var(--tl-layer-panels);flex-direction:column;display:flex;position:relative}.tlui-icon{background-color:currentColor;flex-shrink:0;width:18px;height:18px}.tlui-icon__placeholder{background-color:#0000;flex-shrink:0;width:18px;height:18px}.tlui-icon__small{width:15px;height:15px}.tlui-slider__container{width:100%;padding:0px var(--tl-space-4)}.tlui-slider{-webkit-user-select:none;user-select:none;touch-action:none;align-items:center;width:100%;display:flex;position:relative}.tlui-slider__track{cursor:pointer;flex-grow:1;height:44px;position:relative}.tlui-slider__track:after{content:"";background-color:var(--tl-color-muted-1);border-radius:14px;width:100%;height:3px;display:block;position:absolute;top:calc(50% - 2px)}.tlui-slider__range{background-color:var(--tl-color-selected);border-radius:14px;height:3px;position:absolute;top:calc(50% - 2px);left:0}.tlui-slider__thumb{all:unset;cursor:grab;background-color:var(--tl-color-panel);width:18px;height:18px;box-shadow:inset 0px 0px 0px 2px var(--tl-color-text-1);border-radius:999px;display:block;position:relative;top:-1px}.tlui-slider__thumb:active{cursor:grabbing;box-shadow:inset 0px 0px 0px 2px var(--tl-color-text-1), var(--tl-shadow-1)}.tlui-input{z-index:var(--tl-layer-above);height:40px;max-height:40px;font-family:inherit;font-size:12px;font-weight:inherit;color:var(--tl-color-text-1);padding:var(--tl-space-4);text-overflow:ellipsis;-webkit-user-select:all;user-select:all;text-rendering:optimizelegibility;background:0 0;border:none;outline:none;justify-content:center;align-items:center;width:100%;margin:0;padding-left:0;display:flex;position:relative;-webkit-user-select:auto!important}.tlui-input::placeholder{color:var(--tl-color-text-3)}.tlui-input__wrapper{align-items:center;gap:var(--tl-space-4);width:100%;height:44px;color:var(--tl-color-text);display:flex}.tlui-input__wrapper>.tlui-icon{flex-shrink:0}@supports (-webkit-touch-callout:none){.tlui-input{font-size:16px}}.tlui-select__trigger{justify-content:space-between;gap:var(--tl-space-3)}.tlui-select__trigger[data-state=open]:after{opacity:1}.tlui-select__value{align-items:center;gap:var(--tl-space-2);display:flex}.tlui-select__chevron{color:var(--tl-color-text-2);flex-shrink:0}.tlui-select__content{min-width:var(--radix-select-trigger-width);max-height:var(--radix-select-content-available-height)}.tlui-select__viewport{padding:4px 0}.tlui-select__item{justify-content:flex-start}.tlui-select__item-indicator{visibility:hidden}.tlui-select__item[data-state=checked] .tlui-select__item-indicator{visibility:visible}.tlui-kbd{justify-items:center;align-self:bottom;color:currentColor;margin-left:var(--tl-space-4);grid-template-columns:auto;grid-auto-columns:minmax(1em,auto);grid-auto-flow:column;font-family:inherit;font-size:11px;line-height:11px;display:grid}.tlui-kbd>span{text-align:center;border-radius:2px;width:100%;margin:0;padding:2px;display:inline}.tlui-kbd>span:last-child{padding-right:0}.tlui-kbd:not(:last-child){margin-right:var(--tl-space-2)}.tlui-focus-button{z-index:var(--tl-layer-panels);pointer-events:all}.tlui-menu:empty{display:none}.tlui-menu{z-index:var(--tl-layer-menus);border-radius:var(--tl-radius-3);pointer-events:all;touch-action:auto;overscroll-behavior:none;background-color:var(--tl-color-panel);width:fit-content;height:fit-content;box-shadow:var(--tl-shadow-3);overflow-y:auto}@media (height<=600px){.tlui-menu{max-height:70vh}}.tlui-menu::-webkit-scrollbar{display:none}.tlui-menu__group{width:100%}.tlui-menu__group:empty{display:none}.tlui-menu__group{border-bottom:1px solid var(--tl-color-divider)}.tlui-menu__group:last-of-type{border-bottom:none}.tlui-menu__submenu__trigger{--gradient-angle:90deg}.tlui-menu__submenu__trigger[data-direction=left]{--gradient-angle:270deg}.tlui-menu__submenu__trigger[data-state=open]:after{opacity:1;background:linear-gradient(var(--gradient-angle), #90909000 0%, var(--tl-color-muted-2) 100%)}@media (hover:hover){.tlui-menu__submenu__trigger:is(:hover,[data-state=open]):after{opacity:1;background:linear-gradient(var(--gradient-angle), #90909000 0%, var(--tl-color-muted-2) 100%)}}.tlui-menu[data-size=large]>.tlui-menu__group{min-width:initial}.tlui-menu[data-size=medium]>.tlui-menu__group{min-width:144px}.tlui-menu[data-size=small]>.tlui-menu__group{min-width:96px}.tlui-menu[data-size=tiny]>.tlui-menu__group{min-width:0}.tlui-menu-click-capture{z-index:var(--tl-layer-menu-click-capture);position:fixed;inset:0}.tlui-popover{align-content:stretch;display:flex;position:relative}.tlui-popover__content{max-height:calc(var(--radix-popover-content-available-height) - 8px);border-radius:var(--tl-radius-3);background-color:var(--tl-color-panel);box-shadow:var(--tl-shadow-3);z-index:var(--tl-layer-menus);touch-action:auto;overscroll-behavior:none;scrollbar-width:none;-ms-overflow-style:none;border:none;margin:0;position:relative;overflow:hidden auto}.tlui-menu-zone{z-index:var(--tl-layer-panels);border-right:2px solid var(--tl-color-background);border-bottom:2px solid var(--tl-color-background);border-bottom-right-radius:var(--tl-radius-4);background-color:var(--tl-color-low);width:fit-content;position:relative}.tlui-menu-zone [data-state=open]:after{background:linear-gradient(180deg, #90909000 0%, var(--tl-color-muted-2) 100%);opacity:1}@media (hover:hover){.tlui-menu-zone [data-state=open]:not(:hover):after{background:linear-gradient(180deg, #90909000 0%, var(--tl-color-muted-2) 100%);opacity:1}}.tlui-page-menu__wrapper{flex-direction:column;width:260px;height:fit-content;max-height:50vh;display:flex;position:relative}.tlui-page-menu__trigger{width:auto}.tlui-page-menu__header{width:100%;height:40px;padding-left:var(--tl-space-4);border-bottom:1px solid var(--tl-color-divider);flex-direction:row;align-items:center;display:flex}.tlui-page-menu__header>.tlui-button:first-of-type{margin-right:-4px}.tlui-page-menu__header__title{color:var(--tl-color-text);flex-grow:2;font-size:12px}.tlui-page-menu__name{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex-grow:2;overflow:hidden}.tlui-page-menu__list{touch-action:auto;touch-action:auto;flex-direction:column;max-height:100%;position:relative;overflow:hidden auto}.tlui-page-menu__item{position:relative}.tlui-page_menu__item__submenu[data-isediting=true]>.tlui-button[data-state=open]{opacity:1}@media (hover:hover){.tlui-page-menu__item:hover>.tlui-page_menu__item__submenu>.tlui-button{opacity:1}}.tlui-page-menu__item:nth-of-type(n+2){margin-top:-4px}.tlui-page-menu__item__button{width:100%}.tlui-page-menu__item__button:not(:only-child){flex-grow:2;margin-right:-2px}.tlui-page-menu__item__button>span{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex-grow:2;padding-right:28px;display:block;overflow:hidden}@media (hover:hover){.tlui-page-menu__item__button>span{padding-right:0}.tlui-page-menu__item:hover>.tlui-page-menu__item__button>span{padding-right:28px}}.tlui-page-menu__item__button__checkbox{padding-left:35px}.tlui-page-menu__item__button__check{width:24px;color:var(--tl-color-text);justify-content:center;align-items:center;padding-left:10px;display:inline-flex;position:absolute;left:0}.tlui-page_menu__item__sortable{width:100%;height:fit-content;z-index:var(--tl-layer-above);flex-direction:row;align-items:center;display:flex;position:absolute;top:0;left:0;overflow:hidden}.tlui-page_menu__item__sortable__title{flex:1}.tlui-page_menu__item__sortable__title>.tlui-input__wrapper{height:100%}.tlui-page_menu__item__sortable:focus-visible{z-index:var(--tl-layer-focused-input)}.tlui-page_menu__item__sortable__handle{touch-action:none;cursor:grab;width:32px;min-width:0;height:40px;color:var(--tl-color-text-3);flex-shrink:0;margin-right:-9px}.tlui-page_menu__item__sortable__handle:active{cursor:grabbing}.tlui-page-menu__item__input{height:100%;margin-left:12px}.tlui-page_menu__item__submenu{pointer-events:all;cursor:pointer;z-index:10;height:100%;margin:0 0 0 -2px;position:absolute;top:0;right:0}.tlui-page_menu__item__submenu>.tlui-button{opacity:0}.tlui-page_menu__item__sortable:focus-visible>.tlui-page_menu__item__submenu>.tlui-button,.tlui-page_menu__item__submenu[data-isediting=true],.tlui-page_menu__item__submenu>.tlui-button[data-state=open],.tlui-page_menu__item__submenu>.tlui-button:focus-visible{opacity:1}.tlui-page_menu__item__submenu>.tlui-button[data-state=open]:after{background:linear-gradient(90deg, #90909000 0%, var(--tl-color-muted-2) 100%);opacity:1}@media (hover:hover){.tlui-page_menu__item__submenu>.tlui-button[data-state=open]:not(:hover):after{background:linear-gradient(90deg, #90909000 0%, var(--tl-color-muted-2) 100%);opacity:1}}.tl-container[data-coarse=true] .tlui-page_menu__item__submenu>.tlui-button{opacity:1}.tlui-button__icon{padding:0}.tlui-page-menu__item__button .tlui-button__icon{margin-right:4px}@media (hover:hover){.tlui-page_menu__item__submenu[data-isediting=true]>.tlui-button{opacity:0}.tlui-page_menu__item__submenu:hover>.tlui-button{opacity:1}}.tl-skip-to-main-content{z-index:var(--tl-layer-toasts);padding:8px 16px;position:fixed;top:48px;left:-9999px}.tl-skip-to-main-content:focus{left:8px}.tlui-offline-indicator{color:var(--tl-color-background);background-color:var(--tl-color-text);cursor:default;opacity:0;border:none;border-radius:99px;justify-content:center;align-items:center;width:32px;height:32px;animation:.12s 2s forwards tl-fade-in;display:flex}.tlui-style-panel__wrapper{box-shadow:var(--tl-shadow-2);border-radius:var(--tl-radius-3);pointer-events:all;background-color:var(--tl-color-panel);touch-action:auto;overscroll-behavior:none;height:fit-content;max-height:100%;color:var(--tl-color-text);margin:4px 8px 8px;overflow:hidden auto}.tlui-style-panel__wrapper:only-child{margin-top:8px}.tlui-style-panel{z-index:var(--tl-layer-panels);pointer-events:all;width:148px;max-width:148px;position:relative}.tlui-style-panel[data-enhanced-a11y-mode=true] .tlui-button[data-isactive=true]{outline:2px solid var(--tl-color-text);outline-offset:-5px;border-radius:10px}.tlui-style-panel::-webkit-scrollbar{display:none}.tlui-style-panel .tlui-button.select{width:100%}.tlui-style-panel__section{flex-direction:column;display:flex;position:relative}.tlui-style-panel__section:not(:nth-last-child(-n+1 of .tlui-style-panel__section:not(:empty))){border-bottom:1px solid var(--tl-color-divider)}.tlui-style-panel__section:has(.tlui-slider__container:last-child):not(:nth-last-child(-n+1 of .tlui-style-panel__section:not(:empty))){margin-bottom:7px}.tlui-style-panel__section:empty{display:none}.tlui-style-panel__section .tlui-toolbar:has(.tlui-toolbar){flex-wrap:wrap}.tlui-style-panel__section .tlui-toolbar:has(.tlui-toolbar) .tlui-style-panel__subheading{margin-left:-2px}.tlui-style-panel__section__common:not(:only-child){border-bottom:1px solid var(--tl-color-divider);margin-bottom:7px}.tlui-style-panel__dropdown-picker:only-child{flex:1}.tlui-style-panel__double-select-picker{padding-left:var(--tl-space-4);color:var(--tl-color-text-1);grid-template-columns:1fr auto;align-items:center;font-size:12px;display:flex}.tlui-style-panel__double-select-picker-label{text-overflow:ellipsis;white-space:nowrap;flex-grow:2;max-width:100%;overflow:hidden}.tlui-style-panel .tlui-button[data-state=open]:after{opacity:1;background:linear-gradient(270deg, #90909000 0%, var(--tl-color-muted-2) 100%)}@media (hover:hover){.tlui-style-panel .tlui-button[aria-expanded=true]{background:0 0}.tlui-style-panel .tlui-button[data-state=open]:not(:hover):after{opacity:1;background:linear-gradient(270deg, #90909000 0%, var(--tl-color-muted-2) 100%)}}.tlui-style-panel__section .tlui-style-panel__subheading,.tlui-style-panel__section__common .tlui-style-panel__subheading,.tlui-style-panel__subheading+.tlui-slider__container{padding:var(--tl-space-2) var(--tl-space-3) 0px var(--tl-space-4);font-size:12px;font-weight:inherit;line-height:inherit;margin:0}.tlui-style-panel .tlui-style-panel__subheading:first-of-type{padding-top:var(--tl-space-3)}.tlui-style-panel__subheading+.tlui-slider__container{padding-top:0}.tlui-layout__bottom{grid-row:2;width:100%}.tlui-layout__bottom__main{justify-content:center;align-items:flex-end;width:100%;display:flex}.tlui-navigation-panel{width:min-content;z-index:var(--tl-layer-panels);pointer-events:all;flex-direction:column;display:flex;position:absolute;left:0}.tlui-navigation-panel:before{content:"";z-index:-1;border-top:2px solid var(--tl-color-background);border-right:2px solid var(--tl-color-background);border-radius:0;border-top-right-radius:var(--tl-radius-4);background-color:var(--tl-color-low);display:block;position:absolute;inset:-2px -2px 0 0}.tlui-navigation-panel[data-a11y=true]:before{display:none}.tlui-minimap{width:100%;height:96px;min-height:96px;padding:var(--tl-space-3);padding-top:0;overflow:hidden}.tlui-minimap__canvas{width:100%;height:100%;position:relative}.tlui-main-toolbar{flex-grow:2;grid-area:1/1/auto/span 3;justify-content:center;align-items:center;display:flex}.tlui-main-toolbar--horizontal{padding-bottom:calc(var(--tl-space-3) + var(--tl-sab));max-width:100%}.tlui-main-toolbar--vertical{padding-left:calc(var(--tl-space-3) + var(--tl-sab));position:absolute;top:90px;bottom:140px;left:0}[data-breakpoints-below*="6"] .tlui-main-toolbar--vertical{bottom:90px}.tlui-main-toolbar__inner{gap:var(--tl-space-3);align-items:flex-start;width:fit-content;display:flex;position:relative}.tlui-main-toolbar--vertical .tlui-main-toolbar__inner{flex-direction:column}.tlui-main-toolbar--horizontal .tlui-main-toolbar__left{width:fit-content}.tlui-main-toolbar--vertical .tlui-main-toolbar__left{height:fit-content;display:flex}.tlui-main-toolbar__extras{z-index:var(--tl-layer-above);pointer-events:none;align-self:stretch;position:relative}.tlui-main-toolbar__extras:empty{display:none}.tlui-main-toolbar--horizontal .tlui-main-toolbar__extras{height:48px;top:6px}.tlui-main-toolbar--vertical .tlui-main-toolbar__extras{order:1;width:48px}.tlui-main-toolbar__extras__controls{z-index:var(--tl-layer-above);background-color:var(--tl-color-low);border:2px solid var(--tl-color-background);pointer-events:all;position:relative}.tlui-main-toolbar--horizontal .tlui-main-toolbar__extras__controls{border-top-left-radius:var(--tl-radius-4);border-top-right-radius:var(--tl-radius-4);width:fit-content;margin-left:8px;margin-right:0}.tlui-main-toolbar--vertical .tlui-main-toolbar__extras__controls{border-top-right-radius:var(--tl-radius-4);border-bottom-right-radius:var(--tl-radius-4);width:fit-content;margin-top:8px;margin-bottom:0;margin-left:-2px}.tlui-main-toolbar__tools{border-radius:var(--tl-radius-4);z-index:var(--tl-layer-panels);pointer-events:all;background:var(--tl-color-panel);box-shadow:var(--tl-shadow-2);contain:layout style paint;position:relative}.tlui-main-toolbar--horizontal .tlui-main-toolbar__mobile-style-panel{align-self:flex-end}.tlui-main-toolbar--vertical .tlui-main-toolbar__mobile-style-panel{align-self:flex-start}.tlui-main-toolbar--horizontal .tlui-main-toolbar__overflow{width:40px;margin-left:2px}.tlui-main-toolbar--vertical .tlui-main-toolbar__overflow{height:40px;margin-top:2px}.tlui-layout__mobile .tlui-main-toolbar--horizontal .tlui-main-toolbar__overflow{width:32px;padding:0}.tlui-main-toolbar--horizontal [data-state=open]:after{background:linear-gradient(0deg, #90909000 0%, var(--tl-color-muted-2) 100%);opacity:1}.tlui-main-toolbar--vertical [data-state=open]:after{background:linear-gradient(90deg, #90909000 0%, var(--tl-color-muted-2) 100%);opacity:1}.tlui-main-toolbar__overflow-content{touch-action:none}.tlui-main-toolbar__tools [data-toolbar-visible=false],.tlui-main-toolbar__overflow-content [data-toolbar-visible=false],.tlui-main-toolbar__group:empty{display:none}.tlui-row.tlui-main-toolbar__group:not(:nth-last-child(-n+1 of [data-toolbar-visible=true])){border-right:1px solid var(--color-divider);margin-right:2px}.tlui-column.tlui-main-toolbar__group:not(:nth-last-child(-n+1 of [data-toolbar-visible=true])){border-bottom:1px solid var(--color-divider);margin-bottom:2px}.tlui-grid.tlui-main-toolbar__group{grid-column:1/span 4}.tlui-grid.tlui-main-toolbar__group:not(:nth-last-child(-n+1 of [data-toolbar-visible=true])){border-bottom:1px solid var(--color-divider);margin-bottom:2px}@media (hover:hover){.tlui-main-toolbar--horizontal [data-state=open]:not(:hover):after{background:linear-gradient(0deg, #90909000 0%, var(--tl-color-muted-2) 100%);opacity:1}.tlui-main-toolbar--vertical [data-state=open]:not(:hover):after{background:linear-gradient(90deg, #90909000 0%, var(--tl-color-muted-2) 100%);opacity:1}}.tlui-tooltip{background-color:var(--tl-color-tooltip);box-shadow:none;color:var(--tl-color-text-shadow);text-align:center;will-change:transform, opacity;z-index:2;border-radius:4px;width:fit-content;max-width:400px;padding:2px 8px;font-size:12px}.tlui-tooltip__arrow{fill:var(--tl-color-tooltip);will-change:opacity}[data-radix-popper-content-wrapper]:has(.tlui-tooltip){pointer-events:none;z-index:var(--tl-layer-toasts)!important}.tlui-debug-panel{background-color:var(--tl-color-low);width:100%;padding-left:var(--tl-space-4);border-top:1px solid var(--tl-color-background);color:var(--tl-color-text-1);z-index:var(--tl-layer-panels);pointer-events:all;grid-template-columns:1fr auto auto auto;justify-content:space-between;align-items:center;font-size:12px;display:grid}.tlui-debug-panel__current-state{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tlui-debug-panel__fps{margin-right:8px}.tlui-debug-panel__fps__slow{color:var(--tl-color-danger);font-weight:700}.tlui-a11y-audit{border-collapse:collapse}.tlui-a11y-audit th,.tlui-a11y-audit td{border:1px solid var(--tl-color-low-border);padding:8px}.tlui-toast__viewport{justify-content:flex-end;align-items:flex-end;gap:var(--tl-space-3);pointer-events:none;padding:0px var(--tl-space-3) 64px 0px;z-index:var(--tl-layer-toasts);flex-direction:column;margin:0;display:flex;position:absolute;inset:0}.tlui-toast__viewport>*{pointer-events:all}.tlui-toast__icon{padding-top:11px;padding-left:var(--tl-space-4);color:var(--tl-color-text-1)}.tlui-toast__container{background-color:var(--tl-color-panel);min-width:200px;box-shadow:var(--tl-shadow-2);border-radius:var(--tl-radius-3);flex-direction:row;font-size:12px;display:flex}.tlui-toast__container[data-severity=success] .tlui-icon{color:var(--tl-color-success)}.tlui-toast__container[data-severity=info] .tlui-icon{color:var(--tl-color-info)}.tlui-toast__container[data-severity=warning] .tlui-icon{color:var(--tl-color-warning)}.tlui-toast__container[data-severity=error] .tlui-icon{color:var(--tl-color-danger)}.tlui-toast__main{flex-grow:2;max-width:280px}.tlui-toast__content{padding:var(--tl-space-4);gap:var(--tl-space-3);flex-direction:column;line-height:1.4;display:flex}.tlui-toast__main[data-actions=true] .tlui-toast__content{padding-bottom:var(--tl-space-2)}.tlui-toast__title{color:var(--tl-color-text-1);font-weight:700;line-height:16px}.tlui-toast__description{color:var(--tl-color-text-1);padding:var(--tl-space-3);margin:0;padding:0}.tlui-toast__icon+.tlui-toast__main>.tlui-toast__actions{padding-left:0}.tlui-toast__actions{flex-direction:row;justify-content:flex-start;margin-left:0;display:flex}.tlui-toast__close{flex-shrink:0;align-self:flex-end}@media (prefers-reduced-motion:no-preference){.tlui-toast__container[data-state=open]{animation:.2s cubic-bezier(.785,.135,.15,.86) tlui-slide-in}.tlui-toast__container[data-state=closed]{animation:.1s ease-in tlui-fade-out}.tlui-toast__container[data-swipe=move]{transform:translateX(var(--radix-toast-swipe-move-x))}.tlui-toast__container[data-swipe=cancel]{transition:transform .2s ease-out;transform:translate(0)}.tlui-toast__container[data-swipe=end]{animation:.1s ease-out tlui-slide-out}}.tlui-dialog__overlay{width:100%;height:100%;z-index:var(--tl-layer-canvas-overlays);background-color:var(--tl-color-overlay);pointer-events:all;padding:0px var(--tl-space-3);place-items:center;animation:.12s ease-out tl-fade-in;display:grid;position:absolute;top:0;left:0;overflow-y:auto}.tlui-dialog__content{cursor:default;background-color:var(--tl-color-panel);box-shadow:var(--tl-shadow-3);border-radius:var(--tl-radius-3);flex-direction:column;min-width:300px;max-width:100%;max-height:80%;font-size:12px;display:flex;position:relative;overflow:hidden}.tlui-dialog__header{z-index:var(--tl-layer-header-footer);padding-left:var(--tl-space-4);color:var(--tl-color-text);flex:0;align-items:center;height:40px;display:flex;position:relative}.tlui-dialog__header__title{font-weight:inherit;color:var(--tl-color-text-1);flex:1;margin:0;font-size:12px}.tlui-dialog__header__close{justify-self:flex-end}.tlui-dialog__body{padding:var(--tl-space-4) var(--tl-space-4);color:var(--tl-color-text-1);-webkit-user-select:text;user-select:text;flex:0;overflow:hidden auto}.tlui-dialog__body a{color:var(--tl-color-selected)}.tlui-dialog__body ul,.tlui-dialog__body ol{gap:var(--tl-space-2);flex-direction:column;padding-left:16px;display:flex}.tlui-dialog__footer{min-height:12px;z-index:var(--tl-layer-header-footer);position:relative}.tlui-dialog__footer__actions{justify-content:flex-end;align-items:center;display:flex}.tlui-dialog__footer__actions>.tlui-button:nth-last-child(n+2){margin-right:-4px}.tlui-edit-link-dialog{gap:var(--tl-space-4);color:var(--tl-color-text);flex-direction:column;display:flex}.tlui-edit-link-dialog__input{background-color:var(--tl-color-muted-2);border-radius:var(--tl-radius-2);padding:0px var(--tl-space-4);flex-grow:2}.tlui-embed__spacer{min-height:0;margin-left:calc(-1 * var(--tl-space-4));margin-top:calc(-1 * var(--tl-space-4));pointer-events:none;flex-grow:2}.tlui-embed-dialog__list{padding:0px var(--tl-space-3) var(--tl-space-4) var(--tl-space-3);flex-direction:column;display:flex}.tlui-embed-dialog__item__image{background-position:50%;background-repeat:no-repeat;background-size:contain;background-color:var(--tl-color-selected-contrast);border-radius:var(--tl-radius-1);justify-content:center;align-items:center;width:24px;height:24px;display:flex}.tlui-embed-dialog__enter{gap:var(--tl-space-4);color:var(--tl-color-text-1);flex-direction:column;display:flex}.tlui-embed-dialog__input{background-color:var(--tl-color-muted-2);border-radius:var(--tl-radius-2);padding:0px var(--tl-space-4);flex-grow:2}.tlui-embed-dialog__warning{color:var(--tl-color-danger);text-shadow:none}.tlui-embed-dialog__instruction__link{gap:var(--tl-space-1);margin-top:var(--tl-space-4);display:flex}.tlui-embed-dialog__enter a{color:var(--tl-color-text-1)}.tlui-shortcuts-dialog__header{border-bottom:1px solid var(--tl-color-divider)}.tlui-shortcuts-dialog__body{columns:3;column-gap:var(--tl-space-9);pointer-events:all;touch-action:auto;scrollbar-width:none;position:relative;overflow-x:auto}.tlui-shortcuts-dialog__body::-webkit-scrollbar{display:none}.tlui-shortcuts-dialog__body__tablet{columns:2}.tlui-shortcuts-dialog__body__mobile{columns:1}.tlui-shortcuts-dialog__group{break-inside:avoid-column;padding-bottom:var(--tl-space-6)}.tlui-shortcuts-dialog__group__title{font-size:inherit;font-weight:inherit;color:var(--tl-color-text-3);align-items:center;height:32px;margin:0;display:flex}.tlui-shortcuts-dialog__group__content{color:var(--tl-color-text-1);flex-direction:column;display:flex}.tlui-shortcuts-dialog__key-pair{gap:var(--tl-space-4);justify-content:space-between;align-items:center;height:32px;display:flex}.tlui-shortcuts-dialog__key-pair__key{flex:1;font-size:12px}.tlui-language-menu{max-height:500px}.tlui-language-menu:after{content:"";background:linear-gradient(to bottom, var(--tl-color-panel-transparent) 0%, var(--tl-color-panel) 90%, var(--tl-color-panel) 100%);border-bottom-left-radius:var(--tl-radius-3);border-bottom-right-radius:var(--tl-radius-3);pointer-events:none;height:24px;display:block;position:absolute;bottom:0;left:0;right:0}.tlui-actions-menu{max-height:calc(100vh - 150px)}.tlui-help-menu{pointer-events:all;bottom:var(--tl-space-2);right:var(--tl-space-2);z-index:var(--tl-layer-panels);border:2px solid var(--tl-color-background);border-radius:100%;position:absolute}.tlui-share-zone{z-index:var(--tl-layer-panels);flex-direction:row;justify-content:flex-end;align-items:center;padding:2px 4px 0 0;display:flex}.tlui-people-menu__avatars-button{cursor:pointer;pointer-events:all;border-radius:var(--tl-radius-1);background:0 0;border:none;justify-content:flex-end;align-items:center;height:100%;padding-right:1px;display:flex}.tlui-people-menu__avatars{flex-direction:row;display:flex}.tlui-people-menu__avatar{border:2px solid var(--tl-color-background);background-color:var(--tl-color-low);text-align:center;width:24px;height:24px;color:var(--tl-color-selected-contrast);z-index:2;border-radius:100%;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex;position:relative}.tlui-people-menu__avatar:nth-of-type(n+2){margin-left:-12px}.tlui-people-menu__avatars-button[data-state=open]{opacity:1}@media (hover:hover){.tlui-people-menu__avatars-button:hover .tlui-people-menu__avatar{border-color:var(--tl-color-low)}}.tlui-people-menu__more{min-width:0;color:var(--tl-color-text-1);padding:0 4px;font-family:inherit;font-size:11px;font-weight:600}.tlui-people-menu__more:after{border-radius:var(--tl-radius-2);inset:0}.tlui-people-menu__wrapper{flex-direction:column;width:220px;height:fit-content;max-height:50vh;display:flex;position:relative}.tlui-people-menu__section{touch-action:auto;touch-action:auto;flex-direction:column;max-height:100%;position:relative;overflow:hidden auto}.tlui-people-menu__section:first-child,.tlui-people-menu__section:last-child{flex-shrink:0}.tlui-people-menu__section:not(:last-child){border-bottom:1px solid var(--tl-color-divider)}.tlui-people-menu__user{justify-content:flex-start;align-items:center;display:flex}.tlui-people-menu__user__color{flex-shrink:0}.tlui-people-menu__user__name{text-align:left;text-overflow:ellipsis;white-space:nowrap;color:var(--tl-color-text-1);flex-grow:1;flex-shrink:100;max-width:100%;font-size:12px;overflow:hidden}.tlui-people-menu__user__label{text-align:left;text-overflow:ellipsis;white-space:nowrap;color:var(--tl-color-text-3);flex-grow:100;flex-shrink:0;margin-left:4px;font-size:12px;overflow:hidden}.tlui-people-menu__user__input{flex-grow:2;height:100%;margin:0;padding:0}.tlui-people-menu__user>.tlui-input__wrapper{align-items:auto;flex-grow:2;gap:8px;width:auto;height:100%;padding:0;display:flex}.tlui-people-menu__item{position:relative}.tlui-people-menu__item:last-of-type .tlui-button__menu{margin-bottom:0}.tlui-people-menu__item__button{padding:0 11px;overflow:hidden}.tlui-people-menu__item>.tlui-button__menu{align-items:auto;flex-grow:2;justify-content:flex-start;gap:11px;width:auto;display:flex}.tlui-people-menu__name{text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tlui-people-menu__item__follow{flex-shrink:0;max-width:40px;position:absolute;top:0;right:0}.tlui-people-menu__item[data-follow=true]{padding-right:36px}.tlui-people-menu__item:has(.tlui-button:focus-visible){padding-right:36px}.tlui-people-menu__item[data-follow=true] .tlui-people-menu__item__follow{opacity:1}.tlui-people-menu__item:has(.tlui-button:focus-visible) .tlui-people-menu__item__follow{opacity:1}@media (hover:hover){.tlui-people-menu__item__follow{opacity:0}.tlui-people-menu__item:hover{padding-right:36px}.tlui-people-menu__item:hover .tlui-people-menu__item__follow{opacity:1}}.tlui-following-indicator{z-index:var(--tl-layer-following-indicator);pointer-events:none;border-style:solid;border-width:2px;display:block;position:absolute;inset:0}.tlui-contextual-toolbar{position:absolute}.tlui-contextual-toolbar [data-isactive=true]:after{background-color:var(--tl-color-muted-2);opacity:1}.tlui-contextual-toolbar{opacity:0;transition:opacity 80ms ease-in-out}.tlui-contextual-toolbar,.tlui-contextual-toolbar *{pointer-events:none}.tlui-contextual-toolbar[data-visible=true]{opacity:1;z-index:var(--tl-layer-menus)}.tlui-contextual-toolbar[data-interactive=true],.tlui-contextual-toolbar[data-interactive=true] *{pointer-events:all}.tlui-rich-text__toolbar-link-input{width:148px;margin-left:12px}.tlui-media__toolbar-alt-text-input{min-width:200px;margin-left:12px}.tlui-contextual-toolbar .tlui-input__wrapper{height:40px}.tlui-image__toolbar .tlui-slider__container{width:125px}.tlui-image__toolbar .tlui-slider{height:100%}.tlui-image__toolbar .tlui-slider__track{height:32px}.tlui-image__toolbar .tlui-slider__thumb{width:14px;height:14px}@keyframes tlui-fade-out{0%{opacity:1}to{opacity:0}}@keyframes tlui-slide-in{0%{transform:translateX(calc(100% + var(--tl-space-3)))}to{transform:translate(0)}}@keyframes tlui-slide-out{0%{transform:translateX(var(--radix-toast-swipe-end-x))}to{transform:translateX(calc(100% + var(--tl-space-3)))}}:root{--bg-primary:#0b0c0e;--bg-secondary:#12141a;--bg-tooltip:#0a0b0e;--bg-tertiary:#1a1d24;--bg-track:#10131a;--bg-track-alt:#0e1016;--bg-hover:#22262f;--bg-surface:#151820;--hairline:1px;--border:#ffffff14;--border-light:#ffffff1f;--border-subtle:#ffffff0d;--border-solid:#2a2e36;--text-primary:#f2f2f4;--text-secondary:#9a9aa3;--text-dim:#6e6e78;--accent:#1ed760;--accent-hover:#3be87a;--accent-dim:#1ed76024;--accent-glow:#1ed76047;--meter-green:#1ed760;--meter-yellow:#e8b84a;--meter-red:#ff453a;--clip-color:#0a84ff;--selected:#1ed76029;--selected-glow:0 0 0 var(--hairline) #1ed76080;--mute-color:#ff453a;--solo-color:#e8b84a;--record-color:#ff453a;--loop-color:#1ed7601f;--loop-border:#1ed76073;--selection-color:#0a84ff24;--selection-border:#0a84ff66;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--font-mono:"SF Mono", ui-monospace, Menlo, Monaco, "Cascadia Mono", "JetBrains Mono", monospace;--radius:5px;--radius-sm:3px;--radius-lg:8px;--shadow:0 1px 2px #00000059, 0 4px 12px #0003;--shadow-lg:0 2px 4px #00000059, 0 12px 32px #00000059;--shadow-inset:inset 0 .5px 0 #ffffff0f, inset 0 0 0 var(--hairline) #00000040;--transition-fast:80ms ease;--transition:.12s ease;--transition-slow:.2s ease;--unit-instrument:#64d2ff;--unit-audio:#0a84ff;--unit-midi:#bf5af2;--unit-aux:#ac8e68;--unit-master:#8e8e93;--panel-bright:#ffffff06;--hud-line:#ffffff0f;--section-header-h:26px;--section-pad:8px;--section-gap:6px;--control-h:22px;--chrome-fill:linear-gradient(180deg, #1a1c22 0%, #12141a 100%);--chrome-fill-raised:linear-gradient(180deg, #22252d 0%, #181a20 100%);--chrome-highlight:inset 0 .5px 0 #ffffff12}@media (-webkit-device-pixel-ratio>=2),(resolution>=2x){:root{--hairline:.5px}}.section{flex-direction:column;height:100%;min-height:0;display:flex}.section-header{height:var(--section-header-h);min-height:var(--section-header-h);padding:0 var(--section-pad);border-bottom:var(--hairline) solid var(--border);background:var(--chrome-fill);box-shadow:var(--chrome-highlight);letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;font-size:10px;font-weight:600;display:flex}.section-body{flex:1;min-height:0;overflow:auto}*,:before,:after{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"kern" 1, "liga" 1;font-size:12.5px;font-weight:400}input,button,select{font-family:inherit;font-size:inherit;color:inherit}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f padding-box padding-box;border:2px solid #0000;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#fff3 padding-box padding-box;border:2px solid #0000}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.landmark-contents{display:contents}:focus-visible{outline:2px solid var(--accent-hover);outline-offset:2px;border-radius:3px}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.arrange-view{flex:1;display:flex;overflow:hidden}.panel-layout{flex-direction:column;flex:1;display:flex;overflow:hidden}.panel-layout-row{flex:1;display:flex;overflow:hidden}.panel-section{background:var(--bg-secondary);flex-direction:column;flex-shrink:1;min-width:0;max-width:100%;min-height:0;display:flex;overflow:hidden}.panel-left{border-right:var(--hairline) solid var(--border)}.panel-right{border-left:var(--hairline) solid var(--border)}.panel-bottom{border-top:var(--hairline) solid var(--border)}.panel-center{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.panel-header{height:var(--section-header-h);min-height:var(--section-header-h);background:var(--chrome-fill);box-shadow:var(--chrome-highlight);border-bottom:var(--hairline) solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 4px 0 8px;display:flex}.panel-tabs{scrollbar-width:none;align-items:center;gap:2px;display:flex;overflow-x:auto}.panel-tabs::-webkit-scrollbar{display:none}.panel-tab{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);white-space:nowrap;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex;position:relative}.panel-tab-icon{opacity:.85;transition:color var(--transition-fast), opacity var(--transition-fast);align-items:center;font-size:12px;display:inline-flex}.panel-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.panel-tab-active{color:var(--text-primary);background:var(--accent-dim)}.panel-tab-active .panel-tab-icon{color:var(--accent);opacity:1}.panel-header--bottom{background:linear-gradient(to bottom, color-mix(in srgb, var(--accent) 7%, var(--bg-tertiary)), var(--bg-secondary));border-bottom:1px solid var(--border);height:38px;min-height:38px;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--accent) 28%, transparent);gap:8px;padding:0 8px}.panel-header--bottom .panel-tabs{gap:2px;height:100%}.panel-header--bottom .panel-tab{letter-spacing:.2px;height:100%;color:var(--text-dim,var(--text-secondary));border-radius:0;gap:7px;padding:0 14px;font-size:11.5px}.panel-header--bottom .panel-tab .panel-tab-icon{font-size:13px}.panel-header--bottom .panel-tab:hover{background:color-mix(in srgb, var(--text-primary) 6%, transparent);color:var(--text-primary)}.panel-header--bottom .panel-tab-active,.panel-header--bottom .panel-tab-active:hover{color:var(--text-primary);background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--accent) 12%, transparent))}.panel-tab-underline{background:var(--accent);height:2px;box-shadow:0 0 8px color-mix(in srgb, var(--accent) 70%, transparent);animation:panel-tab-slide-in var(--transition-fast) ease-out;border-radius:2px 2px 0 0;position:absolute;bottom:0;left:10px;right:10px}@keyframes panel-tab-slide-in{0%{opacity:0;transform:scaleX(.4)}to{opacity:1;transform:scaleX(1)}}.panel-header-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.panel-icon-btn,.panel-close-btn{width:24px;min-width:24px;height:24px;min-height:24px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;line-height:1;display:flex}.panel-icon-btn:hover,.panel-close-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.panel-collapsed{background:linear-gradient(to bottom, var(--bg-tertiary), var(--bg-secondary));width:100%;height:100%;color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;display:flex}.panel-collapsed:hover{color:var(--text-primary);background:var(--bg-hover)}.panel-collapsed-chevron{font-size:11px;line-height:1}.panel-collapsed-label{letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:600}.panel-collapsed-left,.panel-collapsed-right{flex-direction:column;padding:8px 0}.panel-collapsed-left .panel-collapsed-label,.panel-collapsed-right .panel-collapsed-label{writing-mode:vertical-rl;transform:rotate(180deg)}.panel-bottom--collapsed{height:32px!important}.panel-dockrail{background:linear-gradient(to bottom, var(--bg-secondary), var(--bg-tertiary));border-top:1px solid color-mix(in srgb, var(--accent) 22%, var(--border));scrollbar-width:none;align-items:stretch;gap:2px;width:100%;height:100%;padding:0 6px;display:flex;overflow-x:auto}.panel-dockrail::-webkit-scrollbar{display:none}.panel-dockrail-grip{color:var(--text-dim,var(--text-secondary));opacity:.7;align-items:center;padding:0 6px;font-size:10px;display:flex}.panel-dockrail-tab{color:var(--text-secondary);white-space:nowrap;cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;padding:0 12px;font-size:11px;font-weight:500;display:inline-flex}.panel-dockrail-tab .panel-tab-icon{opacity:.8;font-size:12px}.panel-dockrail-tab:hover{color:var(--text-primary);background:color-mix(in srgb, var(--text-primary) 7%, transparent)}.panel-dockrail-tab.is-active{color:var(--text-primary)}.panel-dockrail-tab.is-active .panel-tab-icon{color:var(--accent);opacity:1}.panel-body{flex:1;min-height:0;overflow:auto}.panel-error{text-align:center;min-height:120px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.panel-error-title{color:var(--text-primary);margin:0;font-size:13px;font-weight:600}.panel-error-msg{font-size:11px;font-family:var(--font-mono,monospace);opacity:.75;word-break:break-word;max-width:280px;margin:0}.panel-error-retry{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:4px;margin-top:4px;padding:4px 12px;font-size:11px}.panel-error-retry:hover{border-color:var(--accent);color:var(--accent)}.resize-divider{transition:background var(--transition-fast);z-index:5;background:0 0;flex-shrink:0}.resize-divider:hover,.resize-divider:active{background:var(--accent)}.resize-divider-horizontal{cursor:col-resize;width:4px}.resize-divider-vertical{cursor:row-resize;height:4px}.status-bar{text-align:center;transition:opacity var(--transition);flex-shrink:0;padding:6px 16px;font-size:12px}.error-bar{color:#fca5a5;background:#7f1d1d}.warn-bar{color:#fcd34d;cursor:pointer;background:#78350f}.header{background:var(--chrome-fill);border-bottom:var(--hairline) solid var(--border);height:40px;min-height:40px;max-height:40px;box-shadow:var(--chrome-highlight), 0 1px 0 #00000059;-webkit-app-region:drag;flex-shrink:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:8px;min-width:0;padding:0 12px;display:grid;overflow:hidden;container:header/inline-size}.header button,.header input,.header select,.header a{-webkit-app-region:no-drag;min-height:24px}.header-left,.header-right{align-items:center;gap:8px;min-width:0;max-width:100%;display:flex;overflow:hidden}.header-left{justify-content:flex-start}.header-right{justify-content:flex-end;justify-self:stretch}.logo{align-items:center;gap:6px;display:flex}.logo-icon{color:var(--accent);filter:drop-shadow(0 0 4px #5e5e6a66);font-size:16px}.logo-text{font-family:var(--font-sans);letter-spacing:.14em;color:var(--text-primary);font-size:12px;font-weight:700}.header-divider{background:var(--border);width:1px;height:20px}.project-name{color:var(--text-primary);transition:color var(--transition);font-weight:500}.project-name:hover{color:var(--text-dim)}.project-meta{color:var(--text-secondary);font-size:11px;font-family:var(--font-mono)}.header-center{z-index:1;background:var(--chrome-fill);flex-shrink:0;justify-self:center;align-items:center;padding:0 4px;display:flex}.view-switcher{background:var(--bg-primary);border-radius:var(--radius);box-shadow:var(--shadow-inset);gap:2px;padding:2px;display:flex}.view-btn{border-radius:var(--radius-sm);min-height:24px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);background:0 0;border:none;align-items:center;gap:4px;padding:4px 12px;font-size:12px;display:flex}.view-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.view-btn.active{background:var(--accent);color:#fff;box-shadow:0 1px 4px #5e5e6a4d}.view-switcher-sep{background:var(--border);align-self:stretch;width:1px;margin:2px 3px}.view-btn.split-toggle{padding:4px 9px}.view-btn.split-toggle.active{background:var(--accent-dim);color:var(--accent);box-shadow:none}.view-pane{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.split-divider{background:var(--border);z-index:5;flex:none;transition:background .12s;position:relative}.split-divider.horizontal{cursor:col-resize;width:5px}.split-divider.vertical{cursor:row-resize;height:5px}.split-divider:hover{background:var(--accent)}.session-launcher{background:radial-gradient(1200px 500px at 20% -10%, #5e5e6a14, transparent 60%), var(--bg-primary);flex-direction:column;flex:1;min-height:0;display:flex}.session-launcher-toolbar{background:linear-gradient(to bottom, var(--bg-tertiary), var(--bg-secondary));border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.session-toolbar-left,.session-toolbar-right{align-items:center;gap:12px;display:flex}.session-title{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.session-title svg{color:var(--accent-hover)}.session-back-btn{color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);align-items:center;gap:7px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.session-back-btn:hover{background:var(--bg-hover);border-color:var(--accent-hover);transform:translate(-1px)}.session-tempo{font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:4px 10px;font-size:12px;font-weight:600}.session-quantize{text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);align-items:center;gap:7px;font-size:11px;display:inline-flex}.session-quantize select{color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;padding:5px 8px;font-size:12px;font-weight:500}.session-quantize select:hover{border-color:var(--accent-hover)}.session-stop-all{color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:7px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.session-stop-all svg{font-size:9px}.session-stop-all.active{color:#fff;background:linear-gradient(to bottom, var(--record-color), #c0392b);border-color:var(--record-color);box-shadow:0 0 12px #ef444459}.session-stop-all:hover{border-color:var(--accent-hover)}.session-grid-scroll{flex:1;padding:14px;overflow:auto}.session-grid{align-content:start;gap:8px;min-width:min-content;display:grid}.session-track-header{z-index:3;background:linear-gradient(to bottom, var(--bg-tertiary), var(--bg-secondary));border:1px solid var(--border);border-radius:var(--radius);height:40px;box-shadow:var(--shadow);align-items:center;gap:8px;padding:8px 12px;display:flex;position:sticky;top:0}.session-track-header.playing{border-color:color-mix(in srgb, var(--track-color,var(--accent-hover)) 60%, var(--border));box-shadow:0 0 0 1px color-mix(in srgb, var(--track-color,var(--accent)) 40%, transparent)}.track-color-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;box-shadow:0 0 6px}.session-track-header .track-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;font-weight:600;overflow:hidden}.session-master-header{background:linear-gradient(to bottom, #262c3a, var(--bg-surface));justify-content:center}.session-master-header .master-icon{color:var(--accent-hover);font-size:11px}.session-master-header .track-name{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);flex:0;font-size:11px}.session-slot-cell{display:flex}.session-slot{text-align:left;border:1px solid var(--border-subtle);border-radius:var(--radius);width:100%;height:58px;color:var(--text-primary);cursor:pointer;transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);align-items:center;gap:9px;padding:0 12px;font-size:12px;display:flex;position:relative;overflow:hidden}.session-slot:hover{transform:translateY(-1px)}.session-slot:active{transform:translateY(0)}.session-slot.empty{background:repeating-linear-gradient(45deg, transparent, transparent 8px, #ffffff03 8px, #ffffff03 16px), var(--bg-track-alt);border-style:dashed;border-color:var(--border-subtle);justify-content:center;gap:0}.session-slot.empty .slot-icon{color:var(--text-dim);opacity:.35;transition:opacity var(--transition-fast), color var(--transition-fast);font-size:6px}.session-slot.empty:hover{border-color:var(--accent-hover);background:repeating-linear-gradient(45deg, transparent, transparent 8px, #ffffff05 8px, #ffffff05 16px), var(--bg-hover)}.session-slot.empty:hover .slot-icon{opacity:.8;color:var(--accent-hover)}.session-slot.drop-target{border-color:var(--meter-green);box-shadow:inset 0 0 0 1px var(--meter-green), 0 0 8px color-mix(in srgb, var(--meter-green) 40%, transparent);background:color-mix(in srgb, var(--meter-green) 14%, var(--bg-hover));border-style:dashed}.session-slot.drop-target .slot-icon{opacity:1;color:var(--meter-green)}.session-slot.filled{border-color:color-mix(in srgb, var(--clip-color,var(--accent)) 55%, transparent);box-shadow:inset 0 1px #ffffff14}.session-slot.filled .slot-icon{color:#fff;background:#00000047;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff2e}.session-slot.filled:hover{border-color:color-mix(in srgb, var(--clip-color,var(--accent-hover)) 90%, white 10%);box-shadow:inset 0 1px 0 #ffffff1f, 0 0 14px color-mix(in srgb, var(--clip-color,var(--accent)) 35%, transparent)}.slot-name{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #00000059;flex:1;font-weight:500;overflow:hidden}.session-slot.playing{border-color:color-mix(in srgb, var(--clip-color,var(--accent-hover)) 95%, white 20%);box-shadow:0 0 0 2px color-mix(in srgb, var(--clip-color,var(--accent)) 70%, transparent), 0 0 18px color-mix(in srgb, var(--clip-color,var(--accent)) 45%, transparent);animation:1.6s ease-in-out infinite session-slot-pulse}@keyframes session-slot-pulse{0%,to{box-shadow:0 0 0 2px color-mix(in srgb, var(--clip-color,var(--accent)) 70%, transparent), 0 0 12px color-mix(in srgb, var(--clip-color,var(--accent)) 30%, transparent)}50%{box-shadow:0 0 0 2px color-mix(in srgb, var(--clip-color,var(--accent)) 90%, transparent), 0 0 22px color-mix(in srgb, var(--clip-color,var(--accent)) 55%, transparent)}}.slot-eq{align-items:flex-end;gap:2px;width:14px;height:12px;display:inline-flex}.slot-eq i{background:#fff;border-radius:1px;flex:1;animation:.9s ease-in-out infinite session-eq}.slot-eq i:first-child{animation-delay:0s}.slot-eq i:nth-child(2){animation-delay:.25s}.slot-eq i:nth-child(3){animation-delay:.5s}@keyframes session-eq{0%,to{height:30%}50%{height:100%}}.session-scene-cell{background:linear-gradient(to right, var(--bg-secondary), var(--bg-surface));border:1px solid var(--border-subtle);border-radius:var(--radius);align-items:center;gap:6px;height:58px;padding:0 8px;display:flex}.session-scene-name{min-width:0;color:var(--text-primary);border-radius:var(--radius-sm);transition:background var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #0000;flex:1;padding:5px 7px;font-size:12px;font-weight:500}.session-scene-name:hover{background:var(--bg-primary)}.session-scene-name:focus{background:var(--bg-primary);border-color:var(--accent-hover);outline:none}.session-launch-scene,.session-stop-btn{border:1px solid var(--border-light);background:var(--bg-tertiary);width:26px;height:26px;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;font-size:10px;display:inline-flex}.session-launch-scene:hover{color:var(--meter-green);border-color:var(--meter-green);box-shadow:0 0 8px #22c55e4d}.session-stop-btn{width:22px;height:22px;font-size:8px}.session-stop-btn:hover{color:var(--record-color);border-color:var(--record-color)}.session-track-header .session-stop-btn{background:0 0}.session-seg{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius);box-shadow:var(--shadow-inset);gap:2px;padding:2px;display:inline-flex}.session-seg-btn{letter-spacing:.03em;text-transform:uppercase;color:var(--text-dim);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;padding:4px 9px;font-size:10px;font-weight:600}.session-seg-btn:hover{color:var(--text-primary)}.session-seg-btn.active{color:#fff;background:linear-gradient(to bottom, var(--accent), var(--accent-hover));box-shadow:0 1px 3px #00000059}.slot-bars{letter-spacing:.02em;color:#ffffffb8;text-shadow:0 1px 2px #00000080;pointer-events:none;font-size:9px;font-weight:600;position:absolute;bottom:4px;left:12px}.slot-follow{color:#ffffff80;cursor:pointer;min-width:16px;height:15px;transition:color var(--transition-fast), background var(--transition-fast);background:#00000047;border-radius:4px;justify-content:center;align-items:center;padding:0 3px;font-size:10px;font-weight:700;line-height:1;display:inline-flex;position:absolute;bottom:3px;right:4px}.slot-follow:hover{color:#fff;background:#00000073}.slot-follow.on{color:#fff;background:color-mix(in srgb, var(--accent) 70%, black);box-shadow:0 0 0 1px #ffffff26}.slot-rec{width:15px;height:15px;color:var(--text-dim);opacity:0;cursor:pointer;transition:opacity var(--transition-fast), color var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:7px;display:inline-flex;position:absolute;top:4px;right:5px}.session-slot.empty:hover .slot-rec{opacity:.7}.slot-rec:hover{color:var(--record-color);opacity:1}.session-slot.armed{border-color:color-mix(in srgb, var(--record-color) 70%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--record-color) 40%, transparent)}.session-slot.armed .slot-rec{opacity:1;color:var(--record-color)}.session-slot.armed .slot-icon{color:var(--record-color);opacity:.9}.session-slot.queued{border-color:color-mix(in srgb, var(--meter-yellow,#eab308) 80%, transparent);animation:.55s steps(2,jump-none) infinite session-slot-queued}.session-slot.queued .slot-queued-dot{color:var(--meter-yellow,#eab308);font-size:8px}@keyframes session-slot-queued{0%{box-shadow:0 0 0 2px color-mix(in srgb, var(--meter-yellow,#eab308) 70%, transparent)}to{box-shadow:0 0 0 2px color-mix(in srgb, var(--meter-yellow,#eab308) 15%, transparent)}}.session-trackstop-cell{margin-top:2px;display:flex}.session-trackstop{text-transform:uppercase;letter-spacing:.04em;width:100%;height:26px;color:var(--text-dim);background:var(--bg-track-alt);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:6px;font-size:9px;font-weight:600;display:inline-flex}.session-trackstop svg{font-size:8px}.session-trackstop:hover{color:var(--record-color);border-color:var(--record-color)}.session-trackstop.active{color:#fff;background:color-mix(in srgb, var(--record-color) 30%, var(--bg-tertiary));border-color:color-mix(in srgb, var(--record-color) 60%, transparent)}.session-stopall-cell .session-trackstop{background:linear-gradient(to bottom, var(--bg-tertiary), var(--bg-secondary));color:var(--text-secondary)}.pane-chrome{background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;height:26px;padding:0 6px;display:flex}.pane-view-picker{background:var(--bg-primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-inset);scrollbar-width:none;gap:1px;min-width:0;max-width:100%;padding:2px;display:flex;overflow:auto hidden}.pane-view-picker::-webkit-scrollbar{display:none}.pane-view-btn{width:26px;height:24px;min-height:24px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;font-size:11px;transition:color .12s,background .12s;display:flex}.pane-view-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.pane-view-btn.active{background:var(--accent);color:#fff}.pane-chrome-ctls{gap:2px;display:flex}.pane-ctl{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-tertiary);width:24px;min-width:24px;height:24px;min-height:24px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;font-size:10px;display:flex}.pane-ctl:hover{color:var(--text-primary);background:var(--bg-hover)}.pane-body{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.connection-status{color:var(--text-secondary);flex-shrink:0;align-items:center;gap:6px;font-size:12px;display:inline-flex}.status-dot{font-size:8px}.status-dot.connected{color:var(--meter-green);filter:drop-shadow(0 0 3px #22c55e80)}.status-dot.disconnected{color:var(--meter-red);animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes recordPulse{0%,to{opacity:1;box-shadow:0 0 4px #ef444480}50%{opacity:.5;box-shadow:0 0 8px #ef4444cc}}.inline-form{align-items:center;gap:6px;display:flex}.inline-form input{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);width:160px;transition:border-color var(--transition);padding:4px 8px}.inline-form input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim);outline:none}.btn-sm{border:var(--hairline) solid var(--border);border-radius:var(--radius-sm);background:var(--chrome-fill-raised);box-shadow:var(--chrome-highlight);color:var(--text-secondary);cursor:pointer;letter-spacing:-.01em;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);padding:3px 9px;font-size:11px;font-weight:500}.btn-sm:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-light)}.btn-sm:active{background:#ffffff0a}.btn-sm.btn-accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn-sm.btn-accent:hover{background:var(--accent-hover)}.btn-icon{border-radius:var(--radius-sm);width:26px;min-width:26px;height:26px;min-height:26px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.btn-icon:hover{background:var(--bg-tertiary);color:var(--accent)}.transport{background:var(--chrome-fill);border-top:var(--hairline) solid var(--border);height:44px;min-height:44px;max-height:44px;box-shadow:var(--chrome-highlight), 0 -8px 24px #00000040;z-index:80;flex-shrink:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:8px;padding:0 10px;display:grid;position:relative;overflow:visible;container:transport/inline-size}.transport-zone{align-items:center;gap:6px;min-width:0;max-width:100%;display:flex;overflow:hidden}.transport-zone-left{justify-content:flex-start;justify-self:stretch}.transport-zone-center{z-index:2;background:var(--chrome-fill);flex-shrink:0;justify-content:center;gap:8px;padding:0 4px}.transport-zone-right{justify-content:flex-end;justify-self:stretch;overflow:visible}.transport-tempo{align-items:stretch;gap:2px;display:flex}.bpm-nudge{flex-direction:column;justify-content:center;gap:1px;display:flex}.bpm-nudge button{width:16px;height:11px;color:var(--text-dim);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:3px;justify-content:center;align-items:center;padding:0;transition:all .12s;display:flex}.bpm-nudge button:hover{color:var(--text-primary);background:#ffffff14}.transport-loop-readout{box-sizing:border-box;min-width:72px;height:24px;color:var(--text-dim);cursor:pointer;font-family:"JetBrains Mono", var(--font-mono);background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:0 8px;font-size:11px;font-weight:600;transition:background .12s,color .12s,border-color .12s;display:flex}.transport-loop-readout:hover{color:var(--text-secondary);background:#ffffff12}.transport-loop-readout.active{color:#22c55e;background:#22c55e14;border-color:#22c55e59}.transport-loop-readout svg{flex-shrink:0;width:14px;height:14px}.loop-readout-range{letter-spacing:.5px;text-align:center;min-width:56px}.transport--recording{background:linear-gradient(#1e1520 0%,#0f1219 100%);border-top:2px solid #ef444480}.transport-btn.record-btn.recording{animation:1s ease-in-out infinite recordBtnPulse}@keyframes recordBtnPulse{0%,to{box-shadow:0 0 8px #ef44444d}50%{box-shadow:0 0 20px #ef444499}}.transport:before{content:"";background:linear-gradient(90deg,#0000 0%,#788cff26 50%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}.transport-controls{align-items:center;gap:4px;display:flex}.transport-btn-group{background:0 0;align-items:center;gap:4px;padding:0;display:flex}.transport-btn-group-gap{justify-content:center;align-items:center;width:6px;height:22px;display:flex;position:relative}.transport-btn-group-gap:after{content:"";background:linear-gradient(#0000 0%,#ffffff1a 50%,#0000 100%);width:1px;height:20px}.transport-divider{background:linear-gradient(#0000 0%,#ffffff14 50%,#0000 100%);flex-shrink:0;width:1px;height:22px;margin:0 3px}.transport-btn{box-sizing:border-box;border:var(--hairline) solid var(--border);border-radius:var(--radius-sm);width:28px;min-width:28px;height:28px;min-height:28px;box-shadow:var(--chrome-highlight);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:#ffffff0a;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex;position:relative}.transport-btn:hover{color:var(--text-primary);background:#ffffff17;border-color:#ffffff24}.transport-btn:active{background:#ffffff0f}.transport-btn.rewind-btn:hover{color:#e0e0e0;box-shadow:inset 0 1px #ffffff0f,0 0 8px #ffffff14}.transport-btn.play-btn.active{color:#22c55e;background:#22c55e2e;border-color:#22c55e73;box-shadow:0 0 10px #22c55e2e}.transport-btn.play-btn:hover{color:#22c55e;border-color:#22c55e4d}.transport-btn.stop-btn.stopped{color:var(--text-dim)}.transport-btn.stop-btn:hover{color:#e0e0e0}.transport-btn.record-btn:hover{color:#ef4444;border-color:#ef44444d}.transport-btn.record-btn.active{color:#ef4444;background:#ef44442e;border-color:#ef444473;animation:1.5s ease-in-out infinite recordPulse;box-shadow:0 0 10px #ef444438}.transport-btn.loop-btn:hover{color:#06b6d4;border-color:#06b6d44d}.transport-btn.loop-btn.active{color:#06b6d4;background:#06b6d429;border-color:#06b6d473;box-shadow:0 0 10px #06b6d42e}.record-indicator{background:#ef4444;border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite recordDotPulse;position:absolute;top:3px;right:3px;box-shadow:0 0 8px #ef4444e6,0 0 16px #ef444480}@keyframes recordDotPulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 8px #ef4444e6,0 0 16px #ef444480}50%{opacity:.4;transform:scale(.75);box-shadow:0 0 4px #ef444480}}.transport-position{align-items:center;display:flex}.position-display-group{border-radius:var(--radius-sm);border:var(--hairline) solid var(--border);background:#00000059;flex-direction:row;align-items:baseline;gap:8px;padding:2px 10px;display:flex;box-shadow:inset 0 1px 3px #00000073}.position-display{box-sizing:border-box;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-primary);letter-spacing:.04em;text-align:center;cursor:text;width:108px;min-width:108px;max-width:108px;font-size:15px;font-weight:500;line-height:1.1;overflow:hidden}.position-input{font-family:var(--font-mono);font-variant-numeric:tabular-nums;background:var(--bg-primary);border:var(--hairline) solid var(--accent);color:var(--text-primary);text-align:center;border-radius:var(--radius-sm);letter-spacing:.04em;outline:none;width:108px;padding:1px 4px;font-size:15px;font-weight:500;line-height:1.1}.position-display-secondary{font-family:"JetBrains Mono", var(--font-mono);color:var(--text-dim);letter-spacing:.5px;opacity:.6;font-size:10px}.transport-bpm{cursor:pointer;background:#ffffff05;border-radius:6px;flex-direction:row;align-items:baseline;gap:4px;padding:3px 8px;transition:background .15s;display:flex}.transport-bpm:hover{background:#ffffff0d}.bpm-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.2}.bpm-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:1.5px;opacity:.6;font-size:9px;font-weight:500}.bpm-input{font-family:"JetBrains Mono", var(--font-mono);border:1px solid var(--accent);width:56px;color:var(--text-primary);text-align:center;background:#0a0d14;border-radius:6px;outline:none;padding:2px 6px;font-size:15px;font-weight:600}.transport-timesig{cursor:pointer;background:#ffffff05;border-radius:6px;align-items:center;padding:3px 8px;transition:background .15s;display:flex;position:relative}.transport-timesig:hover{background:#ffffff0d}.timesig-value{font-family:"JetBrains Mono", var(--font-mono);color:var(--text-secondary);font-size:14px;font-weight:600;transition:color .15s}.transport-timesig:hover .timesig-value{color:var(--text-primary)}.timesig-menu{z-index:50;background:#1a1e2e;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:2px;min-width:140px;margin-bottom:4px;padding:4px;display:grid;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 -4px 20px #00000080}.timesig-option{color:var(--text-secondary);cursor:pointer;font-family:"JetBrains Mono", var(--font-mono);text-align:center;background:0 0;border:1px solid #0000;border-radius:6px;padding:5px 8px;font-size:12px;font-weight:500;transition:all .1s}.timesig-option:hover{color:var(--text-primary);background:#ffffff0f}.timesig-option.active{background:var(--accent-dim);border-color:var(--accent);color:var(--text-dim)}.transport-master-meter{align-items:center;gap:4px;display:flex}.transport-master-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;opacity:.6;font-size:8px;font-weight:600}.transport-aux{align-items:center;gap:4px;display:flex}.transport-btn-aux{box-sizing:border-box;border:var(--hairline) solid var(--border);border-radius:var(--radius-sm);min-width:24px;height:24px;min-height:24px;color:var(--text-dim);cursor:pointer;font-size:10px;font-family:var(--font-mono);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:#ffffff08;flex-shrink:0;justify-content:center;align-items:center;padding:0 5px;font-weight:500;display:flex}.transport-btn-aux:hover{color:var(--text-secondary);background:#ffffff0f}.transport-btn-aux.active{color:var(--accent);background:#5e5e6a1a;border-color:#5e5e6a4d}.transport-btn-aux.transport-btn-icon{width:24px;min-width:24px;padding:0}.transport-btn-aux.transport-btn-icon.active[data-testid=session-record],.transport-btn-aux.transport-btn-icon.active[data-testid=arrangement-record],.transport-btn-aux.transport-btn-icon.active[data-testid=capture-midi]{color:var(--meter-red);border-color:color-mix(in srgb, var(--meter-red) 45%, transparent);background:color-mix(in srgb, var(--meter-red) 14%, transparent)}.transport-btn-aux.transport-panic{color:color-mix(in srgb, var(--meter-red) 70%, var(--text-dim))}.transport-btn-aux.transport-panic:hover{color:var(--meter-red);background:color-mix(in srgb, var(--meter-red) 12%, transparent)}.transport-subdivider{background:var(--border-subtle);align-self:center;width:1px;height:15px;margin:0 3px}.transport-speed{align-items:center;gap:6px;min-width:124px;display:flex}.transport-speed .transport-btn-aux{min-width:52px}.transport-speed input[type=range]{width:64px;accent-color:var(--accent)}.transport-recmode-menu{z-index:100;background:#1a1e2e;border:1px solid #ffffff1a;border-radius:6px;margin-bottom:4px;padding:2px;position:absolute;bottom:100%;left:0;box-shadow:0 -4px 16px #00000080}.transport-recmode-option{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:4px;padding:5px 12px;font-size:11px;transition:all .1s;display:block}.transport-recmode-option:hover{color:var(--text-primary);background:#ffffff0f}.transport-recmode-option.active{background:var(--accent);color:#fff}.transport-cpu{border-radius:6px;align-items:baseline;gap:3px;padding:4px 6px;display:flex}.cpu-value{font-family:"JetBrains Mono", var(--font-mono);color:var(--meter-green);font-size:11px;font-weight:600}.cpu-value.cpu-medium{color:var(--meter-yellow)}.cpu-value.cpu-high{color:var(--meter-red)}.cpu-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;opacity:.6;font-size:8px;font-weight:500}.toolbar{background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);scrollbar-width:none;flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:4px;min-width:0;max-width:100%;height:32px;padding:0 12px;display:flex;overflow:auto hidden}.toolbar::-webkit-scrollbar{display:none}@media (width<=1320px){.toolbar [data-testid=time-toolbar],.toolbar [data-testid=selection-toolbar],.toolbar .toolbar-selection-info,.toolbar .toolbar-spectral-info,.toolbar [data-testid=automation-reenable]{display:none}}.toolbar-group{flex:none;align-items:center;gap:4px;display:flex}.toolbar-divider{background:var(--border);width:1px;height:18px;margin:0 4px}.toolbar-btn{box-sizing:border-box;border-radius:var(--radius-sm);min-width:24px;height:24px;min-height:24px;color:var(--text-dim);cursor:pointer;white-space:nowrap;transition:all var(--transition);background:0 0;border:1px solid #0000;flex:none;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:500;display:flex}.toolbar-btn:hover{color:var(--text-primary);background:var(--bg-hover);border-color:var(--border)}.toolbar-btn.active{color:var(--text-primary);background:var(--accent-dim);border-color:var(--accent)}.toolbar-btn-icon{justify-content:center;width:28px;min-width:28px;height:24px;min-height:24px;padding:0}.toolbar-icon-group{gap:2px}.toolbar-subdivider{background:var(--border-subtle);width:1px;height:14px;margin:0 3px}.toolbar-btn.loop-active{color:var(--meter-green);background:#22c55e1a;border-color:#22c55e66}.toolbar-btn.record-armed{color:var(--record-color);background:#ef44441a;border-color:#ef444466;animation:1.5s ease-in-out infinite recordPulse}.toolbar-grid-selector{background:var(--bg-primary);border-radius:var(--radius-sm);gap:2px;padding:1px;display:flex}.toolbar-grid-btn{color:var(--text-dim);cursor:pointer;font-family:var(--font-mono);transition:all var(--transition-fast);background:0 0;border:none;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:500}.toolbar-grid-btn:hover{color:var(--text-primary)}.toolbar-grid-btn.active{background:var(--accent);color:#fff}.toolbar-info{color:var(--text-dim);align-items:center;gap:4px;font-size:11px;display:flex}.toolbar-info-label{text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:600}.toolbar-info-value{font-family:var(--font-mono);color:var(--text-secondary);font-size:10px}.toolbar-selection-info{color:var(--clip-color)}.toolbar-spectral-info{color:var(--meter-yellow)}.toolbar-time-info{gap:6px}.toolbar-time-bars{min-width:72px}.toolbar-time-clock{color:var(--text-dim)}.toolbar-selection-fields{align-items:center;gap:8px;display:flex}.toolbar-selection-field{align-items:center;gap:4px;display:flex}.toolbar-selection-value,.toolbar-selection-input{font-family:var(--font-mono);border:1px solid var(--border-subtle);background:var(--bg-tertiary);min-width:52px;min-height:24px;color:var(--text-secondary);border-radius:3px;padding:2px 4px;font-size:10px}.toolbar-selection-value{cursor:pointer;text-align:right}.toolbar-selection-value:hover{border-color:var(--accent);color:var(--text-primary)}.history-dialog-hint{color:var(--text-dim);margin:0 0 12px;font-size:12px}.history-list{max-height:320px;margin:0;padding:0;list-style:none;overflow-y:auto}.history-item{border-radius:var(--radius);width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.history-item:hover:not(:disabled){background:var(--bg-hover)}.history-item:disabled{opacity:.5;cursor:default}.history-item-current{background:var(--accent-dim);cursor:default;font-weight:600}.history-item-label{font-family:var(--font-mono);min-width:28px;color:var(--text-dim);font-size:11px}.history-empty{color:var(--text-dim);padding:12px;font-size:12px}.tempo-lane{border-top:1px solid var(--border-subtle);background:var(--bg-secondary)}.tempo-lane-header{color:var(--text-dim);font-size:10px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;justify-content:space-between;align-items:center;padding:2px 8px;display:flex}.tempo-lane-body{background:#6366f10f}.tempo-event-marker{font-size:9px;font-family:var(--font-mono);color:var(--accent);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:3px;padding:2px 4px;position:absolute;top:2px;transform:translate(-50%)}.toolbar-spectral-fields{align-items:center;gap:6px;display:flex}.app:fullscreen{background:var(--bg-primary)}.track-list{background:var(--bg-secondary);flex-direction:column;flex:1;width:100%;display:flex;overflow:hidden}.track-list-header{border-bottom:1px solid var(--border);background:var(--bg-secondary);justify-content:space-between;align-items:center;height:32px;min-height:32px;padding:0 12px;display:flex}.track-list-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-size:11px;font-weight:600}.device-browser{min-height:0}.device-browser-tabs{border-bottom:1px solid var(--border);background:var(--bg-tertiary);gap:2px;padding:4px 6px;display:flex}.device-browser-tab{text-transform:uppercase;letter-spacing:.3px;color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;flex:1;padding:4px 6px;font-size:9px;font-weight:600}.device-browser-tab-active{background:var(--bg-primary);border-color:var(--border);color:var(--text-primary)}.device-browser-count{color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--border-subtle);padding:4px 10px;font-size:9px;font-weight:600}.device-browser-recording{color:var(--meter-red);text-transform:none;letter-spacing:0}.device-browser-grid{flex-direction:column;flex:1;gap:8px;padding:6px;display:flex;overflow:auto}.device-browser-empty{text-align:center;color:var(--text-dim);padding:24px 12px;font-size:11px}.device-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.device-card-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-dim)}.device-card-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-tertiary);align-items:center;gap:6px;padding:6px 8px;display:flex}.device-card-icon{flex-shrink:0;align-items:center;display:flex}.device-card-name{min-width:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;font-weight:600;overflow:hidden}.device-card-badge{font-size:8px;font-weight:700;font-family:var(--font-mono);letter-spacing:.3px;border-radius:3px;flex-shrink:0;padding:1px 5px}.device-card-preview{background:var(--bg-secondary);justify-content:center;align-items:center;height:48px;padding:4px 8px;display:flex;position:relative}.device-card-live-label{color:var(--meter-red);font-size:8px;font-weight:700;font-family:var(--font-mono);animation:1s ease-in-out infinite device-live-pulse;position:absolute;top:4px;right:6px}@keyframes device-live-pulse{0%,to{opacity:1}50%{opacity:.45}}.device-preview-channels{justify-content:center;align-items:flex-end;gap:3px;width:100%;height:36px;display:flex}.device-preview-channel{background:#ffffff0a;border-radius:2px;flex:1;align-items:flex-end;max-width:12px;height:100%;display:flex;overflow:hidden}.device-preview-channel-fill{border-radius:2px 2px 0 0;width:100%;transition:height 80ms linear}.device-preview-waveform{width:100%;height:36px;display:block}.device-preview-midi{align-items:flex-end;gap:1px;height:32px;display:flex}.device-preview-midi-key.white{background:var(--text-secondary);opacity:.35;border-radius:0 0 2px 2px;width:8px;height:28px}.device-preview-midi-key.black{background:var(--text-primary);opacity:.5;border-radius:0 0 2px 2px;width:8px;height:18px}.device-preview-plugin{border:1px dashed;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:36px;padding:4px;display:flex}.device-preview-plugin-format{font-size:9px;font-weight:700;font-family:var(--font-mono);border-radius:3px;padding:1px 6px}.device-preview-plugin-name{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;overflow:hidden}.device-card-meta{font-size:9px;font-family:var(--font-mono);color:var(--text-dim);border-top:1px solid var(--border-subtle);gap:10px;padding:4px 8px;display:flex}.device-card-action{background:var(--bg-tertiary);border:none;border-top:1px solid var(--border-subtle);width:100%;color:var(--text-secondary);cursor:pointer;padding:6px 8px;font-size:10px;font-weight:600}.device-card-action:hover{background:var(--bg-hover);color:var(--text-primary)}.track-list-items{scrollbar-width:none;flex:1;overflow:hidden auto}.track-list-items::-webkit-scrollbar{display:none}.add-track-form{border-bottom:1px solid var(--border);background:var(--bg-tertiary);flex-direction:column;gap:8px;padding:10px 12px;display:flex}.add-track-form input{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);width:100%;transition:border-color var(--transition);padding:6px 8px}.add-track-form input:focus{border-color:var(--accent);outline:none}.add-track-type{gap:4px;display:flex}.type-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);flex:1;padding:4px;font-size:11px}.type-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--text-dim)}.add-track-actions{justify-content:flex-end;gap:6px;display:flex}.empty-state{color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.empty-hint{margin-top:4px;font-size:11px}.track-header{border-bottom:1px solid var(--border-subtle);cursor:pointer;height:96px;min-height:96px;max-height:96px;transition:all var(--transition);display:flex;position:relative;overflow:hidden}.track-header:hover{background:var(--bg-hover)}.track-header.selected{background:var(--selected);box-shadow:var(--selected-glow);z-index:1}.track-header.muted{opacity:.5}.track-header.muted:hover{opacity:.75}.track-color-strip{width:4px;transition:width var(--transition);flex-shrink:0}.track-color-strip:hover{width:8px}.track-header-content{flex-direction:row;flex:1;align-items:stretch;gap:7px;min-width:0;padding:6px 8px 6px 9px;display:flex;overflow:hidden}.th-main{flex-direction:column;flex:1;justify-content:center;gap:5px;min-width:0;display:flex}.tier-standard .th-main,.tier-expanded .th-main{justify-content:flex-start}.th-meter{background:color-mix(in srgb, var(--bg-primary) 60%, transparent);border-radius:3px;flex-shrink:0;align-items:center;padding:1px;display:flex}.th-identity{align-items:center;gap:5px;min-width:0;display:flex}.th-chevron{width:15px;height:15px;color:var(--text-dim);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.th-chevron:hover{color:var(--text-primary);background:var(--bg-hover)}.th-index{font-family:var(--font-mono);color:var(--text-dim);text-align:center;flex-shrink:0;min-width:12px;font-size:9px}.th-icon{color:var(--text-dim);flex-shrink:0;align-items:center;display:flex}.th-more-trigger{width:20px;height:18px;color:var(--text-dim);cursor:pointer;opacity:0;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.track-header:hover .th-more-trigger{opacity:1}.th-more-trigger:hover,.th-more-trigger.active{opacity:1;color:var(--text-primary);background:var(--bg-hover);border-color:var(--border)}.th-transport{align-items:center;gap:5px;display:flex}.th-seg{border:1px solid var(--border);background:var(--bg-primary);border-radius:5px;display:inline-flex;overflow:hidden}.th-seg .th-toggle{border:none;border-right:1px solid var(--border);border-radius:0}.th-seg .th-toggle:last-child{border-right:none}.th-toggle{border:1px solid var(--border);background:var(--bg-primary);min-width:20px;height:18px;color:var(--text-dim);cursor:pointer;font-size:10px;font-weight:700;font-family:var(--font-mono);transition:all var(--transition-fast);border-radius:5px;justify-content:center;align-items:center;padding:0 5px;display:flex}.th-toggle:hover{color:var(--text-primary);background:var(--bg-hover)}.th-toggle.rec{color:var(--text-dim)}.th-toggle.rec.active{background:var(--record-color);color:#fff;animation:1.5s ease-in-out infinite recordPulse}.th-toggle.mute.active{background:var(--mute-color);color:#fff;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--mute-color) 60%, #fff)}.th-toggle.solo.active{background:var(--solo-color);color:var(--bg-primary)}.th-toggle.auto.active{color:#fff;background:#06b6d4}.th-inline-db{font-family:var(--font-mono);color:var(--text-secondary);margin-left:auto;font-size:9px}.th-slider-row{align-items:center;gap:6px;display:flex}.th-slider-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px;flex-shrink:0;width:20px;font-size:8.5px;font-weight:700}.th-slider-value{font-family:var(--font-mono);color:var(--text-secondary);text-align:right;flex-shrink:0;width:34px;font-size:9px}.th-slider-row .slider-root{height:16px}.th-slider-row .slider-track{height:5px}.th-slider-row .slider-thumb{width:13px;height:13px}.th-sends{flex-wrap:wrap;gap:3px;display:flex}.th-send-chip{color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border);white-space:nowrap;border-radius:3px;padding:1px 5px;font-size:8.5px}.th-send-chip b{color:var(--text-dim);font-family:var(--font-mono);font-weight:600}.th-mini-row{flex:1;align-items:center;gap:6px;min-width:0;padding:0 8px;display:flex}.th-mini-name{flex:1;font-size:11px}.track-fx-badge{align-items:center;gap:3px;display:inline-flex}.th-popover{z-index:2000;background:var(--bg-secondary);border:1px solid var(--border-light);box-shadow:var(--shadow-lg), 0 0 0 1px #0006;border-radius:9px;flex-direction:column;gap:9px;padding:11px;animation:.11s ease-out thPopIn;display:flex}@keyframes thPopIn{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.th-pop-title{color:var(--text-primary);border-bottom:1px solid var(--border-subtle);align-items:center;gap:7px;padding-bottom:8px;font-size:12px;font-weight:600;display:flex}.th-pop-dot{border-radius:3px;flex-shrink:0;width:9px;height:9px}.th-pop-section{flex-direction:column;gap:5px;display:flex}.th-pop-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);justify-content:space-between;font-size:9px;font-weight:700;display:flex}.th-pop-label em{font-style:normal;font-family:var(--font-mono);color:var(--text-secondary)}.th-swatches{flex-wrap:wrap;gap:5px;display:flex}.th-pop-select{width:100%;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border);cursor:pointer;border-radius:5px;outline:none;padding:5px 7px;font-size:11px}.th-pop-select:hover{border-color:var(--border-light)}.th-pop-sends{flex-direction:column;gap:3px;display:flex}.th-pop-send-row{color:var(--text-secondary);background:var(--bg-primary);border-radius:4px;justify-content:space-between;padding:3px 6px;font-size:11px;display:flex}.th-pop-send-gain{font-family:var(--font-mono);color:var(--text-dim)}.th-pop-delete{color:var(--meter-red);border:1px solid color-mix(in srgb, var(--meter-red) 40%, transparent);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:6px;margin-top:2px;padding:7px;font-size:11px;font-weight:500;display:flex}.th-pop-delete:hover{background:#ef444426}.track-header-top{align-items:center;gap:6px;display:flex}.track-number{font-family:var(--font-mono);color:var(--text-dim);text-align:center;width:16px;font-size:10px}.track-type-icon{color:var(--text-dim)}.track-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;font-weight:500;overflow:hidden}.track-name-input{background:var(--bg-primary);border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;flex:1;padding:1px 4px;font-size:12px}.track-fx-badge{font-family:var(--font-mono);color:var(--text-dim);background:var(--accent-dim);border:1px solid #5e5e6a4d;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:600}.track-btn-delete{border-radius:var(--radius-sm);width:20px;height:20px;color:var(--text-dim);cursor:pointer;opacity:0;transition:all var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.track-header:hover .track-btn-delete{opacity:1}.track-btn-delete:hover{color:var(--meter-red);background:#ef444426}.track-header-controls{align-items:center;gap:4px;display:flex}.track-btn-toggle{border:1px solid var(--border);background:var(--bg-primary);width:22px;height:18px;color:var(--text-dim);cursor:pointer;font-size:10px;font-weight:700;font-family:var(--font-mono);transition:all var(--transition);border-radius:3px;justify-content:center;align-items:center;display:flex}.track-btn-toggle:hover{border-color:var(--border-light);color:var(--text-secondary)}.track-btn-toggle.mute-btn.active{background:var(--mute-color);border-color:var(--mute-color);color:#fff;box-shadow:0 0 4px #ef44444d}.track-btn-toggle.solo-btn.active{background:var(--solo-color);border-color:var(--solo-color);color:var(--bg-primary);box-shadow:0 0 4px #eab3084d}.track-btn-toggle.record-arm-btn{color:var(--text-dim)}.track-btn-toggle.record-arm-btn.active{background:var(--record-color);border-color:var(--record-color);color:#fff;animation:1.5s ease-in-out infinite recordPulse}.track-btn-toggle.auto-btn.active{color:#fff;background:#06b6d4;border-color:#06b6d4;box-shadow:0 0 4px #06b6d44d}.track-input-selector{position:relative}.track-input-btn{border:1px solid var(--border);background:var(--bg-primary);color:var(--text-dim);cursor:pointer;font-size:9px;font-family:var(--font-mono);transition:all var(--transition);border-radius:3px;padding:1px 4px}.track-input-btn:hover{border-color:var(--border-light);color:var(--text-secondary)}.track-input-menu{z-index:50;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:100px;padding:4px;position:absolute;top:100%;left:0}.track-input-option{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;transition:all var(--transition-fast);background:0 0;border:none;border-radius:3px;padding:4px 8px;font-size:11px;display:block}.track-input-option:hover{background:var(--bg-tertiary);color:var(--text-primary)}.track-color-picker{z-index:50;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);flex-wrap:wrap;gap:3px;width:90px;padding:6px;display:flex;position:absolute;top:0;left:8px}.color-swatch{cursor:pointer;width:16px;height:16px;transition:all var(--transition-fast);border:2px solid #0000;border-radius:3px}.color-swatch:hover{transform:scale(1.2)}.color-swatch.active{border-color:#fff;box-shadow:0 0 4px #ffffff4d}.track-sends{flex-wrap:wrap;gap:3px;margin-top:2px;display:flex}.track-send-item{background:var(--bg-primary);border:1px solid var(--border);border-radius:3px;align-items:center;gap:3px;padding:1px 4px;font-size:9px;display:flex}.track-send-name{color:var(--text-secondary);font-weight:500}.track-send-gain{color:var(--text-dim);font-family:var(--font-mono)}.track-send-add{margin-top:2px;position:relative}.track-send-add-btn{border:1px dashed var(--border);color:var(--text-dim);cursor:pointer;transition:all var(--transition);background:0 0;border-radius:3px;align-items:center;gap:3px;padding:1px 4px;font-size:9px;display:flex}.track-send-add-btn:hover{border-color:var(--accent);color:var(--text-dim)}.track-send-menu{z-index:50;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:100px;padding:4px;position:absolute;bottom:100%;left:0}.track-send-option{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;transition:all var(--transition-fast);background:0 0;border:none;border-radius:3px;padding:4px 8px;font-size:11px;display:block}.track-send-option:hover{background:var(--bg-tertiary);color:var(--text-primary)}.track-slider-group{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.track-slider-row{align-items:center;gap:6px;display:flex}.slider-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;width:22px;font-size:9px;font-weight:600}.slider-value{font-family:var(--font-mono);color:var(--text-secondary);text-align:right;width:36px;font-size:9px}.slider-root{-webkit-user-select:none;user-select:none;touch-action:none;flex:1;align-items:center;height:14px;display:flex;position:relative}.slider-track{background:var(--bg-primary);height:4px;box-shadow:var(--shadow-inset);border-radius:2px;flex-grow:1;position:relative}.slider-range{background:var(--accent);border-radius:2px;height:100%;position:absolute}.pan-range{background:var(--accent)}.slider-thumb{background:var(--text-primary);cursor:pointer;width:12px;height:12px;transition:all var(--transition-fast);border:2px solid var(--bg-secondary);border-radius:50%;display:block;box-shadow:0 1px 3px #0000004d}.slider-thumb:hover{background:var(--accent);transform:scale(1.15)}.slider-thumb:focus{box-shadow:0 0 0 3px var(--accent-dim);outline:none}.track-slider-row .slider-root{height:20px}.track-slider-row .slider-track{height:6px}.track-slider-row .slider-thumb{border-width:2px;width:16px;height:16px}.track-slider-row.pan .slider-track:after{content:"";background:var(--text-dim);opacity:.6;pointer-events:none;width:1px;position:absolute;top:-2px;bottom:-2px;left:50%;transform:translate(-50%)}.timeline{background:var(--bg-primary);flex:1;position:relative;overflow:auto}.timeline-ruler-controls-bar{z-index:11;background:var(--bg-secondary);border-bottom:1px solid var(--border);align-items:center;height:24px;padding:0 8px;display:flex;position:sticky;top:0}.timeline-ruler{z-index:10;background:linear-gradient(to bottom, var(--bg-tertiary), var(--bg-secondary));border-bottom:1px solid var(--border);height:32px;min-height:32px;position:sticky;top:0;box-shadow:0 2px 4px #0003}.ruler-controls{border:1px solid var(--border);background:var(--bg-secondary);border-radius:4px;flex-shrink:0;align-items:center;gap:2px;max-width:100%;height:24px;padding:1px;display:inline-flex;overflow:auto hidden}.ruler-controls::-webkit-scrollbar{display:none}.ruler-mode-btn{box-sizing:border-box;border:var(--hairline) solid transparent;border-radius:var(--radius-sm);width:42px;min-width:42px;max-width:42px;height:22px;min-height:22px;color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.04em;cursor:pointer;text-align:center;background:0 0;flex-shrink:0;padding:0;font-size:9px;font-weight:600;line-height:20px;overflow:hidden}.ruler-mode-btn:hover,.ruler-mode-btn.active{border-color:var(--border-light);color:var(--text-primary);background:#ffffff0f}.ruler-mode-btn.active{border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:var(--accent-dim);color:var(--accent-hover)}.ruler-mark{align-items:flex-end;height:100%;padding:0 4px 4px;display:flex;position:absolute;top:0}.ruler-mark-major{border-left:1px solid var(--text-dim)}.ruler-mark-minor{border-left:1px solid var(--border);opacity:.5}.ruler-bar-num{font-family:var(--font-mono);color:var(--text-secondary);font-size:10px;font-weight:500}.ruler-sig-label{font-family:var(--font-mono);color:var(--accent-hover);background:var(--accent-dim);white-space:nowrap;pointer-events:none;border-radius:2px;padding:0 3px;font-size:8px;font-weight:700;position:absolute;top:11px;left:3px}.ruler-loop-region{background:var(--loop-color);border-left:2px solid var(--loop-border);border-right:2px solid var(--loop-border);pointer-events:none;z-index:5;height:100%;position:absolute;top:0}.playhead-handle{z-index:20;pointer-events:auto;cursor:col-resize;width:11px;margin-left:0;position:absolute;top:0;transform:translate(-50%)}.playhead-handle:before{content:"";width:14px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.playhead-handle:hover .playhead-triangle polygon,.playhead-handle:active .playhead-triangle polygon{filter:brightness(1.3)}.playhead-triangle{filter:drop-shadow(0 1px 3px #ef444499)}.timeline-marker{z-index:8;cursor:pointer;position:absolute;top:0}.marker-flag{border-left:5px solid #0000;border-right:5px solid #0000;border-top:8px solid var(--accent);width:0;height:0}.marker-label{color:var(--text-secondary);white-space:nowrap;font-size:8px;font-weight:600;position:absolute;top:10px;left:-4px}.timeline-lanes{background:var(--bg-primary);min-height:100%;position:relative}.timeline-loop-region{background:var(--loop-color);border-left:1px dashed var(--loop-border);border-right:1px dashed var(--loop-border);pointer-events:none;z-index:3;position:absolute;top:0}.timeline-selection{background:var(--selection-color);border-left:1px solid var(--selection-border);border-right:1px solid var(--selection-border);pointer-events:none;z-index:10;position:absolute;top:0}.grid-line{pointer-events:none;z-index:1;width:1px;position:absolute;top:0}.bar-line{background:#ffffff2e}.beat-line{background:#ffffff0f}.timeline-lane{background:0 0;border-bottom:1px solid #ffffff08;height:96px;min-height:96px;max-height:96px;display:flex;position:relative;overflow:hidden}.lane-color-strip{flex-shrink:0;align-self:stretch;width:4px}.timeline-lane:nth-child(2n){background:#ffffff04}.timeline-lane.selected{background:#5e5e6a14;box-shadow:inset 0 1px #5e5e6a40,inset 0 -1px #5e5e6a40}.timeline-lane.muted{opacity:.6}.lane-label{z-index:5;padding:4px 8px;position:sticky;left:0}.lane-track-name{color:var(--text-dim);font-size:10px}.timeline-empty{height:200px;color:var(--text-dim);justify-content:center;align-items:center;font-size:13px;display:flex}.playhead{background:var(--meter-red);z-index:20;pointer-events:none;width:1px;position:absolute;top:0;transform:translate(-.5px);box-shadow:0 0 6px #ef444480}.clip-block{border-radius:var(--radius-sm);cursor:pointer;opacity:.85;transition:all var(--transition-fast);z-index:5;position:absolute;top:4px;bottom:4px;overflow:hidden;box-shadow:0 1px 3px #0000004d}.clip-block:hover{opacity:1;box-shadow:0 2px 6px #0006}.clip-block.clip-selected{opacity:1;box-shadow:0 0 0 2px #fff,0 2px 8px #fff3}.clip-block.clip-trimming{opacity:1;box-shadow:0 0 0 1px #fff6,0 0 12px #ffffff1a}.clip-block:active{cursor:grabbing}.clip-name{color:#fff;text-shadow:0 1px 2px #00000080;padding:2px 6px;font-size:10px;font-weight:500}.clip-waveform-mini{align-items:flex-end;gap:1px;height:calc(100% - 20px);padding:0 4px;display:flex}.clip-waveform-bar{background:#ffffff4d;border-radius:1px;flex:1}.effect-browser{background:var(--bg-secondary);border-left:1px solid var(--border);flex-direction:column;width:220px;min-width:220px;display:flex;overflow:hidden}.effect-browser-header{height:var(--section-header-h);min-height:var(--section-header-h);border-bottom:1px solid var(--border);background:var(--bg-secondary);justify-content:space-between;align-items:center;padding:0 10px;display:flex}.effect-browser-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.effect-chain-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.effect-chain-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-size:11px;font-weight:600}.effect-chain-list{flex-direction:column;flex:1;gap:6px;padding:8px;display:flex;overflow:hidden auto}.effect-chain-item{align-items:stretch;gap:4px;display:flex}.effect-reorder-buttons{flex-direction:column;justify-content:center;gap:2px;display:flex}.btn-reorder{border:1px solid var(--border);background:var(--bg-primary);width:18px;height:18px;color:var(--text-dim);cursor:pointer;transition:all var(--transition);border-radius:3px;justify-content:center;align-items:center;padding:0;font-size:8px;display:flex}.btn-reorder:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-light)}.btn-reorder:disabled{opacity:.3;cursor:default}.effect-chain-empty{color:var(--text-dim);flex:1;justify-content:center;align-items:center;font-size:12px;display:flex}.effect-chain-empty--device{text-align:center;padding:0 24px}.effect-browser--horizontal{background:radial-gradient(900px 300px at 15% -40%, #7882960f, transparent 60%), var(--bg-primary);border-left:none;flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.effect-browser--horizontal .effect-browser-header{background:linear-gradient(to bottom, var(--bg-tertiary), var(--bg-secondary));flex-shrink:0}.effect-chain-list--horizontal{flex-direction:row;align-items:stretch;gap:6px;padding:6px;position:relative;overflow:auto hidden}.signal-conduit{pointer-events:none;z-index:0;background:linear-gradient(to right, transparent, color-mix(in srgb, var(--flux-color,var(--accent)) 60%, var(--border-light)) 4%, color-mix(in srgb, var(--flux-color,var(--accent)) 60%, var(--border-light)) 96%, transparent);height:3px;opacity:calc(.65 + var(--flux,0) * .35);border-radius:2px;position:absolute;top:50%;left:10px;right:10px;transform:translateY(-50%)}.signal-conduit:after{content:"";background:repeating-linear-gradient(90deg, transparent 0, transparent 16px, color-mix(in srgb, var(--flux-color,var(--accent-hover)) 85%, white) 16px, color-mix(in srgb, var(--flux-color,var(--accent-hover)) 85%, white) 20px, transparent 20px, transparent 44px);filter:drop-shadow(0 0 6px var(--flux-color,var(--accent-hover)));opacity:calc(.4 + var(--flux,0) * .6);animation:flux-flow var(--flux-dur,1.4s) linear infinite;background-size:44px 100%;position:absolute;inset:-1.5px 0}@keyframes flux-flow{0%{background-position:0 0}to{background-position:44px 0}}.flux-node{pointer-events:none;background:var(--flux-color,var(--accent));width:9px;height:9px;transform:translateY(-50%) scale(calc(.8 + var(--flux,0) * 1.1));opacity:calc(.55 + var(--flux,0) * .45);box-shadow:0 0 calc(4px + var(--flux,0) * 20px) var(--flux-color,var(--accent));border-radius:50%;transition:transform 70ms linear,opacity 70ms linear,box-shadow 70ms linear;animation:2.4s ease-in-out infinite flux-breathe;position:absolute;top:50%}.device-flow-chain>.flux-node{z-index:6}.flux-node--in{left:86px}.flux-node--out{animation-delay:-1.2s;right:126px}@keyframes flux-breathe{0%,to{filter:brightness(.85)}50%{filter:brightness(1.35)}}@media (prefers-reduced-motion:reduce){.flux-node{transition:none;animation:none}}.effect-chain-list--horizontal .effect-chain-item,.effect-chain-list--horizontal .device-rack-rail,.effect-chain-list--horizontal .device-rack-add{z-index:1;position:relative}.device-rack-source:after{content:"";background:var(--flux-color,var(--accent));width:8px;height:8px;box-shadow:0 0 8px var(--flux-color,var(--accent));border-radius:50%;position:absolute;top:50%;right:-2px;transform:translateY(-50%)}@media (prefers-reduced-motion:reduce){.signal-conduit:after{animation:none}}.effect-chain-list--horizontal .effect-chain-item{flex-direction:column-reverse;flex:none;align-items:stretch;gap:4px}.effect-chain-list--horizontal .effect-card{min-width:164px;box-shadow:var(--shadow);flex:auto}.effect-chain-list--horizontal .effect-card-body{flex:1;justify-content:center}.effect-reorder-buttons--horizontal{flex-direction:row;justify-content:center}.device-rack-rail{background:linear-gradient(to right, var(--bg-secondary), transparent);border-radius:var(--radius);flex-direction:column;flex:none;justify-content:center;gap:2px;min-width:72px;padding:0 9px 0 7px;display:flex}.device-rack-rail-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.device-rack-rail-count{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);font-size:10px}.device-rack-add{flex:none;align-items:stretch;display:flex}.device-dropzone-btn{width:108px;height:auto;min-height:100%;color:var(--text-dim);background:repeating-linear-gradient(45deg, transparent, transparent 9px, #ffffff04 9px, #ffffff04 18px), var(--bg-track-alt);border:1px dashed var(--border-light);border-radius:var(--radius);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);flex-direction:column;justify-content:center;align-self:stretch;align-items:center;gap:5px;font-size:11px;font-weight:600;display:flex}.device-dropzone-btn:hover{color:var(--accent-hover);border-color:var(--accent-hover);background:repeating-linear-gradient(45deg, transparent, transparent 9px, #ffffff08 9px, #ffffff08 18px), var(--bg-hover)}.device-dropzone-btn svg{font-size:16px}.device-flow{background:radial-gradient(1100px 220px at 8% -30%, color-mix(in srgb, var(--accent) 5%, transparent), transparent 60%);flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.device-flow-chain{flex-direction:row;flex:1;align-items:stretch;gap:10px;min-width:0;min-height:0;padding:10px 14px;display:flex;position:relative;overflow:auto hidden}.device-flow-chain>.signal-conduit{left:90px;right:130px}.device-terminal{background:linear-gradient(180deg, var(--bg-secondary), var(--bg-tertiary));border:1px solid var(--border);border-radius:12px;flex-direction:column;flex:none;justify-content:center;align-self:center;gap:1px;min-width:76px;max-width:120px;padding:10px 12px;display:flex;position:relative;box-shadow:0 8px 26px -18px #000000e6,inset 0 1px #ffffff08}.device-terminal--in{border-left:3px solid var(--flux-color,var(--accent))}.device-terminal--out{border-right:3px solid var(--accent);text-align:right;align-items:flex-end}.device-terminal-kicker{letter-spacing:1.5px;text-transform:uppercase;color:var(--flux-color,var(--accent));font-size:9px;font-weight:700}.device-terminal--out .device-terminal-kicker{color:var(--accent)}.device-terminal-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:96px;font-size:13px;font-weight:700;overflow:hidden}.device-terminal-sub{letter-spacing:.4px;text-transform:uppercase;color:var(--text-dim);font-size:9px}.device-terminal--in.device-rack-source:after{content:"";background:var(--flux-color,var(--accent));width:9px;height:9px;box-shadow:0 0 10px var(--flux-color,var(--accent));border-radius:50%;position:absolute;top:50%;right:-5px;transform:translateY(-50%)}.device-terminal--out:before{content:"";background:var(--accent);width:9px;height:9px;box-shadow:0 0 10px var(--accent);border-radius:50%;position:absolute;top:50%;left:-5px;transform:translateY(-50%)}.device-lanes{flex-direction:column;flex:auto;justify-content:center;gap:8px;padding:4px 18px;display:flex;position:relative}.device-lanes-split,.device-lanes-merge{border:2px solid color-mix(in srgb, var(--accent) 40%, var(--border-light));pointer-events:none;width:12px;position:absolute;top:12%;bottom:12%}.device-lanes-split{border-right:none;border-radius:8px 0 0 8px;left:2px}.device-lanes-merge{border-left:none;border-radius:0 8px 8px 0;right:2px}.device-lane{align-items:stretch;gap:8px;min-height:0;display:flex}.device-lane.is-single{flex:auto;min-width:0}.device-flow-chain>.device-lane{align-self:stretch}.device-flow-chain>.device-rack-add{flex:none;align-self:stretch;align-items:stretch;display:flex}.device-lanes .device-lane{cursor:pointer;transition:background var(--transition), border-color var(--transition);border:1px solid #0000;border-radius:10px;padding:6px}.device-lanes .device-lane:hover{background:#ffffff05}.device-lanes .device-lane.is-active{border-color:color-mix(in srgb, var(--accent) 35%, var(--border));background:color-mix(in srgb, var(--accent) 5%, transparent);cursor:default}.device-lane-tag{letter-spacing:.4px;text-transform:uppercase;color:var(--text-secondary);border-left:3px solid var(--lane-accent,var(--accent));white-space:nowrap;border-radius:3px;flex:none;align-self:stretch;align-items:center;padding:0 8px;font-size:10px;font-weight:700;display:flex}.device-lane.is-active .device-lane-tag{color:var(--text-primary)}.device-lane-body{flex:1;align-items:stretch;gap:10px;min-width:0;min-height:0;display:flex}.device-lane-muted{color:var(--text-dim);padding:10px 4px;font-size:11px;font-style:italic}.device-lane-add{color:var(--text-secondary);border:1px dashed var(--border-light);cursor:pointer;transition:all var(--transition);background:0 0;border-radius:8px;flex:none;align-self:center;padding:6px 12px;font-size:11px;font-weight:600}.device-lane-add:hover{color:var(--accent-hover);border-color:var(--accent-hover)}.device-slot{transition:transform var(--transition), opacity var(--transition);flex-direction:column;flex:none;align-self:stretch;gap:5px;display:flex;position:relative}.device-slot .effect-card,.device-slot .effect-editor{min-width:196px;max-width:280px;box-shadow:var(--shadow), 0 1px 0 #ffffff08 inset;flex-direction:column;flex:auto;display:flex}.device-slot .effect-card-body,.device-slot .native-device-body{flex:auto;min-height:0;max-height:200px;overflow:hidden auto}.device-slot.is-dragging{opacity:.4}.device-slot.is-drop-target:before{content:"";background:var(--accent);width:3px;box-shadow:0 0 10px var(--accent);border-radius:3px;position:absolute;top:4px;bottom:4px;left:-6px}.device-slot.is-bypassed .device-connector{opacity:.25}.device-grip{height:15px;color:var(--text-dim);cursor:grab;transition:all var(--transition);background:#ffffff05;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:6px;display:flex}.device-grip:hover{background:var(--bg-tertiary);border-color:var(--border);color:var(--text-secondary)}.device-grip:active{cursor:grabbing}.device-grip--static{cursor:default;opacity:.7}.device-grip-dots{opacity:.7;background-image:radial-gradient(currentColor 1px,#0000 1.2px);background-position:0 0;background-size:4px 4px;width:18px;height:4px}.device-grip-index{font-family:var(--font-mono);letter-spacing:.5px;font-size:9px;font-weight:700}.device-slot .effect-card--collapsed{align-self:center;max-width:34px;height:auto;min-width:34px!important}.device-slot .effect-card--collapsed .effect-card-body{max-height:none;overflow:visible}.device-connector{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 40%, var(--border-light)), color-mix(in srgb, var(--accent) 15%, var(--border-light)));pointer-events:none;width:10px;height:2px;position:absolute;top:calc(11px + 50%);right:-10px;transform:translateY(-50%)}.device-slot:last-child .device-connector{display:none}.effect-chain-empty--flow{white-space:nowrap;align-self:center;padding:0 20px}@media (prefers-reduced-motion:reduce){.device-slot,.effect-card,.device-lane{transition:none}}.device-rack-drawer{border-bottom:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 4%, var(--bg-secondary)), var(--bg-secondary));max-height:min(42vh,280px);animation:rack-drawer-in var(--transition) ease-out;flex:none;overflow:hidden auto;box-shadow:inset 0 6px 14px -12px #000c}.device-rack-drawer .device-rack--open{gap:8px;padding:8px 12px 10px}@keyframes rack-drawer-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.device-overview{flex-direction:column;flex:1;gap:3px;min-height:0;padding:8px 10px 12px;display:flex;overflow:hidden auto}.dov-summary{letter-spacing:.4px;text-transform:uppercase;color:var(--text-dim);padding:2px 4px 6px;font-size:10px}.dov-section{flex-direction:column;gap:3px;display:flex}.dov-group-head{letter-spacing:.6px;text-transform:uppercase;color:var(--text-secondary);border-left:3px solid var(--row-accent,var(--accent));background:linear-gradient(90deg, color-mix(in srgb, var(--row-accent,var(--accent)) 12%, transparent), transparent 70%);border-radius:3px;align-items:center;gap:7px;margin-top:5px;padding:4px 8px;font-size:10px;font-weight:700;display:flex}.dov-group-head svg{color:var(--row-accent,var(--accent));font-size:11px}.dov-group-name{flex:1}.dov-group-count{font-family:var(--font-mono);color:var(--text-dim);background:var(--bg-tertiary);border-radius:8px;padding:0 6px}.dov-row{background:var(--bg-secondary);cursor:pointer;transition:background var(--transition), border-color var(--transition), transform var(--transition);border:1px solid #0000;border-radius:8px;grid-template-columns:4px minmax(120px,168px) minmax(0,1fr);align-items:center;gap:10px;padding:6px 8px 6px 6px;display:grid;position:relative}.dov-row:hover{background:var(--bg-tertiary);border-color:var(--border)}.dov-row.is-selected{border-color:color-mix(in srgb, var(--row-accent,var(--accent)) 55%, var(--border-light));background:color-mix(in srgb, var(--row-accent,var(--accent)) 8%, var(--bg-tertiary));box-shadow:0 0 0 1px color-mix(in srgb, var(--row-accent,var(--accent)) 25%, transparent) inset}.dov-row.is-indent{margin-left:16px}.dov-row--master{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 8%, var(--bg-secondary)), var(--bg-secondary));border-top:1px solid var(--border);margin-top:8px}.dov-color{background:var(--row-accent,var(--accent));border-radius:3px;grid-column:1;align-self:stretch;width:4px;min-height:22px}.dov-head{grid-column:2;align-items:center;gap:7px;min-width:0;display:flex}.dov-type-icon{color:var(--text-dim);font-size:11px;display:flex}.dov-row.is-selected .dov-type-icon{color:var(--row-accent,var(--accent))}.dov-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;font-weight:600;overflow:hidden}.dov-role{font-family:var(--font-mono);letter-spacing:.5px;color:var(--bg-primary);border-radius:3px;padding:1px 4px;font-size:8px;font-weight:700}.dov-role--group{background:#a78bfa}.dov-role--return{background:#06b6d4}.dov-role--main{background:var(--accent)}.dov-ms{gap:3px;display:flex}.dov-flag{font-family:var(--font-mono);border:1px solid var(--border);width:15px;height:15px;color:var(--text-dim);cursor:pointer;transition:all var(--transition);background:0 0;border-radius:3px;justify-content:center;align-items:center;font-size:8px;font-weight:700;display:flex}.dov-flag:hover{color:var(--text-secondary);border-color:var(--border-light)}.dov-flag--m.is-on{color:var(--meter-red);background:#ef444438;border-color:#0000}.dov-flag--s.is-on{color:#eab308;background:#eab30838;border-color:#0000}.dov-devices{flex-wrap:wrap;grid-column:3;align-items:center;gap:6px;min-width:0;display:flex}.dov-chip{color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border);cursor:pointer;transition:all var(--transition);border-radius:20px;align-items:center;gap:6px;padding:3px 9px 3px 7px;font-size:11px;font-weight:600;display:inline-flex}.dov-chip:hover{color:var(--text-primary);border-color:color-mix(in srgb, var(--chip-accent,var(--accent)) 55%, var(--border-light));background:color-mix(in srgb, var(--chip-accent,var(--accent)) 10%, var(--bg-tertiary))}.dov-chip.is-off{opacity:.5}.dov-chip.is-off .dov-chip-label{text-decoration:line-through}.dov-chip--instrument{border-style:solid;border-color:color-mix(in srgb, var(--chip-accent,var(--accent)) 50%, var(--border));background:color-mix(in srgb, var(--chip-accent,var(--accent)) 12%, var(--bg-tertiary))}.dov-chip-dot{border:1.5px solid var(--text-dim);width:8px;height:8px;transition:all var(--transition);border-radius:50%;flex-shrink:0}.dov-chip-dot.on{border-color:var(--chip-accent,var(--accent));background:var(--chip-accent,var(--accent));box-shadow:0 0 6px color-mix(in srgb, var(--chip-accent,var(--accent)) 70%, transparent)}.dov-chip-dot.off{background:0 0}.dov-chip-label{text-transform:capitalize;white-space:nowrap}.dov-empty{color:var(--text-dim);font-size:11px;font-style:italic}.dov-add{width:20px;height:20px;color:var(--text-dim);border:1px dashed var(--border-light);cursor:pointer;transition:all var(--transition);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:inline-flex}.dov-add:hover{color:var(--accent-hover);border-color:var(--accent-hover)}.dov-empty-state{text-align:center;color:var(--text-dim);padding:24px;font-size:12px}.btn-sm.is-active{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.session-rackbar{border-top:1px solid var(--border);background:linear-gradient(to bottom, var(--bg-secondary), var(--bg-tertiary));flex-wrap:wrap;flex-shrink:0;align-items:stretch;gap:10px;padding:8px 12px;display:flex}.rackbar-section{border-right:1px solid var(--border-subtle);align-items:center;gap:6px;padding:4px 10px 4px 0;display:flex}.rackbar-section:last-child{border-right:none}.rackbar-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-right:2px;font-size:9px;font-weight:700}.rackbar-hint{color:var(--text-dim);font-size:10px;font-style:italic}.rackbar-btn{color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:5px;padding:4px 9px;font-size:11px;font-weight:600;display:inline-flex}.rackbar-btn svg{font-size:9px}.rackbar-btn:hover{color:var(--text-primary);border-color:var(--accent-hover)}.rackbar-btn.active{color:#fff;background:linear-gradient(to bottom, var(--accent), var(--accent-hover));border-color:var(--accent)}.rackbar-inline,.rackbar-select,.toolbar-select{color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;min-height:24px;padding:3px 6px;font-size:11px}.rackbar-inline{color:var(--text-dim);background:0 0;border:none;align-items:center;gap:5px;font-size:10px;display:inline-flex}.rackbar-send{display:inline-flex}.rackbar-tap{border-radius:var(--radius-sm);border:1px solid var(--border-light);cursor:pointer;background:var(--bg-primary);min-width:40px;color:var(--text-secondary);padding:4px 7px;font-size:9px;font-weight:700}.rackbar-tap.pre{color:var(--meter-yellow,#eab308);border-color:color-mix(in srgb, var(--meter-yellow,#eab308) 55%, transparent)}.rackbar-tap.post{color:var(--accent-hover);border-color:color-mix(in srgb, var(--accent) 55%, transparent)}.rackbar-xfade{width:120px}.rackbar-xfade-ab{border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-primary);width:22px;height:22px;color:var(--text-dim);cursor:pointer;font-size:10px;font-weight:700}.rackbar-xfade-ab.active{color:#fff;background:var(--accent);border-color:var(--accent)}.session-scene-tempo{width:42px;font-size:10px;font-family:var(--font-mono);text-align:center;color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);flex-shrink:0;padding:3px 2px}.session-scene-tempo:focus{border-color:var(--accent-hover);outline:none}.device-rack{border-bottom:1px solid var(--border);background:linear-gradient(to bottom, var(--bg-tertiary), var(--bg-secondary));flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;padding:4px 10px;display:flex}.device-rack-hint{color:var(--text-dim);margin-right:4px;font-size:11px}.device-rack--open{flex-direction:column;align-items:stretch}.device-rack-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.device-rack-badge{text-transform:uppercase;letter-spacing:.06em;color:#fff;background:linear-gradient(to bottom, var(--accent), var(--accent-hover));border-radius:var(--radius-sm);padding:3px 8px;font-size:9px;font-weight:700}.device-rack-num{width:44px;font-size:10px;font-family:var(--font-mono);text-align:center;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:2px}.device-rack-search{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);min-width:120px;padding:3px 8px;font-size:11px}.device-rack-macros{border-top:1px dashed var(--border-subtle);border-bottom:1px dashed var(--border-subtle);grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px 10px;padding:6px 0;display:grid}.device-rack-variations{padding-top:2px}.macro-knob{flex-direction:column;align-items:center;gap:3px;display:flex}.macro-slider{width:100%;accent-color:var(--accent)}.macro-name{color:var(--text-dim);font-size:9px;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;max-width:72px;overflow:hidden}.automation-lane-header{z-index:3;pointer-events:auto;align-items:center;gap:3px;display:flex;position:absolute;top:2px;left:2px}.automation-lane-btn{font-size:9px;font-family:var(--font-mono);color:var(--text-dim);background:color-mix(in srgb, var(--bg-primary) 80%, transparent);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;padding:2px 5px;line-height:1}.automation-lane-btn:hover{color:var(--text-primary)}.automation-lane-btn.active{color:#fff;background:var(--accent);border-color:var(--accent)}.automation-lane--bypassed{opacity:.85}.automation-lane-resize{cursor:ns-resize;z-index:3;height:5px;position:absolute;bottom:0;left:0;right:0}.automation-lane-resize:hover{background:color-mix(in srgb, var(--accent) 40%, transparent)}.effect-card{--fx-accent:var(--accent);background:radial-gradient(140% 60% at 50% -8%, color-mix(in srgb, var(--fx-accent) 10%, transparent), transparent 60%), linear-gradient(180deg, color-mix(in srgb, var(--fx-accent) 4%, var(--bg-tertiary)), var(--bg-tertiary) 46%, color-mix(in srgb, #000 14%, var(--bg-tertiary)));border:1px solid color-mix(in srgb, var(--fx-accent) 14%, var(--border));min-width:0;transition:opacity var(--transition), border-color var(--transition), box-shadow var(--transition), transform var(--transition);border-radius:9px;flex:1;position:relative;overflow:hidden}.effect-card:before{content:"";background:linear-gradient(90deg, var(--fx-accent), color-mix(in srgb, var(--fx-accent) 30%, transparent));opacity:.9;height:2px;box-shadow:0 1px 8px color-mix(in srgb, var(--fx-accent) 40%, transparent);position:absolute;top:0;left:0;right:0}.effect-card:hover{border-color:color-mix(in srgb, var(--fx-accent) 45%, var(--border-light));box-shadow:0 6px 22px -12px color-mix(in srgb, var(--fx-accent) 60%, transparent), 0 1px 0 0 #ffffff08 inset}.effect-card--disabled{opacity:.5;filter:saturate(.55)}.effect-card--disabled:before{opacity:.35}.effect-card-header{border-bottom:1px solid color-mix(in srgb, var(--fx-accent) 10%, var(--border));background:linear-gradient(#ffffff05,#0000);align-items:center;gap:8px;padding:7px 8px 7px 10px;display:flex}.effect-card-body{flex-direction:column;justify-content:center;gap:9px;min-height:80px;padding:10px 10px 11px;display:flex}.effect-power{cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;padding:0;display:flex}.effect-power-dot{border:1.5px solid var(--text-dim);width:9px;height:9px;transition:all var(--transition);background:0 0;border-radius:50%}.effect-power.on .effect-power-dot{border-color:color-mix(in srgb, var(--fx-accent) 60%, var(--meter-green));background:color-mix(in srgb, var(--fx-accent) 55%, var(--meter-green));box-shadow:0 0 8px color-mix(in srgb, var(--fx-accent) 55%, var(--meter-green))}.effect-power:hover .effect-power-dot{border-color:var(--text-secondary)}.effect-name{letter-spacing:.4px;color:color-mix(in srgb, var(--fx-accent) 22%, var(--text-primary));white-space:nowrap;text-overflow:ellipsis;text-transform:capitalize;flex:1;font-size:11px;font-weight:700;overflow:hidden}.effect-remove,.effect-collapse{width:18px;height:18px;color:var(--text-dim);cursor:pointer;opacity:0;transition:all var(--transition);background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.effect-card:hover .effect-remove,.effect-card:hover .effect-collapse{opacity:1}.effect-collapse:hover{background:var(--bg-hover);color:var(--text-primary)}.effect-remove:hover{color:var(--meter-red);background:#ef444426}.effect-card--collapsed{cursor:pointer;flex-direction:column;align-items:center;gap:8px;width:34px;padding:8px 0;display:flex;min-width:34px!important}.effect-card--collapsed .effect-collapse{opacity:.6}.effect-card--collapsed:hover .effect-collapse{opacity:1}.effect-name--v{writing-mode:vertical-rl;text-orientation:mixed;text-align:center;letter-spacing:.3px;flex:1;max-height:none;font-size:10.5px;transform:rotate(180deg)}.knob-group{flex-wrap:wrap;justify-content:center;gap:10px 9px;display:flex}.knob-container{cursor:pointer;transition:background var(--transition);border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:2px;display:flex}.knob-container:hover{background:#ffffff05}.knob-container:focus-visible{box-shadow:0 0 0 1px var(--accent);background:#ffffff0a;outline:none}.knob-container.dragging{cursor:ns-resize}.knob-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;font-size:9px;font-weight:600}.knob-container:hover .knob-label{color:var(--text-secondary)}.knob-value{font-family:var(--font-mono);color:var(--text-primary);white-space:nowrap;font-size:10.5px;font-weight:600}.gain-reduction-meter{align-items:center;gap:6px;margin-top:4px;display:flex}.gain-reduction-label{color:var(--text-dim);font-size:8px;font-weight:700;font-family:var(--font-mono);letter-spacing:.5px;flex-shrink:0}.gain-reduction-bar{background:#0a0e14;border-radius:2px;flex:1;height:8px;position:relative;overflow:hidden}.gain-reduction-fill{background:#f97316;border-radius:2px;transition:width .1s;position:absolute;top:0;bottom:0;right:0}.gain-reduction-value{font-family:var(--font-mono);color:var(--text-dim);text-align:right;flex-shrink:0;min-width:40px;font-size:9px}.fx-viz{--viz-accent:var(--fx-accent,var(--accent));background:radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--viz-accent) 7%, transparent), transparent 55%), radial-gradient(#ffffff0d .5px, transparent .6px) 0 0 / 9px 9px, linear-gradient(180deg, #070a10, #0a0e15);box-shadow:0 1px 0 #ffffff0b, inset 0 2px 8px #0000008c, inset 0 0 24px color-mix(in srgb, var(--viz-accent) 6%, transparent);border:1px solid #000000b3;border-radius:7px;padding:6px 7px;position:relative;overflow:hidden}.fx-viz:after{content:"";pointer-events:none;background:linear-gradient(#ffffff09,#0000);border-radius:7px 7px 0 0;position:absolute;inset:0 0 62%}.fx-viz-kicker{z-index:1;letter-spacing:1.1px;text-transform:uppercase;color:color-mix(in srgb, var(--viz-accent) 75%, var(--text-dim));opacity:.75;pointer-events:none;font-size:7.5px;font-weight:700;position:absolute;top:4px;right:7px}.fx-viz-svg{width:100%;height:54px;display:block}.fx-sections{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.fx-section{background:#ffffff05;border:1px solid #ffffff0a;border-radius:7px;flex-direction:column;align-items:center;gap:1px;padding:4px 5px 2px;display:flex}.fx-section-label{letter-spacing:1px;text-transform:uppercase;color:color-mix(in srgb, var(--fx-accent,var(--accent)) 60%, var(--text-dim));font-size:7.5px;font-weight:700}.fx-section-knobs{gap:6px;display:flex}.fx-switch-row{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.fx-switch{border:1px solid var(--border);color:var(--text-dim);letter-spacing:.6px;text-transform:uppercase;cursor:pointer;transition:all var(--transition);background:#ffffff08;border-radius:999px;padding:3px 10px;font-size:9px;font-weight:700}.fx-switch:hover{border-color:var(--border-light);color:var(--text-secondary)}.fx-switch.on{border-color:color-mix(in srgb, var(--fx-accent,var(--accent)) 60%, transparent);background:color-mix(in srgb, var(--fx-accent,var(--accent)) 18%, transparent);color:color-mix(in srgb, var(--fx-accent,var(--accent)) 80%, #fff);box-shadow:0 0 10px -2px color-mix(in srgb, var(--fx-accent,var(--accent)) 55%, transparent)}.eq-curve-container{background:#0a0e14;border-radius:4px;margin-top:4px;padding:4px;overflow:hidden}.eq-curve-svg{width:100%;height:auto;display:block}.native-device{max-width:300px}.native-device-body{gap:8px}.native-device-badge{font-family:var(--font-mono);letter-spacing:.8px;color:color-mix(in srgb, var(--fx-accent) 85%, #fff);background:color-mix(in srgb, var(--fx-accent) 16%, transparent);border:1px solid color-mix(in srgb, var(--fx-accent) 35%, transparent);border-radius:999px;flex-shrink:0;padding:2px 6px;font-size:7.5px;font-weight:700}.native-device-inst-dot{color:var(--fx-accent);flex-shrink:0;font-size:9px}.native-device-editor{border:1px solid var(--border);color:var(--text-secondary);letter-spacing:.5px;cursor:pointer;transition:all var(--transition);background:#ffffff08;border-radius:4px;flex-shrink:0;padding:2.5px 7px;font-size:8.5px;font-weight:700}.native-device-editor:hover{border-color:color-mix(in srgb, var(--fx-accent) 55%, var(--border-light));color:var(--text-primary)}.native-device-editor.is-error{color:var(--meter-red);border-color:var(--meter-red)}.native-device-note{color:var(--text-dim);text-align:center;padding:6px 4px;font-size:10.5px}.native-device-note.is-error{color:var(--meter-red)}.native-device-note.is-warn{color:#d9a441}.native-device-spatial-badge{border:1px solid color-mix(in srgb, var(--meter-green) 34%, transparent);background:color-mix(in srgb, var(--meter-green) 11%, transparent);width:fit-content;max-width:78px;color:color-mix(in srgb, var(--meter-green) 82%, #fff);font-family:var(--font-mono);text-align:center;text-transform:uppercase;border-radius:4px;margin:0 auto 4px;padding:2px 5px;font-size:7.5px;font-weight:700;line-height:1.1}.native-device-search{border:1px solid var(--border);width:100%;color:var(--text-primary);background:#0a0e14;border-radius:5px;padding:4px 8px;font-size:10px}.native-device-search:focus{border-color:color-mix(in srgb, var(--fx-accent) 55%, var(--border-light));outline:none}.native-device-knobs{gap:10px 8px}.native-device-knobs.is-scroll{max-height:240px;padding-right:2px;overflow-y:auto}.native-device-more{color:var(--text-dim);letter-spacing:.4px;cursor:pointer;transition:color var(--transition);background:0 0;border:none;border-radius:4px;align-self:center;padding:2px 6px;font-size:9px;font-weight:600}.native-device-more:hover{color:color-mix(in srgb, var(--fx-accent) 75%, #fff)}.mixer{background:linear-gradient(#0e1218 0%,#0d1117 100%);flex-direction:column;flex:1;display:flex;overflow:hidden}.mixer-body{flex:1;gap:0;padding:8px 8px 12px;display:flex;overflow:hidden}.mixer-channels-scroll{flex:1;overflow:auto hidden}.mixer-channels{align-items:stretch;gap:5px;height:100%;display:flex}.mixer-master-section{flex-shrink:0;align-items:stretch;height:100%;display:flex}.mixer-empty{color:var(--text-dim);flex:1;justify-content:center;align-items:center;min-width:200px;display:flex}.channel-strip{background:linear-gradient(#1e2330,#161b22);border:1px solid #2a3040;border-radius:6px;flex-direction:column;align-items:center;gap:4px;width:84px;min-width:84px;padding:0 4px 8px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 2px 8px #0000004d}.channel-strip:hover{border-color:#3d444d;box-shadow:0 4px 12px #0006}.channel-strip.master{border-color:var(--accent);background:linear-gradient(#5e5e6a14,#161b22);width:108px;min-width:108px;box-shadow:0 2px 12px #5e5e6a1a,0 2px 8px #0000004d}.channel-strip.master:hover{border-color:var(--text-dim);box-shadow:0 4px 16px #5e5e6a26,0 4px 12px #0006}.channel-strip.aux{background:linear-gradient(#22c55e0a,#161b22);border-color:#22c55e40}.channel-strip.muted{opacity:.45}.channel-strip.soloed{border-color:var(--solo-color);box-shadow:0 0 10px #eab3081f,0 2px 8px #0000004d}.channel-strip.dragging{opacity:.35;border-style:dashed}.channel-color-header{border-radius:5px 5px 0 0;flex-shrink:0;width:calc(100% + 8px);height:4px;margin:0 -4px 2px}.channel-strip.master .channel-color-header{height:4px;background:var(--accent)!important}.channel-name{color:var(--text-primary);text-align:center;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.3px;width:100%;padding:2px 2px 0;font-size:10px;font-weight:600;overflow:hidden}.channel-strip.master .channel-name{letter-spacing:1.5px;color:var(--text-dim);font-size:9px;font-weight:700}.channel-input-selector{justify-content:center;width:100%;display:flex}.channel-input-label{font-size:8px;font-family:var(--font-mono);color:var(--text-dim);cursor:pointer;background:#0000004d;border:1px solid #1a1f2a;border-radius:3px;padding:1px 6px;transition:border-color .1s}.channel-input-label:hover{border-color:var(--border-light);color:var(--text-secondary)}.channel-fx-section{width:100%;min-height:18px}.channel-fx-pills{flex-direction:column;gap:2px;width:100%;display:flex}.channel-fx-pill{color:var(--text-dim);cursor:pointer;font-size:8px;font-family:var(--font-mono);background:#0003;border:1px solid #0000;border-radius:3px;align-items:center;gap:3px;width:100%;padding:1px 4px;font-weight:500;transition:all .1s;display:flex}.channel-fx-pill:hover{color:var(--text-secondary);border-color:var(--border);background:#00000059}.channel-fx-pill.selected{border-color:var(--accent);background:var(--accent-dim);color:var(--text-dim)}.channel-fx-pill.bypassed{opacity:.35}.channel-fx-pill-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.channel-fx-pill.active .channel-fx-pill-dot{box-shadow:0 0 4px}.channel-fx-pill-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.channel-fx-empty{color:var(--text-dim);text-align:center;opacity:.5;padding:2px 0;font-size:8px;font-style:italic}.channel-fx-params{border:1px solid var(--border);background:#0000004d;border-radius:4px;width:100%;padding:4px;font-size:9px}.channel-fx-params-title{color:var(--text-dim);margin-bottom:3px;font-size:9px;font-weight:600}.channel-fx-param{justify-content:space-between;padding:1px 0;display:flex}.channel-fx-param-name{color:var(--text-secondary)}.channel-fx-param-value{color:var(--text-dim);font-family:var(--font-mono)}.channel-send-knob{flex-direction:column;align-items:center;gap:1px;display:flex}.channel-send-label{font-family:var(--font-mono);color:var(--text-dim);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:24px;font-size:7px;overflow:hidden}.channel-separator{background:linear-gradient(90deg,#0000,#2a3040,#0000);flex-shrink:0;width:80%;height:1px}.pan-knob{cursor:ns-resize;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:1px;display:flex}.pan-knob.disabled{cursor:default;opacity:.4}.pan-knob.dragging svg{filter:brightness(1.2)}.pan-knob-label{font-family:var(--font-mono);color:var(--text-dim);font-size:8px;line-height:1}.channel-auto-mode{width:22px;height:16px;color:var(--text-dim);cursor:pointer;font-size:9px;font-weight:700;font-family:var(--font-mono);background:#0000004d;border:1px solid #1a1f2a;border-radius:3px;justify-content:center;align-items:center;transition:all .1s;display:flex}.channel-auto-mode:hover{border-color:var(--border-light);color:var(--text-secondary)}.channel-auto-mode.auto-write{border-color:var(--mute-color);color:var(--mute-color)}.channel-auto-mode.auto-touch{border-color:var(--solo-color);color:var(--solo-color)}.channel-auto-mode.auto-trim{border-color:var(--meter-green);color:var(--meter-green)}.channel-auto-mode.auto-latch{border-color:var(--clip-color);color:var(--clip-color)}.channel-meter-fader{flex:1;justify-content:center;align-items:center;min-height:160px;display:flex;position:relative}.channel-meter-bg{opacity:.85;justify-content:center;align-items:stretch;display:flex;position:absolute;inset:0;overflow:hidden}.channel-meter-bg .vu-meter{flex:1;width:100%!important;height:100%!important}.channel-meter-bg .vu-meter svg{width:100%;height:100%}.channel-db-markings-overlay{pointer-events:none;z-index:2;width:22px;position:absolute;top:0;bottom:0;left:2px}.channel-fader-overlay{z-index:3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.fader-root{touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;width:28px;height:100%;display:flex;position:relative}.fader-track{background:0 0;border-radius:3px;width:5px;height:100%;position:relative}.fader-range{opacity:.9;background:linear-gradient(#60a5fa,#3b82f6);border-radius:3px;width:100%;position:absolute;left:0;box-shadow:0 0 6px #3b82f673}.fader-thumb{cursor:ns-resize;background:linear-gradient(#f0f2f4 0%,#c8cdd4 45%,#5a6068 48% 52%,#a0a8b0 55%,#8a9098 100%);border:1px solid #ffffff26;border-bottom-color:#606870;border-radius:3px;width:32px;height:12px;transition:background .1s,box-shadow .1s;display:block;box-shadow:0 2px 6px #0009,inset 0 1px #ffffff80,inset 0 -1px #0003}.fader-thumb:hover{background-image:linear-gradient(#fff 0%,#dde0e4 45%,#70787f 48% 52%,#b8bfc6 55%,#a0a8b0 100%);box-shadow:0 3px 10px #000000b3,inset 0 1px #ffffffb3,0 0 8px #ffffff1a}.fader-thumb:focus{box-shadow:0 0 0 2px var(--accent), 0 3px 10px #0009, inset 0 1px 0 #ffffff80;outline:none}.channel-db-mark{align-items:center;gap:1px;display:flex;position:absolute;left:0;transform:translateY(50%)}.channel-db-mark-line{background:#ffffff40;width:4px;height:1px;display:inline-block}.channel-db-mark-label{font-size:7px;font-family:var(--font-mono);color:#ffffff4d;text-shadow:0 1px 2px #000c;line-height:1}.channel-db-readout{font-family:var(--font-mono);color:var(--text-secondary);text-align:center;background:#0000004d;border:1px solid #1a1f2a;border-radius:3px;min-width:48px;padding:1px 4px;font-size:9px;font-weight:500}.channel-buttons{gap:3px;display:flex}.channel-btn{width:22px;height:18px;color:var(--text-dim);cursor:pointer;font-size:9px;font-weight:700;font-family:var(--font-mono);background:#0000004d;border:1px solid #2a3040;border-radius:3px;justify-content:center;align-items:center;transition:all .1s;display:flex}.channel-btn:hover{border-color:var(--border-light);color:var(--text-secondary);background:#0006}.channel-btn.mute-btn.active{background:var(--mute-color);border-color:var(--mute-color);color:#fff;box-shadow:0 0 6px #ef44444d}.channel-btn.solo-btn.active{background:var(--solo-color);border-color:var(--solo-color);color:var(--bg-primary);box-shadow:0 0 6px #eab3084d}.channel-btn.arm-btn.active{background:var(--record-color);border-color:var(--record-color);color:#fff;animation:1.5s ease-in-out infinite arm-pulse;box-shadow:0 0 6px #ef44444d}@keyframes arm-pulse{0%,to{opacity:1}50%{opacity:.6}}.channel-order{font-family:var(--font-mono);color:#3d444d;margin-top:auto;font-size:8px;line-height:1}.channel-context-backdrop{z-index:999;position:fixed;inset:0}.channel-context-menu{z-index:1000;background:#1e2330;border:1px solid #3d444d;border-radius:6px;min-width:120px;padding:4px 0;position:fixed;box-shadow:0 8px 24px #00000080}.channel-context-menu button{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;font-size:11px;font-family:var(--font-sans);background:0 0;border:none;padding:6px 12px;transition:background .1s;display:block}.channel-context-menu button:hover{background:var(--bg-hover)}.channel-context-menu button.danger{color:var(--mute-color)}.channel-context-menu button.danger:hover{background:#ef44441a}.mixer-header{background:linear-gradient(#161b22,#131820);border-bottom:1px solid #1a1f2a;flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 16px;display:flex}.mixer-title{font-size:10px;font-weight:700;font-family:var(--font-mono);color:#484f58;letter-spacing:2px}.mixer-add-wrapper{position:relative}.mixer-add-btn{width:22px;height:22px;color:var(--text-secondary);cursor:pointer;background:#0000004d;border:1px solid #2a3040;border-radius:4px;justify-content:center;align-items:center;font-size:14px;font-weight:300;transition:all .1s;display:flex}.mixer-add-backdrop{z-index:999;position:fixed;inset:0}.mixer-add-menu{z-index:1000;background:#1e2330;border:1px solid #3d444d;border-radius:6px;min-width:130px;margin-top:4px;padding:4px 0;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #00000080}.mixer-add-menu button{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;font-size:11px;font-family:var(--font-sans);background:0 0;border:none;padding:6px 12px;transition:background .1s;display:block}.mixer-add-menu button:hover{background:var(--bg-hover)}.mixer-section-divider{flex-direction:column;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;padding:0 4px;display:flex}.mixer-section-divider:before,.mixer-section-divider:after{content:"";background:linear-gradient(#0000,#3d444d,#0000);border-radius:1px;flex:1;width:1px}.mixer-section-label{font-size:8px;font-weight:700;font-family:var(--font-mono);color:#484f58;letter-spacing:1px;writing-mode:vertical-rl;text-orientation:mixed;padding:6px 0}.mixer-section-divider.master-divider:before,.mixer-section-divider.master-divider:after{background:linear-gradient(#0000,#5e5e6a59,#0000)}.mixer-empty-content{color:var(--text-dim);flex-direction:column;align-items:center;gap:8px;font-size:12px;display:flex}.mixer-empty-icon{color:#3d444d;font-size:32px;font-weight:200}.mixer-aux-divider{align-items:center;padding:0 6px;display:flex}.mixer-aux-label{font-size:8px;font-weight:700;font-family:var(--font-mono);color:var(--text-dim);writing-mode:vertical-rl}.meter-bridge{background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0;align-items:flex-end;gap:4px;padding:8px 16px;display:flex}.meter-bridge-tracks{flex:1;gap:4px;display:flex;overflow-x:auto}.meter-bridge-channel{flex-direction:column;align-items:center;gap:2px;min-width:20px;display:flex}.meter-bridge-label{font-size:8px;font-family:var(--font-mono);color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:40px;overflow:hidden}.meter-bridge-master-divider{background:var(--border-light);border-radius:1px;align-self:center;width:2px;height:50px;margin:0 8px}.meter-bridge-master .meter-bridge-label{color:var(--text-dim);font-weight:600}.vu-meter{border:1px solid #1a1f2a;border-radius:3px;flex-shrink:0;display:flex;overflow:hidden;box-shadow:inset 0 1px 3px #00000080,0 0 1px #0000004d}.waveform-container{width:100%}.waveform-placeholder{color:var(--text-dim);background:var(--bg-primary);border-radius:var(--radius-sm);justify-content:center;align-items:center;font-size:11px;display:flex}.dialog-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;animation:.15s fadeIn;position:fixed;inset:0}.dialog-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg), 0 8px 32px #00000080;z-index:101;min-width:400px;max-width:520px;max-height:80vh;padding:24px;animation:.15s scaleIn;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.dialog-title{color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:600}.dialog-description{color:var(--text-secondary);margin-bottom:16px;font-size:12px}.dialog-close{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.dialog-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.effect-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.effect-option{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;transition:all var(--transition);text-align:center;padding:10px 8px;font-size:12px;font-weight:500}.effect-option:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--text-dim);transform:translateY(-1px);box-shadow:0 2px 6px #5e5e6a33}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.state-view-toggle{background:var(--bg-tertiary);border-radius:var(--radius-sm);gap:2px;padding:2px;display:flex}.state-view-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:3px 10px;font-size:10px;font-weight:600}.state-view-btn.active{background:var(--accent);color:var(--text-primary)}.state-map{flex-direction:column;gap:8px;padding:8px;display:flex}.state-map-project{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px}.state-map-project-name{color:var(--text-primary);margin-bottom:3px;font-size:13px;font-weight:700}.state-map-project-stats{color:var(--text-secondary);font-size:10px;font-family:var(--font-mono);flex-wrap:wrap;gap:8px;display:flex}.state-map-tracks{flex-direction:column;gap:4px;display:flex}.state-map-empty{color:var(--text-dim);padding:8px;font-size:11px}.state-map-track{text-align:left;background:var(--bg-surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:background var(--transition-fast);flex-direction:column;gap:3px;padding:6px 8px;display:flex}.state-map-track:hover{background:var(--bg-hover)}.state-map-track.selected{background:var(--accent-dim);border-color:var(--accent)}.state-map-track-row{align-items:center;gap:6px;display:flex}.state-map-track-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;font-weight:600;overflow:hidden}.state-map-track-badge{letter-spacing:.5px;font-size:8.5px;font-weight:700}.state-map-flag{border-radius:3px;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;font-weight:700;display:flex}.state-map-flag.mute{color:var(--meter-yellow);background:color-mix(in srgb, var(--meter-yellow) 16%, transparent)}.state-map-flag.solo{color:var(--meter-green);background:color-mix(in srgb, var(--meter-green) 16%, transparent)}.state-map-track-meta{color:var(--text-dim);font-size:9.5px;font-family:var(--font-mono);align-items:center;gap:8px;display:flex}.state-map-fx{flex-wrap:wrap;gap:3px;display:flex}.state-map-fx-chip{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:8px;padding:1px 5px;font-size:9px}.midi-map-popover{z-index:200;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius);width:340px;max-height:70vh;box-shadow:var(--shadow-lg);position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto}.channel-spatial{justify-content:center;padding:3px 0;display:flex}.mini-spatial-pad{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);cursor:crosshair;flex-shrink:0;width:48px;height:48px;position:relative}.mini-spatial-pad.active{border-color:var(--accent-hover)}.mini-spatial-cross-h,.mini-spatial-cross-v{background:var(--border-subtle);position:absolute}.mini-spatial-cross-h{height:1px;top:50%;left:0;right:0}.mini-spatial-cross-v{width:1px;top:0;bottom:0;left:50%}.mini-spatial-dot{width:8px;height:8px;transition:box-shadow var(--transition-fast);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.channel-spatial-master{flex-direction:column}.master-spatial-format{gap:2px;display:flex}.master-fmt-btn{border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-dim);cursor:pointer;border-radius:3px;padding:2px 5px;font-size:8.5px;font-weight:700}.master-fmt-btn.active{background:var(--accent);color:var(--text-primary);border-color:var(--accent-hover)}.compound-browser{height:100%;min-height:0;display:flex}.compound-rail{background:var(--bg-primary);border-right:var(--hairline) solid var(--border);flex-direction:column;flex-shrink:0;gap:1px;width:68px;padding:4px 3px;display:flex;overflow-y:auto}.compound-rail-btn{border-radius:var(--radius-sm);color:var(--text-dim);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-left:2px solid #0000;flex-direction:column;align-items:center;gap:3px;padding:7px 3px;display:flex}.compound-rail-btn:hover{background:color-mix(in srgb, var(--cat-color) 12%, var(--bg-hover));color:var(--cat-color)}.compound-rail-btn.active{font-weight:600}.compound-rail-icon{font-size:15px;display:flex}.compound-rail-label{letter-spacing:.02em;font-size:9px;font-weight:600}.compound-content{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.compound-content>*{flex:1;min-height:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}.add-effect-btn{width:24px;height:24px;color:var(--text-secondary)}.add-effect-btn:hover{color:var(--accent)}.routing-panel{background:var(--bg-primary);flex-direction:column;flex:1;display:flex;overflow:hidden}.routing-header{border-bottom:1px solid var(--border);background:var(--bg-secondary);align-items:center;padding:8px 16px;display:flex}.routing-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-size:11px;font-weight:600}.routing-legend{color:var(--text-dim);font-size:10px;font-family:var(--font-mono);margin-left:12px}.routing-send-cable:hover{stroke-width:3px;opacity:1!important}.routing-content{flex:1;justify-content:center;align-items:center;padding:24px;display:flex;overflow:auto}.routing-empty{color:var(--text-dim);justify-content:center;align-items:center;font-size:13px;display:flex}.routing-svg{display:block}.graph-view{background:var(--bg-primary);flex-direction:column;flex:1;display:flex;overflow:hidden}.graph-view-header{border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0;align-items:center;gap:12px;padding:8px 16px;display:flex}.graph-view-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-size:11px;font-weight:600}.graph-view-subtitle{color:var(--text-dim);font-size:10px;font-family:var(--font-mono)}.graph-view-canvas{flex:1;position:relative;overflow:hidden}.graph-view-canvas .tl-container{--color-background:#0d1117!important;--color-text:#e6edf3!important}.graph-view-canvas .tl-background{background-color:#0d1117!important}.graph-view-canvas,.graph-view-canvas *,.graph-view-canvas .tl-container,.graph-view-canvas .tl-canvas{cursor:default!important}.graph-view-canvas .tl-shape,.graph-view-canvas .tl-shape *{cursor:grab!important}.graph-view-canvas .tl-shape:active,.graph-view-canvas .tl-shape:active *{cursor:grabbing!important}.graph-view-canvas .tl-cursor,.graph-view-canvas [class*=cursor]{visibility:visible!important;display:block!important}.graph-view-canvas .tl-container[style*="cursor: none"],.graph-view-canvas .tl-container[style*=cursor\:none]{cursor:default!important}.graph-view-canvas .tlui-style-panel,.graph-view-canvas .tlui-actions-menu,.graph-view-canvas .tlui-toolbar{background:var(--bg-secondary)!important;border-color:var(--border)!important}.bottom-bar{background:var(--bg-tertiary);border-top:1px solid var(--border-subtle);height:24px;color:var(--text-dim);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 12px;font-size:11px;display:flex}.bottom-bar-left,.bottom-bar-center,.bottom-bar-right{align-items:center;gap:8px;display:flex}.bottom-bar-center{flex:1;justify-content:center}.bottom-bar-connection{align-items:center;gap:4px;font-size:10px;display:flex}.bottom-bar-connection.connected{color:var(--meter-green)}.bottom-bar-connection.disconnected{color:var(--meter-red)}.bottom-bar-divider{background:var(--border);width:1px;height:12px}.bottom-bar-item{font-family:var(--font-mono);color:var(--text-dim);font-size:10px}.bottom-bar-project{color:var(--text-secondary);font-family:var(--font-sans);font-weight:500}.bottom-bar-message{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:400px;font-size:10px;overflow:hidden}.bottom-bar-cpu{color:var(--meter-green)}.bottom-bar-cpu.cpu-medium{color:var(--meter-yellow)}.bottom-bar-cpu.cpu-high{color:var(--meter-red)}.shortcuts-overlay{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;animation:.15s fadeIn;position:fixed;inset:0}.shortcuts-panel{z-index:201;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:420px;max-width:500px;max-height:70vh;padding:24px;animation:.15s scaleIn;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.shortcuts-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.shortcuts-title{color:var(--text-primary);font-size:16px;font-weight:600}.shortcuts-close{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.shortcuts-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.shortcuts-body{flex-direction:column;gap:16px;display:flex}.shortcuts-category{flex-direction:column;gap:6px;display:flex}.shortcuts-category-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);border-bottom:1px solid var(--border);padding-bottom:4px;font-size:11px;font-weight:600}.shortcuts-list{flex-direction:column;gap:4px;display:flex}.shortcut-row{justify-content:space-between;align-items:center;padding:3px 0;display:flex}.shortcut-key{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--text-primary);justify-content:center;align-items:center;min-width:32px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex;box-shadow:0 1px 2px #0003}.shortcut-desc{color:var(--text-secondary);font-size:12px}.context-menu-overlay{z-index:300;position:fixed;inset:0}.context-menu{z-index:301;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:180px;padding:4px;animation:.1s scaleIn;position:fixed}.context-menu-item{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.context-menu-item:hover{background:var(--accent-dim);color:var(--text-primary)}.context-menu-item.destructive:hover{color:var(--meter-red);background:#ef444426}.context-menu-separator{background:var(--border);height:1px;margin:4px 0}.import-dialog-content{flex-direction:column;gap:16px;display:flex}.import-drop-zone{border:2px dashed var(--border-light);border-radius:var(--radius);background:var(--bg-primary);cursor:pointer;transition:all var(--transition);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px;display:flex}.import-drop-zone:hover{border-color:var(--accent);background:var(--accent-dim)}.import-drop-zone-icon{color:var(--text-dim);font-size:24px}.import-drop-zone-text{color:var(--text-secondary);font-size:13px}.import-file-list{flex-direction:column;gap:4px;max-height:200px;display:flex;overflow-y:auto}.import-file-item{background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-primary);justify-content:space-between;align-items:center;padding:6px 10px;font-size:12px;display:flex}.import-file-size{font-family:var(--font-mono);color:var(--text-dim);font-size:10px}.export-form{flex-direction:column;gap:14px;display:flex}.export-field{flex-direction:column;gap:4px;display:flex}.export-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.export-input{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);transition:border-color var(--transition);padding:6px 10px;font-size:13px}.export-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim);outline:none}.export-help{color:var(--text-dim);font-size:11px;line-height:1.35}.export-format-grid{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.export-format-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;text-align:center;transition:all var(--transition);padding:6px 4px;font-size:11px;font-weight:500}.export-format-btn:hover{border-color:var(--border-light);color:var(--text-primary)}.export-format-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--text-dim)}.export-slider-row{align-items:center;gap:8px;display:flex}.export-slider-label{color:var(--text-secondary);flex-shrink:0;width:60px;font-size:11px}.export-slider-value{font-family:var(--font-mono);color:var(--text-dim);text-align:right;flex-shrink:0;width:50px;font-size:11px}.export-checkbox-row{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.export-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding-top:8px;display:flex}.analysis-panel{background:var(--bg-secondary);border-top:1px solid var(--border);flex-direction:column;gap:12px;height:100%;min-height:0;padding:12px;display:flex;overflow-y:auto}.analysis-panel-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-size:11px;font-weight:600}.analysis-buttons{flex-wrap:wrap;gap:4px;display:flex}.analysis-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);padding:5px 10px;font-size:11px}.analysis-btn:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--text-dim)}.analysis-btn:disabled{opacity:.4;cursor:default}.analysis-results{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--text-secondary);white-space:pre-wrap;min-height:60px;max-height:180px;padding:10px;font-size:11px;overflow-y:auto}.analysis-history{gap:6px;display:grid}.analysis-history-item{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px}.analysis-history-meta{color:var(--text-dim);text-transform:uppercase;flex-wrap:wrap;gap:8px;margin-bottom:4px;font-size:10px;display:flex}.analysis-history-summary{font-family:var(--font-mono);color:var(--text-secondary);white-space:pre-wrap;font-size:11px}.analysis-history-details{color:var(--text-dim);margin:6px 0 0;padding-left:16px;font-size:10px}.analysis-history-details li{margin:2px 0}.meter-viz{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px}.meter-viz svg{width:100%;display:block}.meter-viz-row{margin-bottom:7px}.meter-viz-row:last-child{margin-bottom:0}.meter-viz-label{letter-spacing:.4px;color:var(--text-dim);justify-content:space-between;align-items:baseline;margin-bottom:3px;font-size:10px;display:flex}.meter-viz-value{font-family:var(--font-mono);color:var(--text-secondary);font-size:11px}.meter-viz-value.over{color:var(--meter-red)}.meter-viz-note{margin-top:4px;font-size:10px}.meter-viz-note.ok{color:var(--meter-green)}.meter-viz-note.bad{color:var(--meter-red)}.collab-bar{align-items:center;gap:4px;margin-right:8px;display:inline-flex}.collab-count{color:var(--text-dim);margin-right:2px;font-size:10px;font-weight:600}.collab-avatar{color:#fff;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:700;display:inline-flex}.pwa-install-banner{z-index:9000;background:var(--bg-secondary);border:1px solid var(--accent);box-shadow:var(--shadow-lg);color:var(--text-primary);border-radius:10px;align-items:center;gap:10px;max-width:min(92vw,520px);padding:10px 14px;font-size:12px;display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.pwa-install-banner button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:600}.pwa-install-banner .pwa-dismiss{color:var(--text-dim);border:1px solid var(--border);background:0 0}.guided-tour-overlay{z-index:9999;pointer-events:none;justify-content:center;align-items:flex-end;padding:24px;display:flex;position:fixed;inset:0}.guided-tour-card{pointer-events:auto;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;width:100%;max-width:420px;padding:16px 18px;box-shadow:0 16px 48px #00000073}.guided-tour-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.guided-tour-step{color:var(--text-dim);margin-left:auto;font-size:10px}.guided-tour-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none}.guided-tour-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}@media (width<=900px){.main-content{min-height:40vh}.mm-ozone__presets{grid-template-columns:1fr}.mm-ozone__automix,.mm-ozone__tool,.mm-ozone__analyze{min-height:36px}.header-toolbar{scrollbar-width:none;flex-wrap:nowrap;gap:4px;overflow-x:auto}.connection-status{font-size:10px}}@media (width<=640px){.landmark-contents{z-index:100;position:sticky;bottom:0}.guided-tour-overlay{padding:12px}.mixer-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.app.simple-mode .panel-layout-right{display:none!important}.transport-armed-badge{background:var(--accent);color:#fff;border-radius:999px;padding:0 4px;font-size:9px;font-weight:700;line-height:14px;position:absolute;top:2px;right:2px}.transport-btn.record-btn{position:relative}.timeline-marker .marker-flag[data-comment=true]{border-top-color:#f59e0b!important}}.app.simple-mode .header-toolbar-advanced,.app.simple-mode .view-pane-tabs button[data-view=routing],.app.simple-mode .view-pane-tabs button[data-view=graph],.app.simple-mode .view-pane-tabs button[data-view=notation]{display:none}.loop-library-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));align-content:start;gap:8px;display:grid}.loop-library-card{background:var(--bg-secondary);border:1px solid var(--border);cursor:grab;border-radius:8px;flex-direction:column;gap:6px;min-height:88px;padding:10px;display:flex}.loop-library-card:hover{border-color:var(--accent)}.community-panel{background:var(--bg-secondary);flex-direction:column;height:100%;min-height:0;display:flex}.community-header{height:var(--section-header-h);min-height:var(--section-header-h);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:0 10px;display:flex}.community-header-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-size:11px;font-weight:600}.community-header-actions{align-items:center;gap:6px;display:flex}.community-collab-peek{align-items:center;gap:2px;display:inline-flex}.community-collab-peek .collab-avatar{border:1px solid var(--bg-secondary);width:18px;height:18px;margin-left:-4px;font-size:9px}.community-collab-peek .collab-avatar:first-child{margin-left:0}.community-collab-count{color:var(--text-dim);margin-left:4px;font-size:9px;font-weight:600}.community-icon-btn{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.community-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.community-icon-btn:disabled{opacity:.5;cursor:wait}.community-segments{border-bottom:1px solid var(--border);flex-shrink:0;gap:4px;padding:6px 8px;display:flex}.community-segment{background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);border:none;border-radius:999px;flex:1;padding:6px 8px;font-size:10px;font-weight:600}.community-segment:hover{color:var(--text-primary)}.community-segment[aria-selected=true]{background:var(--accent);color:#fff}.community-body{flex-direction:column;flex:1;gap:8px;min-height:0;padding:8px;display:flex;overflow:auto}.community-boost-wallet{background:var(--accent-dim);color:var(--text-secondary);border:1px solid #1db95447;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:4px 10px;font-size:10px;font-weight:500;display:inline-flex}.community-boost-wallet strong{color:var(--accent-hover);font-weight:700}.community-boost-wallet svg{color:var(--accent-hover);flex-shrink:0}.community-composer{border:1px solid var(--border);background:var(--bg-primary);border-radius:8px;overflow:hidden}.community-composer-toggle{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:11px;font-weight:600;display:flex}.community-composer-toggle:hover{background:var(--bg-hover)}.community-composer-toggle svg{color:var(--accent);flex-shrink:0}.community-composer-form{border-top:1px solid var(--border-subtle);flex-direction:column;gap:6px;padding:8px 10px 10px;display:flex}.community-composer-form input,.community-composer-form textarea{background:var(--bg-secondary);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:4px;padding:6px 8px;font-family:inherit;font-size:11px}.community-composer-form textarea{resize:vertical;min-height:48px}.community-composer-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.community-btn{border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:5px;min-height:28px;padding:6px 10px;font-size:10px;font-weight:600;display:inline-flex}.community-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-light)}.community-btn:disabled{opacity:.45;cursor:not-allowed}.community-btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.community-btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.community-success{color:var(--text-secondary);background:var(--accent-dim);border-top:1px solid #1db95433;flex-direction:column;gap:6px;padding:8px 10px;font-size:11px;display:flex}.community-success strong{color:var(--accent-hover)}.community-success-row{align-items:center;gap:6px;display:flex}.community-success-row input{background:var(--bg-primary);border:1px solid var(--border);min-width:0;color:var(--text-dim);border-radius:4px;flex:1;padding:4px 6px;font-size:10px}.community-toolbar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.community-search{flex:1;min-width:100px;position:relative}.community-search svg{color:var(--text-dim);pointer-events:none;font-size:10px;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.community-search input{background:var(--bg-primary);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:4px;padding:5px 8px 5px 24px;font-size:11px}.community-toolbar select{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);border-radius:4px;padding:5px 6px;font-size:11px}.community-filter-chip{background:var(--accent-dim);color:var(--text-primary);border:1px solid #1db9544d;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;display:inline-flex}.community-filter-chip button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:12px;line-height:1}.community-filter-chip button:hover{color:var(--text-primary)}.community-feed-grid{flex-direction:column;gap:8px;display:flex}.community-post-card{background:var(--bg-primary);border:1px solid var(--border);transition:border-color var(--transition-fast);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.community-post-card:hover{border-color:var(--accent)}.community-post-cover{flex-shrink:0;height:36px}.community-post-body{flex-direction:column;gap:6px;padding:8px 10px 10px;display:flex}.community-post-top{align-items:flex-start;gap:8px;display:flex}.community-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:inline-flex}.community-post-meta-block{flex:1;min-width:0}.community-post-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;line-height:1.25;overflow:hidden}.community-post-sub{color:var(--text-dim);margin-top:1px;font-size:10px}.community-post-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.35;display:-webkit-box;overflow:hidden}.community-chips{flex-wrap:wrap;gap:4px;display:flex}.community-chip{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-dim);border-radius:999px;padding:1px 6px;font-size:9px}.community-post-actions{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.community-post-actions .community-btn{min-height:26px;padding:4px 8px}.community-creator-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.community-creator-card{text-align:left;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;border-radius:8px;flex-direction:column;align-items:flex-start;gap:6px;min-height:88px;padding:10px;display:flex}.community-creator-card:hover{border-color:var(--accent);background:var(--accent-dim)}.community-creator-card .community-avatar{width:32px;height:32px;font-size:12px}.community-creator-name{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:11px;font-weight:600;overflow:hidden}.community-creator-stats{color:var(--text-dim);font-size:10px}.community-creator-bio{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.3;display:-webkit-box;overflow:hidden}.community-profile{flex-direction:column;gap:10px;display:flex}.community-profile-hero{align-items:center;gap:10px;display:flex}.community-profile-hero .community-avatar{width:40px;height:40px;font-size:16px}.community-profile-name{font-size:13px;font-weight:600}.community-profile-hint{color:var(--text-dim);font-size:10px}.community-stats-row{grid-template-columns:1fr 1fr;gap:6px;display:grid}.community-stat{background:var(--bg-primary);border:1px solid var(--border);text-align:center;border-radius:8px;padding:8px}.community-stat b{color:var(--accent-hover);font-size:14px;display:block}.community-stat span{color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px;font-size:9px}.community-field{color:var(--text-dim);flex-direction:column;gap:4px;font-size:10px;display:flex}.community-field input,.community-field textarea{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);border-radius:4px;padding:6px 8px;font-family:inherit;font-size:11px}.community-field textarea{resize:vertical;min-height:56px}.community-profile-posts{flex-direction:column;gap:6px;display:flex}.community-profile-posts-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);font-size:10px;font-weight:600}.community-empty{text-align:center;color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px 12px;font-size:11px;line-height:1.4;display:flex}.community-empty strong{color:var(--text-secondary);font-size:12px}.community-skeleton{flex-direction:column;gap:8px;display:flex}.community-skeleton-card{background:linear-gradient(90deg, var(--bg-primary) 25%, var(--bg-tertiary) 50%, var(--bg-primary) 75%);border:1px solid var(--border-subtle);background-size:200% 100%;border-radius:8px;height:96px;animation:1.2s ease-in-out infinite community-shimmer}@keyframes community-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=640px){.community-segment{min-height:36px}.community-btn{min-height:36px;padding:8px 12px}.community-post-actions .community-btn{min-height:36px}.community-creator-card{min-height:96px}}.song-starter{flex-direction:column;gap:8px;padding:10px;display:flex}.song-starter-header{align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.song-starter-hint{color:var(--text-dim);margin:0;font-size:10px}.song-starter-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.song-starter-card{text-align:left;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text);cursor:pointer;border-radius:8px;flex-direction:column;gap:4px;padding:10px;display:flex}.song-starter-card:hover{border-color:var(--accent);background:var(--accent-dim)}.song-starter-icon{color:var(--accent)}.song-starter-desc{color:var(--text-dim);font-size:10px}.spectrum-viz-label{margin-bottom:6px}.preset-menu-item:hover{background:var(--accent-dim);color:var(--text-dim)!important}.midi-console{--midi-chassis:#0a0b12;--midi-face:#12141e;--midi-panel:#161824;--midi-recess:#080910;--midi-edge:#b48cff1f;--midi-accent:#b48cff;--midi-accent-2:#5ec8ff;--midi-text:#e8e6f0;--midi-muted:#8a8898;background:radial-gradient(120% 70% at 50% -15%, #b48cff1a, transparent 55%), linear-gradient(180deg, #12141c 0%, var(--midi-chassis) 45%, #07080e 100%);height:100%;min-height:0;color:var(--midi-text);border-top:1px solid var(--midi-edge);flex-direction:column;gap:8px;padding:0 0 10px;display:flex;overflow-y:auto;box-shadow:inset 0 1px #ffffff08}.midi-faceplate{background:linear-gradient(180deg, #1a1c28 0%, var(--midi-face) 100%);border-bottom:1px solid var(--midi-edge);flex-shrink:0;align-items:center;gap:10px;padding:10px 12px 8px;display:flex;box-shadow:0 1px #00000059,inset 0 1px #ffffff0a}.midi-brand{align-items:center;gap:8px;min-width:0;display:flex}.midi-brand-mark{background:radial-gradient(circle at 35% 30%, #e8d4ff, var(--midi-accent) 55%, #4a2a8a);border-radius:50%;flex-shrink:0;width:9px;height:9px;box-shadow:0 0 10px #b48cff8c}.midi-brand-text{flex-direction:column;line-height:1.1;display:flex}.midi-brand-name{font-family:var(--font-mono);letter-spacing:.2em;font-size:10px;font-weight:700}.midi-brand-model{letter-spacing:.16em;color:var(--midi-accent);text-transform:uppercase;font-size:8px;font-weight:600}.midi-leds{align-items:center;gap:8px;margin-left:auto;display:flex}.midi-led{letter-spacing:.1em;color:var(--midi-muted);font-size:8px;font-weight:700;font-family:var(--font-mono);align-items:center;gap:4px;display:inline-flex}.midi-led i{background:#2a2c38;border-radius:50%;width:6px;height:6px;display:block;box-shadow:inset 0 1px 2px #0009}.midi-led.on.violet i{background:#c9a8ff;box-shadow:0 0 8px #b48cffbf}.midi-led.on.cyan i{background:#5ec8ff;box-shadow:0 0 8px #5ec8ffbf}.midi-led.on.pulse i{background:var(--midi-accent);animation:1s ease-in-out infinite midi-pulse;box-shadow:0 0 8px #b48cffcc}.midi-led.on{color:var(--midi-text)}@keyframes midi-pulse{0%,to{opacity:1}50%{opacity:.35}}.midi-hint-banner{color:var(--midi-muted);border:1px solid var(--midi-edge);background:#b48cff0f;border-radius:6px;margin:0 10px;padding:6px 10px;font-size:10px}.midi-module{background:linear-gradient(180deg, #1a1c28 0%, var(--midi-panel) 100%);border:1px solid var(--midi-edge);border-radius:10px;margin:0 10px;padding:10px;box-shadow:inset 0 1px #ffffff08,0 2px 8px #00000040}.midi-module--hero{background:radial-gradient(90% 120% at 15% 0,#b48cff1f,#0000 55%),linear-gradient(#1c1830 0%,#14101e 100%);border-color:#b48cff38}.midi-module-label{letter-spacing:.16em;text-transform:uppercase;color:var(--midi-accent);margin-bottom:8px;font-size:9px;font-weight:700}.midi-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.midi-label{color:var(--midi-muted);letter-spacing:.04em;flex-shrink:0;width:56px;font-size:10px;font-weight:600}.midi-select{background:var(--midi-recess);border:1px solid var(--midi-edge);min-width:0;color:var(--midi-text);border-radius:6px;flex:1;padding:5px 8px;font-size:11px;box-shadow:inset 0 1px 3px #0006}.midi-readout{font-family:var(--font-mono);color:var(--midi-accent-2);text-align:right;flex-shrink:0;width:36px;font-size:11px;font-weight:600}.midi-readout--wide{width:auto;color:var(--midi-muted)}.midi-slider{touch-action:none;-webkit-user-select:none;user-select:none;flex:1;align-items:center;min-width:0;height:16px;display:flex;position:relative}.midi-slider-track{background:var(--midi-recess);border-radius:999px;flex:1;height:4px;position:relative;box-shadow:inset 0 1px 2px #00000080}.midi-slider-range{background:linear-gradient(90deg, var(--midi-accent), var(--midi-accent-2));border-radius:999px;height:100%;position:absolute}.midi-slider-thumb{background:#fff;border-radius:50%;width:12px;height:12px;display:block;box-shadow:0 0 0 2px #b48cff59,0 1px 4px #0006}.midi-btn{border:1px solid var(--midi-edge);color:var(--midi-text);cursor:pointer;background:linear-gradient(#222436,#161824);border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffff0a}.midi-btn:hover:not(:disabled){border-color:#b48cff59}.midi-btn:disabled{opacity:.4;cursor:default}.midi-btn--primary{color:var(--midi-accent);background:linear-gradient(#2a2040,#181028);border-color:#b48cff66;margin-top:4px}.midi-chip-grid{flex-wrap:wrap;gap:4px;display:flex}.midi-chip{border:1px solid var(--midi-edge);background:var(--midi-recess);color:var(--midi-text);cursor:pointer;letter-spacing:.02em;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:600}.midi-chip:hover:not(:disabled){color:var(--midi-accent);border-color:#b48cff66}.midi-chip:disabled{opacity:.4;cursor:default}.midi-chip--fx{color:var(--midi-accent);background:#b48cff1a;border-color:#b48cff40}.midi-euclid,.midi-groove,.midi-fx-row,.midi-length-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.midi-field{letter-spacing:.08em;text-transform:uppercase;color:var(--midi-muted);flex-direction:column;gap:3px;font-size:9px;font-weight:700;display:flex}.midi-field input,.midi-field select,.midi-num{width:52px;font-size:11px;font-family:var(--font-mono);background:var(--midi-recess);border:1px solid var(--midi-edge);color:var(--midi-text);border-radius:5px;padding:4px 6px;box-shadow:inset 0 1px 2px #0006}.midi-field select{width:auto;min-width:56px}.midi-field--grow{flex:1;min-width:120px}.midi-field--grow input[type=range]{width:100%;accent-color:var(--midi-accent)}.midi-display{background:var(--midi-recess);border:1px solid var(--midi-edge);border-radius:8px;flex-direction:column;gap:2px;min-height:44px;margin:2px 10px 0;padding:8px 10px;display:flex;box-shadow:inset 0 2px 8px #00000073}.midi-display-label{letter-spacing:.14em;color:#5a6a8a;font-size:8px;font-weight:700;font-family:var(--font-mono)}.midi-display-msg{font-family:var(--font-mono);color:#7a9ab8;font-size:11px;line-height:1.35}.midi-display.has-msg .midi-display-msg{color:var(--midi-accent-2)}.midi-tools-panel,.midi-section{display:contents}.midi-section-title,.midi-results{display:none}.spatial-controls{flex-direction:column;gap:12px;display:flex}.spatial-panner{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);cursor:crosshair;align-self:center;width:200px;height:200px;position:relative;overflow:hidden}.spatial-panner-grid{position:absolute;inset:0}.spatial-panner-dot{background:var(--accent);border:2px solid var(--text-primary);pointer-events:none;width:12px;height:12px;box-shadow:0 0 8px var(--accent-glow);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.spatial-inputs{gap:8px;display:flex}.spatial-input-group{flex-direction:column;flex:1;gap:2px;display:flex}.spatial-input-label{color:var(--text-dim);text-transform:uppercase;font-size:10px;font-weight:600}.spatial-input{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);width:100%;padding:4px 6px;font-size:11px}.spatial-input:focus{border-color:var(--accent);outline:none}.spatial-format-row{gap:4px;display:flex}.spatial-format-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;text-align:center;transition:all var(--transition);flex:1;padding:5px 4px;font-size:10px}.spatial-format-btn:hover{border-color:var(--border-light);color:var(--text-primary)}.spatial-format-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--text-dim)}.automation-lane{border-bottom:1px solid var(--border-subtle);z-index:2;background:#00000026;height:40px;position:relative}.automation-lane-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;z-index:3;font-size:8px;font-weight:600;position:absolute;top:2px;left:4px}.effect-category{margin-bottom:12px}.effect-category-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);border-bottom:1px solid var(--border);margin-bottom:6px;padding-bottom:4px;font-size:10px;font-weight:600}.effect-option-desc{color:var(--text-dim);margin-top:2px;font-size:9px}.effect-option-defaults{font-size:8px;font-family:var(--font-mono);color:var(--text-dim);opacity:.7;margin-top:2px}.session-panel{flex:1;overflow:hidden}.dialog-content.dialog-wide{min-width:500px;max-width:640px}.lane-badge{z-index:6;width:18px;height:18px;font-size:9px;font-weight:700;font-family:var(--font-mono);border-radius:3px;justify-content:center;align-items:center;display:flex;position:absolute;top:4px;right:8px}.lane-badge-mute{background:var(--mute-color);color:#fff;right:28px}.lane-badge-solo{background:var(--solo-color);color:var(--bg-primary)}.clip-waveform-svg{pointer-events:none;position:absolute;bottom:0;left:0}.clip-rms-envelope{mix-blend-mode:screen}.clip-clipping-marker{mix-blend-mode:normal}.automation-lane{border-bottom:1px solid var(--border-subtle);background:#00000026;position:relative}.automation-lane-label{z-index:2;font-size:8px;font-family:var(--font-mono);color:var(--text-dim);text-transform:uppercase;padding:2px 6px;position:sticky;left:0}.prio-show-lg,.prio-show-md,.prio-show-sm{display:none!important}.logo-text-short{display:none}.project-name{text-overflow:ellipsis;white-space:nowrap;cursor:pointer;min-width:0;max-width:220px;overflow:hidden}.project-name-input{background:var(--bg-tertiary);border:1px solid var(--accent);color:var(--text-primary);border-radius:4px;width:min(160px,30vw);min-width:80px;padding:2px 6px;font-size:13px}.header-overflow{position:relative}.connection-status{flex-shrink:0;align-items:center;gap:6px;min-width:0;display:inline-flex}.loop-btn-label{font-size:8px;font-family:var(--font-mono);text-align:left;width:22px;margin-left:2px;display:inline-block}.transport-more{flex-shrink:0;display:inline-flex;position:relative}.transport-more-btn{box-sizing:border-box;width:28px;min-width:28px;height:28px}.transport-more-menu{background:var(--bg-secondary);border:1px solid var(--border);width:min(280px,92vw);max-height:min(70vh,420px);box-shadow:var(--shadow-lg);z-index:200;border-radius:8px;padding:6px 0;position:absolute;bottom:calc(100% + 6px);right:0;overflow-y:auto}.transport-more-section{text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);padding:8px 12px 4px;font-size:9px;font-weight:700}.transport-more-item{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.transport-more-item:hover{background:var(--bg-hover)}.transport-more-item.active{color:var(--accent-hover)}.transport-more-select select{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);border-radius:4px;padding:2px 4px;font-size:11px}.transport-more-row{color:var(--text-secondary);align-items:center;gap:8px;padding:6px 12px;font-size:11px;display:flex}.transport-more-row input[type=range]{flex:1;min-width:0}.transport-more-chips{flex-wrap:wrap;gap:4px;padding:4px 12px 8px;display:flex}.transport-more-chip{border:1px solid var(--border);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:4px 8px;font-size:10px}.transport-more-chip.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent-hover)}.compound-rail{scrollbar-width:thin;overflow:hidden auto}@container transport (width<=1100px){.prio-hide-lg{display:none!important}}@container transport (width<=1400px){.transport-count-in-inline{display:none!important}}@container transport (width<=820px){.prio-hide-md{display:none!important}}@container transport (width<=560px){.prio-hide-sm{display:none!important}}@container header (width<=900px){.prio-hide-lg{display:none!important}.project-name{max-width:120px}}@container header (width<=720px){.prio-hide-md{display:none!important}.prio-show-md{display:inline-flex!important}.project-name{max-width:88px}}@container header (width<=480px){.prio-hide-sm{display:none!important}.logo-text{display:none}.logo-text-short{display:inline}.header-actions-label,.connection-label{display:none}.project-name{max-width:64px}}@media (width<=1200px){.prio-hide-lg{display:none!important}.prio-show-lg{display:inline-flex!important}.effect-browser{border-left:none;width:0;min-width:0;padding:0;overflow:hidden}.project-name{max-width:140px}}@media (width<=900px){.prio-hide-md{display:none!important}.prio-show-md{display:inline-flex!important}.header{padding:0 8px}.header-right .btn-sm{padding:4px 8px;font-size:11px}.header-left{gap:6px}.project-name{max-width:100px;font-size:12px}.view-btn span{display:none}.channel-strip{width:64px;min-width:64px}.channel-strip.master{width:84px;min-width:84px}.panel-layout-left,.panel-layout-right{overflow:hidden;min-width:0!important;max-width:min(200px,28vw)!important}.transport{column-gap:6px;padding:0 8px}.transport-zone{gap:4px}.community-creator-grid{grid-template-columns:1fr}.community-post-actions .community-btn{flex:auto}}@media (width<=640px){.prio-hide-sm{display:none!important}.prio-show-sm{display:inline-flex!important}.logo-text{display:none}.logo-text-short{font-family:var(--font-mono);letter-spacing:1px;font-size:14px;font-weight:700;display:inline}.header-actions-label,.connection-label{display:none}.project-name{max-width:72px}.toolbar-selection-info{display:none}.transport{column-gap:4px;height:44px;padding:0 6px}.loop-btn-label{visibility:hidden;width:0;margin:0;overflow:hidden}.bpm-label,.bpm-nudge,.transport-master-label,.position-display-secondary,.transport-aux{display:none}.panel-layout-right{display:none!important}.panel-layout-left{max-width:min(200px,42vw)!important}.compound-browser{flex-direction:column}.compound-rail{border-right:none;border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-flow:row;gap:2px;width:100%;max-width:100%;padding:4px;overflow:auto hidden}.compound-rail::-webkit-scrollbar{display:none}.compound-rail-btn{border-bottom:2px solid #0000;border-left:none;flex:none;min-width:52px;min-height:40px;padding:6px 8px}.compound-rail-btn.active{border-bottom-color:var(--cat-color,var(--accent));border-left-color:#0000}.compound-rail-label{font-size:9px}.channel-strip{min-width:72px}input[type=range]{min-height:28px}.knob,.dsdk-knob-svg{transform-origin:50%;transform:scale(1.1)}.community-segment,.community-btn{min-height:36px}.community-post-actions{flex-wrap:wrap}.community-post-actions .community-btn{min-width:calc(50% - 4px)}}@media (width<=420px){.panel-layout-left{display:none!important}.project-name{max-width:56px}.transport-zone-left .transport-tempo{min-width:0}}.timeline{flex:1;min-width:0}.arrange-tracks-corner{box-sizing:border-box;min-width:0;overflow:hidden;container:tracks-corner/inline-size}@container tracks-corner (width<=160px){.arrange-tracks-label{display:none}}@container tracks-corner (width<=120px){.arrange-corner-btn{display:none}}.arrange-tracks-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0;font-size:11px;font-weight:600;overflow:hidden}.arrange-tracks-actions{flex-shrink:0;align-items:center;gap:2px;margin-left:auto;display:flex}.arrange-corner-btn{box-sizing:border-box;border-radius:var(--radius-sm);width:24px;min-width:24px;height:24px;min-height:24px;color:var(--text-dim);cursor:pointer;font-size:10px;font-family:var(--font-mono);text-align:center;background:0 0;border:1px solid #0000;flex-shrink:0;padding:0;line-height:22px}.arrange-corner-btn[aria-pressed=true]{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.arrange-add-track-btn{box-sizing:border-box;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);width:26px;min-width:26px;height:26px;color:var(--text-primary);cursor:pointer;z-index:2;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:12px;display:inline-flex}.arrange-add-track-btn:hover{border-color:var(--accent);color:var(--accent-hover);background:var(--accent-dim)}.arrange-root{min-width:0;overflow:hidden}.arrange-range-corner{box-sizing:border-box;min-width:0;font-size:9px;font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.5px;justify-content:space-between;align-items:center;gap:4px;padding:0 6px 0 12px;font-weight:500;display:flex;overflow:hidden;container:range-corner/inline-size}.arrange-range-corner>span:first-child{flex-shrink:0}.arrange-range-toggles{flex-shrink:1;align-items:center;gap:3px;min-width:0;display:flex;overflow:hidden}@container range-corner (width<=220px){.arrange-toggle-chip:nth-child(n+4){display:none}}@container range-corner (width<=180px){.arrange-toggle-chip:nth-child(n+3){display:none}}@container range-corner (width<=148px){.arrange-toggle-chip:nth-child(n+2){display:none}}.arrange-toggle-chip{box-sizing:border-box;border:var(--hairline) solid var(--border);border-radius:var(--radius-sm);width:36px;min-width:36px;max-width:36px;height:24px;min-height:24px;color:var(--text-dim);cursor:pointer;font-size:8px;font-family:var(--font-mono);letter-spacing:.03em;text-align:center;background:0 0;flex-shrink:0;margin:0;padding:0;font-weight:600;line-height:22px;overflow:hidden}.arrange-toggle-chip.is-on{background:#ffffff0f}.arrange-toggle-chip.is-on-clip{color:#ff6b6b;background:#ff282833;border-color:#ff6b6b73}.arrange-toggle-chip.is-on-rms{color:#7eb8ff;background:#5aa0ff33;border-color:#7eb8ff73}.arrange-toggle-chip.is-on-spec{color:#c78be0;background:#a05ac833;border-color:#c78be073}.arrange-toggle-chip.is-on-time{background:var(--accent-dim);border-color:var(--accent);color:var(--text-primary)}.arrange-ruler-controls-bar{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);flex-shrink:0;align-items:center;height:24px;min-height:24px;padding:0 8px;display:flex}.arrange-ruler-controls-spacer{flex-shrink:0}.arrange-ruler-modes{display:none}.clip-dragging-source{filter:grayscale(.2)}.timeline-lane-drop-target{outline:1px dashed color-mix(in srgb, var(--accent) 70%, transparent);outline-offset:-2px;background:color-mix(in srgb, var(--accent) 8%, transparent)!important}.drop-guide-x{border-left:1px dashed var(--accent-hover);z-index:24;pointer-events:none;opacity:.9;width:0;position:absolute}.drop-guide-lane{border:1px dashed color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--accent) 6%, transparent);z-index:22;pointer-events:none;border-radius:2px;position:absolute}.drop-ghost-clip{z-index:25;pointer-events:none;color:#fff;opacity:.92;will-change:left, top, width;border:1.5px dashed;border-radius:4px;align-items:center;padding:0 8px;font-size:10px;font-weight:500;display:flex;position:absolute;box-shadow:0 0 0 1px #00000040;transition:none!important}.drop-ghost-clip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-space-empty{cursor:context-menu}.track-space-empty:hover{background:color-mix(in srgb, var(--accent) 4%, transparent)}.clip-block,.timeline-lane-wrap,.timeline-lane{transition:none}.state-inspector{background:var(--bg-secondary);border-left:1px solid var(--border);z-index:100;flex-direction:column;width:360px;animation:.15s slideInRight;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-4px 0 16px #0006}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.state-inspector-header{background:linear-gradient(to bottom, var(--bg-tertiary), var(--bg-secondary));border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:32px;min-height:32px;padding:0 12px;display:flex}.state-inspector-title{font-size:12px;font-weight:600;font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.5px}.state-inspector-close{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;padding:2px 4px;font-size:18px;line-height:1}.state-inspector-close:hover{color:var(--text-primary);background:var(--bg-hover)}.state-inspector-search{border-bottom:1px solid var(--border-subtle);padding:6px 8px}.state-inspector-filter{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;font-size:11px;font-family:var(--font-mono);color:var(--text-primary);transition:border-color var(--transition);outline:none;padding:4px 8px}.state-inspector-filter:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}.state-inspector-body{font-family:var(--font-mono);flex:1;padding:4px 0;font-size:11px;overflow:auto}.tree-node{cursor:pointer;white-space:nowrap;transition:background var(--transition-fast);padding:2px 8px;line-height:1.5}.tree-node:hover{background:var(--bg-hover)}.tree-node-expandable{cursor:pointer}.tree-node-arrow{width:12px;color:var(--text-dim);font-size:10px;display:inline-block}.tree-node-key{color:#93c5fd;font-weight:500}.tree-node-separator{color:var(--text-dim)}.tree-node-preview{color:var(--text-dim);font-size:10px}.tree-node-value{font-weight:400}.tree-node-string{color:#22c55e}.tree-node-number{color:#06b6d4}.tree-node-boolean{color:#f97316}.tree-node-null{color:#6b7280}.track-header.minimized{height:24px;min-height:24px;max-height:24px}.timeline-lane.minimized{height:24px;min-height:24px}.track-minimize-btn{color:var(--text-dim);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;padding:0 2px;font-size:10px;line-height:1;display:flex}.track-minimize-btn:hover{color:var(--text-primary)}.track-group-frame{--group-indent:22px;--group-rail-x:13px;box-sizing:border-box;border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);width:100%;display:flex;position:relative}.track-group-frame--lane{z-index:1;overflow:hidden}.track-group-frame--bus{background:linear-gradient(180deg, color-mix(in srgb, var(--group-color) 14%, var(--bg-secondary)), color-mix(in srgb, var(--group-color) 4%, var(--bg-secondary)));border-top:1px solid color-mix(in srgb, var(--group-color) 28%, var(--border-subtle));border-bottom:1px solid color-mix(in srgb, var(--group-color) 12%, var(--border-subtle));margin-top:8px}.track-group-frame--bus.track-group-frame--collapsed{border-radius:0 6px 6px 0;margin-bottom:4px}.track-group-frame--member,.track-group-frame--auto{background:linear-gradient(90deg, color-mix(in srgb, var(--group-color) 6%, var(--bg-secondary)), var(--bg-secondary) 48px)}.track-group-frame--member.track-group-frame--last,.track-group-frame--auto.track-group-frame--last{border-bottom-color:color-mix(in srgb, var(--group-color) 20%, var(--border-subtle));margin-bottom:6px}.track-group-rail{flex:0 0 var(--group-indent);min-height:100%;position:relative}.track-group-frame--bus .track-group-rail{flex:0 0 5px}.track-group-rail-bus{background:var(--group-color);box-shadow:0 0 12px color-mix(in srgb, var(--group-color) 35%, transparent);border-radius:0 3px 3px 0;position:absolute;inset:0}.track-group-rail-stem{left:var(--group-rail-x);background:color-mix(in srgb, var(--group-color) 45%, var(--border));width:1px;position:absolute;top:0;bottom:0}.track-group-frame--last .track-group-rail-stem{bottom:50%}.track-group-frame--first-member .track-group-rail-stem{top:0}.track-group-rail-branch{left:var(--group-rail-x);background:color-mix(in srgb, var(--group-color) 50%, var(--border));width:10px;height:1px;position:absolute;top:50%;transform:translateY(-.5px)}.track-group-rail-cap-bottom{left:calc(var(--group-rail-x) - 2px);background:color-mix(in srgb, var(--group-color) 55%, transparent);border:1px solid color-mix(in srgb, var(--group-color) 70%, transparent);border-radius:50%;width:5px;height:5px;position:absolute;bottom:calc(50% - 3px)}.track-group-body{flex:1;min-width:0;position:relative}.track-group-frame--header .track-group-body{overflow:hidden}.track-group-lane-label{letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--group-color) 70%, var(--text-dim));opacity:.55;pointer-events:none;z-index:0;font-size:9px;font-weight:700;position:absolute;top:6px;left:28px}.group-bus-header{box-sizing:border-box;align-items:stretch;gap:6px;height:100%;padding:0 22px 0 4px;display:flex}.group-bus-collapse{border:1px solid color-mix(in srgb, var(--group-color) 35%, var(--border));background:color-mix(in srgb, var(--group-color) 10%, var(--bg-primary));width:20px;height:20px;color:var(--text-secondary);cursor:pointer;border-radius:4px;flex:0 0 20px;justify-content:center;align-self:center;align-items:center;padding:0;transition:background .12s,color .12s,border-color .12s;display:flex}.group-bus-header:hover .group-bus-collapse{color:var(--text-primary);border-color:color-mix(in srgb, var(--group-color) 55%, var(--border))}.group-bus-strip{background:color-mix(in srgb, var(--group-color) 6%, var(--bg-primary));border:1px solid color-mix(in srgb, var(--group-color) 16%, var(--border-subtle));border-radius:4px;flex:1;min-width:0;position:relative;overflow:hidden}.group-bus-strip .track-header{background:0 0!important}.group-bus-badge{z-index:3;font-size:8px;font-weight:700;font-family:var(--font-mono);color:color-mix(in srgb, var(--group-color) 80%, white);background:color-mix(in srgb, var(--group-color) 18%, var(--bg-primary));border:1px solid color-mix(in srgb, var(--group-color) 30%, transparent);pointer-events:none;border-radius:8px;align-items:center;gap:3px;padding:1px 5px;display:inline-flex;position:absolute;top:5px;right:6px}.group-bus-ungroup{z-index:4;color:var(--text-dim);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:3px;padding:3px 5px;transition:opacity .12s,color .12s,background .12s;position:absolute;top:6px;right:6px}.group-bus-header:hover .group-bus-ungroup{opacity:1}.group-bus-ungroup:hover{color:var(--meter-red);background:#ef44441a}.group-header-legacy{cursor:pointer;align-items:center;gap:6px;height:100%;padding:0 10px;display:flex}.group-header-legacy-name{text-transform:uppercase;letter-spacing:.04em;flex:1;font-size:11px;font-weight:600}.group-header-legacy-count{font-size:9px;font-family:var(--font-mono);color:var(--text-dim)}.group-header-legacy-delete{color:var(--text-dim);cursor:pointer;background:0 0;border:none}.track-header-row,.track-auto-row{border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary)}.track-auto-label{height:100%;color:var(--text-dim);font-size:9px;font-family:var(--font-mono);align-items:center;padding:0 10px;display:flex}.track-auto-lane{background:#0000001f;height:100%}.timeline-lane-wrap{height:100%;position:relative;overflow:hidden}.timeline-lane-wrap--solo{border-bottom:1px solid var(--border-subtle)}.timeline-lane--grouped{background:0 0}.timeline-lane--grouped .lane-color-strip{opacity:.72;width:3px}.group-header{transition:background var(--transition-fast)}.group-header:hover{background:var(--bg-hover)!important}.group-bracket{transition:opacity var(--transition-fast)}.bottom-bar-inspector-btn{transition:all var(--transition-fast)}.bottom-bar-inspector-btn:hover{color:var(--text-dim)!important;background:var(--accent-dim)!important}.device-section-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);padding:12px 12px 6px;font-size:11px}.device-filter{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);outline:none;padding:5px 9px;font-size:12px}.device-filter:focus{border-color:var(--accent)}.device-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;padding:4px 12px 14px;display:grid}.device-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 11px;transition:border-color .12s,background .12s,transform 50ms;display:flex}.device-card:hover{border-color:var(--accent);background:var(--bg-hover)}.device-card:active{transform:scale(.98)}.device-card:disabled{opacity:.6;cursor:default}.device-card.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-glow)}.device-card.generator{border-left:3px solid var(--accent-dim)}.device-card-glyph{margin-bottom:4px;font-size:20px;line-height:1}.device-card-name{color:var(--text-primary);font-size:12px;font-weight:600}.device-card-blurb{color:var(--text-secondary);font-size:10px}.session-empty{flex:1;justify-content:center;align-items:center;min-height:320px;padding:40px;display:flex}.session-empty-card{text-align:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);max-width:460px;padding:28px 30px}.session-empty-icon{color:var(--accent);opacity:.85;margin-bottom:12px;font-size:34px}.session-empty-card h3{color:var(--text-primary);margin:0 0 10px;font-size:15px}.session-empty-card p{color:var(--text-secondary);margin:0 0 14px;font-size:12.5px;line-height:1.55}.session-empty-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:12px;display:flex}.session-empty-actions button{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;padding:7px 12px;font-size:12px}.session-empty-actions button:first-child{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.session-empty-actions button:hover{border-color:var(--accent)}.session-empty-hint{color:var(--text-dim);font-size:11px}.autosave-indicator{z-index:40;font-size:10px;font-family:var(--font-mono);color:var(--text-dim);background:var(--bg-panel);border:1px solid var(--border-subtle);opacity:.85;pointer-events:none;border-radius:4px;align-items:center;gap:6px;padding:2px 8px;display:flex;position:fixed;bottom:6px;right:10px}.autosave-dot{border-radius:50%;width:7px;height:7px}.autosave-dot.on{background:var(--accent);box-shadow:0 0 4px var(--accent)}.autosave-dot.off{background:var(--text-dim)}.recovery-overlay{z-index:2000;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.recovery-modal{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;width:460px;max-width:92vw;padding:18px 20px;box-shadow:0 12px 48px #00000080}.recovery-title{color:var(--text);margin-bottom:4px;font-size:15px;font-weight:600}.recovery-subtitle{color:var(--text-dim);margin-bottom:12px;font-size:11px}.recovery-list{flex-direction:column;gap:6px;max-height:240px;margin:0 0 12px;padding:0;list-style:none;display:flex;overflow-y:auto}.recovery-item{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:5px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.recovery-item-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.recovery-item-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.recovery-item-time{color:var(--text-dim);font-size:10px;font-family:var(--font-mono)}.recovery-item-actions{flex-shrink:0;gap:6px;display:flex}.recovery-footer{justify-content:flex-end;gap:8px;display:flex}.recovery-modal .btn-sm{background:var(--bg-primary);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:4px 10px;font-size:11px}.recovery-modal .btn-sm:hover{border-color:var(--accent);color:var(--accent)}.transport-sync{border-left:1px solid var(--border-subtle);align-items:center;gap:4px;margin-left:8px;padding-left:8px;display:flex}.transport-sync-select{font-size:10px;font-family:var(--font-mono);background:var(--bg-primary);color:var(--text);border:1px solid var(--border);border-radius:3px;padding:1px 3px}.notation-view{background:var(--bg-panel);flex-direction:column;height:100%;min-height:0;display:flex}.clip-inspector{flex-direction:column;height:100%;min-height:0;display:flex;overflow-y:auto}.notation-toolbar{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:12px;padding:6px 10px;display:flex}.notation-title{color:var(--text);font-size:12px;font-weight:600}.notation-transport{gap:3px;display:flex}.notation-btn,.notation-view .notation-btn{background:var(--bg-primary);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:3px;padding:2px 7px;font-size:12px}.notation-btn:hover{border-color:var(--accent);color:var(--accent)}.notation-ctl{color:var(--text-dim);align-items:center;gap:4px;font-size:11px;display:flex}.notation-ctl select,.notation-ctl input{font-size:11px}.notation-scroll{flex:1;padding:20px 10px 10px;overflow:auto}.notation-svg{background:var(--bg-primary);border-radius:4px}.notation-empty{color:var(--text-dim);flex:1;justify-content:center;align-items:center;font-size:12px;display:flex}.notation-hint{color:var(--text-dim);border-top:1px solid var(--border-subtle);padding:4px 10px;font-size:10px}.mappings-panel{flex-direction:column;gap:14px;height:100%;padding:10px;display:flex;overflow-y:auto}.mappings-section{flex-direction:column;gap:6px;display:flex}.mappings-head{color:var(--text);align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.mappings-badge{font-size:9px;font-family:var(--font-mono);border:1px solid var(--border-subtle);color:var(--text-dim);border-radius:3px;padding:1px 5px}.mappings-badge.ok{color:var(--accent);border-color:var(--accent)}.mappings-badge.unsupported,.mappings-badge.denied{color:#d88;border-color:#d88}.mappings-table{border-collapse:collapse;width:100%;font-size:11px}.mappings-table td{border-bottom:1px solid var(--border-subtle);color:var(--text);padding:3px 4px}.mappings-val{font-family:var(--font-mono);color:var(--text-dim)}.mappings-btn{background:var(--bg-primary);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:3px;margin-left:3px;padding:2px 7px;font-size:10px}.mappings-btn:hover{border-color:var(--accent);color:var(--accent)}.mappings-btn.learning{background:var(--accent);color:var(--bg-primary);border-color:var(--accent);animation:1s infinite pulse}.mappings-select,.mappings-num{background:var(--bg-primary);color:var(--text);border:1px solid var(--border);border-radius:3px;padding:2px 4px;font-size:11px}.mappings-num{width:70px;margin-left:6px}.mappings-row{color:var(--text-dim);align-items:center;gap:6px;font-size:11px;display:flex}.wfe-overlay{z-index:1900;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.wfe-modal{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;width:min(1100px,94vw);padding:14px 16px;box-shadow:0 12px 48px #00000080}.wfe-head{align-items:center;gap:12px;margin-bottom:10px;display:flex}.wfe-title{color:var(--text);flex:1;font-size:13px;font-weight:600}.wfe-transport{gap:3px;display:flex}.wfe-btn{background:var(--bg-primary);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:3px;padding:3px 9px;font-size:12px}.wfe-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.wfe-btn:disabled{opacity:.5;cursor:default}.wfe-btn.wfe-accent{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.wfe-close{margin-left:auto}.wfe-canvas{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:4px;overflow-x:auto}.wfe-tools{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.wfe-zoom{color:var(--text-dim);align-items:center;gap:4px;margin-left:auto;font-size:11px;display:flex}.wfe-busy{color:var(--accent);font-size:11px}.clip-multi-selected{outline:2px solid var(--accent);outline-offset:-2px}.idev-panel{box-sizing:border-box;flex-direction:column;gap:10px;height:100%;min-height:0;padding:10px 12px;display:flex;overflow-y:auto}.idev-search{background:var(--bg-primary);color:var(--text);border:1px solid var(--border);box-sizing:border-box;border-radius:4px;width:100%;padding:6px 8px;font-size:11px}.idev-hint{color:var(--text-dim);padding:2px 0;font-size:11px}.idev-section-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin:2px 0 4px;font-size:10px;font-weight:600}.idev-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));align-items:stretch;gap:8px;display:grid}.idev-card{text-align:left;background:var(--bg-primary);border:1px solid var(--border);cursor:pointer;box-sizing:border-box;border-radius:6px;flex-direction:column;align-items:flex-start;gap:4px;min-height:76px;padding:8px 9px;display:flex}.idev-card:hover:not(:disabled){border-color:var(--accent)}.idev-card:disabled{opacity:.5;cursor:default}.idev-card.idev-active{border-color:var(--accent);background:var(--accent-dim)}.idev-name{color:var(--text);font-size:12px;font-weight:600}.idev-badge{font-size:8px;font-family:var(--font-mono);text-transform:uppercase;border:1px solid var(--border-subtle);color:var(--text-dim);border-radius:2px;padding:0 4px}.idev-badge.native{color:var(--accent);border-color:var(--accent)}.idev-badge.approx{color:#c9a15a;border-color:#c9a15a}.idev-blurb{color:var(--text-dim);font-size:9px;line-height:1.25}.ai-panel{background:var(--bg-panel);flex-direction:column;height:100%;display:flex}.ai-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;padding:6px 10px;display:flex}.ai-title{color:var(--text);font-size:12px;font-weight:600}.ai-context{font-size:9px;font-family:var(--font-mono);color:var(--text-dim);margin-left:auto}.ai-tooltoggle{color:var(--text-dim);align-items:center;gap:3px;font-size:10px;display:flex}.ai-messages{flex-direction:column;flex:1;gap:8px;padding:10px;display:flex;overflow-y:auto}.ai-empty{color:var(--text-dim);font-size:11px}.ai-empty-title{color:var(--text);margin-bottom:2px;font-weight:600}.ai-empty-sub{margin-bottom:8px}.ai-examples{flex-direction:column;gap:4px;display:flex}.ai-example{text-align:left;background:var(--bg-primary);border:1px solid var(--border-subtle);color:var(--text);cursor:pointer;border-radius:4px;padding:5px 8px;font-size:11px}.ai-example:hover{border-color:var(--accent);color:var(--accent)}.ai-msg{display:flex}.ai-user{justify-content:flex-end}.ai-bubble{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:8px;max-width:88%;padding:7px 10px}.ai-user .ai-bubble{background:var(--accent-dim);border-color:var(--accent)}.ai-text{color:var(--text);white-space:pre-wrap;word-break:break-word;margin:0;font-family:inherit;font-size:11px}.ai-tools{border-top:1px dashed var(--border-subtle);flex-direction:column;gap:2px;margin-top:6px;padding-top:6px;display:flex}.ai-tool{font-size:10px;font-family:var(--font-mono);color:var(--accent)}.ai-confirm{color:#c9a15a;align-items:center;gap:6px;margin-top:6px;font-size:10px;display:flex}.ai-input-row{border-top:1px solid var(--border-subtle);gap:6px;padding:8px;display:flex}.ai-input{background:var(--bg-primary);color:var(--text);border:1px solid var(--border);border-radius:4px;flex:1;padding:5px 8px;font-size:11px}.ai-btn{background:var(--bg-primary);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:4px 10px;font-size:11px}.ai-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.ai-btn:disabled{opacity:.5;cursor:default}.ai-btn.ai-accent{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.quickprompt-overlay{z-index:2100;background:#0006;justify-content:center;align-items:flex-start;padding-top:18vh;display:flex;position:fixed;inset:0}.quickprompt-box{background:var(--bg-panel);border:1px solid var(--accent);border-radius:10px;width:min(620px,92vw);padding:14px 16px;box-shadow:0 16px 60px #0000008c}.quickprompt-label{color:var(--text-dim);justify-content:space-between;margin-bottom:6px;font-size:10px;display:flex}.quickprompt-label kbd{font-family:var(--font-mono);background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:3px;padding:0 4px}.quickprompt-input{background:var(--bg-primary);width:100%;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:9px 12px;font-size:15px}.quickprompt-result{font-size:11px;font-family:var(--font-mono);color:var(--accent);flex-direction:column;gap:2px;margin-top:8px;display:flex}.transport-panic{color:#e0729b!important}.transport-panic:hover{border-color:#e0729b!important}.export-select{background:var(--bg-primary);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:4px 8px;font-size:12px}.export-progress{align-items:center;gap:8px;margin-top:10px;display:flex}.export-progress-bar{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:4px;flex:1;height:8px;overflow:hidden}.export-progress-fill{background:var(--accent);height:100%;transition:width .12s linear}.export-progress-pct{font-size:10px;font-family:var(--font-mono);color:var(--text-dim);width:34px}.export-error-banner{color:var(--text-secondary);background:#ef444414;border:1px solid #ef444459;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding:8px 10px;font-size:12px;display:flex}.empty-timeline-nudge{text-align:center;border:1px solid var(--border-subtle);background:var(--chrome-fill,#0f1114eb);box-shadow:var(--shadow);z-index:8;pointer-events:auto;border-radius:12px;max-width:320px;padding:20px 24px;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.empty-timeline-title{color:var(--text-primary);margin:0 0 6px;font-size:15px;font-weight:600}.empty-timeline-sub{color:var(--text-dim);margin:0 0 14px;font-size:12px;line-height:1.45}.empty-timeline-actions{justify-content:center;gap:8px;display:flex}.filebrowser-quickjump{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;padding:6px 8px;display:flex}.quickjump-btn{background:var(--bg-primary);min-height:24px;color:var(--text-dim);border:1px solid var(--border-subtle);cursor:pointer;border-radius:3px;padding:3px 8px;font-size:10px}.quickjump-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.quickjump-btn:disabled{opacity:.5;cursor:default}.dsdk-panel{background:var(--bg-panel);flex-direction:column;gap:8px;height:100%;padding:10px;display:flex;overflow-y:auto}.dsdk-panel-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.dsdk-panel-title{color:var(--text);font-size:14px;font-weight:700}.dsdk-panel-sub{color:var(--text-dim);margin-top:2px;font-size:10px}.dsdk-section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin-top:6px;font-size:10px}.dsdk-empty{color:var(--text-dim);border:1px dashed var(--border-subtle);border-radius:6px;padding:10px;font-size:11px}.dsdk-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.dsdk-card{border:1px solid var(--border-subtle);border-left:3px solid var(--device-color,var(--accent));background:var(--bg-primary);border-radius:6px;flex-direction:column;display:flex;overflow:hidden}.dsdk-card-open{cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;display:flex}.dsdk-card-open:hover{background:#ffffff0a}.dsdk-card-dot{background:var(--device-color,var(--accent));border-radius:50%;width:8px;height:8px}.dsdk-card-name{color:var(--text);font-size:12px;font-weight:600}.dsdk-card-kind{text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);font-size:9px}.dsdk-card-kind.synth{color:var(--device-color,var(--accent))}.dsdk-card-meta{color:var(--text-dim);font-size:9px}.dsdk-card-actions{border-top:1px solid var(--border-subtle);display:flex}.dsdk-card-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex:1;padding:5px;font-size:10px}.dsdk-card-btn:hover:not(:disabled){color:var(--accent);background:#ffffff0a}.dsdk-card-btn:disabled{opacity:.4;cursor:default}.dsdk-card-btn.del{border-left:1px solid var(--border-subtle);flex:0 0 30px}.dsdk-card-btn.del:hover{color:var(--danger,#d9534f)}.dsdk-btn{background:var(--bg-primary);color:var(--text);border:1px solid var(--border-subtle);cursor:pointer;white-space:nowrap;border-radius:5px;padding:6px 12px;font-size:11px}.dsdk-btn:hover:not(:disabled){border-color:var(--accent)}.dsdk-btn:disabled{opacity:.45;cursor:default}.dsdk-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.dsdk-btn.ghost{background:0 0}.dsdk-btn.wide{width:100%;margin-top:6px}.dsdk-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.dsdk-modal{background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;width:min(1200px,96vw);height:min(760px,92vh);display:flex;overflow:hidden;box-shadow:0 24px 60px #00000080}.dsdk-modal-header{border-bottom:1px solid var(--border);background:linear-gradient(#ffffff08,#0000);align-items:center;gap:8px;padding:10px 12px;display:flex}.dsdk-modal-dot{background:var(--device-color,var(--accent));width:10px;height:10px;box-shadow:0 0 8px var(--device-color,var(--accent));border-radius:50%}.dsdk-name-input{color:var(--text);background:0 0;border:1px solid #0000;border-radius:4px;min-width:140px;padding:4px 6px;font-size:14px;font-weight:600}.dsdk-name-input:hover,.dsdk-name-input:focus{border-color:var(--border-subtle);background:var(--bg-primary);outline:none}.dsdk-kind-select{background:var(--bg-primary);color:var(--text);border:1px solid var(--border-subtle);border-radius:4px;padding:4px;font-size:11px}.dsdk-color-row{gap:4px;display:flex}.dsdk-color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:16px;height:16px}.dsdk-color-swatch.active{border-color:#fff}.dsdk-header-spacer{flex:1}.dsdk-modal-body{flex:1;grid-template-columns:1.4fr 1fr;min-height:0;display:grid}.dsdk-code-pane{border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.dsdk-code-editor{flex:1;min-height:0}.dsdk-code-status{border-top:1px solid var(--border);padding:6px 10px;font-family:SF Mono,Menlo,monospace;font-size:10px}.dsdk-code-status.ok{color:var(--success,#6ac46a)}.dsdk-code-status.err{color:var(--danger,#d9534f)}.dsdk-side-pane{flex-direction:column;min-height:0;display:flex;overflow-y:auto}.dsdk-tabs{border-bottom:1px solid var(--border);display:flex}.dsdk-tabs button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:8px;font-size:11px}.dsdk-tabs button.active{color:var(--text);border-bottom-color:var(--device-color,var(--accent))}.dsdk-params{flex-direction:column;gap:4px;padding:10px;display:flex}.dsdk-params-head,.dsdk-param-row{grid-template-columns:34px 1fr 56px 56px 56px 24px;align-items:center;gap:5px;display:grid}.dsdk-params-head{text-transform:uppercase;color:var(--text-dim);padding-bottom:2px;font-size:9px}.dsdk-param-row input{background:var(--bg-primary);color:var(--text);border:1px solid var(--border-subtle);border-radius:3px;width:100%;padding:3px 5px;font-size:11px}.dsdk-slot{color:var(--text-dim);font-family:SF Mono,Menlo,monospace;font-size:10px}.dsdk-param-del{color:var(--text-dim);border:1px solid var(--border-subtle);cursor:pointer;background:0 0;border-radius:3px}.dsdk-param-del:hover{color:var(--danger,#d9534f);border-color:var(--danger,#d9534f)}.dsdk-ui-config{flex-direction:column;gap:6px;padding:10px;display:flex}.dsdk-ui-row{grid-template-columns:1fr 90px;align-items:center;gap:8px;display:grid}.dsdk-ui-row select{background:var(--bg-primary);color:var(--text);border:1px solid var(--border-subtle);border-radius:3px;padding:3px;font-size:11px}.dsdk-preview{border-top:1px solid var(--border);margin-top:auto;padding:10px}.dsdk-preview-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin-bottom:6px;font-size:9px}.dsdk-face{border:1px solid var(--border-subtle);background:linear-gradient(160deg,#ffffff08,#00000026);border-radius:8px;padding:10px}.dsdk-face-header{align-items:center;gap:6px;margin-bottom:8px;display:flex}.dsdk-face-dot{background:var(--device-color,var(--accent));border-radius:50%;width:8px;height:8px}.dsdk-face-name{color:var(--text);font-size:12px;font-weight:600}.dsdk-face-kind{text-transform:uppercase;color:var(--text-dim);font-size:9px}.dsdk-face-kind.synth{color:var(--device-color,var(--accent))}.dsdk-face-live{color:var(--success,#6ac46a);margin-left:auto;font-size:9px}.dsdk-face-controls{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.dsdk-face-control{flex-direction:column;align-items:center;gap:2px;min-width:56px;display:flex}.dsdk-knob{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:2px;display:flex}.dsdk-knob-svg{cursor:ns-resize;touch-action:none}.dsdk-knob-label{color:var(--text);text-align:center;font-size:10px}.dsdk-knob-value{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:9px}.dsdk-face-slider{width:80px}.dsdk-toggle{color:var(--text);background:var(--bg-primary);border:1px solid var(--border-subtle);cursor:pointer;border-radius:4px;padding:6px 10px;font-size:10px}.dsdk-toggle.on{color:#fff}.mixer-header{background:linear-gradient(#12161d,#0e1218);border-bottom:1px solid #232a35;justify-content:space-between;align-items:center;padding:7px 12px;display:flex}.mixer-title{letter-spacing:2px;color:var(--text-secondary);font-size:11px;font-weight:700}.mixer-header-controls{align-items:center;gap:10px;display:flex}.mixer-track-count{color:var(--text-dim);font-size:10px;font-family:var(--font-mono)}.mixer-add-btn{border:1px solid var(--border);background:var(--bg-primary);width:22px;height:22px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:6px;font-size:15px;line-height:1}.mixer-add-btn:hover{border-color:var(--accent);color:var(--text-primary);background:var(--bg-hover)}.channel-strip{background:linear-gradient(#1b212c 0%,#141922 100%);border:1px solid #262d3a;border-radius:8px;gap:5px;width:94px;min-width:94px;padding:0 5px 8px;box-shadow:0 3px 10px #00000059}.channel-strip:hover{border-color:#39414f}.channel-strip.master{width:118px;min-width:118px}.channel-io{align-items:center;gap:4px;width:100%;display:flex}.channel-io-label{font-size:8px;font-family:var(--font-mono);color:var(--text-dim);background:#0000004d;border-radius:3px;flex-shrink:0;padding:2px 4px;font-weight:700}.channel-out-select{min-width:0;font-size:8.5px;font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border);cursor:pointer;border-radius:4px;outline:none;flex:1;padding:2px 3px}.channel-out-select:hover{border-color:var(--border-light);color:var(--text-primary)}.channel-io-master{justify-content:center}.channel-sends-section{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.channel-sends{flex-wrap:wrap;justify-content:center;gap:6px 4px;width:100%;display:flex}.channel-send-knob{flex-direction:column;align-items:center;gap:1px;width:30px;display:flex;position:relative}.channel-send-remove{width:12px;height:12px;color:var(--text-dim);cursor:pointer;opacity:0;transition:opacity var(--transition-fast);z-index:2;background:0 0;border:none;border-radius:50%;font-size:11px;line-height:1;position:absolute;top:-4px;right:-2px}.channel-send-knob:hover .channel-send-remove{opacity:1}.channel-send-remove:hover{color:var(--meter-red)}.channel-send-dial{cursor:ns-resize;flex-direction:column;align-items:center;display:flex;position:relative}.channel-send-value{text-align:center;font-family:var(--font-mono);color:var(--text-secondary);pointer-events:none;font-size:8px;position:absolute;top:8px;left:0;right:0}.channel-send-meta{flex-direction:column;align-items:center;gap:1px;display:flex}.channel-send-target{color:var(--text-dim);font-size:7px;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;max-width:30px;overflow:hidden}.channel-send-tap{font-family:var(--font-mono);cursor:pointer;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-dim);transition:all var(--transition-fast);border-radius:2px;padding:0 3px;font-size:7px;font-weight:700}.channel-send-tap.pre{color:#06b6d4;border-color:#06b6d466}.channel-send-tap.post{color:var(--text-dim)}.channel-add-send-wrap{justify-content:center;width:100%;display:flex;position:relative}.channel-add-send{font-size:8px;font-family:var(--font-mono);color:var(--text-dim);border:1px dashed var(--border);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:4px;padding:1px 8px}.channel-add-send:hover{border-color:var(--accent);color:var(--text-secondary)}.channel-add-send-backdrop{z-index:40;position:fixed;inset:0}.channel-add-send-menu{z-index:50;background:var(--bg-secondary);border:1px solid var(--border-light);min-width:110px;box-shadow:var(--shadow-lg);border-radius:6px;max-height:220px;margin-top:3px;padding:4px;position:absolute;top:100%;left:50%;overflow-y:auto;transform:translate(-50%)}.channel-add-send-menu button{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:11px;display:block}.channel-add-send-menu button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.channel-panner{flex-direction:column;align-items:center;gap:5px;width:100%;display:flex}.channel-pan-mode{border:1px solid var(--border);background:var(--bg-primary);border-radius:5px;display:inline-flex;overflow:hidden}.pan-mode-btn{font-size:8.5px;font-weight:700;font-family:var(--font-mono);color:var(--text-dim);cursor:pointer;transition:all var(--transition-fast);border:none;border-right:1px solid var(--border);background:0 0;padding:2px 8px}.pan-mode-btn:last-child{border-right:none}.pan-mode-btn.active{background:var(--accent);color:var(--text-primary)}.channel-3d{align-items:stretch;gap:4px;display:flex}.channel-3d-pad{background:radial-gradient(circle at center, #ffffff0a, transparent 70%), var(--bg-primary);border:1px solid var(--border);cursor:crosshair;width:58px;height:58px;box-shadow:var(--shadow-inset);border-radius:6px;position:relative}.channel-3d-cross-h,.channel-3d-cross-v{background:var(--border);position:absolute}.channel-3d-cross-h{height:1px;top:50%;left:6%;right:6%}.channel-3d-cross-v{width:1px;top:6%;bottom:6%;left:50%}.channel-3d-dot{border:1.5px solid #fff9;border-radius:50%;width:9px;height:9px;position:absolute;transform:translate(-50%,-50%)}.channel-3d-z{flex-direction:column;align-items:center;gap:2px;display:flex}.channel-3d-z-label{font-size:7px;font-family:var(--font-mono);color:var(--text-dim)}.z-slider-root{flex:1;justify-content:center;align-items:center;width:12px;display:flex;position:relative}.z-slider-track{background:var(--bg-primary);width:4px;height:100%;box-shadow:var(--shadow-inset);border-radius:2px;position:relative}.z-slider-range{background:#06b6d4;border-radius:2px;width:100%;position:absolute}.z-slider-thumb{background:var(--text-primary);border:2px solid var(--bg-secondary);cursor:pointer;border-radius:50%;width:11px;height:11px;display:block}.channel-width{align-items:center;gap:4px;width:100%;display:flex}.channel-width-label{color:var(--text-dim);font-size:8px;font-weight:700;font-family:var(--font-mono)}.channel-width-value{color:var(--text-secondary);font-size:8px;font-family:var(--font-mono);text-align:right;width:22px}.width-slider-root{flex:1;align-items:center;height:12px;display:flex;position:relative}.width-slider-track{background:var(--bg-primary);height:4px;box-shadow:var(--shadow-inset);border-radius:2px;flex:1;position:relative}.width-slider-range{background:linear-gradient(90deg,#a855f7,#06b6d4);border-radius:2px;height:100%;position:absolute}.width-slider-thumb{background:var(--text-primary);border:2px solid var(--bg-secondary);cursor:pointer;border-radius:50%;width:11px;height:11px;display:block}.channel-clip-led{z-index:3;background:#2a3040;border-radius:2px;width:22px;height:3px;transition:background .1s;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.channel-clip-led.clipped{background:var(--meter-red);box-shadow:0 0 6px var(--meter-red)}.channel-meter-fader{position:relative}.channel-btn.mono-btn.active{color:#fff;background:#6366f1;border-color:#6366f1}.channel-io-master .master-spatial-format{gap:3px;display:flex}.channel-io-master .master-fmt-btn{font-size:8px;font-weight:700;font-family:var(--font-mono);border:1px solid var(--border);background:var(--bg-primary);color:var(--text-dim);cursor:pointer;transition:all var(--transition-fast);border-radius:4px;padding:2px 6px}.channel-io-master .master-fmt-btn.active{background:var(--accent);color:var(--text-primary);border-color:var(--accent)}.drum-rack-panel{flex-direction:column;gap:10px;padding:4px 0;display:flex}.drum-rack-panel--embedded{flex:1;gap:6px;min-height:0;padding:0}.drum-rack-panel--embedded .drum-rack-toolbar{flex-shrink:0;padding:0 2px}.drum-rack-enable--compact{gap:4px;font-size:10px}.drum-rack-panel--embedded .drum-rack-stage{flex-direction:column;flex:1;min-height:0;display:flex}.drum-rack-panel--embedded .drum-rack-grid{flex:1;grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;height:auto;min-height:0}.drum-rack-panel--embedded .drum-pad{min-height:0;padding:0}.drum-rack-panel--embedded .drum-pad-head{min-height:18px;padding:3px 5px 1px}.drum-rack-panel--embedded .drum-pad-foot{padding:1px 5px 3px}.drum-rack-panel--embedded .drum-pad-wave{flex:1;height:auto;min-height:16px;max-height:28px}.drum-rack-panel--embedded .drum-pad-editor{flex-shrink:0;max-height:96px;margin-top:4px;padding:6px 8px;overflow-y:auto}.drum-rack-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.drum-rack-enable{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:11px;display:flex}.drum-rack-title{letter-spacing:.06em;text-transform:uppercase;color:var(--unit-instrument);font-size:10px;font-weight:600}.drum-rack-meta{font-size:10px;font-family:var(--font-mono);color:var(--text-dim)}.drum-rack-stage{grid-template-columns:18px 1fr;align-items:stretch;gap:8px;display:grid}.drum-rack-octave{grid-template-rows:repeat(4,1fr);gap:6px;padding:28px 0 36px;display:grid}.drum-octave-dot{background:var(--hud-line);border-radius:50%;width:6px;height:6px;margin:auto;box-shadow:0 0 0 1px #ffffff0a}.drum-rack-grid{grid-template-columns:repeat(4,minmax(88px,1fr));gap:6px;display:grid}.drum-pad{background:var(--panel-bright);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;min-height:88px;transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition-fast);flex-direction:column;display:flex;position:relative;overflow:hidden}.drum-pad-corners{pointer-events:none;background:linear-gradient(var(--pad-accent,var(--unit-instrument)), var(--pad-accent,var(--unit-instrument))) top left / 8px 1px no-repeat, linear-gradient(var(--pad-accent,var(--unit-instrument)), var(--pad-accent,var(--unit-instrument))) top left / 1px 8px no-repeat, linear-gradient(var(--pad-accent,var(--unit-instrument)), var(--pad-accent,var(--unit-instrument))) top right / 8px 1px no-repeat, linear-gradient(var(--pad-accent,var(--unit-instrument)), var(--pad-accent,var(--unit-instrument))) top right / 1px 8px no-repeat, linear-gradient(var(--pad-accent,var(--unit-instrument)), var(--pad-accent,var(--unit-instrument))) bottom left / 8px 1px no-repeat, linear-gradient(var(--pad-accent,var(--unit-instrument)), var(--pad-accent,var(--unit-instrument))) bottom left / 1px 8px no-repeat, linear-gradient(var(--pad-accent,var(--unit-instrument)), var(--pad-accent,var(--unit-instrument))) bottom right / 8px 1px no-repeat, linear-gradient(var(--pad-accent,var(--unit-instrument)), var(--pad-accent,var(--unit-instrument))) bottom right / 1px 8px no-repeat;opacity:.35;position:absolute;inset:4px}.drum-pad:hover{border-color:color-mix(in srgb, var(--pad-accent) 40%, var(--border));box-shadow:0 2px 12px #00000040}.drum-pad.is-filled{background:linear-gradient(165deg, color-mix(in srgb, var(--pad-accent) 8%, transparent), var(--panel-bright))}.drum-pad.is-selected{border-color:var(--pad-accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--pad-accent) 50%, transparent), 0 4px 16px #00000059}.drum-pad.is-drag-over{border-color:var(--unit-instrument);outline:1px dashed color-mix(in srgb, var(--unit-instrument) 60%, transparent)}.drum-pad.is-playing{filter:brightness(1.15);transform:scale(.98)}.drum-pad-head{align-items:center;gap:4px;min-height:22px;padding:5px 6px 2px;display:flex}.drum-pad-preview{width:18px;height:18px;color:var(--text-secondary);cursor:pointer;background:#00000040;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.drum-pad-preview:hover{color:var(--pad-accent);background:#0006}.drum-pad-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:9px;font-weight:600;overflow:hidden}.drum-pad-wave{width:100%;height:28px;margin:0 auto;display:block}.drum-pad-foot{font-size:8px;font-family:var(--font-mono);color:var(--text-dim);align-items:center;gap:4px;margin-top:auto;padding:2px 6px 5px;display:flex}.drum-pad-flag{width:16px;height:16px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;padding:0;display:flex}.drum-pad-flag.is-on{color:var(--unit-midi);background:#e0a34a26}.drum-pad-note{text-align:center;flex:1;font-weight:600}.drum-pad-out{color:var(--unit-aux);align-items:center;gap:2px;font-size:7px;display:flex}.drum-pad-editor{border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--bg-secondary);padding:10px 12px;animation:.2s dockFadeIn}.drum-pad-editor-head{align-items:baseline;gap:10px;margin-bottom:8px;font-size:11px;display:flex}.drum-pad-editor-head strong{color:var(--unit-instrument)}.drum-pad-editor-fields{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.drum-pad-editor-fields label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);flex-direction:column;gap:3px;font-size:9px;display:flex}.drum-pad-editor-fields input{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);padding:5px 7px;font-size:11px}.mixer-col-headers{z-index:2;background:linear-gradient(#0e1218 85%,#0000);gap:5px;min-width:max-content;padding:0 0 4px 89px;display:flex;position:sticky;top:0}.mixer-col-header-cell{text-align:center;letter-spacing:.08em;text-transform:uppercase;width:78px;min-width:78px;color:var(--text-dim);font-size:8px;font-weight:600;font-family:var(--font-mono);opacity:.7}.channel-strip{border:1px solid var(--border-subtle);border-top:2px solid var(--strip-unit,var(--unit-audio));background:linear-gradient(#ffffff06 0%,#00000026 100%);width:78px;min-width:78px;box-shadow:0 2px 6px #0003}.channel-strip.master{border-top-color:var(--unit-master);width:96px;min-width:96px}.channel-strip.aux{border-top-color:var(--unit-aux)}.channel-strip.unit-instrument{border-top-color:var(--unit-instrument)}.channel-unit-bar{opacity:.9;height:2px;position:absolute;top:0;left:0;right:0}.channel-type-icon{font-size:9px;font-family:var(--font-mono);color:var(--strip-unit);opacity:.85;margin-top:-2px;line-height:1}.channel-strip.soloed{box-shadow:0 0 0 1px color-mix(in srgb, var(--solo-color) 35%, transparent), 0 4px 14px #00000059}.device-lane-body--zoned{flex-direction:row;align-items:stretch;gap:8px;min-width:0;min-height:0;display:flex;overflow:auto hidden}.device-zone{border-top:2px solid var(--zone-color,var(--unit-audio));background:linear-gradient(180deg, color-mix(in srgb, var(--zone-color) 6%, transparent), transparent 48px);border-radius:var(--radius-sm);flex-direction:column;min-width:0;margin-right:4px;padding:4px 6px 6px;display:flex}.device-zone--instrument{--zone-color:var(--unit-instrument);flex:none}.device-zone--audio{--zone-color:var(--unit-audio);flex:auto;min-width:120px}.device-zone-label{letter-spacing:.12em;text-transform:uppercase;color:var(--zone-color);opacity:.75;font-size:8px;font-weight:700;font-family:var(--font-mono);padding:0 4px 6px}.device-zone-slots{flex-flow:row;flex:1;align-items:stretch;gap:6px;min-width:0;min-height:0;display:flex}.device-slot--instrument .effect-card,.device-slot--instrument .native-device-card{border-top:2px solid var(--unit-instrument)}@keyframes dockFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.device-dock-bar{border-bottom:1px solid var(--border-subtle);background:linear-gradient(180deg, var(--bg-tertiary), var(--bg-secondary));flex-shrink:0;align-items:center;gap:0;min-height:72px;display:flex}.device-dock-bar--ableton{background:#252525;border-bottom:1px solid #111;gap:10px;height:30px;min-height:0;padding:0 8px}.device-dock-bar--ableton .device-dock-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-primary);text-overflow:ellipsis;max-width:120px;margin-right:4px;font-size:10px;font-weight:700;overflow:hidden}.device-dock-bar--ableton .device-dock-tools{gap:4px;padding:0}.device-dock-bar--ableton .btn-sm{padding:2px 7px;font-size:10px;line-height:1.2}.device-dock-tools{flex:1;align-items:center;gap:6px;min-width:0;padding:0 10px;display:flex;overflow-x:auto}.device-dock-title{letter-spacing:.04em;color:var(--text-secondary);white-space:nowrap;flex-shrink:0;margin-right:8px;font-size:11px;font-weight:600}.compact-strip{border-right:1px solid var(--border-subtle);background:linear-gradient(90deg, color-mix(in srgb, var(--strip-unit) 8%, transparent), transparent);grid-template-rows:auto 1fr auto;grid-template-columns:3px 52px 14px 28px auto 36px;align-items:center;gap:2px 6px;width:168px;min-width:168px;padding:6px 10px 6px 0;display:grid}.compact-strip--master{grid-template-columns:3px 52px 14px 28px auto;width:148px;min-width:148px}.compact-strip-unit{background:var(--strip-unit);border-radius:2px;grid-row:1/-1;width:3px}.compact-strip-name{letter-spacing:.06em;text-transform:uppercase;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;grid-column:2/-1;font-size:9px;font-weight:700;overflow:hidden}.compact-strip-meter{grid-area:2/2;justify-content:center;display:flex;position:relative}.compact-strip-clip{background:var(--meter-red);width:5px;height:5px;box-shadow:0 0 4px var(--meter-red);border-radius:50%;position:absolute;top:-2px;right:-2px}.compact-strip-fader{flex-direction:column;grid-area:2/3/auto/5;align-items:center;gap:2px;height:52px;display:flex}.compact-fader-root{touch-action:none;justify-content:center;align-items:center;width:20px;height:48px;display:flex;position:relative}.compact-fader-track{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:2px;flex:1;width:4px;position:relative}.compact-fader-range{background:linear-gradient(to top, var(--strip-accent), color-mix(in srgb, var(--strip-accent) 60%, #fff));border-radius:2px;width:100%;position:absolute;bottom:0}.compact-fader-thumb{background:var(--text-primary);border-radius:2px;width:14px;height:6px;display:block;box-shadow:0 1px 3px #0006}.compact-strip-db{font-size:7px;font-family:var(--font-mono);color:var(--text-dim)}.compact-strip-pan{width:100%;height:4px;accent-color:var(--strip-accent);cursor:pointer;grid-area:2/5}.compact-strip-ms{grid-area:3/2/auto/-1;justify-content:center;gap:3px;display:flex}.compact-ms-btn{border:1px solid var(--border-subtle);background:var(--bg-primary);min-width:18px;height:16px;color:var(--text-dim);cursor:pointer;border-radius:2px;padding:0 4px;font-size:8px;font-weight:700}.compact-ms-btn.is-on{background:var(--strip-accent);color:#000;border-color:#0000}.device-flow--tabbed{flex-direction:row;align-items:stretch;min-height:0}.device-tab-rail{border-right:1px solid var(--border-subtle);background:var(--bg-secondary);flex-direction:column;gap:2px;width:34px;min-width:34px;padding:6px 4px;display:flex;overflow-y:auto}.device-tab{border-radius:var(--radius-sm);cursor:pointer;min-height:72px;color:var(--text-dim);transition:background var(--transition), border-color var(--transition), color var(--transition);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:6px 2px;display:flex}.device-tab:hover{background:var(--panel-bright);color:var(--text-secondary)}.device-tab.is-active{background:color-mix(in srgb, var(--unit-audio) 12%, transparent);border-color:color-mix(in srgb, var(--unit-audio) 35%, transparent);color:var(--text-primary)}.device-tab--instrument.is-active{background:color-mix(in srgb, var(--unit-instrument) 12%, transparent);border-color:color-mix(in srgb, var(--unit-instrument) 35%, transparent)}.device-tab-label{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;max-height:64px;font-size:9px;font-weight:600;overflow:hidden;transform:rotate(180deg)}.device-slot.is-tab-muted{opacity:.45;filter:saturate(.6);transition:opacity var(--transition), transform var(--transition);transform:scale(.96)}.device-slot.is-tab-muted:hover{opacity:.75}.panel-body:has(.effect-browser--horizontal){flex-direction:column;display:flex;overflow:hidden}.ableton-device-view{--live-titlebar-h:22px;--live-xaxis-h:14px;--live-knob-popup-h:14px;--live-display-h:112px;--live-controls-h:104px;--live-device-w:220px;--live-device-w-lg:288px;--live-device-w-wide:528px;--live-device-body-h:calc(var(--live-display-h) + var(--live-controls-h) + 4px);--live-device-h:calc(var(--live-titlebar-h) + var(--live-device-body-h) + 14px);background:#141414;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.ableton-chain-select{border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);flex-shrink:0;align-items:center;gap:4px;padding:4px 8px;display:flex;overflow-x:auto}.ableton-chain-tab{color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:3px;padding:3px 10px;font-size:10px;font-weight:600}.ableton-chain-tab:hover{color:var(--text-secondary);background:#ffffff0a}.ableton-chain-tab.is-active{color:var(--text-primary);border-color:var(--border-light);background:#ffffff0f}.ableton-chain-tab--add{padding:2px 8px;font-size:13px}.ableton-chain{background:#141414;flex-direction:row;flex:1;align-items:stretch;gap:0;min-height:0;padding:0;display:flex;position:relative;overflow:auto hidden}.ableton-chain>.live-device{z-index:1;position:relative}.ableton-chain>.signal-conduit{left:8px;right:8px}.ableton-chain>.flux-node{z-index:6}.ableton-chain>.flux-node--in{left:6px}.ableton-chain>.flux-node--out{right:6px}.ableton-chain-empty{color:var(--text-dim);flex:1;justify-content:center;align-items:center;gap:10px;padding:20px;font-size:12px;display:flex}.ableton-device{background:#242424;border-right:1px solid #0d0d0d;flex-direction:column;flex:none;height:100%;min-height:0;display:flex;position:relative}.ableton-device--fx{width:auto;min-width:148px;max-width:196px}.ableton-device--instrument{width:auto;min-width:160px;max-width:220px}.ableton-device--fx,.ableton-device--instrument{align-self:flex-start;height:auto;max-height:100%}.ableton-device--drum{flex:0 0 clamp(300px,38vw,400px);align-self:stretch;width:clamp(300px,38vw,400px);min-width:280px;max-width:400px;height:100%}.ableton-device.is-bypassed{opacity:.55;filter:saturate(.5)}.ableton-device.is-dragging{opacity:.45}.ableton-device.is-drop-target:before{content:"";background:var(--accent);z-index:2;width:3px;position:absolute;top:0;bottom:0;left:0}.ableton-device-title{background:var(--device-title-color,#5a6a7a);cursor:grab;-webkit-user-select:none;user-select:none;border-bottom:1px solid #00000059;flex-shrink:0;align-items:center;gap:6px;height:22px;padding:0 6px 0 5px;display:flex}.ableton-device-title:active{cursor:grabbing}.ableton-device-name{letter-spacing:.02em;color:#fff;text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px #00000040;flex:1;font-size:10px;font-weight:700;overflow:hidden}.ableton-device-power{cursor:pointer;background:0 0;border:1.5px solid #ffffff73;border-radius:50%;flex-shrink:0;width:10px;height:10px;padding:0}.ableton-device-power.on{background:#b8f028;border-color:#d4ff4a;box-shadow:0 0 6px #b8f02899}.ableton-device-close{color:#ffffff8c;cursor:pointer;background:0 0;border:none;border-radius:2px;flex-shrink:0;width:16px;height:16px;padding:0;font-size:14px;line-height:1}.ableton-device-close:hover{color:#fff;background:#00000040}.ableton-device-body{background:linear-gradient(#2a2a2a,#222);flex-direction:column;flex:1;justify-content:flex-start;align-items:stretch;min-height:0;padding:4px 5px;display:flex;overflow:auto}.ableton-device--fx .ableton-device-body,.ableton-device--instrument .ableton-device-body{flex:0 auto;overflow:hidden auto}.ableton-device-body>.effect-card,.ableton-device-body>.native-device{box-shadow:none;background:0 0;border:none;border-radius:0;flex:none;min-width:0;max-width:none}.ableton-device-body>.effect-card:before,.ableton-device-body>.effect-card .effect-card-header,.ableton-device-body>.native-device .effect-card-header{display:none}.ableton-device-body>.effect-card .effect-card-body,.ableton-device-body>.native-device .native-device-body{min-height:unset;justify-content:flex-start;gap:6px;max-height:none;padding:2px 0 4px}.ableton-device-body .knob-group{justify-content:flex-start;gap:6px 8px}.ableton-device-body .knob-container{padding:0}.ableton-device--drum .ableton-device-body{flex:1;padding:3px 4px 4px;overflow:hidden}.ableton-add-device{width:24px;min-width:24px;color:var(--text-dim);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);background:#1e1e1e;border:none;border-left:1px solid #0d0d0d;flex:none;justify-content:center;align-self:stretch;align-items:center;margin-left:auto;font-size:13px;display:flex}.ableton-add-device:hover{color:var(--accent-hover);background:#282828}.vst-device{min-height:0;transition:box-shadow var(--transition), transform var(--transition), opacity var(--transition);background:linear-gradient(165deg,#ffffff0a 0%,#0000 42%),linear-gradient(#323238 0%,#1e1e22 38%,#141418 100%);border:1px solid #ffffff14;border-radius:10px;flex-direction:column;flex:none;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 12px 28px -16px #000000d9,0 0 0 1px #0000008c}.vst-device:before{content:"";pointer-events:none;background:radial-gradient(120% 80% at 50% -20%, color-mix(in srgb, var(--vst-accent) 18%, transparent), transparent 55%), url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");opacity:.9;z-index:0;position:absolute;inset:0}.vst-device>*{z-index:1;position:relative}.vst-device:hover{box-shadow:0 1px 0 #ffffff14 inset, 0 16px 36px -14px color-mix(in srgb, var(--vst-accent) 35%, #000000e6), 0 0 0 1px color-mix(in srgb, var(--vst-accent) 25%, #0009)}.vst-device.is-bypassed{opacity:.52;filter:saturate(.45)brightness(.88)}.vst-device.is-dragging{opacity:.45;transform:scale(.985)}.vst-device.is-drop-target{outline:2px solid var(--vst-accent);outline-offset:-2px}.vst-device.ableton-device--fx,.vst-device.ableton-device--instrument{align-self:flex-start;height:auto;max-height:100%}.vst-device.ableton-device--fx{width:auto;min-width:164px;max-width:220px}.vst-device.ableton-device--instrument{min-width:176px;max-width:240px}.vst-device.ableton-device--drum{flex:0 0 clamp(300px,38vw,400px);align-self:stretch;width:clamp(300px,38vw,400px);min-width:280px;max-width:400px;height:100%}.vst-device__header{background:linear-gradient(180deg, color-mix(in srgb, var(--vst-accent) 22%, #3a3a42) 0%, color-mix(in srgb, var(--vst-accent) 8%, #25252a) 100%);cursor:grab;-webkit-user-select:none;user-select:none;border-bottom:1px solid #00000073;align-items:center;gap:8px;min-height:28px;padding:0 8px 0 6px;display:flex;box-shadow:inset 0 1px #ffffff12}.vst-device__header:active{cursor:grabbing}.vst-device__screw{opacity:.55;pointer-events:none;background:radial-gradient(circle at 30% 30%,#888,#333 70%);border-radius:50%;width:5px;height:5px;position:absolute;box-shadow:inset 0 1px 1px #0009}.vst-device__screw--tl{top:5px;left:5px}.vst-device__screw--tr{top:5px;right:5px}.vst-device__orb{background:radial-gradient(circle at 35% 30%, #fff, var(--vst-accent) 45%, color-mix(in srgb, var(--vst-accent) 60%, #000) 100%);width:10px;height:10px;box-shadow:0 0 10px color-mix(in srgb, var(--vst-accent) 70%, transparent);border-radius:50%;flex-shrink:0}.vst-device__power{cursor:pointer;background:#1a1a1a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;padding:0;display:flex;box-shadow:inset 0 0 0 1px #0009,0 1px 2px #00000080}.vst-device__power-core{width:8px;height:8px;transition:all var(--transition-fast);background:#3a2020;border-radius:50%;box-shadow:inset 0 0 4px #000c}.vst-device__power.is-on .vst-device__power-core{background:radial-gradient(circle at 35% 30%,#e8ff9a,#7bc518 55%,#3a6608 100%);box-shadow:0 0 8px #8ce628d9,inset 0 0 2px #ffffff80}.vst-device__titles{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.vst-device__name{letter-spacing:.06em;text-transform:uppercase;color:#fffffff2;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #00000073;font-size:11px;font-weight:700;overflow:hidden}.vst-device__badge{font-family:var(--font-mono);letter-spacing:.12em;color:#ffffffd9;background:#00000059;border:1px solid #ffffff1f;border-radius:3px;flex-shrink:0;padding:2px 5px;font-size:7px;font-weight:700}.vst-device__actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.vst-device__close{color:#ffffff80;cursor:pointer;width:18px;height:18px;transition:all var(--transition-fast);background:#00000040;border:none;border-radius:4px;padding:0;font-size:14px;line-height:1}.vst-device__close:hover{color:#fff;background:#b428288c}.vst-device__bezel{background:linear-gradient(#00000059,#00000026);flex:1;min-height:0;padding:6px;box-shadow:inset 0 1px #ffffff08}.vst-device--drum .vst-device__bezel{flex-direction:column;display:flex;overflow:hidden}.vst-device__panel{background:linear-gradient(#ffffff05,#0000 24%),linear-gradient(#121216 0%,#0c0c0f 100%);border:1px solid #000000a6;border-radius:6px;flex:1;min-height:0;padding:8px 8px 10px;overflow:auto;box-shadow:inset 0 2px 8px #00000073,0 1px #ffffff0a}.vst-device--drum .vst-device__panel{flex-direction:column;padding:6px;display:flex;overflow:hidden}.vst-device__footer{background:#00000059;height:3px}.vst-device__footer-line{background:linear-gradient(90deg, transparent, var(--vst-accent), transparent);opacity:.55;height:100%;display:block}.vst-device__editor-btn{letter-spacing:.08em;text-transform:uppercase;color:#ffffffe6;background:linear-gradient(180deg, color-mix(in srgb, var(--vst-accent) 35%, #444) 0%, color-mix(in srgb, var(--vst-accent) 15%, #222) 100%);border:1px solid color-mix(in srgb, var(--vst-accent) 40%, #ffffff1a);cursor:pointer;border-radius:5px;width:100%;margin-bottom:8px;padding:6px 10px;font-size:9px;font-weight:700;box-shadow:inset 0 1px #ffffff14}.vst-device__editor-btn:hover:not(:disabled){filter:brightness(1.12)}.vst-device__editor-btn.is-error{border-color:var(--meter-red);color:var(--meter-red)}.vst-device__panel .effect-card--bare,.vst-device__panel .native-device--bare{box-shadow:none;background:0 0;border:none}.vst-device__panel .effect-card-body,.vst-device__panel .native-device-body{min-height:unset;gap:8px;padding:0}.vst-device__panel .knob-group{justify-content:center;gap:10px 12px}.vst-device__panel .knob-label{letter-spacing:.08em;color:#ffffff73;font-size:8px}.vst-device__panel .knob-value{color:#ffffffe0;font-size:10px}.vst-device__panel .fx-section{background:#0003;border:1px solid #ffffff0d;border-radius:6px;padding:6px 4px 4px}.vst-device__panel .fx-section-label{letter-spacing:.14em;color:color-mix(in srgb, var(--vst-accent) 65%, #fff6);font-size:7px}.vst-device__panel .fx-viz{border:1px solid #ffffff0f;border-radius:5px;overflow:hidden}.vst-device--drum .drum-rack-panel--embedded{flex:1;min-height:0}.vst-device--drum .drum-pad{background:linear-gradient(165deg,#ffffff0f,#0000 40%),linear-gradient(#2a2a30,#1a1a1f);border:1px solid #ffffff12;box-shadow:inset 0 2px 6px #00000059}.vst-device--drum .drum-pad.is-filled{background:linear-gradient(165deg, color-mix(in srgb, var(--pad-accent) 14%, transparent), transparent 45%), linear-gradient(180deg, #2e2e36, #1c1c24);border-color:color-mix(in srgb, var(--pad-accent) 35%, #ffffff14)}.vst-device--drum .drum-pad.is-selected{box-shadow:0 0 0 1px var(--pad-accent), 0 0 16px color-mix(in srgb, var(--pad-accent) 45%, transparent), 0 2px 8px #0006 inset}.ableton-chain-with-strip{flex-direction:row;flex:1;align-items:stretch;min-height:0;display:flex;overflow:hidden}.ableton-strip-rail{background:#1e1e1e;border-right:1px solid #0d0d0d;flex-direction:column;flex-shrink:0;justify-content:stretch;padding:0;display:flex}.ableton-strip-rail .compact-strip{height:var(--live-device-h);min-height:var(--live-device-h)}.live-device-body{grid-template-rows:var(--live-display-h) var(--live-controls-h);min-width:0;height:var(--live-device-body-h);max-height:var(--live-device-body-h);gap:2px;display:grid;overflow:hidden}.live-device-body--wide{min-width:var(--live-device-w-wide)}.live-device-body__display{min-width:0;min-height:0;max-height:var(--live-display-h);grid-row:1;overflow:hidden}.live-device-body__controls{min-width:0;min-height:0;max-height:var(--live-controls-h);flex-direction:column;grid-row:2;justify-content:flex-end;display:flex;overflow:hidden}.live-device-body--controls-only{grid-template-rows:1fr}.live-device-body--controls-only .live-device-body__controls{max-height:var(--live-device-body-h);grid-row:1}.live-display-row{flex-direction:row;align-items:stretch;gap:2px;width:100%;height:100%;min-height:0;display:flex}.live-display-row__plot{flex:1 1 0;min-width:0;min-height:0}.live-display-row__plot .live-display{height:100%;min-height:0;max-height:100%}.live-display-row__rail{background:#0a0a0a;border:1px solid #000;border-left:none;flex-direction:column;flex:0 0 36px;min-height:0;display:flex}.live-control-bar{width:100%;min-width:0;height:100%;padding-top:var(--live-knob-popup-h);box-sizing:border-box;flex-direction:row;align-items:flex-end;gap:0;display:flex}.live-control-bar--scroll{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;overflow:auto hidden}.live-control-group{border-right:1px solid #ffffff0f;flex-direction:column;flex:1 1 0;justify-content:flex-end;align-items:center;gap:2px;min-width:0;padding:0 3px;display:flex}.live-control-group:last-child{border-right:none}.live-control-group__label{letter-spacing:.05em;text-transform:uppercase;color:#ffffff61;white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:100%;font-size:8px;font-weight:700;line-height:1;overflow:hidden}.live-control-group__knobs{flex-flow:row;justify-content:center;align-items:flex-end;gap:1px;display:flex}.live-mix-controls{flex-direction:row;align-items:flex-end;width:100%;min-width:0;height:100%;display:flex}.live-mix-controls__params{min-width:0;padding-top:var(--live-knob-popup-h);box-sizing:border-box;scrollbar-width:thin;flex-direction:row;flex:1 1 0;align-items:flex-end;gap:2px;display:flex;overflow:auto hidden}.live-mix-controls__params>*{flex:none}.live-mix-controls__mix{height:calc(100% - var(--live-knob-popup-h));margin-top:var(--live-knob-popup-h);background:linear-gradient(90deg,#00000026 0%,#0000 100%);border-left:1px solid #ffffff14;flex-direction:column;flex:0 0 46px;justify-content:flex-end;align-items:center;padding-left:4px;display:flex}.live-mix-controls__mix .live-slider-col{height:100%;max-height:100%}.live-hero-panel{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;padding:6px 8px;display:flex}.live-hero-panel__lcd{background:#080808;border:1px solid #000;flex-direction:column;align-items:center;gap:1px;min-width:88px;padding:8px 14px 6px;display:flex;box-shadow:inset 0 1px #ffffff0a}.live-hero-panel__value{font-family:var(--font-mono);color:#b8f028;letter-spacing:-.02em;font-size:26px;font-weight:700;line-height:1}.live-hero-panel__unit{font-family:var(--font-mono);color:#b8f028a6;font-size:9px;font-weight:600}.live-hero-panel__sublabel{letter-spacing:.1em;text-transform:uppercase;color:#ffffff4d;margin-top:2px;font-size:7px;font-weight:700}.live-band-col{border-right:1px solid #ffffff0f;flex-direction:column;flex:none;justify-content:flex-end;align-items:center;gap:2px;min-width:48px;padding:0 4px;display:flex}.live-band-col:last-child{border-right:none}.live-band-col__dot{background:var(--live-band-color,var(--live-accent));width:5px;height:5px;box-shadow:0 0 4px color-mix(in srgb, var(--live-band-color,#b8f028) 60%, transparent);border-radius:50%}.live-band-col__label{letter-spacing:.04em;color:#fff6;font-size:7px;font-weight:700;line-height:1}.live-band-col__knobs{flex-flow:row;align-items:flex-end;gap:1px;display:flex}.live-gr-meter--display{box-sizing:border-box;gap:1px;width:100%;height:100%;max-height:none;padding:3px 2px}.live-gr-meter--display .live-gr-label{text-align:center;font-size:6px}.live-gr-meter--display .live-gr-track{flex:1;width:12px}.live-gr-seg{pointer-events:none;background:#ffffff12;height:1px;position:absolute;left:0;right:0}.live-gr-meter--display .live-gr-fill{background:linear-gradient(#dc2626 0%,#ef4444 15%,#fbbf24 100%)}.vst-device:has(.live-device-body--wide){min-width:var(--live-device-w-wide);max-width:var(--live-device-w-wide)}.live-display{width:100%;height:var(--live-display-h);min-height:var(--live-display-h);max-height:var(--live-display-h);background:#0d0d0d;border:1px solid #000;gap:0;display:flex;position:relative;overflow:hidden}.live-display-kicker{z-index:2;letter-spacing:.08em;text-transform:uppercase;color:var(--live-accent,var(--accent));opacity:.85;pointer-events:none;font-size:7px;font-weight:700;position:absolute;top:2px;left:4px}.live-display-yaxis{width:18px;padding:2px 0 calc(var(--live-xaxis-h) + 1px);box-sizing:border-box;flex-direction:column;flex-shrink:0;justify-content:space-between;align-self:stretch;display:flex}.live-display-plot{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.live-display-svg-wrap{flex:1 1 0;width:100%;min-height:0;overflow:hidden}.live-display-svg{width:100%;height:100%;display:block}.live-display-xaxis{flex:0 0 var(--live-xaxis-h);box-sizing:border-box;justify-content:space-between;align-items:center;padding:0 4px;display:flex}.live-axis-label{font-family:var(--font-mono);color:#ffffff59;font-size:8px;line-height:1}.live-control-grid{width:100%;min-width:0;height:100%;max-height:var(--live-controls-h);box-sizing:border-box;padding-top:var(--live-knob-popup-h);flex-flow:row;align-items:flex-end;gap:2px;display:flex}.live-control-grid>*{flex:none}.live-control-grid--scroll{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;overflow:auto hidden}.live-control-grid--scroll::-webkit-scrollbar{height:3px}.live-control-grid--scroll::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:2px}.live-control-grid--fit{justify-content:space-between;overflow:hidden}.live-control-grid--fit>*{flex:1 1 0;min-width:0;max-width:36px}.live-control-grid--compact>.live-knob{width:28px}.live-control-grid--compact .live-gr-meter{width:20px}.live-control-grid--compact .live-slider-col{width:24px}.live-control-grid[style*=grid-template-columns]{flex-wrap:unset;align-content:end;place-items:end center;display:grid;overflow:auto hidden}.live-control-grid[style*=grid-template-columns]>*{flex:unset;min-width:0}.live-control-grid--wide{grid-template-columns:repeat(4,minmax(0,1fr))}.live-control-grid .fx-section{min-width:0}.live-control-grid .fx-section-knobs{flex-flow:row;justify-content:center;align-items:flex-end;gap:1px;display:flex}.live-slider-col{width:36px;height:calc(var(--live-controls-h) - var(--live-knob-popup-h));max-height:calc(var(--live-controls-h) - var(--live-knob-popup-h));flex-direction:column;align-items:center;gap:3px;display:flex}.live-slider-value{font-family:var(--font-mono);color:var(--text-secondary);font-size:7px}.live-slider-track{cursor:ns-resize;background:#111;border:1px solid #ffffff14;border-radius:2px;flex:1;width:10px;position:relative}.live-slider-fill{background:var(--live-accent,var(--accent));opacity:.75;pointer-events:none;border-radius:1px;position:absolute;left:1px;right:1px}.live-slider-thumb{pointer-events:none;background:#ddd;border-radius:1px;width:10px;height:4px;margin-bottom:-2px;margin-left:-5px;position:absolute;left:50%}.live-slider-label{color:var(--text-dim);text-align:center;max-width:36px;font-size:7px;font-weight:600}.live-gr-meter{width:22px;height:calc(var(--live-controls-h) - var(--live-knob-popup-h));max-height:calc(var(--live-controls-h) - var(--live-knob-popup-h));flex-direction:column;align-items:center;gap:2px;display:flex}.live-gr-label{color:var(--text-dim);font-size:7px;font-weight:700}.live-gr-track{background:#0c0c0c;border:1px solid #ffffff14;border-radius:2px;flex:1;width:10px;position:relative;overflow:hidden}.live-gr-fill{opacity:.9;background:linear-gradient(#ef4444,#fbbf24);position:absolute;bottom:0;left:0;right:0}.live-gr-readout{font-family:var(--font-mono);color:#fbbf24;font-size:7px}.device-rack-macros{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;display:grid}.live-macro-knob .knob-container{margin:0 auto}.live-macro-knob .knob-label{font-size:8px}.live-device{width:var(--live-device-w);min-width:var(--live-device-w);max-width:var(--live-device-w);height:var(--live-device-h);min-height:var(--live-device-h);max-height:var(--live-device-h);background:#1a1a1a;border-right:1px solid #0a0a0a;flex-direction:column;flex:none;align-self:stretch;display:flex;overflow:hidden}.live-device--lg{width:var(--live-device-w-lg);min-width:var(--live-device-w-lg);max-width:var(--live-device-w-lg)}.live-device--wide{width:var(--live-device-w-wide);min-width:var(--live-device-w-wide);max-width:var(--live-device-w-wide)}.live-device--drum{width:auto;min-width:360px;max-width:520px;height:auto;min-height:var(--live-device-h);align-self:stretch;max-height:none}.live-device--instrument{width:var(--live-device-w-lg);min-width:var(--live-device-w-lg);max-width:var(--live-device-w-lg)}.live-device.is-bypassed{opacity:.45;filter:saturate(.35)}.live-device.is-dragging{opacity:.4}.live-device.is-drop-target{box-shadow:inset 3px 0 #b8f028}.live-device__titlebar{height:var(--live-titlebar-h);min-height:var(--live-titlebar-h);background:var(--live-device-color,#5a6a7a);cursor:grab;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:0 8px;display:flex}.live-device__titlebar:active{cursor:grabbing}.live-device__power{cursor:pointer;background:#2a2a2a;border:none;border-radius:50%;flex-shrink:0;width:10px;height:10px;padding:0;box-shadow:inset 0 0 0 1px #00000080}.live-device__power.is-on{background:#b8f028;box-shadow:0 0 4px #b8f028b3}.live-device__name{letter-spacing:.04em;text-transform:uppercase;color:#fffffff2;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;font-weight:700;overflow:hidden}.live-device__unmap{color:#ffffff73;cursor:pointer;opacity:0;background:0 0;border:none;flex-shrink:0;width:14px;height:14px;padding:0;font-size:12px;line-height:1;transition:opacity .12s}.live-device:hover .live-device__unmap{opacity:1}.live-device__unmap:hover{color:#fff}.live-device__body{background:#242424;flex-direction:column;flex:1;min-height:0;padding:6px 8px 8px;display:flex;overflow:hidden}.live-knob{cursor:ns-resize;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:2px;width:42px;display:flex;position:relative}.live-knob.is-dragging .live-knob-popup{opacity:1}.live-knob-popup{top:calc(-1 * var(--live-knob-popup-h));color:#111;font-family:var(--font-mono);white-space:nowrap;opacity:0;pointer-events:none;z-index:6;background:#b8f028;border-radius:2px;padding:1px 4px;font-size:8px;font-weight:700;line-height:1.2;position:absolute;left:50%;transform:translate(-50%)}.live-knob-label{color:#ffffff8c;text-align:center;text-overflow:ellipsis;max-width:44px;font-size:9px;font-weight:500;line-height:1.1;overflow:hidden}.live-toggle{color:#ffffff73;cursor:pointer;white-space:nowrap;background:#1a1a1a;border:1px solid #ffffff1f;border-radius:2px;flex:none;align-self:flex-end;height:16px;margin-bottom:10px;padding:0 5px;font-size:7px;font-weight:600}.live-toggle.is-on{color:#b8f028;background:#b8f02814;border-color:#b8f028}.live-section{min-width:0;max-height:calc(var(--live-controls-h) - var(--live-knob-popup-h));flex-direction:column;justify-content:flex-end;align-items:center;gap:1px;display:flex;overflow:hidden}.live-section-label{letter-spacing:.06em;text-transform:uppercase;color:#ffffff59;flex:none;font-size:7px;font-weight:700;line-height:1}.live-section-knobs{flex-flow:row;justify-content:center;align-items:flex-end;gap:1px;display:flex}.effect-card--bare{box-shadow:none;background:0 0;border:none;padding:0}.effect-card--bare .live-device-body{gap:3px}.effect-browser--horizontal .device-dock-bar{min-height:0}.mixer-nested-strip{border-left:2px solid #6366f159;margin-left:4px;padding-left:10px}.mixer-section-hint{color:var(--text-dim);letter-spacing:.3px;margin-left:6px;font-size:8px}.channel-sends-quick{flex-wrap:wrap;justify-content:center;gap:3px;width:100%;display:flex}.channel-send-quick{border:1px dashed var(--border);background:var(--bg-tertiary);color:var(--accent-hover);cursor:pointer;font-size:8px;font-family:var(--font-mono);border-radius:3px;padding:2px 5px}.channel-send-quick:hover{border-color:var(--accent);background:var(--accent-dim)}.chord-label{height:14px;font-size:9px;font-weight:700;font-family:var(--font-mono);color:#fef3c7;pointer-events:none;z-index:4;text-overflow:ellipsis;white-space:nowrap;background:#78350fbf;border:1px solid #fbbf2480;border-radius:2px;justify-content:center;align-items:center;padding:0 4px;display:flex;position:absolute;top:2px;overflow:hidden}.analysis-panel-subtitle{text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim);margin:10px 0 6px;font-size:10px;font-weight:600}.analysis-btn-harmony{color:#fcd34d;border-color:#fbbf2459}.analysis-btn-harmony:hover:not(:disabled){background:#fbbf241f;border-color:#fbbf2499}.mm-ozone{--mm-oz-bg:#080b10;--mm-oz-panel:#0c1018;--mm-oz-surface:#111827;--mm-oz-border:#ffffff12;--mm-oz-grid:#ffffff0d;--mm-oz-cyan:#2dd4bf;--mm-oz-violet:#8b5cf6;--mm-oz-text:#e5eef8;--mm-oz-dim:#7b8aa0;background:radial-gradient(120% 90% at 50% -30%, #2dd4bf12, transparent 55%), radial-gradient(80% 60% at 100% 50%, #8b5cf60d, transparent 50%), linear-gradient(180deg, #0a0e16 0%, var(--mm-oz-bg) 100%);height:100%;min-height:0;color:var(--mm-oz-text);font-family:var(--font-sans);flex-direction:column;display:flex;overflow:hidden}.mm-ozone__header{border-bottom:1px solid var(--mm-oz-border);background:linear-gradient(#ffffff08,#0000);flex-shrink:0;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:10px 14px;display:grid}.mm-ozone__brand{align-items:center;gap:12px;display:flex}.mm-ozone__logo{align-items:flex-end;gap:3px;height:28px;padding:0 2px;display:flex}.mm-ozone__logo span{background:linear-gradient(180deg, var(--mm-oz-cyan), var(--mm-oz-violet));border-radius:2px;width:4px;display:block}.mm-ozone__logo span:first-child{opacity:.5;height:12px}.mm-ozone__logo span:nth-child(2){height:22px}.mm-ozone__logo span:nth-child(3){opacity:.75;height:16px}.mm-ozone__brand h2{letter-spacing:-.02em;margin:0;font-size:14px;font-weight:600}.mm-ozone__brand p{color:var(--mm-oz-dim);margin:2px 0 0;font-size:10px}.mm-ozone__targets{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.mm-ozone__target{border:1px solid var(--mm-oz-border);background:var(--mm-oz-panel);min-width:92px;color:var(--mm-oz-dim);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:1px;padding:6px 14px;font-size:11px;font-weight:600;display:flex}.mm-ozone__target span{font-family:var(--font-mono);opacity:.85;font-size:9px;font-weight:500}.mm-ozone__target.is-active{color:var(--mm-oz-text);background:linear-gradient(#2dd4bf1f,#2dd4bf08);border-color:#2dd4bf73;box-shadow:0 0 24px #2dd4bf14}.mm-ozone__target.is-active span{color:var(--mm-oz-cyan)}.mm-ozone__header-actions{align-items:center;gap:8px;display:flex}.mm-ozone__analyze{height:32px;color:var(--mm-oz-cyan);cursor:pointer;background:linear-gradient(#2dd4bf24,#2dd4bf0a);border:1px solid #2dd4bf59;border-radius:8px;align-items:center;gap:7px;padding:0 16px;font-size:11px;font-weight:700;display:inline-flex}.mm-ozone__analyze:hover:not(:disabled){border-color:var(--mm-oz-cyan);box-shadow:0 0 20px #2dd4bf26}.mm-ozone__analyze:disabled{opacity:.45;cursor:default}.mm-ozone__badges{gap:6px;display:flex}.mm-ozone__badge{border:1px solid var(--mm-oz-border);background:var(--mm-oz-panel);height:24px;font-family:var(--font-mono);text-transform:uppercase;color:var(--mm-oz-dim);border-radius:6px;align-items:center;gap:4px;padding:0 8px;font-size:9px;font-weight:600;display:inline-flex}.mm-ozone__badge.ok{color:var(--mm-oz-cyan);border-color:#2dd4bf66}.mm-ozone__badge.warn{color:var(--meter-yellow);border-color:#fbbf2466}.mm-rail{border-bottom:1px solid var(--mm-oz-border);scrollbar-width:thin;background:#00000038;flex-shrink:0;gap:4px;padding:6px 10px;display:flex;overflow-x:auto}.mm-rail__mod{min-width:108px;color:var(--mm-oz-dim);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:flex-start;gap:1px;padding:8px 12px;transition:background .12s,border-color .12s,box-shadow .12s;display:flex}.mm-rail__mod:hover{color:var(--mm-oz-text);background:#ffffff08}.mm-rail__mod.is-active{color:var(--mm-oz-text);background:linear-gradient(#2dd4bf1a,#2dd4bf05);border-color:#2dd4bf59;box-shadow:inset 0 1px #ffffff0d,0 4px 16px #00000040}.mm-rail__mod.is-live .mm-rail__mod-led{background:var(--mm-oz-cyan);box-shadow:0 0 8px #2dd4bf99}.mm-rail__mod-led{background:#334155;border-radius:50%;width:6px;height:6px;margin-bottom:2px;box-shadow:inset 0 1px 2px #00000080}.mm-rail__mod.is-active .mm-rail__mod-led{background:var(--mm-oz-cyan);box-shadow:0 0 10px #2dd4bf8c}.mm-rail__mod-label{letter-spacing:.02em;font-size:11px;font-weight:700}.mm-rail__mod-sub{font-family:var(--font-mono);opacity:.75;font-size:9px}.mm-ozone__stage{flex:1;min-height:0;padding:10px;overflow:hidden}.mm-ozone__viewport{border:1px solid var(--mm-oz-border);background:radial-gradient(100% 80% at 50% 0%, #2dd4bf0a, transparent 60%), var(--mm-oz-panel);border-radius:12px;height:100%;min-height:0;padding:14px;overflow-y:auto;box-shadow:inset 0 1px #ffffff0a,0 12px 40px #00000059}.mm-ozone__idle{text-align:center;min-height:280px;color:var(--mm-oz-dim);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.mm-ozone__idle svg{opacity:.2;width:36px;height:36px;color:var(--mm-oz-cyan)}.mm-ozone__idle strong{color:var(--mm-oz-text);font-size:14px}.mm-ozone__idle span{max-width:340px;font-size:12px;line-height:1.5}.mm-ozone__idle-btn{height:32px;color:var(--mm-oz-cyan);cursor:pointer;background:#2dd4bf14;border:1px solid #2dd4bf66;border-radius:8px;margin-top:6px;padding:0 18px;font-size:11px;font-weight:700}.mm-ozone__idle-btn:disabled{opacity:.45;cursor:default}.mm-loudness-mod{grid-template-columns:auto 1fr;align-items:start;gap:20px;display:grid}.mm-loudness-mod__meters{gap:14px;display:flex}.mm-lufs-meter{flex-direction:column;align-items:center;gap:6px;display:flex}.mm-lufs-meter__label{letter-spacing:.08em;text-transform:uppercase;color:var(--mm-oz-dim);font-size:9px;font-weight:700}.mm-lufs-meter__well{border:1px solid var(--mm-oz-border);background:#060910;border-radius:6px;width:44px;height:220px;position:relative;overflow:hidden;box-shadow:inset 0 2px 10px #0000008c}.mm-lufs-meter__tick{pointer-events:none;border-top:1px solid #ffffff0f;height:1px;position:absolute;left:0;right:0}.mm-lufs-meter__tick span{font-family:var(--font-mono);color:var(--mm-oz-dim);font-size:7px;position:absolute;top:-5px;right:calc(100% + 4px)}.mm-lufs-meter__target{background:var(--meter-yellow);z-index:2;height:2px;position:absolute;left:0;right:0;box-shadow:0 0 6px #eab30880}.mm-lufs-meter__fill{background:linear-gradient(180deg, var(--mm-oz-cyan), #2dd4bf59);z-index:1;border-radius:3px 3px 0 0;position:absolute;bottom:0;left:4px;right:4px;box-shadow:0 0 12px #2dd4bf40}.mm-lufs-meter__glass{pointer-events:none;z-index:3;background:linear-gradient(90deg,#ffffff0f,#0000 40%,#ffffff08);position:absolute;inset:0}.mm-lufs-meter__readout{font-family:var(--font-mono);color:var(--mm-oz-text);font-size:13px;font-weight:600}.mm-lufs-meter__readout span{color:var(--mm-oz-dim);text-align:center;font-size:8px;display:block}.mm-loudness-mod__center{flex-direction:column;gap:12px;min-width:0;display:flex}.mm-loudness-mod__hero{border:1px solid var(--mm-oz-border);background:linear-gradient(135deg,#2dd4bf0f,#8b5cf60a);border-radius:10px;padding:16px 18px}.mm-loudness-mod__hero.is-ok{border-color:#2dd4bf40}.mm-loudness-mod__hero-label{letter-spacing:.1em;text-transform:uppercase;color:var(--mm-oz-dim);font-size:10px;font-weight:600}.mm-loudness-mod__hero-value{font-family:var(--font-mono);letter-spacing:-.04em;background:linear-gradient(180deg, #fff, var(--mm-oz-cyan));color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:4px;font-size:52px;font-weight:600;line-height:1}.mm-loudness-mod__hero-unit{letter-spacing:.2em;color:var(--mm-oz-dim);font-size:11px;font-weight:700}.mm-loudness-mod__hero-delta{font-family:var(--font-mono);color:var(--mm-oz-dim);margin-top:6px;font-size:11px}.mm-loudness-mod__hero-delta.over{color:var(--meter-yellow)}.mm-loudness-mod__hero-delta.under{color:#93c5fd}.mm-loudness-mod__history{border:1px solid var(--mm-oz-border);background:#060910;border-radius:8px;overflow:hidden}.mm-loudness-mod__history-svg{width:100%;height:56px;display:block}.mm-loudness-mod__history-cap{color:var(--mm-oz-dim);border-top:1px solid var(--mm-oz-border);padding:4px 8px;font-size:9px;display:block}.mm-loudness-mod__cards{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mm-loudness-mod__card{border:1px solid var(--mm-oz-border);background:var(--mm-oz-surface);border-radius:8px;padding:10px 12px}.mm-loudness-mod__card span{color:var(--mm-oz-dim);text-transform:uppercase;letter-spacing:.06em;font-size:9px;display:block}.mm-loudness-mod__card strong{font-family:var(--font-mono);margin-top:4px;font-size:16px;display:block}.mm-loudness-mod__card small{color:var(--mm-oz-dim);margin-top:2px;font-size:9px;display:block}.mm-loudness-mod__card.warn strong{color:var(--meter-yellow)}.mm-loudness-mod__card.bad strong{color:var(--meter-red)}.mm-loudness-mod__card.ok strong{color:var(--mm-oz-cyan)}.mm-loudness-mod__match{height:34px;color:var(--mm-oz-cyan);cursor:pointer;background:0 0;border:1px solid #2dd4bf59;border-radius:8px;font-size:11px;font-weight:700}.mm-loudness-mod__match:hover:not(:disabled){background:#2dd4bf14}.mm-loudness-mod__match:disabled{opacity:.45;cursor:default}.mm-ozone__eq-view{max-width:720px;margin:0 auto}.mm-eq{flex-direction:column;gap:12px;width:100%;display:flex}.mm-eq--oz{gap:14px}.mm-eq__spectrum{border:1px solid var(--mm-oz-border);background:#060910;border-radius:10px;padding:8px;overflow:hidden}.mm-eq-spec{width:100%;height:auto;display:block}.mm-eq-spec__db,.mm-eq-spec__freq{font-family:var(--font-mono);fill:var(--mm-oz-dim);font-size:7px}.mm-eq__banks{justify-content:center;gap:28px;padding-top:4px;display:flex}.mm-eq__band{flex-direction:column;align-items:center;gap:6px;display:flex}.mm-eq__freq{font-family:var(--font-mono);color:var(--mm-oz-dim);font-size:9px}.mm-eq__busy{color:var(--mm-oz-dim);text-align:center;font-size:9px}.mm-ozone__imager-view{grid-template-columns:minmax(200px,280px) 1fr;align-items:start;gap:20px;display:grid}.mm-imager{display:contents}.mm-imager__scope-wrap{position:relative}.mm-imager__scope{border:1px solid var(--mm-oz-border);border-radius:10px;width:100%;max-width:280px;height:auto;display:block}.mm-imager__scope-labels{font-family:var(--font-mono);color:var(--mm-oz-dim);justify-content:space-between;padding:4px 12px;font-size:9px;display:flex}.mm-imager__metrics{flex-direction:column;gap:14px;display:flex}.mm-imager__metric-label{letter-spacing:.08em;text-transform:uppercase;color:var(--mm-oz-dim);font-size:9px;font-weight:700}.mm-imager__metric-value{font-family:var(--font-mono);margin:4px 0 8px;font-size:22px;font-weight:600;display:block}.mm-imager__metric-value.warn{color:var(--meter-red)}.mm-imager__bar{border:1px solid var(--mm-oz-border);background:#060910;border-radius:999px;height:6px;overflow:hidden}.mm-imager__bar-fill{background:linear-gradient(90deg, var(--mm-oz-violet), var(--mm-oz-cyan));border-radius:999px;height:100%}.mm-imager__bipolar{border:1px solid var(--mm-oz-border);background:#060910;border-radius:999px;height:6px;position:relative}.mm-imager__bipolar-dot{background:var(--mm-oz-cyan);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #2dd4bf80}.mm-ozone__gain-panel{border:1px solid var(--mm-oz-border);background:var(--mm-oz-surface);border-radius:10px;grid-column:1/-1;margin-top:8px;overflow:hidden}.mm-ozone__gain-head{border-bottom:1px solid var(--mm-oz-border);letter-spacing:.08em;text-transform:uppercase;color:var(--mm-oz-dim);justify-content:space-between;align-items:center;padding:8px 12px;font-size:9px;font-weight:700;display:flex}.mm-ozone__gain-panel .meter-viz{max-height:160px;padding:8px 12px;overflow-y:auto}.mm-ozone__link{color:var(--mm-oz-cyan);cursor:pointer;text-transform:none;letter-spacing:0;background:0 0;border:none;padding:0;font-size:9px;font-weight:600}.mm-ozone__link:hover:not(:disabled){text-decoration:underline}.mm-max{flex-direction:column;gap:16px;max-width:480px;margin:0 auto;display:flex}.mm-max__status{border:1px solid var(--mm-oz-border);background:var(--mm-oz-surface);border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.mm-max__status.on{background:#2dd4bf0f;border-color:#2dd4bf59}.mm-max__status-led{background:#334155;border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:inset 0 1px 2px #00000080}.mm-max__status.on .mm-max__status-led{background:var(--mm-oz-cyan);box-shadow:0 0 12px #2dd4bf99}.mm-max__status strong{font-size:12px;display:block}.mm-max__status span{color:var(--mm-oz-dim);font-size:10px}.mm-max__viz{align-items:stretch;gap:10px;display:flex}.mm-max__scale{font-family:var(--font-mono);color:var(--mm-oz-dim);flex-direction:column;justify-content:space-between;padding:4px 0;font-size:8px;display:flex}.mm-max__meter-well{border:1px solid var(--mm-oz-border);background:#060910;border-radius:8px;flex:1;height:240px;position:relative;overflow:hidden;box-shadow:inset 0 2px 12px #0000008c}.mm-max__ceiling{background:var(--meter-yellow);z-index:2;height:2px;position:absolute;left:0;right:0}.mm-max__ceiling span{font-family:var(--font-mono);color:var(--meter-yellow);font-size:9px;position:absolute;top:-16px;right:8px}.mm-max__peak{background:linear-gradient(180deg, var(--mm-oz-cyan), #2dd4bf4d);border-radius:4px 4px 0 0;position:absolute;bottom:0;left:20%;right:20%;box-shadow:0 0 16px #2dd4bf33}.mm-max__peak.over{background:linear-gradient(180deg, var(--meter-red), #ef44444d)}.mm-max__peak-label{text-align:center;font-family:var(--font-mono);z-index:3;font-size:14px;font-weight:600;position:absolute;bottom:8px;left:0;right:0}.mm-max__readouts{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mm-max__readout{border:1px solid var(--mm-oz-border);background:var(--mm-oz-surface);text-align:center;border-radius:8px;padding:10px}.mm-max__readout span{color:var(--mm-oz-dim);font-size:9px;display:block}.mm-max__readout strong{font-family:var(--font-mono);margin-top:4px;font-size:13px;display:block}.mm-max__readout.warn strong{color:var(--meter-yellow)}.mm-max__readout.ok strong{color:var(--mm-oz-cyan)}.mm-ozone__assistant{flex-direction:column;gap:14px;max-width:640px;margin:0 auto;display:flex}.mm-ozone__automix{text-align:left;width:100%;color:var(--mm-oz-cyan);cursor:pointer;background:radial-gradient(100% 120% at 0 0,#2dd4bf24,#0000 55%),linear-gradient(#101820,#0c1018);border:1px solid #2dd4bf59;border-radius:12px;align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.mm-ozone__automix svg{flex-shrink:0;margin-top:2px;font-size:22px}.mm-ozone__automix strong{color:var(--mm-oz-text);font-size:14px;display:block}.mm-ozone__automix span{color:var(--mm-oz-dim);margin-top:4px;font-size:11px;line-height:1.45;display:block}.mm-ozone__automix:hover:not(:disabled){border-color:var(--mm-oz-cyan);box-shadow:0 0 32px #2dd4bf1f}.mm-ozone__automix:disabled{opacity:.45;cursor:default}.mm-ozone__intensity{border:1px solid var(--mm-oz-border);background:var(--mm-oz-surface);color:var(--mm-oz-dim);border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 14px;font-size:11px;display:grid}.mm-ozone__intensity input[type=range]{width:100%;accent-color:var(--mm-oz-cyan)}.mm-ozone__intensity output{font-family:var(--font-mono);color:var(--mm-oz-text);font-size:16px;font-weight:600}.mm-ozone__tool-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mm-ozone__tool{border:1px solid var(--mm-oz-border);background:var(--mm-oz-surface);color:var(--mm-oz-text);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;font-size:11px;font-weight:600;display:flex}.mm-ozone__tool svg{color:var(--mm-oz-cyan);font-size:16px}.mm-ozone__tool-icon{font-family:var(--font-mono);color:var(--mm-oz-violet);border:1px solid #8b5cf659;border-radius:4px;padding:4px 6px;font-size:10px;font-weight:700}.mm-ozone__tool:hover:not(:disabled){background:#2dd4bf0a;border-color:#2dd4bf4d}.mm-ozone__tool:disabled{opacity:.45;cursor:default}.mm-ozone__presets-head{letter-spacing:.1em;text-transform:uppercase;color:var(--mm-oz-dim);font-size:9px;font-weight:700}.mm-ozone__presets{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.mm-ozone__preset{text-align:left;border:1px solid var(--mm-oz-border);background:var(--mm-oz-surface);color:var(--mm-oz-text);cursor:pointer;border-radius:10px;flex-direction:column;align-items:flex-start;gap:3px;padding:14px 14px 14px 16px;display:flex;position:relative;overflow:hidden}.mm-ozone__preset-glow{background:var(--preset-accent,var(--mm-oz-cyan));width:3px;box-shadow:0 0 12px var(--preset-accent,var(--mm-oz-cyan));position:absolute;inset:0 auto 0 0}.mm-ozone__preset:hover:not(:disabled){background:linear-gradient(135deg,#ffffff08,#0000);border-color:#ffffff1f}.mm-ozone__preset:disabled{opacity:.45;cursor:default}.mm-ozone__preset-name{font-size:12px;font-weight:700}.mm-ozone__preset-hint{color:var(--mm-oz-dim);font-size:10px}.mm-ozone__validation{border-top:1px solid var(--mm-oz-border);background:#00000040;flex-shrink:0;gap:6px;padding:6px 10px;display:flex;overflow-x:auto}.mm-ozone__val{border:1px solid var(--mm-oz-border);background:var(--mm-oz-surface);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:4px 10px;font-size:10px;display:inline-flex}.mm-ozone__val-dot{border-radius:50%;width:6px;height:6px}.mm-ozone__val--pass .mm-ozone__val-dot{background:var(--mm-oz-cyan)}.mm-ozone__val--warn .mm-ozone__val-dot{background:var(--meter-yellow)}.mm-ozone__val--fail .mm-ozone__val-dot{background:var(--meter-red)}.mm-ozone__val-name{font-family:var(--font-mono);text-transform:uppercase;color:var(--mm-oz-dim);font-size:9px;font-weight:700}.mm-ozone__val-msg{color:var(--mm-oz-dim)}@media (width<=900px){.mm-ozone__header,.mm-loudness-mod{grid-template-columns:1fr}.mm-loudness-mod__meters{justify-content:center}.mm-ozone__imager-view,.mm-ozone__tool-grid,.mm-ozone__presets,.mm-max__readouts{grid-template-columns:1fr}}@media (width<=640px){.mm-loudness-mod__cards{grid-template-columns:1fr}.mm-eq__banks{gap:12px}}