:root{color-scheme:dark;--bg: #020506;--panel: rgba(5, 12, 13, .78);--panel-2: rgba(255, 255, 255, .035);--line: rgba(128, 255, 221, .16);--line-soft: rgba(255, 255, 255, .09);--text: #effff9;--muted: #71837f;--accent: #42f5b6;--accent-2: #ff5f7d;--track: rgba(255, 255, 255, .08)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:linear-gradient(rgba(91,255,214,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(91,255,214,.026) 1px,transparent 1px),linear-gradient(145deg,#020506,#061111 46%,#030607);background-size:52px 52px,52px 52px,auto;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.grain-lab{max-width:1100px;margin:0 auto;padding:22px 24px 48px}.lab-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:6px}.brand-logo{display:block;width:min(150px,max(104px,7.5vw));height:auto;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}.lab-links{display:flex;gap:8px}.kicker{margin:0 0 22px;text-transform:uppercase;letter-spacing:.28em;font-size:11px;color:var(--accent)}.back-link{color:var(--muted);text-decoration:none;font-size:13px;padding:8px 14px;border:1px solid var(--line-soft);border-radius:999px;transition:color .2s,border-color .2s}.back-link:hover{color:var(--text);border-color:var(--accent)}.transport-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px;-webkit-backdrop-filter:blur(10px) saturate(.92);backdrop-filter:blur(10px) saturate(.92)}.select-field{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.select-field select,.feed-bar select,.preset-bar select{font-family:inherit;font-size:13px;background:var(--panel-2);border:1px solid var(--line-soft);border-radius:10px;color:var(--text);padding:8px 12px}.play-btn,.ghost-btn{font-family:inherit;font-size:13px;border-radius:10px;border:1px solid var(--line-soft);background:var(--panel-2);color:var(--text);padding:10px 18px;cursor:pointer;transition:border-color .15s,background .15s,transform .05s,color .15s}.play-btn:active,.ghost-btn:active{transform:translateY(1px)}.ghost-btn:hover{border-color:var(--accent)}.ghost-btn:disabled{opacity:.4;cursor:not-allowed}.sample-name{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.level-meter{margin-left:auto;width:120px;height:8px;border-radius:999px;background:var(--track);overflow:hidden}.level-fill{width:100%;height:100%;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,var(--accent),var(--accent-2))}.lab-status{color:var(--muted);font-size:12px;margin:14px 2px 18px}.synth-visual{position:relative;height:clamp(220px,34vh,380px);margin:0 0 16px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#030708}.synth-visual canvas{display:block;width:100%;height:100%}.fader-board{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}.fader-group{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:14px 16px 18px;margin:0;flex:1 1 auto;-webkit-backdrop-filter:blur(10px) saturate(.92);backdrop-filter:blur(10px) saturate(.92)}.fader-group legend{text-transform:uppercase;letter-spacing:.2em;font-size:10px;color:var(--accent);padding:0 6px}.fader-row{display:flex;gap:18px}.fader{display:flex;flex-direction:column;align-items:center;gap:10px;width:46px}.fader.disabled{opacity:.45}.fader-value{font-size:10px;color:var(--text);background:var(--panel-2);border:1px solid var(--line-soft);border-radius:6px;padding:3px 4px;width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fader-input{writing-mode:vertical-lr;direction:rtl;width:26px;height:150px;accent-color:var(--accent);cursor:pointer}.fader.disabled .fader-input{cursor:not-allowed}.fader-label{font-size:11px;color:var(--muted);text-align:center}.preset-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;padding:14px 16px;background:var(--panel);border:1px solid var(--line);border-radius:14px;-webkit-backdrop-filter:blur(10px) saturate(.92);backdrop-filter:blur(10px) saturate(.92)}.feed-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin-bottom:16px;-webkit-backdrop-filter:blur(10px) saturate(.92);backdrop-filter:blur(10px) saturate(.92)}.feed-label{text-transform:uppercase;letter-spacing:.2em;font-size:11px;color:var(--accent)}.feed-select{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.feed-select.disabled{opacity:.4}.feed-modes{display:flex;gap:6px}.ghost-btn.active{border-color:var(--accent);color:var(--accent);background:#42f5b61a}.feed-status{margin-left:auto;font-size:12px;color:var(--muted);text-transform:capitalize}.feed-stats{flex-basis:100%;color:var(--muted);font-size:11px}.feed-status.on{color:var(--accent)}@media (max-width: 640px){.fader-input{height:120px}}