/* AudioLab colors, borders, backgrounds (generated) */

/* --- Consolidated solid colors (HSL ΔH≤90° ΔS≤25 ΔL≤25; centroid = avg RGB) --- */

/* ── background — 5 selector(s), 4 swatch(es); was #00fffb, #00ffc6, #00ff40, #06b6d4 → #02edb5 ── */
.al-mini-btn--collapse,
.al-mini-btn--collapse:hover,
.al-scale-handle,
.sl-port-dot.audio_mono.connected,
.wl-export-progress__fill {
  background: #02edb56d
}

/* ── background — 5 selector(s), 5 swatch(es); was #f59f0b, #ff565f, #ec4899 → #f25c71 ── */
.al-app-shell .al-workspace .sl-module .sl-port-dot.root_key,
.al-master-port-dot.root_key,
.al-record-icon-btn--recording::before,
.sl-port-dot.midi.connected,
.sl-port-dot.root_key.connected {
  background: #f25c7164
}

/* ── background — 1 selector(s), 1 swatch(es); was #083344 → #083344 ── */
.al-mini-btn--scale.active {
  background: #083344
}

/* ── background — 2 selector(s), 2 swatch(es); was #5b1111, #3a0f0f → #4b1010 ── */
.sl-tbtn.al-record-btn--flash,
.sl-tbtn.al-record-btn.active {
  background: #4b1010
}

/* ── background — 5 selector(s), 5 swatch(es); was #311920, #23141a, #241115, #221015, #160c10 → #231217 ── */
.al-mini-btn--danger,
.al-mini-btn--danger:hover,
.al-record-icon-btn,
.al-record-icon-btn.active,
.al-record-icon-btn:hover {
  background: #231217
}

/* ── background — 57 selector(s), 50 swatch(es); was #1a2f4a, #1b2738, #1a2538, #1a2234, #18222e, #0e2038, #121d2d, #111a28, #141824, #0f1724, #0e1624, #10151e, #0e1522, #0d1220, #0d121c, #0c121d, #0e1016, #0b1018, #0b0e15, #0a0d14, #090d15, #0a0c10, #080b12, #070910 → #0f1520 ── */
.al-app-shell .al-workspace .sl-module.sl-module--mixer.collapsed .al-plugin-body.al-plugin-body--mixer-min,
.al-comp-preset-json__textarea,
.al-head-sep,
.al-json-dock__json-toolbar,
.al-json-dock__panel-head,
.al-json-dock__tab,
.al-json-dock__tab:hover,
.al-json-dock__textarea,
.al-json-editor,
.al-json-panel,
.al-json-preview,
.al-mini-btn,
.al-mini-btn--preset-open,
.al-mini-btn--root.active,
.al-name-field-compact,
.al-name-input,
.al-panel,
.al-preset-panel__name,
.al-scene-lib-dialog,
.al-scene-lib__body,
.al-scene-lib__rename-input,
.al-scene-lib__table thead th,
.al-select,
.al-simsam-dialog,
.al-simsam-dialog__body,
.al-simsam-dialog__row,
.al-simsam-dialog__row:hover,
.al-simsam-upload__bar,
.al-simsam-voice-col,
.al-toolbar,
.al-toolbar-sep,
.al-toolbar-vis-bridge-input,
.al-toolbar-vruler,
.al-top-chrome,
.al-transport-led,
.al-vu-seg,
.sl-comp-json,
.sl-json,
.sl-module,
.sl-module-name-input,
.sl-port-dot,
.sl-sep,
.sl-tbtn,
.sl-tbtn.active,
.sl-tbtn:hover,
.sl-transport,
.sl-workspace,
body,
button,
input,
.wl-export-splash-split,
.wl-export-splash-code-pane #wlBootHtmlEditor,
.wl-stage,
.wl-bg-thumb,
.wl-workspace-thumb,
.wl-workspace-name-input,
.wl-sysinfo-strip {
  background: #0f1520
}

/* ── background — 5 selector(s), 2 swatch(es); was #000000 → #000000 ── */
.sl-counter,
.sl-time,
.wl-topbar,
.wl-export-splash-preview-pane,
.wl-export-splash-preview-pane #wlBootPreview {
  background: #000000b4
}

/* ── color — 2 selector(s), 2 swatch(es); was #e1ff00, #f59e0b → #ebcf06 ── */
.al-header-type-row .header_seq,
.sl-port-dot.midi {
  color: #ffffff75
}

/* ── color — 57 selector(s), 55 swatch(es); was #e8f1ff, #d2e7ff, #a5f3fc, #a7f3d0, #c9dcf4, #c9daf0, #c8d8ee, #c5d4e8, #c0d4ec, #c5d0e8, #bcd0e8, #b8ccec, #7ee0b8, #a8bed9, #9db8d8, #9eb6d2, #9db4d0, #9eb3cc, #9fb2cc, #9cb0cc, #96b0cf, #8fb0d3, #8ea9c8, #8ea6c4, #7aabcc, #8ba3bf, #8fa0b8, #7d99bb, #8b95ab, #7f95b2, #7a92b0, #6b8aad, #7a869e → #a6c3d7 ── */
.al-comp-model,
.al-comp-preset-json__textarea,
.al-comp-preset-json__title,
.al-header-type-row .header_drm,
.al-header-type-row .header_fx,
.al-header-type-row .header_mix,
.al-header-type-row .header_syn,
.al-json-bar,
.al-json-dock__sync-label,
.al-json-dock__tab,
.al-json-dock__tab:hover,
.al-json-dock__textarea,
.al-json-editor,
.al-json-preview,
.al-master-fader-label,
.al-master-perf-pill,
.al-transport-perf-pill,
.al-master-perf-pill.is-ok,
.al-transport-perf-pill.is-ok,
.al-mini-btn,
.al-mini-btn--scale.active,
.al-name-field-compact,
.al-name-input,
.al-panel h2,
.al-plugin-drag-row-model,
.al-preset-panel__name,
.al-row label,
.al-scale-meta__model,
.al-scene-lib__meta,
.al-scene-lib__name-text,
.al-scene-lib__rename-input,
.al-scene-lib__save-as-label,
.al-scene-lib__table,
.al-scene-lib__table thead th,
.al-scene-lib__title,
.al-select,
.al-simsam-dialog__empty,
.al-simsam-dialog__row,
.al-simsam-dialog__row-meta,
.al-simsam-dialog__tabs .sl-tbtn.active,
.al-simsam-upload__check,
.al-simsam-upload__status,
.al-simsam-voice-col__title,
.al-single-trigger-flags,
.al-single-trigger-quant-label,
.al-toolbar-vis-bridge-input,
.al-user-name,
.al-vu-cal-readout,
.sl-bpm,
.sl-comp-json,
.sl-json,
.sl-module-name,
.sl-module-name-input,
.sl-tbtn:hover,
body,
button,
input {
  color: #a6c3d7
}

