:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#dfe2e9;background:#101116;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.38;cursor:not-allowed}button:not(:disabled):hover{filter:brightness(1.25)}a{color:#afbaeb;text-decoration:none}a:hover{text-decoration:underline}.notiq-app{height:100vh;min-height:620px;display:flex;flex-direction:column;background:#111318;overflow:hidden}.osbar{height:39px;flex:none;background:#1c1d23;border-bottom:1px solid #32343d;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.os-title,.os-actions,.os-actions a{display:flex;align-items:center;gap:10px}.os-title svg{color:#948aff}.os-title strong{color:#f5f6fa;font-size:17px;letter-spacing:2px}.os-title b{font-size:9px;color:#b9aaff;background:#2b2545;border:1px solid #61569d;border-radius:4px;padding:3px 7px;letter-spacing:1px}.os-actions{gap:25px;font-size:11px}.lunor{color:#8b94b1;letter-spacing:1.7px;font-weight:700}.lunor b{color:#fff}.os-settings{border:1px solid #404252;background:#272933;color:#adb8d1;border-radius:6px;padding:6px;display:flex}.transport{height:69px;flex:none;background:#17191f;border-bottom:1px solid #2c3039;display:flex;align-items:center;gap:20px;padding:0 17px;min-width:0}.logo{min-width:236px;display:flex;align-items:center;gap:10px;white-space:nowrap}.logo-box{width:11px;height:11px;background:#7387ee;border-radius:3px;font-size:0}.logo strong{letter-spacing:2px;font-size:16px}.logo small{color:#697081;font-size:10px}.transport-buttons{display:flex;align-items:center;gap:7px;flex:none}.transport-buttons button,.icon-button{height:34px;width:35px;display:grid;place-items:center;border:0;border-radius:5px;background:transparent;color:#c4cad4}.transport-buttons .transport-play{color:#fff}.transport-buttons button.is-active{background:#313b5d;color:#90a8ff}.transport-time{display:flex;align-items:baseline;gap:10px;border-left:1px solid #343743;padding-left:20px;white-space:nowrap}.transport-time strong{font:700 17px ui-monospace,SFMono-Regular,Consolas,monospace;color:#f5f5f8}.transport-time span{font:500 12px ui-monospace,monospace;color:#697080}.model-token{height:35px;display:flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid #30323d;border-radius:7px;background:#21242c;color:#a5b1c6;padding:0 14px;font-size:11px;font-weight:700;letter-spacing:.5px}.model-token svg{color:#979afa}.transport-select{height:34px;display:flex;gap:11px;align-items:center;color:#798397;font-size:10px;white-space:nowrap}.select-wrap{display:flex;align-items:center;background:#24262d;border-radius:6px;padding-right:7px}.select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#d2d7e1;font-size:11px;background:transparent;border:0;padding:9px 8px;outline:0;cursor:pointer}.select-wrap option{background:#202229}.select-wrap svg{pointer-events:none}.master-output{display:flex;align-items:center;gap:11px;color:#aeb4c5;min-width:105px;margin-left:auto}.master-output input{width:105px;accent-color:#98a0c0}.icon-button{background:#20232b}.settings-popup{position:absolute;z-index:90;right:17px;top:150px;width:295px;max-width:calc(100vw - 30px);border:1px solid #525775;background:#21242f;box-shadow:0 14px 50px #000a;border-radius:10px;padding:16px;color:#e3e7f5;font-size:12px}.popup-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.popup-head strong{display:flex;align-items:center;gap:7px}.popup-head button{border:0;background:none;color:#aeb6d1}.settings-popup label{display:flex;justify-content:space-between;align-items:center;gap:8px}.settings-popup input{max-width:75px;border:1px solid #424969;border-radius:5px;background:#151a28;color:#fff;padding:7px}.settings-popup p{color:#a5abc0;line-height:1.6;margin:12px 0}.studio{display:flex;flex:1;min-height:0;overflow:hidden}.sidebar{width:276px;flex:none;display:flex;flex-direction:column;border-right:1px solid #2b303a;background:#18191f}.sidebar-heading{height:40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #292d35;padding:0 15px;letter-spacing:1.4px;font-size:11px;font-weight:800;color:#9ea7ba}.sidebar-heading span:last-child{color:#667081}.track-explainer{padding:8px 15px;border-bottom:1px solid #242831;color:#858da0;font-size:10px}.track-card{height:111px;padding:12px 12px 10px 15px;border-bottom:1px solid #292c35;flex:none;transition:opacity .15s}.track-card.is-muted{opacity:.36}.track-title-row{display:flex;align-items:center;gap:8px}.track-icon{height:26px;min-width:30px;display:grid;place-items:center;border:1px solid;border-radius:5px;font:800 10px ui-monospace,monospace}.track-label{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.track-label strong{color:#e0e5eb;font-size:13px}.track-label small{color:#82899b;font-size:10px}.tiny-toggle{height:21px;width:23px;background:#252831;border:0;border-radius:4px;color:#788497;font-size:10px}.tiny-toggle.selected{background:#495785;color:#dde4ff}.track-slider-row{display:flex;align-items:center;gap:7px;margin:10px 0 0 36px;color:#8b97aa;font-size:10px}.track-slider-row input{min-width:0;flex:1;accent-color:#8d9abb;height:5px}.track-slider-row span:last-child{min-width:28px;text-align:right}.side-bottom{margin-top:auto;border-top:1px solid #30313d;padding:16px 14px;color:#8d95a5}.side-bottom strong{font-size:10px;letter-spacing:1.2px}.side-bottom p{font-size:10px;line-height:1.4;color:#8691a5}.bar-dummy{width:100%;height:12px;border-radius:3px;margin-top:10px;background:repeating-linear-gradient(90deg,#2d3341 0 5px,transparent 5px 8px)}.action-outline,.primary-action,.export-action{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 11px;border:1px solid #414756;border-radius:6px;background:#272933;color:#d2d8e9;font-size:11px;font-weight:700;white-space:nowrap}.primary-action{background:#455083;color:#fff;border-color:#6578c1}.export-action{border-color:#6c76d6;background:#303d69;color:#dbe4ff}.tempo-chip{display:flex;align-items:center;gap:8px;white-space:nowrap;background:#26282f;padding:8px;border-radius:5px;font-size:10px;color:#9ca6b9}.tempo-chip input{width:43px;color:#fff;background:none;border:0;outline:0}.workarea{display:flex;flex:1;min-height:0;overflow:hidden}.keyboard{width:56px;flex:none;background:#1b1e25;border-right:1px solid #373c47;overflow:auto;scrollbar-width:none}.keyboard::-webkit-scrollbar{display:none}.ruler-key-label{height:28px;display:flex;align-items:center;padding-left:3px;background:#1f222a;border-block:1px solid #343943;color:#667186;font-size:8px;letter-spacing:.5px}.key{display:flex;align-items:center;justify-content:flex-end;width:100%;height:16px;border:0;border-bottom:1px solid #8a8f97;background:#e8eaf0;color:#24262e;text-align:right;padding-right:3px;font-size:8px;line-height:1}.key.black{background:#31353f;color:#e8e8ef;border-bottom-color:#222631;width:70%;box-shadow:3px 1px 5px #0006;position:relative;z-index:2}.key:hover{background:#b6c3ff}.scroller{flex:1;overflow:auto;background:#12141a}.timeline{position:relative;min-height:100%;background:#13151b}.ruler{height:28px;border-bottom:1px solid #333845;background:#202229;position:relative}.tick{border:0;border-left:1px solid #343945;position:absolute;top:0;height:100%;padding:5px 0 0 4px;background:none;color:#8b91a1;font:10px ui-monospace,monospace;text-align:left;min-width:20px}.roll{position:relative;background:repeating-linear-gradient(to bottom,#15171e 0,#15171e 15px,#262a31 15px,#262a31 16px);overflow:hidden}.pitch-grid{position:absolute;left:0;right:0;border-bottom:1px solid #272b34;pointer-events:none}.pitch-grid.octave{border-bottom:1px solid #404a58}.beat-grid{position:absolute;top:0;bottom:0;width:1px;background:#2c323d;pointer-events:none}.note{position:absolute;z-index:5;height:14px;min-width:3px;border:1px solid;border-radius:2px;box-shadow:inset 0 -2px #0003,0 0 4px #0008;color:#182026;font:800 9px ui-monospace,monospace;text-align:left;padding:0 3px;overflow:hidden;white-space:nowrap}.note:hover{filter:brightness(1.4)}.playhead{position:absolute;z-index:7;top:0;width:1px;background:#d8d9e5;box-shadow:0 0 4px #fff4;pointer-events:none}.playhead:before{content:"";position:absolute;left:-3px;top:0;border:4px solid transparent;border-top-color:#d8d9e5}.empty-roll{position:absolute;top:90px;left:50%;transform:translate(-50%);display:flex;align-items:center;flex-direction:column;gap:9px;min-width:255px;text-align:center;color:#8e98ab;pointer-events:none}.empty-roll strong{color:#c1c9d8;font-size:13px}.empty-roll small{font-size:11px}.editor-status{height:36px;min-height:36px;display:flex;align-items:center;gap:14px;padding:0 14px;background:#202229;color:#8b97ab;font-size:11px;border-top:1px solid #333843;white-space:nowrap}.editor-status>span:first-child{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-track{width:120px;height:5px;border-radius:10px;overflow:hidden;background:#343c52}.progress-track>div{height:100%;background:#8f9eff;transition:width .2s}.zoom-controls{margin-left:auto;display:flex;align-items:center;gap:7px}.zoom-controls button{display:grid;place-items:center;color:#a4aec4;background:transparent;border:0}.zoom-controls span{min-width:40px;text-align:center}.error-banner{position:absolute;right:15px;bottom:63px;z-index:30;max-width:560px;display:flex;align-items:center;gap:8px;background:#502d37;color:#ffd5dd;padding:12px 14px;border:1px solid #ab5d72;border-radius:6px;box-shadow:0 10px 30px #0008;font-size:12px}.error-banner button{border:0;color:#ffd5dd;background:none;display:flex}.app-footer{min-height:29px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 14px;background:#15171e;border-top:1px solid #313540;color:#7e899b;font-size:10px}.app-footer span{display:flex;align-items:center;gap:6px}.hidden{display:none}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1210px){.transport{gap:11px}.logo{min-width:174px}.transport-time{padding-left:10px}.model-token{padding:0 9px}.file-actions{gap:4px}.action-outline,.primary-action,.export-action{padding:8px 7px}.sidebar{width:244px}}@media(max-width:900px){.logo{min-width:120px}.model-token,.master-output{display:none}.sidebar{width:203px}.track-icon{min-width:25px}.file-actions .action-outline{font-size:0}.file-actions .action-outline svg{width:17px}.os-actions a{display:none}.editor-toolbar{flex-wrap:wrap}.filename{flex-basis:100%}.file-actions{width:100%;justify-content:flex-end}.notice{font-size:10px}}@media(max-width:620px){.notiq-app{min-height:620px}.transport{gap:7px;padding:0 6px}.logo{min-width:74px;gap:4px}.logo strong{font-size:11px}.logo small,.transport-select,.os-title b{display:none}.transport-buttons{gap:0}.transport-buttons button{width:27px}.transport-time{gap:4px}.transport-time strong{font-size:11px}.transport-time span{font-size:9px}.notice{justify-content:flex-start}.sidebar{width:118px}.sidebar-heading{font-size:9px;padding:0 6px;letter-spacing:0}.track-explainer{padding:6px;font-size:9px}.track-card{height:105px;padding:8px 5px}.track-icon{display:none}.track-label strong{font-size:11px}.track-label small{font-size:9px}.track-title-row{gap:3px;flex-wrap:wrap}.tiny-toggle{width:18px;height:20px}.track-slider-row{margin:8px 1px}.track-slider-row span:last-child{display:none}.side-bottom{padding:8px;font-size:9px}.side-bottom p{font-size:9px}.file-actions{overflow:auto;justify-content:flex-start}.editor-toolbar,.tempo-chip{padding:6px}.tempo-chip input{width:36px}.app-footer{font-size:9px}.app-footer span:last-child{display:none}.osbar{padding:0 7px}.os-actions{gap:6px}.lunor{font-size:10px}.keyboard{width:37px}.ruler-key-label{font-size:6px}}.transport{height:62px;min-height:62px;gap:12px;padding:0 14px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#454b5c transparent}.transport>*{flex-shrink:0}.transport-buttons{gap:4px}.transport-time{padding-left:9px;gap:7px}.transport-time strong{font-size:15px}.model-token{padding:0 10px;font-size:10px}.master-output{margin-left:0;min-width:100px;gap:7px}.master-output input{width:83px}.toolbar-separator{height:28px;width:1px;background:#38404d;flex:none}.toolbar-actions{display:flex;align-items:center;gap:7px;flex-shrink:0;margin-left:auto;white-space:nowrap}.toolbar-actions .action-outline,.toolbar-actions .primary-action,.toolbar-actions .export-action{height:34px;padding:7px 9px;flex:none}.toolbar-actions .tempo-chip{height:34px;flex:none;padding:7px 8px}.toolbar-file{display:flex;align-items:center;gap:6px;max-width:190px;min-width:85px;color:#aebbd2;font-size:11px}.toolbar-file>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-file>svg{flex:none;color:#95a3c3}.toolbar-file .remove-file{display:flex;align-items:center;flex:none;border:0;background:#2a2e38;border-radius:4px;padding:4px;color:#c8d2e6}.editor{flex:1;min-width:0;display:flex;flex-direction:column;background:#101217}@media(max-width:1340px){.transport{gap:9px}.toolbar-actions{margin-left:0;gap:5px}.toolbar-actions .action-outline,.toolbar-actions .primary-action,.toolbar-actions .export-action{padding:7px 8px}}@media(max-width:900px){.transport{gap:9px;padding:0 10px}.model-token,.master-output,.transport-select{display:flex}.toolbar-actions{width:auto;justify-content:flex-start;overflow:visible}.toolbar-actions .action-outline{font-size:11px}}@media(max-width:620px){.transport{height:57px;min-height:57px;gap:9px;padding:0 8px}.model-token{display:flex;font-size:9px}.transport-select{display:flex}.toolbar-actions .action-outline{font-size:11px}.toolbar-actions .tempo-chip input{width:38px}.toolbar-file{max-width:112px;min-width:65px}}.osbar{height:44px;min-height:44px;max-height:44px}.app-menu-items{display:flex;flex:1}.menu-trigger{background:transparent;color:#ddd;border:0;padding:9px}.menu-dropdown{position:fixed;background:#20242d;z-index:9999}.osbar{height:44px;min-height:44px;max-height:44px;gap:14px;padding:0 14px;background:#171a21;position:relative;z-index:110}.os-title{display:flex;align-items:center;flex:none;gap:8px;white-space:nowrap}.os-title strong{font-size:16px;letter-spacing:1px}.os-title b{font-size:9px;padding:3px 6px}.app-menu-items{display:flex;align-items:center;align-self:stretch;flex:1;min-width:0;gap:1px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.app-menu-items::-webkit-scrollbar{display:none}.menu-slot{display:flex;align-items:center;flex:none}.menu-trigger{height:36px;min-height:36px;padding:0 11px;background:transparent;border:1px solid transparent;border-radius:4px;color:#e0e4f1;font-size:12px;font-weight:500;white-space:nowrap}.menu-trigger:hover,.menu-trigger.active{background:#2d3140;color:#fff;border-color:#424a60}.menu-trigger.active{box-shadow:inset 0 -2px #a49af9}.menu-dropdown{position:fixed;z-index:9999;width:266px;max-width:calc(100vw - 16px);max-height:calc(100vh - 65px);overflow-y:auto;background:#20242d;border:1px solid #475064;border-radius:7px;padding:6px;box-shadow:0 15px 45px #000b}.menu-command{display:flex;align-items:center;gap:8px;width:100%;min-height:35px;text-align:left;padding:6px 8px;border:0;border-radius:4px;color:#e0e5ef;background:transparent;font-size:12px}.menu-command:hover:not(:disabled){background:#343c53;color:#fff}.menu-command:disabled{opacity:.35}.menu-checked{width:13px;flex:none;color:#ad9fff;font-size:14px;font-weight:800}.menu-command-name{flex:1;min-width:0}.menu-shortcut{color:#77859a;font-size:10px}.menu-settings{display:flex;flex-direction:column;gap:7px;padding:11px 10px 7px;margin-top:5px;border-top:1px solid #343c4b;color:#9facbf;font-size:11px}.menu-settings input[type=range]{width:100%;accent-color:#aba0ff}.menu-settings select,.menu-settings input[type=number]{width:100%;height:30px;background:#181d27;border:1px solid #3e485e;border-radius:5px;color:#edf1fa;padding:5px 8px;font-size:12px}.menu-settings small{color:#8c97b2}.menu-note{border-top:1px solid #363e4e;color:#96a2b7;line-height:1.55;font-size:10px;margin:5px 0 0;padding:11px 9px 6px}.os-actions{flex:none;margin-left:auto;gap:17px;white-space:nowrap}.os-settings{padding:5px}.settings-popup{top:47px}.compact-clock{color:#a1aac1;font-family:ui-monospace,Consolas,monospace;font-size:11px;white-space:nowrap}@media(max-width:1080px){.osbar{gap:9px;padding:0 9px}.menu-trigger{padding:0 8px}.os-actions{gap:8px}.os-actions a{display:none}}@media(max-width:760px){.osbar{height:42px;min-height:42px;max-height:42px}.os-title{gap:5px}.os-title strong{font-size:13px}.os-title b,.os-actions .lunor{display:none}.menu-trigger{padding:0 7px;font-size:11px}.compact-clock{display:none}}@media(max-width:450px){.osbar{padding:0 6px;gap:6px}.os-actions{display:none}.menu-trigger{padding:0 6px}}