.audio-player{border:.5px solid var(--color-border);border-radius:8px;overflow:hidden;background:var(--color-surface)}.audio-player .ap-now-playing{padding:1.25rem 1.5rem 1rem;border-bottom:.5px solid var(--color-border)}.audio-player .ap-label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-faint);margin-bottom:.4rem}.audio-player .ap-title{font-family:var(--font-serif);font-size:1.05rem;color:var(--color-ink);line-height:1.3}.audio-player .ap-artist{font-family:var(--font-mono);font-size:.75rem;color:var(--color-ink-muted);margin-top:2px}.audio-player .ap-controls{padding:1rem 1.5rem;display:flex;flex-direction:column;gap:12px;border-bottom:.5px solid var(--color-border)}.audio-player .ap-progress-wrap{display:flex;align-items:center;gap:10px}.audio-player .ap-time{font-family:var(--font-mono);font-size:.7rem;color:var(--color-ink-faint);min-width:34px}.audio-player .ap-time-right{text-align:right}.audio-player .ap-progress-bar{flex:1;height:8px;background:var(--color-border);border-radius:1px;cursor:pointer;position:relative}.audio-player .ap-progress-fill{height:100%;background:var(--color-accent);border-radius:1px;width:0%;transition:width .1s linear;pointer-events:none}.audio-player .ap-btn-row{display:flex;align-items:center;justify-content:center;gap:20px}.audio-player .ap-btn{background:none;border:none;cursor:pointer;color:var(--color-ink-muted);padding:4px;border-radius:4px;display:flex;align-items:center;transition:color .12s}.audio-player .ap-btn:hover{color:var(--color-accent)}.audio-player .ap-btn-play{background:var(--color-accent);color:var(--color-surface);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:background .12s;flex-shrink:0}.audio-player .ap-btn-play:hover{background:var(--color-ink)}.audio-player .ap-tracklist{padding:.5rem 0}.audio-player .ap-track{display:flex;align-items:center;gap:12px;padding:.55rem 1.5rem;cursor:pointer;transition:background .1s;border-left:2.5px solid transparent}.audio-player .ap-track:hover{background:var(--color-accent-bg)}.audio-player .ap-track.active{border-left-color:var(--color-accent);background:var(--color-accent-bg)}.audio-player .ap-track-num{font-family:var(--font-mono);font-size:.7rem;color:var(--color-ink-faint);min-width:18px;text-align:right}.audio-player .ap-track.active .ap-track-num{color:var(--color-accent)}.audio-player .ap-track-info{flex:1;min-width:0}.audio-player .ap-track-name{font-size:.9rem;color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-player .ap-track.active .ap-track-name{color:var(--color-accent)}.audio-player .ap-track-dur{font-family:var(--font-mono);font-size:.7rem;color:var(--color-ink-faint);flex-shrink:0}.sketch-wrap[data-astro-cid-gh5ekdu7]{width:100%}canvas[data-astro-cid-gh5ekdu7]{width:100%;aspect-ratio:85.5 / 52;display:block;border-radius:4px}.sketch-controls[data-astro-cid-gh5ekdu7]{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;padding:.75rem 0;border-bottom:.5px solid var(--color-border);margin-top:.25rem}.control[data-astro-cid-gh5ekdu7]{display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex:1 1 160px}.input-col[data-astro-cid-gh5ekdu7]{display:flex;align-items:center;flex-wrap:nowrap;gap:8px}label[data-astro-cid-gh5ekdu7]{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-faint);white-space:nowrap;display:block;margin:0;flex-shrink:0}@media(max-width:560px){.control[data-astro-cid-gh5ekdu7]{min-width:100%;justify-content:space-between}.input-col[data-astro-cid-gh5ekdu7]{max-width:200px}}input[data-astro-cid-gh5ekdu7][type=range]{-webkit-appearance:none;appearance:none;flex:1;min-width:60px;height:2px;background:var(--color-border);border-radius:1px;outline:none;cursor:pointer;margin:0;padding:0;border:none;touch-action:none}input[data-astro-cid-gh5ekdu7][type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-accent);cursor:pointer;transition:background .12s}input[data-astro-cid-gh5ekdu7][type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-accent);border:none;cursor:pointer}input[data-astro-cid-gh5ekdu7][type=range]:hover::-webkit-slider-thumb{background:var(--color-ink)}input[data-astro-cid-gh5ekdu7][type=range]:hover::-moz-range-thumb{background:var(--color-ink)}input[data-astro-cid-gh5ekdu7][type=number]{font-family:var(--font-mono);font-size:.78rem;color:var(--color-ink-muted);background:transparent;border:none;border-bottom:1px solid transparent;border-radius:0;width:3.2ch;padding:0 0 1px;margin:0;outline:none;text-align:right;-moz-appearance:textfield;transition:color .12s,border-color .12s}input[data-astro-cid-gh5ekdu7][type=number]::-webkit-outer-spin-button,input[data-astro-cid-gh5ekdu7][type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[data-astro-cid-gh5ekdu7][type=number]:hover{color:var(--color-ink);border-bottom-color:var(--color-border)}input[data-astro-cid-gh5ekdu7][type=number]:focus{color:var(--color-accent);border-bottom-color:var(--color-accent)}button[data-astro-cid-gh5ekdu7]{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-muted);background:transparent;border:.5px solid var(--color-border);border-radius:4px;padding:.3rem .75rem;cursor:pointer;transition:color .12s,border-color .12s,background .12s;flex:0 0 auto;margin-left:auto}button[data-astro-cid-gh5ekdu7]:hover{color:var(--color-ink);border-color:var(--color-ink-muted);background:var(--color-accent-bg)}