.grid-page[data-v-dfdebb93]{background:#252525;border-radius:8px}.control-container[data-v-dfdebb93]{min-width:0;min-height:0;transition:outline .1s;display:flex}.edit-overlay[data-v-dfdebb93]{z-index:5;background:#ffffff0d;position:absolute;inset:0}.action-params-wrapper[data-v-e823e95e]{flex-direction:column;gap:8px;display:flex}.section-subtitle[data-v-e823e95e]{color:#888;text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:11px}.group-row[data-v-e823e95e]{flex-wrap:wrap;gap:8px;display:flex}.control-group[data-v-e823e95e]{background:#252525;border-radius:6px;flex:1;align-items:center;gap:8px;padding:6px 8px;display:flex}.control-group.full-width[data-v-e823e95e]{flex-basis:100%}.helper-group[data-v-e823e95e]{align-items:flex-start}.control-group span[data-v-e823e95e]{color:#888;min-width:40px;font-size:.8em}.helper-text[data-v-e823e95e]{color:#bbb;min-width:0;line-height:1.4}.control-group input[type=number][data-v-e823e95e]{color:#ddd;text-align:center;background:#111;border:1px solid #333;border-radius:4px;width:48px;padding:4px}.control-group input[type=text][data-v-e823e95e],.control-group select[data-v-e823e95e]{color:#ddd;background:#111;border:1px solid #333;border-radius:4px;flex-grow:1;width:100%;padding:4px 8px}.edit-toolbar[data-v-46925907]{color:#ccc;background:#111;border-top:1px solid #333;flex-direction:column;flex-shrink:0;gap:16px;max-height:40vh;padding:16px;display:flex;overflow-y:auto}.toolbar-header[data-v-46925907]{justify-content:space-between;align-items:center;display:flex}.move-actions[data-v-46925907]{flex-wrap:nowrap;gap:8px;display:flex}.title[data-v-46925907]{color:#4dfb62;font-size:1.1em;font-weight:700}.action-btn[data-v-46925907]{color:#ddd;cursor:pointer;background:#333;border:1px solid #444;border-radius:4px;padding:6px 12px;font-weight:700;transition:all .1s}.action-btn[data-v-46925907]:hover{background:#444}.step-btn[data-v-46925907]{color:#ddd;cursor:pointer;background:#333;border:1px solid #444;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-weight:700;display:flex}.step-btn[data-v-46925907]:hover{background:#444}.step-btn[data-v-46925907]:active{background:#555}.danger-btn[data-v-46925907]{color:#f88;background:#5c1818;border-color:#8c2828}.danger-btn[data-v-46925907]:hover{background:#7c2020}.small-btn[data-v-46925907]{padding:4px 8px;font-size:.8em}.custom-templates-scrollbox[data-v-46925907]{max-height:120px;padding-right:8px;overflow-y:auto}.custom-templates-scrollbox[data-v-46925907]::-webkit-scrollbar{width:6px}.custom-templates-scrollbox[data-v-46925907]::-webkit-scrollbar-track{background:#111;border-radius:3px}.custom-templates-scrollbox[data-v-46925907]::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.custom-template-item[data-v-46925907]{border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:4px 0;display:flex}.custom-template-name[data-v-46925907]{color:#ccc;font-size:.9em}.exit-btn[data-v-46925907]{color:#88ff98;background:#205c28;border-color:#288c38}.exit-btn[data-v-46925907]:hover{background:#2a7c35}.toolbar-controls[data-v-46925907]{flex-wrap:wrap;gap:24px;display:flex}.empty-state[data-v-46925907]{opacity:.6;padding:16px 0;font-style:italic}.control-section[data-v-46925907]{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.section-title[data-v-46925907]{text-transform:uppercase;color:#888;letter-spacing:1px;font-size:.75em}.group-row[data-v-46925907]{flex-wrap:wrap;gap:8px;display:flex}.control-group[data-v-46925907]{background:#252525;border-radius:6px;flex:220px;align-items:center;gap:8px;min-width:0;padding:6px 8px;display:flex}.control-group.full-width[data-v-46925907]{flex:100%}.helper-group[data-v-46925907]{align-items:flex-start}.control-group span[data-v-46925907]{color:#888;flex-shrink:0;min-width:max-content;font-size:.8em}.helper-text[data-v-46925907]{color:#bbb;min-width:0;line-height:1.4}.checkbox-group[data-v-46925907]{cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-group input[type=checkbox][data-v-46925907]{cursor:pointer;accent-color:#4dfb62;width:16px;height:16px}.control-group input[type=number][data-v-46925907]{color:#ddd;text-align:center;background:#111;border:1px solid #333;border-radius:4px;width:48px;padding:4px}.control-group input[type=text][data-v-46925907],.control-group textarea[data-v-46925907],.control-group select[data-v-46925907]{color:#ddd;background:#111;border:1px solid #333;border-radius:4px;flex-grow:1;width:100%;min-width:0;padding:4px 8px}.control-group input[type=color][data-v-46925907]{cursor:pointer;background:0 0;border:none;width:30px;height:24px;padding:0}.pad[data-v-1afe9de0]{color:#ddd;cursor:pointer;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;text-align:left;box-sizing:border-box;background:#3a3a3a;border:4px solid #222;border-radius:8px;outline:none;flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;height:100%;padding:10px;font-weight:700;transition:all 50ms ease-in-out;display:flex;overflow:hidden;box-shadow:0 6px 10px #00000080,inset 0 2px 5px #ffffff0d}.pad[data-v-1afe9de0]>*{pointer-events:none}.pad.is-active[data-v-1afe9de0]{color:#fff;transform:scale(.95);box-shadow:0 2px 4px #00000080,inset 0 0 15px #fff3}.pad.disabled[data-v-1afe9de0]{opacity:.45}.pad-name[data-v-1afe9de0]{color:inherit;overflow-wrap:anywhere;width:100%;font-size:1.05em;line-height:1.1}.pad-summary[data-v-1afe9de0]{color:#ffffffb8;overflow-wrap:anywhere;width:100%;margin-top:auto;font-size:.7em;line-height:1.2}.channel-strip[data-v-bfe0ba9d]{box-sizing:border-box;background:#1a1a1a;border:1px solid #333;border-radius:6px;flex-direction:column;align-items:center;width:100%;height:100%;padding:12px 6px;display:flex;container-type:size}.channel-strip.horizontal[data-v-bfe0ba9d]{flex-direction:row;gap:12px;padding:8px 12px}.fader-container[data-v-bfe0ba9d]{touch-action:none;flex-grow:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.horizontal-fader[data-v-bfe0ba9d]{width:100%;min-width:0;height:auto}.fader[data-v-bfe0ba9d]{cursor:pointer;accent-color:var(--accent-color,#888);margin:0}.fader-vert[data-v-bfe0ba9d]{appearance:slider-vertical;writing-mode:bt-lr;width:30px;height:100%;min-height:40px}.fader-horiz[data-v-bfe0ba9d]{width:100%;min-width:40px;height:30px}.label-container[data-v-bfe0ba9d]{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;margin-top:12px;display:flex}.horizontal-label[data-v-bfe0ba9d]{min-width:50px;margin-top:0}.value-display[data-v-bfe0ba9d]{font-family:monospace;font-size:.7rem;font-weight:700}.channel-label[data-v-bfe0ba9d]{color:#777;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.75rem;font-weight:700;overflow:hidden}@container (height<=150px){.channel-strip[data-v-bfe0ba9d]{padding:6px 4px}.label-container[data-v-bfe0ba9d]{margin-top:6px}}@container (height<=80px){.channel-strip[data-v-bfe0ba9d]{padding:2px}.label-container[data-v-bfe0ba9d]{gap:0;margin-top:2px}.fader-vert[data-v-bfe0ba9d]{min-height:20px}}@container (width<=150px){.channel-strip.horizontal[data-v-bfe0ba9d]{gap:6px;padding:4px 6px}}@container (width<=80px){.channel-strip.horizontal[data-v-bfe0ba9d]{gap:2px;padding:2px}}.xy-pad-control-wrapper[data-v-3bfc4e96]{flex-direction:column;align-items:center;width:100%;height:100%;display:flex}.xy-pad-background[data-v-3bfc4e96]{touch-action:none;background:#2a2a2a;border:1px solid #444;border-radius:6px;flex-grow:1;width:100%;position:relative;overflow:hidden}.xy-center-indicator[data-v-3bfc4e96]{pointer-events:none;background-color:#ffffff1a;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.xy-center-crosshair[data-v-3bfc4e96]{pointer-events:none;background:linear-gradient(90deg,#0000 49.5%,#ffffff0d 49.5% 50.5%,#0000 50.5%),linear-gradient(#0000 49.5%,#ffffff0d 49.5% 50.5%,#0000 50.5%);width:100%;height:100%;position:absolute;top:0;left:0}.xy-cursor[data-v-3bfc4e96]{background-color:var(--cursor-color,#3498db);pointer-events:none;width:20px;height:20px;box-shadow:0 0 8px var(--cursor-color,#3498db);border-radius:50%;transition:transform .1s;position:absolute;transform:translate(-50%,-50%)}.xy-cursor.active[data-v-3bfc4e96]{box-shadow:0 0 12px var(--cursor-color,#3498db);transform:translate(-50%,-50%)scale(1.2)}.xy-label[data-v-3bfc4e96]{color:#ffffff80;pointer-events:none;font-size:10px;position:absolute;bottom:8px;left:8px}.xy-axis-labels[data-v-3bfc4e96]{color:#ffffff80;pointer-events:none;flex-direction:column;align-items:flex-end;gap:2px;font-size:10px;display:flex;position:absolute;bottom:8px;right:8px}.label-control[data-v-932b5d6a]{-webkit-user-select:none;user-select:none}.connection-badge[data-v-9ea9cbf6]{color:#ccc;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;background:0 0;border:1px solid #2a2a2a;border-radius:999px;align-items:center;gap:6px;padding:6px 8px;font-family:inherit;font-size:.85rem;display:inline-flex}.connection-badge[data-v-9ea9cbf6]:hover{background:#121212;border-color:#3a3a3a}.dot[data-v-9ea9cbf6]{font-size:.9rem;line-height:1}.dot.connected[data-v-9ea9cbf6]{color:#35d07f}.dot.connecting[data-v-9ea9cbf6]{color:#e0c75f}.dot.disconnected[data-v-9ea9cbf6]{color:#e06a6a}.gear[data-v-9ea9cbf6]{opacity:.85;font-size:.9rem}.overlay[data-v-7146ab0a]{z-index:9999;background:#000000a6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialog[data-v-7146ab0a]{color:#ccc;background:#141414;border:1px solid #2a2a2a;border-radius:12px;width:min(560px,100%);padding:16px;box-shadow:0 18px 40px #0009}.header[data-v-7146ab0a]{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.description[data-v-7146ab0a]{color:#8e8e8e;margin-bottom:16px;font-size:.9rem}.title[data-v-7146ab0a]{margin:0;font-size:1rem}.status[data-v-7146ab0a]{white-space:nowrap;background:#101010;border:1px solid #2a2a2a;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.85rem;font-weight:700;display:inline-flex}.status-dot[data-v-7146ab0a]{font-size:.9rem;line-height:1}.status.connected[data-v-7146ab0a]{color:#35d07f}.status.connecting[data-v-7146ab0a]{color:#e0c75f}.status.disconnected[data-v-7146ab0a]{color:#e06a6a}.field[data-v-7146ab0a]{flex-direction:column;gap:6px;display:flex}.field-label[data-v-7146ab0a]{color:#aaa;font-size:.85rem;font-weight:700}.input[data-v-7146ab0a]{color:#eee;background:#0f0f0f;border:1px solid #2a2a2a;border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:.95rem}.input[data-v-7146ab0a]:focus{border-color:#3d7fff;box-shadow:0 0 0 3px #3d7fff33}.host-port[data-v-7146ab0a]{grid-template-columns:1fr 140px;gap:10px;display:grid}@media screen and (width<=420px){.host-port[data-v-7146ab0a]{grid-template-columns:1fr}}.preview[data-v-7146ab0a]{color:#8e8e8e;margin-top:10px;font-size:.8rem}.preview.invalid[data-v-7146ab0a]{color:#e06a6a}.remember[data-v-7146ab0a]{-webkit-user-select:none;user-select:none;align-items:center;gap:10px;margin-top:12px;font-size:.9rem;display:flex}.actions[data-v-7146ab0a]{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.btn[data-v-7146ab0a]{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:.9rem;font-weight:800}.btn.primary[data-v-7146ab0a]{color:#fff;background:#2c5fff}.btn.primary[data-v-7146ab0a]:disabled{opacity:.5;cursor:not-allowed}.btn.secondary[data-v-7146ab0a]{color:#ccc;background:0 0;border-color:#2a2a2a}.overlay[data-v-ca41e97d]{z-index:9999;background:#000000bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialog[data-v-ca41e97d]{color:#ccc;background:#141414;border:1px solid #2a2a2a;border-radius:12px;width:min(480px,100%);padding:20px;box-shadow:0 18px 40px #000000b3}.header[data-v-ca41e97d]{margin-bottom:16px}.title[data-v-ca41e97d]{color:#4dfb62;margin:0;font-size:1.1rem;font-weight:700}.content[data-v-ca41e97d]{margin-bottom:20px}.message[data-v-ca41e97d]{color:#ddd;margin:0 0 16px;font-size:.95rem;line-height:1.5}.input[data-v-ca41e97d]{color:#eee;box-sizing:border-box;background:#0f0f0f;border:1px solid #333;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-family:Courier New,Courier,monospace;font-size:.95rem}.input[data-v-ca41e97d]:focus{border-color:#4dfb62;box-shadow:0 0 0 2px #4dfb6233}.actions[data-v-ca41e97d]{justify-content:flex-end;gap:10px;display:flex}.btn[data-v-ca41e97d]{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:8px 16px;font-family:Courier New,Courier,monospace;font-size:.9rem;font-weight:700;transition:all .1s}.btn.primary[data-v-ca41e97d]{color:#88ff98;background:#205c28;border-color:#288c38}.btn.primary[data-v-ca41e97d]:hover{background:#2a7c35}.btn.secondary[data-v-ca41e97d]{color:#ddd;background:#333;border-color:#444}.btn.secondary[data-v-ca41e97d]:hover{background:#444}body{overscroll-behavior:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#1e1e1e;margin:0}.midi-controller[data-v-9b87c82b]{color:#ccc;box-sizing:border-box;-webkit-user-select:none;user-select:none;background:#1e1e1e;flex-direction:column;width:100%;height:100vh;padding:12px;font-family:Courier New,Courier,monospace;display:flex;overflow:hidden}.top-bar[data-v-9b87c82b]{background:#111;border-radius:8px;flex-wrap:nowrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:8px 12px;display:flex;position:relative;box-shadow:inset 0 2px 10px #000c}@media screen and (width<=500px){.top-bar[data-v-9b87c82b]{gap:8px;padding:8px}}.view-toggle[data-v-9b87c82b]{background:#252525;border-radius:6px;align-items:center;margin-right:auto;padding:4px;display:flex;overflow-x:auto}.page-selector[data-v-9b87c82b]{gap:4px;display:flex}.page-tab[data-v-9b87c82b]{color:#888;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;padding:6px 12px;font-size:.9rem;font-weight:700;transition:all .1s}.page-tab[data-v-9b87c82b]:hover{color:#ccc;background:#333}.page-tab.active[data-v-9b87c82b]{color:#fff;background:#444;box-shadow:0 2px 4px #0000004d}.lcd-display[data-v-9b87c82b]{color:#4dfb62;text-shadow:0 0 5px #4dfb62;background:#18281a;border:2px solid #0d140e;border-radius:6px;flex-direction:column;flex:auto;align-items:center;min-width:0;padding:4px 12px;display:flex}@media screen and (width<=500px){.lcd-text[data-v-9b87c82b]{font-size:1rem}.lcd-time[data-v-9b87c82b]{display:none}}.lcd-text[data-v-9b87c82b]{font-size:1.1rem;font-weight:700}.lcd-time[data-v-9b87c82b]{opacity:.8;font-size:.75rem}.transport-trigger[data-v-9b87c82b]{color:#95a5a6;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:6px 12px;transition:all .2s;display:flex}.transport-trigger[data-v-9b87c82b]:hover{color:#ecf0f1}.transport-trigger.active[data-v-9b87c82b]{color:#3498db}@media screen and (width<=500px){.transport-trigger span[data-v-9b87c82b]{font-size:0}.transport-trigger span[data-v-9b87c82b]:before{content:"✎";font-size:1.2rem}.transport-trigger[data-v-9b87c82b]{padding:6px 10px}}.transport-menu-overlay[data-v-9b87c82b]{z-index:100;margin-top:8px;position:absolute;top:100%;right:0}.transport-buttons.popover[data-v-9b87c82b]{background:#1a1a1a;border:2px solid #333;border-radius:8px;flex-wrap:nowrap;justify-content:flex-end;gap:12px;padding:12px;display:flex;box-shadow:0 8px 16px #00000080}.transport-btn[data-v-9b87c82b]{color:#aaa;cursor:pointer;background:#333;border:none;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;transition:all .1s;display:flex;box-shadow:0 4px 6px #0000004d,inset 0 2px 4px #ffffff1a}.transport-btn.hovered[data-v-9b87c82b]{background:#444;transform:translateY(2px);box-shadow:0 1px 2px #0000004d}.transport-btn.play.active[data-v-9b87c82b]{color:#4dfb62;box-shadow:0 0 15px #4dfb6266}.transport-btn.record.active[data-v-9b87c82b]{color:#fb4d4d;box-shadow:0 0 15px #fb4d4d66}.transport-btn.edit.active[data-v-9b87c82b]{color:#4dfb62;box-shadow:0 0 15px #4dfb6266}.main-panel[data-v-9b87c82b]{flex-direction:column;flex-grow:1;min-height:0;display:flex;overflow:hidden}