/* ── color — 2 selector(s), 2 swatch(es); was #f0c2cb, #d8a1ab → #e4b2bb ── */
.al-mini-btn--danger,
.al-mini-btn--danger:hover {
  color: #e4b2bb
}

/* ── color — 13 selector(s), 9 swatch(es); was #fde68a, #ffd9d9, #ffd0d0, #fecaca, #ff9ca3, #ff7f86, #ff6f78, #ec4899 → #fca9ab ── */
.al-master-perf-pill.is-busy,
.al-transport-perf-pill.is-busy,
.al-master-perf-pill.is-heavy,
.al-transport-perf-pill.is-heavy,
.al-record-icon-btn,
.al-record-icon-btn.active,
.al-record-icon-btn:hover,
.al-rootkey-out-wrap .al-master-in-label,
.al-scene-lib__danger-confirm,
.sl-tbtn.al-record-btn--flash,
.sl-tbtn.al-record-btn.active,
.wl-select-native,
.wl-video-picker__error {
  color: #fca9ab
}

/* ── color — 8 selector(s), 9 swatch(es); was #b8d8ff, #67e8f9, #67d4e8, #3acf8a, #a78bfa, #4a9fd0 → #78cbe6 ── */
.al-mini-btn--preset-open,
.al-mini-btn--root.active,
.al-mini-btn--scale,
.al-rootscale-select,
.sl-counter,
.sl-tbtn.active,
.sl-time,
.sl-time--timeline-cs {
  color: #78cbe6
}

/* ── color — 3 selector(s), 3 swatch(es); was #06b6d4, #10b981 → #0db89d ── */
.al-master-in-label,
.sl-port-dot.audio_mono,
.sl-port-dot.audio_stereo {
  color: #0db89d
}

/* ── color — 17 selector(s), 17 swatch(es); was #5a7898, #4a7a9a, #5a7292, #5b7090, #5a7090, #5a6f8a, #5a6a82, #4a6888, #4f6480, #3a5878, #3a5070, #344860, #2e4060 → #4d6584 ── */
.al-brand,
.al-comp-version,
.al-master-vol,
.al-muted,
.al-name-field-compact::placeholder,
.al-plugin-drag-row-label,
.al-plugin-version-corner,
.al-toolbar-label,
.al-vu-cal-label,
.sl-ctrl-label,
.sl-ctrl-val,
.sl-logo,
.sl-module-desc,
.sl-module-type,
.sl-muted,
.sl-port-label,
.sl-tbtn {
  color: #4d6584
}

/* ── border-color — 2 selector(s), 3 swatch(es); was #7dd3fc, #22d3ee, #a78bfa → #6dbbf7 ── */
.al-mini-btn--scale.active,
.sl-port-dot.al-flow-pulse-target.al-flow-pulse-in::before {
  border-color: #6dbbf7
}

/* ── border-color — 5 selector(s), 5 swatch(es); was #fbbf24, #f59e0b, #f472b6, #ff565f → #f88565 ── */
.al-app-shell .al-workspace .sl-module .sl-port-dot.root_key,
.al-master-port-dot.root_key,
.al-record-icon-btn--recording::before,
.al-transport-led--on,
.sl-port-dot.midi {
  border-color: #f88565
}

/* ── border-color — 6 selector(s), 5 swatch(es); was #06b6d4, #10b981, #0e7490, #155e75, #14532d → #0f8481 ── */
.al-master-perf-pill.is-ok,
.al-transport-perf-pill.is-ok,
.al-mini-btn--scale,
.al-rootscale-select,
.sl-port-dot.audio_mono,
.sl-port-dot.audio_stereo {
  border-color: #0f8481
}

/* ── border-color — 3 selector(s), 2 swatch(es); was #b45309, #854d0e → #9d500c ── */
.al-master-perf-pill.is-busy,
.al-transport-perf-pill.is-busy,
.al-scene-lib__danger-confirm {
  border-color: #9d500c
}

/* ── border-color — 8 selector(s), 8 swatch(es); was #4b7db8, #3f72a8, #3c5d86, #2a6098, #3a5878, #2e4060, #263448 → #385d89 ── */
.al-mini-btn--preset-open,
.al-mini-btn--root.active,
.al-simsam-dialog__row:hover,
.al-simsam-dialog__tabs .sl-tbtn.active,
.sl-module.dragging,
.sl-module:hover,
.sl-tbtn.active,
.sl-tbtn:hover {
  border-color: #385d89
}

/* ── border-color — 9 selector(s), 8 swatch(es); was #d24752, #c83c48, #9a4858, #b02929, #8b2830, #902222, #5a2d35, #7f1d1d → #9b3138 ── */
.al-master-perf-pill.is-heavy,
.al-transport-perf-pill.is-heavy,
.al-mini-btn--danger,
.al-mini-btn--danger:hover,
.al-record-icon-btn,
.al-record-icon-btn.active,
.al-record-icon-btn:hover,
.sl-tbtn.al-record-btn--flash,
.sl-tbtn.al-record-btn.active {
  border-color: #9b3138
}

/* ── border — 1 selector(s), 1 swatch(es); was #dbeafe → #dbeafe ── */
.al-scale-handle {
  border: 1px solid #dbeafe93
}

/* ── border — 1 selector(s), 1 swatch(es); was #fbbf24 → #fbbf24 ── */
.sl-port-dot.al-flow-pulse-target::before {
  border: 1px solid #fbbf24
}

/* ── border — 37 selector(s), 34 swatch(es); was #3c5d86, #2a3f5c, #2a3d5c, #2a3c58, #2a3b57, #263750, #273249, #21324a, #233148, #213147, #1f2f47, #1e2d42, #1f2b40, #1e2a3e, #1a2234 → #233149 ── */
.al-app-shell .al-workspace .sl-module.sl-module--mixer.collapsed .al-plugin-body.al-plugin-body--mixer-min,
.al-comp-preset-json__textarea,
.al-json-editor.sl-json,
.al-json-panel,
.al-json-preview,
.al-master-perf-pill,
.al-transport-perf-pill,
.al-master-strip--chrome,
.al-mini-btn,
.al-name-field-compact,
.al-name-input,
.al-panel,
.al-preset-panel__name,
.al-scene-lib-dialog,
.al-scene-lib__body,
.al-scene-lib__rename-input,
.al-select,
.al-simsam-dialog,
.al-simsam-dialog__body,
.al-simsam-dialog__row,
.al-simsam-upload__bar,
.al-simsam-voice-col,
.al-single-trigger-zone,
.al-toolbar,
.al-toolbar-vis-bridge-input,
.al-transport-settings-tile,
.sl-comp-json,
.sl-json,
.sl-module,
.sl-module-name-input,
.sl-tbtn,
.sl-transport,
.sl-workspace,
button,
input,
.wl-select-native,
.wl-sysinfo-strip {
  border: 1px solid #233149
}

