:root{--bg: #f6f0e4;--panel: #fffdf8;--border: #ddd2bd;--text: #262019;--muted: #8a7d68;--text-muted: #756a56;--accent: #b4531f;--accent-strong: #9c4517;--hover: #f1e8d6;--danger: #b91c1c;--ok: #3e6b3a}@font-face{font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/inter-latin.woff2) format("woff2")}.wordmark{font-family:var(--font-display);font-style:italic;font-weight:400}.wordmark b{font-weight:400;color:var(--accent)}.voice{font-family:var(--font-display);font-style:italic}:root{--field-border: #958770;--divider-line: #756a56;--accent-soft: #f6e3d3;--select-rgb: 40, 105, 131;--select: rgb(var(--select-rgb));--select-wash: rgba(var(--select-rgb), .16);--unwritten-rgb: 94, 64, 157;--unwritten-alpha: .62;--unwritten: rgba(var(--unwritten-rgb), var(--unwritten-alpha));--proposal-wash: rgba(var(--unwritten-rgb), .12);--play: #ad8301;--anchor: #7a1f3d;--staff-ink: #000000;--danger-soft: #f8e6e0;--notice: #b45309;--dim-disabled: .4;--dim-resting: .65;--chat-rail: 12px;--tools-fade: 28px;--font-display: var(--font-sheet);--text-soft: #4c4234;--ok-strong: #33582f;--group-bg: #f3ecdd;--island-rule: #e8dfcc;--bar-hover: #443a2e;--bar-line: #55493a;--review-ink: #6d4a1f;--backdrop: rgb(38 32 25 / .4);--font-ui: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-xs: 11px;--fs-sm: 12px;--fs-base: 13px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 20px;--lh-tight: 1.3;--lh-body: 1.45;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--radius-paper: 4px;--radius-key: 5px;--radius-sm: 6px;--radius-control: 7px;--radius-button: 8px;--radius-md: 10px;--radius-bubble: 11px;--radius-card: 12px;--radius-lg: 14px;--radius-xl: 18px;--radius-round: 50%;--radius-pill: 999px;--h-sm: 28px;--h-md: 32px;--h-lg: 36px;--elev-1: 0 1px 3px rgb(80 60 20 / .1), 0 8px 24px rgb(80 60 20 / .12);--elev-2: 0 2px 6px rgb(80 60 20 / .1), 0 18px 44px rgb(80 60 20 / .16);font-family:var(--font-ui)}*{box-sizing:border-box}html{overflow:hidden}body{margin:0;background:var(--bg);color:var(--text)}button{font:inherit;color:inherit;cursor:pointer}:where(button,input,textarea,select):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mode-pill :focus-visible,.words-field :focus-visible,.mode-switch :focus-visible,.library-entry:focus-visible,.agent-review-bars :focus-visible{outline-offset:-2px}button:disabled,input:disabled,select:disabled{opacity:var(--dim-disabled);cursor:default}.app{height:100vh;height:100dvh;display:flex;flex-direction:column;padding:0 var(--sp-3) var(--sp-3);gap:var(--sp-2)}.sidebar,.palette,.agent,.row-menu,.foot-menu,.compact-tabs{background:var(--panel);border:1px solid var(--border);box-shadow:var(--elev-1)}.palette,.row-menu,.foot-menu{box-shadow:var(--elev-2)}.topbar{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto auto;grid-template-areas:"brand transport island modes help assistant";align-items:center;column-gap:var(--sp-2);margin:0 calc(-1 * var(--sp-3));padding:var(--sp-1) var(--sp-3);background:var(--panel);border-bottom:1px solid var(--border)}.topbar>.brand{grid-area:brand}.topbar>.transport{grid-area:transport}.topbar>.mode-pill{grid-area:modes}.topbar>.help-button{grid-area:help}.topbar>.assistant-toggle{grid-area:assistant}.topbar-tools,.topbar-tools .controls{display:contents}.chips{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);flex-wrap:wrap}.island{grid-area:island;display:flex;align-items:center;gap:2px;flex-wrap:wrap;justify-content:center;scroll-padding-inline:var(--tools-fade)}.brand{display:inline-flex;align-items:center;gap:var(--sp-2);flex:none}.logo{width:30px;height:30px;display:block}.wordmark{font-size:var(--fs-xl)}.file-button{font-size:var(--fs-base);color:var(--text-soft);padding:var(--sp-1) var(--sp-2);background:none;border:none;border-radius:var(--radius-control);cursor:pointer}.file-button:hover{background:var(--hover)}.file-button.disabled,.file-button.disabled:hover{opacity:var(--dim-disabled);cursor:default;background:none}.file-button input[type=file]{width:1px;height:1px;opacity:0;position:absolute}.file-button:has(:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.mode-pill{display:inline-flex;flex:none;border:1px solid var(--border);border-radius:var(--radius-pill);overflow:hidden;background:var(--panel)}.mode-pill button{display:inline-flex;align-items:center;gap:var(--sp-1);height:var(--h-sm);line-height:1;font-size:var(--fs-sm);padding:0 var(--sp-3);color:var(--text-muted);background:none;border:none;white-space:nowrap}.mode-pill button.active{background:var(--text);color:var(--bg)}.editor-msg.report{display:grid;grid-template-columns:14px 1fr;column-gap:var(--sp-2);white-space:normal}.editor-msg.report:before{content:"▤"}.editor-msg.report:before,.import-notice .import-notice-summary{align-self:baseline}.editor-msg.report>*{grid-column:2}.import-notice b{font-weight:500;color:var(--text)}.import-notice .import-notice-summary{display:flex;align-items:center;gap:6px;width:100%;padding:0;border:none;background:none;color:inherit;font:inherit;text-align:left}.import-notice .import-notice-summary svg{flex:none;transition:transform .12s ease}.import-notice .import-notice-summary svg.open{transform:rotate(180deg)}.import-notice-label{margin:var(--sp-1) 0 0;font-size:var(--fs-xs);font-weight:600;letter-spacing:.02em}.import-notice ul{margin:var(--sp-1) 0 0;padding-left:var(--sp-4);list-style:disc}.import-notice li{margin:1px 0}.import-notice-ask{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3)}.import-notice-ask p{margin:0}.sidebar{position:relative;width:var(--library-w);flex:none;display:flex;flex-direction:column;min-height:0;border-radius:var(--radius-card);padding:var(--sp-3)}.sidebar.folded{align-items:center;gap:var(--sp-1);padding:var(--sp-2) 0}.rail-button{width:var(--h-md);height:var(--h-md);display:grid;place-items:center;padding:0;border:none;border-radius:var(--radius-round);background:none;color:var(--text-soft)}.rail-button:hover:not(:disabled,.disabled){background:var(--hover)}.rail-export{position:relative}.foot-menu.rail-menu{top:0;bottom:auto;left:calc(100% + var(--sp-3));right:auto;width:max-content}.sidebar-pill-row{display:flex;justify-content:flex-start;padding:0 2px var(--sp-2)}.sidebar-pill{height:var(--h-sm);font-size:var(--fs-sm);padding:0 var(--sp-3);background:var(--accent);color:var(--panel);border:none;border-radius:var(--radius-pill)}.sidebar-pill:hover:not(:disabled){background:var(--accent-strong)}.library-actions{display:flex;flex-direction:column;gap:2px;padding-bottom:var(--sp-2);margin-bottom:var(--sp-2);border-bottom:1px solid var(--border)}.library-fold{align-self:flex-start;margin:calc(var(--sp-2) - var(--sp-3)) 0 0 calc((var(--library-rail) - 2px - var(--h-md)) / 2 - var(--sp-3))}.library-action{width:100%;display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-base);padding:var(--sp-2);background:none;border:none;border-radius:var(--radius-button);color:var(--text)}.library-action:hover:not(:disabled,.disabled){background:var(--hover)}.library-new-mark{flex:none;width:20px;height:20px;display:grid;place-items:center;border-radius:var(--radius-round);background:var(--accent);color:var(--panel)}.library-new-mark .control-glyph{width:14px;height:14px}.library-new-mark g{stroke-width:2.6}.library-new .library-action-name{font-weight:600}.library-heading{font-size:var(--fs-xs);color:var(--text-muted);padding:var(--sp-2) var(--sp-2) var(--sp-1)}.library-export{position:relative}.foot-menu.export-menu{top:calc(100% + 2px);bottom:auto}.library-list{list-style:none;margin:0;padding:0;flex:1;overflow-y:auto;overflow-x:visible;min-height:0}.library-list li{position:relative}.library-list li:has(.row-menu){z-index:1}.library-entry{width:100%;display:block;text-align:left;font-size:var(--fs-base);padding:var(--sp-2) 30px var(--sp-2) var(--sp-2);background:none;border:none;border-radius:var(--radius-button)}.library-entry:hover:not(:disabled,[aria-current]){background:var(--hover)}li.current .library-entry{background:var(--accent-soft);cursor:default}li.current .library-entry-name{font-weight:600}.library-entry-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-entry-actions{opacity:0;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.library-list li:hover .library-entry-actions,.library-list li:focus-within .library-entry-actions{opacity:var(--dim-resting)}.library-list li .library-entry-actions:hover,.library-list li .library-entry-actions:has(:focus-visible){opacity:1}.library-entry-rename{width:100%;font:inherit;font-size:var(--fs-base);padding:7px var(--sp-2);border:1px solid var(--accent);border-radius:var(--radius-button);background:var(--panel);color:var(--text)}.row-kebab{width:24px;height:24px;display:grid;place-items:center;padding:0;background:none;border:none;border-radius:var(--radius-sm);color:var(--text)}.row-kebab:hover{background:var(--hover);color:var(--text)}.row-menu{position:absolute;top:calc(100% + 2px);right:0;z-index:30;display:flex;flex-direction:column;min-width:120px;padding:var(--sp-1);border-radius:var(--radius-md)}.row-menu button{text-align:left;min-height:var(--h-sm);font-size:var(--fs-base);padding:0 var(--sp-2);background:none;border:none;border-radius:var(--radius-sm)}.row-menu button:hover:not(:disabled){background:var(--hover)}.row-menu-danger{color:var(--danger)}.row-menu-danger:hover:not(:disabled){background:var(--danger-soft)}.sidebar-foot{position:relative;border-top:1px solid var(--border);padding-top:var(--sp-2)}.account-row{width:100%;display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-base);padding:var(--sp-1) var(--sp-2);background:none;border:none;border-radius:var(--radius-button)}.account-row:hover{background:var(--hover)}.account-initial{flex:none;width:22px;height:22px;display:grid;place-items:center;border-radius:var(--radius-round);background:var(--accent-soft);color:var(--accent-strong);font-size:var(--fs-xs);font-weight:600}.account-row-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-kebab .kebab{transform:rotate(90deg)}.account-row .chevron,.library-action .chevron{margin-left:auto;color:var(--muted);transition:transform .12s ease}.account-row .chevron{transform:rotate(180deg)}.account-row .chevron.open{transform:none}.library-action .chevron.open{transform:rotate(180deg)}.foot-menu{position:absolute;bottom:calc(100% + var(--sp-1));left:0;right:0;z-index:30;display:flex;flex-direction:column;gap:2px;padding:var(--sp-1);border-radius:var(--radius-card)}.foot-menu-email{padding:var(--sp-1) var(--sp-2) var(--sp-2);margin-bottom:2px;border-bottom:1px solid var(--island-rule);font-size:var(--fs-sm);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.foot-menu button{display:flex;align-items:center;width:100%;min-height:var(--h-sm);text-align:left;font-size:var(--fs-base);padding:0 var(--sp-2);background:none;border:none;border-radius:var(--radius-sm);color:var(--text)}.foot-menu button:hover:not(:disabled){background:var(--hover)}.export-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.staff-header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:center;align-items:flex-start;z-index:5;pointer-events:none}.staff-header>*{pointer-events:auto}.piece-title-block{--line-pad-x: var(--sp-2);display:flex;flex-direction:column;flex:1;min-width:0;pointer-events:none}.piece-title-block>*{pointer-events:auto}.piece-title{align-self:center;max-width:100%;margin:0;font-family:var(--font-sheet);font-weight:500;letter-spacing:.3px}.piece-composer{align-self:flex-end;color:var(--text-muted);font-family:var(--font-sheet);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smufl-run{font-family:Bravura,Segoe UI Symbol,serif;line-height:0;position:relative}.piece-line-button{font:inherit;color:inherit;letter-spacing:inherit;background:none;border:none;padding:0 var(--line-pad-x);border-radius:var(--radius-button);display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.piece-line-button:hover{background:var(--hover)}.piece-composer.piece-line-pressable{margin-right:calc(-1 * var(--line-pad-x));max-width:calc(100% + var(--line-pad-x))}.piece-line-edit{display:grid;grid-template-columns:minmax(0,auto)}.piece-line-mirror,.piece-line-field{grid-area:1 / 1;font:inherit;letter-spacing:inherit}.piece-line-mirror{visibility:hidden;white-space:pre;overflow:hidden}.piece-line-field{box-sizing:border-box;width:0;min-width:100%;height:100%;padding:0;border:none;outline:none;box-shadow:inset 0 -1px 0 var(--accent);background:none;color:var(--text)}.piece-title>.piece-line-field{text-align:center}.piece-composer>.piece-line-field{text-align:right;color:var(--text-muted)}.controls{display:flex;justify-content:center;align-items:center;gap:var(--sp-2);flex-wrap:wrap;min-width:0}.chip-group{position:relative}.chip{display:inline-flex;align-items:center;gap:var(--sp-1);height:var(--h-sm);font-size:var(--fs-sm);color:var(--text-soft);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-pill);padding:0 var(--sp-3);white-space:nowrap}.chip:hover:not(:disabled){border-color:var(--accent)}.chip.armed{background:var(--accent);border-color:var(--accent);color:var(--panel);font-weight:600}.chip.armed .acc{color:var(--panel)}.chip[aria-expanded=true]:not(.armed){background:var(--hover);border-color:var(--accent)}.chip-caret{color:var(--muted);display:inline-flex;transition:transform .12s ease}.chip[aria-expanded=true] .chip-caret{transform:rotate(180deg)}.chip.armed .chip-caret{color:var(--accent-soft)}.chip-face .note-glyph{display:inline-block;vertical-align:middle}.chip.armed .key-cap{color:var(--panel);border-color:var(--accent-soft)}.face-text{display:inline-block;max-width:4.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-search{width:100%;margin-bottom:var(--sp-2);padding:var(--sp-1) var(--sp-2);border:1px solid var(--field-border);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font:inherit;font-size:var(--fs-sm)}.palette-search::placeholder{color:var(--text-muted)}.palette-search::-webkit-search-cancel-button,.commands-search::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background-color:var(--text-muted);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 4l8 8M12 4l-8 8' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;cursor:pointer}.palette-section+.palette-section{margin-top:2px}.palette-section-title,.agent-intro .agent-examples-label{margin:0;font-size:var(--fs-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.palette-family+.palette-family{margin-top:var(--sp-3)}.palette-family-head{display:flex;align-items:center;gap:var(--sp-2);margin:0 0 var(--sp-1);min-height:20px}.palette-family-title{margin:0 auto 0 0;font-size:var(--fs-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.palette-grid.marks{grid-template-columns:repeat(7,40px);gap:var(--sp-1)}.palette-grid.marks.levels{grid-template-columns:repeat(4,1fr)}.palette-grid.marks.accents{grid-template-columns:repeat(5,1fr)}.palette-grid.marks .row-start{grid-column-start:1}.marks-sheet{width:304px}.marks-sheet .palette-grid button{border-color:transparent;background:transparent}.marks-sheet .palette-grid button.active{border-color:var(--accent);background:var(--accent-soft)}.palette-grid.hairpins{grid-template-columns:repeat(4,1fr);gap:var(--sp-1)}.words-line-ink{display:flex;align-items:baseline;gap:3px;font:italic var(--fs-base) serif}.words-line-dashes{flex:1;margin-bottom:4px;border-top:1.3px dashed currentColor}.palette-grid.hairpins .words-line-ink,.palette-grid.hairpins .note-glyph{width:100%}.palette-kind{margin:var(--sp-2) 0 var(--sp-1);font-size:var(--fs-xs);font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.palette-family-head+.palette-kind{margin-top:2px}.palette-kind+.palette-grid{margin-top:0}.palette-note{font-size:var(--fs-xs);color:var(--text-muted);white-space:nowrap}.palette-more{font-size:var(--fs-lg);letter-spacing:1px;color:var(--text-muted)}.palette-pill{padding:2px var(--sp-2);border:1px solid transparent;border-radius:var(--radius-sm);background:none;color:var(--text-muted);font-size:var(--fs-xs)}.palette-pill:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.words-field{display:flex;align-items:stretch;height:30px;border:1px solid var(--field-border);border-radius:var(--radius-sm);background:var(--panel);overflow:hidden}.words-input{flex:1;min-width:0;padding:0 var(--sp-2);border:none;background:none;color:var(--text);font:inherit;font-size:var(--fs-sm)}.words-input::placeholder{color:var(--text-muted);font-style:italic}.words-go{width:32px;border:none;border-left:1px solid var(--border);background:none;color:var(--text-muted);font-size:var(--fs-base)}.words-go:hover:not(:disabled){color:var(--accent)}.words-go.active{background:var(--accent-soft);color:var(--text)}.score-failed{display:flex;flex-direction:column;justify-content:center;gap:var(--sp-3);height:100%;min-height:240px;padding:var(--sp-5);border-radius:var(--radius-card);background:var(--panel);color:var(--text)}.score-failed h2{margin:0;font-size:var(--fs-xl);font-weight:600}.score-failed p{margin:0;max-width:46ch;color:var(--text-muted);font-size:var(--fs-base);line-height:var(--lh-body)}.score-failed button{align-self:flex-start;height:var(--h-md);font-size:var(--fs-base);padding:0 var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-button);background:var(--panel);color:var(--text)}.score-failed button:hover:not(:disabled){border-color:var(--accent)}.palette-empty{margin:var(--sp-2) 2px 2px;min-width:200px;color:var(--text-muted);font-size:var(--fs-sm)}.palette{position:absolute;--hang-centring: -50%;top:calc(var(--hang-foot, 100%) + 6px);left:var(--hang-centre, 50%);transform:translate(var(--hang-shift, var(--hang-centring)));z-index:30;border-radius:var(--radius-card);padding:var(--sp-3);max-width:calc(100vw - 2 * var(--sp-3));max-height:calc(100vh - var(--hang-foot, 36px) - 6px - var(--sp-3));max-height:calc(100dvh - var(--hang-foot, 36px) - 6px - var(--sp-3));overflow-y:auto}.app:not(.compact) .chip-group>.palette[data-aside]{position:fixed;--hang-foot: var(--chip-foot)}.app:not(.compact) .chip-group>.palette[data-aside=start]{--hang-centre: calc(var(--sheet-left) + var(--sp-2));--hang-shift: 0px}.app:not(.compact) .chip-group>.palette[data-aside=end]{--hang-centre: calc(var(--sheet-right) - var(--sp-2));--hang-shift: -100%}.palette-fade{position:sticky;z-index:1;height:var(--tools-fade);margin-inline:calc(-1 * var(--sp-3));pointer-events:none;visibility:hidden}.palette-fade.top{top:calc(-1 * var(--sp-3));margin-top:calc(-1 * var(--sp-3));margin-bottom:calc(var(--sp-3) - var(--tools-fade));background:linear-gradient(to top,transparent,var(--panel))}.palette-fade.bottom{bottom:calc(-1 * var(--sp-3));margin-top:calc(-1 * var(--tools-fade));background:linear-gradient(to bottom,transparent,var(--panel))}.palette[data-more-before]>.palette-fade.top,.palette[data-more-after]>.palette-fade.bottom{visibility:visible}.chip-group>.palette{scrollbar-width:none}.chip-group>.palette::-webkit-scrollbar{display:none}:is(.note-glyph text,.tempo-unit,.acc,.time-sign,.smufl-run){font-synthesis:none}.tempo-unit{font-family:Bravura,Segoe UI Symbol,serif;font-size:1.25em;line-height:0;margin-right:.34em}.tempo-dot{margin-left:.1em}.acc{font-family:Bravura,Segoe UI Symbol,serif;font-size:1.35em;line-height:0;position:relative}.acc-sharp,.acc-natural{top:-.22em}.acc-flat{top:-.18em}.time-sign{font-family:Bravura,Segoe UI Symbol,serif;font-size:1.6em;line-height:0;position:relative;top:-.21em}.acc,.time-sign{pointer-events:none}.palette-grid{display:grid;gap:var(--sp-1)}.palette-grid+.palette-grid{margin-top:var(--sp-2)}.palette-grid.meters{grid-template-columns:repeat(4,minmax(52px,1fr))}.palette-grid.keys{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));width:min(410px,calc(100vw - 48px))}.palette-grid button.with-preview{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px var(--sp-2) 5px;font-size:var(--fs-sm)}.keysig-preview svg{display:block}.mode-switch{display:flex;flex-direction:column;margin:0;padding:0;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--panel);overflow:hidden;align-self:stretch;justify-self:stretch}.palette-grid .mode-switch button{flex:1;border:none;border-radius:0;padding:0 var(--sp-2);font-size:var(--fs-sm);font-weight:600;background:none}.palette-grid .mode-switch button+button{border-top:1px solid var(--border)}.palette-grid .mode-switch button.active{background:var(--accent-soft);color:var(--text)}.option-label{white-space:nowrap}.palette-grid.clefs{grid-template-columns:repeat(4,minmax(52px,1fr))}.palette-grid.clefs button{display:flex;align-items:center;justify-content:center;gap:var(--sp-1);height:var(--h-md)}.palette-grid.marks button{min-width:32px;height:var(--h-md);padding:0 var(--sp-1)}.palette-grid button,.palette-row button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--h-md);font-size:var(--fs-base);padding:var(--sp-1) var(--sp-2);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-control);white-space:nowrap}.palette-grid button:hover:not(:disabled),.palette-row button:hover:not(:disabled){border-color:var(--accent)}.palette-grid button.active,.palette-row button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--text);font-weight:600}.palette-grid button.in-force,.words-go.in-force{box-shadow:inset 0 -3px 0 var(--accent)}.palette-row{display:flex;align-items:center;gap:var(--sp-2);white-space:nowrap}.palette-section.labelled{--palette-label: 64px;display:flex;flex-direction:column;gap:var(--sp-2)}.palette-section.labelled+.palette-section{margin-top:var(--sp-3)}.palette-label{flex:none;width:var(--palette-label);margin:0;font-size:var(--fs-base);font-weight:400;color:var(--text-muted)}.palette-section.labelled input{height:var(--h-md);padding-block:0}.palette-section.labelled input[type=number]{width:44px}.palette-row.halves{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.palette-half{display:flex;align-items:center;gap:var(--sp-2);min-width:0}.palette-row button.tuplet-derived{min-width:36px;padding:0 var(--sp-2);border-style:dashed}.palette-row.tempo-line{contain:inline-size;align-items:flex-start}.tempo-line>.palette-label{line-height:var(--h-md)}.app.compact.phone .tempo-line>.palette-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tempo-fields{display:flex;flex:1;flex-wrap:wrap;align-items:center;gap:var(--sp-2);min-width:0}.tempo-entry{display:flex;align-items:center;gap:var(--sp-2);min-width:0}.palette-row .tempo-show{height:var(--h-md);padding:0 var(--sp-2) 0 7px;font-size:var(--fs-base)}.palette-section.labelled .tempo-show input{height:auto}.palette-row .words-field.tempo-field{flex:0 1 auto;min-width:0;height:var(--h-md);border-radius:var(--radius-control)}.palette-section.labelled .tempo-field input.words-input.tempo-text{width:auto;min-width:84px;field-sizing:content;height:100%;padding:0 var(--sp-2);border:none;border-radius:0;background:none}.palette-row .tempo-field button.words-go{min-height:0;height:100%;padding:0;border:none;border-left:1px solid var(--border);border-radius:0;background:none}.palette-row .tempo-field button.words-go.active{background:var(--accent-soft)}.voice-switch{display:inline-flex;height:var(--h-md);margin:0;padding:2px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--panel)}.palette-row .voice-switch button{min-height:0;height:100%;padding:0 var(--sp-3);border:none;border-radius:var(--radius-pill);background:none;color:var(--text-muted)}.palette-row .voice-switch button:hover:not(:disabled){background:var(--hover)}.palette-row .voice-switch button.active{background:var(--accent-soft);color:var(--text);font-weight:600}.key-cap{margin-left:var(--sp-2);padding:0 5px;border:1px solid var(--border);border-bottom-width:2px;border-radius:var(--radius-key);font-family:inherit;font-size:var(--fs-xs);color:var(--text-muted)}.palette-rule{border:none;border-top:1px solid var(--border);margin:var(--sp-3) 0}.palette-danger{display:flex;align-items:center;gap:var(--sp-2);height:var(--h-md);font-size:var(--fs-base);padding:0 var(--sp-3);background:none;border:1px solid var(--border);border-radius:var(--radius-button);color:var(--danger)}.palette-danger:hover:not(:disabled){border-color:var(--danger);background:var(--danger-soft)}.palette-row input[type=text]{width:180px}.palette-row input[type=number],.selection-bar-field{width:36px;text-align:center}.island-sep{width:1px;height:22px;background:var(--island-rule);margin:0 5px;flex:none}.tool-button,.transport-button,.compact-menu,.agent-review-bar-actions .icon-button{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-soft)}.tool-button:hover:not(:disabled),.transport-button:hover:not(:disabled),.compact-menu:hover,.agent-review-bar-actions .icon-button:hover{background:var(--hover)}.tool-button{min-width:var(--h-md);height:var(--h-md);padding:0 var(--sp-1);border-radius:var(--radius-button);flex:none}.tool-button.active{background:var(--accent);color:var(--panel)}.tool-button.active:hover:not(:disabled){background:var(--accent-strong)}.tool-button.voice{font-size:var(--fs-base);font-weight:600}.note-glyph{display:block;overflow:visible;pointer-events:none}.control-glyph{display:block;width:20px;height:20px;fill:currentColor}.control-glyph.small{width:16px;height:16px}.editor-msg{display:flex;gap:var(--sp-2);align-items:flex-start;margin:0;padding:1px 2px;font-size:var(--fs-base);line-height:var(--lh-body);color:var(--text-muted);white-space:pre-wrap;overflow-wrap:anywhere}.editor-msg:before{content:"";flex:none;width:14px;text-align:center}.editor-msg.state:before{width:6px;height:6px;margin:6px 4px 0;border-radius:var(--radius-round);background:currentColor;opacity:.8}.editor-msg.error{color:var(--danger)}.editor-msg.error:before{content:"✕"}.editor-msg.notice{color:var(--notice)}.editor-msg.notice:before{content:"✓"}.editor-msg.hint:before{content:"→"}.sheet-floats{position:absolute;left:var(--sp-3);right:var(--sp-3);bottom:var(--sp-3);z-index:25;display:flex;flex-direction:column;align-items:flex-end;gap:var(--sp-2);pointer-events:none}.selection-bar{position:relative;align-self:center;pointer-events:auto;display:flex;justify-content:center;align-items:center;gap:3px;flex-wrap:wrap;width:max-content;max-width:100%;margin:0;padding:var(--sp-1) var(--sp-2);background:var(--text);color:var(--bg);border-radius:var(--radius-pill);font-size:var(--fs-sm);box-shadow:var(--elev-2)}.paper.dragging .selection-bar{pointer-events:none;opacity:.35}.selection-bar-group{display:flex}.selection-bar-palette{position:absolute;top:auto;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);z-index:26;display:flex;flex-direction:column;align-items:stretch;gap:var(--sp-2);padding:var(--sp-2);border-radius:var(--radius-button);white-space:nowrap}.selection-bar-palette-row{display:flex;gap:var(--sp-1);align-items:center}.selection-bar-palette.selection-bar-palette button{box-sizing:border-box;height:var(--h-sm);padding:0 7px;border:none;border-radius:var(--radius-pill);background:var(--hover);color:var(--text)}.selection-bar-palette.selection-bar-palette button:hover:not(:disabled),.check-pill:hover:not(.disabled){background:var(--hover);box-shadow:inset 0 0 0 1px var(--accent)}.check-pill{display:inline-flex;align-items:center;gap:5px;box-sizing:border-box;border-radius:var(--radius-pill);background:var(--hover);color:var(--text);white-space:nowrap}.check-pill input{margin:0;accent-color:var(--accent)}.check-pill.disabled{opacity:var(--dim-disabled);cursor:default}.check-pill.disabled input{opacity:1}.selection-bar-check{height:var(--h-sm);padding:0 7px 0 6px;font-size:var(--fs-sm)}.selection-bar-field{box-sizing:border-box;height:var(--h-sm);padding:0 var(--sp-1);border:1px solid var(--field-border);border-radius:var(--radius-pill);background:var(--panel);color:var(--text);font:inherit;font-size:var(--fs-sm)}.selection-bar-palette.selection-bar-palette button[aria-pressed=true]{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.selection-bar-dismiss{font-size:var(--fs-xs);line-height:1}.selection-bar-sep{width:1px;height:14px;background:var(--bar-line);margin:0 1px}.selection-bar button{height:var(--h-sm);background:none;border:none;color:var(--bg);padding:4px 6px;border-radius:var(--radius-pill);font-size:12.5px;white-space:nowrap}.selection-bar button:hover:not(:disabled){background:var(--bar-hover)}.zoom-level{padding:3px var(--sp-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel);box-shadow:var(--elev-1);color:var(--text);font-size:var(--fs-sm);white-space:nowrap;opacity:0;transition:opacity .3s ease;margin-right:calc(var(--paper-pad-x) + 6px - 12px)}.zoom-level.shown{opacity:1;transition:none}.workspace{display:flex;align-items:stretch;gap:var(--chat-rail);flex:1;min-height:0}.editor-col{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.chat-col{display:flex;flex-shrink:0;width:calc(var(--chat-w) + var(--chat-rail));margin-left:calc(-1 * var(--chat-rail))}.chat-col.hidden{width:var(--chat-rail)}.chat-col.hidden .agent{display:none}.column-divider{position:relative;flex:0 0 var(--chat-rail);cursor:col-resize;touch-action:none}.column-divider.start{position:absolute;top:-1px;bottom:-1px;left:calc(100% + 1px);width:var(--chat-rail)}.column-divider:before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 1px);width:2px;background:var(--divider-line)}.column-divider:after{content:"";position:absolute;top:calc(50% - 16px);left:calc(50% - 2px);width:4px;height:32px;border-radius:var(--radius-pill);background:var(--divider-line);transition:background-color .1s ease-out}.column-divider:hover:after{background:var(--text-soft);transition-delay:.3s}.column-divider:is(.held,:focus-visible):after{background:var(--accent);transition-delay:0s}.column-divider:focus-visible{outline:none}.tab-dot{position:absolute;width:8px;height:8px;border-radius:var(--radius-round);background:var(--accent)}.assistant-toggle .tab-dot{top:-2px;right:-2px}.chat-col .agent{flex:1;min-width:0}.paper{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;background:var(--panel);border-radius:var(--radius-paper);--paper-pad-x: 18px;--paper-pad-y: 14px;padding:var(--paper-pad-y) var(--paper-pad-x);box-shadow:var(--elev-2)}:root[data-scrollbars=room] ::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}:root[data-scrollbars=room] ::-webkit-scrollbar-button{display:none}:root[data-scrollbars=room] ::-webkit-scrollbar-track,:root[data-scrollbars=room] ::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-thumb{border:5px solid transparent;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--muted) 45%,transparent) padding-box}::-webkit-scrollbar-thumb:hover{background:var(--muted) padding-box}.staff-scroll::-webkit-scrollbar{display:none}.sheet-scroll-mark{position:absolute;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--muted) 45%,transparent);touch-action:none}.sheet-scroll-mark:hover{background:var(--muted)}.sheet-scroll-mark:before{content:"";position:absolute}.sheet-scroll-mark.down:before{top:0;bottom:0;left:calc((var(--mark-thick) - var(--paper-pad-x)) / 2);right:calc((var(--mark-thick) - var(--paper-pad-x)) / 2)}.sheet-scroll-mark.across:before{left:0;right:0;top:calc((var(--mark-thick) - var(--paper-pad-y)) / 2);bottom:calc((var(--mark-thick) - var(--paper-pad-y)) / 2)}.sheet-scroll-mark.down{--mark-thick: min(5px, var(--paper-pad-x) - 1px);right:calc((var(--paper-pad-x) - var(--mark-thick)) / 2);top:calc(var(--paper-pad-y) + var(--mark-start));width:var(--mark-thick);height:var(--mark-length)}.sheet-scroll-mark.across{--mark-thick: min(5px, var(--paper-pad-y) - 1px);bottom:calc((var(--paper-pad-y) - var(--mark-thick)) / 2);left:calc(var(--paper-pad-x) + var(--mark-start));width:var(--mark-length);height:var(--mark-thick)}.staff-scroll{position:relative;flex:1;min-height:0;overflow:auto;touch-action:pan-x pan-y;scrollbar-width:none;background:var(--panel);cursor:crosshair;-webkit-user-select:none;user-select:none}.staff-main{position:relative}.staff-scroll svg{display:block}.staff-preview{position:absolute;top:0;left:0;pointer-events:none}.ghost-ink{color:var(--unwritten)}.ghost-ink .ghost-tie{color:rgb(var(--unwritten-rgb));opacity:var(--unwritten-alpha)}text[data-hidden]{fill:var(--muted)}.staff-main .vf-active text{fill:var(--play)}.staff-main .vf-active path{fill:var(--play);stroke:var(--play)}.vf-selected text:where(:not(:is([data-item],[data-grace],.vf-beam):not(.vf-selected) *),[data-item].vf-selected *){fill:var(--select)}.vf-selected path:where(:not(:is([data-item],[data-grace],.vf-beam):not(.vf-selected) *),[data-item].vf-selected *){fill:var(--select);stroke:var(--select)}.vf-selected path[fill=none]{fill:none}.vf-selected text[data-hidden]{fill:var(--select)}.staff-main .vf-active.vf-selected text:where(:not(:is([data-item],[data-grace],.vf-beam):not(.vf-selected) *),[data-item].vf-selected *){fill:var(--select)}.staff-main .vf-active.vf-selected path:where(:not(:is([data-item],[data-grace],.vf-beam):not(.vf-selected) *),[data-item].vf-selected *){fill:var(--select);stroke:var(--select)}.staff-main .vf-active .vf-selected text:where(:not(:is([data-item],[data-grace],.vf-beam):not(.vf-selected) *),[data-item].vf-selected *){fill:var(--select)}.staff-main .vf-active .vf-selected path:where(:not(:is([data-item],[data-grace],.vf-beam):not(.vf-selected) *),[data-item].vf-selected *){fill:var(--select);stroke:var(--select)}rect.vf-proposed{fill:var(--proposal-wash)}.staff-main .vf-anchor.vf-anchor text:where(:not([data-grace]:not(.vf-anchor) *)){fill:var(--anchor)}.staff-main .vf-anchor.vf-anchor path:where(:not([data-grace]:not(.vf-anchor) *,.vf-beam>path)){fill:var(--anchor);stroke:var(--anchor)}.staff-main path[data-ledger][data-ledger][data-ledger]{fill:var(--staff-ink);stroke:var(--staff-ink)}.staff-main .vf-preview.vf-preview text:where(:not(:is([data-item],[data-grace],[data-bracket],.vf-beam):not(.vf-preview) *),:is([data-item],[data-bracket]).vf-preview *),.staff-main text.vf-preview.vf-preview{fill:var(--unwritten)}.staff-main .vf-preview.vf-preview :is(path,rect):where(:not(:is([data-item],[data-grace],[data-bracket],.vf-beam):not(.vf-preview) *),:is([data-item],[data-bracket]).vf-preview *),.staff-main :is(path,rect).vf-preview.vf-preview{fill:var(--unwritten);stroke:var(--unwritten)}.staff-main .vf-preview.vf-preview path[fill=none]{fill:none}.staff-main .vf-target.vf-target text:where(:not(:is([data-item],[data-grace]):not(.vf-target) *)){fill:var(--select)}.staff-main .vf-target.vf-target path:where(:not(:is([data-item],[data-grace]):not(.vf-target) *,.vf-beam>path)){fill:var(--select);stroke:var(--select)}.staff-main .vf-moving{opacity:.3}.staff-dragbox{position:absolute;left:0;top:0;display:none;border:1px solid var(--select);background:var(--select-wash);pointer-events:none;will-change:transform}.staff-scroll.view{cursor:ew-resize}.staff-playhead{position:absolute;left:0;width:2px;display:none;background:var(--play);box-shadow:0 0 4px var(--play);border-radius:1px;pointer-events:none}.staff-entry-caret{position:absolute;left:0;width:2px;display:none;background:var(--select);border-radius:1px;pointer-events:none}.staff-chord-box{position:absolute;z-index:6;left:0;top:0;display:none;width:0;height:0}.chord-box{position:absolute;bottom:0;left:0;transform:translate(-50%);width:max-content}.chord-box input{font:var(--fs-base) Academico,serif;padding:1px 4px;border:1px solid var(--field-border);border-radius:4px;background:#fff;color:var(--text);text-align:center}.chord-box input[aria-invalid=true]{border-color:var(--danger)}.chord-box-says{position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);width:max-content;padding:1px 6px;border-radius:4px;background:var(--panel);box-shadow:0 1px 3px #2620192e;font:var(--fs-base) Academico,serif;color:var(--text);white-space:nowrap}.chord-box-says[data-below]{top:calc(100% + 2px);bottom:auto}.chord-box-suggest{position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%);width:max-content;padding:1px 6px;border:none;border-radius:4px;background:var(--panel);box-shadow:0 1px 3px #2620192e;font:var(--fs-base) Academico,serif;color:var(--text-muted);cursor:pointer}.chord-box-says.refused{max-width:260px;white-space:normal;font:var(--fs-sm) var(--font-ui);color:var(--danger);background:var(--danger-soft)}.editor-col.has-pending-edit .paper{outline:2px solid var(--accent-soft);outline-offset:2px}.drop-catcher{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:var(--sp-4);background:#f6f0e4d1}.drop-catcher:before{content:"";position:absolute;inset:var(--sp-3);border:2px dashed var(--accent);border-radius:var(--radius-card)}.drop-catcher.refused:before{border-color:var(--danger)}.drop-message{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);max-width:420px;padding:var(--sp-5) 32px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--elev-2);text-align:center}.drop-message .control-glyph{width:32px;height:32px;margin-bottom:var(--sp-2);color:var(--accent)}.drop-catcher.refused .control-glyph{color:var(--text-muted)}.drop-headline{margin:0;font-size:var(--fs-lg);font-weight:600;line-height:var(--lh-tight);color:var(--text)}.drop-detail{margin:0;font-size:var(--fs-base);line-height:var(--lh-body);color:var(--text-muted)}.drop-catcher.refused .drop-detail{color:var(--danger)}.transport{display:flex;align-items:center;gap:var(--sp-1);flex:none}.transport-button{width:var(--h-md);height:var(--h-md);border-radius:var(--radius-round)}.transport-button.play{width:var(--h-lg);height:var(--h-lg);background:var(--accent);color:var(--panel)}.transport-button.play:hover:not(:disabled){background:var(--accent-strong)}.speed-input,.palette-row input,.palette-row select{font:inherit;font-size:var(--fs-md);padding:6px var(--sp-2);border:1px solid var(--field-border);border-radius:var(--radius-control);color:var(--text);background-color:var(--panel)}.palette-row select{border-color:var(--border);-webkit-appearance:none;-moz-appearance:none;appearance:none;width:auto;padding-left:var(--sp-2);padding-right:24px;text-align-last:center}.pickup-field{position:relative;display:inline-flex}.pickup-field .chip-caret{position:absolute;top:0;bottom:0;right:8px;margin:auto 0;pointer-events:none}.pickup-field select:disabled+.chip-caret{opacity:var(--dim-disabled)}.pickup-field select:hover:not(:disabled){border-color:var(--accent)}.pickup-field select:open{background-color:var(--hover);border-color:var(--accent)}.pickup-field:has(select:open) .chip-caret{transform:rotate(180deg)}:root:not([data-focus-from-keyboard]) select:focus-visible{outline:none}.speed-display{height:var(--h-sm);font-size:var(--fs-sm);min-width:52px;padding:0 var(--sp-2);background:none;border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.speed-display:hover{border-color:var(--accent);color:var(--text)}.speed-input{width:58px;height:var(--h-sm);text-align:center;font-variant-numeric:tabular-nums;border-radius:var(--radius-pill)}.palette-row input[type=number],.selection-bar-field,.speed-input{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.palette-row input[type=number]::-webkit-outer-spin-button,.palette-row input[type=number]::-webkit-inner-spin-button,.selection-bar-field::-webkit-outer-spin-button,.selection-bar-field::-webkit-inner-spin-button,.speed-input::-webkit-outer-spin-button,.speed-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.readout{font-size:var(--fs-sm);color:var(--text-muted);font-variant-numeric:tabular-nums}.agent{display:flex;flex-direction:column;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-card)}.agent .group{display:flex;align-items:center;gap:var(--sp-2);min-height:var(--h-sm)}.agent .label{margin:0;font-size:var(--fs-base);font-weight:600;color:var(--text)}.agent-log{flex:1;min-height:120px;overflow-y:auto;overflow-x:hidden;margin:var(--sp-2) 0;display:flex;flex-direction:column;gap:var(--sp-2)}.agent-lines{display:flex;flex-direction:column;gap:var(--sp-2)}.agent-latest{display:contents}.agent-msg{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-bubble);max-width:92%;font-size:var(--fs-base);line-height:var(--lh-body);white-space:pre-wrap;overflow-wrap:anywhere}.agent-msg.user{align-self:flex-end;font-size:var(--fs-md);background:var(--accent-soft);color:var(--text)}.agent-msg.assistant{align-self:flex-start;background:var(--group-bg)}.agent-msg.assistant.error{background:var(--danger-soft);color:var(--danger)}.agent-input-row{display:flex;gap:6px;align-items:flex-end;min-height:38px}.agent-composer{display:flex;align-items:flex-end;gap:var(--sp-1);padding:var(--sp-1) var(--sp-1) var(--sp-1) var(--sp-2);border:1px solid var(--field-border);border-radius:var(--radius-xl);background-color:var(--panel)}.agent-composer:focus-within{border-color:var(--accent)}.agent-input{font:inherit;font-size:var(--fs-md);color:var(--text);background:none;border:none;resize:none;flex:1;min-height:34px;max-height:160px;line-height:22px;padding:6px var(--sp-1)}.agent .agent-send{flex:none;display:grid;place-items:center;width:var(--h-md);height:var(--h-md);margin-bottom:1px;padding:0;border-radius:var(--radius-round)}.agent .agent-stop{height:var(--h-sm);padding:0 var(--sp-3);font-size:var(--fs-sm);color:var(--text);background:none;border:1px solid var(--field-border)}.agent .agent-stop:hover{background:var(--hover)}.agent-intro{display:flex;flex-direction:column;gap:var(--sp-2)}.agent-intro h3{margin:0;font-size:var(--fs-md);font-weight:600;line-height:var(--lh-tight)}.agent-intro p{margin:0;font-size:var(--fs-base);line-height:var(--lh-body);color:var(--text-muted)}.agent-examples{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-2);margin:var(--sp-1) 0 0;padding:0;list-style:none}.agent .agent-example{display:block;height:auto;padding:var(--sp-2) var(--sp-3);font-size:var(--fs-base);line-height:var(--lh-tight);text-align:left;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-pill)}.agent button.agent-example:hover{background:var(--hover);border-color:var(--accent)}.agent .agent-examples.preview .agent-example{padding:var(--sp-1) var(--sp-3);color:var(--text-muted)}.agent-input:focus,.library-entry-rename:focus{outline:none;border-color:var(--accent)}.agent button{font-size:var(--fs-base);height:38px;padding:0 15px;background:var(--accent);color:var(--panel);border:none;border-radius:var(--radius-pill)}.agent-review{flex:none;margin-bottom:var(--sp-3);padding:var(--sp-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-card)}.agent-review .label{font-size:var(--fs-md);color:var(--review-ink)}.agent-review-lifetime{margin:var(--sp-1) 0 var(--sp-2);font-size:var(--fs-sm);color:var(--text-muted)}.agent-review-rename{margin:var(--sp-1) 0 0;font-size:var(--fs-base);color:var(--review-ink)}.agent-review-actions{display:flex;justify-content:flex-end;gap:var(--sp-2)}.agent-review-actions button{height:var(--h-sm);font-size:var(--fs-sm);padding:0 var(--sp-3);border-radius:var(--radius-pill);border:1px solid}.agent-review .review-reject-all,.import-notice .review-reject-all{background:var(--panel);border-color:var(--border);color:var(--accent-strong)}.agent-review .review-reject-all:hover,.import-notice .review-reject-all:hover{border-color:var(--accent-strong)}.agent-review .review-accept-all{background:var(--ok);border-color:var(--ok);color:var(--panel)}.agent-review .review-accept-all:hover{background:var(--ok-strong)}.agent-review-bars{list-style:none;margin:0 0 var(--sp-3);padding:0;display:flex;gap:var(--sp-2);flex-wrap:wrap;max-height:190px;overflow-y:auto}.agent-review-bar{display:inline-flex;align-items:center;gap:2px;padding:2px var(--sp-1) 2px var(--sp-2);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--panel);font-size:var(--fs-base)}.agent-review-bar:hover{border-color:var(--accent)}.agent-review .agent-review-bar-name{height:auto;padding:0;background:none;border:none;border-radius:0;font:inherit;color:inherit;text-align:left}.agent-review .agent-review-bar-name:hover{text-decoration:underline}.agent-review-bar-actions{display:flex;gap:var(--sp-1);opacity:var(--dim-resting)}.agent-review-bar:hover .agent-review-bar-actions,.agent-review-bar-actions:has(:focus-visible){opacity:1}.agent-review-bar-actions .icon-button{width:24px;height:24px;padding:0;border-radius:var(--radius-round)}@media(max-width:1365px){.island-sep{margin:0 3px}.chip,.mode-pill button{padding:0 var(--sp-2)}}@media(max-width:1279px){.app .island{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.app .island::-webkit-scrollbar{display:none}.app .chips{flex:none}:is(.app:not(.compact) .topbar,.app.compact):after,.app .controls:after{content:"";align-self:stretch;width:var(--tools-fade);pointer-events:none;visibility:hidden;z-index:1}:is(.app:not(.compact) .topbar,.app.compact):after{justify-self:end;background:linear-gradient(to right,transparent,var(--tools-ground))}.app .controls:after{justify-self:start;background:linear-gradient(to left,transparent,var(--tools-ground))}:is(.app:not(.compact) .topbar,.app.compact):has(.island[data-more-after]):after,.app .controls:has(>.island[data-more-before]):after{visibility:visible}.app:not(.compact){--tools-ground: var(--panel)}.app:not(.compact) :is(.topbar,.controls):after{grid-area:island}.app:not(.compact) .chip-group>.palette{position:fixed;--hang-foot: var(--chip-foot);--hang-centre: var(--chip-centre);--hang-shift: clamp( calc(var(--sp-3) - var(--chip-centre)), var(--hang-centring), calc(100vw - var(--sp-3) - var(--chip-centre) - 100%) )}.app:not(.compact) .island{justify-content:safe center;padding-block:calc(22px - var(--h-md) / 2);margin-block:calc(var(--h-md) / 2 - 22px)}}.app.compact{--tap-area: ""}@media(any-pointer:coarse){.app{--tap-area: ""}.mode-pill{overflow:visible}.mode-pill button:first-child{border-radius:var(--radius-pill) 0 0 var(--radius-pill)}.mode-pill button:last-child{border-radius:0 var(--radius-pill) var(--radius-pill) 0}}.app :is(.transport-button,.speed-display,.help-button,.assistant-toggle,.island>button,.chip,.mode-pill button,.compact-tabs button){position:relative}.app :is(.transport-button,.speed-display,.help-button,.assistant-toggle,.island>button,.chip,.mode-pill button,.compact-tabs button):after{content:var(--tap-area);position:absolute;top:min(0px,calc(50% - 22px));bottom:min(0px,calc(50% - 22px));left:calc(-1 * var(--tap-reach));right:calc(-1 * var(--tap-reach))}.chord-box-suggest:after{content:var(--tap-area);position:absolute;top:0;bottom:min(0px,calc(100% - 24px / var(--sheet-scale, 1)));left:min(0px,calc(50% - 12px / var(--sheet-scale, 1)));right:min(0px,calc(50% - 12px / var(--sheet-scale, 1)))}.app .island{--tap-reach: 1px}.app .chips{--tap-reach: calc(var(--sp-2) / 2)}.app .transport{--tap-reach: calc(var(--sp-1) / 2)}.app :is(.mode-pill,.compact-tabs){--tap-reach: 0px}.app :is(.help-button,.assistant-toggle){--tap-reach: calc(var(--sp-2) / 2)}.app.compact .help-button{--tap-reach: 3px}.app.compact{--compact-top: 52px;--compact-tools: 56px;--tab-pill: 52px;--tab-pill-inset: 14px;--sheet-foot: calc(var(--tab-pill) + var(--tab-pill-inset));min-height:var(--held-height, auto);padding:0;gap:0;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto auto;grid-template-rows:var(--compact-top) auto minmax(0,1fr);grid-template-areas:"menu brand . transport modes help" "tools tools tools tools tools tools" "sheet sheet sheet sheet sheet sheet";touch-action:manipulation}.app.compact.phone{--sheet-foot: 0px}.app.compact:before{content:"";grid-row:1;grid-column:1 / -1;background:var(--panel);border-bottom:1px solid var(--border)}.app.compact .topbar,.app.compact .workspace{display:contents}.app.compact .compact-menu{grid-area:menu;align-self:center;width:44px;height:44px;margin-left:var(--sp-1);border-radius:var(--radius-md)}.app.compact .mode-pill{align-self:center;margin-left:6px}@media(max-width:406px){.app.compact .mode-word{display:none}}.app.compact .help-button{align-self:center;width:32px;height:32px;margin:0 10px 0 6px}.app.compact.phone .compact-menu{width:36px}.app.compact.phone .mode-pill{margin-left:var(--sp-1)}.app.compact.phone .help-button{--tap-reach: 2px;margin:0 var(--sp-1)}@media(max-width:345px){.app.compact.phone .compact-menu{width:32px}.app.compact.phone .transport-button{width:var(--h-sm);height:var(--h-sm)}.app.compact.phone .transport-button.play{width:var(--h-md);height:var(--h-md)}.app.compact.phone .speed-display{min-width:0;padding:0 var(--sp-1)}.app.compact.phone .speed-input{width:46px}.app.compact.phone .mode-pill button{padding:0 6px}.app.compact.phone .help-button{width:var(--h-sm);height:var(--h-sm)}}.app.compact:not([data-panel=assistant]) .chat-col{display:none}.app.compact .island{grid-area:tools;height:var(--compact-tools);padding:0 calc(var(--sp-2) + var(--tools-fade)) 0 var(--sp-2);background:var(--panel);border-bottom:1px solid var(--border)}.app.compact{--tools-ground: var(--bg)}.app.compact:after,.app.compact .controls:after{grid-area:tools}.app.compact .tool-button{min-width:40px;height:40px}.app.compact .chip-group>.palette{position:fixed;top:calc(var(--compact-top) + var(--compact-tools) + 6px);left:8px;right:8px;bottom:auto;transform:none;max-width:480px;margin-inline:auto;max-height:calc(100vh - var(--compact-top) - var(--compact-tools) - var(--sheet-foot) - 16px);max-height:calc(100dvh - var(--compact-top) - var(--compact-tools) - var(--sheet-foot) - 16px)}.app.compact .marks-sheet{width:auto}.app.compact .editor-col{grid-area:sheet}.app.compact .paper{border-radius:0;box-shadow:none;--paper-pad-x: 4px;--paper-pad-y: 6px;padding:var(--paper-pad-y) var(--paper-pad-x)}.app.compact[data-panel=assistant] .editor-col{visibility:hidden}.app.compact[data-panel=assistant] .chat-col{grid-area:sheet;width:auto;margin:0;padding-bottom:var(--sheet-foot);background:var(--panel)}.app.compact .chat-col .agent{border:none;border-radius:0;box-shadow:none}.app.compact .staff-scroll{scroll-padding-bottom:var(--sheet-foot)}.app.compact .staff-layer:after{content:"";display:block;height:calc(var(--sheet-foot) / var(--sheet-scale, 1))}.app.compact .sheet-floats{bottom:calc(var(--sheet-foot) + 12px)}.app.compact :is(.assistant-toggle,.column-divider){display:none}.app.compact .chat-col.hidden .agent{display:flex}.app.compact .agent-log{min-height:0}.app.compact .sidebar{position:fixed;top:0;bottom:0;left:0;z-index:40;width:min(300px,86vw);border-radius:0 var(--radius-card) var(--radius-card) 0;visibility:hidden;transform:translate(-100%);transition:transform .16s ease,visibility 0s .16s}.app.compact.drawer-open .sidebar{visibility:visible;transform:none;transition:transform .16s ease}.app.compact .drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:39;padding:0;border:none;background:var(--backdrop)}.app.compact .compact-tabs{display:flex;border-radius:var(--radius-pill)}.app.compact .compact-tabs button{position:relative;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-pill);background:none}.app.compact .compact-tabs button[aria-pressed=true]{background:var(--accent);color:var(--panel)}.app.compact.tablet .compact-tabs{grid-area:sheet;align-self:end;justify-self:center;z-index:2;gap:4px;--tap-reach: 2px;height:var(--tab-pill);margin-bottom:var(--tab-pill-inset);padding:5px}.app.compact.tablet .compact-tabs button{padding:0 18px;font-size:var(--fs-md);font-weight:600}.app.compact.tablet .tab-dot{top:8px;right:7px}.app.compact.phone .brand{display:none}.app.compact.phone .compact-tabs{grid-area:brand;align-self:center;margin-left:var(--sp-1);padding:2px}.app.compact.phone .compact-tabs button{width:var(--h-sm);height:var(--h-sm);padding:0}.app.compact.phone .tab-dot{top:2px;right:2px}.app.compact :is(input,textarea,select){font-size:var(--fs-lg)}.app.compact .library-entry-actions{opacity:var(--dim-resting)}.app.compact .shortcuts-groups{columns:1}.agent .agent-beta-cta{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 15px;border-radius:var(--radius-pill);background:var(--accent);color:var(--panel);font-size:var(--fs-base);font-weight:600;text-decoration:none}.agent .agent-beta-cta:hover{background:var(--accent-strong)}.first-run,.confirm,.shortcuts,.sign-in,.settings{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);color:var(--text);box-shadow:var(--elev-2)}.first-run{max-width:30rem;padding:clamp(24px,4vw,34px)}.first-run::backdrop,.confirm::backdrop,.shortcuts::backdrop,.sign-in::backdrop,.settings::backdrop{background:var(--backdrop)}.first-run-title{margin:0 0 var(--sp-3);font-weight:600;font-size:var(--fs-xl);line-height:var(--lh-tight);letter-spacing:-.015em}.first-run-body{margin:0;color:var(--text);font-size:var(--fs-lg);line-height:var(--lh-body)}.first-run-body+.first-run-body{margin-top:var(--sp-3)}.first-run-actions{display:flex;justify-content:flex-end;margin-top:var(--sp-5)}.first-run-go{height:var(--h-lg);padding:0 var(--sp-5);border:1px solid var(--accent);border-radius:var(--radius-pill);background:var(--accent);color:var(--panel);font-size:var(--fs-md);font-weight:600}.first-run-go:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.confirm{max-width:26rem;padding:var(--sp-5) var(--sp-5) var(--sp-4)}.confirm-title{margin:0 0 var(--sp-2);font-size:var(--fs-lg);font-weight:600}.confirm-body{margin:0 0 var(--sp-4);font-size:var(--fs-md);line-height:var(--lh-body);color:var(--text-muted)}.confirm-actions{display:flex;justify-content:flex-end;gap:var(--sp-2)}.confirm-actions button{height:var(--h-lg);font-size:var(--fs-md);padding:0 var(--sp-4);border:1px solid var(--border);border-radius:var(--radius-button);background:var(--panel);color:var(--text)}.confirm-actions button:hover{border-color:var(--accent)}.confirm-actions .confirm-danger{background:var(--danger);border-color:var(--danger);color:var(--panel)}.confirm-actions .confirm-danger:hover{border-color:var(--danger);filter:brightness(1.12)}.sign-in,.settings{width:min(24rem,calc(100vw - 2 * var(--sp-4)));padding:var(--sp-5)}.sign-in-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-2);margin-bottom:var(--sp-4)}.sign-in-title{margin:0;font-size:var(--fs-xl);font-weight:600;line-height:var(--lh-tight);letter-spacing:-.015em}.sign-in-close{flex:none;display:inline-flex;align-items:center;justify-content:center;width:var(--h-md);height:var(--h-md);margin:-6px -6px 0 0;border:none;border-radius:var(--radius-button);background:none;color:var(--text-muted)}.sign-in-close:hover{background:var(--hover);color:var(--text)}.sign-in form{display:flex;flex-direction:column;gap:var(--sp-3)}.sign-in-field{display:flex;flex-direction:column;gap:var(--sp-1)}.sign-in-field label{font-size:var(--fs-sm);font-weight:500;color:var(--text-muted)}.sign-in-field input{height:var(--h-lg);padding:0 var(--sp-3);border:1px solid var(--field-border);border-radius:var(--radius-button);background:var(--panel);color:var(--text);font:inherit;font-size:var(--fs-md)}.sign-in-field input:focus-visible{border-color:var(--accent);outline:2px solid var(--accent-soft);outline-offset:0}.app.compact .sign-in-field input{font-size:var(--fs-lg)}.sign-in-go{height:var(--h-lg);border:1px solid var(--accent);border-radius:var(--radius-pill);background:var(--accent);color:var(--panel);font-size:var(--fs-md);font-weight:600}.sign-in-go:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.sign-in-go:disabled,.sign-in-link:disabled,.sign-in-social:disabled{opacity:var(--dim-disabled)}.sign-in-social{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:40px;padding:0 12px;border:1px solid #747775;border-radius:var(--radius-pill);background:#fff;color:#1f1f1f;font-size:14px;line-height:20px;font-weight:500}.sign-in-social:hover:not(:disabled){background:#f8f8f8}.sign-in-g{flex:none;width:18px;height:18px}.sign-in-or{display:flex;align-items:center;gap:var(--sp-3);margin:var(--sp-4) 0;font-size:var(--fs-sm);color:var(--text-muted)}.sign-in-or:before,.sign-in-or:after{content:"";flex:1;height:1px;background:var(--border)}.sign-in-body{margin:0 0 var(--sp-3);font-size:var(--fs-md);line-height:var(--lh-body)}.sign-in-says{margin:0;font-size:var(--fs-base);line-height:var(--lh-body);color:var(--text-muted)}.sign-in-says:empty{position:absolute}.sign-in-says.refused{color:var(--danger)}.sign-in-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-2) var(--sp-4);margin-top:var(--sp-4);font-size:var(--fs-base);color:var(--text-muted)}.sign-in-links p{margin:0}.sign-in-link{padding:0;border:none;background:none;color:var(--accent-strong);font:inherit;text-decoration:underline;text-underline-offset:2px}.sign-in-link:hover:not(:disabled){color:var(--text)}.settings-section{display:flex;flex-direction:column;gap:var(--sp-2)}.settings-section+.settings-section{margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--border)}.settings-heading{margin:0;font-size:var(--fs-sm);font-weight:500;color:var(--text-muted)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.settings-email{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-md)}.settings-button{flex:none;height:var(--h-sm);padding:0 var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-pill);background:none;color:var(--text);font-size:var(--fs-base)}.settings-button:hover{background:var(--hover)}.settings-delete{display:block;margin-top:var(--sp-4);padding:0;border:none;background:none;font-size:var(--fs-sm);color:var(--text-muted);text-decoration:underline;text-underline-offset:2px}.settings-delete:hover{color:var(--danger)}.settings-meter{height:8px;border-radius:var(--radius-pill);background:var(--border);overflow:hidden}.settings-meter-fill{display:block;height:100%;border-radius:inherit;background:var(--accent)}.settings-usage{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--sp-1) var(--sp-3);margin:0;font-size:var(--fs-base);color:var(--text-muted)}.settings-note{margin:0;font-size:var(--fs-md);line-height:var(--lh-body);color:var(--text-muted)}.shortcuts{width:52rem;max-width:calc(100vw - 2 * var(--sp-4));max-height:84vh;padding:clamp(20px,3vw,30px)}.shortcuts-title{margin:0 0 var(--sp-4);font-weight:600;font-size:var(--fs-xl);letter-spacing:-.015em}.shortcuts-title:focus{outline:none}.shortcuts-groups{columns:2;column-gap:var(--sp-5)}.shortcuts-group{break-inside:avoid;margin:0 0 var(--sp-4)}.shortcuts-group h3{margin:0 0 var(--sp-2);color:var(--text-muted);font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.shortcuts-group dl{display:grid;grid-template-columns:minmax(11rem,max-content) 1fr;column-gap:var(--sp-3);align-items:baseline;margin:0}.shortcuts-row{display:contents}.shortcuts-row dt{display:flex;flex-wrap:wrap;gap:3px;padding:3px 0}.shortcuts-row dd{margin:0;padding:3px 0;font-size:var(--fs-md);line-height:var(--lh-body)}.shortcuts kbd{padding:1px 6px;border:1px solid var(--border);border-bottom-width:2px;border-radius:var(--radius-key);background:var(--bg);font-family:inherit;font-size:var(--fs-sm);white-space:nowrap}.shortcuts-actions{display:flex;justify-content:flex-end;margin-top:var(--sp-2)}.shortcuts-actions button{height:var(--h-lg);padding:0 var(--sp-5);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg);color:var(--text);font-size:var(--fs-md)}.commands-search{width:100%;margin:0 0 var(--sp-3);padding:var(--sp-2) var(--sp-3);border:1px solid var(--field-border);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font:inherit;font-size:var(--fs-md)}.commands-search::placeholder{color:var(--text-muted)}.commands-list{margin:0 0 var(--sp-4)}.commands-group{min-width:0;margin:0;padding:0;border:0}.commands-group+.commands-group{margin-top:var(--sp-3)}.commands-area{margin:0 0 var(--sp-1);color:var(--text-muted);font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.commands-rows{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:0 var(--sp-3)}.commands-group.matches .commands-rows{grid-template-columns:1fr}.commands-row{display:flex;align-items:baseline;gap:var(--sp-2);min-width:0;padding:3px var(--sp-2);border-radius:var(--radius-sm);font-size:var(--fs-md);cursor:pointer}.commands-row:hover{background:var(--hover)}.commands-row[aria-selected=true]{background:var(--accent-soft)}.commands-row[aria-disabled=true]{color:var(--text-muted)}.commands-reason,.commands-tag{color:var(--text-muted);font-size:var(--fs-sm)}.commands-tag{margin-left:auto;white-space:nowrap}.commands-empty{margin:0 0 var(--sp-4);color:var(--text-muted)}.commands-off{display:flex;align-items:center;gap:var(--sp-3);margin:0 0 var(--sp-3);padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-3);border-radius:var(--radius-md);background:var(--group-bg);font-size:var(--fs-md)}.commands-off span{flex:1}.commands-off button{flex:none;height:var(--h-md);padding:0 var(--sp-3);border:none;border-radius:var(--radius-pill);background:var(--accent);color:var(--panel);font-size:var(--fs-base);font-weight:600}.commands-off button:hover{background:var(--accent-strong)}.help-button,.assistant-toggle{width:var(--h-sm);height:var(--h-sm);flex:none;border:1px solid var(--border);border-radius:var(--radius-pill);background:transparent;color:var(--text-muted);font-size:var(--fs-md);line-height:1}.assistant-toggle{display:grid;place-items:center;padding:0}.assistant-toggle[aria-expanded=true] .assistant-pane{fill:currentColor}.help-button:hover,.assistant-toggle:hover{border-color:var(--accent);color:var(--accent)}@media(prefers-reduced-motion:reduce){.import-notice .import-notice-summary svg,.account-row .chevron,.library-action .chevron,.chip-caret,.app.compact .sidebar,.app.compact.drawer-open .sidebar,.zoom-level{transition:none}}