/* The current phrase, its timing and its differences stay beside the curve. */
.phrase-workbench{padding:22px 24px;order:0}
.workbench-top,.workbench-status,.workbench-actions,.workbench-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.workbench-top{justify-content:space-between}.workbench-nav{flex-wrap:nowrap;margin:16px 0 12px}
.workbench-nav select{min-width:0;flex:1;border:1px solid #dedbea;border-radius:10px;padding:13px 10px;font-size:16px;font-weight:750;color:#32354b;background:#fff}
.workbench-status{font-size:11px;line-height:1.7;color:#74788d;margin-bottom:15px}
.workbench-status>span{background:#f6f6fa;padding:5px 9px;border-radius:6px}.workbench-status .missing{background:#fff1de;color:#8d5b19}.workbench-status .located{background:#ebf6f2;color:#2e7865}
.workbench-help{font-size:11px;color:#767c90;line-height:1.8;margin:12px 0 0}
.phrase-workbench .alignment-box{margin-top:17px;border-top:1px solid #eeeaf5;padding-top:15px}
.phrase-workbench .align-inputs{display:grid;grid-template-columns:minmax(75px,1fr) auto minmax(75px,1fr) auto;gap:8px;align-items:end}
.phrase-workbench .align-inputs label{display:grid;gap:6px;color:#827d93;font-size:11px}.phrase-workbench .align-inputs input{width:100%;min-width:0;border:1px solid #e0dcec;border-radius:8px;padding:10px 11px;font:inherit;font-size:13px;color:#423c58;background:#fdfcff;outline:none}.phrase-workbench .align-inputs input:focus{border-color:#9b88df;box-shadow:0 0 0 3px #a590e516}
.phrase-workbench .workbench-actions{margin-top:10px}
.phrase-workbench .alignment-heading{gap:10px}.phrase-workbench .alignment-heading strong{font-size:12px}
#timelineCard{order:1}#comparisonCard{order:2;margin-top:0}#lyricsCard{order:3}
.practice-reference-details{order:4;border:1px solid #e8e5f0;border-radius:14px;background:#fff;overflow:hidden}
.practice-reference-details>summary{padding:18px 22px;font-size:13px;font-weight:750;cursor:pointer;color:#595471}
.practice-reference-details>summary span{display:block;font-weight:400;font-size:11px;color:#8a8b9a;margin:7px 0 0 16px}
.practice-reference-details .reference-card{box-shadow:none;border:0;border-top:1px solid #efedf5;border-radius:0}
.workspace>.inspector{align-self:start;position:sticky;top:16px}
.inspector-phrase{margin-top:17px;padding:11px 12px;background:#f4f2ff;border-radius:8px;color:#665c91;font-size:11px;line-height:1.8}
.comparison-card .reference-head h2{font-size:19px}.difference-lyric{font-weight:750;font-size:16px;line-height:1.8;color:#373c50;margin:6px 0 14px}
.comparison-notice{background:#fff6e8;border:1px solid #f1e5cc;border-radius:10px;padding:12px 15px;color:#88622c;font-size:12px;line-height:1.8}
.comparison-notice p{margin:4px 0 0}.difference-empty{padding:22px;background:#f8f8fc;border-radius:10px;font-size:12px;color:#777a91;line-height:1.8}
.difference-summary{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:9px;margin:15px 0}
.difference-summary>div{padding:14px 11px;background:#f7f7fb;border-radius:10px}.difference-summary small{font-size:10px;color:#818398;display:block;margin-bottom:8px}.difference-summary strong{font-size:17px;color:#39364e}.difference-summary em{font-size:12px;font-style:normal}
.difference-table{overflow:auto;max-height:430px}.difference-table table{min-width:560px;font-size:12px}.difference-table th{position:sticky;top:0;z-index:1;color:#79758e;background:#f5f3fa}
.difference-table td{color:#58596d}.difference-table td strong{font-size:13px;display:block}.difference-table td small{display:block;color:#9694a5;font-size:10px;margin-top:5px}.difference-table .large-difference td:nth-child(3) strong{color:#b36937}.difference-table .missing-pitch{background:#fafafa}
.all-phrase-results{margin:18px 0;border-top:1px solid #edeaf4;padding-top:16px}.all-phrase-results summary{cursor:pointer;font-size:12px;color:#655c87;font-weight:700}
.phrase-result-list{display:flex;flex-direction:column;gap:4px;max-height:280px;overflow:auto;margin-top:12px}.phrase-result-list button{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;border:0;border-radius:6px;background:#fafafd;padding:11px;color:#616173;font-size:12px}.phrase-result-list button.selected{background:#f0ebff;color:#6250a9}.phrase-result-list small{white-space:nowrap;color:#9894a6;font-size:10px}
.candidate-range{border:1px solid #e9e5f0;border-radius:10px;padding:15px;margin:12px 0;font-size:13px}.candidate-range>div{display:flex;gap:10px;margin-top:10px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1040px){.workspace>.inspector{position:static}.inspector-phrase{grid-column:1/-1}}
@media(max-width:730px){.phrase-workbench{padding:16px}.workbench-nav select{font-size:13px}.phrase-workbench .align-inputs{grid-template-columns:1fr auto}.difference-summary{grid-template-columns:1fr 1fr}.difference-summary>div:last-child{grid-column:1/-1}.workbench-actions .btn{padding:10px;font-size:11px}.phrase-result-list button{align-items:flex-start;flex-direction:column;gap:5px}}