.posters-container{z-index:2;outline:none;width:100%;height:100%;position:relative;overflow:hidden}.posters-container:focus-visible{box-shadow:inset 0 0 0 1px var(--orange)}.posters-canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.posters-canvas:active{cursor:grabbing}.composition-page{background:var(--ex-paper);min-height:100svh;color:var(--ex-ink);padding-bottom:32px;position:relative}.composition-footer{border-top:1px solid var(--ex-line);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-block:24px;display:flex}.composition-page :focus-visible{outline:2px solid var(--ex-ink);outline-offset:4px}.composition-stage{padding-bottom:var(--ex-space-section);grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);gap:32px;display:grid}.composition-data{flex-wrap:wrap;grid-column:1/-1;gap:24px;display:flex}.composition-posters{background:var(--ex-paper);height:600px;position:relative;overflow:hidden}.composition-flying-posters{position:absolute;inset:0}.composition-posters__rail,.composition-posters__hint{z-index:3;color:var(--ex-muted);font:10px var(--ex-font-mono);pointer-events:none;flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex;position:absolute;left:20px;right:20px}.composition-posters__rail{top:20px}.composition-posters__hint{bottom:20px}.composition-work-list{border-top:1px solid var(--ex-line);align-self:center}.composition-work-list__head{color:var(--ex-muted);font:11px var(--ex-font-mono);padding-block:24px}.composition-work{border:0;border-top:1px solid var(--ex-line);background:var(--ex-paper);width:100%;color:var(--ex-ink);text-align:left;cursor:pointer;grid-template-columns:32px minmax(0,1fr);gap:10px;padding:24px 32px 24px 0;display:grid;position:relative}.composition-work:hover{background:var(--ex-ink);color:var(--ex-paper)}.composition-work>span{font:11px var(--ex-font-mono);grid-row:span 2}.composition-work strong{overflow-wrap:anywhere;font-size:16px;font-weight:400}.composition-work small{font:10px var(--ex-font-mono);color:var(--ex-muted)}.composition-work:hover small{color:var(--ex-line)}.composition-work>i{font-style:normal;position:absolute;top:24px;right:8px}.score-viewer{z-index:120;background:var(--ex-ink);color:var(--ex-paper);animation:scoreViewerIn var(--ex-duration) var(--ex-ease) both;grid-template-rows:auto minmax(0,1fr) auto auto;gap:12px;padding:20px 32px;display:grid;position:fixed;inset:0}.score-viewer__backdrop{cursor:zoom-out;background:0 0;border:0;position:absolute;inset:0}.score-viewer__top,.score-viewer__controls{z-index:3;min-height:52px;font:11px var(--ex-font-mono);justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.score-viewer__top strong{font:400 16px var(--ex-font-sans)}.score-viewer button:not(.score-viewer__backdrop):not(.score-viewer__pagination button){border:1px solid var(--ex-line);border-radius:var(--ex-radius-action);background:var(--ex-ink);min-height:44px;color:var(--ex-paper);font:inherit;cursor:pointer;padding:10px 16px}.score-viewer button:disabled{color:var(--ex-line);cursor:default}.score-viewer :focus-visible{outline-color:var(--ex-paper)}.score-viewer__sheet{z-index:2;cursor:grab;touch-action:none;place-items:center;min-height:0;display:grid;position:relative}.score-viewer__sheet.is-dragging{cursor:grabbing}.score-viewer__ambient{display:none}.score-viewer__page{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;max-width:100%;height:100%;max-height:100%;transform:translateX(var(--score-drag-x,0px)) rotate(var(--score-drag-rotate,0deg));transition:transform .9s var(--ex-ease);display:block;position:absolute;inset:0}.score-viewer__sheet.is-dragging .score-viewer__page{transition:none}.score-viewer__gesture{background:var(--ex-ink);color:var(--ex-line);font:10px var(--ex-font-mono);pointer-events:none;padding:8px;position:absolute;bottom:0;right:0}.score-viewer__pagination{justify-items:center;gap:12px;display:grid}.score-viewer__pagination>div{gap:8px;display:flex}.score-viewer__pagination button{border:1px solid var(--ex-line);border-radius:var(--ex-radius-action);background:var(--ex-ink);cursor:pointer;width:24px;height:24px}.score-viewer__pagination button.is-active{background:var(--ex-paper)}.score-viewer__pdf{z-index:3;font:11px var(--ex-font-mono);justify-self:end;padding:12px 0;position:relative}@keyframes scoreViewerIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (width<=760px){.composition-stage{grid-template-columns:minmax(0,1fr);gap:24px}.composition-posters{height:480px}.score-viewer{gap:8px;padding:12px}.score-viewer__top{flex-wrap:wrap}.score-viewer__top strong{order:3;width:100%}.score-viewer__pagination>div{gap:4px}.score-viewer__pagination button{width:16px;height:24px}.score-viewer__controls{gap:8px;font-size:10px}}@media (prefers-reduced-motion:reduce){.composition-page *,.composition-page :before,.composition-page :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}