*{box-sizing:border-box;margin:0}body{font-family:Hiragino Sans,Yu Gothic UI,Meiryo,sans-serif;background:#1b1e26;color:#d8dce6}.app{display:flex;flex-direction:column;height:100vh}.header{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#232734;border-bottom:1px solid #363b48}.header h1{font-size:20px;letter-spacing:.5px}.tagline{color:#6d7688;font-size:12px}.header-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}button{background:#363b48;color:#d8dce6;border:1px solid #4a4f5e;border-radius:6px;padding:7px 14px;font-size:13px;cursor:pointer}button:hover{background:#414659}button.primary{background:#3b62c4;border-color:#4a74dd}button.primary:hover{background:#4a74dd}button.link{background:none;border:none;padding:4px 0;color:#8fa2d8}.body{display:flex;flex:1;min-height:0}.settings{width:200px;flex-shrink:0;padding:14px;background:#20242e;border-right:1px solid #363b48;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.settings label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#aeb6c8}.settings-field{display:flex;flex-direction:column;gap:5px;color:#aeb6c8;font-size:12px}.settings-field-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.settings-field-heading .link{padding:0;font-size:11px}.settings select,.settings input{background:#2a2e39;color:#d8dce6;border:1px solid #4a4f5e;border-radius:5px;padding:6px 8px;font-size:13px;width:100%}.seed-row{display:flex;gap:6px}.seed-row button{padding:4px 10px;flex-shrink:0}.view-toggle{display:flex;gap:0;border:1px solid #4a4f5e;border-radius:6px;overflow:hidden}.view-toggle button{border:none;border-radius:0;padding:6px 12px;font-size:12px}.view-toggle button.active{background:#3b62c4}.cowrite{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#aeb6c8}.cowrite-title{font-size:11.5px}.cowrite-row{display:flex!important;flex-direction:row!important;align-items:center;gap:6px}.cowrite-row span{width:52px;flex-shrink:0;font-size:11.5px}.lyrics-toggle{display:flex;align-items:center;gap:6px;font-size:12px;color:#aeb6c8}button:disabled{opacity:.55;cursor:default}.score-scroll{overflow-x:auto;border:1px solid #363b48;border-radius:8px;background:#f4f1e8;padding:8px}.score-scroll svg{display:block}.main{flex:1;min-width:0;display:flex;flex-direction:column;padding:12px;gap:8px;overflow:hidden}.view-area{flex-shrink:0;overflow:auto;display:flex;flex-direction:column;gap:6px}.parameter-area{flex:0 0 auto;height:184px;min-height:80px;overflow:hidden}.parameter-area>.p1-controls{height:100%;max-height:none}.splitter{flex-shrink:0;height:7px;border-radius:4px;background:#363b48;cursor:row-resize;touch-action:none}.splitter:hover,.splitter:active{background:#4a74dd}.parameter-splitter{position:relative}.parameter-splitter:after{content:"";position:absolute;left:50%;top:2px;width:42px;height:3px;border-radius:2px;background:#737c91;transform:translate(-50%)}.parameter-splitter:hover:after,.parameter-splitter:active:after{background:#d7e0f5}.annotations{flex:1;min-height:0;overflow-y:auto}.custom-form{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#aeb6c8}.custom-form-title{font-size:11.5px}.project-toolbar,.transport-bar,.editor-toolbar{display:flex;align-items:center;gap:6px;padding:7px 12px;background:#20242e;border-bottom:1px solid #363b48;min-height:42px;overflow-x:auto;flex-shrink:0;font-size:12px}.project-toolbar input,.project-toolbar select,.transport-bar input,.editor-toolbar input{background:#2a2e39;color:#d8dce6;border:1px solid #4a4f5e;border-radius:5px;padding:5px 7px}.project-toolbar{overflow:visible;position:relative;flex-wrap:wrap}.project-title{width:210px;font-weight:600}.toolbar-separator{width:1px;height:24px;background:#4a4f5e;margin:0 3px;flex-shrink:0}.candidate-tray{position:relative;flex-shrink:0}.candidate-tray>summary{cursor:pointer;color:#b9c7e8;white-space:nowrap}.candidate-tray>div{position:absolute;z-index:30;top:calc(100% + 8px);right:0;width:min(390px,80vw);padding:8px;display:grid;gap:6px;background:#20242e;border:1px solid #4a5368;border-radius:8px;box-shadow:0 10px 30px #0008}.candidate-tray>div>button{display:grid;gap:3px;text-align:left}.candidate-tray small{color:#929cb2}.annotation-levels{display:grid;gap:8px;padding-top:8px}.annotation-summary{padding:8px 10px;background:#242a36;border-left:3px solid #5676ba;border-radius:5px}.annotation-summary p{margin:5px 0 0;color:#cbd4e6}.annotation-summary ul{padding:5px 0 0 18px}.annotation-levels>details>summary{cursor:pointer;color:#aebbd3}.transport-bar label{display:flex;align-items:center;gap:4px;white-space:nowrap}.transport-bar label input[type=number]{width:58px}.transport-slider{flex:1;min-width:180px;accent-color:#4a74dd}.transport-position{width:96px;color:#aeb6c8;text-align:center;white-space:nowrap}.editor-toolbar{padding:5px 8px;border:1px solid #363b48;border-radius:7px;min-height:38px}.editor-toolbar button{padding:4px 8px}.chord-input{width:72px}.view-area{flex:1;min-height:150px}.piano-roll-scroll{flex:1;min-height:150px;cursor:crosshair}.roll-note,.roll-chord{cursor:pointer;-webkit-user-select:none;user-select:none}.roll-note:active{cursor:grabbing}.timeline-block{color:#fff;border:2px solid transparent;justify-content:center}.timeline-block.selected{border-color:#f5d76e;box-shadow:0 0 0 1px #f5d76e4d}.save-status{align-self:center;margin-left:8px;color:#6d7688;font-size:10px;white-space:nowrap;max-width:240px;overflow:hidden;text-overflow:ellipsis}@media(max-width:1000px){.tagline{display:none}.header{flex-wrap:wrap}.header-actions{width:100%;margin-left:0}.settings{width:180px}}@media(max-width:720px){.body{flex-direction:column;overflow:auto}.settings{width:100%;max-height:260px;border-right:none;border-bottom:1px solid #363b48}.main{min-height:520px}.timeline{overflow-x:auto}}.modal.composition-design{width:min(980px,96vw)}.modal.composition-design-harmony,.modal.composition-design-expression{width:min(1120px,97vw)}.modal.composition-design-lyrics{width:min(820px,96vw)}.modal.composition-design-dialects{width:min(1120px,97vw)}.design-section{margin:9px 0;padding:10px;border:1px solid #3e4657;border-radius:8px;background:#282d38}.composition-design label{display:flex;flex-direction:column;gap:4px;color:#aeb7ca;font-size:11px}.composition-design input,.composition-design textarea,.composition-design select{box-sizing:border-box;padding:5px 7px;color:#e0e5ef;background:#1e222b;border:1px solid #4b5364;border-radius:5px}.composition-design textarea{width:100%;resize:vertical;font:12px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}.design-grid{display:grid;grid-template-columns:minmax(260px,420px) 1fr;align-items:end;gap:10px;margin:9px 0}.design-help{margin:7px 0;color:#97a2b8;font-size:11px}.chord-drafts{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:8px}.chord-drafts label{padding:7px;background:#222731;border-radius:6px}.chord-drafts small{display:block;line-height:1.4}.draft-error,.dialect-issues{color:#ffaaa0}.draft-warning{color:#efca73}.template-row{display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(190px,1fr) auto auto;gap:6px;margin-top:9px}.expression-table{display:grid;gap:6px;margin-top:9px}.expression-row{display:grid;grid-template-columns:105px repeat(3,minmax(120px,1fr)) minmax(130px,1fr) 150px;align-items:center;gap:7px;padding:6px;background:#222731;border-radius:6px}.expression-row label{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;white-space:nowrap}.expression-row input[type=range]{min-width:70px;padding:0;accent-color:#6f91ec}.contrast-bars{display:grid;gap:2px}.contrast-bars span{position:relative;height:12px;overflow:hidden;padding-left:30px;color:#909aaf;background:#171a21;border-radius:3px;font-size:9px}.contrast-bars i{position:absolute;inset:0 auto 0 0;z-index:0;max-width:100%;background:#557de28c}.lyrics-editor{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.lyrics-editor .wide{grid-column:1 / -1}.user-dialect-list{display:grid;gap:6px;margin-top:8px}.user-dialect-list article{display:grid;grid-template-columns:minmax(180px,1fr) repeat(5,auto);gap:7px;align-items:center;padding:7px;background:#222731;border-radius:6px}.user-dialect-list article span{display:flex;flex-direction:column}.user-dialect-list small{color:#8f99ad}.dialect-issues{padding-left:22px;font-size:11px}.dialect-manager{display:grid;gap:10px}.dialect-source-row{display:flex;flex-wrap:wrap;align-items:end;gap:7px}.dialect-source-row label{min-width:min(380px,100%)}.dialect-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.dialect-editor fieldset{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px;border:1px solid #444c5d;border-radius:7px}.dialect-editor legend{padding:0 5px;color:#dce3f5;font-weight:700}.dialect-editor label{display:flex;flex-direction:column;gap:3px}.dialect-editor .wide{grid-column:1 / -1}.dialect-editor textarea{resize:vertical}.field-issue{color:#ffaaa0}.advanced-preservation,.dialect-preview,.dialect-editor>.manager-actions,.dialect-editor>.dialect-issues{grid-column:1 / -1}.dialect-preview{display:grid;gap:3px;padding:8px;background:#1c2432;border:1px solid #3f6584;border-radius:6px;font-size:11px}.advanced-preservation{margin:0;color:#9aa8c2;font-size:11px}.file-button{display:inline-flex!important;flex-direction:row!important;align-items:center;width:max-content;padding:5px 9px;color:#d8dce6!important;background:#303644;border:1px solid #50596b;border-radius:5px;cursor:pointer}.file-button input{display:none}.design-footer{display:flex;justify-content:flex-end;gap:8px;position:sticky;bottom:-18px;margin:14px -18px -18px;padding:10px 18px;background:#222733;border-top:1px solid #51596b}@media(max-width:900px){.dialect-editor,.chord-drafts,.design-grid,.lyrics-editor{grid-template-columns:1fr}.expression-row{grid-template-columns:1fr 1fr}.template-row{grid-template-columns:1fr auto}}.custom-form input{background:#2a2e39;color:#d8dce6;border:1px solid #4a4f5e;border-radius:5px;padding:6px 8px;font-size:12.5px;width:100%}.custom-form .link{text-align:left;font-size:11.5px}.form-error{color:#e08a8a;font-size:11.5px}.piano-roll-scroll{overflow-x:auto;border:1px solid #363b48;border-radius:8px;background:#22252e}.annotations ul{list-style:none;padding:8px 0;display:flex;flex-direction:column;gap:5px;font-size:12.5px}.annotations li{display:flex;gap:8px;align-items:baseline}.annotation-loc{color:#6d7688;flex-shrink:0;width:130px}.annotation-tag{flex-shrink:0;font-size:10.5px;padding:1px 7px;border-radius:9px;background:#363b48;color:#aeb6c8}.tag-chromatic-cliche{background:#4a3a63;color:#c9b3ee}.tag-modal-interchange{background:#59402e;color:#eec9a8}.tag-melodic-leap{background:#2e4a59;color:#a8d5ee}.tag-melodic-bass{background:#2e5940;color:#a8eec2}.timeline{display:flex;gap:4px;padding:8px 12px;background:#20242e;border-top:1px solid #363b48}.timeline-block{border-radius:6px;padding:6px 10px;font-size:12px;display:flex;align-items:baseline;gap:6px;min-width:0}.timeline-block small{color:#ffffff8c;font-size:10px}.block-verse{background:#33508f}.block-chorus{background:#8f5033}.block-bridge{background:#50338f}.block-intro,.block-outro{background:#3d4351}.structure-editor{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#20242e;border-bottom:1px solid #363b48;overflow-x:auto;flex-shrink:0;font-size:12px}.structure-editor label{display:flex;align-items:center;gap:4px;white-space:nowrap;color:#aeb6c8}.structure-editor select,.structure-editor input,.p1-controls select,.p1-controls input[type=number]{background:#2a2e39;color:#d8dce6;border:1px solid #4a4f5e;border-radius:5px;padding:4px 6px}.structure-editor input{width:56px}.structure-editor button{padding:4px 8px}.structure-hint{color:#6d7688;white-space:nowrap}.p1-controls{flex-shrink:0;display:flex;flex-direction:column;gap:6px;max-height:184px;overflow:hidden;padding:6px;border:1px solid #363b48;border-radius:7px;background:#20242e;font-size:11px}.parameter-sections{display:flex;flex:1;min-height:0;gap:6px;overflow:auto}.p1-controls details{flex:0 0 auto;min-width:250px;border-right:1px solid #363b48;padding-right:8px}.p1-controls details:last-child{border-right:0}.p1-controls summary{cursor:pointer;color:#b9c7ea;font-weight:600;margin-bottom:6px}.p1-controls label{color:#aeb6c8}.control-grid{display:grid;grid-template-columns:repeat(3,minmax(105px,1fr));gap:6px 9px}.pattern-grid label,.range-pair label{display:flex;flex-direction:column;gap:3px}.control-range{display:flex;flex-direction:column;gap:2px}.control-range span{display:flex;justify-content:space-between}.control-range output{color:#7f91bd}.control-range input{width:100%;accent-color:#4a74dd}.mixer-table{display:flex;flex-direction:column;gap:3px;min-width:590px}.mixer-row{display:grid;grid-template-columns:62px 28px 28px 1fr 1fr 92px;gap:4px;align-items:center}.mixer-row button{padding:2px;font-size:10px}.mixer-row button.active{background:#9b553d;border-color:#d47b5d}.mixer-row label{display:flex;align-items:center;gap:3px}.mixer-row input{min-width:60px;width:100%;accent-color:#4a74dd}.range-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px}.composition-grid{min-width:430px}.timeline-block[draggable=true]{cursor:grab}.timeline-block[draggable=true]:active{cursor:grabbing;opacity:.72}@media(max-width:900px){.parameter-area{height:250px}.p1-controls{max-height:250px}.parameter-sections{flex-direction:column}.p1-controls details{border-right:0;border-bottom:1px solid #363b48;padding-bottom:6px}.structure-hint{display:none}}.panel-heading,.parameter-staging,.manager-actions,.soundfont-toolbar,.soundfont-storage,.mixer-presets,.roll-controls{display:flex;align-items:center;gap:7px}.panel-heading{flex-wrap:wrap;padding-bottom:8px;border-bottom:1px solid #363b48}.panel-heading button{padding:4px 7px;font-size:10px}.change-badge{display:inline-flex;align-items:center;border-radius:999px;padding:1px 7px;font-size:9px;font-weight:700;white-space:nowrap}.change-badge.rebuild{color:#ffd8a6;background:#5a3b24;border:1px solid #8b5c35}.change-badge.audio-only{color:#bfe8d0;background:#234b39;border:1px solid #39795b}.parameter-staging{flex:0 0 auto;min-width:0;flex-wrap:nowrap;padding:3px 5px 6px;border-bottom:1px solid #363b48;overflow-x:auto;scrollbar-width:thin}.parameter-staging>*{flex:0 0 auto}.parameter-staging>span:not(.change-badge){color:#8993a9}.parameter-staging button{padding:3px 7px;font-size:11px}.help-dot{padding:0 4px;margin-left:3px;border-radius:50%;font-size:9px}.master-strip{display:grid;grid-template-columns:64px minmax(130px,1fr) minmax(90px,160px) auto auto;align-items:center;gap:8px;margin-bottom:6px;padding:5px;background:#282d39;border-radius:5px}.level-meter{position:relative;display:inline-block;height:9px;min-width:70px;overflow:hidden;border-radius:3px;background:#15171d;box-shadow:inset 0 0 0 1px #464d5c}.level-meter .rms{position:absolute;inset:1px auto 1px 1px;background:#42b879;border-radius:2px}.level-meter .peak{position:absolute;top:0;bottom:0;width:2px;background:#eacb56}.level-meter.clipping{box-shadow:inset 0 0 0 1px #ff674f,0 0 5px #a52e22}.clip-warning{color:#ff7967;font-weight:800}.mixer-presets{margin-bottom:5px}.mixer-presets button{padding:3px 8px}.mixer-presets-label{min-width:92px;color:#8b93a5;font-size:10px}.timbre-set-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-sync{padding:1px 7px;border-radius:999px;background:#4a3a20;color:#ffd79a;font-size:10px}.preset-sync.in-sync{background:#24382b;color:#8fd4a6}.mixer-row{grid-template-columns:62px 28px 28px minmax(90px,1fr) minmax(90px,1fr) 150px 85px}.part-source{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.soundfont-needs-attention{border-color:#a6772a}.soundfont-needs-attention span{margin-left:6px;padding:1px 5px;color:#ffe0a3;background:#644614;border-radius:999px;font-size:10px}.roll-editor{min-height:0;display:flex;flex-direction:column;gap:5px}.roll-controls{flex-wrap:wrap;padding:4px 6px;background:#20242e;border:1px solid #363b48;border-radius:6px;font-size:11px}.roll-controls label{display:inline-flex;align-items:center;gap:4px;color:#aeb6c8}.roll-controls input[type=range]{width:82px;accent-color:#4a74dd}.roll-controls select{background:#2a2e39;color:#d8dce6;border:1px solid #4a4f5e;border-radius:4px;padding:3px}.part-filters{display:inline-flex;gap:3px}.part-filters button{padding:3px 7px;opacity:.52}.part-filters button.active{opacity:1;background:#343b4b}.piano-roll-scroll{position:relative;overflow:auto;min-height:150px}.roll-context-menu{position:fixed;z-index:80;display:flex;flex-direction:column;width:190px;padding:5px;background:#2b303d;border:1px solid #596174;border-radius:7px;box-shadow:0 12px 35px #00000080}.roll-context-menu button{display:flex;justify-content:space-between;border:0;background:transparent}kbd{color:#8993a9;font:inherit;font-size:10px}.refresh-parts{display:inline-flex;align-items:center;gap:4px}.refresh-parts label{display:inline-flex;align-items:center}.chord-palette{position:absolute;z-index:20;top:100%;left:40%;display:flex;flex-wrap:wrap;max-width:320px;gap:3px;padding:6px;background:#292e3a;border:1px solid #596174;border-radius:6px;box-shadow:0 8px 22px #111}.editor-toolbar{position:relative}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:#080a0fb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:min(980px,96vw);max-height:90vh;overflow:auto;padding:18px;background:#222733;border:1px solid #51596b;border-radius:12px;box-shadow:0 22px 80px #0000008c}.modal>header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.modal>header h2{font-size:20px}.modal>header p{margin-top:4px;color:#939db3;font-size:12px}.modal>header>button{font-size:20px;padding:2px 9px}.modal .spacer{flex:1}.danger{color:#ffb4aa;border-color:#7d3f3a}.storage-summary,.soundfont-storage{display:flex;flex-wrap:wrap;gap:8px 16px;margin:9px 0;padding:8px 10px;border-radius:6px;background:#1c202a;color:#9da7ba;font-size:11px}.manager-message{margin:8px 0;color:#e6ca79;font-size:12px}.project-list{display:flex;flex-direction:column;gap:7px;margin-top:10px}.project-list article{border:1px solid #3d4351;border-radius:7px;background:#292e3a}.project-list article.current{border-color:#4f75d5;box-shadow:inset 3px 0 #4f75d5}.project-row{display:flex;align-items:center;gap:6px;padding:8px}.project-row>div:first-child{flex:1;display:flex;flex-direction:column;gap:3px}.project-row small,.preset-list small{color:#8993a9}.snapshot-list{display:flex;flex-direction:column;gap:4px;padding:7px 10px 10px 26px;border-top:1px solid #3d4351}.snapshot-list>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.help-guide{width:min(680px,96vw)}.guide-steps{display:grid;gap:9px;padding-left:25px}.guide-steps li{padding-left:4px}.guide-steps li span{display:block;margin-top:2px;color:#a5aec0;font-size:12px}.help-legend{display:flex;gap:18px;margin:16px 0 10px;font-size:12px}.privacy-note{margin:8px 0;padding:9px 11px;color:#b7d8c5;background:#20352c;border:1px solid #315441;border-radius:6px;font-size:12px;line-height:1.55}.soundfont-issues{display:grid;gap:3px;margin:8px 0;padding:9px 11px;color:#ffd99a;background:#3b2d18;border:1px solid #76572c;border-radius:6px;font-size:12px}.quality-soundfont-card{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:10px 0;padding:12px;background:#202f46;border:1px solid #41628f;border-radius:8px}.quality-soundfont-card>div:first-child{display:grid;gap:4px}.quality-soundfont-card span,.quality-soundfont-card small{color:#b8c6dc;font-size:12px}.quality-soundfont-card a{color:#9db8ff}.quality-soundfont-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px}.installed-badge{padding:3px 7px;color:#b7e6c8!important;background:#234936;border-radius:999px;white-space:nowrap}.help-guide footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.help-guide a{color:#9db8ff}.timbre-presets{margin:10px 0}.timbre-presets header{display:grid;gap:2px;margin-bottom:6px}.timbre-presets header span{color:#9da7ba;font-size:12px}.timbre-preset-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:6px}.timbre-preset-list article{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;background:#292e3a;border:1px solid #3d4351;border-radius:6px}.timbre-preset-list article>div{display:grid;gap:2px}.timbre-preset-list small{color:#8993a9;font-size:11px;line-height:1.5}.soundfont-library{width:min(1080px,97vw)}.soundfont-toolbar{flex-wrap:wrap}.soundfont-toolbar select{min-width:280px}.import-progress{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:9px;margin:9px 0}.import-progress progress{width:100%}.preset-search{display:flex;align-items:center;gap:8px;margin:12px 0 6px;font-size:12px}.preset-search input,.soundfont-toolbar select{background:#2a2e39;color:#d8dce6;border:1px solid #4a4f5e;border-radius:5px;padding:6px 8px}.preset-search input{flex:1}.preset-list{max-height:48vh;overflow:auto;display:flex;flex-direction:column;gap:5px}.preset-list article{display:grid;grid-template-columns:minmax(210px,1fr) auto minmax(330px,auto);align-items:center;gap:8px;padding:7px;background:#292e3a;border:1px solid #3d4351;border-radius:6px}.preset-list article>div:first-child{display:flex;flex-direction:column}.assign-buttons{display:flex;flex-wrap:wrap;gap:3px}.assign-buttons button{padding:3px 6px}@media(max-width:1200px){.header{align-items:flex-start}.header-actions{gap:4px}.header-actions button{padding:5px 8px}.p1-controls{max-height:230px}}@media(max-width:720px){.settings{width:170px}.modal-backdrop{padding:8px}.project-row{flex-wrap:wrap}.project-row>div:first-child{flex-basis:100%}.preset-list article{grid-template-columns:1fr}.quality-soundfont-card{align-items:stretch;flex-direction:column}.quality-soundfont-actions{justify-content:flex-start}}.pwa-notice{display:flex;align-items:center;justify-content:center;gap:9px;padding:7px 12px;color:#e8edff;background:#324b7d;border-bottom:1px solid #6987c5;font-size:12px}.pwa-notice.offline{background:#4c4324;border-color:#8f7b3d}.pwa-notice.error{background:#642e37;border-color:#a95b67}.pwa-notice button{padding:3px 8px}.app-version{color:#8f9ab3;font-size:10px;font-weight:500}.starter-preset{margin-bottom:8px;padding:8px;background:#1d2b45;border:1px solid #405e91;border-radius:7px}.starter-preset small{color:#8fa1c5;line-height:1.35}.save-status.error{color:#ffaaa0;font-weight:700}.empty-state{padding:18px;text-align:center;color:#aeb7ca}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #8fb6ff;outline-offset:2px}