html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.logo{align-items:center;gap:var(--space-2);display:inline-flex}.remote{grid-template-rows:var(--topbar-h) minmax(0, 1fr);width:100vw;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}.topbar{align-items:center;gap:var(--space-3);padding:0 var(--space-3);border-bottom:1px solid var(--border);background:var(--surface);display:flex;position:relative}.topbar .wordmark{font-size:15px}.topbar-chips{gap:var(--space-2);min-width:0;margin-left:auto;display:flex;overflow:hidden}.topbar-chips .status{text-overflow:ellipsis;min-width:0;overflow:hidden}.topbar-menu{flex:none}@media (max-width:560px){.topbar .wordmark{display:none}.topbar{gap:var(--space-2);padding:0 var(--space-2)}}.role-badge{background:var(--surface-2);color:var(--text-muted);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:600}.menu{top:calc(var(--topbar-h) - 2px);right:var(--space-3);z-index:20;min-width:220px;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface-2);box-shadow:var(--raised);flex-direction:column;display:flex;position:absolute}.menu button{min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-s);text-align:left;background:0 0;border:0;font-weight:500}.menu button:active{background:var(--surface)}.menu-danger{color:var(--bad)}.menu-meta{margin:var(--space-2) var(--space-3);font-size:12px}.stage{min-height:0;padding:var(--space-2);position:relative}.empty{text-align:center;place-items:center;height:100%;margin:0;display:grid}.toast{left:50%;bottom:calc(var(--space-6) + env(safe-area-inset-bottom));z-index:30;padding:var(--space-2) var(--space-4);border:1px solid var(--border);background:var(--surface-2);box-shadow:var(--raised);border-radius:999px;font-weight:600;position:fixed;transform:translate(-50%)}.toast-warn{color:var(--warn)}.rotate-hint{z-index:10;background:var(--bg);opacity:.94;place-items:center;font-size:20px;font-weight:700;display:none;position:absolute;top:0;bottom:0;left:0;right:0}@media (orientation:portrait) and (max-width:900px){.rotate-hint.want-landscape{display:grid}}@media (orientation:landscape) and (max-height:500px){.rotate-hint.want-portrait{display:grid}}.splash{min-height:100dvh;padding:var(--space-6);place-items:center;display:grid}.splash-card{gap:var(--space-3);width:min(420px,100%);padding:var(--space-6);border-radius:var(--radius-l);background:var(--surface);box-shadow:var(--raised);flex-direction:column;display:flex}.splash-card h1{margin:var(--space-3) 0 0;font-size:22px}.splash-card p{margin:0}.splash-form{gap:var(--space-3);margin-top:var(--space-3);flex-direction:column;display:flex}.splash-card details summary{cursor:pointer;color:var(--text-muted)}.editor{gap:var(--space-2);flex-direction:column;height:100%;display:flex}.editor-bar{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.editor-add select{min-height:32px}.editor-title{font-size:13px}.editor-error{color:var(--bad);font-size:13px}.editor-bar .btn:first-of-type{margin-left:auto}.editor-main{gap:var(--space-2);flex:1;min-height:0;display:flex}.editor-canvas{border:1px dashed var(--border);border-radius:var(--radius-m);touch-action:none;background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);background-size:5% 5%;flex:1;position:relative}.editor-box{border:2px solid var(--c-line);border-radius:var(--radius-s);background:var(--surface);touch-action:none;flex-direction:column;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;overflow:hidden}.editor-box.selected{outline:2px solid var(--focus);outline-offset:2px}.editor-box-type{font-weight:700}.editor-box-addr{color:var(--text-muted)}.editor-handle{background:var(--c-line);clip-path:polygon(100% 0,100% 100%,0 100%);width:22px;height:22px;position:absolute;bottom:0;right:0}.editor-props{gap:var(--space-3);width:220px;padding:var(--space-3);border-radius:var(--radius-m);background:var(--surface);flex-direction:column;display:flex;overflow-y:auto}.editor-props h3{margin:0;font-size:15px}.c-deck1{--c:var(--deck1);--c-line:var(--deck1-line);--c-on:var(--deck1-on);--c-glow:var(--glow-deck1)}.c-deck2{--c:var(--deck2);--c-line:var(--deck2-line);--c-on:var(--deck2-on);--c-glow:var(--glow-deck2)}.c-accent{--c:var(--accent);--c-line:var(--accent-line);--c-on:var(--accent-on);--c-glow:var(--glow-accent)}.c-neutral{--c:var(--neutral);--c-line:var(--neutral-line);--c-on:var(--neutral-on);--c-glow:var(--glow-neutral)}.surface{touch-action:none;width:100%;height:100%;position:relative}.slot{padding:4px;position:absolute}.wg{border-radius:var(--radius-m);background:var(--surface);width:100%;height:100%;box-shadow:var(--raised);touch-action:none;-webkit-user-select:none;user-select:none;position:relative}.wg-label{color:var(--text-muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;font-size:12px;font-weight:600;position:absolute;bottom:4px;left:0;right:0;overflow:hidden}.wg.locked{opacity:.35}.wg.locked:after{content:"nav atļauts";color:var(--text-muted);text-align:center;font-size:11px;position:absolute;top:6px;left:0;right:0}.fader{overflow:hidden}.fader-track{background:var(--track);width:8px;box-shadow:var(--inset);border-radius:4px;margin-left:-4px;position:absolute;top:10px;bottom:26px;left:50%;overflow:hidden}.fader-fill{background:var(--c);transform-origin:bottom;will-change:transform;position:absolute;top:0;bottom:0;left:0;right:0}.fader-thumb{will-change:transform;height:clamp(32px,14%,56px);position:absolute;top:0;left:8%;right:8%}.fader-grip{border:2px solid var(--c-line);border-radius:var(--radius-s);background:var(--surface-2);box-shadow:var(--c-glow);position:absolute;top:0;bottom:0;left:0;right:0}.fader-grip:after{content:"";background:var(--c-line);height:2px;margin-top:-1px;position:absolute;top:50%;left:20%;right:20%}.fader[data-orient=h] .fader-track{width:auto;height:8px;margin:-4px 0 0;top:40%;bottom:auto;left:12px;right:12px}.fader[data-orient=h] .fader-fill{transform-origin:0}.fader[data-orient=h] .fader-thumb{width:clamp(32px,12%,56px);height:auto;top:10%;bottom:30%;left:0;right:auto}.fader[data-orient=h] .fader-grip:after{width:2px;height:auto;margin:0 0 0 -1px;top:20%;bottom:20%;left:50%;right:auto}.xfader .fader-fill{display:none}.fader-center{background:var(--text-muted);width:2px;position:absolute;top:-6px;bottom:-6px;left:50%}.knob{place-items:center;display:grid}.knob-svg{width:min(100%,100% - 18px);height:calc(100% - 18px);margin-bottom:14px;overflow:visible}.knob-face{fill:var(--surface-2);stroke:var(--border);stroke-width:1px}.knob-track,.knob-arc{fill:none;stroke-width:7px;stroke-linecap:round}.knob-track{stroke:var(--border)}.knob-arc{stroke:var(--c-line)}.knob-pointer{transform-box:view-box;transform-origin:50px 50px;will-change:transform}.knob-pointer line{stroke:var(--text);stroke-width:4px;stroke-linecap:round}.pad{border:2px solid var(--border);color:var(--text);place-items:center;padding:0;font-size:15px;font-weight:700;display:grid}.pad-glow{border-radius:inherit;box-shadow:var(--c-glow);opacity:0;pointer-events:none;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px}.pad-label{pointer-events:none;position:relative}.pad[data-pressed=true]{box-shadow:var(--inset);transform:scale(.97)}.is-button{border-color:var(--c-line)}.is-button[data-state="1"]{background:var(--c);color:var(--c-on)}.is-button[data-state="1"] .pad-glow{opacity:1}.is-pad[data-state="0"]{color:var(--text-muted)}.is-pad[data-state="1"]{border-color:var(--c-line)}.is-pad[data-state="2"]{border-color:var(--c-line);background:var(--c);color:var(--c-on)}.is-pad[data-state="2"] .pad-glow{opacity:1}.jog{box-shadow:none;background:0 0;place-items:center;display:grid;container-type:size}.jog-body{background:var(--surface);width:min(100cqw,100cqh);height:min(100cqw,100cqh);box-shadow:var(--raised);border-radius:50%;position:relative}.jog-ring{position:absolute;top:0;bottom:0;left:0;right:0;transform:rotate(-90deg)}.jog-ring-track,.jog-ring-pos{fill:none;stroke-width:2.5px}.jog-ring-track{stroke:var(--border)}.jog-ring-pos{stroke:var(--c-line);stroke-linecap:round}.jog-platter{background:repeating-radial-gradient(circle, var(--surface-2) 0 3px, var(--surface) 3px 6px);box-shadow:var(--inset);will-change:transform;border-radius:50%;position:absolute;top:8%;bottom:8%;left:8%;right:8%}.jog-marker{background:var(--c-line);border-radius:3px;width:6px;height:18%;margin-left:-3px;position:absolute;top:4%;left:50%}.jog-platter:after{content:"";box-shadow:var(--c-glow);opacity:0;border-radius:50%;position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px}.jog[data-touched] .jog-platter:after{opacity:1}.jog-center{background:var(--surface-2);pointer-events:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:34%;bottom:34%;left:34%;right:34%}.jog-deck{background:var(--c);width:26px;height:26px;color:var(--c-on);border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid}.jog-bpm{font-variant-numeric:tabular-nums;margin-top:2px;font-size:clamp(13px,5cqmin,22px);font-weight:700}.jog-unit{color:var(--text-muted);font-size:11px;font-weight:600}.xy{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);background-size:25% 25%;overflow:hidden}.xy-dot{border:3px solid var(--c-line);background:var(--surface-2);width:32px;height:32px;box-shadow:var(--c-glow);will-change:transform;border-radius:50%;position:absolute;top:-16px;left:-16px}