:root{font-family:Segoe UI,Inter,Arial,sans-serif;font-size:16px;font-synthesis:none;color-scheme:dark;--background: #0c0d12;--surface: #171921;--raised: #202330;--text: #f2f3f7;--secondary: #a7adbd;--accent: #b9c9ff;--line: #353b4b;--orbit: #41485b;--danger: #ffb6bd;--lesson-height: 0px}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--text);line-height:1.45}button,input,select,textarea{font:inherit}button,summary,input,select,a{-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer;background:transparent;color:var(--text);font-size:.875rem;font-weight:500;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:9px 13px;border-radius:7px}button:hover:not(:disabled){background:var(--raised)}button:disabled,button[aria-disabled=true]{color:var(--secondary);cursor:default;opacity:.55}button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:var(--secondary);text-decoration:none}a:hover{color:var(--text)}[hidden]{display:none!important}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-button{padding:10px;min-width:44px}.icon-button>span{display:none}.primary{background:var(--accent);color:var(--background)}.primary:hover:not(:disabled){background:#d0dbff}.primary:disabled{background:var(--raised);color:var(--secondary);opacity:1}.subtle{color:var(--secondary)}.danger{color:var(--danger)}.music-value{font-family:ui-monospace,Consolas,monospace;font-size:.875rem;white-space:nowrap}.instrument{padding:0 24px;min-height:100dvh;height:100dvh;display:flex;flex-direction:column;gap:0}.topbar{display:flex;align-items:center;gap:18px;min-height:72px;padding:10px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.brand{padding:0;display:flex;align-items:center;gap:11px;font-size:1.125rem;letter-spacing:.18em;font-weight:600;white-space:nowrap}.panel-home{display:none}.home-link{color:var(--accent);font-size:.875rem;letter-spacing:.1em;padding:8px 4px}.dialog-heading{flex-wrap:wrap}@media(max-width:760px){.panel-home{display:inline-flex}.panel-heading{flex-wrap:wrap}}.brand .icon{width:27px;height:27px;color:var(--accent);stroke-width:1.1}.title-wrap{flex:1;min-width:120px}.title-wrap input{font:1.65rem Georgia,serif;color:var(--text);background:transparent;border:0;width:100%;padding:4px 2px;border-radius:3px;min-height:44px;text-overflow:ellipsis}.save-button{border:1px solid var(--line)}.header-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.header-button{padding:9px 10px}.language{font-family:ui-monospace,Consolas,monospace;padding:9px 12px}.export-menu{position:relative;align-self:center}.export-menu summary{display:flex;align-items:center;gap:9px;list-style:none;cursor:pointer;min-height:44px;padding:9px 10px;border-radius:7px;font-size:.875rem}.export-menu summary::-webkit-details-marker{display:none}.export-menu summary:hover{background:var(--raised)}.menu-body{position:absolute;right:0;top:calc(100% + 9px);z-index:50;min-width:270px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 20px 60px #0009}.menu-body button{display:flex;width:100%;justify-content:flex-start;padding:11px 14px}.menu-body .icon{width:17px}.workbench{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 304px;grid-template-rows:minmax(0,1fr) auto auto;grid-template-areas:"orbit inspector" "transport inspector" "layers inspector";column-gap:24px}.orbit-area{grid-area:orbit;display:grid;grid-template-rows:40px minmax(0,1fr) 36px;min-height:0;min-width:0;padding:4px 12px 0}.orbit-heading,.orbit-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.875rem;color:var(--secondary)}.history{display:flex;gap:1px}.orbit-caption>span:last-child{font-family:ui-monospace,Consolas,monospace;color:var(--text)}.stage{height:100%;max-height:100%;width:auto;aspect-ratio:1;max-width:100%;justify-self:center;align-self:center;min-width:0;min-height:0}#sky{display:block;width:100%;height:100%;touch-action:pan-y;overflow:visible}.orbit-ring{fill:none;stroke:var(--orbit);stroke-width:.8}.orbit-ring:nth-of-type(2n){stroke:var(--line);stroke-width:.7}.spoke{fill:none;stroke:var(--line);stroke-width:.7;stroke-dasharray:2 8}.tick{stroke:var(--orbit);stroke-width:1}.tick.major{stroke:var(--secondary);stroke-width:1}.center-ring{fill:var(--surface);stroke:var(--line);stroke-width:1}.center-label{font:var(--map-font, 24px) ui-monospace,Consolas,monospace;fill:var(--text)}.map-label{font:var(--map-font, 24px) ui-monospace,Consolas,monospace;fill:var(--secondary)}#sweep path{stroke:var(--accent);stroke-width:1.1;opacity:.75}#sweep circle{fill:var(--accent)}.map-star{cursor:grab;touch-action:none}.map-star:active{cursor:grabbing}.hit{pointer-events:all}.star-dot{fill:var(--layer)}.star-cross{stroke:var(--layer);stroke-width:.7;opacity:.5;pointer-events:none}.selection-ring{fill:none;stroke:var(--layer);stroke-width:1.5;opacity:0;pointer-events:none}.selected .selection-ring,.map-star:focus-visible .selection-ring{opacity:1}.map-star:focus-visible{outline:none}.note-label{fill:var(--text);font:var(--note-font, 22px) ui-monospace,Consolas,monospace;opacity:0;pointer-events:none}.selected .note-label,.map-star:focus-visible .note-label{opacity:1}.pulse-ring{fill:none;stroke:var(--layer);opacity:0;pointer-events:none}.sounding .pulse-ring{animation:note-pulse .55s ease-out}.muted .star-dot,.muted .star-cross{opacity:.25}@keyframes note-pulse{0%{r:10;opacity:.9;stroke-width:2}to{r:46;opacity:0;stroke-width:.8}}.transport{grid-area:transport;display:flex;align-items:center;justify-content:center;gap:24px;padding:14px 6px;border-top:1px solid var(--line)}.primary-controls{display:flex;align-items:center;gap:10px}.play-button{min-width:106px}.stop-button{min-width:44px;padding:10px}.stop-button span{display:none}.beat-display{display:flex;align-items:baseline;gap:7px;padding:0 12px;font:1.45rem ui-monospace,Consolas,monospace;min-width:86px}.beat-total{font-size:.875rem;color:var(--secondary)}.tempo-control{display:flex;align-items:center;gap:9px;font-size:.875rem}.tempo-control input{width:69px;text-align:center;padding:8px}.tempo-control .music-value{color:var(--secondary)}.master-control{display:flex;align-items:center;gap:7px}.master-control input{width:100px}.master-control .music-value{color:var(--secondary);width:42px;text-align:right}.layer-controls{grid-area:layers;display:grid;grid-template-columns:minmax(310px,1fr) auto;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.layer-selectors{display:flex;gap:5px;min-width:0}.layer-selector{flex:1;justify-content:flex-start;border:1px solid transparent;padding:9px 12px;gap:9px;min-width:0}.layer-selector.active{border-color:var(--layer);background:var(--surface)}.layer-selector strong{font-weight:500;font-size:1rem}.layer-dot,.row-dot{display:block;width:7px;height:7px;border-radius:50%;background:var(--layer);flex-shrink:0}.layer-count{font:.875rem ui-monospace,Consolas,monospace;color:var(--secondary);margin-left:auto}.layer-state{font:.875rem ui-monospace,Consolas,monospace;color:var(--layer)}.voice-row{display:flex;align-items:center;gap:5px}.voice-row select{width:138px;min-width:0}.tooltip-control{position:relative}.tooltip-control button{width:44px;height:44px;font:1rem ui-monospace,Consolas,monospace;border:1px solid var(--line)}.tooltip-control button[aria-pressed=true]{color:var(--background);background:var(--accent);border-color:var(--accent)}.tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);width:max-content;max-width:240px;pointer-events:none;opacity:0;padding:10px 12px;background:var(--raised);border:1px solid var(--line);border-radius:6px;font-size:.875rem;color:var(--text);z-index:30;text-align:center}.tooltip-control:hover .tooltip,.tooltip-control:focus-within .tooltip{opacity:1}.add-button{color:var(--accent);white-space:nowrap}.mobile-note-actions{display:none}.inspector{grid-area:inspector;border-left:1px solid var(--line);padding:16px 0 16px 23px;overflow:auto;min-height:0;scrollbar-color:var(--line) transparent;scrollbar-width:thin}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.panel-heading h2{font-size:1rem;font-weight:500;margin:0;color:var(--secondary)}.panel-close{display:none}.selected-summary{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.eyebrow{font-size:.875rem;color:var(--secondary);display:block;margin-bottom:7px}.selected-summary strong{display:block;font:3rem/1.15 Georgia,serif;color:var(--layer)}#selected-layer{font-size:.875rem;color:var(--secondary);padding-bottom:9px}fieldset{border:0;padding:0;margin:0;min-width:0}.field-grid{display:grid;gap:9px}.field-grid>label{font-size:.875rem;color:var(--secondary);margin-top:4px;display:flex;align-items:center;justify-content:space-between}.field-grid select{margin-bottom:9px}select,input[type=number],textarea{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:6px;min-height:44px;padding:9px 12px;font-size:1rem;min-width:0}select{cursor:pointer}input[type=number]{font-family:ui-monospace,Consolas,monospace}.step-field{display:flex;align-items:center;border:1px solid var(--line);border-radius:6px;margin-bottom:9px;background:var(--surface)}.step-field input{border:0;width:100%;text-align:center;background:transparent;-moz-appearance:textfield}.step-field input::-webkit-inner-spin-button{appearance:none}.step-field button{width:44px;flex-shrink:0;padding:8px}.note-actions{display:flex;flex-wrap:wrap;margin:20px 0 18px;gap:6px}.note-actions button{width:100%;justify-content:flex-start}.note-actions .icon{width:18px}.settings-details{border-top:1px solid var(--line);padding:12px 0}.settings-details summary{font-size:.875rem;font-weight:500;cursor:pointer;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none}.settings-details summary:after{content:"+";color:var(--secondary);font-size:1.15rem}.settings-details[open] summary:after{content:"−"}.settings-details summary::-webkit-details-marker{display:none}.settings-details summary .music-value{margin-left:auto;color:var(--secondary)}.tuning-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 0}.tuning-grid label{font-size:.875rem;color:var(--secondary);align-self:center}.tuning-grid select{width:100%}.note-rows{max-height:260px;overflow:auto;scrollbar-color:var(--line) transparent;scrollbar-width:thin;padding:4px}.note-row{display:grid;grid-template-columns:7px 37px 1fr 27px 45px;gap:9px;width:100%;min-height:48px;padding:10px 5px;text-align:left;border-radius:5px;font-size:.875rem}.note-row strong{font-weight:500;color:var(--layer);font:1rem ui-monospace,Consolas,monospace}.note-row.selected{background:var(--raised)}.row-layer{color:var(--secondary);overflow:hidden;text-overflow:ellipsis}.note-row .music-value{font-size:.875rem}.row-duration{text-align:right;color:var(--secondary)}input[type=range]{appearance:none;background:transparent;height:44px;width:100%;margin:0;cursor:pointer;accent-color:var(--accent)}input[type=range]::-webkit-slider-runnable-track{height:3px;background:var(--orbit);border-radius:3px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);width:16px;height:16px;border-radius:50%;margin-top:-6.5px}input[type=range]::-moz-range-track{height:3px;background:var(--orbit)}input[type=range]::-moz-range-thumb{border:0;width:16px;height:16px;background:var(--accent)}.statusbar{display:flex;align-items:center;gap:22px;border-top:1px solid var(--line);min-height:48px;padding:10px 0;font-size:.875rem;color:var(--secondary);flex-wrap:wrap}.statusbar p{margin:0}.statusbar #draft-status{display:flex;align-items:center;gap:9px}.statusbar #draft-status:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0}.statusbar #draft-status.save-failed{color:var(--danger)}.statusbar #status{margin-left:auto;max-width:45%;line-height:1.5}.statusbar a{white-space:nowrap}.listening .workbench{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"orbit" "transport"}.listening .inspector,.listening .layer-controls{display:none}.listening .orbit-area{padding-top:12px}.lesson-bar{border-bottom:1px solid var(--line);display:grid;grid-template-columns:170px minmax(0,1fr) auto;gap:24px;padding:16px 0;background:var(--background)}.lesson-number{display:flex;flex-direction:column;gap:8px;font-size:.875rem;color:var(--secondary)}#lesson-counter{font:1rem ui-monospace,Consolas,monospace;color:var(--accent)}.lesson-copy h1{font-size:1.125rem;margin:0 0 6px;font-weight:500}.lesson-copy p{font-size:.875rem;line-height:1.5;margin:0;color:var(--secondary);max-width:720px}.lesson-copy #lesson-progress{margin-top:6px;color:var(--accent)}.lesson-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;max-width:300px}.tour-target{outline:2px solid var(--accent);outline-offset:4px}.stage.tour-target{outline:0}.stage.tour-target #outer-orbit{stroke:var(--accent);stroke-width:2}dialog{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:12px;width:min(620px,calc(100% - 32px));max-height:85dvh;padding:25px;overflow:auto}dialog::backdrop{background:#05060bb8}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.dialog-heading h2{flex:1;min-width:0;font:1.8rem Georgia,serif;margin:0}.dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding-top:18px;margin-top:15px}.atlas-tabs{display:flex;gap:10px;border-bottom:1px solid var(--line);margin-bottom:16px}.atlas-tabs button[aria-selected=true]{color:var(--accent);border-bottom:2px solid var(--accent);border-radius:0}.preset-row{display:grid;grid-template-columns:66px 1fr 45px;gap:16px;width:100%;text-align:left;border-bottom:1px solid var(--line);padding:18px 0;border-radius:0}.preset-row svg{width:66px;height:66px;fill:none;stroke:var(--accent);stroke-width:1}.preset-row svg>circle:first-child{stroke:var(--line)}.preset-row .mini-star{fill:var(--accent);stroke:0}.preset-row strong{display:block;font:1.4rem Georgia,serif;margin-bottom:6px}.preset-row>span>span{display:block;color:var(--secondary);font-size:.875rem;font-weight:400;line-height:1.6}.preset-row>.music-value{color:var(--secondary);text-align:right;line-height:1.7;font-weight:400}.saved-rows,#preset-rows{max-height:49dvh;overflow:auto;scrollbar-color:var(--line) transparent;scrollbar-width:thin}.saved-row{display:flex;align-items:center;border-bottom:1px solid var(--line);gap:15px}.saved-row>button:first-child{flex:1;display:block;text-align:left;min-width:0;padding:16px 0}.saved-row strong{font:1.3rem Georgia,serif;display:block;overflow:hidden;text-overflow:ellipsis}.saved-row button span{display:block;color:var(--secondary);font-size:.875rem;margin-top:7px}.pick-row{display:block;text-align:left;color:var(--layer);width:100%;min-height:48px;border-bottom:1px solid var(--line);border-radius:0}#link-dialog p,#library-empty{font-size:.875rem;color:var(--secondary)}#share-link{width:100%;height:180px;resize:vertical;font-family:ui-monospace,Consolas,monospace;font-size:.875rem}#select-empty{font-size:1rem;color:var(--secondary);padding:20px 0}.sheet-backdrop{position:fixed;inset:0;background:#05060bb8;z-index:60;border-radius:0}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(min-width:1650px){.instrument{padding:0 40px}.workbench{grid-template-columns:minmax(0,1fr) 340px;column-gap:36px}.inspector{padding-left:30px}.topbar{min-height:78px}.title-wrap input{font-size:1.9rem}.transport,.layer-controls{padding:18px 0}.brand{font-size:1.25rem}.orbit-area{padding:8px 36px 0}.orbit-heading,.orbit-caption{font-size:1rem}}@media(max-width:1380px){.header-button>span,.export-menu summary>span{display:none}.topbar{gap:14px}.header-button{width:44px;padding:10px}.title-wrap{max-width:none}.layer-selector{padding:9px;gap:7px}.layer-controls{gap:8px}.voice-row select{width:130px}.transport{gap:18px}.add-button{padding:9px 10px}}@media(max-width:1100px)and (min-width:761px){.save-button>span{display:none}.save-button{width:44px;padding:10px}.instrument{padding:0 18px}.workbench{grid-template-columns:minmax(0,1fr) 278px;column-gap:18px}.inspector{padding-left:18px}.layer-controls{grid-template-columns:1fr;gap:7px;padding:10px 0}.voice-row{justify-content:center}.layer-selectors{width:100%}.transport{flex-wrap:wrap;gap:8px 12px;padding:10px 0}.primary-controls{margin-right:auto}.master-control{margin-left:auto}.master-control input{width:78px}.tempo-control .music-value{display:none}.tempo-control input{width:62px}.orbit-area{padding:4px 0 0}.orbit-heading,.orbit-caption{align-items:flex-start}.orbit-heading>span{padding-top:9px}.orbit-caption>span:first-child{max-width:70%}.lesson-bar{grid-template-columns:120px 1fr;gap:12px 20px}.lesson-actions{grid-column:2;max-width:none}.lesson-number{grid-row:1/3}.lesson-copy h1{font-size:1rem}}@media(max-width:760px){.tooltip{left:auto;right:0;transform:none}.instrument{padding:0 16px;min-height:100svh;height:auto}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions" "title title";min-height:0;padding:12px 0;gap:10px 8px}.brand{grid-area:brand;font-size:1rem;gap:8px;letter-spacing:.14em}.brand .icon{display:none}.header-actions .header-button,.header-actions .language,.export-menu summary{width:44px;min-width:44px}.history .icon-button{min-width:44px}.brand .icon{width:23px;height:23px}.title-wrap{grid-area:title;min-width:0;padding-right:56px}.title-wrap input{font-size:1.7rem}.save-button{grid-row:2;grid-column:2;justify-self:end;padding:10px;min-width:44px}.save-button>span{display:none}.header-actions{grid-area:actions;gap:0;flex-wrap:nowrap}.header-button{width:36px;min-width:36px;padding:8px}.header-button .icon{width:18px}.header-button>span{display:none}.language{padding:8px;min-width:34px}.export-menu summary{padding:8px}.export-menu summary .icon{width:18px}.export-menu summary>span{display:none}.menu-body{min-width:min(290px,calc(100vw - 32px))}.workbench{display:flex;flex-direction:column;min-height:0;flex:none}.orbit-area{display:grid;grid-template-rows:auto auto auto;padding:8px 0 0;gap:5px}.orbit-heading{font-size:.875rem;align-items:center;gap:8px;min-height:44px}.orbit-heading>span{max-width:215px}.orbit-caption{font-size:.875rem;line-height:1.5;align-items:flex-start;padding:8px 0 14px}.orbit-caption>span:first-child{max-width:76%}.orbit-caption>span:last-child{white-space:nowrap;padding-top:1px}.stage{width:min(100%,max(230px,calc(100svh - 450px - var(--lesson-height))));height:auto;aspect-ratio:1;max-height:none}.history .icon-button{min-width:36px;padding:8px}.transport{display:flex;flex-wrap:wrap;gap:5px 10px;padding:10px 0;justify-content:space-between}.primary-controls{width:100%;justify-content:flex-start;gap:10px}.play-button{min-width:118px}.beat-display{margin-left:auto;padding-right:0}.tempo-control label{font-size:.875rem}.tempo-control .music-value{display:none}.master-control input{width:90px}.master-control .music-value{width:34px}.layer-controls{display:flex;flex-direction:column;padding:12px 0;gap:10px}.layer-selector{padding:10px 8px;gap:7px;min-height:48px}.layer-selector strong{font-size:1rem}.layer-count{font-size:.875rem}.voice-row{gap:5px}.voice-row select{flex:1;min-width:0;width:120px;padding:8px;font-size:1rem}.voice-row .add-button{margin-left:auto;padding:10px;min-width:44px}.add-button>span{display:none}.mobile-note-actions{display:flex;gap:8px}.mobile-note-actions button{border:1px solid var(--line);flex:1;font-size:.875rem;min-width:0;padding:10px 8px;white-space:nowrap}.inspector:not(.open){display:none}.inspector.open{position:fixed;left:12px;right:12px;bottom:12px;z-index:70;max-height:calc(100dvh - 24px);padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:auto;box-shadow:0 20px 80px #0009}.panel-heading{margin-bottom:14px}.panel-close{display:inline-flex}.selected-summary{margin-bottom:16px}.selected-summary strong{font-size:2.8rem}.field-grid{grid-template-columns:1fr 1fr;gap:8px 14px;align-items:center}.field-grid>label{grid-column:1;margin:0}.field-grid>select,.field-grid>.step-field,.field-grid>input{grid-column:2;margin:0}.field-grid select{font-size:1rem;padding:9px}.field-grid label[for=velocity]{display:block}.field-grid label[for=velocity] .music-value{display:block;margin-top:5px}.note-actions{gap:8px;margin:16px 0}.note-actions button{width:calc(50% - 4px);font-size:.875rem;padding:10px 8px;justify-content:flex-start}.note-actions button:first-child{width:100%}.tuning-grid{grid-template-columns:1fr 1fr}.note-row{grid-template-columns:7px 44px 1fr 28px 48px;min-height:48px}.statusbar{gap:8px 14px;padding:12px 0;align-items:flex-start;min-height:0;font-size:.875rem}.statusbar #draft-status{flex:0 0 100%;line-height:1.55}.statusbar #status{margin:0;max-width:none;flex:1;font-size:.875rem}.statusbar a{font-size:.875rem}.listening .workbench{display:flex}.listening .stage{width:min(100%,calc(100svh - 330px));height:auto}.listening .orbit-caption{padding-bottom:18px}.listening .inspector,.listening .layer-controls{display:none}.lesson-bar{display:block;padding:14px 0}.lesson-number{display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:.875rem;gap:12px;margin-bottom:8px}.lesson-number>span:last-child{max-width:270px}.lesson-copy h1{font-size:1.125rem}.lesson-copy p{font-size:.875rem}.lesson-copy #lesson-progress{margin-top:5px}.lesson-actions{display:flex;max-width:none;margin-top:10px;gap:6px}.lesson-actions button{padding:9px 11px}.lesson-actions .icon{display:none}.inspector .lesson-bar{border-top:1px solid var(--line);padding:15px 0;margin-bottom:18px;background:transparent}.inspector .lesson-number>span:last-child{display:none}.inspector .lesson-copy h1{font-size:1rem}.sheet-open{overflow:hidden}dialog{padding:20px;width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.dialog-heading h2{font-size:1.65rem}.dialog-footer{flex-wrap:wrap;gap:10px}.dialog-footer>button{flex:1}.preset-row{grid-template-columns:48px minmax(0,1fr) 39px;gap:10px;padding:15px 0}.preset-row svg{width:48px;height:48px}.preset-row strong{font-size:1.2rem}.preset-row>.music-value{font-size:.875rem}#preset-rows,.saved-rows{max-height:58dvh}.tour-target{outline-offset:2px}}@media(max-width:380px){.brand{font-size:.925rem;gap:7px}.brand .icon{width:19px;height:19px}.header-button{width:33px;min-width:33px;padding:7px}.header-actions .language{min-width:30px;padding:7px}.export-menu summary{padding:7px}.layer-selector{padding:9px 6px;gap:5px}.layer-selector strong{font-size:.925rem}.layer-count{font-size:.875rem}.mobile-note-actions .icon{width:17px}.mobile-note-actions button{padding:10px 6px}.lesson-actions button{padding:9px 10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.pulse-ring{display:none}}@media(max-width:760px){.text-large .topbar{grid-template-areas:"brand save" "title title" "actions actions"}.text-large .save-button{grid-area:save}.text-large .title-wrap{padding-right:0}.text-large .header-actions{justify-content:space-between;width:100%}.text-large .language{padding-inline:3px}.text-large .layer-selectors,.text-large .mobile-note-actions{flex-direction:column}.text-large .layer-selector{flex-shrink:0}.text-large .mobile-note-actions button{white-space:normal}.text-large .primary-controls,.text-large .orbit-caption{flex-wrap:wrap}.text-large .master-control{flex:0 0 100%}.text-large .master-control input{flex:1}.text-large .master-control .music-value{width:3.5ch}.text-large .note-actions button{width:100%}.text-large .statusbar #status{flex-basis:100%}.text-large .statusbar a{white-space:normal}}