@import"widgets.css";.pv-stage{gap:var(--space-2);padding:var(--space-3);align-items:stretch}.pv-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.pv-sounds button{padding:0 14px}.pv-oct{display:inline-flex;align-items:center;gap:8px}.pv-oct__val{font-size:var(--fs-sm);font-weight:700;color:var(--color-ink-soft);white-space:nowrap}.pv-oct__val b{font-family:var(--font-heading);font-size:1.3rem;color:var(--color-ink);margin-left:2px}.pv-keys{width:100%;min-height:240px}.pv-keys .wk{height:clamp(200px,30vw,300px)}.pv-keys .wk__lbl{font-size:var(--fs-sm)}.pv-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.pv-sus[aria-pressed=true]{background:var(--color-accent-dim);border-color:var(--color-accent);color:var(--color-accent-ink)}.pv-rec{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pv-rec__info{font-size:var(--fs-sm);color:var(--color-gray);font-variant-numeric:tabular-nums;min-width:9ch}.pv-recbtn{display:inline-flex;align-items:center;gap:8px;min-height:var(--tap-sm);padding:0 14px 0 12px;border-radius:999px;border:1px solid var(--color-hairline);background:var(--color-surface-2);color:var(--color-ink);font-weight:700;font-size:var(--fs-sm);box-shadow:var(--shadow-sm)}.pv-recbtn__dot{width:12px;height:12px;border-radius:50%;background:var(--color-danger)}.pv-recbtn[aria-pressed=true]{border-color:var(--color-danger);color:var(--color-danger)}.pv-recbtn[aria-pressed=true] .pv-recbtn__dot{animation:pv-blink 1s steps(2,start) infinite;border-radius:3px}@keyframes pv-blink{to{opacity:.25}}.pv-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-2);margin-top:var(--space-2)}.pv-midi-off{font-size:var(--fs-sm);color:var(--color-gray)}.pv-stage:is(:fullscreen,.is-stage-mode){justify-content:center;gap:var(--space-3)}.pv-stage:is(:fullscreen,.is-stage-mode) .pv-keys .wk{height:min(52vh,420px)}.pv-stage:is(:fullscreen,.is-stage-mode) .kbd-hints{display:none}@media (max-width: 600px){.pv-stage{padding:12px;gap:12px}.pv-top{gap:8px}.pv-sounds{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;width:100%}.pv-sounds::-webkit-scrollbar{display:none}.pv-sounds button{flex:0 0 auto;padding:0 12px}.pv-oct{width:100%;justify-content:space-between}.pv-keys{min-height:210px}.pv-keys .wk{height:210px}.pv-bar{gap:8px}.pv-rec{width:100%;flex-wrap:nowrap}.pv-rec__info{order:5;flex:1 1 auto;min-width:0;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pv-rec .btn--sm{padding:0 10px}}@media (max-height: 500px) and (orientation: landscape){.tool--piano-virtual .breadcrumb,.tool--piano-virtual .tool-head__lede{display:none}.tool--piano-virtual .site-main{padding-top:6px}.tool--piano-virtual .tool-head{margin-bottom:6px;align-items:center}.tool--piano-virtual .tool-head h1{font-size:1.2rem;margin:0}.tool--piano-virtual .tool-head__actions .icon-btn{width:36px;height:36px}.pv-keys,.pv-keys .wk{min-height:0;height:40vh}.pv-stage{padding:8px 12px;gap:8px}.pv-top .seg button,.pv-oct .icon-btn{min-height:34px;height:34px}.pv-oct .icon-btn{width:34px}.kbd-hints{display:none}}.ptl-ico{display:inline-block;width:16px;height:16px;margin:0 6px 0 0;vertical-align:-3px;color:var(--g-ink, var(--color-accent-ink));flex:0 0 auto}[role=tab] .ptl-ico{margin-right:6px}[role=tab][aria-selected=true] .ptl-ico{color:inherit}@media (max-width: 600px){[role=tab] .ptl-ico{display:none}}@media (max-width: 480px){#labels{grid-template-columns:repeat(2,minmax(0,1fr))}#labels button{white-space:nowrap}}