.panel[data-astro-cid-fy34bfkl]{width:min(380px,100%);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:12px;font-family:var(--font-sans);color:var(--ink);background:var(--glass-bg);border:var(--hairline) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);padding:20px;box-sizing:border-box;position:relative}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.panel[data-astro-cid-fy34bfkl]{-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.4);backdrop-filter:blur(var(--glass-blur)) saturate(1.4)}}#led-circle-placeholder[data-astro-cid-fy34bfkl]{width:70px;height:70px;position:relative;border-radius:50%;border:3px solid var(--blue-line);box-shadow:inset 0 2px 6px #1a44d81a;margin-bottom:8px}#led-canvas[data-astro-cid-fy34bfkl]{position:absolute;width:140px;height:140px;max-width:none;top:calc(50% - 70px);left:calc(50% - 70px)}.row-container[data-astro-cid-fy34bfkl]{display:flex;flex-direction:row;justify-content:space-between;gap:10px;width:100%}.row-container[data-astro-cid-fy34bfkl] .button[data-astro-cid-fy34bfkl]{flex:1;min-width:0}.card[data-astro-cid-fy34bfkl]{background:#2b5ce609;border:var(--hairline) solid var(--blue-line-faint);padding:12px;border-radius:8px;box-shadow:inset 0 1px #ffffff80;width:100%;box-sizing:border-box}#main-controls-card[data-astro-cid-fy34bfkl] .main-controls-row[data-astro-cid-fy34bfkl]{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;align-items:flex-start;gap:8px}#main-controls-card[data-astro-cid-fy34bfkl] .control-group[data-astro-cid-fy34bfkl]{flex:0 1 auto;min-width:50px}#mode-control-group[data-astro-cid-fy34bfkl]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:15px;flex:1 1 auto;min-width:80px}#mode-control-group[data-astro-cid-fy34bfkl] .checkbox[data-astro-cid-fy34bfkl]{margin-top:auto;margin-bottom:auto}.control-group[data-astro-cid-fy34bfkl]{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.label[data-astro-cid-fy34bfkl]{font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--blue);letter-spacing:var(--tracking-mono);text-transform:uppercase;margin-bottom:0;text-align:center}.slider[data-astro-cid-fy34bfkl]{writing-mode:vertical-lr;transform:rotate(180deg);background:#2b5ce612;width:18px;height:100px;cursor:pointer;border-radius:9px;margin-top:4px;margin-bottom:4px;outline:none;border:var(--hairline) solid var(--blue-line);transition:border-color .2s ease-in-out,background .2s ease-in-out}.slider[data-astro-cid-fy34bfkl].small-slider{height:100px}.slider[data-astro-cid-fy34bfkl]:hover,.slider[data-astro-cid-fy34bfkl].slider-hover-active{background:#2b5ce61f;border-color:var(--blue)}input[data-astro-cid-fy34bfkl][type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:var(--blue);background-image:linear-gradient(180deg,var(--blue-soft) 0%,var(--blue) 100%);width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px solid var(--paper);box-shadow:0 2px 6px #1a44d847;margin-top:-3px}input[data-astro-cid-fy34bfkl][type=range]::-moz-range-thumb{background-color:var(--blue);background-image:linear-gradient(180deg,var(--blue-soft) 0%,var(--blue) 100%);width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px solid var(--paper);box-shadow:0 2px 6px #1a44d847}.entry[data-astro-cid-fy34bfkl]{width:50px;text-align:center;background:#fff9;color:var(--ink);border:var(--hairline) solid var(--blue-line);border-radius:5px;font-family:var(--font-mono);font-size:12px;padding:5px}.entry[data-astro-cid-fy34bfkl]:focus{outline:none;background:var(--paper);border-color:var(--blue);box-shadow:0 0 0 3px #2b5ce624}.entry[data-astro-cid-fy34bfkl].small-entry{width:50px}.button[data-astro-cid-fy34bfkl]{height:40px;background:var(--blue);color:#fff;border:var(--hairline) solid var(--blue);border-radius:7px;cursor:pointer;font-family:var(--font-mono);font-size:13px;font-weight:500;letter-spacing:var(--tracking-mono);text-transform:uppercase;transition:background .2s ease,transform .1s ease,box-shadow .2s ease;box-shadow:0 4px 12px #1a44d82e;width:100%}.button[data-astro-cid-fy34bfkl]:hover{background:var(--blue-ink);border-color:var(--blue-ink);box-shadow:0 6px 16px #1a44d847;transform:translateY(-1.5px)}.button[data-astro-cid-fy34bfkl]:active{transform:translateY(0);box-shadow:0 2px 8px #1a44d833}.status-label[data-astro-cid-fy34bfkl]{text-align:center;word-wrap:break-word;font-family:var(--font-mono);font-size:12px;min-height:18px;color:var(--ink-muted);padding:7px 10px;background:#2b5ce60a;border:var(--hairline) solid var(--blue-line-faint);border-radius:6px;width:100%;box-sizing:border-box;margin-top:0}.copyright[data-astro-cid-fy34bfkl]{color:var(--ink-muted);font-family:var(--font-mono);letter-spacing:var(--tracking-mono);font-size:11px;margin-top:12px}.slider-container[data-astro-cid-fy34bfkl]{display:flex;justify-content:space-around;gap:8px}.checkbox[data-astro-cid-fy34bfkl]{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:13px;color:var(--ink-muted);text-align:center}input[data-astro-cid-fy34bfkl][type=checkbox]{width:15px;height:15px;margin-right:0;margin-bottom:2px;accent-color:var(--blue);cursor:pointer}select[data-astro-cid-fy34bfkl]{background:#fff9;color:var(--ink);border:var(--hairline) solid var(--blue-line);border-radius:6px;padding:8px 30px 8px 10px;font-family:inherit;font-size:13px;width:100%;box-sizing:border-box;transition:border-color .3s ease,box-shadow .3s ease,background .3s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%235a6a8c%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.4-5.4-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 10px center;background-size:9px 9px}select[data-astro-cid-fy34bfkl]:focus{outline:none;background-color:var(--paper);border-color:var(--blue);box-shadow:0 0 0 3px #2b5ce624}option[data-astro-cid-fy34bfkl]{background-color:var(--paper);color:var(--ink)}#midi-monitor-card[data-astro-cid-fy34bfkl]{width:100%;box-sizing:border-box}#midi-monitor-header[data-astro-cid-fy34bfkl]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}#midi-monitor-title[data-astro-cid-fy34bfkl]{font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--blue);letter-spacing:var(--tracking-mono);text-transform:uppercase}#midi-status-badge[data-astro-cid-fy34bfkl]{font-family:var(--font-mono);font-size:11px;font-weight:500;padding:2px 8px;border-radius:20px;background:#2b5ce614;color:var(--ink-muted);transition:background-color .3s,color .3s}#midi-status-badge[data-astro-cid-fy34bfkl].active{background:#15803d1f;color:#15803d}#midi-status-badge[data-astro-cid-fy34bfkl].error{background:#c2410c1f;color:#c2410c}#midi-log[data-astro-cid-fy34bfkl]{background:#ffffff8c;border:var(--hairline) solid var(--blue-line);border-radius:6px;height:180px;overflow-y:auto;padding:6px 8px;font-family:var(--font-mono);font-size:11px;color:var(--ink);display:flex;flex-direction:column-reverse}.midi-entry[data-astro-cid-fy34bfkl]{padding:2px 0;border-bottom:var(--hairline) solid var(--blue-line-faint);display:flex;gap:8px;align-items:baseline}.midi-entry[data-astro-cid-fy34bfkl]:last-child{border-bottom:none}.midi-time[data-astro-cid-fy34bfkl]{color:var(--ink-faint);flex-shrink:0}.midi-type[data-astro-cid-fy34bfkl]{flex-shrink:0;min-width:70px;font-weight:700}.midi-type[data-astro-cid-fy34bfkl].note-on{color:#15803d}.midi-type[data-astro-cid-fy34bfkl].note-off{color:var(--ink-muted)}.midi-type[data-astro-cid-fy34bfkl].cc{color:var(--blue)}.midi-type[data-astro-cid-fy34bfkl].pitchbend{color:#be185d}.midi-type[data-astro-cid-fy34bfkl].other{color:#c2410c}.midi-detail[data-astro-cid-fy34bfkl]{color:var(--ink)}#midi-start-btn[data-astro-cid-fy34bfkl],#midi-clear-btn[data-astro-cid-fy34bfkl]{font-family:var(--font-mono);font-size:11px;letter-spacing:var(--tracking-mono);text-transform:uppercase;padding:3px 10px;height:auto;background:#fff9;background-image:none;color:var(--ink-muted);border:var(--hairline) solid var(--blue-line);border-radius:5px;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}#midi-start-btn[data-astro-cid-fy34bfkl]:hover,#midi-clear-btn[data-astro-cid-fy34bfkl]:hover{background:var(--paper);border-color:var(--blue);color:var(--blue-ink)}