#gp-render .at-cursor-bar{background:#f79f5c2e}#gp-render .at-cursor-beat{background:#f75747f2;width:2px}#gp-render .at-selection div{background:#7fb2ff38}#gp-render .at-surface *{cursor:pointer}.gp-deck{position:sticky;top:5.5rem;z-index:30;display:flex;align-items:stretch;gap:1.25rem;padding:1.25rem 1.5rem;background:linear-gradient(180deg,#140c20eb,#0c0816eb);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.06);border-radius:1.25rem;box-shadow:inset 0 1px #ffffff0a,0 8px 24px #0006}.gp-play-deck{flex-shrink:0;width:4.5rem;height:4.5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(180deg,#f7a05c,#f75747);color:#140806eb;border:1px solid rgba(255,255,255,.15);box-shadow:0 6px 16px #f7574759,inset 0 -3px 6px #00000038,inset 0 1px 1px #fff6;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .2s ease}.gp-play-deck:hover:not(:disabled){filter:brightness(1.05)}.gp-play-deck:active:not(:disabled){transform:translateY(1px);box-shadow:0 3px 8px #f7574752,inset 0 -1px 3px #00000038,inset 0 1px 1px #ffffff4d}.gp-play-deck:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.4)}.gp-deck-meter{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:.65rem;min-width:0}.gp-deck-meter-top{display:flex;align-items:center;gap:.75rem}.gp-deck-stop{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .75rem;font-family:JetBrains Mono,monospace;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:#e8dcd28c;border:1px solid rgba(255,255,255,.08);border-radius:.4rem;background:#0000002e;cursor:pointer;transition:color .15s ease,border-color .15s ease}.gp-deck-stop:hover:not(:disabled){color:#f75747;border-color:#f7574766}.gp-deck-stop:disabled{opacity:.35;cursor:not-allowed}.gp-time{display:inline-flex;align-items:baseline;gap:.35rem;font-family:JetBrains Mono,monospace;letter-spacing:.05em;font-variant-numeric:tabular-nums;margin-left:auto}.gp-time-current{font-size:1.05rem;color:#f75747}.gp-time-sep,.gp-time-total{font-size:.85rem;color:#e8dcd273}.gp-scrubber{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:#ffffff14;border-radius:999px;outline:none;cursor:pointer}.gp-scrubber::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#f75747;box-shadow:0 0 12px #f757478c,0 0 0 3px #f757471f;cursor:grab;border:none}.gp-scrubber::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#f75747;border:none;box-shadow:0 0 12px #f757478c;cursor:grab}.gp-section{padding:1.1rem 1.5rem;border:1px solid rgba(255,255,255,.05);border-radius:1rem;background:#140c204d}.gp-section-dim{background:#140c202e;border-color:#ffffff08}.gp-section-eyebrow{font-family:JetBrains Mono,monospace;font-size:.6rem;letter-spacing:.32em;text-transform:uppercase;color:#7fb2ffb3;margin-bottom:.9rem}.gp-section-dim .gp-section-eyebrow{color:#e8dcd259}.gp-practice-row{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:2rem;align-items:center}@media(max-width:720px){.gp-practice-row{grid-template-columns:1fr;gap:1.5rem}}.gp-tempo{display:flex;flex-direction:column;gap:.45rem}.gp-tempo-readout{display:inline-flex;align-items:baseline;gap:.5rem;line-height:1}.gp-tempo-note{font-family:Fraunces,serif;font-size:1.4rem;color:#e8dcd299}.gp-tempo-bpm{font-family:Fraunces,serif;font-style:italic;font-size:2.2rem;font-weight:500;color:#f75747;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.gp-tempo-unit{font-family:JetBrains Mono,monospace;font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;color:#e8dcd28c}.gp-tempo-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:#ffffff14;border-radius:999px;cursor:pointer}.gp-tempo-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#7fb2ff;border:none;box-shadow:0 0 0 3px #7fb2ff2e;cursor:grab}.gp-tempo-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#7fb2ff;border:none;cursor:grab}.gp-tempo-notated{font-family:JetBrains Mono,monospace;font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:#e8dcd266}.gp-toggles{display:inline-flex;flex-wrap:wrap;gap:.5rem}.gp-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .95rem;font-family:JetBrains Mono,monospace;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:#e8dcd299;background:#00000038;border:1px solid rgba(255,255,255,.08);border-radius:999px;cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease}.gp-toggle:hover:not(:disabled){color:#e8dcd2f2;border-color:#ffffff2e}.gp-toggle:disabled{opacity:.35;cursor:not-allowed}.gp-toggle-dot{width:7px;height:7px;border-radius:50%;background:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff14;transition:background .16s ease,box-shadow .2s ease}.gp-toggle[aria-pressed=true]{color:#ffc8bb;border-color:#f757478c;background:#f757471a}.gp-toggle[aria-pressed=true] .gp-toggle-dot{background:#f75747;box-shadow:0 0 10px #f75747b3,0 0 0 2px #f7574733}.gp-loop-banner{margin-top:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1rem;border:1px solid rgba(127,178,255,.32);border-radius:.6rem;background:linear-gradient(90deg,#7fb2ff14,#7fb2ff05)}.gp-loop-banner.hidden{display:none}.gp-loop-banner-label{display:inline-flex;align-items:center;gap:.6rem;font-family:JetBrains Mono,monospace;font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:#b4d2ff}.gp-loop-banner-dot{width:6px;height:6px;border-radius:50%;background:#7fb2ff;box-shadow:0 0 8px #7fb2ffb3;animation:gp-pulse 2.2s ease-in-out infinite}@keyframes gp-pulse{0%,to{opacity:1}50%{opacity:.45}}.gp-loop-banner-range{font-style:italic;color:#e1ebff;letter-spacing:.05em}.gp-loop-banner-clear{font-family:JetBrains Mono,monospace;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:#e8dcd28c;background:none;border:none;cursor:pointer;transition:color .16s ease}.gp-loop-banner-clear:hover{color:#f75747}.gp-display-row{display:flex;flex-wrap:wrap;align-items:end;gap:1.25rem}.gp-field{display:flex;flex-direction:column;gap:.35rem;min-width:0}.gp-field-grow{flex:1;min-width:12rem}.gp-field-label{font-family:JetBrains Mono,monospace;font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:#e8dcd266}.gp-select{padding:.4rem .6rem;background:#00000038;border:1px solid rgba(255,255,255,.08);border-radius:.4rem;color:#e8dcd2d9;font-size:.8rem;min-width:7.5rem}.gp-select:focus{outline:none;border-color:#7fb2ff}.gp-volume-wrap{display:flex;align-items:center;gap:.6rem}.gp-volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:3px;background:#ffffff14;border-radius:999px;cursor:pointer}.gp-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:#9dc3a7d9;border:none}.gp-volume-slider::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:#9dc3a7d9;border:none}.gp-volume-label{font-family:JetBrains Mono,monospace;font-size:.65rem;color:#e8dcd273;font-variant-numeric:tabular-nums;min-width:1.5rem;text-align:right}.gp-reset-link{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:#e8dcd280;background:none;border:none;cursor:pointer;transition:color .16s ease}.gp-reset-link:hover{color:#f75747}.gp-hint{text-align:center;font-family:JetBrains Mono,monospace;font-size:.6rem;letter-spacing:.18em;color:#e8dcd252}.gp-tracks-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.6rem}.gp-tracks-header .gp-section-eyebrow{margin-bottom:0}.gp-tracks-hint{font-family:JetBrains Mono,monospace;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:#e8dcd259}.gp-tracks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem}.gp-file-info{font-family:JetBrains Mono,monospace;font-size:.65rem;letter-spacing:.04em;color:#e8dcd266;padding-top:.5rem;text-align:center}@media(min-width:1024px){html.focus-mode-fallback #gp-player,#gp-player:fullscreen{display:grid!important;grid-template-columns:380px 1fr;grid-template-rows:auto auto 1fr;grid-template-areas:"focus    focus" "status   status" "controls preview";-moz-column-gap:1.5rem;column-gap:1.5rem;row-gap:.75rem;padding:1.25rem clamp(1rem,3vw,2rem)!important;justify-content:stretch!important;align-items:stretch!important}html.focus-mode-fallback #gp-player>div:first-child,#gp-player:fullscreen>div:first-child{grid-area:focus}html.focus-mode-fallback #gp-player>#gp-status,#gp-player:fullscreen>#gp-status{grid-area:status}html.focus-mode-fallback #gp-player>#gp-controls,#gp-player:fullscreen>#gp-controls{grid-area:controls;overflow-y:auto;max-height:100%;margin-top:0!important;padding-right:.25rem}html.focus-mode-fallback #gp-player>#gp-preview,#gp-player:fullscreen>#gp-preview{grid-area:preview;max-height:100%!important;height:100%;margin-top:0!important}html.focus-mode-fallback #gp-player>#gp-dropzone,#gp-player:fullscreen>#gp-dropzone{grid-column:1 / -1;grid-row:3}html.focus-mode-fallback #gp-controls .gp-deck,#gp-player:fullscreen #gp-controls .gp-deck{top:0}}@media(max-width:1023px){html.focus-mode-fallback #gp-player>#gp-preview,#gp-player:fullscreen>#gp-preview{max-height:70vh!important}}