:root{--bg:#1a1c18;--panel:#24261f;--ink:#e6e4d8;--muted:#9a9b8c;--lcd-bezel:#3a3d32;--lcd-glass:#cfd4c0;--accent:#c4cc6a;color:var(--ink);background:var(--bg);font-family:system-ui,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg)}.app{flex-direction:column;gap:28px;max-width:1560px;margin:0 auto;padding:28px 20px 48px;display:flex}.app.studio{max-width:1600px}.ws-tabs{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.ws-tab{color:var(--ink);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#2c2e26;border:1px solid #4a4d40;padding:6px 12px;font-size:12px}.ws-tab.selected{border-color:var(--accent);outline:2px solid var(--accent)}.workspace{flex-direction:column;gap:28px;display:flex}.workspace[hidden]{display:none}.brand h1{letter-spacing:.28em;margin:0;font-size:18px;font-weight:650}.brand p{color:var(--muted);margin:6px 0 0;font-size:13px}.bench-bar{flex-wrap:wrap;align-items:flex-start;gap:12px 20px;display:flex}.bench-bar .air-legend{flex:240px}.bench-add,.radio-remove{color:var(--ink);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#2c2e26;border:1px solid #4a4d40;padding:6px 10px;font-size:12px}.bench-add:disabled{opacity:.4;cursor:default}.radio-remove{margin-left:auto;padding:4px 8px;font-size:11px}.devices{flex-flow:wrap;gap:16px;min-width:0;display:flex}.device{background:var(--panel);border:1px solid #33362c;flex-direction:column;flex:260px;align-items:center;gap:20px;min-width:0;padding:20px 20px 24px;display:flex}.device.focused,.device:focus-visible{border-color:var(--accent);outline:2px solid var(--accent)}.device-head{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.device-tag{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0;font-size:12px}.vibe-dot{background:#2a2c24;border:1px solid #4a4d40;border-radius:50%;flex-shrink:0;width:12px;height:12px}.vibe-dot.on{background:#3dcc5a;border-color:#6ae07a;box-shadow:0 0 8px #3dcc5a}.air-legend{color:var(--muted);margin:0;font-size:13px}.range-ctl{text-transform:none;letter-spacing:0;width:100%;color:var(--muted);flex-direction:row;align-items:center;gap:8px;font-size:12px;display:flex}.range-ctl input[type=number]{width:5.5em;padding:6px 8px}.hears{width:100%;color:var(--muted);margin:0;font-size:12px}.air-logs{flex-direction:column;gap:10px;width:100%;display:flex}.air-filters{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.air-filter{text-transform:none;letter-spacing:0;color:var(--ink);cursor:pointer;flex-direction:row;align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.air-filter input{width:14px;height:14px;accent-color:var(--accent);padding:0}.air-clear{color:var(--ink);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#2c2e26;border:1px solid #4a4d40;margin-left:auto;padding:4px 8px;font-size:11px}.air-tap-label{width:100%}.air-tap{resize:vertical;white-space:pre;width:100%;min-height:7.5em;font-family:ui-monospace,monospace;font-size:11px;line-height:1.4}.lcd{background:var(--lcd-bezel);border:1px solid #2a2c24;min-width:0;max-width:100%;padding:14px}.lcd.buzzing{outline:2px solid var(--accent)}.lcd-face{background:var(--lcd-glass);width:640px;min-width:0;max-width:100%;height:auto;image-rendering:pixelated;display:block}.controls{align-items:center;gap:28px;display:flex}.back{width:64px;height:36px;color:var(--ink);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#2c2e26;border:1px solid #4a4d40;font-size:12px}.knob{--rot:0deg;appearance:none;cursor:grab;touch-action:none;background:#4a4c42;border:3px solid #111;border-radius:50%;width:96px;height:96px;padding:0;position:relative}.knob:active{cursor:grabbing;background:#55574c}.knob-mark{background:var(--accent);width:6px;height:22px;transform:rotate(var(--rot));transform-origin:50% 35px;margin-left:-3px;position:absolute;top:10px;left:50%}.inject{background:var(--panel);border:1px solid #33362c;flex-direction:column;gap:12px;padding:20px;display:flex}.inject h2{letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:15px}.hint,.tx{color:var(--muted);margin:0;font-size:13px}.tx{font-family:ui-monospace,monospace}.presets{flex-wrap:wrap;gap:8px;display:flex}.preset,.receive{color:var(--ink);cursor:pointer;background:#2c2e26;border:1px solid #4a4d40;padding:6px 10px;font-size:13px}.receive{background:var(--accent);color:var(--bg);border-color:var(--accent);padding:10px;font-weight:650}label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);flex-direction:column;gap:6px;font-size:12px;display:flex}input,textarea{font:inherit;text-transform:none;letter-spacing:0;color:var(--ink);background:var(--bg);border:1px solid #4a4d40;padding:8px}.rssi input{padding:0}.back:focus-visible,.knob:focus-visible,.preset:focus-visible,.receive:focus-visible,.bench-add:focus-visible,.ws-tab:focus-visible,.radio-remove:focus-visible,.air-filter:focus-within,.air-clear:focus-visible,.range-ctl:focus-within,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent)}@media (width<=1100px){.devices{flex-direction:column}.lcd-face{width:100%;height:auto}}.art-studio{background:var(--panel);-webkit-user-select:none;user-select:none;border:1px solid #33362c;grid-template-columns:auto minmax(0,1fr) minmax(200px,260px);grid-template-areas:"menu menu menu""tools canvas side""status status status""export export export";gap:0;min-width:0;display:grid}.art-rename input,.art-delay input,.art-export-ts{-webkit-user-select:text;user-select:text}.art-file{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.art-menu{background:#2c2e26;border-bottom:1px solid #33362c;flex-wrap:wrap;grid-area:menu;align-items:center;gap:8px;padding:10px 12px;display:flex}.art-brand{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-right:4px;font-size:12px}.art-btn{color:var(--ink);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#2c2e26;border:1px solid #4a4d40;padding:6px 10px;font-size:11px}.art-btn:hover:not(:disabled){background:#35372e}.art-btn:disabled{opacity:.4;cursor:default}.art-btn.on{background:var(--accent);color:var(--bg);border-color:var(--accent)}.art-rename{text-transform:none;letter-spacing:0;color:var(--muted);flex-direction:row;align-items:center;gap:8px;font-size:11px;display:flex}.art-rename input{width:12em;padding:6px 8px}.art-tools{background:#20221c;border-right:1px solid #33362c;grid-area:tools;grid-template-columns:1fr 1fr;align-content:start;gap:4px;padding:10px;display:grid}.art-tool,.art-swatch{color:var(--ink);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#2c2e26;border:1px solid #4a4d40;min-height:36px;padding:8px 6px;font-size:10px}.art-tool.on,.art-swatch.on{background:var(--accent);color:var(--bg);border-color:var(--accent)}.art-tool:disabled,.art-swatch:disabled{opacity:.4;cursor:default}.art-swatch.ink{color:#cfd4c0;background:#1c2218}.art-swatch.paper{color:#1c2218;background:#cfd4c0}.art-swatch.ink.on,.art-swatch.paper.on{outline:2px solid var(--accent);outline-offset:-2px}.art-invert{grid-column:1/-1}.art-center{background:#1e201a;flex-direction:column;grid-area:canvas;gap:10px;min-width:0;padding:12px;display:flex;overflow:auto}.art-center-bar{z-index:1;background:#1e201a;flex-wrap:wrap;align-items:center;gap:12px;display:flex;position:sticky;top:0}.art-zoom{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.art-zoom-pick{text-transform:none;letter-spacing:0;color:var(--ink);flex-direction:row;align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.art-zoom-pick select{font:inherit;color:var(--ink);background:#2c2e26;border:1px solid #4a4d40;padding:4px 6px}.art-check{text-transform:none;letter-spacing:0;color:var(--ink);cursor:pointer;flex-direction:row;align-items:center;gap:6px;width:fit-content;margin:0;font-size:12px;display:flex}.art-check input{width:14px;height:14px;accent-color:var(--accent);padding:0}.art-stage{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.art-pixels-wrap{background:#cfd4c0;border:1px solid #111;flex-shrink:0;position:relative;box-shadow:inset 0 0 0 1px #4a4d40}.art-pixels{image-rendering:pixelated;image-rendering:crisp-edges;cursor:crosshair;touch-action:none;background:#cfd4c0;display:block}.art-grid{pointer-events:none;background-image:linear-gradient(90deg,#1c221838 1px,#0000 1px),linear-gradient(#1c221838 1px,#0000 1px);background-size:var(--art-cell,8px) var(--art-cell,8px);position:absolute;inset:0}.art-lcd{background:var(--lcd-bezel);border:1px solid #2a2c24;flex-shrink:0;padding:8px}.art-lcd-face{image-rendering:pixelated;image-rendering:crisp-edges;background:var(--lcd-glass);display:block}.art-side{background:#20221c;border-left:1px solid #33362c;flex-direction:column;grid-area:side;gap:12px;min-width:0;padding:10px;display:flex;overflow:auto}.art-assets h3,.art-frames h3,.art-export h3{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0;font-size:11px;font-weight:650}.art-asset-list{flex-direction:column;gap:4px;max-height:220px;margin:8px 0 0;padding:0;list-style:none;display:flex;overflow:auto}.art-asset{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:#2c2e26;border:1px solid #4a4d40;flex-direction:column;align-items:flex-start;gap:2px;padding:6px 8px;display:flex}.art-asset.on{border-color:var(--accent);outline:1px solid var(--accent)}.art-asset-name{letter-spacing:0;text-transform:none;font-size:12px}.art-asset-meta{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:10px}.art-thumbs{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.art-thumb{cursor:pointer;background:#2c2e26;border:1px solid #4a4d40;padding:3px}.art-thumb.on{border-color:var(--accent);outline:1px solid var(--accent)}.art-thumb-face{width:auto;height:32px;image-rendering:pixelated;image-rendering:crisp-edges;background:#cfd4c0;display:block}.art-frame-ctl{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.art-delay{text-transform:none;letter-spacing:0;color:var(--muted);flex-direction:row;align-items:center;gap:6px;font-size:11px;display:flex}.art-delay input{width:5em;padding:4px 6px}.art-status{color:var(--muted);background:#2c2e26;border-top:1px solid #33362c;grid-area:status;gap:20px;margin:0;padding:6px 12px;font-family:ui-monospace,monospace;font-size:12px;display:flex}.art-export{background:var(--panel);border-top:1px solid #33362c;flex-direction:column;grid-area:export;gap:8px;padding:10px 12px 12px;display:flex}.art-export-head{align-items:center;gap:10px;display:flex}.art-ident{color:var(--accent);margin-right:auto;font-family:ui-monospace,monospace;font-size:11px}.art-export-ts.art-lib-json{min-height:10em}.art-export-ts{resize:vertical;white-space:pre;width:100%;min-height:7em;font-family:ui-monospace,monospace;font-size:11px;line-height:1.4}.art-btn:focus-visible,.art-tool:focus-visible,.art-swatch:focus-visible,.art-asset:focus-visible,.art-thumb:focus-visible,.art-check:focus-within,.art-rename:focus-within,.art-delay:focus-within,.art-zoom-pick:focus-within{outline:2px solid var(--accent)}@media (width<=900px){.art-studio{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"menu menu""tools canvas""side side""status status""export export"}}