*{box-sizing:border-box;}body{margin:0;}a{color:inherit;}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:14px;gap:14px;font:12px var(--listen-mono);border-bottom:1px solid var(--listen-line);}.preview-header select{font:inherit;background:var(--listen-panel);color:var(--listen-text);}#share-qr canvas{width:240px;max-width:100%;height:auto;}
.choreography-review{border:1px solid var(--listen-line);padding:16px;margin-bottom:22px;font:14px/1.6 var(--listen-mono)}.choreography-review a{display:inline-block;margin:8px 18px 8px 0;text-decoration:underline}
.text-media-viewport{height:min(84vh,900px);min-height:620px;}.viewport-controls{display:flex!important;flex-wrap:wrap;gap:8px;}.viewport-bezel-bottom{flex-wrap:wrap;gap:10px;}.viewport-bezel-bottom .viewport-controls{margin-left:auto;}.viewport-lines{left:32px;right:32px;}.share-panel{z-index:10!important;}.review-note{color:var(--listen-dim);}.demo-index{max-width:1160px;margin:auto;padding:20px 0;}.demo-index h2,.transcript-section h2,.listen-catalog h2{font:16px var(--listen-mono);}.demo-index button{background:transparent;color:var(--listen-text);border:1px solid var(--listen-line);padding:10px;text-align:left;font:12px/1.4 var(--listen-mono);cursor:pointer;}#demo-index{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px;}button:focus-visible,a:focus-visible{outline:2px solid var(--listen-cyan);outline-offset:3px;}#audio-player{display:none;}@media(max-width:700px){.preview-header span{display:none;}.text-media-viewport{min-height:550px;}.viewport-control{padding:5px!important;}.viewport-bezel-bottom{font-size:8px;}.viewport-bezel-bottom .viewport-controls{gap:5px;}}