/* Testra 1.8 professional score, drill, staging, performer delivery and design-production layer. */
:root{--score-paper:#fbfaf6;--score-ink:#12151a;--score-rule:#313840;--production-blue:#79b7ff;--production-cyan:#6fe3cf;--production-gold:#e9b96c}
.score-professional-ribbon,.drill-professional-ribbon{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px;padding:8px 10px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 96%,white 4%),var(--surface-2));box-shadow:0 10px 24px rgba(0,0,0,.15)}
.score-professional-ribbon nav,.drill-professional-ribbon nav{display:flex;gap:4px;flex-wrap:wrap}.score-professional-ribbon button,.drill-professional-ribbon button{min-height:36px;padding:0 13px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);font-size:.7rem;font-weight:800;letter-spacing:.02em;cursor:pointer}.score-professional-ribbon button:hover,.drill-professional-ribbon button:hover{color:var(--text);background:var(--surface-3)}.score-professional-ribbon button.active,.drill-professional-ribbon button.active{border-color:color-mix(in srgb,var(--brand-accent) 42%,var(--line));background:color-mix(in srgb,var(--brand-accent) 14%,var(--surface-3));color:var(--text)}
.score-ribbon-actions,.score-professional-ribbon>div,.drill-professional-ribbon>div{display:flex;align-items:center;gap:10px}.score-professional-ribbon>div,.drill-professional-ribbon>div{flex-direction:column;align-items:flex-end;gap:2px}.score-professional-ribbon span,.drill-professional-ribbon span{color:var(--muted);font-size:.62rem}.score-professional-ribbon b,.drill-professional-ribbon b{font-size:.68rem}
.score-production-panel,.drill-professional-panel{display:grid;gap:14px;margin-top:14px}.score-production-panel>.card,.drill-professional-panel>.card{min-width:0}.score-setup-panel,.score-write-panel,.score-engrave-panel,.score-play-panel,.score-print-panel,.drill-design-panel,.drill-animation-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.score-proofing-pro,.drill-clean-panel,.drill-production-sheet-panel,.drill-delivery-panel{grid-template-columns:1fr}
.score-part-matrix,.score-flow-list,.score-layout-list,.layout-publication-list,.score-proof-list,.transition-demand-table,.drill-finding-list{display:grid;gap:7px}.score-part-matrix>article,.score-flow-list>article,.score-layout-list>article,.layout-publication-list>article,.score-proof-list>article,.transition-demand-table>article,.drill-finding-list>article{display:grid;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.score-part-matrix>article{grid-template-columns:minmax(130px,1.2fr) repeat(4,minmax(76px,.6fr)) auto}.score-part-matrix input,.score-part-matrix select{min-width:0;width:100%;font-size:.68rem}.score-part-matrix b,.score-part-matrix small,.score-flow-list b,.score-flow-list small,.score-layout-list b,.score-layout-list small{display:block}.score-part-matrix small,.score-flow-list small,.score-layout-list small,.layout-publication-list small{margin-top:3px;color:var(--muted);font-size:.6rem}
.score-flow-list>article,.score-layout-list>article,.layout-publication-list>article{grid-template-columns:minmax(0,1fr) auto}.score-flow-list .button-row,.score-layout-list .button-row{justify-content:flex-end}.score-context-card{padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.score-context-card b,.score-context-card small{display:block}.score-context-card small{margin-top:4px;color:var(--muted)}
.score-entry-strip{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:10px}.score-entry-strip button{min-width:38px;min-height:36px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--text);font-size:1rem;cursor:pointer}.score-entry-strip button.active{border-color:var(--brand-accent);background:color-mix(in srgb,var(--brand-accent) 15%,var(--surface-2))}.score-entry-strip label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.62rem;font-weight:800}.score-entry-strip select,.score-entry-strip input{min-height:36px}
.score-articulation-row{display:flex;gap:6px;flex-wrap:wrap}.score-articulation-row button{min-height:34px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--text);font-size:.68rem;font-weight:800}.score-articulation-row button.active{border-color:var(--production-gold);color:var(--production-gold)}
.score-mixer{display:grid;gap:7px;max-height:470px;overflow:auto;padding-right:4px}.score-mixer>article{display:grid;grid-template-columns:minmax(120px,1fr) 110px 90px auto auto;gap:8px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.score-mixer b,.score-mixer small{display:block}.score-mixer small{color:var(--muted);font-size:.6rem}.score-mixer input[type=range]{width:100%}
.score-proof-list>article{grid-template-columns:92px minmax(0,1fr) auto}.score-proof-list>article.error{border-color:color-mix(in srgb,var(--brand-danger) 45%,var(--line))}.score-proof-list>article.warning{border-color:color-mix(in srgb,var(--brand-warning) 45%,var(--line))}.score-proof-list em{font-style:normal;font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.score-proof-list span{font-size:.68rem;line-height:1.45}
.notation-svg.professional-notation{display:block;width:100%;height:auto;min-height:420px;background:var(--score-paper);color:var(--score-ink);border-radius:2px}.professional-notation .staff-line,.professional-notation .barline,.professional-notation .ledger,.professional-notation .stem,.professional-notation .flag,.professional-notation .beam,.professional-notation .tie-mark,.professional-notation .slur-mark{stroke:var(--score-rule);fill:none;vector-effect:non-scaling-stroke}.professional-notation .staff-line{stroke-width:1}.professional-notation .barline{stroke-width:1.1}.professional-notation .barline.heavy{stroke-width:2}.professional-notation .barline.final{stroke-width:3}.professional-notation .beam{stroke-width:5;stroke-linecap:butt}.professional-notation .note-head{stroke:var(--score-ink);stroke-width:1.2;color:var(--score-ink)}.professional-notation .open-note{fill:var(--score-paper)!important}.professional-notation .measure-zone{fill:transparent;stroke:transparent}.professional-notation .measure-zone:hover{fill:rgba(77,136,196,.05)}.professional-notation .selected-measure{fill:rgba(45,127,202,.075);stroke:rgba(45,127,202,.24)}.professional-notation .selected-note .note-head{stroke:#126ab6;fill:#126ab6}.professional-notation .playhead{stroke:#db5d57;stroke-width:2;pointer-events:none}.professional-notation text{font-family:"Source Sans 3","Aptos","Segoe UI",sans-serif;fill:var(--score-ink)}.professional-notation .score-running-title{font-family:"Source Serif 4",Georgia,serif;font-size:15px;font-weight:700}.professional-notation .score-running-meta{font-size:10px;letter-spacing:.08em;text-transform:uppercase}.professional-notation .clef-glyph{font-family:"Bravura","Noto Music","Segoe UI Symbol",serif;font-size:43px}.professional-notation .clef-glyph.bass{font-size:35px}.professional-notation .clef-glyph.percussion{font-size:32px}.professional-notation .system-part-label{font-size:8px;font-weight:700}.professional-notation .time-signature{font-family:"Source Serif 4",Georgia,serif;font-size:17px;font-weight:800}.professional-notation .measure-number{font-size:9px;font-weight:700;fill:#5d626a}.professional-notation .beat-guide{stroke:rgba(35,43,52,.08);stroke-dasharray:2 3}.professional-notation .accidental{font-family:"Bravura","Noto Music",serif;font-size:17px}.professional-notation .rest-glyph{font-family:"Bravura","Noto Music","Segoe UI Symbol",serif;font-size:20px}.professional-notation .articulation-mark,.professional-notation .tuplet-mark{font-size:11px;font-weight:800}.professional-notation .dynamic-mark{font-family:"Source Serif 4",Georgia,serif;font-size:15px;font-style:italic;font-weight:800}.professional-notation .lyric-mark{font-size:10px}.professional-notation .note-text-mark,.professional-notation .instruction-mark{font-family:"Source Serif 4",Georgia,serif;font-size:9px;font-style:italic}.professional-notation .tempo-mark{font-family:"Source Serif 4",Georgia,serif;font-size:9px;font-weight:600}.professional-notation .rehearsal-mark rect{fill:var(--score-paper);stroke:var(--score-ink);stroke-width:1.2}.professional-notation .rehearsal-mark text{font-size:11px;font-weight:900}.professional-notation .augmentation-dot,.professional-notation .repeat-dot{fill:var(--score-ink)}.professional-notation .layout-break{font-size:11px;fill:#3378aa}.professional-notation .layout-break.page{fill:#8a5eaa}
.drill-tool-rack{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.drill-tool-rack button{display:grid;place-items:center;gap:4px;min-height:62px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--muted);font-size:.6rem;font-weight:800;cursor:pointer}.drill-tool-rack button svg{width:18px}.drill-tool-rack button:hover,.drill-tool-rack button.active{border-color:color-mix(in srgb,var(--brand-accent) 45%,var(--line));background:color-mix(in srgb,var(--brand-accent) 12%,var(--surface-2));color:var(--text)}
.drill-group-layer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.drill-group-layer-grid>div{display:grid;gap:7px}.drill-group-layer-grid article{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:7px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.drill-group-layer-grid article>span:first-child{display:block;width:11px;height:34px;border-radius:5px;background:var(--group-color,var(--production-cyan))}.drill-group-layer-grid b,.drill-group-layer-grid small{display:block}.drill-group-layer-grid small{color:var(--muted);font-size:.58rem}.drill-group-layer-grid button{min-height:30px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font-size:.56rem;font-weight:800}.drill-group-layer-grid button.active{color:var(--production-cyan);border-color:color-mix(in srgb,var(--production-cyan) 40%,var(--line))}
.transition-demand-table>article{grid-template-columns:minmax(0,1fr) auto 74px}.transition-demand-table b,.transition-demand-table small{display:block}.transition-demand-table small{margin-top:3px;color:var(--muted);font-size:.59rem}.transition-demand-table em{font-style:normal;font-size:.56rem;font-weight:900;text-transform:uppercase;text-align:right}.transition-demand-table .extreme{border-color:color-mix(in srgb,var(--brand-danger) 55%,var(--line))}.transition-demand-table .high{border-color:color-mix(in srgb,var(--brand-warning) 50%,var(--line))}.transition-demand-table .moderate{border-color:color-mix(in srgb,var(--production-gold) 40%,var(--line))}
.performer-path-summary,.performer-book-preview>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.performer-path-summary article,.performer-book-preview>div>article{padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.performer-path-summary b,.performer-path-summary small,.performer-book-preview b,.performer-book-preview small{display:block}.performer-path-summary b,.performer-book-preview b{font-size:.78rem}.performer-path-summary small,.performer-book-preview small{margin-top:3px;color:var(--muted);font-size:.58rem}.performer-book-preview{padding:16px;border:1px solid color-mix(in srgb,var(--production-blue) 34%,var(--line));border-radius:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-2) 94%,var(--production-blue) 6%),var(--surface-2))}.performer-book-preview>header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.performer-book-preview>header>span{padding:8px 10px;border-radius:8px;background:var(--surface-3);font-size:.68rem;font-weight:900}.performer-book-preview .current{border-color:color-mix(in srgb,var(--production-cyan) 45%,var(--line));background:color-mix(in srgb,var(--production-cyan) 10%,var(--surface-2))}
.drill-finding-list>article{grid-template-columns:130px minmax(0,1fr) auto}.drill-finding-list>article b{font-size:.57rem;letter-spacing:.08em}.drill-finding-list>article span{font-size:.67rem}.drill-finding-list>article.danger{border-color:color-mix(in srgb,var(--brand-danger) 50%,var(--line))}.drill-finding-list>article.warning{border-color:color-mix(in srgb,var(--brand-warning) 48%,var(--line))}.drill-finding-list>article.success{border-color:color-mix(in srgb,var(--brand-success) 45%,var(--line))}
.production-sheet-table{display:grid;gap:5px;overflow:auto}.production-sheet-table>header,.production-sheet-table>article{display:grid;grid-template-columns:180px repeat(5,minmax(150px,1fr));gap:5px;min-width:970px}.production-sheet-table>header{padding:0 5px;color:var(--muted);font-size:.57rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.production-sheet-table>article{padding:6px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}.production-sheet-table textarea{min-height:78px;resize:vertical}.production-sheet-table b,.production-sheet-table small{display:block}.production-sheet-table small{margin-top:4px;color:var(--muted);font-size:.57rem}
.drill-canvas-wrap canvas{background:radial-gradient(circle at 50% 0%,rgba(103,232,209,.06),transparent 40%),var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
@media(max-width:1100px){.score-setup-panel,.score-write-panel,.score-engrave-panel,.score-play-panel,.score-print-panel,.drill-design-panel,.drill-animation-panel{grid-template-columns:1fr}.score-part-matrix>article{grid-template-columns:minmax(120px,1fr) repeat(2,minmax(80px,.7fr));}.score-part-matrix>article>*:nth-child(n+4){grid-row:2}.drill-group-layer-grid{grid-template-columns:1fr}.score-mixer>article{grid-template-columns:minmax(120px,1fr) 1fr auto auto}.score-mixer>article>input:nth-of-type(2){grid-column:2}}
@media(max-width:720px){.score-professional-ribbon,.drill-professional-ribbon{align-items:stretch;flex-direction:column}.score-professional-ribbon>div,.drill-professional-ribbon>div{align-items:flex-start}.score-professional-ribbon nav,.drill-professional-ribbon nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:auto}.score-professional-ribbon button,.drill-professional-ribbon button{padding:0 8px;font-size:.61rem}.score-part-matrix>article{grid-template-columns:1fr 1fr}.score-part-matrix>article>div{grid-column:1/-1}.score-mixer>article{grid-template-columns:1fr auto auto}.score-mixer>article>input{grid-column:1/-1}.performer-path-summary,.performer-book-preview>div{grid-template-columns:repeat(2,minmax(0,1fr))}.drill-tool-rack{grid-template-columns:repeat(3,minmax(0,1fr))}.drill-finding-list>article{grid-template-columns:1fr}.production-sheet-table{margin-inline:-6px}.notation-svg.professional-notation{min-width:760px}.score-document.pro-score{overflow:auto}}
@media(prefers-reduced-motion:reduce){.score-professional-ribbon button,.drill-professional-ribbon button{transition:none}}

/* 1.8.1 visual refinement: readable work-mode navigation and stable specialist canvases. */
.score-professional-ribbon{align-items:stretch;padding:10px}
.score-professional-ribbon nav{display:grid;grid-template-columns:repeat(5,minmax(118px,1fr));flex:1;gap:6px}
.score-professional-ribbon nav button{display:grid;align-content:center;gap:3px;min-height:58px;padding:8px 11px;text-align:left;line-height:1.2}
.score-professional-ribbon nav button b{display:block;font-size:.72rem;color:inherit}
.score-professional-ribbon nav button small{display:block;font-size:.57rem;line-height:1.35;color:var(--muted);font-weight:600;letter-spacing:0}
.score-professional-ribbon nav button.active small{color:color-mix(in srgb,var(--text) 72%,var(--muted))}
.score-professional-ribbon>.score-ribbon-actions{display:grid;grid-template-columns:repeat(2,minmax(90px,1fr));align-content:center;align-items:stretch;gap:6px;min-width:206px}
.score-professional-ribbon>.score-ribbon-actions .button{min-height:38px;padding:.45rem .7rem}
.score-professional-ribbon>.score-ribbon-actions .button.primary{grid-column:1/-1}
.drill-professional-ribbon nav button{display:grid;place-items:center;min-width:92px}
.drill-canvas-wrap{overflow:hidden;border-radius:14px;background:var(--bg-elevated)}
.drill-canvas-wrap canvas{display:block;width:100%;background:var(--bg-elevated)}
@media(max-width:1180px){.score-professional-ribbon{flex-direction:column}.score-professional-ribbon>.score-ribbon-actions{display:flex;min-width:0}.score-professional-ribbon>.score-ribbon-actions .button.primary{grid-column:auto}}
@media(max-width:720px){.score-professional-ribbon nav{grid-template-columns:repeat(5,minmax(128px,1fr));overflow-x:auto}.score-professional-ribbon nav button{min-height:54px}.score-professional-ribbon>.score-ribbon-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.score-professional-ribbon>.score-ribbon-actions .button.primary{grid-column:auto}}