/* ── border — 1 selector(s), 1 swatch(es); was #000000 → #000000 ── */
.al-transport-led {
  border: 1px solid #000000a2
}

/* ── border-bottom — 8 selector(s), 8 swatch(es); was #2a3040, #243047, #1f2f47, #1b2738, #1a2234 → #1f2b3e ── */
.al-json-bar,
.al-json-dock__tab--in-panel,
.al-plugin-drag-row,
.al-plugin-module-toolbar,
.al-preset-panel,
.al-scene-lib__table td,
.al-scene-lib__table th,
.sl-module-head {
  border-bottom: 1px solid #1f2b3e
}

/* ── stroke — 1 selector(s), 1 swatch(es); was #ef4444 → #ef4444 ── */
.sl-cable.sl-cable--to-master {
  stroke: #ef4444 !important
}

/* ── accent-color — 6 selector(s), 6 swatch(es); was #4a9fd0 → #4a9fd0 ── */
.al-json-dock__sync-label input,
.al-master-fader-top,
.al-master-vol input[type='range'],
.al-slider,
button,
input {
  accent-color: #4a9fd0
}

/* ── accent-color — 1 selector(s), 1 swatch(es); was #64748b → #64748b ── */
.al-vu-cal-slider {
  accent-color: #64748b
}

/* --- Passthrough (gradients, rgba, multi-value, non-hex) --- */

:root {
  color-scheme: dark;
}

.sl-transport {
  border-radius: 4px;
}

.sl-tbtn {
  border-radius: 3px;
}

@keyframes al-record-flash {
  border-color: #c23838;
  color: #ffe7e7;
  border-color: #7f1c1c;
  color: #ffc7c7;
}

.sl-counter {
  border-top: 0;
}

.sl-time {
  border-top: 0;
}

.al-transport-led {
  border-radius: 2px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.65);
}

.al-transport-led--on {
  background: radial-gradient(circle at 35% 30%, #fde68a 0%, #f59e0b 42%, #b45309 100%);
  box-shadow: 0 0 7px rgba(245, 158, 11, 0.85),
    0 0 14px rgba(245, 158, 11, 0.35),
    inset 0 -1px 1px rgba(0, 0, 0, 0.35);
}

.al-transport-time-block {
  border: 0;
}

.al-transport-row--workbench-settings {
  border-top: 1px solid transparent;
}

.al-transport-settings-tile {
  border-radius: 6px;
  background: rgba(15, 23, 42, 0.55);
}

.al-transport-row.al-transport-row--palette.al-transport-row--bench-animated.al-transport-row--bench-shut {
  opacity: 0;
  border-top-width: 0;
  border-top-color: transparent;
}

.al-transport-row.al-transport-row--mix-console.al-transport-row--bench-animated.al-transport-row--bench-shut {
  opacity: 0;
  border-top-width: 0;
  border-top-color: transparent;
}

.al-transport-row.al-transport-row--workbench-settings.al-transport-row--bench-animated.al-transport-row--bench-shut {
  opacity: 0;
  border-top-width: 0;
  border-top-color: transparent;
}

.al-transport-row.al-transport-row--palette.al-transport-row--bench-animated.al-transport-row--bench-open {
  opacity: 1;
}

.al-transport-row.al-transport-row--mix-console.al-transport-row--bench-animated.al-transport-row--bench-open {
  opacity: 1;
}

.al-transport-row.al-transport-row--workbench-settings.al-transport-row--bench-animated.al-transport-row--bench-open {
  opacity: 1;
}

.sl-workspace {
  border-radius: 4px;
  background-image: radial-gradient(circle, #141928 1px, transparent 1px);
  background-size: 28px 28px;
}

.sl-cable {
  fill: none;
  stroke-width: 1.8;
}

.sl-cable.sl-cable--to-master {
  stroke-width: 1px !important;
  stroke-dasharray: 4 3;
}

.al-cable-flow-dot {
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.55));
}

.sl-cable-hit {
  fill: none;
  stroke-width: 14;
  stroke: transparent;
}

.al-cable-hover-tip {
  background: rgba(12, 16, 24, 0.88);
  border: 1px solid rgba(148, 163, 184, 0.35);
  color: rgba(226, 232, 240, 0.92);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}

.sl-cable-pending {
  fill: none;
  stroke-width: 1.5;
  stroke-dasharray: 7 4;
  opacity: 0.8;
}

.sl-module {
  border-radius: 5px;
}

.sl-module.dragging {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
}

.sl-workspace.drag-outline .sl-cable {
  stroke-dasharray: 1 7;
  stroke-linecap: round;
  opacity: 0.7 !important;
}

.sl-module-head {
  border-radius: 4px 4px 0 0;
}

.sl-module-dot {
  border-radius: 50%;
}

.sl-module-name-input {
  border-radius: 3px;
}

.sl-comp-json {
  border-radius: 4px;
}

.sl-port-dot {
  border-radius: 50%;
  border: 2px solid;
}

.sl-port-dot:hover {
  background: currentColor;
}

.sl-port-dot.hi {
  background: currentColor;
}

.sl-port-dot.al-flow-pulse-target::before {
  border-radius: 50%;
  background: var(--al-flow-pulse-color);
  box-shadow: 0 0 0 rgba(245, 158, 11, 0);
  opacity: 0;
}

@keyframes al-flow-port-pulse {
  box-shadow: 0 0 0 rgba(245, 158, 11, 0);
  box-shadow: 0 0 8px rgba(245, 158, 11, 0.72);
  box-shadow: 0 0 9px rgba(245, 158, 11, 0.65);
  box-shadow: 0 0 0 rgba(245, 158, 11, 0);
}

@keyframes al-flow-port-pulse-in {
  box-shadow: 0 0 0 rgba(56, 189, 248, 0);
  box-shadow: 0 0 8px rgba(56, 189, 248, 0.75);
  box-shadow: 0 0 9px rgba(56, 189, 248, 0.68);
  box-shadow: 0 0 0 rgba(56, 189, 248, 0);
}

button {
  border-radius: 3px;
}

input {
  border-radius: 3px;
}

.sl-json {
  border-radius: 4px;
}

.al-panel {
  border-radius: 4px;
}

.al-select {
  border-radius: 3px;
}

.al-select:disabled {
  opacity: 0.45;
}

.al-json-preview {
  border-radius: 4px;
}

#audiolab-app .sl-transport {
  border: none;
  box-shadow: none;
}

.al-toolbar-vis-bridge-input {
  border-radius: 4px;
}

.al-workbench .al-workspace.sl-workspace {
  border-bottom: none;
  border-radius: 4px 4px 0 0;
}

