@font-face{font-family:ManuscriptSerif;src:local('Georgia')}*{box-sizing:border-box} :root{--paper:var(--surface);--muted:var(--ink-3);--soft:var(--surface-2);--olive:var(--accent);--olive-dark:var(--accent);--olive-soft:var(--accent-soft);--red:var(--danger);--amber:var(--gold);--font:var(--font-ui)}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.5}button,input,textarea,select{font:inherit}button,a,input,textarea,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);border-radius:7px;padding:9px 13px;background:var(--paper);color:var(--ink);font-weight:550;transition:background .15s,border-color .15s}button:hover{background:var(--soft);border-color:var(--line-2)}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button[aria-pressed=true]{background:var(--olive-soft);border-color:var(--olive);color:var(--olive-dark)}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}h1,h2{font-family:var(--font-display)}input,select,textarea{border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);padding:8px 10px;max-width:100%;min-width:0}textarea{resize:vertical;width:100%}input[type=checkbox]{accent-color:var(--olive);height:16px;width:16px;flex-shrink:0}label{font-size:12px;font-weight:600;display:block}small,.micro{font-size:11px;color:var(--muted);line-height:1.55}.primary{background:var(--olive);border-color:var(--olive);color:var(--on-accent)}.primary:hover{background:var(--olive-dark);border-color:var(--olive-dark)}.secondary{background:var(--paper)}.quiet,.text-button{background:transparent}.quiet{border-color:transparent}.text-button{border:0;padding:6px 3px;color:var(--olive);font-size:12px}.text-button:hover{background:transparent;color:var(--olive-dark);text-decoration:underline}.small{font-size:12px;padding:6px 10px}.icon-button{padding:4px 9px;font-size:21px;border:0;background:transparent;line-height:1.2}.row{display:flex;gap:7px;align-items:center;flex-wrap:wrap}[hidden]{display:none!important}.masthead{height:83px;padding:0 5.5%;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:50px;background:var(--surface)}.home-link{display:flex;align-items:center;gap:13px}.monogram{font-family:var(--font-display);font-size:35px;font-style:italic;letter-spacing:-3px;color:var(--olive);border-right:1px solid var(--line);padding-right:20px}.site-name{font-size:10px;letter-spacing:1.4px;font-weight:650}.site-name>span{display:block;font-size:8px;letter-spacing:1.65px;font-weight:450;color:var(--muted);margin-top:4px}.masthead nav{display:flex;align-items:center;gap:29px;font-size:12px;color:var(--muted)}.masthead nav a:hover{color:var(--olive)}.nav-current{color:var(--olive);border-bottom:2px solid var(--olive);padding:30px 0}.connection{margin-left:auto;font-size:11px;display:flex;align-items:center;gap:8px}.dot{display:inline-block;width:7px;height:7px;background:var(--ink-3);border-radius:50%}.dot.ready{background:var(--accent)}.dot.off{background:var(--green)}main{max-width:1512px;margin:auto;padding:45px 5.5% 22px}.intro{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:33px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.8px;color:var(--muted);margin-bottom:8px}h1{font-size:48px;line-height:1.2;letter-spacing:-1.8px;display:flex;align-items:center;gap:17px}.beta{font-family:var(--font);font-size:8px;letter-spacing:1.4px;background:var(--surface-2);border:1px solid var(--line);padding:5px 7px;border-radius:4px;color:var(--ink-3)}.lede{font-family:var(--font-display);font-size:23px;color:var(--ink-2);margin-top:10px;letter-spacing:-.25px}.intro-detail{color:var(--muted);font-size:12px;margin-top:6px}.intro-actions{display:flex;flex-direction:column;align-items:center;gap:8px}.intro-actions>.secondary{padding:10px 16px;font-size:12px}.intro-actions>.secondary span{margin-left:14px}.workflow{display:flex;align-items:center;gap:30px;padding:16px 0 18px;border-top:1px solid var(--line);font-size:11px}.step{color:var(--muted);display:flex;align-items:center;gap:9px}.step b{font-size:9px;background:var(--soft);border:1px solid var(--line);border-radius:50%;height:25px;width:25px;display:grid;place-items:center;font-weight:500}.step.active{color:var(--olive-dark);font-weight:600}.step.active b{background:var(--olive-soft);border-color:var(--line-2);color:var(--olive)}.workflow-note{font-size:10px;color:var(--muted);margin-left:auto}.workspace{display:grid;grid-template-columns:minmax(300px, .85fr) minmax(0,1.6fr);align-items:start;gap:20px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 3px 12px #2f382203}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:22px 24px 18px}.panel-heading .eyebrow{font-size:8px;margin-bottom:4px}h2{font-size:24px;letter-spacing:-.5px}.count{font-size:10px;color:var(--muted);white-space:nowrap}.source-panel{padding-bottom:0}.dropzone{margin:0 20px 20px;text-align:center;padding:24px 12px 20px;border:1.5px dashed var(--line-2);border-radius:8px;background:var(--surface-2);transition:background .2s}.dropzone.dragging{background:var(--olive-soft);border-color:var(--olive)}.paper-icon{display:block;margin:0 auto 10px}.dropzone h3{font-family:var(--font-display);font-size:22px;margin-bottom:8px}.dropzone p{color:var(--muted);font-size:12px;line-height:1.65;margin-bottom:17px}.dropzone .primary{display:block;margin:0 auto 5px;padding:10px 21px;font-size:12px}.dropzone .primary span{margin-left:14px}.dropzone small{display:block;font-size:9px;margin-top:10px}.transcription-options{padding:0 22px 19px}.transcription-options label{font-size:11px;margin-bottom:7px}.optional{font-size:8px;letter-spacing:.8px;color:var(--ink-3);font-weight:450;margin-left:8px}.transcription-options textarea{font-size:11px;min-height:66px;background:var(--surface);margin-bottom:8px}.transcription-options select{width:100%;font-size:11px;margin-bottom:12px}.transcribe{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-size:12px}.privacy-note{font-size:9px;color:var(--muted);line-height:1.65;margin-top:10px}.capture-tip{background:var(--surface-2);border-top:1px solid var(--line);padding:15px 23px;display:flex;gap:11px;align-items:start}.capture-tip>span{font-size:19px;color:var(--olive)}.capture-tip p{font-size:10px;line-height:1.7;color:var(--muted)}.capture-tip strong{color:var(--olive-dark);font-weight:600}.badge{font-size:8px;letter-spacing:1px;color:var(--muted);background:var(--soft);padding:5px 8px;border-radius:4px;white-space:nowrap}.badge.draft{color:var(--amber);background:var(--warn-bg)}.badge.demo{color:var(--olive);background:var(--olive-soft)}.score-panel{min-height:720px}.score-empty{min-height:630px;position:relative;text-align:center;padding:64px 20px 84px}.empty-score{position:relative;width:72%;max-width:335px;margin:0 auto 40px;opacity:.56}.empty-score div{height:7px;border-top:1px solid var(--line)}.empty-score div:nth-of-type(6){margin-top:35px}.empty-clef{position:absolute;left:8px;top:-22px;font-family:var(--font-display);color:var(--ink-2);font-size:56px;line-height:1.3}.empty-clef.bass{font-size:39px;top:60px}.score-empty h3{font-family:var(--font-display);font-size:25px;letter-spacing:-.4px;color:var(--ink-2);margin-top:12px}.score-empty p{font-size:12px;color:var(--ink-3);margin:14px 0 21px;line-height:1.8}.score-empty>.text-button{font-size:11px}.empty-bottom{position:absolute;left:26px;right:26px;bottom:26px;border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-around;gap:15px;font-size:7px;letter-spacing:1px;color:var(--ink-3)}.page-tabs{display:flex;gap:6px;overflow-x:auto;padding:0 20px}.page-tabs:empty{display:none}.page-tabs button{font-size:10px;margin-bottom:10px;white-space:nowrap}.image-tools{display:flex;gap:5px;padding:0 20px 10px}.image-tools button{font-size:11px;padding:5px 9px}.image-tools .icon-button{margin-left:auto;font-size:20px}.canvas-wrap{margin:0 16px;background:var(--surface-2);border:1px solid var(--line);line-height:0;max-height:600px;overflow:auto;border-radius:5px}.canvas-wrap canvas{width:100%;height:auto;display:block;touch-action:pan-y}.canvas-wrap.cropping canvas{touch-action:none;cursor:crosshair}#crop-help{margin:0 20px 10px}#crop-actions{padding:9px 20px}.source-footer{display:flex;align-items:center;justify-content:space-between;padding:5px 20px 17px;gap:9px}.source-footer>span{font-size:9px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:65%}.source-footer button{white-space:nowrap;font-size:10px}.job-status{font-size:11px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--olive);margin-top:12px}.job-status .text-button{font-size:10px}.spinner{width:13px;height:13px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--olive);animation:spin 1s linear infinite}.job-status.paused .spinner{animation:none;border-color:var(--green)}@keyframes spin{to{transform:rotate(360deg)}}.score-meta{display:flex;gap:10px;padding:0 24px 15px}.score-meta label{flex:1;font-size:10px;font-weight:450;color:var(--muted)}.score-meta input{display:block;width:100%;font-size:12px;margin-top:4px}.score-meta .tempo{flex:0 0 63px}.score-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 22px;display:flex;align-items:center;justify-content:space-between;gap:7px;background:var(--surface)}.score-toolbar .row{gap:3px}.score-toolbar .micro{font-size:9px;margin-left:3px}.notation-paper{padding:10px 16px 15px;background:white;min-height:210px;max-height:530px;overflow:auto;position:relative}.notation-paper svg{max-width:none}#notation-error{font-size:12px;margin:10px}#notation{min-width:300px}.review-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 11px;border-top:1px solid var(--line)}.review-heading h3,.export-area h3{font-family:var(--font-display);font-size:20px;letter-spacing:-.3px}.review-heading p{font-size:10px;margin-top:3px}.measure-tabs{display:flex;gap:5px;padding:0 24px 15px;overflow-x:auto}.measure-tabs button{min-width:36px;font-size:11px;padding:6px 9px;position:relative;white-space:nowrap}.measure-tabs button.needs-check::after{content:'';position:absolute;right:3px;top:3px;width:4px;height:4px;background:var(--warn-line);border-radius:50%}.measure-tabs button.reviewed{color:var(--olive)}.measure-editor{margin:0 24px 18px;border:1px solid var(--line);border-radius:7px;background:var(--surface)}.measure-options{display:flex;flex-wrap:wrap;gap:7px;padding:12px;align-items:end;border-bottom:1px solid var(--line)}.measure-options label{font-size:9px;color:var(--muted);font-weight:450}.measure-options input,.measure-options select{display:block;font-size:11px;padding:5px 6px;margin-top:4px;height:30px}.measure-options .numerator{width:47px}.measure-options .key-select{max-width:105px}.measure-options .pickup-label{display:flex;align-items:center;gap:5px;padding-bottom:4px}.measure-options .pickup-label input{height:14px}.measure-options .pickup-length{width:77px}.event-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:10px}th{font-weight:450;color:var(--muted);font-size:9px;padding:7px 5px;background:var(--surface-2);white-space:nowrap}td{padding:6px 4px;border-bottom:1px solid var(--line)}td:first-child,th:first-child{padding-left:12px}td input,td select{padding:5px 4px;border-color:var(--line);background:var(--paper);font-size:11px;width:100%;border-radius:4px;height:29px}td.pitch{min-width:103px}td.rhythm{min-width:82px}td.start{width:58px;min-width:53px}td.hand{min-width:63px}td.voice{width:42px;min-width:42px}td.more{width:29px}td.more button{font-size:15px;padding:1px 6px;border:0;background:transparent}tr.uncertain td{background:var(--warn-bg)}tr.selected td{background:var(--accent-soft)}.event-details{padding:10px 12px;display:flex;align-items:end;flex-wrap:wrap;gap:9px;border-bottom:1px solid var(--line);background:var(--accent-soft)}.event-details label{font-size:9px;color:var(--muted);font-weight:500}.event-details input,.event-details select{display:block;font-size:11px;padding:5px 7px;margin-top:4px}.event-details input[type=number]{width:57px}.event-details .check-label{padding-bottom:4px}.event-details .check-label input{display:inline;margin:0;height:15px}.event-details .event-comment{width:100%;font-size:10px;color:var(--amber)}.measure-actions{display:flex;justify-content:space-between;padding:8px 12px;align-items:center;flex-wrap:wrap;gap:8px}.check-label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:450}.measure-actions .check-label{font-size:10px}.measure-actions .text-button{font-size:10px}.measure-error{padding:8px 12px;color:var(--red);font-size:11px}.event-help{padding:0 12px 10px;font-size:9px;color:var(--muted)}.issues-details{margin:0 24px 20px;border-top:1px solid var(--line);padding-top:10px;font-size:11px}.issues-details summary{color:var(--amber);cursor:pointer;font-size:11px}.issue{padding:7px 0;border-bottom:1px solid var(--line);font-size:10px;display:flex;align-items:start;gap:8px}.issue .issue-link{flex-shrink:0;padding:0;color:var(--olive);font-size:10px;border:0;background:none;text-decoration:underline}.issue.error{color:var(--red)}.issue.note{color:var(--muted)}.export-area{background:var(--accent-soft);border-top:1px solid var(--line);padding:22px 24px}.export-area>div>p{font-size:10px;color:var(--muted);margin-top:6px}.export-area .check-label{margin-top:15px;font-size:10px}.export-buttons{display:flex;gap:8px;margin-top:14px}.export-buttons button{font-size:12px}.export-buttons .primary{padding:10px 14px}.export-buttons .primary span{font-size:7px;font-weight:400;letter-spacing:1px;margin-left:15px;opacity:.7}.export-area>.micro{margin-top:10px;font-size:9px}.draft-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 3px 23px;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted)}.draft-bar>div{display:flex;gap:18px}.draft-bar button{font-size:10px}.draft-bar .dot{height:5px;width:5px;margin-right:7px;background:var(--accent)}footer{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:20px;font-size:8px;color:var(--ink-3)}footer>span{letter-spacing:1.2px}.footer-dot{margin:0 7px}footer p{font-size:9px}.message{padding:12px 15px;border-radius:6px;border:1px solid var(--green-soft);background:var(--accent-soft);color:var(--accent);font-size:12px;line-height:1.55;margin-bottom:15px}.message.error{background:var(--danger-soft);border-color:var(--danger);color:var(--red)}dialog{width:min(550px,calc(100% - 28px));border:1px solid var(--line);border-radius:13px;background:var(--paper);color:var(--ink);padding:27px;box-shadow:0 20px 120px #252d243b;max-height:90vh}dialog::backdrop{background:#272e254f;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:19px;gap:15px}dialog p{font-size:12px;color:var(--muted);line-height:1.7;margin:10px 0}dialog h2{font-size:29px}dialog label{margin-top:18px;margin-bottom:6px}dialog input{width:100%;font-size:12px}dialog .micro{font-size:10px;margin:6px 0 17px}dialog details{font-size:11px;margin-top:25px;border-top:1px solid var(--line);padding-top:15px}dialog summary{cursor:pointer;color:var(--olive)}dialog li{margin:10px 0;font-size:12px;line-height:1.7;color:var(--muted)}code{font-size:11px;background:var(--soft);padding:2px 4px}.help-steps{padding-left:22px}.help-steps strong{color:var(--olive-dark)}.help-note{background:var(--soft);padding:16px;border-radius:7px;font-size:12px}.help-note p{font-size:11px}.help-steps p{margin:3px 0 15px}
@media(min-width:1550px){main{padding-left:65px;padding-right:65px}.masthead{padding:0 max(65px,calc((100vw - 1382px)/2))}}@media(max-width:1100px){main{padding:32px 3% 20px}.masthead{padding:0 3%;gap:35px}.workspace{grid-template-columns:minmax(280px,.85fr) minmax(0,1.4fr);gap:15px}.panel-heading{padding:19px 18px 16px}.panel-heading h2{font-size:22px}.badge{font-size:7px;letter-spacing:.7px}.score-meta{padding:0 18px 15px}.measure-editor{margin-left:15px;margin-right:15px}.review-heading{padding-left:18px;padding-right:18px}.score-toolbar{padding-left:15px;padding-right:15px}.score-toolbar .micro{display:none}.workflow{gap:23px}.workflow-note{font-size:9px}}@media(max-width:820px){.workspace{grid-template-columns:1fr}.intro{margin-bottom:25px}h1{font-size:44px}.intro-actions{display:none}.workflow-note{display:none}.source-panel .dropzone{padding:20px}.paper-icon{width:85px;height:95px}.score-panel{min-height:570px}.score-empty{min-height:480px;padding-top:50px}.canvas-wrap{max-height:500px}.masthead nav{gap:20px}.site-name{display:none}.masthead{height:66px;gap:23px}.nav-current{padding:21px 0}.monogram{font-size:31px;padding-right:17px}.score-meta{padding:0 18px 15px}.score-toolbar .micro{display:inline}.score-panel .badge{font-size:8px}.intro-detail{max-width:330px}.workflow{justify-content:space-between}.source-panel{max-width:none}.notation-paper{max-height:480px}.source-panel .transcription-options{padding-top:3px}footer{align-items:start}footer p{max-width:190px;text-align:right}.draft-bar{align-items:start}.draft-bar>div{gap:10px}.draft-bar>span{font-size:9px;max-width:130px}}@media(max-width:420px){main{padding:28px 12px 18px}.masthead{padding:0 15px;gap:15px}.masthead nav{font-size:10px;gap:13px}.connection{padding:5px 0;font-size:9px}.connection .dot{width:5px;height:5px}.monogram{padding-right:13px}.workflow{gap:10px;font-size:9px}.step{gap:5px}.step b{height:23px;width:23px}.lede{font-size:21px}.beta{font-size:7px;padding:4px 5px;letter-spacing:.8px}h1{font-size:40px;gap:12px}.score-meta{gap:7px}.score-meta label:nth-child(2){flex:.85}.score-toolbar{padding:10px 12px}.score-toolbar .micro{display:none}.panel-heading{padding:18px 16px}.panel-heading h2{font-size:22px}.draft-bar{display:block}.draft-bar>span{max-width:none}.draft-bar>div{margin-top:8px;justify-content:space-between}.empty-bottom{font-size:6px;letter-spacing:.4px}.score-empty h3{font-size:22px}.export-area{padding:20px 17px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.spinner{animation:none}}