.pc-look{display:grid;gap:var(--sp-2);text-align:center}
.pc-head{font-size:var(--fs-xl);font-weight:600}
.pc-meta,.pc-w,.pc-count,.pc-hint,.pc-dec small,.pc-h span,.pc-scale{color:var(--text-2);font-size:var(--fs-sm);font-weight:400}
.pc-scale>*{max-width:20rem;margin-inline:auto}
.pc-scale svg{display:block;width:100%;overflow:visible}
.pc-bar,.is-lead{color:var(--text-1);font-weight:600}
.pc-beam{transform:rotate(var(--tilt,0deg))}
.pc-hang{transform:rotate(calc(var(--tilt,0deg)*-1))}
.pc-beam,.pc-hang{transition:transform var(--dur-3) var(--ease)}
.pc-pan{fill:var(--bg-2)}
.pc-pro .pc-pan{fill:var(--accent-soft);stroke:var(--accent)}
.pc-add,.pc-foot,.pc-items li,.pc-decs li{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}
.pc-side,.pc-items li>.input,.pc-dec{flex:1}
#pc-text{flex:1 1 calc(100% - 7rem)}
.touch .select{width:4.5rem}
.pc-foot{justify-content:space-between}
@container (max-width:20rem){.pc-foot .icon{display:none}}
.pc-lists,.pc-list,.pc-score{display:grid;gap:var(--sp-3);align-content:start}
.pc-items,.pc-decs{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-2)}
.pc-h{font-size:var(--fs-lg)}
.pc-tabs{position:sticky;top:0;z-index:5;box-shadow:0 0 0 var(--sp-2) var(--bg-0)}
.pc-dec{min-width:0;display:grid;text-align:left;min-height:var(--control);padding:var(--sp-2) var(--sp-3);border:0;border-radius:var(--r-2);background:none}
.pc-dec span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.pc-dec[aria-current]{background:var(--accent-soft)}
@media (max-width:47.99em){
.app[data-layout=stage]{padding-top:var(--sp-2)}
.pc-lists[data-show=pro] [data-list=con],.pc-lists[data-show=con] [data-list=pro],.pc-list .pc-h{display:none}
}
@media (min-width:48em){
.app-page:has(.app .pc-lists){--app-w:60rem}
.pc-look,.pc-lists{grid-template-columns:1fr 1fr;align-items:center;text-align:left}
.pc-head{font-size:var(--fs-3xl)}
.pc-lists{align-items:start}
.pc-tabs{display:none}
.pc-side{flex:0 0 12rem}
#pc-text{flex-basis:8rem}
}
.v{text-align:right}