.al-toolbar {
  border-radius: 4px;
}

.al-app-shell .al-workspace .sl-module.sl-module--selected {
  box-shadow: 0 0 0 2px rgb(48 0 174 / 42%), 0 0 17px rgb(249 115 22 / 39%);
  border-color: rgb(249 115 22 / 30%);
}
.al-app-shell .al-workspace .sl-module.sl-module--multi-selected {
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.45), 0 0 18px rgba(37, 99, 235, 0.25);
  border-color: rgba(96, 165, 250, 0.6);
}
.al-app-shell .al-workspace .sl-module.sl-module--group-member {
  border-color: rgba(56, 139, 253, 0.6);
}
.al-group-frame {
  border: 1px solid rgba(56, 139, 253, 0.58);

  background: linear-gradient(135deg,  rgba(0,226,207,1) 0%,rgba(0,36,68,0.96) 9%,rgba(0,0,0,0.87) 29%,rgba(0,67,62,0.8) 45%,rgba(0,88,81,0.8) 50%,rgba(0,66,61,0.8) 51%,rgba(0,67,66,0.8) 55%,rgba(0,78,109,0.95) 89%,rgba(2,0,30,1) 100%);

}
.al-group-frame.al-group-frame--selected {
  box-shadow: 0 0 0 1px rgba(125, 196, 255, 0.7), 0 0 24px rgba(56, 139, 253, 0.28);
  border-color: rgba(125, 196, 255, 0.85);
}
.al-group-topbar {
  background: rgba(11, 31, 56, 0.92);
  border-bottom: 1px solid rgba(56, 139, 253, 0.45);
}
.al-group-topbar__label {
  color: #c4e2ff;
}
.al-group-topbar .sl-port-dot.al-group-hub-in,
.al-group-topbar .sl-port-dot.al-group-hub-out {
  background: rgba(56, 139, 253, 0.92);
  border: 1.5px solid rgba(125, 196, 255, 0.95);
  box-shadow: 0 0 6px rgba(56, 139, 253, 0.45);
}
.al-group-topbar .sl-port-dot.al-group-hub-in.hi,
.al-group-topbar .sl-port-dot.al-group-hub-out.hi {
  transform: scale(1.3);
  box-shadow: 0 0 10px rgba(125, 196, 255, 0.75);
}
.al-group-topbar .sl-port-dot.al-group-hub-in.connected,
.al-group-topbar .sl-port-dot.al-group-hub-out.connected {
  background: rgba(96, 165, 250, 1);
}
.al-mini-btn--group {
  border: 1px solid rgba(69, 134, 193, 0.72);
  background: rgba(13, 40, 70, 0.95);
  color: #a9d7ff;
}
.al-mini-btn--group:hover {
  border-color: rgba(122, 190, 255, 0.85);
  color: #dff0ff;
  background: rgba(20, 59, 100, 0.95);
}
.al-group-topbar .al-mini-btn.al-mini-btn--collapse.al-group-topbar__collapse,
.al-group-topbar .al-mini-btn.al-mini-btn--collapse.al-group-topbar__collapse:hover {
  border: 1px solid rgba(69, 134, 193, 0.72);
  border-bottom: 1px solid rgba(69, 134, 193, 0.72);
  background: rgba(13, 40, 70, 0.95);
  color: #a9d7ff;
  box-shadow: none;
  border-radius: 3px;
}
.al-group-topbar .al-mini-btn.al-mini-btn--collapse.al-group-topbar__collapse:hover {
  border-color: rgba(122, 190, 255, 0.85);
  color: #dff0ff;
  background: rgba(20, 59, 100, 0.95);
}

.al-app-shell .al-workspace .sl-module.sl-module--selected.dragging {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.55),
    0 0 0 2px rgba(249, 115, 22, 0.75),
    0 0 24px rgba(249, 115, 22, 0.35);
  border-color: rgba(249, 115, 22, 0.2);
}

.al-scale-ghost {
  background: rgba(29, 78, 216, 0.5);
  border: 1px solid rgba(96, 165, 250, 0.5);
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.35);
  opacity: 0.5;
}

.al-scale-meta__ver {
  color: rgba(226, 237, 255, 0.88);
}

.al-scale-meta__desc {
  color: rgba(220, 232, 255, 0.92);
}

.al-scale-handle {
  border-radius: 6px;
}

.al-master-strip--chrome {
  background: rgba(11, 14, 21, 0.96);
  border-radius: 5px;
}

.al-master-strip--chrome.al-master-strip--float-window {
  border: none;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}

.al-master-perf-pill,
.al-transport-perf-pill {
  border-radius: 999px;
  background: rgba(22, 31, 48, 0.7);
}

.al-vu-seg {
  border-radius: 9px;
}

