.showcase-filters{flex-wrap:wrap;gap:12px 22px;padding:8px;display:flex}.showcase-filters label{align-items:center;gap:8px;display:flex}.showcase-page{flex-direction:column;gap:14px;min-height:0;display:flex}.showcase-heading{background:var(--studio-panel);border-bottom:2px solid var(--studio-gold);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.showcase-heading h1{font-size:36px}.showcase-heading .hw-label{color:var(--studio-blue)}.showcase-actions{flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:12px;display:flex}.showcase-heading .hw-readout{min-width:120px;padding:6px 14px}.showcase-heading .hw-readout-value{font-size:24px}.showcase-notice{color:var(--studio-amber);flex-shrink:0}.showcase-page .layers-stage-player .pta-slot{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.showcase-page .layers-stage-player .pta-slot-info{flex-direction:column;align-items:center;gap:5px;display:flex}.showcase-upload-layout{flex:1;grid-template-columns:280px minmax(0,1fr);gap:18px;min-height:0;display:grid}.showcase-roster{grid-auto-rows:minmax(0,1fr);align-content:start;gap:6px;min-height:0;display:grid}.showcase-roster[data-large=true]{flex-direction:column;display:flex;overflow:auto}.showcase-roster>div{background:var(--studio-panel);border-left:2px solid var(--studio-blue);align-items:center;gap:10px;min-height:42px;padding:6px 8px;display:flex}.showcase-roster strong{overflow-wrap:anywhere;font-size:16px}.showcase-roster .hw-chip{text-align:center;margin-left:auto;font-size:12px}.showcase-upload-main{background:var(--studio-panel);flex-direction:column;justify-content:center;gap:18px;min-height:0;padding:20px;display:flex}.showcase-drop{border:2px dashed var(--studio-blue);text-align:center;overflow-wrap:anywhere;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:150px;padding:24px;display:flex}.showcase-drop h2{font-size:30px}.showcase-upload-main>.pta-field{width:min(100%,680px);margin-inline:auto}.showcase-upload-main>.hw-label{text-align:center;color:var(--studio-green)}.showcase-arena{flex:1;grid-template-columns:minmax(0,1fr) 260px;gap:18px;min-height:0;display:grid}.showcase-spotlight{background:var(--studio-panel);border-top:3px solid var(--studio-gold);flex-direction:column;justify-content:center;align-items:center;gap:12px;min-width:0;min-height:0;padding:20px;display:flex}.showcase-spotlight h2{overflow-wrap:anywhere;text-align:center;max-width:100%;font-size:36px}.showcase-spotlight>.hw-label{color:var(--studio-blue)}.showcase-spotlight>.hw-medallion{border-color:var(--studio-gold)}.showcase-up-next{background:var(--studio-panel);padding:14px;overflow:auto}.showcase-up-next h2{color:var(--studio-gold);margin-bottom:14px;font-size:22px}.showcase-up-next>div{border-bottom:1px solid var(--studio-line);align-items:center;gap:10px;padding-block:10px;display:flex}.showcase-up-next small{color:var(--studio-muted);display:block}.showcase-up-next span{overflow-wrap:anywhere;min-width:0}.showcase-transport{width:100%;min-width:0}.showcase-waveform{background:var(--studio-inset-surface);justify-content:space-between;align-items:center;gap:2px;height:120px;min-height:40px;padding:8px;display:flex;position:relative;overflow:hidden}.showcase-waveform i{background:var(--studio-blue);flex:1;min-width:1px;display:block}.showcase-waveform i[data-played=true]{background:var(--studio-amber)}.showcase-playhead{background:var(--studio-amber);width:2px;position:absolute;inset-block:0}.showcase-transport-controls{align-items:center;gap:12px;padding-top:10px;display:flex}.showcase-transport-controls input{min-width:0;accent-color:var(--studio-amber);flex:1}.showcase-transport-controls output{min-width:9ch;font-family:var(--font-pixel-label)}.showcase-transport-controls input:disabled{opacity:1}.showcase-audience{flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:8px;padding:6px 24px;display:flex}.showcase-audience>div{border:1px solid #0000;flex-direction:column;align-items:center;gap:4px;width:90px;padding:5px;display:flex}.showcase-audience>div[data-playing=true]{border-color:var(--studio-gold);background:var(--studio-amber-surface)}.showcase-audience span{text-overflow:ellipsis;max-width:100%;font-size:14px;overflow:hidden}.showcase-reactions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.showcase-reactions button{width:40px;height:36px;font-size:22px}.showcase-review-grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));align-content:start;gap:14px;min-height:0;padding:6px;display:grid;overflow:auto}.showcase-track{background:var(--studio-panel);border:1px solid var(--studio-line);border-top:2px solid var(--studio-teal);border-radius:4px;flex-direction:column;align-items:center;gap:10px;min-width:0;padding:16px;display:flex}.showcase-track-heading{align-items:center;gap:12px;width:100%;display:flex}.showcase-track-heading>div{min-width:0}.showcase-track-heading h2{overflow-wrap:anywhere;font-size:18px;font-weight:700}.showcase-track-heading p{color:var(--studio-muted);overflow-wrap:anywhere;font-size:14px}.showcase-track>.showcase-waveform{width:100%;height:72px}.showcase-fader{writing-mode:vertical-lr;width:32px;height:130px;accent-color:var(--studio-green);direction:rtl}.showcase-track output{color:var(--studio-green);font-size:24px}.showcase-score-controls{justify-content:center;align-items:center;gap:6px;width:100%;display:flex}.showcase-score-controls output{text-align:center;flex:1;font-size:20px}.showcase-track>span{text-align:center;min-height:24px}.showcase-podium{border-bottom:2px solid var(--studio-gold);background:var(--studio-amber-surface);flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:14px 30px;padding:16px;display:flex}.showcase-podium h2{color:var(--studio-gold);font-size:30px}.showcase-podium b{color:var(--studio-gold)}@media (max-height:850px){.showcase-page{gap:8px}.showcase-heading{padding:8px 12px}.showcase-heading h1{font-size:28px}.showcase-spotlight{gap:6px;padding:10px}.showcase-spotlight>.hw-medallion{width:64px!important;height:64px!important}.showcase-waveform{height:70px}.showcase-spotlight h2{font-size:26px}.showcase-audience>div{width:70px}.showcase-audience .hw-medallion{width:32px!important;height:32px!important}.showcase-roster>div{gap:4px;min-height:36px;padding:3px}.showcase-roster .hw-medallion{width:28px!important;height:28px!important}.showcase-roster strong{font-size:14px}.showcase-upload-main{gap:10px;padding:12px}.showcase-drop{gap:8px;padding:12px}}@media (max-width:1000px){.showcase-arena{grid-template-columns:minmax(0,1fr)}.showcase-up-next{max-height:180px}.showcase-upload-layout{grid-template-columns:minmax(0,1fr)}.showcase-roster{max-height:220px;overflow:auto}.showcase-page{overflow:auto}.showcase-spotlight{min-height:440px}}.showcase-room-line{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.showcase-heading .lobby-room-code .hw-label{color:inherit}.showcase-audience>div,.showcase-track-heading{position:relative}.showcase-audio-failed{color:var(--studio-amber);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.showcase-audience .showcase-card-reactions{pointer-events:none;width:0;max-width:none;height:0;position:absolute;top:0;left:50%;overflow:visible}.showcase-audience .showcase-card-reactions .hw-reaction-particle{max-width:none;font-size:1.6rem;overflow:visible}.showcase-reaction-hint{text-align:center;color:var(--studio-amber)}.showcase-upload-error{border-left:4px solid var(--studio-danger);background:var(--studio-red-surface);width:min(100%,560px);color:var(--studio-ink);text-align:left;padding:8px 12px}.showcase-upload-status{text-align:center;color:var(--studio-amber)}.showcase-upload-status[data-added=true]{color:var(--studio-green)}