@font-face{font-display:block;font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/kgstudio/assets/KaTeX_AMS-Regular-BQhdFMY1.woff2) format("woff2"),url(/kgstudio/assets/KaTeX_AMS-Regular-DMm9YOAa.woff) format("woff"),url(/kgstudio/assets/KaTeX_AMS-Regular-DRggAlZN.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/kgstudio/assets/KaTeX_Caligraphic-Bold-Dq_IR9rO.woff2) format("woff2"),url(/kgstudio/assets/KaTeX_Caligraphic-Bold-BEiXGLvX.woff) format("woff"),url(/kgstudio/assets/KaTeX_Caligraphic-Bold-ATXxdsX0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/kgstudio/assets/KaTeX_Caligraphic-Regular-Di6jR-x-.woff2) format("woff2"),url(/kgstudio/assets/KaTeX_Caligraphic-Regular-CTRA-rTL.woff) format("woff"),url(/kgstudio/assets/KaTeX_Caligraphic-Regular-wX97UBjC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/kgstudio/assets/KaTeX_Fraktur-Bold-CL6g_b3V.woff2) format("woff2"),url(/kgstudio/assets/KaTeX_Fraktur-Bold-BsDP51OF.woff) format("woff"),url(/kgstudio/assets/KaTeX_Fraktur-Bold-BdnERNNW.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/kgstudio/assets/KaTeX_Fraktur-Regular-CTYiF6lA.woff2) format("woff2"),url(/kgstudio/assets/KaTeX_Fraktur-Regular-Dxdc4cR9.woff) format("woff"),url(/kgstudio/assets/KaTeX_Fraktur-Regular-CB_wures.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/kgstudio/assets/KaTeX_Main-Bold-Cx986IdX.woff2) format("woff2"),url(/kgstudio/assets/KaTeX_Main-Bold-Jm3AIy58.woff) format("woff"),url(/kgstudio/assets/KaTeX_Main-Bold-waoOVXN0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/kgstudio/assets/KaTeX_Main-BoldItalic-DxDJ3AOS.woff2) format("woff2"),url(/kgstudio/assets/KaTeX_Main-BoldItalic-SpSLRI95.woff) format("woff"),url(/kgstudio/assets/KaTeX_Main-BoldItalic-DzxPMmG6.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/kgstudio/assets/KaTeX_Main-Italic-NWA7e6Wa.woff2) format("woff2"),url(/kgstudio/assets/KaTeX_Main-Italic-BMLOBm91.woff) format("woff"),url(/kgstudio/assets/KaTeX_Main-Italic-3WenGoN9.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/kgstudio/assets/KaTeX_Main-Regular-B22Nviop.woff2) format("woff2"),url(/kgstudio/assets/KaTeX_Main-Regular-Dr94JaBh.woff) format("woff"),url(/kgstudio/assets/KaTeX_Main-Regular-ypZvNtVU.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/kgstudio/assets/KaTeX_Math-BoldItalic-CZnvNsCZ.woff2) format("woff2"),url(/kgstudio/assets/KaTeX_Math-BoldItalic-iY-2wyZ7.woff) format("woff"),url(/kgstudio/assets/KaTeX_Math-BoldItalic-B3XSjfu4.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/kgstudio/assets/KaTeX_Math-Italic-t53AETM-.woff2) format("woff2"),url(/kgstudio/assets/KaTeX_Math-Italic-DA0__PXp.woff) format("woff"),url(/kgstudio/assets/KaTeX_Math-Italic-flOr_0UB.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:normal;font-weight:700;src:url(/kgstudio/assets/KaTeX_SansSerif-Bold-D1sUS0GD.woff2) format("woff2"),url(/kgstudio/assets/KaTeX_SansSerif-Bold-DbIhKOiC.woff) format("woff"),url(/kgstudio/assets/KaTeX_SansSerif-Bold-CFMepnvq.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:italic;font-weight:400;src:url(/kgstudio/assets/KaTeX_SansSerif-Italic-C3H0VqGB.woff2) format("woff2"),url(/kgstudio/assets/KaTeX_SansSerif-Italic-DN2j7dab.woff) format("woff"),url(/kgstudio/assets/KaTeX_SansSerif-Italic-YYjJ1zSn.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:normal;font-weight:400;src:url(/kgstudio/assets/KaTeX_SansSerif-Regular-DDBCnlJ7.woff2) format("woff2"),url(/kgstudio/assets/KaTeX_SansSerif-Regular-CS6fqUqJ.woff) format("woff"),url(/kgstudio/assets/KaTeX_SansSerif-Regular-BNo7hRIc.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/kgstudio/assets/KaTeX_Script-Regular-D3wIWfF6.woff2) format("woff2"),url(/kgstudio/assets/KaTeX_Script-Regular-D5yQViql.woff) format("woff"),url(/kgstudio/assets/KaTeX_Script-Regular-C5JkGWo-.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/kgstudio/assets/KaTeX_Size1-Regular-mCD8mA8B.woff2) format("woff2"),url(/kgstudio/assets/KaTeX_Size1-Regular-C195tn64.woff) format("woff"),url(/kgstudio/assets/KaTeX_Size1-Regular-Dbsnue_I.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/kgstudio/assets/KaTeX_Size2-Regular-Dy4dx90m.woff2) format("woff2"),url(/kgstudio/assets/KaTeX_Size2-Regular-oD1tc_U0.woff) format("woff"),url(/kgstudio/assets/KaTeX_Size2-Regular-B7gKUWhC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(data:font/woff2;base64,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) format("woff2"),url(/kgstudio/assets/KaTeX_Size3-Regular-CTq5MqoE.woff) format("woff"),url(/kgstudio/assets/KaTeX_Size3-Regular-DgpXs0kz.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/kgstudio/assets/KaTeX_Size4-Regular-Dl5lxZxV.woff2) format("woff2"),url(/kgstudio/assets/KaTeX_Size4-Regular-BF-4gkZK.woff) format("woff"),url(/kgstudio/assets/KaTeX_Size4-Regular-DWFBv043.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/kgstudio/assets/KaTeX_Typewriter-Regular-CO6r4hn1.woff2) format("woff2"),url(/kgstudio/assets/KaTeX_Typewriter-Regular-C0xS9mPB.woff) format("woff"),url(/kgstudio/assets/KaTeX_Typewriter-Regular-D3Ib7_Hf.ttf) format("truetype")}.katex{font: 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;position:relative;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.46"}.katex .katex-mathml{border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:-moz-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .smash{display:inline;line-height:0}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex svg{fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}:root{--time-signature-numerator: 4;--max-number-of-bars: 32;--track-grid-bar-width: 40px;--track-info-panel-width: 200px;--global-track-height: 20px;--region-piano-key-width: 60px;--region-piano-key-height: 20px;--region-grid-beat-width: 40px;--region-grid-bar-width: calc(var(--region-grid-beat-width) * var(--time-signature-numerator));--chat-box-width: 350px;--instrument-selection-width: 300px}:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#1e1e1e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%;width:100%;overflow:hidden}body{margin:0;display:flex;min-width:100vw;min-height:100vh}a,a:visited{color:#5a9fd4}#root{width:100%;height:100%}button{border-radius:3px;border:1px solid transparent;padding:.3em .6em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:none;box-shadow:none}textarea{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:12px;line-height:1.4}input[type=range]{-webkit-appearance:none;appearance:none;background:#3a3a3a;height:4px;border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;background:#e0e0e0;border-radius:50%;cursor:pointer}*{margin:0;padding:0;box-sizing:border-box}#root{width:100%;height:100vh;margin:0;padding:0;text-align:left;display:flex;flex-direction:column}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#1e1e1e;color:#e0e0e0}.daw-container{display:flex;flex-direction:column;height:100vh;width:100%;overflow:hidden}.main-display-area{display:flex;flex-direction:row;flex:1;overflow:hidden}.toolbar-left,.toolbar-right{display:flex;align-items:center;z-index:1;pointer-events:none}.toolbar-left{width:20%;justify-content:flex-start}.toolbar-right{width:33%;justify-content:flex-end;z-index:1500}.toolbar-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;z-index:1005;margin-left:-140px}.tool-button{width:30px;height:30px;background-color:transparent;border:none;border-radius:3px;color:#999;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin:0 2px}.tool-button:hover{background-color:#3a3a3a;color:#e0e0e0}.tool-button.active{background-color:#4a4a4a;color:#e0e0e0}.quant-button{background-color:#333;border:1px solid #444;border-radius:3px;color:#e0e0e0;font-size:12px;padding:3px 8px;margin-left:5px;cursor:pointer;display:flex;align-items:center;gap:5px}.quant-button:hover{background-color:#444}.quant-dropdown-container{position:relative;display:inline-block;z-index:1500}.quant-dropdown{position:absolute;top:100%;right:0;background-color:#2d2d2d;border:1px solid #444;border-radius:3px;width:100px;z-index:1500;box-shadow:0 2px 8px #0000004d;margin-top:2px;max-height:200px;overflow-y:auto}.quant-option{padding:6px 10px;font-size:12px;color:#e0e0e0;cursor:pointer;transition:background-color .2s}.quant-option:hover{background-color:#444}.quant-option.active{background-color:#4a6b8a}.quant-button.button-blink{animation:buttonBlink .2s ease-in-out}@keyframes buttonBlink{0%{background-color:#333}50%{background-color:#555}to{background-color:#333}}.toolbar{display:flex;justify-content:space-between;align-items:center;background-color:#2d2d2d;height:50px;padding:0 10px;border-bottom:1px solid #3a3a3a;position:relative;z-index:2000}.toolbar-left,.toolbar-center,.toolbar-right{display:flex;align-items:center}.toolbar-left{display:flex;align-items:center;min-width:0}.logo-container{margin-right:10px;display:flex;align-items:center}.logo{height:30px;width:auto}.project-name{font-size:14px;color:#e0e0e0;margin-right:20px;display:block;min-width:0;max-width:100%;pointer-events:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar button{--toolbar-button-bg: transparent;--toolbar-button-fg: #e0e0e0;background:transparent;border:none;background-color:var(--toolbar-button-bg);color:var(--toolbar-button-fg);margin:0 5px;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:3px;font-size:14px;pointer-events:auto;transition:background-color .18s ease,color .18s ease,transform .12s ease,box-shadow .18s ease}.toolbar button svg{transition:color .18s ease,fill .18s ease}.toolbar button:hover{--toolbar-button-bg: #3a3a3a}.toolbar button.active,.toolbar .tool-button.active{--toolbar-button-bg: #e0e0e0;--toolbar-button-fg: #2d2d2d}.toolbar button.tool-button.active{background-color:var(--toolbar-button-bg);color:var(--toolbar-button-fg)}.toolbar button.active:hover,.toolbar .tool-button.active:hover{--toolbar-button-bg: #f0f0f0}.toolbar button.active:active,.toolbar .tool-button.active:active{--toolbar-button-bg: #d6d6d6}.toolbar button:focus,.toolbar button:focus-visible,.toolbar .tool-button:focus,.toolbar .tool-button:focus-visible{outline:none;box-shadow:none}.toolbar button:disabled{color:#666;cursor:not-allowed}.toolbar button:active{--toolbar-button-bg: #5a5a5a;transform:scale(.95)}.record-btn{color:#f44}.toolbar .record-button.active{--toolbar-button-bg: #ffd7d9;--toolbar-button-fg: #d9363e}.toolbar .record-button.active:hover{--toolbar-button-bg: #ffc4c7;--toolbar-button-fg: #c92d35}.toolbar .record-button.active:active{--toolbar-button-bg: #ffb0b4;--toolbar-button-fg: #b8242d}.toolbar-separator{width:1px;height:20px;background-color:#555;margin:0 10px}.transport-control{display:flex;align-items:center;margin:0 10px;pointer-events:auto}.transport-item{margin:0 5px;padding:2px;background-color:#3a3a3a;border-radius:3px;font-size:12px}.current-time{font-family:Courier New,Monaco,Menlo,Ubuntu Mono,monospace;font-weight:400;letter-spacing:.5px;padding:2px 4px}.current-bpm{font-family:Courier New,Monaco,Menlo,Ubuntu Mono,monospace;font-weight:400;letter-spacing:.5px;cursor:pointer;transition:background-color .2s ease;padding:2px 4px;border-radius:2px}.current-bpm:hover{background-color:#4a4a4a;color:#fff}.current-time-signature{font-family:Courier New,Monaco,Menlo,Ubuntu Mono,monospace;font-weight:400;letter-spacing:.5px;cursor:pointer;transition:background-color .2s ease;padding:2px 4px;border-radius:2px}.current-time-signature:hover{background-color:#4a4a4a;color:#fff}.toolbar button.current-key-signature{appearance:none;border:none;background:transparent;color:inherit;display:inline-block;width:auto;height:auto;min-height:0;margin:0;font-family:Courier New,Monaco,Menlo,Ubuntu Mono,monospace;font-weight:400;letter-spacing:.5px;line-height:1;cursor:pointer;transition:background-color .2s ease;padding:2px 4px;border-radius:2px;white-space:nowrap}.toolbar button.current-key-signature:hover{background-color:#4a4a4a;color:#fff}.toolbar button.current-key-signature:focus-visible{outline:1px solid #e0e0e0;outline-offset:1px}.export-dropdown .quant-dropdown{width:250px;left:0}.key-signature-popup-anchor{display:inline-flex}.key-signature-popup-surface{--floating-popup-bg: #2d2d2d;--floating-popup-border: #555}.key-signature-popup-panel{overflow:visible}.key-signature-popup-arrow{left:50%}.current-zoom{font-family:Courier New,Monaco,Menlo,Ubuntu Mono,monospace;font-weight:400;letter-spacing:.5px;cursor:pointer;transition:background-color .2s ease;padding:2px 4px;border-radius:2px}.current-zoom:hover{background-color:#4a4a4a;color:#fff}.zoom-slider-popup{position:absolute;top:100%;left:50%;transform:translate(-50%);background-color:#2d2d2d;border:1px solid #444;border-radius:3px;padding:8px 12px;z-index:10000;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px #0000004d;white-space:nowrap;margin-top:2px}.zoom-slider-popup input[type=range]{width:120px}.zoom-slider-label{font-family:Courier New,Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;color:#e0e0e0;min-width:20px;text-align:center}.floating-popup{position:relative;display:inline-flex;align-items:center}.floating-popup-trigger{display:inline-flex;align-items:center}.floating-popup-surface{--floating-popup-bg: #2d2d2d;--floating-popup-border: #4a4a4a;--floating-popup-radius: 8px;--floating-popup-shadow: 0 18px 36px rgba(0, 0, 0, .28);position:absolute;z-index:10000}.floating-popup-surface[data-placement=bottom]{top:calc(100% + 14px);left:50%;transform:translate(-50%)}.floating-popup-panel{position:relative;background:var(--floating-popup-bg);border:1px solid var(--floating-popup-border);border-radius:var(--floating-popup-radius);box-shadow:var(--floating-popup-shadow)}.floating-popup-panel:before{content:"";position:absolute;top:-1px;left:calc(50% - 12px);width:24px;height:1px;background:var(--floating-popup-bg)}.floating-popup-arrow{position:absolute;width:20px;height:20px;background:var(--floating-popup-bg);transform:translate(-50%) rotate(45deg)}.floating-popup-arrow[data-placement=bottom]{top:-9px;left:50%;border-top:1px solid var(--floating-popup-border);border-left:1px solid var(--floating-popup-border)}.file-import-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10001;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.file-import-modal{background-color:#2d2d2d;border:1px solid #3a3a3a;border-radius:8px;box-shadow:0 8px 32px #00000080;width:90%;max-width:500px;max-height:80vh;overflow:hidden;animation:fileImportFadeIn .2s ease-out}@keyframes fileImportFadeIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fileImportFadeOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(-10px)}}@keyframes fileImportOverlayFadeOut{0%{opacity:1}to{opacity:0}}.file-import-overlay-closing{animation:fileImportOverlayFadeOut .15s ease-in forwards}.file-import-modal-closing{animation:fileImportFadeOut .15s ease-in forwards}.file-import-header{display:flex;justify-content:space-between;align-items:center;padding:10px}.file-import-title{color:#e0e0e0;font-size:16px;font-weight:700;padding-left:10px;margin:0}.file-import-close-btn{background:transparent;border:none;color:#b0b0b0;cursor:pointer;padding:8px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease}.file-import-close-btn:hover{background-color:#3a3a3a;color:#e0e0e0}.file-import-drop-zone{padding:0 20px 40px;border-radius:8px;background-color:#1e1e1e;transition:all .3s ease;cursor:pointer}.file-import-drop-zone:hover{border-color:#5a9fd4;background-color:#7b68ee0d}.file-import-drop-zone.drag-over{border-color:#5a9fd4;background-color:#7b68ee1a;transform:scale(1.02)}.file-import-drop-content{text-align:center;color:#e0e0e0}.file-import-icon{font-size:48px;margin-bottom:16px;opacity:.7}.file-import-description{font-size:18px;font-weight:500;margin:0 0 8px;color:#e0e0e0}.file-import-formats{font-size:14px;color:#b0b0b0;margin:0 0 24px}.file-import-divider{position:relative;margin:24px 0;text-align:center}.file-import-divider:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background-color:#3a3a3a}.file-import-divider span{background-color:#1e1e1e;padding:0 12px;color:#888;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.file-import-browse-btn{display:inline-block;background-color:#5a9fd4;color:#fff;padding:12px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.file-import-browse-btn:hover{background-color:#4a8fc4;transform:translateY(-1px);box-shadow:0 4px 12px #5a9fd44d}.global-loading-overlay{position:fixed;inset:0;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20000;display:flex;align-items:center;justify-content:center;pointer-events:all}.global-loading-content{display:flex;flex-direction:column;align-items:center;gap:10px}.global-loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:globalSpinner 1s linear infinite}.global-loading-text{color:#e0e0e0;font-size:14px}@keyframes globalSpinner{to{transform:rotate(360deg)}}.open-project-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10001;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.open-project-panel{background-color:#2d2d2d;border:1px solid #3a3a3a;border-radius:8px;box-shadow:0 8px 32px #00000080;width:90%;max-width:700px;height:70vh;display:flex;flex-direction:column;overflow:hidden;animation:openProjectFadeIn .2s ease-out}@keyframes openProjectFadeIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes openProjectFadeOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(-10px)}}@keyframes openProjectOverlayFadeOut{0%{opacity:1}to{opacity:0}}.open-project-overlay-closing{animation:openProjectOverlayFadeOut .15s ease-in forwards}.open-project-panel-closing{animation:openProjectFadeOut .15s ease-in forwards}.open-project-header{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#252525;flex-shrink:0}.open-project-title{color:#e0e0e0;font-size:16px;padding-left:10px;font-weight:700;margin:0}.open-project-close-btn{background:transparent;border:none;color:#b0b0b0;cursor:pointer;padding:8px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease}.open-project-close-btn:hover{background-color:#3a3a3a;color:#e0e0e0}.open-project-filter{padding:0 12px 10px;background-color:#252525;flex-shrink:0}.open-project-filter-row{display:flex;align-items:center;gap:10px}.open-project-filter input{flex:1;padding:6px 10px;background-color:#1e1e1e;border:1px solid #3a3a3a;border-radius:4px;color:#e0e0e0;font-size:13px;outline:none;box-sizing:border-box}.open-project-filter input:focus{border-color:#5a9fd4}.open-project-filter input::placeholder{color:#777}.open-project-view-toggle{display:flex;border-radius:6px;overflow:hidden;flex-shrink:0}.open-project-toggle-btn{background-color:#1e1e1e;color:#999;border:none;padding:8px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.open-project-toggle-btn:hover{color:#e0e0e0}.open-project-toggle-btn.active{background-color:#5a9fd4;color:#fff}.open-project-trash-hint{padding:6px 12px;background-color:#3a2a1a;color:#d4a054;font-size:11px;flex-shrink:0}.open-project-sort-header{display:flex;align-items:center;padding:6px 12px;background-color:#252525;font-size:11px;color:#999;text-transform:uppercase;-webkit-user-select:none;user-select:none;flex-shrink:0}.open-project-sort-col{cursor:pointer;display:flex;align-items:center;gap:4px;padding:2px 4px;border-radius:3px}.open-project-sort-col:hover{color:#e0e0e0;background-color:#3a3a3a}.open-project-sort-col.active{color:#5a9fd4}.open-project-sort-col-name{flex:1}.open-project-sort-col-created,.open-project-sort-col-updated{width:160px;text-align:left}.open-project-list{flex:1;overflow-y:auto;overflow-x:hidden}.open-project-item{display:flex;align-items:center;padding:10px 12px;cursor:pointer;transition:background-color .1s}.open-project-item:hover{background-color:#353535}.open-project-item-info{flex:1;min-width:0}.open-project-item-name{font-size:14px;color:#e0e0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.open-project-item-meta{font-size:11px;color:#888;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.open-project-item-actions{display:flex;align-items:center;gap:6px;flex-shrink:0;margin-left:10px}.open-project-item-open-btn{background-color:#5a9fd4;color:#fff;border:none;border-radius:6px;padding:8px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.open-project-item-open-btn:hover{background-color:#4a8fc4;transform:translateY(-1px);box-shadow:0 4px 12px #5a9fd44d}.open-project-item-action-btn{background:transparent;border:1px solid #555;border-radius:6px;color:#bbb;padding:8px 12px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.open-project-item-action-btn:hover{background-color:#444;color:#e0e0e0;border-color:#777}.open-project-item-delete-btn:hover{background-color:#5a2020;color:#f66;border-color:#f44}.open-project-item-permdelete-btn:hover{background-color:#7a1010;color:#f44;border-color:#f22}.open-project-item-restore-btn:hover{background-color:#1a3a2a;color:#6c8;border-color:#4a6}.open-project-loading,.open-project-empty{display:flex;align-items:center;justify-content:center;flex:1;color:#888;font-size:14px;padding:40px}.key-signature-popup{min-width:270px;padding:12px 12px 10px}.key-signature-picker{width:252px;height:224px;position:relative;color:#e0e0e0;font-family:Georgia,Times New Roman,serif}.key-signature-picker-title{position:absolute;left:50%;transform:translate(-50%);margin:0;color:#f0f0f0;letter-spacing:.4px;pointer-events:none;font-weight:600}.key-signature-picker-title.major{top:2px;font-size:10px}.key-signature-picker-title.minor{top:60px;font-size:9px;color:#9fc89c}.key-signature-picker-ring{position:absolute;inset:32px 40px 30px;border-radius:50%;background:radial-gradient(circle at center,transparent 0 38%,rgba(33,33,33,.96) 38% 49%,transparent 49%),conic-gradient(from 0deg,#54545447,#45454580,#54545447);box-shadow:inset 0 0 0 1px #ffffff0f;pointer-events:none}.key-signature-picker-slot{position:absolute;transform:translate(-50%,-50%)}.key-signature-picker-slot-outer,.key-signature-picker-slot-inner,.key-signature-picker-slot-count{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.key-signature-picker-slot-count{font-size:7px;color:#b8b8b8;white-space:nowrap;pointer-events:none}.key-signature-picker-item-stack{display:flex;flex-direction:column;gap:6px;align-items:center}.key-signature-picker-paired-row{display:inline-flex;align-items:baseline;gap:0;white-space:nowrap}.key-signature-picker-key{display:inline-flex;align-items:center}.key-signature-picker-divider{color:#b8b8b8;font-size:9px;line-height:1;padding:0 1px}.key-signature-picker-button-paired{padding:0 2px;border-radius:999px}.key-signature-picker-button{appearance:none;-webkit-appearance:none;border:none;background:transparent;background-color:transparent;box-shadow:none;padding:0;font:inherit;cursor:pointer;line-height:1;transition:transform .16s ease,opacity .16s ease,text-shadow .16s ease}.key-signature-picker-button:hover{background:transparent;background-color:transparent;transform:scale(1.05);text-shadow:0 0 10px currentColor}.key-signature-picker-button:focus-visible{outline:2px solid #2d2d2d;outline-offset:4px;border-radius:6px}.key-signature-picker-button:focus,.key-signature-picker-button:active{background:transparent;background-color:transparent;box-shadow:none}.key-signature-picker-button.major{color:#e08b94;font-size:13px}.key-signature-picker-button.minor{color:#8fba88;font-size:11px}.key-signature-picker-label{display:inline-flex;align-items:flex-start}.key-signature-picker-label.selected{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.key-signature-picker-accidental{font-size:.58em;line-height:1;margin-left:1px;position:relative;top:-.15em}@media (max-width: 900px){.key-signature-popup{min-width:min(92vw,270px);padding:12px 10px 10px}.key-signature-picker{width:min(82vw,252px);height:min(72vw,224px)}.key-signature-picker-button.major{font-size:12px}.key-signature-picker-button.minor{font-size:10px}}.status-bar{display:flex;justify-content:space-between;align-items:center;background-color:#2d2d2d;padding:5px 10px;font-size:12px;color:#999;border-top:1px solid #3a3a3a;height:30px}.status-right span{margin-left:15px}.main-content{display:flex;flex-direction:column;flex:1;overflow:auto;position:relative}.main-content-wrapper{display:flex;flex-direction:column;min-width:calc(var(--track-info-panel-width) + var(--max-number-of-bars) * var(--track-grid-bar-width));min-height:fit-content;position:relative}.top-left-spacer{position:fixed;top:50px;left:0;width:var(--track-info-panel-width);height:40px;background-color:#2d2d2d;border-bottom:1px solid #3a3a3a;border-right:1px solid #3a3a3a;z-index:1002;display:flex;flex-direction:row;align-items:stretch}.track-header-controls{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 12px;box-sizing:border-box}.track-header-button{--toolbar-button-bg: transparent;--toolbar-button-fg: #e0e0e0;width:28px;height:28px;border:none;border-radius:3px;background-color:var(--toolbar-button-bg);color:var(--toolbar-button-fg);display:inline-flex;align-items:center;font-size:12px;justify-content:center;cursor:pointer;transition:background-color .18s ease,color .18s ease,transform .12s ease,box-shadow .18s ease}.track-header-button svg{font-size:14px}.track-header-button:hover{--toolbar-button-bg: #3a3a3a}.track-header-button.active{--toolbar-button-bg: #e0e0e0;--toolbar-button-fg: #2d2d2d}.track-header-button.active:hover{--toolbar-button-bg: #f0f0f0}.track-header-button:active{--toolbar-button-bg: #5a5a5a;transform:scale(.95)}.track-header-button.active:active{--toolbar-button-bg: #d6d6d6}.track-header-button:focus,.track-header-button:focus-visible{outline:none;box-shadow:none}.main-content.has-left-instrument .top-left-spacer{left:300px}.bar-numbers{position:sticky;top:0;height:40px;display:flex;border-bottom:1px solid #3a3a3a;background-color:#2d2d2d;z-index:20;margin-left:var(--track-info-panel-width);width:calc(var(--max-number-of-bars) * var(--track-grid-bar-width));cursor:pointer}.bar-numbers:hover{cursor:url("data:image/svg+xml,%3csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4 6h8l-4 4-4-4z' fill='%23e0e0e0'/%3e%3c/svg%3e") 8 8,pointer}.bar-number-cell{min-width:var(--track-grid-bar-width);width:var(--track-grid-bar-width);flex-shrink:0;flex-grow:0;height:40px;border-right:1px solid #3a3a3a;color:#999;display:flex;flex-direction:column;box-sizing:border-box;position:relative}.bar-number-label{height:20px;text-align:center;font-size:12px;display:flex;align-items:center;justify-content:center}.bar-beat-markers{position:relative;height:20px;border-top:1px solid #3a3a3a;border-bottom:1px solid #3a3a3a;background-color:#1e1e1e;box-sizing:border-box}.bar-boundary-marker{position:absolute;left:-1px;bottom:0;width:1px;height:100%;background-color:#3a3a3a}.beat-marker{position:absolute;bottom:0;width:1px;height:50%;background-color:#3a3a3a;transform:translate(-50%)}.bar-number-cell.looped{background-color:#e1ae01;color:#1e1e1e}.main-content-body{display:flex;min-height:fit-content}.global-tracks-section{display:flex;position:relative;z-index:1003}.global-tracks-info-shell,.global-tracks-grid-shell{max-height:calc(var(--global-track-count) * var(--global-track-height));opacity:1;transform:translateY(0);transition:max-height .22s ease,opacity .18s ease,transform .22s ease;will-change:max-height,opacity,transform}.global-tracks-info-shell{position:sticky;left:0;width:var(--track-info-panel-width);z-index:1003;overflow:hidden;align-self:flex-start}.global-tracks-grid-shell{overflow:hidden}.global-tracks-grid-shell.expanded{overflow:visible}.global-tracks-info-shell.collapsed,.global-tracks-grid-shell.collapsed{max-height:0;opacity:0;transform:translateY(-8px);pointer-events:none}.global-tracks-info{width:var(--track-info-panel-width);background-color:#2d2d2d;border-right:1px solid #3a3a3a}.global-track-info-row{height:var(--global-track-height);padding:0 10px 0 12px;border-bottom:1px solid #3a3a3a;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;color:#e0e0e0;background-color:#4a4a4a}.global-track-name{font-size:11px;font-weight:500;letter-spacing:.01em}.global-track-add-button{width:16px;height:16px;border:1px solid #e0e0e0;border-radius:999px;background:transparent;color:#e0e0e0;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.global-track-add-button svg{font-size:9px}.global-track-add-button:focus,.global-track-add-button:focus-visible{outline:none;box-shadow:none}.global-tracks-grid{min-width:calc(var(--max-number-of-bars) * var(--track-grid-bar-width));background-color:#2d2d2d}.global-track-grid-row{height:var(--global-track-height);min-width:calc(var(--max-number-of-bars) * var(--track-grid-bar-width));box-sizing:border-box;border-bottom:1px solid #3a3a3a;background-color:#2d2d2d;background-size:var(--track-grid-bar-width) var(--global-track-height);background-image:linear-gradient(to right,transparent calc(var(--track-grid-bar-width) - 1px),#3a3a3a calc(var(--track-grid-bar-width) - 1px),#3a3a3a var(--track-grid-bar-width))}.global-marker-lane{position:relative;height:var(--global-track-height);min-width:calc(var(--max-number-of-bars) * var(--track-grid-bar-width));box-sizing:border-box;border-bottom:1px solid #3a3a3a;background-color:#2d2d2d;background-size:var(--track-grid-bar-width) var(--global-track-height);background-image:linear-gradient(to right,transparent calc(var(--track-grid-bar-width) - 1px),#3a3a3a calc(var(--track-grid-bar-width) - 1px),#3a3a3a var(--track-grid-bar-width))}.global-key-signature-lane.popup-open,.global-chord-lane.popup-open{z-index:1004}.global-marker-lane.pencil-cursor{cursor:crosshair}.global-marker-region{position:absolute;top:2px;height:calc(var(--global-track-height) - 4px);border:2px solid transparent;border-radius:6px;background:#e0e0e0;color:#2d2d2d;display:flex;align-items:center;box-sizing:border-box;padding:0 8px;overflow:hidden;-webkit-user-select:none;user-select:none;cursor:grab;font-size:11px;font-weight:500;line-height:1;transition:box-shadow .1s ease,border-color .1s ease}.global-marker-region.selected{border-color:#fff;box-shadow:none}.global-marker-region:active{cursor:grabbing}.global-key-signature-region{background:#d7f0c0;color:#24311c;overflow:visible}.global-tempo-region{background:#dff2ff;color:#24314a}.global-chord-region{background:#f6dfc8;color:#3d2f20;overflow:visible}.global-chord-drag-feedback{position:fixed;z-index:10020;display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;color:#1f1f1f;font-size:11px;font-weight:600;line-height:1;pointer-events:none;box-shadow:0 8px 20px #00000038;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.global-chord-drag-feedback-import{background:#c4ffcff5}.global-chord-drag-feedback-move{background:#fff1d6f5}.global-chord-drag-feedback-blocked{background:#ffd6d6f7}.global-chord-drag-feedback-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:999px;background:#ffffffbf;flex:0 0 auto}.global-chord-drag-feedback-label{white-space:nowrap}.global-key-signature-region .floating-popup{min-width:0;width:var(--track-grid-bar-width)}.global-key-signature-popup-anchor{min-width:0;width:var(--track-grid-bar-width);position:absolute;left:calc((var(--track-grid-bar-width) - var(--track-grid-bar-width)) / 2);top:50%;transform:translateY(-50%);z-index:1008}.global-key-signature-trigger{display:block;width:100%;height:100%;pointer-events:none}.global-key-signature-popup-surface{z-index:1007}.global-key-signature-popup-anchor .floating-popup-surface{z-index:1009}.global-chord-region .floating-popup{min-width:0;width:var(--track-grid-bar-width)}.global-chord-popup-anchor{min-width:0;width:var(--track-grid-bar-width);position:absolute;left:calc((var(--track-grid-bar-width) - var(--track-grid-bar-width)) / 2);top:50%;transform:translateY(-50%);z-index:1008}.global-chord-trigger{display:block;width:100%;height:100%;pointer-events:none}.global-chord-popup-surface{--floating-popup-bg: #2d2d2d;--floating-popup-border: #555;z-index:10007}.global-chord-popup-anchor .floating-popup-surface{z-index:10009}.global-marker-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-marker-input{width:100%;height:100%;border:none;background:transparent;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;font-family:inherit;padding:0;outline:none}.info-container{position:sticky;left:0;width:var(--track-info-panel-width);z-index:1002;background-color:#2d2d2d;align-self:flex-start}.track-top-spacer{height:40px;border-bottom:1px solid #3a3a3a;background-color:#2d2d2d;position:sticky;top:0;z-index:15}.grid-container{margin-left:0;min-width:calc(var(--max-number-of-bars) * var(--track-grid-bar-width));min-height:fit-content;position:relative}.track-grid{display:block;height:120px;min-width:calc(var(--max-number-of-bars) * var(--track-grid-bar-width));background-size:var(--track-grid-bar-width) 120px;background-image:linear-gradient(to right,transparent calc(var(--track-grid-bar-width) - 1px),#3a3a3a calc(var(--track-grid-bar-width) - 1px),#3a3a3a var(--track-grid-bar-width));position:relative;border-bottom:1px solid #3a3a3a}.track-grid.pencil-cursor{cursor:crosshair}.add-track-btn{background:transparent;border:none;outline:none;color:#999;cursor:pointer;font-size:12px;padding:0;height:100%;flex:1;display:flex;align-items:center;justify-content:center}.add-track-btn:focus,.add-track-btn:focus-visible{outline:none}.add-track-btn:hover{color:#e0e0e0}.track{display:flex;height:120px;position:relative;border-bottom:none}.track-info{width:var(--track-info-panel-width);height:120px;padding:15px 5px 15px 15px;background-color:#2d2d2d;display:flex;flex-direction:column;border-right:1px solid #3a3a3a;border-bottom:1px solid #3a3a3a;flex-shrink:0;box-sizing:border-box;cursor:grab;position:relative}.track-info:active{cursor:grabbing}.track-info.selected{background-color:#363636}.track-info.drag-over,.track-grid.drag-over{border-top:2px solid #5a9fd4}.track-info.dragging{opacity:.5;background-color:#444}.track-grid.dragging{opacity:.5;background-color:#333}.track-name{display:block;min-height:24px;width:100%;min-width:0;font-size:12px;line-height:24px;cursor:text;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-name-input{width:100%;min-height:24px;min-width:0;margin:0;padding:4px 8px;box-sizing:border-box;border:1px solid #5a5a5a;border-radius:6px;outline:none;background-color:#4a4a4a;color:#e0e0e0;font-family:inherit;font-size:12px;font-weight:inherit;line-height:1.2}.track-name-input:focus{border-color:#5a9fd4;background-color:#4a4a4a}.track-controls{display:flex;flex-direction:column;width:100%;height:100%}.track-name-and-volume{display:flex;flex-direction:row;flex:1;align-items:flex-start;gap:8px}.instrument-image{flex-shrink:0;margin-top:-10px;margin-left:-10px}.instrument-image img{display:block;border-radius:4px}.track-name-and-controls{display:flex;flex-direction:column;flex:1;min-width:0}.volume-slider{margin-bottom:15px;width:100%;display:flex;align-items:center;gap:6px}.volume-slider .volume-label{flex-shrink:0;font-size:9px;color:#aaa;min-width:22px;text-align:left;white-space:nowrap;font-variant-numeric:tabular-nums}.volume-slider .volume-label-clickable{cursor:pointer}.volume-slider .volume-label-clickable:hover{color:#ddd}.volume-slider .volume-label-input{background:#2a2a2a;border:1px solid #555;border-radius:3px;color:#e0e0e0;padding:0 2px;width:36px;outline:none}.volume-slider input[type=range]{flex:1;min-width:0;height:6px}.volume-slider .reset-volume{flex-shrink:0;width:16px;height:16px;border-radius:8px;background:#3a3a3a;color:#e0e0e0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:10px}.volume-slider .reset-volume:hover{background:#4a4a4a}.pan-controls{display:flex}.pan-controls button{background:#3a3a3a;border:none;color:#e0e0e0;margin-right:5px;width:24px;height:24px;font-size:12px;border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center}.pan-controls button.solo.active{background:#c8a400;color:#101010}.pan-controls button.mute.active{background:#d32f2f;color:#fff}.pan-controls button.automation.active{background:#d7eef9;color:#101010}.track-grid.automation-active{position:relative}.track-automation-lane{position:absolute;inset:0;z-index:30;cursor:default}.track-automation-lane.pencil-cursor{cursor:crosshair}.track-automation-overlay{position:absolute;inset:0;background:#00000059}.track-automation-center-line{position:absolute;left:0;right:0;height:1px;background:#ffffff2e;pointer-events:none}.track-automation-svg{position:absolute;inset:0}.track-automation-line{pointer-events:none}.track-automation-point{cursor:pointer}.track-automation-point.selected{filter:drop-shadow(0 0 4px rgba(255,255,255,.35))}.track-automation-value{font-size:10px;font-weight:600;font-variant-numeric:tabular-nums;pointer-events:none;-webkit-user-select:none;user-select:none;paint-order:stroke;stroke:#000000b3;stroke-width:2px;stroke-linejoin:round}.track-automation-selection-box{position:absolute;border:1px solid rgba(135,206,250,.85);background:#87cefa26;pointer-events:none}.track-region{position:absolute;background-color:#4a6b8a;border:2px solid #5a7b9a;border-radius:3px;height:100%;margin:0;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;-webkit-user-select:none;user-select:none;transition:box-shadow .1s ease;will-change:transform}.track-region.selected{border-color:#fff}.track-region.selected-secondary{border-color:#ffffffb3}.track-region.dragging{opacity:.8;box-shadow:0 0 10px #00000080;z-index:100;pointer-events:none;transform-origin:center center;animation:pulse 1.5s infinite;cursor:grabbing;transition:none}@keyframes pulse{0%{box-shadow:0 0 #7a9bbab3}70%{box-shadow:0 0 0 5px #7a9bba00}to{box-shadow:0 0 #7a9bba00}}.region-header{background-color:#5a7b9a;color:#fff;padding:2px 6px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:move;height:18px;-webkit-user-select:none;user-select:none}.track-region:hover .region-header{background-color:#6a8baa}.region-content{height:calc(100% - 18px);background-color:#87cefa;width:100%;position:relative;overflow:hidden}.region-content.audio-region-content{background-color:#90ee90}.region-preview-content{position:absolute;inset:0 auto 0 0;width:100%;height:100%}.region-preview-content canvas{display:block;width:100%;height:100%}.track-region.audio-region{background-color:#3a6b4a;border-color:#4a8b5a}.track-region.audio-region.selected{border-color:#fff}.track-region.audio-region.selected-secondary{border-color:#ffffffb3}.track-region[data-preview-region=true]{opacity:.55;pointer-events:none}.track-region.audio-region .region-header{background-color:#4a8b5a}.track-region.audio-region:hover .region-header{background-color:#5a9b6a}.region-left-buttons{position:absolute;top:4px;left:4px;display:flex;flex-direction:row;align-items:center;gap:2px;z-index:2}.region-pencil-btn,.region-waveform-btn,.region-spectrogram-btn,.region-hybrid-btn{background:#00000040;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:3px;padding:2px;margin:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.region-pencil-btn:hover,.region-spectrogram-btn:hover,.region-hybrid-btn:hover,.region-waveform-btn:hover{background:#00000059}.region-fine-move-widget{display:flex;flex-direction:row;align-items:center;gap:2px}.region-fine-move-btn{background:#00000040;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:3px;padding:2px;margin:0;cursor:ew-resize;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.region-fine-move-btn:hover{background:#00000059}.region-fine-move-label{background:#00000040;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:3px;padding:2px 4px;font-size:10px;white-space:nowrap;line-height:1;-webkit-user-select:none;user-select:none}.instrument-dropdown .quant-dropdown{min-width:80px;width:auto;right:auto;left:0}.settings-dropdown .quant-dropdown{min-width:100px;width:auto;right:auto;left:0}.dialog-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10001;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog-modal{background-color:#2d2d2d;border:1px solid #3a3a3a;border-radius:8px;box-shadow:0 8px 32px #00000080;width:90%;max-width:440px;overflow:hidden;animation:dialogFadeIn .2s ease-out}@keyframes dialogFadeIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes dialogFadeOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(-10px)}}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}.dialog-overlay-closing{animation:overlayFadeOut .15s ease-in forwards}.dialog-modal-closing{animation:dialogFadeOut .15s ease-in forwards}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#252525}.dialog-title{color:#e0e0e0;font-size:18px;font-weight:600;margin:0}.dialog-close-btn{background:transparent;border:none;color:#b0b0b0;cursor:pointer;padding:8px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease}.dialog-close-btn:hover{background-color:#3a3a3a;color:#e0e0e0}.dialog-body{padding:24px 20px;background-color:#2d2d2d}.dialog-message{color:#e0e0e0;font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap;word-break:break-word}.dialog-input{width:100%;margin-top:12px;padding:8px 10px;background-color:#1e1e1e;border:1px solid #3a3a3a;border-radius:6px;color:#e0e0e0;font-size:14px;outline:none;box-sizing:border-box;transition:border-color .2s ease}.dialog-input:focus{border-color:#5a9fd4}.dialog-timesig-row{display:flex;align-items:center;gap:10px;margin-top:12px}.dialog-timesig-input{width:72px;margin-top:0;text-align:center}.dialog-timesig-sep{color:#b0b0b0;font-size:20px;font-weight:300;line-height:1}.dialog-chord-detection-form{margin-top:12px;display:flex;flex-direction:column;gap:16px}.dialog-hint-card{margin-top:12px;background-color:#252525;border:1px solid #3a3a3a;border-radius:6px;padding:10px;display:flex;flex-direction:column;gap:8px}.dialog-hint-card-title{color:#e0e0e0;font-size:12px;font-weight:600}.dialog-hint-card-text{color:#999;font-size:11px;line-height:1.45}.dialog-slider-group{display:flex;flex-direction:column;gap:8px}.dialog-slider-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-slider-label{color:#d0d0d0;font-size:13px;font-weight:500}.dialog-slider-value{color:#8fbce0;font-size:12px;font-family:Courier New,Monaco,Menlo,Ubuntu Mono,monospace}.dialog-slider{width:100%;accent-color:#5a9fd4}.dialog-checkbox-row{display:flex;align-items:center;gap:10px;color:#d0d0d0;font-size:13px;cursor:pointer}.dialog-checkbox-row input[type=checkbox]{width:16px;height:16px;accent-color:#5a9fd4}.dialog-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;background-color:#2d2d2d}.dialog-btn{padding:8px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s ease}.dialog-btn-primary{background-color:#5a9fd4;color:#fff}.dialog-btn-primary:hover{background-color:#4a8fc4;transform:translateY(-1px);box-shadow:0 4px 12px #5a9fd44d}.dialog-btn-cancel{background-color:#3a3a3a;color:#b0b0b0}.dialog-btn-cancel:hover{background-color:#4a4a4a;color:#e0e0e0}.dialog-btn-secondary{background-color:transparent;color:#5a9fd4;border:1px solid #5a9fd4}.dialog-btn-secondary:hover{background-color:#5a9fd41f;transform:translateY(-1px)}.track-create-dialog-modal{max-width:520px}.track-create-dialog-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.track-create-option{border:1px solid #4a4a4a;border-radius:12px;background:linear-gradient(180deg,#323232,#282828);color:#e0e0e0;padding:28px 18px 24px;display:flex;flex-direction:column;align-items:center;gap:18px;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .12s ease}.track-create-option:hover{border-color:#6a6a6a;transform:translateY(-1px)}.track-create-option.selected{border-color:#e1ae01;box-shadow:inset 0 0 0 1px #e1ae0159}.track-create-option-icon{width:72px;height:72px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:30px;color:#fff}.track-create-option-icon.midi{background-color:#159947}.track-create-option-icon.audio{background-color:#1f78d1}.track-create-option-label{font-size:28px;font-weight:700;letter-spacing:-.02em}.piano-roll{background-color:#5a9fd4;height:100%}.piano-roll-panel{position:fixed;background-color:#2d2d2d;border:1px solid #3a3a3a;box-shadow:0 0 20px #00000080;display:flex;flex-direction:column;overflow:hidden}.piano-note{position:absolute;border:1px solid #999;border-radius:2px;z-index:10;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box}.piano-note:hover{filter:brightness(1.1)}.piano-note.dragging{opacity:.8;box-shadow:0 0 10px #00000080;z-index:100;cursor:grabbing}.piano-note.resizing{opacity:.8;z-index:100}.piano-note.selected{border:2px solid white;z-index:50}.piano-roll-header{height:30px;background-color:#1e1e1e;border-bottom:1px solid #3a3a3a;display:flex;align-items:center;padding:0 10px;cursor:move;-webkit-user-select:none;user-select:none}.piano-roll-toolbar{height:30px;background-color:#252525;border-bottom:1px solid #3a3a3a;display:flex;align-items:center;justify-content:space-between;padding:0 10px;-webkit-user-select:none;user-select:none;position:relative;z-index:100}.note-attribute-bar{height:30px;background-color:#252525;border-bottom:1px solid #3a3a3a;display:flex;align-items:center;padding:0 10px;-webkit-user-select:none;user-select:none;gap:24px;font-size:11px;color:#aaa}.note-attribute-bar .attr-item{display:flex;align-items:center}.note-attribute-bar .attr-label{color:#777;margin-right:4px}.note-attribute-bar .attr-value{color:#ddd}.note-attribute-bar .quant-button{font-size:11px;margin-left:0;padding:2px 6px}.note-attr-popup{position:absolute;top:100%;left:0;background-color:#2d2d2d;border:1px solid #444;border-radius:3px;padding:6px 8px;z-index:1500;box-shadow:0 2px 8px #0000004d;margin-top:2px;min-width:120px}.note-attr-input{background-color:#1e1e1e;border:1px solid #555;border-radius:2px;color:#e0e0e0;font-size:11px;padding:3px 6px;width:100%;outline:none;box-sizing:border-box}.note-attr-input:focus{border-color:#4a6b8a}.piano-roll-toolbar .tool-button{--toolbar-button-bg: transparent;--toolbar-button-fg: #999;width:20px;height:20px;background-color:var(--toolbar-button-bg);color:var(--toolbar-button-fg);transition:background-color .18s ease,color .18s ease,transform .12s ease,box-shadow .18s ease}.piano-roll-toolbar .tool-button svg{font-size:14px;transition:color .18s ease,fill .18s ease}.piano-roll-toolbar .sheet-track-scope-toggle{width:20px;min-width:20px;height:20px}.piano-roll-toolbar .sheet-track-scope-toggle .sheet-track-scope-icon{width:12px;height:12px;stroke-width:2.5;overflow:visible}.piano-roll-toolbar .piano-roll-tool-icon{width:12px;height:12px;overflow:visible}.piano-roll-toolbar .tool-button.sheet-mode-toggle,.piano-roll-toolbar .tool-button:not(.icon-only){font-size:13px;line-height:1}.piano-roll-toolbar .spectrogram-view-icon{width:12px;height:12px;overflow:visible;flex-shrink:0}.piano-roll-toolbar .tool-button:hover{--toolbar-button-bg: #3a3a3a;--toolbar-button-fg: #e0e0e0}.piano-roll-toolbar .tool-button.active{--toolbar-button-bg: #e0e0e0;--toolbar-button-fg: #2d2d2d;background-color:var(--toolbar-button-bg);color:var(--toolbar-button-fg)}.piano-roll-toolbar .tool-button.active:hover{--toolbar-button-bg: #f0f0f0}.piano-roll-toolbar .tool-button:active{--toolbar-button-bg: #5a5a5a;transform:scale(.95)}.piano-roll-toolbar .tool-button.active:active{--toolbar-button-bg: #d6d6d6}.piano-roll-toolbar button:focus,.piano-roll-toolbar button:focus-visible,.piano-roll-toolbar .tool-button:focus,.piano-roll-toolbar .tool-button:focus-visible{outline:none;box-shadow:none}.piano-roll-toolbar .toolbar-left,.piano-roll-toolbar .toolbar-right{pointer-events:auto;width:auto}.piano-roll-toolbar .quant-button{font-size:10px}.piano-roll-toolbar .toolbar-left .quant-button{margin-left:0;margin-right:5px}.piano-roll-toolbar .toolbar-left .quant-dropdown{left:0}.piano-roll-toolbar .quant-option.disabled{color:#666;cursor:default}.piano-roll-automation-toolbar-group,.piano-roll-chord-guide-toolbar-group{display:flex;align-items:center;margin-right:5px}.piano-roll-toolbar .automation-toggle-button{width:20px;min-width:20px;margin:0 0 0 3px;border-top-right-radius:0;border-bottom-right-radius:0;border:1px solid #444;border-right:0px;font-size:11px;font-weight:700}.piano-roll-toolbar .automation-toggle-button.active{border-color:#e0e0e0;border-right:0}.piano-roll-toolbar .automation-toggle-button.active:hover{border-color:#f0f0f0;border-right:0}.piano-roll-toolbar .automation-toggle-button.active:active{border-color:#d6d6d6;border-right:0}.piano-roll-toolbar .automation-type-dropdown{min-width:92px;height:20px;margin:0;padding:0 6px;border-top-left-radius:0;border-bottom-left-radius:0;font-size:10px}.piano-roll-toolbar .mode-dropdown{min-width:112px;white-space:nowrap}.piano-roll-toolbar .toolbar-left .quant-dropdown{white-space:nowrap;min-width:max-content}.piano-roll-toolbar .chord-guide-toggle-button{margin:0;border-radius:0;border:1px solid #444;border-right-width:0}.piano-roll-toolbar .chord-guide-toggle-button-0{margin-left:3px;border-top-left-radius:3px;border-bottom-left-radius:3px}.piano-roll-toolbar .chord-guide-toggle-button-3{border-right-width:1px;border-top-right-radius:3px;border-bottom-right-radius:3px}.piano-roll-toolbar .chord-guide-toggle-button.active{border-color:#e0e0e0}.piano-roll-toolbar .chord-guide-toggle-button.active:hover{border-color:#f0f0f0}.piano-roll-toolbar .chord-guide-toggle-button.active:active{border-color:#d6d6d6}.spectrogram-toolbar-controls{display:flex;align-items:center;gap:6px;margin-left:5px}.spectrogram-control-label{font-size:10px;color:#aaa;white-space:nowrap}.spectrogram-threshold-slider{width:80px;height:4px;accent-color:#7a9ccf;cursor:pointer;margin:0}.spectrogram-threshold-value{font-size:10px;color:#e0e0e0;min-width:30px;text-align:right;white-space:nowrap}.piano-roll-title{flex:1;min-width:0;text-align:center;font-size:12px;font-weight:700;color:#e0e0e0;cursor:text;padding:5px;border-radius:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.piano-roll-title-input{flex:1;min-width:0;margin:0;padding:5px 8px;box-sizing:border-box;border:1px solid #5a5a5a;border-radius:6px;outline:none;background-color:#4a4a4a;color:#e0e0e0;font-size:12px;font-weight:700;text-align:center}.piano-roll-title-input:focus{border-color:#5a9fd4;background-color:#4a4a4a}.close-button{background:transparent;border:none;color:#e0e0e0;cursor:pointer;font-size:14px;padding:5px}.close-button:hover{color:#f44}.piano-roll-content-outer{position:relative;flex:1;overflow:hidden}.piano-roll-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.piano-roll-main-section{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}.piano-roll-main-section.with-automation{flex:0 0 50%}.piano-roll-note-scroll{flex:1;min-height:0;overflow:auto}.piano-roll-automation-section{flex:0 0 50%;min-height:0;border-top:1px solid #3a3a3a;overflow:hidden}.spectrogram-loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:100}.spectrogram-loading-label{min-width:240px;padding:10px 12px;background:#000000b8;color:#ddd;font-size:11px;border:1px solid #3a3a3a;border-radius:6px;display:flex;flex-direction:column;gap:8px}.piano-roll-progress-block{display:flex;flex-direction:column;gap:6px}.piano-roll-progress-track{width:100%;height:8px;background-color:#1d1d1d;border:1px solid #3a3a3a;border-radius:999px;overflow:hidden}.piano-roll-progress-fill{height:100%;background:linear-gradient(90deg,#5a9fd4,#7cc2f1);transition:width .15s linear}.piano-grid-header{display:grid;grid-template-columns:repeat(var(--max-number-of-bars),var(--region-grid-bar-width));width:calc(var(--max-number-of-bars) * var(--region-grid-bar-width) + var(--region-piano-key-width) - 1px);min-width:100%;height:20px;border-bottom:1px solid #3a3a3a;background-color:#1e1e1e;padding-left:calc(var(--region-piano-key-width) - 1px);box-sizing:border-box;position:sticky;top:0;z-index:20;cursor:pointer}.piano-grid-header:hover{cursor:url("data:image/svg+xml,%3csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4 6h8l-4 4-4-4z' fill='%23e0e0e0'/%3e%3c/svg%3e") 8 8,pointer}.piano-grid-header.no-piano-keys{width:calc(var(--max-number-of-bars) * var(--region-grid-bar-width));padding-left:0}.piano-bar-number{border-left:1px solid #3a3a3a;padding-left:10px;font-size:10px}.piano-roll-body{display:flex;min-height:calc(8 * 12 * var(--region-piano-key-height));width:calc(var(--max-number-of-bars) * var(--region-grid-bar-width))}.piano-roll-body.sheet-music-body{min-height:0;width:max-content}.piano-roll-body.audio-waveform-body{min-height:0;height:100%}.sheet-music-view{position:relative;flex:1;min-width:0;min-height:240px;background:linear-gradient(180deg,#faf7ef,#f2ede0);color:#1f1f1f}.sheet-music-header{position:sticky;top:0;z-index:20;display:flex;align-items:stretch;height:20px;background:#222222eb;color:#ddd;border-bottom:1px solid #3a3a3a;cursor:pointer}.sheet-music-bar-number{flex:0 0 auto;box-sizing:border-box;border-left:1px solid #4a4a4a;padding-left:10px;font-size:10px;line-height:20px}.sheet-music-strip{position:relative;min-height:220px;background:linear-gradient(180deg,#ffffff59,#ffffff14)}.sheet-music-notice{position:sticky;top:8px;left:8px;margin:8px 0 0 8px;width:fit-content;max-width:min(420px,calc(100% - 20px));padding:5px 9px;background:#2a2a2ab8;color:#ffffffe0;border:1px solid rgba(255,255,255,.12);border-radius:4px;font-size:11px;line-height:1.35;text-align:left;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3;pointer-events:none}.sheet-music-measures{position:relative;display:inline-flex;align-items:flex-start;min-width:100%;padding:12px 0 24px}.sheet-music-ties{position:absolute;top:12px;left:0;pointer-events:none;overflow:visible;z-index:1}.sheet-music-tie-path{fill:#111;stroke:none}.sheet-music-measure{flex:0 0 auto;position:relative;z-index:0}.sheet-music-measure-host{position:relative;width:100%;height:100%}.sheet-music-measure svg{display:block;overflow:visible}.sheet-music-measure svg path,.sheet-music-measure svg rect,.sheet-music-measure svg line,.sheet-music-measure svg text{stroke:#111!important;fill:#111!important}.sheet-music-measure svg path[fill=none]{fill:none!important;stroke:#111!important}.sheet-music-measure svg .vf-stave path{stroke-width:1.5px!important}.piano-keys-container{width:var(--region-piano-key-width);flex-shrink:0;overflow:hidden;border-right:1px solid #3a3a3a;background-color:#252525;position:sticky;left:0;z-index:15}.piano-grid-container{flex:1;width:100%;min-width:calc(var(--max-number-of-bars) * var(--region-grid-bar-width));min-height:calc(8 * 12 * var(--region-piano-key-height));z-index:5}.piano-roll-body.audio-waveform-body .piano-grid-container,.piano-roll-body.audio-waveform-body .piano-grid{min-height:0;height:100%}.piano-octave{display:flex;flex-direction:column}.piano-key{width:var(--region-piano-key-width);height:var(--region-piano-key-height);box-sizing:border-box;display:flex;align-items:center;border-bottom:1px solid #3a3a3a;position:relative;transition:background-color .08s ease}.piano-key.natural{background-color:#e0e0e0;color:#222}.piano-key.sharp{background-color:#222;color:#e0e0e0}.piano-key.natural.visual-active{background-color:#b8b8b8}.piano-key.sharp.visual-active{background-color:#5a5a5a}.key-label{box-sizing:border-box;display:block;flex:1 1 auto;font-size:10px;line-height:1;min-width:0;overflow:hidden;padding-left:5px;padding-right:18px;position:relative;white-space:nowrap;z-index:1}.piano-key-activity-dot{position:absolute;right:6px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:999px;background-color:#000;border:1px solid #000}.piano-key.sharp .piano-key-activity-dot{background-color:#fff;border-color:#fff}.piano-grid{width:100%;height:100%;position:relative;background-size:var(--region-grid-bar-width) var(--region-piano-key-height),var(--region-grid-beat-width) var(--region-piano-key-height),100% 100%}.piano-grid.pencil-cursor,.piano-roll-automation-scroll-layer.pencil-cursor{cursor:crosshair}.piano-grid-pitch-highlight{position:absolute;left:0;right:0;background-color:#87cefa26;border-top:1px solid rgba(135,206,250,.3);border-bottom:1px solid rgba(135,206,250,.3);pointer-events:none;z-index:1;transition:opacity .1s ease}.piano-grid-beat-highlight{position:absolute;top:0;bottom:0;background-color:#87cefa1a;border-left:1px solid rgba(135,206,250,.25);border-right:1px solid rgba(135,206,250,.25);pointer-events:none;z-index:1;transition:opacity .1s ease}.piano-grid-chord-highlight{position:absolute;background-color:#ff4d4d40;border:1px solid rgba(255,77,77,.8);pointer-events:none;z-index:2;transition:opacity .1s ease}.piano-grid-recording-note{position:absolute;border:1px solid transparent;pointer-events:none;z-index:3}.piano-roll-automation-lane{position:relative;height:100%;background:linear-gradient(180deg,#343434,#2e2e2e);overflow:hidden}.piano-roll-automation-track{position:relative;height:100%;min-height:160px;min-width:calc(var(--max-number-of-bars) * var(--region-grid-bar-width) + var(--region-piano-key-width))}.piano-roll-automation-scroll-layer{position:absolute;inset:0;will-change:transform;z-index:0}.piano-roll-automation-track:before{content:"";position:absolute;top:0;bottom:0;left:var(--region-piano-key-width);width:1px;background-color:#ffffff14}.piano-roll-automation-gutter{position:absolute;top:0;bottom:0;left:0;width:var(--region-piano-key-width);background:linear-gradient(180deg,#343434,#2e2e2e);z-index:2}.piano-roll-automation-grid{position:absolute;top:0;bottom:0;left:var(--region-piano-key-width);right:0;background:linear-gradient(180deg,#343434,#2e2e2e);background-image:repeating-linear-gradient(to right,transparent,transparent calc(var(--region-grid-beat-width) - 1px),rgba(255,255,255,.08) calc(var(--region-grid-beat-width) - 1px),rgba(255,255,255,.08) var(--region-grid-beat-width))}.piano-roll-automation-lane-label{position:absolute;top:8px;left:10px;z-index:3;font-size:10px;font-weight:700;letter-spacing:.04em;color:#87cefa;text-transform:uppercase}.piano-roll-automation-svg{position:absolute;inset:0;overflow:visible;z-index:1}.piano-roll-automation-line{filter:drop-shadow(0 0 2px rgba(135,206,250,.3));pointer-events:none}.piano-roll-automation-point{cursor:pointer}.piano-roll-automation-point.selected{filter:drop-shadow(0 0 3px rgba(255,255,255,.6))}.piano-roll-automation-value{font-size:11px;font-weight:700;paint-order:stroke;stroke:#1e1e1ecc;stroke-width:2px;pointer-events:none}.piano-roll-automation-selection-box{position:absolute;border:1px solid rgba(135,206,250,.95);background:#87cefa2e;pointer-events:none;z-index:2}.piano-roll-automation-empty-state{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#7893a5;font-size:11px;pointer-events:none}.resize-handle{position:absolute;right:5px;bottom:5px;width:20px;height:20px;cursor:nwse-resize;color:#999;display:flex;align-items:center;justify-content:center;z-index:100}.piano-roll-zoom-popup{position:absolute;top:100%;right:0;background-color:#2d2d2d;border:1px solid #444;border-radius:3px;padding:8px 12px;z-index:1500;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px #0000004d;white-space:nowrap;margin-top:2px}.piano-roll-zoom-popup input[type=range]{width:120px}.piano-roll-zoom-value{font-size:12px;color:#e0e0e0;min-width:20px;text-align:center}.chord-picker-popup{min-width:min(92vw,270px);padding:16px 16px 14px;color:#e0e0e0;font-family:inherit;border-radius:24px}.chord-picker-header,.chord-picker-section,.chord-picker-footer{position:relative}.chord-picker-section+.chord-picker-section{margin-top:14px;padding-top:14px;border-top:1px solid rgba(68,79,94,.16)}.chord-picker-header{margin-bottom:14px}.chord-picker-input-shell{display:grid;gap:8px}.chord-picker-input-label,.chord-picker-section-header span{font-size:13px;font-weight:700;letter-spacing:.01em}.chord-picker-input{width:100%;padding:8px 12px;background-color:#4a4a4a;border:1px solid #5a5a5a;border-radius:6px;color:#e0e0e0;font-size:12px;outline:none;min-height:36px;line-height:1.4}.chord-picker-input.invalid{border-color:#d45a5a}.chord-picker-input:focus{border-color:#5a9fd4;background-color:#4a4a4a}.chord-picker-input::placeholder{color:#999}.chord-picker-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.chord-picker-root-dropdown{z-index:1}.chord-picker-root-button.quant-button{margin-left:0;min-width:72px;height:24px;justify-content:space-between;padding:0 8px}.chord-picker-grid{display:grid;gap:10px}.chord-picker-button-row{display:grid;grid-template-columns:repeat(4,minmax(0,52px));justify-content:space-between;gap:6px}.chord-picker-button{--toolbar-button-bg: transparent;--toolbar-button-fg: #e0e0e0;border:none;border-radius:3px;background:transparent;background-color:var(--toolbar-button-bg);color:var(--toolbar-button-fg);min-height:24px;height:24px;padding:0 6px;font-size:12px;font-weight:500;transition:background-color .18s ease,color .18s ease,transform .12s ease,box-shadow .18s ease}.chord-picker-button:hover{--toolbar-button-bg: #3a3a3a}.chord-picker-button.selected{--toolbar-button-bg: #e0e0e0;--toolbar-button-fg: #2d2d2d}.chord-picker-button.selected:hover{--toolbar-button-bg: #f0f0f0}.chord-picker-button:active{--toolbar-button-bg: #5a5a5a;transform:scale(.95)}.chord-picker-button.selected:active{--toolbar-button-bg: #d6d6d6}.chord-picker-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;min-height:24px}.chord-picker-preview{font-size:12px;font-weight:600;letter-spacing:.04em;color:#b8b8b8}.chord-picker-error{font-size:12px;font-weight:700;color:#d45a5a}@media (max-width: 720px){.chord-picker-popup{min-width:min(94vw,270px);padding:14px 12px 12px}.chord-picker-button-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.instrument-selection{display:flex;flex-direction:column;width:var(--instrument-selection-width);background-color:#2d2d2d;border-right:1px solid #3a3a3a;flex-shrink:0;position:relative}.instrument-selection-header{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 12px;background-color:transparent;border:none;position:absolute;top:0;left:0;right:0;z-index:2}.instrument-selection-header h3{color:#e0e0e0;font-size:12px;font-weight:700}.instrument-selection-close-btn{background:transparent;border:none;color:#e0e0e0;cursor:pointer;padding:4px;border-radius:3px}.instrument-selection-close-btn:hover{background-color:#4a4a4a}.instrument-selection-top{height:300px;position:relative;border-bottom:1px solid #3a3a3a;overflow:hidden;background-image:linear-gradient(#00000059,#00000059),url(/kgstudio/resources/instrument_bg.png);background-size:cover;background-position:center}.instrument-preview{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.instrument-preview img{width:256px;height:256px;object-fit:contain;border-radius:6px;opacity:1}.instrument-name-overlay{position:absolute;bottom:16px;left:0;right:0;text-align:center;font-size:16px;color:#e0e0e0;text-shadow:0 1px 2px rgba(0,0,0,.6);z-index:1;font-weight:700}.instrument-selection-bottom{flex:1;display:grid;grid-template-columns:1fr 1fr;min-height:0}.instrument-groups,.instrument-list{overflow:hidden}.instrument-groups{border-right:1px solid #3a3a3a}.instrument-groups-list,.instrument-instruments-list{height:100%;overflow-y:auto}.instrument-group-item,.instrument-instrument-item{padding:8px 12px;border-bottom:none;cursor:pointer;font-size:12px;color:#e0e0e0}.instrument-group-item:hover,.instrument-instrument-item:hover{background-color:#3a3a3a}.instrument-group-item.active,.instrument-instrument-item.active{background-color:#4a4a4a}.chatbox{display:flex;flex-direction:column;width:var(--chat-box-width);background-color:#2d2d2d;border-left:1px solid #3a3a3a;flex-shrink:0}.chatbox.is-hidden{display:none}.chatbox-header{display:flex;align-items:center;justify-content:space-between;background-color:#3a3a3a;height:40px;border-bottom:1px solid #4a4a4a;padding:0 15px}.chatbox-actions{display:flex;gap:8px;align-items:center}.chatbox-action-btn{background:transparent;border:none;cursor:pointer;padding:4px;display:inline-flex;align-items:center;justify-content:center;color:#e0e0e0;font-size:14px}.chatbox-action-btn:hover{background-color:#4a4a4a;border-radius:3px}.chatbox-toggle-btn.is-active{background-color:#e0e0e0;color:#2d2d2d;border-radius:3px}.chatbox-toggle-btn.is-active:hover{background-color:#f0f0f0}.chatbox-export-wrapper{position:relative;display:inline-block}.chatbox-export-btn{display:flex;align-items:center;gap:4px}.chatbox-export-dropdown-anchor{position:absolute;top:100%;left:0;z-index:10000}.chatbox-export-dropdown .quant-dropdown{width:250px;left:-200px}.chatbox-header h3{color:#e0e0e0;font-size:12px;font-weight:700;margin:0}.chatbox-content{flex:1;padding:15px;color:#e0e0e0;font-size:12px;overflow-y:auto}.chatbox-local-runtime-section{padding:10px 14px 0}.chatbox-local-runtime-card{background-color:#252525;border:1px solid #3a3a3a;border-radius:6px;margin-bottom:12px;padding:10px;display:flex;flex-direction:column;gap:8px}.chatbox-local-mode-title{color:#e0e0e0;font-size:12px;font-weight:600;margin:0}.chatbox-local-runtime-help,.chatbox-local-runtime-warning,.chatbox-local-runtime-error{font-size:11px;line-height:1.45;margin:0}.chatbox-local-runtime-help{color:#999}.chatbox-local-runtime-warning{color:#d0a56b}.chatbox-local-runtime-error{color:#d45a5a;margin-bottom:0}.chatbox-progress-block{display:flex;flex-direction:column;gap:6px}.chatbox-progress-track{width:100%;height:8px;background-color:#1d1d1d;border:1px solid #3a3a3a;border-radius:999px;overflow:hidden}.chatbox-progress-fill{height:100%;background:linear-gradient(90deg,#5a9fd4,#7cc2f1);transition:width .15s linear}.chatbox-gen-hint{color:#888;font-size:10px;text-align:center;margin-top:-4px}.chatbox-messages{flex:1;padding:10px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.chatbox-history-panel{flex:1;display:flex;flex-direction:column;min-height:0}.chatbox-history-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 8px;border-bottom:1px solid #3a3a3a}.chatbox-history-header h4{margin:0;font-size:12px;color:#e0e0e0}.chatbox-history-cancel{background:transparent;border:none;color:#9fc7ea;cursor:pointer;font-size:11px}.chatbox-history-list{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:10px}.chatbox-history-item{width:100%;background:#262626;border:1px solid #3a3a3a;border-radius:8px;padding:10px 12px;color:#e0e0e0}.chatbox-history-item:hover{background:#2d2d2d;border-color:#4a4a4a}.chatbox-history-item-toprow{display:flex;align-items:center;gap:8px}.chatbox-history-open-btn{flex:1;min-width:0;background:transparent;border:none;color:inherit;text-align:left;padding:0;cursor:pointer}.chatbox-history-open-btn-body{display:block;margin-top:4px}.chatbox-history-item-title{flex:1;min-width:0;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatbox-history-item-meta{font-size:10px;color:#9a9a9a;margin-top:4px}.chatbox-history-delete-btn{background:transparent;border:none;color:#b7b7b7;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:2px;flex:0 0 auto}.chatbox-history-delete-btn:hover{color:#e17070}.chatbox-history-item-preview{font-size:11px;color:#c8c8c8;margin-top:6px;line-height:1.4}.chatbox-history-empty{color:#999;font-size:11px;padding:16px 6px}.chatbox-todo-card{background:linear-gradient(180deg,#252525,#202020);border:1px solid #3a3a3a;border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.chatbox-todo-card-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.chatbox-todo-card-header h4{margin:0;color:#f0f0f0;font-size:12px;font-weight:700}.chatbox-todo-count{color:#8fb8da;font-size:11px}.chatbox-todo-active{color:#d7d7d7;font-size:11px;line-height:1.4}.chatbox-todo-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.chatbox-todo-item{display:flex;gap:8px;align-items:flex-start;color:#d8d8d8;font-size:11px;line-height:1.4}.chatbox-todo-item.is-completed .chatbox-todo-text{color:#9ba39f;text-decoration:line-through}.chatbox-todo-item.is-in_progress .chatbox-todo-text{color:#f0f0f0}.chatbox-todo-marker{width:10px;flex:0 0 10px;color:#7cc2f1;text-align:center}.chatbox-todo-item.is-completed .chatbox-todo-marker{color:#67c18a}.chatbox-todo-item.is-pending .chatbox-todo-marker{color:#a7a7a7}.chatbox-todo-status{font-size:10px;letter-spacing:.04em;text-transform:uppercase}.chatbox-todo-status.is-success{color:#67c18a}.chatbox-todo-status.is-error{color:#d45a5a}.message-container{width:100%;word-wrap:break-word}.message-user,.message-assistant{width:100%}.message-content{padding:8px 12px;border-radius:8px;font-size:12px;line-height:1.4}.message-user .message-content{background-color:#3a3a3a;color:#e0e0e0;border:1px solid #4a4a4a}.message-assistant .message-content{background-color:transparent;color:#e0e0e0;border:1px solid #2a2a2a}.chatbox-input-area{padding:10px}.chatbox-input{width:100%;padding:8px 12px;background-color:#4a4a4a;border:1px solid #5a5a5a;border-radius:6px;color:#e0e0e0;font-size:12px;outline:none;resize:none;min-height:36px;max-height:120px}.chatbox-input:focus{border-color:#5a9fd4;background-color:#4a4a4a}.chatbox-input::placeholder{color:#999}.message-content h1,.message-content h2,.message-content h3{margin:8px 0 4px;color:#e0e0e0}.message-content h3{font-size:14px}.message-content p{margin:4px 0}.message-content ul,.message-content ol{margin:4px 0;padding-left:16px}.message-content li{margin:2px 0}.message-content code{background-color:#2a2a2a;padding:2px 4px;border-radius:3px;font-family:Courier New,Courier,monospace;font-size:11px}.message-content pre{background-color:#1a1a1a;padding:8px;border-radius:6px;overflow-x:auto;margin:8px 0}.message-content blockquote{border-left:3px solid #5a5a5a;padding-left:12px;margin:8px 0;color:#ccc}.message-content .katex-display{margin:8px 0;overflow-x:auto;overflow-y:hidden}.message-content .katex{max-width:100%}.message-content table{border-collapse:collapse;width:100%;margin:8px 0;font-size:11px}.message-content th,.message-content td{border:1px solid #4a4a4a;padding:4px 8px;text-align:left}.message-content th{background-color:#3a3a3a;font-weight:700}.message-tool-result-title,.message-tool-summary{margin:4px 0}.message-tool-summary{display:flex;align-items:flex-start;gap:0}.message-tool-summary-prefix{white-space:pre;flex:0 0 auto}.message-tool-summary-content{flex:1 1 auto}.message-tool-confirmation-actions{display:flex;flex-direction:column;gap:8px;margin-top:12px}.message-tool-confirmation-btn{width:100%;margin-top:0;min-height:32px}.message-tool-summary-content>:first-child{margin-top:0}.message-tool-summary-content>:last-child{margin-bottom:0}.message-performance-info{margin-top:8px;font-size:10px;color:#909090}.tool-call-code-block{position:relative;margin:8px 0}.tool-call-code-block-inner{overflow:hidden;transition:max-height .24s ease}.tool-call-code-block-inner>div{margin:0!important}.tool-call-code-block-inner pre{margin:0!important;overflow-x:auto!important;overflow-y:hidden!important}.tool-call-code-block-toggle{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:center;width:100%;padding:0;border:0;background:transparent;cursor:pointer}.tool-call-code-block-toggle-content{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;padding:20px 12px 10px;color:#d7e7f6;font-size:11px;font-weight:600}.tool-call-code-block-toggle:hover .tool-call-code-block-toggle-content{color:#f0f7ff}.tool-call-code-block-fade{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,#1a1a1a00,#1a1a1aeb 58%,#1a1a1a)}.message-divider-banner{display:flex;align-items:center;gap:12px;width:100%;padding:2px 0}.message-divider-banner-line{flex:1 1 auto;height:1px;background:linear-gradient(90deg,#6663,#7070708c,#6663)}.message-divider-banner-label{flex:0 0 auto;color:#8c8c8c;font-size:11px;letter-spacing:.02em;white-space:nowrap}.abort-link{background:none!important;border:none!important;color:#5a9fd4!important;text-decoration:underline!important;cursor:pointer!important;padding:0!important;font:inherit!important;font-size:12px!important}.abort-link:hover{color:#5a9fd4!important;text-decoration:none!important}.tool-xml-expander{margin-bottom:8px}.tool-xml-expander-header{color:#e0e0e0;cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 8px;border:1px solid #2a2a2a;border-radius:4px;display:flex;align-items:center;gap:8px}.tool-xml-expander-arrow{font-size:12px;color:#666}.tool-xml-expander-title{font-size:12px;font-weight:700;color:#e0e0e0}.tool-xml-expander-content{margin-top:4px;padding:8px;background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;font-family:Courier New,Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;white-space:pre-wrap;overflow:auto;max-height:200px;color:#333}.processing-wave{background:linear-gradient(90deg,#87cefa80,#87cefacc,#abdafa,#87cefacc,#87cefa80);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:wave 2s linear infinite}@keyframes wave{0%{background-position:200% 0%}to{background-position:-200% 0%}}.settings-panel{width:100%;height:100%;background-color:#1e1e1e;display:flex;flex-direction:column}.settings-container{display:flex;height:100%;overflow:hidden}.settings-sidebar{width:250px;background-color:#2d2d2d;border-right:1px solid #3a3a3a;display:flex;flex-direction:column}.settings-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #3a3a3a}.settings-sidebar-header h2{color:#e0e0e0;font-size:18px;font-weight:600;margin:0}.settings-close-btn{background:transparent;border:none;color:#e0e0e0;cursor:pointer;padding:5px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:16px}.settings-close-btn:hover{background-color:#3a3a3a;color:#fff}.settings-nav{display:flex;flex-direction:column;padding:10px}.settings-nav-item{background:transparent;border:none;color:#b0b0b0;padding:12px 16px;text-align:left;cursor:pointer;border-radius:4px;margin-bottom:2px;font-size:14px;font-weight:500;transition:all .2s ease}.settings-nav-item:hover{background-color:#3a3a3a;color:#e0e0e0}.settings-nav-item.active{background-color:#4a4a4a;color:#fff}.settings-content{flex:1;overflow-y:auto;background-color:#1e1e1e;display:flex;justify-content:center}.settings-section{padding:30px;width:800px}.settings-section-header{margin-bottom:30px;border-bottom:1px solid #3a3a3a;padding-bottom:15px}.settings-section-header h3{color:#fff;font-size:24px;font-weight:600;margin:0}.settings-section-content{display:flex;flex-direction:column;gap:30px;padding-bottom:30px}.settings-group{background-color:#2d2d2d;border-radius:8px;padding:20px;border:1px solid #3a3a3a}.settings-group h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 15px}.settings-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.settings-group-header h4{margin:0}.settings-description{color:#b0b0b0;font-size:14px;line-height:1.5;margin-bottom:15px}.settings-item{margin-bottom:15px}.settings-item:last-child{margin-bottom:0}.settings-label{display:block;color:#e0e0e0;font-size:14px;font-weight:500;margin-bottom:5px}.settings-input,.settings-select,.settings-textarea{width:100%;padding:8px 12px;background-color:#3a3a3a;border:1px solid #555;border-radius:4px;color:#e0e0e0;font-size:14px;transition:border-color .2s ease;font-family:inherit}.settings-input:focus,.settings-select:focus,.settings-textarea:focus{outline:none;border-color:#5a9fd4;box-shadow:0 0 0 2px #5a9fd433}.settings-textarea{max-width:600px;resize:vertical;min-height:120px}.settings-input[type=number]{max-width:100px}.settings-checkbox-container{display:flex;align-items:center;cursor:pointer;color:#e0e0e0;font-size:14px;-webkit-user-select:none;user-select:none}.settings-checkbox-container input[type=checkbox]{display:none}.settings-checkmark{width:18px;height:18px;background-color:#3a3a3a;border:1px solid #555;border-radius:3px;margin-right:10px;position:relative;transition:all .2s ease}.settings-checkbox-container input[type=checkbox]:checked+.settings-checkmark{background-color:#5a9fd4;border-color:#5a9fd4}.settings-checkbox-container input[type=checkbox]:checked+.settings-checkmark:after{content:"";position:absolute;left:5px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.settings-btn{background-color:#3a3a3a;border:1px solid #555;color:#e0e0e0;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.settings-btn:hover{background-color:#4a4a4a;border-color:#666}.settings-btn-primary{background-color:#5a9fd4;border-color:#5a9fd4;color:#fff}.settings-btn-primary:hover{background-color:#4a8fc4;border-color:#4a8fc4}.settings-btn-danger{background-color:#d45a5a;border-color:#d45a5a;color:#fff}.settings-btn-danger:hover{background-color:#c44a4a;border-color:#c44a4a}.settings-btn-danger:disabled{background-color:#555;border-color:#555;color:#888;cursor:not-allowed}.settings-btn-small{padding:6px 10px;font-size:12px}.settings-progress-block{margin-top:10px}.settings-progress-track{width:100%;height:8px;border-radius:999px;overflow:hidden;background-color:#1d1d1d;border:1px solid #3a3a3a}.settings-progress-fill{height:100%;background:linear-gradient(90deg,#5a9fd4,#7cc2f1);transition:width .15s linear}.settings-help-links{display:flex;gap:16px;margin-bottom:8px}.settings-chord-guide-reset-row{justify-content:flex-end}.settings-chord-guide-toolbar{margin-top:10px;margin-bottom:12px}.settings-chord-guide-toolbar .event-list-toolbar-group:first-child{gap:8px}.settings-chord-guide-toolbar .settings-chord-guide-add-button{border:1px solid #444;border-radius:3px}.settings-chord-guide-toolbar .settings-chord-guide-add-button:hover{border:1px solid #5a5a5a}button.settings-help{color:#5a9fd4;text-decoration:underline;cursor:pointer;font-size:14px;background:none;border:none;padding:0;font-family:inherit}button.settings-help:hover{color:#7bbfef}.settings-validation-errors{margin-top:8px;padding:8px;background-color:#d35a5a1a;border:1px solid #d35a5a;border-radius:4px;max-height:200px;overflow-y:auto}.settings-validation-error{color:#ff6b6b;font-size:12px;line-height:1.4;margin-bottom:4px}.settings-validation-error:last-child{margin-bottom:0}.templates-list{display:flex;flex-direction:column;gap:10px;margin-top:15px}.template-item{background-color:#3a3a3a;border:1px solid #555;border-radius:6px;padding:15px;display:flex;justify-content:space-between;align-items:center;transition:border-color .2s ease}.template-item:hover{border-color:#666}.template-info{flex:1}.template-name{color:#fff;font-size:16px;font-weight:600;margin:0 0 5px}.template-description{color:#b0b0b0;font-size:14px;margin:0 0 5px}.template-tracks{color:#888;font-size:12px;font-weight:500}.template-actions{display:flex;gap:8px}.event-list-panel{display:flex;flex-direction:column;width:var(--chat-box-width);background-color:#2d2d2d;border-left:1px solid #3a3a3a;flex-shrink:0;overflow:hidden}.event-list-panel.is-hidden{display:none}.event-list-panel-header{display:flex;align-items:center;justify-content:space-between;background-color:#3a3a3a;height:40px;border-bottom:1px solid #4a4a4a;padding:0 15px;flex-shrink:0}.event-list-panel-header h3{color:#e0e0e0;font-size:12px;font-weight:700;margin:0}.event-list-panel-body{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:12px;gap:12px}.event-list-tabs{display:flex;gap:4px;flex-shrink:0}.event-list-scope-tabs{display:flex;background-color:#2d2d2d;border-bottom:1px solid #3a3a3a;flex-shrink:0}.event-list-scope-tab{flex:1;background:transparent;color:#999;border:none;border-bottom:2px solid transparent;font-size:11px;font-weight:500;padding:8px 4px;cursor:pointer;transition:color .15s,border-color .15s}.event-list-scope-tab:hover{color:#ccc}.event-list-scope-tab.active{color:#e0e0e0;border-bottom-color:#5a9fd4}.event-list-tab{flex:1;background-color:#1e1e1e;color:#999;border:none;border-radius:6px;font-size:11px;font-weight:500;min-height:20px;padding:5px 6px;cursor:pointer;transition:all .2s ease}.event-list-tab:hover{color:#e0e0e0}.event-list-tab.active{background-color:#5a9fd4;color:#fff}.event-list-empty-state{color:#888;font-size:11px;line-height:1.5;text-align:center;padding:20px 8px;background-color:#252525;border-radius:6px}.event-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.event-list-toolbar-group{display:flex;align-items:center;gap:8px;min-width:0}.event-list-toolbar-group:first-child{gap:0}.event-list-toolbar-group-right{margin-left:auto;gap:8px}.event-list-add-button{width:22px;height:22px;border:1px solid #444;border-right:0;border-radius:3px 0 0 3px;background-color:#2f2f2f;box-sizing:border-box;color:#e0e0e0;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background-color .18s ease,border-color .18s ease;padding:0;font-size:11px}.event-list-add-button:hover{background-color:#3b3b3b;border-right:0}.event-list-dropdown-button,.event-list-quant-button,.event-list-type-button{font-size:11px}.event-list-dropdown-button{margin-left:0}.event-list-quant-button{min-width:78px;padding:3px 5px}.event-list-type-button{min-width:88px;margin-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.event-list-delete-button{width:22px;height:22px;border:1px solid #444;border-radius:3px;background-color:#3a3a3a;color:#e0e0e0;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background-color .18s ease,border-color .18s ease,opacity .18s ease;padding:0;font-size:11px}.event-list-delete-button:hover:not(:disabled){background-color:#464646;border-color:#5a5a5a}.event-list-delete-button:disabled{opacity:.45;cursor:default}.event-list-table-shell{flex:1;min-height:0;overflow:auto;background-color:#232323;border:1px solid #373737;border-radius:6px;user-select:none;-webkit-user-select:none}.event-list-table{width:100%;border-collapse:collapse;table-layout:fixed}.event-list-table thead th{position:sticky;top:0;z-index:1;background-color:#343434;color:#bfc6d2;font-size:11px;font-weight:600;text-align:left;height:20px;padding:2px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-list-table tbody tr{color:#e0e0e0;cursor:default}.event-list-table tbody tr:nth-child(odd){background-color:#282828}.event-list-table tbody tr:nth-child(2n){background-color:#303030}.event-list-table tbody tr.selected{background-color:#5a9fd4;color:#fff}.event-list-table td{height:20px;padding:2px 12px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0}.event-list-cell-input{width:calc(100% + 8px);height:16px;margin:0 -4px;padding:0 4px;border:1px solid #6d94ca;border-radius:3px;background-color:#1f1f1f;color:#f3f6fb;font-size:11px;line-height:16px;outline:none;user-select:text;-webkit-user-select:text}.kgone-panel{display:flex;flex-direction:column;width:var(--chat-box-width);background-color:#2d2d2d;border-left:1px solid #3a3a3a;flex-shrink:0;overflow:hidden}.kgone-panel.is-hidden{display:none}.kgone-panel-header{display:flex;align-items:center;justify-content:space-between;background-color:#3a3a3a;height:40px;border-bottom:1px solid #4a4a4a;padding:0 15px;flex-shrink:0}.kgone-panel-header h3{color:#e0e0e0;font-size:12px;font-weight:700;margin:0}.kgone-tabs{display:flex;background-color:#2d2d2d;border-bottom:1px solid #3a3a3a;flex-shrink:0}.kgone-tab{flex:1;background:transparent;border:none;border-bottom:2px solid transparent;color:#999;font-size:11px;font-weight:500;padding:8px 4px;cursor:pointer;transition:color .15s,border-color .15s}.kgone-tab:hover{color:#ccc}.kgone-tab.active{color:#e0e0e0;border-bottom-color:#5a9fd4}.kgone-tab.is-disabled{color:#666;cursor:not-allowed}.kgone-tab.is-disabled:hover{color:#666}.kgone-panel-body{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.kgone-field{display:flex;flex-direction:column;gap:4px}.kgone-label{color:#aaa;font-size:11px;font-weight:500}.kgone-input,.kgone-textarea,.kgone-select{background-color:#3a3a3a;border:1px solid #4a4a4a;border-radius:4px;color:#e0e0e0;font-size:12px;padding:6px 8px;outline:none;width:100%;box-sizing:border-box}.kgone-input:focus,.kgone-textarea:focus,.kgone-select:focus{border-color:#5a9fd4}.kgone-textarea{resize:vertical;min-height:60px;font-family:inherit}.kgone-input::placeholder,.kgone-textarea::placeholder{color:#666}.kgone-hint{color:#666;font-size:10px;line-height:1.4;margin-top:2px}.kgone-hint strong{color:#999;font-weight:600}.kgone-powered-by{color:#666;font-size:10px;text-align:center;margin-top:12px;padding-top:8px;border-top:1px solid #333}.kgone-powered-by a{color:#888;text-decoration:none;font-weight:600}.kgone-powered-by a:hover{color:#aaa;text-decoration:underline}.kgone-row{display:flex;gap:8px}.kgone-row .kgone-field{flex:1}.kgone-expander-toggle{background:transparent;border:none;color:#888;font-size:11px;cursor:pointer;display:flex;align-items:center;gap:4px;padding:4px 0}.kgone-expander-toggle:hover{color:#bbb}.kgone-expander-toggle .arrow{font-size:9px;transition:transform .15s}.kgone-expander-toggle .arrow.open{transform:rotate(90deg)}.kgone-expander-body{display:flex;flex-direction:column;gap:8px;padding:8px 0 0}.kgone-separator-hint{color:#888;font-size:11px;line-height:1.5;text-align:center;padding:20px 8px;background-color:#252525;border-radius:6px}.kgone-local-mode-card{background-color:#252525;border:1px solid #3a3a3a;border-radius:6px;padding:10px;display:flex;flex-direction:column;gap:8px}.kgone-local-mode-title{color:#e0e0e0;font-size:12px;font-weight:600}.kgone-local-mode-text{color:#999;font-size:11px;line-height:1.45}.kgone-runtime-row{display:flex;flex-wrap:wrap;gap:6px}.kgone-provider-chip{background-color:#313131;border:1px solid #444;border-radius:999px;color:#bbb;font-size:10px;padding:4px 8px}.kgone-progress-block{display:flex;flex-direction:column;gap:6px}.kgone-progress-track{width:100%;height:8px;background-color:#1d1d1d;border:1px solid #3a3a3a;border-radius:999px;overflow:hidden}.kgone-progress-fill{height:100%;background:linear-gradient(90deg,#5a9fd4,#7cc2f1);transition:width .15s linear}.kgone-region-info{background-color:#252525;border:1px solid #3a3a3a;border-radius:6px;padding:8px 10px;display:flex;flex-direction:column;gap:2px}.kgone-region-info-label{color:#777;font-size:10px}.kgone-region-info-value{color:#e0e0e0;font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kgone-btn-generate{border-radius:4px;font-size:12px;font-weight:600;padding:8px 12px;width:100%;margin-top:6px}.kgone-btn-generate.dialog-btn{min-height:32px}.kgone-btn-generate.dialog-btn:disabled{background-color:#3a3a3a;color:#666;cursor:not-allowed}.kgone-btn-secondary{background-color:#353535;border:1px solid #4a4a4a;border-radius:4px;color:#ddd;font-size:11px;font-weight:600;padding:8px 10px;cursor:pointer;flex:1}.kgone-btn-secondary:hover:not(:disabled){background-color:#404040}.kgone-btn-secondary:disabled{color:#666;cursor:not-allowed}.kgone-btn-danger{border-color:#5a2a2a;color:#f0b0b0}.kgone-audio-player{display:flex;align-items:center;gap:8px;background-color:#252525;border:1px solid #3a3a3a;border-radius:6px;padding:8px 10px}.kgone-player-play-btn{background:transparent;border:none;color:#e0e0e0;cursor:pointer;font-size:13px;padding:2px 4px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.kgone-player-play-btn:hover{color:#5a9fd4}.kgone-player-progress-track{flex:1;height:4px;background-color:#3a3a3a;border-radius:2px;cursor:pointer;position:relative}.kgone-player-progress-track:hover{height:6px;margin-top:-1px}.kgone-player-progress-fill{height:100%;background-color:#5a9fd4;border-radius:2px;pointer-events:none;transition:width .1s linear}.kgone-player-time{color:#888;font-size:10px;white-space:nowrap;flex-shrink:0}.kgone-player-drag-handle{color:#555;cursor:grab;font-size:12px;padding:2px 4px;flex-shrink:0;display:flex;align-items:center}.kgone-player-drag-handle:hover{color:#888}.kgone-player-download-btn{background:transparent;border:none;color:#888;cursor:pointer;font-size:12px;padding:2px 4px;flex-shrink:0;display:flex;align-items:center}.kgone-player-download-btn:hover{color:#5a9fd4}.kgone-gen-hint{color:#888;font-size:10px;text-align:center;margin-top:-4px}.kgone-error-msg{color:#e07a7a;font-size:11px;background-color:#2a1a1a;border:1px solid #5a2a2a;border-radius:4px;padding:6px 8px;word-break:break-word}.kgone-spinner{animation:kgone-spin .8s linear infinite;margin-right:6px}@keyframes kgone-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.kgone-stems{display:flex;flex-direction:column;gap:8px}.kgone-stem-player{display:flex;flex-direction:column}.kgone-checkbox-row{display:flex;align-items:center;gap:8px}.kgone-checkbox-row input[type=checkbox]{width:14px;height:14px;accent-color:#5a9fd4;cursor:pointer}.kgone-checkbox-row label{color:#aaa;font-size:11px;cursor:pointer;-webkit-user-select:none;user-select:none}