.al-vu-seg.on {
  background: linear-gradient(180deg, #5eead4, #22c55e);
  box-shadow: 0 0 6px rgba(34, 197, 94, 0.45);
}

.al-master-in {
  border-radius: 4px;
}

.al-master-in:hover {
  background: rgba(30, 42, 62, 0.6);
}

.al-json-panel {
  border-radius: 4px;
}

.al-json-editor {
  border: none;
}

.al-json-editor.sl-json {
  border-radius: 0 0 4px 4px;
}

.al-json-dock--open .al-json-dock__inner {
  border-top: none;
}

.al-json-dock__tab {
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.al-json-dock__tab--bar {
  border-top: none;
}

.al-json-dock__tab--in-panel {
  border-top: none;
}

.al-json-dock__chevron {
  opacity: 0.75;
}

.al-json-dock__panel {
  border-top: none;
  background: rgba(10, 12, 18, 0.98);
  box-shadow: none;
}

.al-json-dock__json-toolbar {
  border-bottom: 1px solid rgba(42, 53, 72, 0.55);
}

.al-json-dock__textarea {
  border: none;
}

.al-comp-head-wrap {
  border-radius: 4px 4px 10px 10px;
}

.al-module-drag-zone {
  border-radius: 0px;
  border: 1px dotted rgba(255, 255, 255, 0.42);
  background: rgba(255, 255, 255, 0.09);
  background: linear-gradient(to bottom, rgba(174, 188, 191, 0.5) 0%, rgba(173, 187, 190, 0.5) 1%, rgba(110, 119, 116, 0.5) 50%, rgba(10, 14, 10, 0.5) 51%, rgba(10, 8, 9, 0.5) 100%);
}

.al-module-drag-zone:active {
  box-shadow: inset 0px 0px 24px rgba(255,255,255,.5);
}

.al-plugin-header-band {

  background: linear-gradient(to bottom,  rgba(34,95,100,1) 0%,rgba(50,140,135,0.92) 16%,rgba(31,207,186,0.85) 29%,rgba(42,175,165,0.8) 38%,rgba(46,164,158,0.6) 41%,rgba(50,138,140,0.07) 49%,rgba(65,157,157,0) 50%,rgba(84,170,171,0.8) 60%,rgba(106,185,188,0.86) 72%,rgba(0,0,0,1) 100%);

}

.al-header-type-row {
  box-shadow: -1px 10px 8px 5px rgb(0 255 208);
}

.al-preset-panel {
  background: rgba(8, 12, 20, 0.96);
}

.al-preset-panel__name {
  border-radius: 3px;
}

.al-comp-preset-json {
  background: rgba(6, 9, 14, 0.55);
}

.al-comp-preset-json__textarea {
  border-radius: 3px;
}

.al-plugin-drag-row {
  background: rgba(6, 10, 16, 0.55);
}

.al-plugin-module-toolbar {
  background: rgba(6, 10, 16, 0.55);
}

.al-simsam-dialog-backdrop {
  background: rgba(2, 5, 12, 0.72);
}

.al-simsam-dialog {
  border-radius: 8px;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.45);
}

.al-simsam-dialog__body {
  border-radius: 6px;
}

.al-simsam-dialog__row {
  border-radius: 5px;
}

.al-simsam-upload__bar {
  border-radius: 4px;
}

.al-simsam-upload__bar-fill {
  background: linear-gradient(90deg, #5a90d4, #8eb9ea);
}

.al-simsam-voice-col {
  border-radius: 6px;
}

.al-plugin-drag-row-model {
  opacity: 0.5;
}

.al-app-shell .al-workspace .sl-module.sl-module--mixer.collapsed .al-plugin-body.al-plugin-body--mixer-min {
  border-top: none;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.45);
  opacity: 0;
}

.al-app-shell .al-workspace .sl-module.sl-module--mixer.collapsed:hover .al-plugin-body.al-plugin-body--mixer-min {
  opacity: 1;
}

.al-name-field-compact {
  border-radius: 3px;
}

.al-mini-btn {
  border-radius: 3px;
}

.al-mini-btn--collapse {  
    box-shadow: inset -11px -15px 15px 2px rgb(255 247 0 / 39%);
  color: rgba(0, 0, 0, 0);
  /* border: 1px solid #14ff1285; */
  background: linear-gradient(to bottom, rgba(0, 234, 218, 0) 0%, rgba(0, 208, 187, 0.17) 17%, rgba(0, 156, 135, 0.5) 50%, rgba(0, 134, 118, 0.51) 51%, rgba(0, 148, 121, 0.59) 59%, rgba(0, 168, 126, 0.71) 71%, rgba(0, 134, 109, 0.84) 84%, rgba(0, 94, 89, 1) 100%);
}

.al-mini-btn--collapse:hover {
  box-shadow: 1px 1px 0px rgb(0 0 0 / 21%);
}

.al-name-input {
  border-radius: 3px;
}

.al-single-trigger-zone {
  border-radius: 4px;
  background: linear-gradient(180deg, #0c121c, #070a10);
  outline: none;
}

.al-single-trigger-zone:hover {
  border-color: rgba(100, 170, 255, 0.45);
  box-shadow: inset 0 0 0 1px rgba(80, 140, 220, 0.12);
}

.al-app-shell .al-workspace .sl-module.sl-module--patch .al-port-cluster .sl-port-dot {
  box-shadow: 0 0 0 1px rgba(13, 18, 32, 0.95);
}

.sl-port-dot.connected {
  box-shadow: 0 0 8px rgba(120, 200, 255, 0.35);
}

.sl-port-dot.audio_stereo.connected {
  background: rgba(16, 185, 129, 0.45);
  box-shadow: 0 0 8px rgba(16, 185, 129, 0.45);
}

.sl-port-dot.audio_mono.connected {
  box-shadow: 0 0 8px rgba(6, 182, 212, 0.45);
}

.sl-port-dot.midi.connected {
  box-shadow: 0 0 8px rgba(245, 158, 11, 0.45);
}

.sl-port-dot.cv.connected {
  background: rgba(236, 72, 153, 0.45);
  box-shadow: 0 0 8px rgba(236, 72, 153, 0.45);
}

.sl-port-dot.root_key.connected {
  box-shadow: 0 0 8px rgba(236, 72, 153, 0.45);
}

.sl-port-dot.connected:hover {
  background: radial-gradient(circle at center, #ef4444 0 34%, currentColor 40% 100%);
}

.sl-port-dot.connected.hi {
  background: radial-gradient(circle at center, #ef4444 0 34%, currentColor 40% 100%);
}

/* Plugin chrome — one background per type (header row + body share the same rule) */

.al-header-type-row.component_type_PITCHED,
.al-comp-head-wrap.component_type_PITCHED,
.component_type_PITCHED ~ .al-plugin-body {
background: blue;
}

.al-header-type-row.component_type_DRUM,
.al-comp-head-wrap.component_type_DRUM,
.component_type_DRUM ~ .al-plugin-body {
background: green;
}

.al-header-type-row.component_type_MIX,
.component_type_MIX ~ .al-plugin-body {
background: yellow;
}

.al-header-type-row.component_type_SEQ,
.al-comp-head-wrap.component_type_SEQ,
.component_type_SEQ ~ .al-plugin-body {
background: orange;
}

.al-header-type-row.component_type_FX,
.al-comp-head-wrap.component_type_FX,
.component_type_FX ~ .al-plugin-body {
background: purple; 
}

.al-header-type-row.component_type_CV,
.al-comp-head-wrap.component_type_CV,
.component_type_CV ~ .al-plugin-body {
background: red;
}


.al-transport-btn--stop::before {
  background: currentColor;
  border-radius: 1px;
}

.al-transport-btn--play::before {
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 12px solid currentColor;
}

.al-transport-btn--pause::before {
  border: 0;
  background: linear-gradient(
    to right,
    currentColor 0 4px,
    transparent 4px 7px,
    currentColor 7px 11px
  );
}

.al-record-icon-btn::before {
  border-radius: 999px;
  border: 2px solid currentColor;
  background: transparent;
}

.al-sr-only {
  border: 0 !important;
}

.al-scene-lib-backdrop {
  background: rgba(2, 5, 12, 0.72);
}

.al-scene-lib-dialog {
  border-radius: 8px;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.45);
}

.al-scene-lib__body {
  border-radius: 6px;
}

.al-scene-lib__rename-input {
  border-radius: 4px;
}

.al-scene-lib__icon-btn--danger {
  opacity: 0.92;
}

/* WireLab passthrough (rgba, gradients, complex) */

.wl-topbar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.wl-export-progress {
  background: rgba(0, 0, 0, 0.28);
}

.wl-export-progress__bar {
  background: rgba(255, 255, 255, 0.18);
}

.wl-export-splash-backdrop {
  background: rgba(0, 0, 0, 0.72);
}

.wl-export-splash-top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.wl-export-splash-split {
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.wl-export-splash-split-gutter::after {
  background: rgba(255, 255, 255, 0.12);
}

.wl-export-splash-split-gutter:hover::after {
  background: rgba(74, 95, 138, 0.9);
}

.wl-export-splash-split-gutter:focus-visible::after {
  background: rgba(74, 95, 138, 0.9);
}

.wl-export-splash-split.is-dragging .wl-export-splash-split-gutter::after {
  background: rgba(107, 143, 212, 0.95);
}

.wl-export-splash-code-pane #wlBootHtmlEditor {
  color: rgba(125, 201, 110, 0.83);
}

.wl-export-splash-sidebar-tile {
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.wl-export-splash-sidebar-tile {
  background: rgb(23 23 23 / 94%);
}

.wl-export-splash-sidebar-tile-title {
  color: rgba(226, 232, 240, 0.9);
}

.wl-export-splash-select {
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.wl-export-splash-select {
  background: rgba(12, 18, 26, 0.85);
}

.wl-export-splash-select {
  color: rgba(226, 232, 240, 0.92);
}

.wl-export-splash-sidebar .boot-ph-group {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.wl-export-splash-sidebar .boot-ph-col--token code {
  color: rgba(167, 199, 231, 0.92);
}

.wl-boot-ph-input {
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.wl-boot-ph-input {
  background: rgba(12, 18, 26, 0.85);
}

.wl-boot-ph-input {
  color: rgba(226, 232, 240, 0.92);
}

.wl-sidebar {
  border: 0px solid rgba(255, 255, 255, 0.12);
}

@media (max-width: 960px) {
  .wl-sidebar {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
}

#al-chrome-float-root .wl-tile-float-head {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.wl-stage {
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.wl-bg-placeholder {
  color: rgba(255, 255, 255, 0.45);
}

.wl-slider-track-html {
  background: rgba(180, 220, 255, 0.2);
}

.wl-slider-track-html {
  border: 1px solid rgba(180, 220, 255, 0.5);
}

.wl-slider-label {
  color: rgba(234, 242, 255, 0.95);
}

.wl-slider-label {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
}

.wl-slider-label-wrap {
  border-top: 1px dashed rgba(255, 255, 255, 0.12);
}

.wl-tile-cycle-chrome-lbl {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
}

.wl-playstop-state-name {
  color: rgba(234, 242, 255, 0.72);
}

.wl-tempo-btn-state-name {
  color: rgba(234, 242, 255, 0.72);
}

.wl-mute-btn-state-name {
  color: rgba(234, 242, 255, 0.72);
}

.wl-solo-btn-state-name {
  color: rgba(234, 242, 255, 0.72);
}

.wl-slider-css-table th {
  color: rgba(196, 215, 255, 0.75);
}

.wl-slider-css-table th {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.wl-slider-css-cell {
  border: 1px solid rgba(255, 255, 255, 0.14);
}

.wl-slider-css-cell {
  background: rgba(0, 0, 0, 0.25);
}

.wl-slider-css-cell {
  color: rgba(85, 255, 230, 0.621);
}

.wl-slider-css-cell:focus {
  border-color: rgba(120, 180, 255, 0.55);
}

.wl-slider-css-cell:focus {
  background: rgba(10, 14, 24, 0.95);
}

.wl-slider-handle-style-hint {
  color: rgba(196, 215, 255, 0.55);
}

.wl-tile-title {
  color: rgba(234, 242, 255, 0.95);
}

.wl-tile-title {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
}

.wl-tile-cycle-label {
  color: rgba(234, 242, 255, 0.92);
}

.wl-tile-cycle-label {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
}

.wl-tile-bpm-readout {
  color: rgba(200, 230, 255, 0.98);
}

.wl-tile-bpm-readout {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
}

.wl-tile-rect {
  background: rgba(120, 180, 255, 0.15);
}

.wl-tile-rect {
  border: 1px solid rgba(140, 200, 255, 0.85);
}

.wl-tile-rect[data-wl-tile-kind='frame'] {
  border: 1px dashed rgba(80, 140, 255, 0.5);
}

.wl-tile-rect[data-wl-tile-kind='hot-area'] {
  border: 1px dashed rgba(60, 200, 120, 0.5);
}

.wl-tile-rect[data-wl-tile-kind='hot-area'] {
  background: rgba(60, 200, 120, 0.1);
}

.wl-tile-rect[data-wl-tile-kind='slider'] {
  border: 1px dotted rgba(255, 100, 180, 0.5);
}

.wl-tile-rect.wl-tile-rect--slider {
  border: 1px dotted rgba(255, 100, 180, 0.5);
}

.wl-tile-rect[data-focused='true'] {
  background: rgba(255, 200, 120, 0.22);
}

.wl-tile-rect[data-focused='true'] {
  border-color: rgba(255, 210, 140, 0.95);
}

.wl-tile-rect[data-selected='true']:not([data-focused='true']) {
  outline: 1px dashed rgba(255, 210, 140, 0.75);
}

.wl-tile-rect[data-wl-tile-kind='frame'][data-focused='true'] {
  border-color: rgba(120, 175, 255, 0.75);
}

.wl-tile-rect[data-wl-tile-kind='frame'][data-focused='true'] {
  outline: 1px solid rgba(255, 210, 140, 0.95);
}

.wl-tile-rect[data-wl-tile-kind='hot-area'][data-focused='true'] {
  border-color: rgba(90, 220, 140, 0.75);
}

.wl-tile-rect[data-wl-tile-kind='hot-area'][data-focused='true'] {
  outline: 1px solid rgba(255, 210, 140, 0.95);
}

.wl-tile-rect[data-wl-tile-kind='slider'][data-focused='true'] {
  border-color: rgba(255, 130, 200, 0.75);
}

.wl-tile-rect[data-wl-tile-kind='slider'][data-focused='true'] {
  outline: 1px solid rgba(255, 210, 140, 0.95);
}

.wl-tile-rect.wl-tile-rect--slider[data-focused='true'] {
  border-color: rgba(255, 130, 200, 0.75);
}

.wl-tile-rect.wl-tile-rect--slider[data-focused='true'] {
  outline: 1px solid rgba(255, 210, 140, 0.95);
}

.wl-tile-rect.wl-tile-rect--slider {
  background: rgba(120, 180, 255, 0.15);
}

.wl-rubber {
  background: rgba(255, 255, 255, 0.08);
}

.wl-rubber {
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.wl-resize-handle {
  background: rgba(255, 220, 140, 0.95);
}

.wl-resize-handle {
  border: 1px solid rgba(0, 0, 0, 0.45);
}

.wl-clone-num {
  border: 1px solid rgba(255, 255, 255, 0.14);
}

.wl-clone-num {
  background: rgba(0, 0, 0, 0.25);
}

.wl-tile-list-toolbar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.wl-tile-row {
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.wl-tile-row {
  background: rgb(23 23 23 / 94%);
}

.wl-tile-row[data-focused='true'] {
  border-color: rgba(255, 200, 120, 0.45);
}

.wl-tile-row[data-focused='true'] {
  background: rgb(27 22 15 / 95%);
}

.wl-tile-row[data-focused='true'][data-wl-tile-kind='frame'] {
  border: 1px dashed rgba(120, 175, 255, 0.75);
}

.wl-tile-row[data-focused='true'][data-wl-tile-kind='frame'] {
  outline: 1px solid rgba(255, 210, 140, 0.95);
}

.wl-tile-row[data-focused='true'][data-wl-tile-kind='hot-area'] {
  border: 1px dashed rgba(90, 220, 140, 0.75);
}

.wl-tile-row[data-focused='true'][data-wl-tile-kind='hot-area'] {
  outline: 1px solid rgba(255, 210, 140, 0.95);
}

.wl-tile-row[data-focused='true'][data-wl-tile-kind='slider'] {
  border: 1px dotted rgba(255, 130, 200, 0.75);
}

.wl-tile-row[data-focused='true'][data-wl-tile-kind='slider'] {
  outline: 1px solid rgba(255, 210, 140, 0.95);
}

.wl-tile-row[data-drop-position='before'] {
  border-top-color: rgba(96, 165, 250, 0.95);
}

.wl-tile-row[data-drop-position='before'] {
  box-shadow: inset 0 3px 0 rgba(96, 165, 250, 0.95);
}

.wl-tile-row[data-drop-position='after'] {
  border-bottom-color: rgba(96, 165, 250, 0.95);
}

.wl-tile-row[data-drop-position='after'] {
  box-shadow: inset 0 -3px 0 rgba(96, 165, 250, 0.95);
}

.wl-tile-row[data-wl-tile-kind='frame'] {
  border: 1px dashed rgba(80, 140, 255, 0.5);
}

.wl-tile-row[data-wl-tile-kind='hot-area'] {
  border: 1px dashed rgba(60, 200, 120, 0.5);
}

.wl-tile-row[data-wl-tile-kind='slider'] {
  border: 1px dotted rgba(255, 100, 180, 0.5);
}

.wl-tile-row[data-wl-tile-kind='other'] {
  border: 1px solid rgba(140, 200, 255, 0.85);
}

.wl-tile-list--minified .wl-tile-row[data-focused='true'] {
  box-shadow: inset 0 0 12px rgba(255, 220, 80, 0.95);
}

.wl-tile-list--minified .wl-tile-row[data-focused='true'][data-drop-position='before'] {
  box-shadow: inset 0 0 12px rgba(255, 220, 80, 0.95), inset 0 3px 0 rgba(96, 165, 250, 0.95);
}

.wl-tile-list--minified .wl-tile-row[data-focused='true'][data-drop-position='after'] {
  box-shadow: inset 0 0 12px rgba(255, 220, 80, 0.95), inset 0 -3px 0 rgba(96, 165, 250, 0.95);
}

.wl-tile-stack-meta {
  color: rgba(198, 214, 255, 0.88);
}

.wl-tile-stack-drag {
  border: 1px solid rgba(255, 255, 255, 0.16);
}

.wl-tile-stack-drag {
  background: rgba(255, 255, 255, 0.06);
}

.wl-tile-stack-drag {
  color: rgba(198, 214, 255, 0.72);
}

.wl-tile-minify-toggle {
  color: rgba(198, 214, 255, 0.92);
}

.wl-tile-frame-geom-input {
  border: 1px solid rgba(255, 255, 255, 0.14);
}

.wl-tile-frame-geom-input {
  background: rgba(0, 0, 0, 0.25);
}

.wl-tile-frame-geom-input:focus {
  border-color: rgba(120, 180, 255, 0.55);
}

.wl-tile-frame-geom-input:focus {
  background: rgba(10, 14, 24, 0.95);
}

.wl-tile-title-input {
  border: 1px solid rgba(255, 255, 255, 0.14);
}

.wl-tile-title-input {
  background: rgba(0, 0, 0, 0.25);
}

.wl-tile-title-input:focus {
  border-color: rgba(120, 180, 255, 0.55);
}

.wl-tile-title-input:focus {
  background: rgba(10, 14, 24, 0.95);
}

.wl-tile-rotate-input {
  border: 1px solid rgba(255, 255, 255, 0.14);
}

.wl-tile-rotate-input {
  background: rgba(0, 0, 0, 0.25);
}

.wl-tile-rotate-input:focus {
  border-color: rgba(120, 180, 255, 0.55);
}

.wl-tile-rotate-input:focus {
  background: rgba(10, 14, 24, 0.95);
}

.wl-slider-polarity-btn {
  border: 1px solid rgba(255, 255, 255, 0.18);
}

.wl-slider-polarity-btn {
  background: rgba(255, 255, 255, 0.06);
}

.wl-cycle-reverse-btn {
  border: 1px solid rgba(255, 255, 255, 0.18);
}

.wl-cycle-reverse-btn {
  background: rgba(255, 255, 255, 0.06);
}

.wl-slider-polarity-btn:hover {
  background: rgba(120, 180, 255, 0.22);
}

.wl-slider-polarity-btn:hover {
  border-color: rgba(120, 180, 255, 0.55);
}

.wl-cycle-reverse-btn:hover {
  background: rgba(120, 180, 255, 0.22);
}

.wl-cycle-reverse-btn:hover {
  border-color: rgba(120, 180, 255, 0.55);
}

.wl-slider-polarity-btn[aria-pressed='true'] {
  background: rgba(120, 180, 255, 0.28);
}

.wl-slider-polarity-btn[aria-pressed='true'] {
  border-color: rgba(120, 180, 255, 0.65);
}

.wl-cycle-reverse-btn[aria-pressed='true'] {
  background: rgba(120, 180, 255, 0.28);
}

.wl-cycle-reverse-btn[aria-pressed='true'] {
  border-color: rgba(120, 180, 255, 0.65);
}

.wl-slider-range-input {
  border: 1px solid rgba(255, 255, 255, 0.14);
}

.wl-slider-range-input {
  background: rgba(0, 0, 0, 0.25);
}

.wl-slider-range-input:focus {
  border-color: rgba(120, 180, 255, 0.55);
}

.wl-slider-range-input:focus {
  background: rgba(10, 14, 24, 0.95);
}

.wl-frame-controls-panel {
  border: 1px solid rgba(148, 163, 184, 0.18);
}

.wl-frame-controls-panel {
  background: rgba(10, 14, 24, 0.35);
}

.wl-frame-ctl input[type='color'].wl-frame-ctl__color {
  border: 1px solid rgba(148, 163, 184, 0.25);
}

.wl-frame-ctl__triple-fields input[type='text'] {
  border: 1px solid rgba(148, 163, 184, 0.24);
}

.wl-frame-ctl__triple-fields input[type='text'] {
  background: rgba(15, 23, 42, 0.72);
}

.wl-frame-midi-panel {
  border-top: 1px solid rgba(148, 163, 184, 0.18);
}

.wl-cycle-input {
  border: 1px solid rgba(255, 255, 255, 0.14);
}

.wl-cycle-input {
  background: rgba(0, 0, 0, 0.25);
}

.wl-cycle-input:focus {
  border-color: rgba(120, 180, 255, 0.55);
}

.wl-cycle-input:focus {
  background: rgba(10, 14, 24, 0.95);
}

.wl-cycle-icon-btn {
  border: 1px solid rgba(255, 255, 255, 0.18);
}

.wl-cycle-icon-btn {
  background: rgba(255, 255, 255, 0.06);
}

.wl-cycle-icon-btn:hover:not(:disabled) {
  background: rgba(120, 180, 255, 0.22);
}

.wl-cycle-icon-btn:hover:not(:disabled) {
  border-color: rgba(120, 180, 255, 0.55);
}

.wl-cycle-icon-btn--remove {
  background: rgba(255, 80, 80, 0.12);
}

.wl-cycle-icon-btn--remove {
  border-color: rgba(255, 80, 80, 0.35);
}

.wl-cycle-icon-btn--remove:hover:not(:disabled) {
  background: rgba(255, 80, 80, 0.28);
}

.wl-cycle-icon-btn--remove:hover:not(:disabled) {
  border-color: rgba(255, 120, 120, 0.65);
}

.wl-bin {
  background: rgba(255, 80, 80, 0.15);
}

.wl-bin:hover {
  background: rgba(255, 80, 80, 0.28);
}

.wl-bg-thumb {
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.wl-bg-upload-item {
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.wl-bg-upload-item {
  background: rgba(0, 0, 0, 0.2);
}

.wl-workspace-thumb {
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.wl-workspace-name-input {
  border: 1px solid rgba(120, 180, 255, 0.45);
}

.wl-align-clear {
  color: rgba(180, 210, 255, 0.95);
}

.wl-align-clear:hover {
  color: rgba(220, 235, 255, 1);
}

.wl-align-section {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.wl-align-btn {
  border: 1px solid rgba(255, 255, 255, 0.14);
}

.wl-align-btn {
  background: rgba(255, 255, 255, 0.06);
}

.wl-align-btn {
  color: rgba(230, 240, 255, 0.95);
}

.wl-align-btn:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.12);
}

.wl-align-btn:hover:not(:disabled) {
  border-color: rgba(255, 255, 255, 0.22);
}

.wl-align-btn--pending {
  background: rgba(120, 180, 255, 0.22);
}

.wl-align-btn--pending {
  border-color: rgba(140, 200, 255, 0.55);
}

.wl-align-btn[aria-pressed='true'] {
  background: rgba(120, 180, 255, 0.22);
}

.wl-align-btn[aria-pressed='true'] {
  border-color: rgba(140, 200, 255, 0.55);
}

.wl-align-spacing {
  border: 1px solid rgba(255, 255, 255, 0.14);
}

.wl-align-spacing {
  background: rgba(0, 0, 0, 0.25);
}

.wl-align-to-select {
  border: 1px solid rgba(255, 255, 255, 0.14);
}

.wl-align-to-select {
  background: rgba(0, 0, 0, 0.25);
}

.wl-align-apply {
  border: 1px solid rgba(140, 200, 255, 0.45);
}

.wl-align-apply {
  background: rgba(80, 140, 220, 0.35);
}

.wl-align-apply {
  color: rgba(240, 248, 255, 0.98);
}

.wl-align-apply:hover:not(:disabled) {
  background: rgba(100, 160, 235, 0.45);
}

.wl-tile-filter-combo {
  border: 1px solid rgba(96, 165, 250, 0.55);
}

.wl-tile-filter-lock {
  background: rgba(168, 44, 44, 0.72);
}

.wl-tile-filter-lock {
  color: rgba(255, 235, 235, 0.98);
}

.wl-tile-filter-lock:hover {
  background: rgba(190, 56, 56, 0.82);
}

.wl-tile-filter-lock[aria-pressed='true'] {
  background: rgba(88, 94, 104, 0.72);
}

.wl-tile-filter-lock[aria-pressed='true'] {
  color: rgba(210, 214, 222, 0.92);
}

.wl-tile-filter-lock[aria-pressed='true']:hover {
  background: rgba(102, 108, 118, 0.82);
}

.wl-tile-filter-combo .wl-tile-filter-vis[aria-pressed='true'] {
  background: rgba(59, 130, 246, 0.28);
}

.wl-video-picker__tab {
  border: 1px solid rgba(255, 255, 255, 0.14);
}

.wl-video-picker__tab {
  background: rgba(0, 0, 0, 0.25);
}

.wl-video-picker__tab--active {
  background: rgba(59, 130, 246, 0.35);
}

.wl-video-picker__tab--active {
  border-color: rgba(96, 165, 250, 0.5);
}

.wl-video-picker__list-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.wl-video-picker__list-item:hover {
  background: rgba(255, 255, 255, 0.05);
}

.wl-video-picker__toolbar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.wl-video-picker__btn {
  border: 1px solid rgba(255, 255, 255, 0.18);
}

.wl-video-picker__btn {
  background: rgba(0, 0, 0, 0.3);
}

.wl-video-picker__thumb-card {
  background: rgba(0, 0, 0, 0.4);
}

.wl-video-picker__thumb-card {
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.wl-video-picker__thumb-card:hover {
  border-color: rgba(96, 165, 250, 0.55);
}

.wl-video-picker__thumb--empty {
  background: rgba(255, 255, 255, 0.04);
}

.wl-3d-lib__tabs .sl-tbtn.wl-3d-lib__tab--active {
  background: rgba(59, 130, 246, 0.35);
}

.wl-3d-lib__tabs .sl-tbtn.wl-3d-lib__tab--active {
  border-color: rgba(96, 165, 250, 0.5);
}

.wl-topbar-panel {
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.wl-topbar-panel {
  background: rgba(255, 255, 255, 0.03);
}

.wl-tile-clone-bar {
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.wl-tile-clone-bar {
  background: rgba(255, 255, 255, 0.03);
}

.wl-tile-copy-attrs-bar {
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.wl-tile-copy-attrs-bar {
  background: rgba(255, 255, 255, 0.03);
}

.wl-tile-ext-midi-gui-bar {
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.wl-tile-ext-midi-gui-bar {
  background: rgba(255, 255, 255, 0.03);
}