:where(:root){--hrs-panel:#0009;--hrs-panel-stroke:#ffffff1a;--hrs-panel-raised:#ffffff1a;--hrs-panel-line:#ffffff26;--hrs-on-panel-strong:#ececec;--hrs-font-mono:"ABC Areal Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--hrs-spacing:.22rem;--hrs-radius-sm:.125rem;--hrs-focus-gap:#fff;--hrs-focus-ring:#0a0a0a}:where(.hrs,.hrs *,.hrs-controls,.hrs-controls *,.hrs-digital-slot,.hrs-digital-slot *),:where(.hrs,.hrs *,.hrs-controls,.hrs-controls *,.hrs-digital-slot,.hrs-digital-slot *):before,:where(.hrs,.hrs *,.hrs-controls,.hrs-controls *,.hrs-digital-slot,.hrs-digital-slot *):after{box-sizing:border-box;border-style:solid;border-width:0;margin:0;padding:0}:where(.hrs,.hrs-controls,.hrs-digital-slot) :where(button,input,select,textarea){font:inherit;letter-spacing:inherit;color:inherit;background:0 0}:where(.hrs,.hrs-controls,.hrs-digital-slot) :where(button){cursor:pointer}:where(.hrs,.hrs-controls,.hrs-digital-slot) :where(canvas,svg){max-width:100%;display:block}:where(.hrs,.hrs-controls,.hrs-digital-slot) [hidden]{display:none!important}@keyframes hrs-pulse{50%{opacity:.5}}.hrs{touch-action:none;flex:1;width:100%;height:100%;min-height:0;display:block;position:relative;overflow:hidden}:where(.hrs-player){width:-webkit-fill-available;width:-moz-available;width:stretch}.hrs-canvas{opacity:0;width:100%;height:100%;transition:opacity .3s;display:block;position:fixed;inset:0}.hrs[contain]>.hrs-canvas{position:absolute}:where([ready]) .hrs-canvas{opacity:1}.hrs-status{font-family:var(--hrs-font-mono);color:#fff9;letter-spacing:.025em;text-transform:uppercase;pointer-events:none;justify-content:center;align-items:center;font-size:11px;line-height:16px;display:flex;position:absolute;inset:0}:where([ready]) .hrs-status{display:none}@media (prefers-reduced-motion:no-preference){.hrs-status-text{animation:2s cubic-bezier(.4,0,.6,1) infinite hrs-pulse}}.hrs-digital{bottom:calc(var(--hrs-spacing) * 2);inset-inline:calc(var(--hrs-spacing) * 2);z-index:10;padding:calc(var(--hrs-spacing) * 3);column-gap:calc(var(--hrs-spacing) * 3);row-gap:calc(var(--hrs-spacing) * 2);font-family:var(--hrs-font-mono);text-transform:uppercase;color:var(--hrs-on-panel-strong);background-color:var(--hrs-panel);grid-template-columns:repeat(2,minmax(0,1fr));font-size:11px;line-height:14px;display:none;position:absolute}:where([digital]) .hrs-digital{display:grid}@media (min-width:64rem){.hrs-digital{inset-inline:auto;top:calc(var(--hrs-spacing) * 4);right:calc(var(--hrs-spacing) * 4);grid-template-columns:repeat(1,minmax(0,1fr));width:240px;bottom:auto}}.hrs-digital-row{gap:var(--hrs-spacing);display:grid}.hrs-digital-range{width:100%;accent-color:var(--hrs-on-panel-strong);cursor:pointer}.hrs-digital-power{padding-inline:calc(var(--hrs-spacing) * 2);padding-block:var(--hrs-spacing);text-align:left;border:1px solid var(--hrs-panel-line);border-radius:var(--hrs-radius-sm);cursor:pointer;grid-column:span 2/span 2}.hrs-digital-power[aria-pressed=true]{background-color:var(--hrs-panel-raised)}@media (min-width:64rem){.hrs-digital-power{grid-column:span 1/span 1}}:where(.hrs-digital-slot)>.hrs-digital{z-index:auto;width:auto;position:static;inset:auto}.hrs-controls{align-items:center;gap:4px;display:flex}.hrs-control{width:26px;height:26px;font-family:var(--hrs-font-mono);text-transform:uppercase;color:var(--hrs-on-panel-strong);border-radius:var(--hrs-radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #ffffff26;justify-content:center;align-items:center;gap:6px;font-size:11px;line-height:14px;transition:opacity .1s cubic-bezier(0,0,.2,1);display:inline-flex}.hrs-control[aria-pressed=true]{background-color:var(--hrs-panel-raised)}.hrs-control-label{display:none}@media (min-width:64rem){.hrs-control{justify-content:flex-start;width:auto;height:auto;padding-block:4px;padding-inline:8px}.hrs-control-label{display:inline}}.hrs-glyph{flex-shrink:0;width:10px;height:10px}.hrs-control:focus-visible,.hrs-digital-power:focus-visible{box-shadow:0 0 0 2px var(--hrs-focus-gap), 0 0 0 4px var(--hrs-focus-ring);outline:none}@media (hover:hover){.hrs-control:hover{opacity:.8}}.hrs-dock{z-index:10;background-color:var(--hrs-panel);border:1px solid var(--hrs-panel-stroke);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:6px;padding:8px 12px 8px 14px;position:absolute;bottom:16px;left:50%;translate:-50%}
:where(:root){--pfs-ground:#a5a5a5;--pfs-ground-dot:#939393;--pfs-panel:#0009;--pfs-panel-stroke:#ffffff1a;--pfs-panel-raised:#ffffff1a;--pfs-on-panel-strong:#ececec;--pfs-font-mono:"ABC Areal Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--pfs-spacing:.22rem;--pfs-radius-sm:.125rem;--pfs-radius-lg:.25rem;--pfs-focus-gap:#fff;--pfs-focus-ring:#0a0a0a;--pfs-popover-bg:#fff;--pfs-popover-fg:#1a1a1a;--pfs-popover-border:#e4e4e7;--pfs-popover-shadow:2px 2px 0px #00000026}:where(.pfs,.pfs *,.pfs-controls,.pfs-controls *,.pfs-digital-slot,.pfs-digital-slot *),:where(.pfs,.pfs *,.pfs-controls,.pfs-controls *,.pfs-digital-slot,.pfs-digital-slot *):before,:where(.pfs,.pfs *,.pfs-controls,.pfs-controls *,.pfs-digital-slot,.pfs-digital-slot *):after{box-sizing:border-box;border-style:solid;border-width:0;margin:0;padding:0}:where(.pfs,.pfs-controls,.pfs-digital-slot) :where(button,input,select,textarea){font:inherit;letter-spacing:inherit;color:inherit;background:0 0}:where(.pfs,.pfs-controls,.pfs-digital-slot) :where(button){cursor:pointer}:where(.pfs,.pfs-controls,.pfs-digital-slot) :where(canvas,svg){max-width:100%;display:block}:where(.pfs,.pfs-controls,.pfs-digital-slot) [hidden]{display:none!important}@keyframes pfs-pulse{50%{opacity:.5}}.pfs{--pfs-btn-bg-hover:#000000b3;--pfs-btn-bg:#00000080;--pfs-btn-border:#fff3;--pfs-btn-fg:#fffc;--pfs-surface:#101014;--pfs-status-fg:#fff9;width:100%;height:100%;display:block;position:relative;overflow:hidden}:where(.pfs-player){width:-webkit-fill-available;width:-moz-available;width:stretch}.pfs-canvas{opacity:0;touch-action:none;width:100%;height:100%;transition:opacity .3s;display:block;position:fixed;inset:0}.pfs[contain]>.pfs-canvas{position:absolute}[ready]>.pfs-canvas{opacity:1}.pfs-status{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}[ready]>.pfs-status{display:none}.pfs-status-text{font-family:var(--pfs-font-mono);letter-spacing:.025em;text-transform:uppercase;color:var(--pfs-status-fg);font-size:11px;line-height:16px;animation:2s cubic-bezier(.4,0,.6,1) infinite pfs-pulse}@media (prefers-reduced-motion:reduce){.pfs-status-text{animation:none}}.pfs-import{width:min(32rem,90vw);font-family:var(--pfs-font-mono);color:var(--pfs-btn-fg);background-color:var(--pfs-surface);border:1px solid var(--pfs-btn-border);border-radius:var(--pfs-radius-lg);padding:.75rem;font-size:11px;line-height:16px}.pfs-import::backdrop{background-color:#00000080}.pfs-import-form{flex-direction:column;gap:.5rem;display:flex}.pfs-import-text{width:100%;min-height:8rem;font-family:var(--pfs-font-mono);color:var(--pfs-btn-fg);background-color:var(--pfs-btn-bg);border:1px solid var(--pfs-btn-border);border-radius:var(--pfs-radius-lg);resize:vertical;padding:.5rem;font-size:11px;line-height:16px}.pfs-import-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.pfs-import-note{min-height:1em;color:var(--pfs-status-fg)}.pfs-btn{font-family:var(--pfs-font-mono);letter-spacing:.025em;text-transform:uppercase;color:var(--pfs-btn-fg);background-color:var(--pfs-btn-bg);border:1px solid var(--pfs-btn-border);border-radius:var(--pfs-radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding-block:.25rem;padding-inline:.75rem;font-size:11px;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (hover:hover){.pfs-btn:hover{background-color:var(--pfs-btn-bg-hover)}}.pfs-digital{bottom:0;z-index:10;max-height:45%;font-family:var(--pfs-font-mono);text-transform:uppercase;color:var(--pfs-btn-fg);background-color:var(--pfs-surface);background-color:color-mix(in oklab, var(--pfs-surface) 85%, transparent);border-color:var(--pfs-btn-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top-width:1px;flex-direction:column;gap:10px;padding:12px;font-size:11px;line-height:14px;display:flex;position:absolute;inset-inline:0;overflow-y:auto}@media (min-width:64rem){.pfs-digital{inset-inline:auto;border-radius:var(--pfs-radius-lg);border-width:1px;width:260px;max-height:calc(100% - 32px);top:16px;bottom:auto;right:16px}}.pfs-digital-group{border-color:var(--pfs-btn-border);border-top-width:1px;flex-direction:column;gap:8px;min-width:0;padding-top:8px;display:flex}.pfs-digital-legend{color:var(--pfs-status-fg)}.pfs-digital-dial{flex-direction:column;gap:4px;display:flex}.pfs-digital-range{accent-color:#0f0;cursor:pointer;width:100%}.pfs-digital-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pfs-digital-choice{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.pfs-digital-btn{border:1px solid var(--pfs-btn-border);border-radius:var(--pfs-radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;padding-block:4px;padding-inline:8px}.pfs-digital-btn[aria-pressed=true]{background-color:var(--pfs-panel-raised)}.pfs-digital-pads{grid-template-columns:repeat(16,minmax(0,1fr));gap:3px;display:grid}.pfs-digital-pad{text-align:center;border:1px solid var(--pfs-pad);border-radius:var(--pfs-radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;min-height:28px;padding:4px}.pfs-digital-pad:disabled{cursor:default;opacity:.4}:where(.pfs-digital-slot)>.pfs-digital{z-index:auto;width:auto;max-height:none;position:static;inset:auto}.pfs-controls{align-items:center;gap:4px;display:flex}.pfs-control{width:26px;height:26px;font-family:var(--pfs-font-mono);text-transform:uppercase;color:var(--pfs-on-panel-strong);border-radius:var(--pfs-radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #ffffff26;justify-content:center;align-items:center;gap:6px;font-size:11px;line-height:14px;transition:opacity .1s cubic-bezier(0,0,.2,1);display:inline-flex}.pfs-control[aria-pressed=true]{background-color:var(--pfs-panel-raised)}.pfs-control-label{display:none}@media (min-width:64rem){.pfs-control{justify-content:flex-start;width:auto;height:auto;padding-block:4px;padding-inline:8px}.pfs-control-label{display:inline}}.pfs-glyph{flex-shrink:0;width:10px;height:10px}.pfs-view{min-width:0;max-width:100%;display:inline-flex}.pfs-view>.pfs-control{anchor-name:--pfs-view}.pfs-view-panel{border:1px solid var(--pfs-popover-border);border-radius:var(--pfs-radius-sm);background-color:var(--pfs-popover-bg);color:var(--pfs-popover-fg);padding:var(--pfs-spacing);box-shadow:var(--pfs-popover-shadow);opacity:0;width:auto;min-width:0;max-width:20rem;transition:opacity .15s ease, translate .15s ease, display .15s allow-discrete;position-anchor:--pfs-view;position-area:top span-right;position-try-fallbacks:flip-block;margin:0 0 .5rem;font-size:14px;line-height:20px;position:fixed;inset:auto;translate:0 -4px}.pfs-view-panel:popover-open{opacity:1;translate:0}@starting-style{.pfs-view-panel:popover-open{opacity:0;translate:0 -4px}}@media (prefers-reduced-motion:reduce){.pfs-view-panel{transition:none}}.pfs-view-list{flex-direction:column;display:flex}.pfs-view-item{width:100%;padding-inline:calc(var(--pfs-spacing) * 2);padding-block:var(--pfs-spacing);gap:calc(var(--pfs-spacing) * 6);font-family:var(--pfs-font-mono);text-align:left;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;font-size:11px;line-height:14px;display:flex}.pfs-view-key{color:var(--pfs-on-panel-strong);opacity:.6}.pfs-control:focus-visible,.pfs-view-item:focus-visible{box-shadow:0 0 0 2px var(--pfs-focus-gap), 0 0 0 4px var(--pfs-focus-ring);outline:none}@media (hover:hover){.pfs-control:hover,.pfs-view-item:hover{opacity:.8}}.pfs-dock{z-index:10;background-color:var(--pfs-panel);border:1px solid var(--pfs-panel-stroke);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:6px;padding:8px 12px 8px 14px;position:absolute;bottom:16px;left:50%;translate:-50%}
