:root{--bg: #0e0f13;--panel: #181a22;--panel-2: #1f222c;--border: #2b2f3a;--text: #e6e8ee;--muted: #8b90a0;--accent: #a8923f;--accent-ink: #0f261f;--call: #3a8f5a;--danger: #a10b2b;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app{max-width:720px;margin:0 auto;padding:1.5rem 1.25rem 4rem}.pane-tabs{display:flex;gap:.4rem;margin-bottom:1rem}.pane-tabs button{flex:1;padding:.45rem .8rem;font-size:.85rem}.pane-tabs button.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.pane{display:none}.pane.active{display:block}@media(min-width:900px){.app{max-width:1180px}.pane-tabs{display:none}.panes{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;align-items:start}.pane{display:block}}header.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}header.app-header h1{font-size:1.25rem;font-weight:650;letter-spacing:.02em;margin:0}header.app-header .subtitle{color:var(--muted);font-size:.8rem;margin-top:.15rem}.badge{font-size:.75rem;font-weight:700;letter-spacing:.08em;padding:.35rem .7rem;border-radius:999px;border:1px solid var(--border)}.badge.call{background:color-mix(in srgb,var(--danger) 25%,transparent);color:#f2a3a3;border-color:var(--danger)}.badge.response{background:color-mix(in srgb,var(--accent) 25%,transparent);color:#e6cf8a;border-color:var(--accent)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1rem 1.1rem;margin-bottom:1rem}.panel h2{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 .85rem}.row{display:flex;align-items:center;gap:.75rem;margin-bottom:.6rem}.row:last-child{margin-bottom:0}.row label{width:92px;flex:none;color:var(--muted);font-size:.85rem}select,input[type=text],button{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:.45rem .6rem}select,input[type=text]{flex:1;min-width:0}button{cursor:pointer;transition:border-color .15s,background .15s}button:hover{border-color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}button.danger{border-color:var(--danger);color:#f2a3a3}button:disabled{opacity:.45;cursor:not-allowed}input[type=range],input[type=checkbox]{accent-color:var(--accent)}input[type=range]{flex:1}.value{width:64px;text-align:right;font-variant-numeric:tabular-nums;color:var(--text);font-size:.85rem}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--muted);display:inline-block}.status-dot.ready{background:var(--call)}.status-dot.loading{background:var(--accent)}.status-dot.error{background:var(--danger)}.hint{color:var(--muted);font-size:.8rem;line-height:1.5}.error{color:#f2a3a3;font-size:.82rem}.tabs{display:flex;gap:.4rem;margin-bottom:.85rem}.tabs button{padding:.3rem .8rem;font-size:.82rem}.tabs button.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}table.mappings{width:100%;border-collapse:collapse;font-size:.82rem}table.mappings th{text-align:left;color:var(--muted);font-weight:500;padding:.3rem .4rem;border-bottom:1px solid var(--border)}table.mappings td{padding:.25rem .4rem;border-bottom:1px solid color-mix(in srgb,var(--border) 50%,transparent)}table.mappings select,table.mappings input{padding:.25rem .4rem;width:100%}table.mappings input[type=number]{width:64px;font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:6px}.device-group.svelte-16hs2n3{margin-bottom:.85rem}.group-label.svelte-16hs2n3{display:block;color:var(--muted);font-size:.85rem;margin-bottom:.4rem}.device-list.svelte-16hs2n3{display:flex;flex-direction:column;gap:.3rem}.device.svelte-16hs2n3{display:flex;align-items:center;gap:.5rem;font-size:.85rem;cursor:pointer}.device.svelte-16hs2n3 input:where(.svelte-16hs2n3){accent-color:var(--accent)}.device.offline.svelte-16hs2n3{color:var(--muted);font-style:italic}.fader.svelte-1nizh1o{display:flex;align-items:center;gap:.5rem}.dim.svelte-1nizh1o{width:1.6rem;flex:none;text-align:center;font-size:.72rem;font-variant-numeric:tabular-nums;color:var(--muted);border-radius:4px;padding:.05rem 0;transition:background .12s,color .12s}.dim.flash.svelte-1nizh1o{background:color-mix(in srgb,var(--call) 55%,transparent);color:#eaffef}.dim.user.svelte-1nizh1o{color:#f2a3a3}.track.svelte-1nizh1o{position:relative;flex:1;height:14px;background:var(--panel-2);border:1px solid var(--border);border-radius:7px;cursor:ew-resize;overflow:hidden;touch-action:none}.fill.svelte-1nizh1o{position:absolute;inset:0 auto 0 0;background:var(--call);border-radius:7px 0 0 7px;transition:width .05s linear,background .12s}.track.user.svelte-1nizh1o .fill:where(.svelte-1nizh1o){background:var(--danger);transition:background .12s}.val.svelte-1nizh1o{width:2.4rem;flex:none;text-align:right;font-size:.75rem;font-variant-numeric:tabular-nums;color:#8fe6ad}.val.user.svelte-1nizh1o{color:#f2a3a3}.faders.svelte-1dtrtfh{display:flex;flex-direction:column;gap:.4rem}