/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./node_modules/katex/dist/katex.min.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
@font-face{font-display:block;font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/_next/static/media/KaTeX_AMS-Regular.a79f1c31.woff2) format("woff2"),url(/_next/static/media/KaTeX_AMS-Regular.1608a09b.woff) format("woff"),url(/_next/static/media/KaTeX_AMS-Regular.4aafdb68.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/_next/static/media/KaTeX_Caligraphic-Bold.ec17d132.woff2) format("woff2"),url(/_next/static/media/KaTeX_Caligraphic-Bold.b6770918.woff) format("woff"),url(/_next/static/media/KaTeX_Caligraphic-Bold.cce5b8ec.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/_next/static/media/KaTeX_Caligraphic-Regular.55fac258.woff2) format("woff2"),url(/_next/static/media/KaTeX_Caligraphic-Regular.dad44a7f.woff) format("woff"),url(/_next/static/media/KaTeX_Caligraphic-Regular.07ef19e7.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/_next/static/media/KaTeX_Fraktur-Bold.d42a5579.woff2) format("woff2"),url(/_next/static/media/KaTeX_Fraktur-Bold.9f256b85.woff) format("woff"),url(/_next/static/media/KaTeX_Fraktur-Bold.b18f59e1.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/_next/static/media/KaTeX_Fraktur-Regular.d3c882a6.woff2) format("woff2"),url(/_next/static/media/KaTeX_Fraktur-Regular.7c187121.woff) format("woff"),url(/_next/static/media/KaTeX_Fraktur-Regular.ed38e79f.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/_next/static/media/KaTeX_Main-Bold.c3fb5ac2.woff2) format("woff2"),url(/_next/static/media/KaTeX_Main-Bold.d181c465.woff) format("woff"),url(/_next/static/media/KaTeX_Main-Bold.b74a1a8b.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/_next/static/media/KaTeX_Main-BoldItalic.6f2bb1df.woff2) format("woff2"),url(/_next/static/media/KaTeX_Main-BoldItalic.e3f82f9d.woff) format("woff"),url(/_next/static/media/KaTeX_Main-BoldItalic.70d8b0a5.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/_next/static/media/KaTeX_Main-Italic.8916142b.woff2) format("woff2"),url(/_next/static/media/KaTeX_Main-Italic.9024d815.woff) format("woff"),url(/_next/static/media/KaTeX_Main-Italic.47373d1e.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/_next/static/media/KaTeX_Main-Regular.0462f03b.woff2) format("woff2"),url(/_next/static/media/KaTeX_Main-Regular.7f51fe03.woff) format("woff"),url(/_next/static/media/KaTeX_Main-Regular.b7f8fe9b.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/_next/static/media/KaTeX_Math-BoldItalic.572d331f.woff2) format("woff2"),url(/_next/static/media/KaTeX_Math-BoldItalic.f1035d8d.woff) format("woff"),url(/_next/static/media/KaTeX_Math-BoldItalic.a879cf83.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/_next/static/media/KaTeX_Math-Italic.f28c23ac.woff2) format("woff2"),url(/_next/static/media/KaTeX_Math-Italic.5295ba48.woff) format("woff"),url(/_next/static/media/KaTeX_Math-Italic.939bc644.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(/_next/static/media/KaTeX_SansSerif-Bold.8c5b5494.woff2) format("woff2"),url(/_next/static/media/KaTeX_SansSerif-Bold.bf59d231.woff) format("woff"),url(/_next/static/media/KaTeX_SansSerif-Bold.94e1e8dc.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(/_next/static/media/KaTeX_SansSerif-Italic.3b1e59b3.woff2) format("woff2"),url(/_next/static/media/KaTeX_SansSerif-Italic.7c9bc82b.woff) format("woff"),url(/_next/static/media/KaTeX_SansSerif-Italic.b4c20c84.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(/_next/static/media/KaTeX_SansSerif-Regular.ba21ed5f.woff2) format("woff2"),url(/_next/static/media/KaTeX_SansSerif-Regular.74048478.woff) format("woff"),url(/_next/static/media/KaTeX_SansSerif-Regular.d4d7ba48.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/_next/static/media/KaTeX_Script-Regular.03e9641d.woff2) format("woff2"),url(/_next/static/media/KaTeX_Script-Regular.07505710.woff) format("woff"),url(/_next/static/media/KaTeX_Script-Regular.fe9cbbe1.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/_next/static/media/KaTeX_Size1-Regular.eae34984.woff2) format("woff2"),url(/_next/static/media/KaTeX_Size1-Regular.e1e279cb.woff) format("woff"),url(/_next/static/media/KaTeX_Size1-Regular.fabc004a.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/_next/static/media/KaTeX_Size2-Regular.5916a24f.woff2) format("woff2"),url(/_next/static/media/KaTeX_Size2-Regular.57727022.woff) format("woff"),url(/_next/static/media/KaTeX_Size2-Regular.d6b476ec.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(/_next/static/media/KaTeX_Size3-Regular.b4230e7e.woff2) format("woff2"),url(/_next/static/media/KaTeX_Size3-Regular.9acaf01c.woff) format("woff"),url(/_next/static/media/KaTeX_Size3-Regular.a144ef58.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/_next/static/media/KaTeX_Size4-Regular.10d95fd3.woff2) format("woff2"),url(/_next/static/media/KaTeX_Size4-Regular.7a996c9d.woff) format("woff"),url(/_next/static/media/KaTeX_Size4-Regular.fbccdabe.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/_next/static/media/KaTeX_Typewriter-Regular.a8709e36.woff2) format("woff2"),url(/_next/static/media/KaTeX_Typewriter-Regular.6258592b.woff) format("woff"),url(/_next/static/media/KaTeX_Typewriter-Regular.d97aaf4a.ttf) format("truetype")}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.27"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;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 .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;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;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.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}

/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./styles/animations.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
/**
 * CSS Animation Easing Functions
 *
 * Predefined easing functions following the "Flow Ink" design philosophy.
 * These can be used with CSS transitions and animations.
 *
 * Usage:
 *   transition: transform 0.3s var(--ease-smooth);
 */

:root {
  /* ========== Standard Easing Functions ========== */

  /* Ease Out - Use for enter animations */
  --ease-out: cubic-bezier(0, 0, 0.2, 1);

  /* Ease In - Use for exit animations */
  --ease-in: cubic-bezier(0.4, 0, 1, 1);

  /* Ease In-Out - Use for state changes */
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);

  /* ========== Soft UI Easing Functions ========== */

  /* Ease Soft - Button hovers, card floats (subtle bounce) */
  --ease-soft: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Ease Bounce - Success states, attention grabbing (more pronounced bounce) */
  --ease-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);

  /* Ease Smooth - Page transitions, deliberate movements */
  --ease-smooth: cubic-bezier(0.25, 0.1, 0.25, 1);

  /* Ease Snappy - Quick micro-interactions */
  --ease-snappy: cubic-bezier(0.2, 0, 0, 1);

  /* ========== Duration Variables ========== */

  --duration-instant: 100ms;
  --duration-fast: 150ms;
  --duration-normal: 200ms;
  --duration-slow: 300ms;
  --duration-slower: 400ms;
  --duration-page: 500ms;
}

/* ========== Utility Classes ========== */

/* Transition utilities */
.transition-soft {
  transition: all var(--duration-slow) var(--ease-soft);
}

.transition-smooth {
  transition: all var(--duration-normal) var(--ease-smooth);
}

.transition-quick {
  transition: all var(--duration-fast) var(--ease-out);
}

.transition-bounce {
  transition: all var(--duration-slow) var(--ease-bounce);
}

/* ========== Keyframe Animations ========== */

/* Fade in */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Fade out */
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* Scale in */
@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* Slide up */
@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Slide down */
@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Slide right */
@keyframes slideRight {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Slide left */
@keyframes slideLeft {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Subtle pulse (for loading states) */
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
}

/* Gentle bounce (for success states) */
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

/* Shake (for error states) */
@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-4px);
  }
  20%, 40%, 60%, 80% {
    transform: translateX(4px);
  }
}

/* Spin (for loading spinners) */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Shimmer effect (for loading states and highlights) */
@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

/* Subtle paper grain drift (for Morandi texture) */
@keyframes dsNoiseShift {
  0% {
    background-position: 0 0;
  }
  20% {
    background-position: 24px -18px;
  }
  40% {
    background-position: -18px 14px;
  }
  60% {
    background-position: 18px 22px;
  }
  80% {
    background-position: -14px -10px;
  }
  100% {
    background-position: 0 0;
  }
}

.ds-noise-animate {
  animation: dsNoiseShift 1.6s steps(2) infinite;
}

@media (prefers-reduced-motion: reduce) {
  .ds-noise-animate {
    animation: none;
  }
}

/* Gradient flow animation (for text and borders) */
@keyframes gradientFlow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* Glow pulse (for accent highlights) */
@keyframes glowPulse {
  0%, 100% {
    box-shadow: 0 0 5px rgba(59, 130, 246, 0.3);
  }
  50% {
    box-shadow: 0 0 20px rgba(59, 130, 246, 0.6);
  }
}

/* Float animation (for card hover effects) */
@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

/* Draw checkmark (for success states) */
@keyframes drawCheck {
  from {
    stroke-dashoffset: 100;
  }
  to {
    stroke-dashoffset: 0;
  }
}

/* Particle fade (for particle effects) */
@keyframes particleFade {
  0% {
    opacity: 0;
    transform: scale(0) translateY(0);
  }
  50% {
    opacity: 1;
    transform: scale(1) translateY(-20px);
  }
  100% {
    opacity: 0;
    transform: scale(0.5) translateY(-40px);
  }
}

/* ========== Animation Utility Classes ========== */

.animate-fade-in {
  animation: fadeIn var(--duration-normal) var(--ease-out) forwards;
}

.animate-fade-out {
  animation: fadeOut var(--duration-normal) var(--ease-in) forwards;
}

.animate-scale-in {
  animation: scaleIn var(--duration-normal) var(--ease-soft) forwards;
}

.animate-slide-up {
  animation: slideUp var(--duration-slow) var(--ease-soft) forwards;
}

.animate-slide-down {
  animation: slideDown var(--duration-slow) var(--ease-soft) forwards;
}

.animate-slide-right {
  animation: slideRight var(--duration-slow) var(--ease-soft) forwards;
}

.animate-slide-left {
  animation: slideLeft var(--duration-slow) var(--ease-soft) forwards;
}

.animate-pulse {
  animation: pulse 2s var(--ease-in-out) infinite;
}

.animate-bounce {
  animation: bounce 0.6s var(--ease-bounce);
}

.animate-shake {
  animation: shake 0.5s var(--ease-smooth);
}

.animate-spin {
  animation: spin 1s linear infinite;
}

.animate-shimmer {
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.2),
    transparent
  );
  background-size: 200% 100%;
  animation: shimmer 2s linear infinite;
}

.animate-gradient-flow {
  background-size: 200% auto;
  animation: gradientFlow 3s linear infinite;
}

.animate-glow-pulse {
  animation: glowPulse 2s var(--ease-in-out) infinite;
}

.animate-float {
  animation: float 3s var(--ease-in-out) infinite;
}

.animate-particle-fade {
  animation: particleFade 1s var(--ease-out) forwards;
}

/* Shimmer input class for login forms */
.shimmer-input {
  position: relative;
  overflow: hidden;
}

.shimmer-input::after {
  content: '';
  position: absolute;
  top: 0;
  left: -200%;
  width: 200%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.1),
    transparent
  );
  animation: shimmer 3s linear infinite;
  pointer-events: none;
}

/* ========== Reduced Motion ========== */

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./styles/ai-manus.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
.ai-manus-root {
  --text-primary: #34322d;
  --text-secondary: #535350;
  --text-tertiary: #858481;
  --text-disable: #b9b9b7;
  --text-brand: #0081f2;
  --text-mention: #0b3b60;
  --text-onblack: #fff;
  --text-white: #fff;
  --text-white-tsp: #ffffff99;
  --theme-text-primary: #262626;
  --logo-color: #34322d;
  --background-gray-main: #f8f8f7;
  --background-white-main: #fff;
  --background-menu-white: #fff;
  --background-tsp-menu-white: #ffffff14;
  --background-tsp-card-gray: #37352f0a;
  --background-nav: rgba(236, 233, 226, 0.92);
  --background-card: #fff;
  --background-surface: rgba(248, 248, 247, 0.74);
  --background-surface-strong: rgba(248, 248, 247, 0.9);
  --background-mask: #000000a6;
  --border-main: #0000000f;
  --border-white: #ffffff0a;
  --border-btn-main: #0000001f;
  --border-input-active: #0081f280;
  --border-input-gold: #d2b077;
  --border-light: #0000000a;
  --border-dark: #0000001f;
  --icon-primary: #34322d;
  --icon-secondary: #535350;
  --icon-tertiary: #858481;
  --icon-disable: #b9b9b7;
  --icon-brand: #0081f2;
  --icon-onblack: #fff;
  --icon-white: #fff;
  --icon-white-tsp: #ffffff99;
  --function-error: #f25a5a;
  --function-success: #25ba3b;
  --function-warning: #efa201;
  --function-error-tsp: #f25a5a14;
  --function-warning-tsp: #efa2011f;
  --fill-blue: #0081f214;
  --fill-tsp-white-main: #37352f0f;
  --fill-tsp-white-dark: #37352f14;
  --fill-tsp-white-light: #37352f0a;
  --fill-tsp-gray-dark: #37352f14;
  --fill-tsp-gray-main: #37352f0a;
  --fill-input-chat: #fbfaf7;
  --ai-manus-input-runtime-bg: linear-gradient(135deg, #f2e7db 0%, #eadccf 48%, #e2d1c3 100%);
  --fill-white: #fff;
  --fill-black: #28282973;
  --Button-primary-black: #1a1a19;
  --Button-primary-white: #fff;
  --Button-primary-brand: #0081f2;
  --Button-secondary-brand: #0081f21a;
  --Button-secondary-error-border: #f25a5a80;
  --Button-secondary-error-fill: #fff;
  --Button-secondary-main: #fff;
  --Button-secondary-gray: #37352f0f;
  --tab-fill: rgba(0, 0, 0, 0.004);
  --tab-active-black: #1a1a19;
  --shadow-L: #0000003d;
  --shadow-M: #0000001f;
  --shadow-S: #00000014;
  --shadow-XS: #0000000f;
  --Tooltips-main: #000000e6;
  --gradual-white-0: #ffffff00;
  --gradual-gray-100: #ffffff00;
  --gradual-gray-0: #ffffff00;
  --gradual-dark-20: #00000033;

  background-color: var(--background-gray-main);
  color: var(--text-primary);
}

.ai-manus-root.ai-manus-welcome {
  background-color: var(--background-gray-main);
  background-image: none;
}

.ai-manus-orbit-logo {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--orbit-size);
  height: var(--orbit-size);
}

.ai-manus-orbit-canvas {
  display: block;
  width: 100%;
  height: 100%;
}

.ai-manus-welcome-stage {
  display: flex;
  height: 100%;
  width: 100%;
  gap: 12px;
  padding: 12px;
}

.ai-manus-welcome-session-list {
  display: flex;
  min-height: 0;
}

.ai-manus-welcome-toolpanel {
  display: flex;
  flex: 1;
  min-height: 0;
  min-width: 0;
}

.ai-manus-tool-portal {
  display: flex;
  flex: 1;
  min-height: 0;
  min-width: 0;
}

.ai-manus-session-portal {
  display: flex;
  height: 100%;
  min-height: 0;
  min-width: 0;
  max-width: 100%;
}

.ai-manus-attachment-drawer {
  position: relative;
  flex-shrink: 0;
  min-height: 0;
  overflow: hidden;
  width: clamp(160px, 32%, 240px);
  opacity: 1;
  transform: translateX(0);
  transition: width 0.18s ease, opacity 0.18s ease, transform 0.18s ease;
}

.ai-manus-attachment-drawer.is-closed {
  width: 0;
  opacity: 0;
  transform: translateX(-10px);
  pointer-events: none;
}

.ai-manus-attachment-drawer-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  min-width: 160px;
  border-radius: 12px;
  border: 1px solid var(--border-light);
  background: var(--background-surface);
  box-shadow:
    0 18px 40px -30px var(--shadow-M),
    0 1px 0 rgba(255, 255, 255, 0.45) inset;
}

.ai-manus-session-glass {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid var(--border-dark);
  background-color: var(--background-surface-strong);
  background-image:
    radial-gradient(560px 280px at 12% 0%, rgba(214, 175, 92, 0.64), transparent 62%),
    radial-gradient(520px 260px at 90% 8%, rgba(170, 132, 72, 0.5), transparent 62%),
    radial-gradient(520px 300px at 46% 112%, rgba(122, 132, 92, 0.24), transparent 66%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.2), transparent 58%);
  box-shadow:
    0 44px 120px -68px var(--shadow-L),
    0 22px 52px -32px var(--shadow-M),
    0 1px 0 rgba(255, 255, 255, 0.35) inset;
  backdrop-filter: blur(18px) saturate(140%);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  transform: translateZ(0);
  isolation: isolate;
}

.ai-manus-session-glass::before {
  content: '';
  position: absolute;
  inset: -35%;
  pointer-events: none;
  opacity: 0.65;
  mix-blend-mode: soft-light;
  filter: blur(26px) saturate(1.05);
  background:
    radial-gradient(circle at 18% 16%, rgba(238, 206, 126, 0.42), transparent 60%),
    radial-gradient(circle at 86% 20%, rgba(186, 148, 84, 0.28), transparent 62%),
    radial-gradient(circle at 44% 88%, rgba(126, 136, 96, 0.22), transparent 66%),
    radial-gradient(circle at 70% 70%, rgba(152, 126, 166, 0.16), transparent 68%);
}

/* Lab Direct tool cards */
@keyframes ds-lab-card-enter {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes ds-lab-card-highlight {
  0% {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.06);
  }
  100% {
    box-shadow: var(--shadow-sm);
  }
}

@keyframes ds-lab-pulse {
  0% {
    opacity: 0.35;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.35;
  }
}

.ds-lab-tool-card {
  border-radius: 12px;
  border: 1px solid var(--border-light);
  background: var(--fill-tsp-white-light);
  box-shadow: none;
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  animation: ds-lab-card-enter 160ms ease-out;
  transition: background-color 140ms ease, border-color 140ms ease;
}

.ds-lab-tool-card:hover {
  background: var(--fill-tsp-gray-dark);
}

.ds-lab-tool-card.is-updated {
  animation: ds-lab-card-highlight 180ms ease-out;
}

.ds-lab-tool-card--compact {
  padding: 8px 10px;
  gap: 4px;
}

.ds-lab-tool-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.ds-lab-tool-card__title {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.ds-lab-tool-card__icon {
  width: 14px;
  height: 14px;
  color: var(--text-tertiary);
}

.ds-lab-tool-card__label {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-secondary);
  white-space: nowrap;
}

.ds-lab-tool-card__meta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 11px;
  color: var(--text-tertiary);
}

.ds-lab-tool-card__status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
}

.ds-lab-tool-card__dot {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: currentColor;
}

.ds-lab-tool-card__dot.is-pulse-fast {
  animation: ds-lab-pulse 1s ease-in-out infinite;
}

.ds-lab-tool-card__dot.is-pulse-slow {
  animation: ds-lab-pulse 1.6s ease-in-out infinite;
}

.ds-lab-tool-card__summary {
  font-size: 13px;
  color: var(--text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ds-lab-terminal-line {
  font-family: ui-monospace, SFMono-Regular, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  color: var(--text-secondary);
  letter-spacing: 0.02em;
}

.ds-lab-terminal-cursor {
  display: inline-block;
  margin-left: 6px;
  width: 8px;
  height: 12px;
  background: currentColor;
  opacity: 0.7;
  animation: ds-lab-cursor 1s step-end infinite;
}

@keyframes ds-lab-cursor {
  0%,
  50% {
    opacity: 0;
  }
  51%,
  100% {
    opacity: 0.8;
  }
}

.ds-lab-qa {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.ds-lab-qa__row {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}

.ds-lab-qa__label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  width: 14px;
  flex-shrink: 0;
}

.ds-lab-qa__label--q {
  color: var(--text-tertiary);
}

.ds-lab-qa__label--a {
  color: var(--soft-info);
}

.ds-lab-qa__text {
  font-size: 12px;
  color: var(--text-secondary);
  line-height: 1.4;
  white-space: normal;
}

.ds-lab-tool-card__skeleton {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.ds-lab-tool-card__skeleton-line {
  height: 10px;
  border-radius: 999px;
  background: var(--fill-tsp-gray-main);
  opacity: 0.8;
}

.ds-lab-tool-card__skeleton-line.is-short {
  width: 60%;
}

.ds-lab-tool-card__actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.ds-lab-tool-card__action {
  font-size: 11px;
  color: var(--text-tertiary);
  transition: color 120ms ease;
}

.ds-lab-tool-card__action:hover {
  color: var(--text-secondary);
}

.ds-lab-tool-card__details {
  border-top: 1px solid var(--border-light);
  padding-top: 6px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.ds-lab-tool-card__details-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  color: var(--text-tertiary);
}

.ds-lab-tool-card__chevron {
  width: 10px;
  height: 10px;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: rotate(45deg);
  transition: transform 120ms ease;
}

.ds-lab-tool-card__chevron.is-open {
  transform: rotate(-135deg);
}

.ds-lab-tool-card__details-body {
  display: grid;
  gap: 4px;
}

.ds-lab-tool-card__detail-row {
  display: flex;
  gap: 8px;
  font-size: 11px;
  color: var(--text-tertiary);
}

.ds-lab-tool-card__detail-label {
  min-width: 68px;
  color: var(--text-tertiary);
}

.ds-lab-tool-card__detail-value {
  color: var(--text-secondary);
  word-break: break-word;
}

.ds-lab-tool-card__detail-value--multiline {
  white-space: pre-wrap;
  line-height: 1.45;
}

.ds-lab-status-running {
  color: var(--soft-info);
}

.ds-lab-status-waiting {
  color: var(--soft-warning);
}

.ds-lab-status-done {
  color: var(--soft-success);
}

.ds-lab-status-error {
  color: var(--soft-danger);
}

@media (prefers-reduced-motion: reduce) {
  .ds-lab-tool-card,
  .ds-lab-tool-card__dot.is-pulse-fast,
  .ds-lab-tool-card__dot.is-pulse-slow {
    animation: none;
  }
}

:is(.dark, [data-theme="dark"]) .ai-manus-session-glass {
  background-color: var(--background-surface-strong);
  background-image:
    radial-gradient(560px 280px at 12% 0%, rgba(116, 142, 150, 0.24), transparent 62%),
    radial-gradient(520px 260px at 90% 8%, rgba(176, 136, 92, 0.18), transparent 62%),
    radial-gradient(520px 300px at 46% 112%, rgba(116, 128, 100, 0.16), transparent 66%),
    linear-gradient(180deg, rgba(14, 16, 20, 0.7), transparent 58%);
  box-shadow:
    0 40px 110px -66px var(--shadow-L),
    0 20px 46px -30px var(--shadow-M),
    0 1px 0 rgba(255, 255, 255, 0.08) inset;
}

:is(.dark, [data-theme="dark"]) .ai-manus-session-glass::before {
  background:
    radial-gradient(circle at 18% 16%, rgba(128, 148, 160, 0.24), transparent 60%),
    radial-gradient(circle at 86% 20%, rgba(182, 142, 96, 0.18), transparent 62%),
    radial-gradient(circle at 44% 88%, rgba(122, 134, 106, 0.16), transparent 66%),
    radial-gradient(circle at 70% 70%, rgba(120, 114, 148, 0.12), transparent 68%);
}

:is(.dark, [data-theme="dark"]) .ai-manus-root {
  --text-primary: #dadada;
  --text-secondary: #acacac;
  --text-tertiary: #9a9a9a;
  --text-disable: #5f5f5f;
  --text-brand: #1a93fe;
  --text-mention: #4aa5c8;
  --text-onblack: #000000e6;
  --text-white: #fff;
  --text-white-tsp: #ffffff99;
  --theme-text-primary: #dbdbdb;
  --logo-color: #dadada;
  --background-gray-main: #272728;
  --background-white-main: #161618;
  --background-menu-white: #383739;
  --background-tsp-menu-white: #ffffff0f;
  --background-tsp-card-gray: #ffffff0f;
  --background-nav: #212122;
  --background-card: #444345;
  --background-surface: rgba(34, 35, 36, 0.78);
  --background-surface-strong: rgba(28, 28, 30, 0.92);
  --background-mask: #000000a6;
  --border-main: #ffffff14;
  --border-white: #ffffff0a;
  --border-btn-main: #ffffff1a;
  --border-input-active: #1a93fe80;
  --border-input-gold: #d2b077;
  --border-light: #ffffff1a;
  --border-dark: #ffffff29;
  --icon-primary: #dadada;
  --icon-secondary: #acacac;
  --icon-tertiary: #7f7f7f;
  --icon-disable: #5f5f5f;
  --icon-brand: #1a93fe;
  --icon-onblack: #000000d9;
  --icon-white: #fff;
  --icon-white-tsp: #ffffff99;
  --function-error: #eb4d4d;
  --function-success: #5eb92d;
  --function-warning: #ffbf36;
  --function-error-tsp: #eb4d4d14;
  --function-warning-tsp: #ffbf361f;
  --fill-blue: #1a93fe1f;
  --fill-tsp-white-main: #ffffff1a;
  --fill-tsp-white-dark: #ffffff1f;
  --fill-tsp-white-light: #ffffff12;
  --fill-tsp-gray-dark: #00000066;
  --fill-tsp-gray-main: #0000004d;
  --fill-input-chat: #2f3035;
  --ai-manus-input-runtime-bg: linear-gradient(135deg, rgba(38, 42, 48, 0.98) 0%, rgba(30, 32, 36, 0.96) 48%, rgba(22, 24, 28, 0.96) 100%);
  --fill-white: #3e3d3e;
  --fill-black: #28282973;
  --Button-primary-black: #fff;
  --Button-primary-white: #ffffff14;
  --Button-primary-brand: #1a93fe;
  --Button-secondary-brand: #1a93fe1f;
  --Button-secondary-error-border: #eb4d4d29;
  --Button-secondary-error-fill: #eb4d4d1f;
  --Button-secondary-main: #ffffff1f;
  --Button-secondary-gray: #ffffff0f;
  --tab-fill: hsla(0, 0%, 100%, 0.006);
  --tab-active-black: #fff;
  --shadow-L: #00000066;
  --shadow-M: #0000003d;
  --shadow-S: #00000029;
  --shadow-XS: #0000001f;
  --Tooltips-main: #000000e6;
  --gradual-white-0: #27272800;
  --gradual-gray-100: #444345;
  --gradual-gray-0: #44434500;
  --gradual-dark-20: #ffffff33;
}

.ai-manus-mention {
  color: var(--text-mention);
}

.ai-manus-mention-label {
  color: var(--text-mention);
}

.ai-manus-mention-popover {
  width: min(320px, 100%);
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(255, 255, 255, 0.74);
  box-shadow: 0 16px 40px -28px rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
}

.ai-manus-mention-option {
  color: var(--text-secondary);
  transition: background 0.15s ease, color 0.15s ease;
}

.ai-manus-mention-option:hover,
.ai-manus-mention-option-active {
  color: var(--text-primary);
  background: rgba(0, 0, 0, 0.05);
}

.ds-citation {
  display: inline-flex;
  align-items: center;
  padding: 0 6px;
  border-radius: 999px;
  border: 1px solid var(--border-light, rgba(0, 0, 0, 0.12));
  background: var(--fill-tsp-white-light, rgba(0, 0, 0, 0.04));
  color: var(--text-secondary, #54524d);
  font-size: 0.78em;
  line-height: 1.5;
  letter-spacing: 0.01em;
  white-space: nowrap;
  vertical-align: baseline;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease,
    box-shadow 0.15s ease;
}

.ds-citation[data-cite-resolved="true"] {
  cursor: pointer;
}

.ds-citation[data-cite-resolved="true"]:hover {
  border-color: var(--border-dark, rgba(0, 0, 0, 0.25));
  background: var(--fill-tsp-white-dark, rgba(0, 0, 0, 0.08));
  color: var(--text-primary, #2d2a26);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}

.ds-citation[data-cite-resolved="false"] {
  opacity: 0.5;
}

:is(.dark, [data-theme="dark"]) .ai-manus-mention-popover {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(24, 24, 26, 0.7);
  box-shadow: 0 16px 40px -28px rgba(0, 0, 0, 0.6);
}

:is(.dark, [data-theme="dark"]) .ai-manus-mention-option:hover,
:is(.dark, [data-theme="dark"]) .ai-manus-mention-option-active {
  background: rgba(255, 255, 255, 0.08);
}

:is(.dark, [data-theme="dark"]) .ai-manus-root.ai-manus-welcome {
  background-color: var(--background-gray-main);
  background-image: none;
}

.ai-manus-root.ai-manus-copilot {
  --text-primary: #2d2a26;
  --text-secondary: #5d5a55;
  --text-tertiary: #7e8b97;
  --text-disable: #b5ada3;
  --text-brand: #7e8b97;
  --theme-text-primary: #2d2a26;
  --logo-color: #2d2a26;
  --background-gray-main: rgba(246, 241, 234, 0.86);
  --background-white-main: rgba(251, 250, 247, 0.95);
  --background-menu-white: rgba(251, 250, 247, 0.96);
  --background-tsp-menu-white: rgba(255, 255, 255, 0.5);
  --background-tsp-card-gray: rgba(45, 42, 38, 0.05);
  --background-nav: rgba(239, 232, 221, 0.9);
  --background-card: rgba(255, 255, 255, 0.9);
  --border-main: rgba(45, 42, 38, 0.12);
  --border-white: rgba(255, 255, 255, 0.45);
  --border-btn-main: rgba(45, 42, 38, 0.14);
  --border-input-gold: #c7ad96;
  --border-light: rgba(45, 42, 38, 0.08);
  --border-dark: rgba(45, 42, 38, 0.2);
  --icon-primary: #2d2a26;
  --icon-secondary: #5d5a55;
  --icon-tertiary: #7e8b97;
  --icon-disable: #b5ada3;
  --icon-brand: #7e8b97;
  --icon-onblack: #fdfcf9;
  --fill-blue: rgba(159, 177, 194, 0.25);
  --fill-tsp-white-main: rgba(45, 42, 38, 0.06);
  --fill-tsp-white-dark: rgba(45, 42, 38, 0.1);
  --fill-tsp-white-light: rgba(45, 42, 38, 0.04);
  --fill-tsp-gray-dark: rgba(45, 42, 38, 0.12);
  --fill-tsp-gray-main: rgba(45, 42, 38, 0.06);
  --fill-input-chat: #fbfaf7;
  --ai-manus-input-runtime-bg: linear-gradient(135deg, rgba(242, 231, 219, 0.96) 0%, rgba(234, 220, 207, 0.96) 48%, rgba(226, 209, 195, 0.96) 100%);
  --fill-white: rgba(255, 255, 255, 0.92);
  --Button-primary-black: #2d2a26;
  --Button-primary-brand: #c7ad96;
  --Button-secondary-brand: rgba(199, 173, 150, 0.2);
  --Button-secondary-main: rgba(251, 250, 247, 0.9);
  --Button-secondary-gray: rgba(45, 42, 38, 0.06);
  --tab-fill: rgba(45, 42, 38, 0.02);
  --tab-active-black: #2d2a26;
  --shadow-L: rgba(45, 42, 38, 0.2);
  --shadow-M: rgba(45, 42, 38, 0.14);
  --shadow-S: rgba(45, 42, 38, 0.1);
  --shadow-XS: rgba(45, 42, 38, 0.08);
  --Tooltips-main: rgba(45, 42, 38, 0.92);
  --gradual-white-0: rgba(251, 250, 247, 0);
  --gradual-gray-100: rgba(239, 232, 221, 0.9);
  --gradual-gray-0: rgba(239, 232, 221, 0);
  --gradual-dark-20: rgba(45, 42, 38, 0.18);
  background-color: rgba(251, 250, 247, 0.88);
  background-image:
    radial-gradient(520px 280px at 5% 0%, rgba(159, 177, 194, 0.2), transparent 60%),
    radial-gradient(520px 280px at 95% 5%, rgba(219, 206, 190, 0.2), transparent 60%),
    linear-gradient(180deg, rgba(251, 250, 247, 0.88), rgba(243, 238, 231, 0.74));
  border: none;
  border-radius: 16px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
  overflow: hidden;
}

:is(.dark, [data-theme="dark"]) .ai-manus-root.ai-manus-copilot {
  --text-primary: #f0e8dd;
  --text-secondary: #c8c0b5;
  --text-tertiary: #a7a098;
  --text-disable: #6a635b;
  --text-brand: #d2b58a;
  --theme-text-primary: #f0e8dd;
  --logo-color: #f0e8dd;
  --background-gray-main: rgba(20, 22, 26, 0.88);
  --background-white-main: rgba(24, 26, 30, 0.96);
  --background-menu-white: rgba(28, 30, 34, 0.96);
  --background-tsp-menu-white: rgba(255, 255, 255, 0.08);
  --background-tsp-card-gray: rgba(255, 255, 255, 0.08);
  --background-nav: rgba(22, 24, 28, 0.9);
  --background-card: rgba(30, 32, 36, 0.92);
  --border-main: rgba(255, 255, 255, 0.12);
  --border-white: rgba(255, 255, 255, 0.08);
  --border-btn-main: rgba(255, 255, 255, 0.12);
  --border-light: rgba(255, 255, 255, 0.08);
  --border-dark: rgba(255, 255, 255, 0.2);
  --border-input-gold: #d9b57b;
  --icon-primary: #f0e8dd;
  --icon-secondary: #c8c0b5;
  --icon-tertiary: #a7a098;
  --icon-disable: #6a635b;
  --icon-brand: #d2b58a;
  --icon-onblack: #121215;
  --fill-blue: rgba(110, 142, 164, 0.26);
  --fill-tsp-white-main: rgba(255, 255, 255, 0.07);
  --fill-tsp-white-dark: rgba(255, 255, 255, 0.12);
  --fill-tsp-white-light: rgba(255, 255, 255, 0.05);
  --fill-tsp-gray-dark: rgba(0, 0, 0, 0.38);
  --fill-tsp-gray-main: rgba(0, 0, 0, 0.24);
  --border-input-active: rgba(210, 181, 138, 0.45);
  --fill-input-chat: rgba(30, 32, 36, 0.92);
  --ai-manus-input-runtime-bg: linear-gradient(135deg, rgba(44, 38, 32, 0.98) 0%, rgba(36, 32, 28, 0.96) 48%, rgba(30, 28, 26, 0.96) 100%);
  --fill-white: rgba(36, 38, 44, 0.95);
  --Button-primary-black: #f4ede2;
  --Button-primary-brand: #d9b57b;
  --Button-secondary-brand: rgba(217, 181, 123, 0.22);
  --Button-secondary-main: rgba(30, 32, 36, 0.92);
  --Button-secondary-gray: rgba(255, 255, 255, 0.08);
  --tab-fill: rgba(255, 255, 255, 0.04);
  --tab-active-black: #f4ede2;
  --shadow-L: rgba(0, 0, 0, 0.62);
  --shadow-M: rgba(0, 0, 0, 0.48);
  --shadow-S: rgba(0, 0, 0, 0.32);
  --shadow-XS: rgba(0, 0, 0, 0.24);
  --Tooltips-main: rgba(12, 12, 14, 0.92);
  --gradual-white-0: rgba(28, 30, 34, 0);
  --gradual-gray-100: rgba(26, 28, 32, 0.92);
  --gradual-gray-0: rgba(26, 28, 32, 0);
  --gradual-dark-20: rgba(255, 255, 255, 0.2);
  background-color: rgba(20, 22, 26, 0.9);
  background-image:
    radial-gradient(520px 280px at 8% 0%, rgba(110, 142, 164, 0.18), transparent 60%),
    radial-gradient(520px 280px at 92% 5%, rgba(191, 151, 96, 0.18), transparent 60%),
    linear-gradient(180deg, rgba(20, 22, 26, 0.92), rgba(16, 18, 22, 0.86));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.ai-manus-root.ai-manus-copilot .ai-manus-tool-detail-body {
  font-size: 10px;
}

.ai-manus-root.ai-manus-copilot .ai-manus-question-prompt {
  --text-primary: #2f2b27;
  --text-secondary: #5f5a54;
  --text-tertiary: #8a918e;
  --text-brand: #6f7c80;
  --text-onblack: #f6f1ea;
  --background-white-main: rgba(250, 248, 244, 0.96);
  --border-light: rgba(55, 50, 46, 0.12);
  --border-dark: rgba(55, 50, 46, 0.26);
  --border-input-active: rgba(111, 124, 128, 0.38);
  --fill-blue: rgba(143, 156, 166, 0.22);
  --fill-tsp-white-light: rgba(55, 50, 46, 0.05);
  --fill-tsp-gray-dark: rgba(55, 50, 46, 0.12);
  --Button-primary-black: #3b352f;
}

:is(.dark, [data-theme="dark"]) .ai-manus-root.ai-manus-copilot .ai-manus-question-prompt {
  --text-primary: #efe7dd;
  --text-secondary: #c0b9ae;
  --text-tertiary: #9c968f;
  --text-brand: #d2b58a;
  --text-onblack: #121215;
  --background-white-main: rgba(26, 28, 32, 0.96);
  --border-light: rgba(255, 255, 255, 0.14);
  --border-dark: rgba(255, 255, 255, 0.24);
  --border-input-active: rgba(210, 181, 138, 0.4);
  --fill-blue: rgba(120, 150, 170, 0.22);
  --fill-tsp-white-light: rgba(255, 255, 255, 0.06);
  --fill-tsp-gray-dark: rgba(0, 0, 0, 0.36);
  --Button-primary-black: #f4ede2;
}

.ai-manus-root.ai-manus-copilot .ai-manus-question-prompt__card {
  background-image:
    radial-gradient(120% 120% at 0% 0%, rgba(138, 150, 162, 0.12), transparent 60%),
    radial-gradient(100% 100% at 100% 12%, rgba(212, 199, 184, 0.2), transparent 62%);
}

:is(.dark, [data-theme="dark"]) .ai-manus-root.ai-manus-copilot .ai-manus-question-prompt__card {
  background-image:
    radial-gradient(120% 120% at 0% 0%, rgba(110, 142, 164, 0.18), transparent 60%),
    radial-gradient(100% 100% at 100% 12%, rgba(191, 151, 96, 0.2), transparent 62%);
}

.ai-manus-plan-panel {
  --plan-text-primary: #3f2f2b;
  --plan-text-muted: #6f5a50;
  --plan-text-label: #9a8176;
  --plan-text-note: #8a7266;
  --plan-text-sub: #6b5b52;
  --plan-accent: #b08a7a;
  --plan-accent-mid: #c7a493;
  --plan-accent-light: #d9bda8;
  --plan-accent-ring: rgba(176, 138, 122, 0.5);
  --plan-line: rgba(217, 196, 181, 0.7);
  --plan-surface: rgba(248, 242, 236, 0.78);
  --plan-surface-alt: rgba(248, 242, 236, 0.75);
  --plan-body: rgba(255, 255, 255, 0.6);
  --plan-card: rgba(255, 255, 255, 0.7);
  --plan-icon-hover: rgba(255, 255, 255, 0.5);
  --plan-dot-shadow: 0 2px 6px rgba(93, 69, 52, 0.2);
  --plan-frame-shadow: 0px 0px 1px 0px rgba(114, 86, 70, 0.3), 0px 12px 36px 0px rgba(114, 86, 70, 0.2);
  --plan-frame-shadow-collapsed: 0px 0px 1px 0px rgba(114, 86, 70, 0.3), 0px 8px 24px 0px rgba(114, 86, 70, 0.18);
  --plan-status-completed-border: rgba(136, 169, 145, 0.4);
  --plan-status-completed-bg: rgba(136, 169, 145, 0.2);
  --plan-status-completed-text: #4a6b57;
  --plan-status-running-border: rgba(196, 154, 116, 0.4);
  --plan-status-running-bg: rgba(196, 154, 116, 0.2);
  --plan-status-running-text: #7a5a34;
  --plan-status-pending-border: rgba(199, 182, 170, 0.4);
  --plan-status-pending-bg: rgba(199, 182, 170, 0.2);
  --plan-status-pending-text: #6b5b52;
  --plan-status-blocked-border: rgba(192, 143, 134, 0.4);
  --plan-status-blocked-bg: rgba(192, 143, 134, 0.2);
  --plan-status-blocked-text: #7a4d49;
  --plan-status-paused-border: rgba(184, 170, 156, 0.4);
  --plan-status-paused-bg: rgba(184, 170, 156, 0.2);
  --plan-status-paused-text: #6b5b52;
  --plan-status-failed-border: rgba(194, 138, 130, 0.4);
  --plan-status-failed-bg: rgba(194, 138, 130, 0.2);
  --plan-status-failed-text: #7a4d49;
}

.ai-manus-root {
  --ds-morandi-red: #8b5a57;
  --ds-morandi-red-strong: #9b4e4a;
}

:is(.dark, [data-theme="dark"]) .ai-manus-root {
  --ds-morandi-red: #b97a74;
  --ds-morandi-red-strong: #c88b84;
}

.ai-manus-plan-frame {
  background: linear-gradient(90deg, var(--plan-accent), var(--plan-accent-mid), var(--plan-accent-light));
  box-shadow: var(--plan-frame-shadow);
}

.ai-manus-plan-frame.ai-manus-plan-frame--collapsed {
  box-shadow: var(--plan-frame-shadow-collapsed);
}

.ai-manus-plan-surface {
  background: var(--plan-surface);
}

.ai-manus-plan-summary {
  background: var(--plan-surface-alt);
}

.ai-manus-plan-body {
  background: var(--plan-body);
}

.ai-manus-plan-card {
  background: var(--plan-card);
}

.ai-manus-plan-task {
  transform-origin: left top;
}

.ai-manus-plan-task-title {
  padding: 2px 2px;
  border-radius: 8px;
  cursor: pointer;
  background: transparent;
}

.ai-manus-plan-task-details {
  border-radius: 10px;
  background: var(--plan-card);
  padding: 8px 10px;
}

.ai-manus-plan-title {
  color: var(--plan-text-primary);
}

.ai-manus-plan-muted {
  color: var(--plan-text-muted);
}

.ai-manus-plan-label {
  color: var(--plan-text-label);
}

.ai-manus-plan-note {
  color: var(--plan-text-note);
}

.ai-manus-plan-subtext {
  color: var(--plan-text-sub);
}

.ai-manus-plan-bullet {
  color: var(--plan-accent);
}

.ai-manus-plan-icon-btn:hover {
  background: var(--plan-icon-hover);
}

.ai-manus-plan-timeline-line {
  background: var(--plan-line);
}

.ai-manus-plan-timeline-progress {
  background: linear-gradient(90deg, var(--plan-accent), var(--plan-accent-mid), var(--plan-accent-light));
}

.ai-manus-plan-dot {
  background: var(--plan-accent);
  box-shadow: var(--plan-dot-shadow);
}

.ai-manus-plan-dot-ring {
  border-color: var(--plan-accent-ring);
}

.ai-manus-plan-badge--completed {
  border-color: var(--plan-status-completed-border);
  background: var(--plan-status-completed-bg);
  color: var(--plan-status-completed-text);
}

.ai-manus-plan-badge--running {
  border-color: var(--plan-status-running-border);
  background: var(--plan-status-running-bg);
  color: var(--plan-status-running-text);
}

.ai-manus-plan-badge--pending {
  border-color: var(--plan-status-pending-border);
  background: var(--plan-status-pending-bg);
  color: var(--plan-status-pending-text);
}

.ai-manus-plan-badge--blocked {
  border-color: var(--plan-status-blocked-border);
  background: var(--plan-status-blocked-bg);
  color: var(--plan-status-blocked-text);
}

.ai-manus-plan-badge--paused {
  border-color: var(--plan-status-paused-border);
  background: var(--plan-status-paused-bg);
  color: var(--plan-status-paused-text);
}

.ai-manus-plan-badge--failed {
  border-color: var(--plan-status-failed-border);
  background: var(--plan-status-failed-bg);
  color: var(--plan-status-failed-text);
}

.ai-manus-plan-status-icon--completed {
  color: var(--plan-status-completed-text);
}

.ai-manus-plan-status-icon--running {
  color: var(--plan-status-running-text);
}

.ai-manus-plan-status-icon--pending {
  color: var(--plan-status-pending-text);
}

.ai-manus-plan-status-icon--blocked {
  color: var(--plan-status-blocked-text);
}

.ai-manus-plan-status-icon--paused {
  color: var(--plan-status-paused-text);
}

.ai-manus-plan-status-icon--failed {
  color: var(--plan-status-failed-text);
}

:is(.dark, [data-theme="dark"]) .ai-manus-plan-panel {
  --plan-text-primary: #f0e8dd;
  --plan-text-muted: #c4bbb0;
  --plan-text-label: #a9968a;
  --plan-text-note: #b0a299;
  --plan-text-sub: #c2b9af;
  --plan-accent: #d2b077;
  --plan-accent-mid: #c2986a;
  --plan-accent-light: #e0c29a;
  --plan-accent-ring: rgba(210, 176, 119, 0.45);
  --plan-line: rgba(210, 176, 119, 0.35);
  --plan-surface: rgba(20, 22, 26, 0.86);
  --plan-surface-alt: rgba(22, 24, 28, 0.88);
  --plan-body: rgba(26, 28, 32, 0.75);
  --plan-card: rgba(30, 32, 36, 0.85);
  --plan-icon-hover: rgba(255, 255, 255, 0.08);
  --plan-dot-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
  --plan-frame-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.6), 0px 12px 36px 0px rgba(0, 0, 0, 0.5);
  --plan-frame-shadow-collapsed: 0px 0px 1px 0px rgba(0, 0, 0, 0.5), 0px 8px 24px 0px rgba(0, 0, 0, 0.45);
  --plan-status-completed-border: rgba(126, 182, 144, 0.4);
  --plan-status-completed-bg: rgba(126, 182, 144, 0.2);
  --plan-status-completed-text: #9ed6b6;
  --plan-status-running-border: rgba(210, 176, 119, 0.5);
  --plan-status-running-bg: rgba(210, 176, 119, 0.2);
  --plan-status-running-text: #e6c79a;
  --plan-status-pending-border: rgba(178, 168, 158, 0.4);
  --plan-status-pending-bg: rgba(178, 168, 158, 0.2);
  --plan-status-pending-text: #cbbfb4;
  --plan-status-blocked-border: rgba(201, 122, 122, 0.4);
  --plan-status-blocked-bg: rgba(201, 122, 122, 0.2);
  --plan-status-blocked-text: #e0a1a1;
  --plan-status-paused-border: rgba(168, 160, 150, 0.4);
  --plan-status-paused-bg: rgba(168, 160, 150, 0.2);
  --plan-status-paused-text: #c2b7ad;
  --plan-status-failed-border: rgba(210, 120, 120, 0.45);
  --plan-status-failed-bg: rgba(210, 120, 120, 0.22);
  --plan-status-failed-text: #e4a2a2;
}

.ai-manus-root.ai-manus-embedded {
  background-color: transparent;
  background-image: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.ai-manus-scrollbar,
.ds-copilot-dock .ai-manus-root,
.workspace-home-surface .ai-manus-root {
  --ds-copilot-scrollbar-thumb: rgba(59, 74, 94, 0.55);
  --ds-copilot-scrollbar-thumb-hover: rgba(59, 74, 94, 0.78);
  overflow-anchor: none;
  scrollbar-width: thin;
  scrollbar-color: var(--ds-copilot-scrollbar-thumb) transparent;
}

:is(.dark, [data-theme="dark"]) .ai-manus-scrollbar,
:is(.dark, [data-theme="dark"]) .ds-copilot-dock .ai-manus-root,
:is(.dark, [data-theme="dark"]) .workspace-home-surface .ai-manus-root {
  --ds-copilot-scrollbar-thumb: rgba(236, 224, 210, 0.26);
  --ds-copilot-scrollbar-thumb-hover: rgba(236, 224, 210, 0.42);
}

.ai-manus-scrollbar::-webkit-scrollbar,
.ds-copilot-dock .ai-manus-root ::-webkit-scrollbar,
.workspace-home-surface .ai-manus-root ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.ai-manus-scrollbar::-webkit-scrollbar-track,
.ds-copilot-dock .ai-manus-root ::-webkit-scrollbar-track,
.workspace-home-surface .ai-manus-root ::-webkit-scrollbar-track {
  background: transparent;
}

.ai-manus-scrollbar::-webkit-scrollbar-thumb,
.ds-copilot-dock .ai-manus-root ::-webkit-scrollbar-thumb,
.workspace-home-surface .ai-manus-root ::-webkit-scrollbar-thumb {
  background: var(--ds-copilot-scrollbar-thumb);
  border-radius: 999px;
}

.ai-manus-scrollbar::-webkit-scrollbar-thumb:hover,
.ds-copilot-dock .ai-manus-root ::-webkit-scrollbar-thumb:hover,
.workspace-home-surface .ai-manus-root ::-webkit-scrollbar-thumb:hover {
  background: var(--ds-copilot-scrollbar-thumb-hover);
}

.ai-manus-surface {
  background-color: var(--background-surface);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.ai-manus-surface-strong {
  background-color: var(--background-surface-strong);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.ai-manus-tool-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid var(--border-light);
  background: var(--background-white-main);
  color: var(--text-secondary);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.01em;
  transition: background 0.16s var(--ease-out), color 0.16s var(--ease-out),
    border-color 0.16s var(--ease-out), transform 0.16s var(--ease-out);
}

.ai-manus-tool-btn:hover {
  background: var(--fill-tsp-white-light);
  border-color: var(--border-main);
  color: var(--text-primary);
  transform: translateY(-0.5px);
}

.ai-manus-tool-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}

.ai-manus-tool-btn.is-active {
  background: var(--fill-tsp-gray-main);
  border-color: var(--border-dark);
  color: var(--text-primary);
}

.ai-manus-tool-dock {
  position: relative;
  background-color: transparent;
  background-image: none;
}

.ai-manus-root.ai-manus-embedded .ai-manus-tool-dock {
  background-color: transparent;
  background-image: none;
}

.ai-manus-tool-divider {
  flex: 0 0 auto;
  width: 1px;
  margin: 16px 0;
  background: repeating-linear-gradient(
    to bottom,
    transparent,
    transparent 4px,
    var(--border-light) 4px,
    var(--border-light) 8px
  );
  transition: opacity 0.2s var(--ease-out), width 0.2s var(--ease-out),
    margin 0.2s var(--ease-out);
}

.ai-manus-tool-divider.is-hidden {
  opacity: 0;
  width: 0;
  margin: 0;
}

.ai-manus-tool-dock::after {
  content: none;
}

.ai-manus-tool-dock > * {
  position: relative;
  z-index: 1;
}

.ai-manus-tool-panel {
  background-color: var(--background-surface-strong);
  background-image:
    radial-gradient(420px 220px at 10% -10%, rgba(159, 177, 194, 0.14), transparent 60%),
    radial-gradient(320px 200px at 90% 0%, rgba(219, 206, 190, 0.16), transparent 60%);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.ai-manus-tool-header {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.12));
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.ai-manus-tool-meta {
  background-color: var(--background-surface);
  border-bottom: 1px solid var(--border-light);
}

.ai-manus-tool-info {
  border: 1px solid var(--border-light);
  background-color: var(--background-tsp-menu-white);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.ai-manus-tool-view {
  margin: 0 12px 10px;
  border: 1px solid var(--border-light);
  background-color: var(--background-white-main);
  box-shadow: 0px 10px 30px -28px var(--shadow-M);
}

.ai-manus-tool-panel.is-terminal .ai-manus-tool-view {
  margin: 0;
  border: none;
  border-radius: 0 0 10px 10px;
  box-shadow: none;
}

.ds-tool-about-panel {
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  min-width: 220px;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid var(--border-light);
  background-color: var(--background-tsp-menu-white);
  box-shadow:
    0 12px 26px -20px var(--shadow-M),
    0 2px 8px -6px var(--shadow-S);
  z-index: 20;
}

.ds-tool-error-banner,
.ds-terminal-error-banner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: min(90%, 520px);
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid var(--function-error);
  background-color: var(--function-error-tsp);
  color: var(--function-error);
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  pointer-events: none;
  z-index: 2;
}

.ds-tool-error-icon,
.ds-terminal-error-icon {
  height: 14px;
  width: 14px;
  flex-shrink: 0;
}

.ai-manus-tool-footer {
  background-color: var(--background-surface);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.ai-manus-fade-in {
  opacity: 1;
  transform: translateY(0);
}

.ai-manus-append .ai-manus-fade-in {
  animation: aiManusFadeIn 0.2s ease-out var(--ds-append-delay, 0ms) both;
  will-change: transform, opacity;
}

@keyframes aiManusFadeIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ai-manus-spin {
  animation: aiManusSpin 4s linear infinite reverse;
}

@keyframes aiManusSpin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.ai-manus-slide-in {
  animation: aiManusSlideIn 0.3s ease-out;
}

@keyframes aiManusSlideIn {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ai-manus-root [data-tool-status="calling"] .ai-manus-tool-chip {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.ai-manus-root [data-tool-status="calling"] .ai-manus-tool-chip::after {
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  background: linear-gradient(
    120deg,
    rgba(143, 163, 176, 0) 0%,
    rgba(143, 163, 176, 0.45) 45%,
    rgba(143, 163, 176, 0) 100%
  );
  transform: translateX(-120%);
  animation: aiManusToolSweep 1.6s ease-in-out infinite;
  pointer-events: none;
}

@keyframes aiManusToolSweep {
  0% {
    transform: translateX(-120%);
  }
  100% {
    transform: translateX(120%);
  }
}

.ai-manus-root [data-content-streaming="true"] p,
.ai-manus-root [data-content-streaming="true"] li,
.ai-manus-root [data-content-streaming="true"] h1,
.ai-manus-root [data-content-streaming="true"] h2,
.ai-manus-root [data-content-streaming="true"] h3 {
  color: inherit;
}

.ai-manus-root [data-stream-caret="true"] {
  position: relative;
  padding-right: 12px;
}

.ai-manus-root [data-stream-caret="true"]::after {
  content: '';
  position: absolute;
  right: 4px;
  bottom: 2px;
  width: 6px;
  height: 1em;
  border-radius: 999px;
  background: currentColor;
  box-shadow: none;
  animation: aiManusCaretBlink 1s steps(2, start) infinite,
    aiManusCaretPulse 1.6s ease-in-out infinite;
  transform-origin: bottom;
  pointer-events: none;
}

.ai-manus-root .ds-token {
  display: inline;
  opacity: 0;
  transform: translateY(2px);
  filter: blur(0.2px);
}

.ai-manus-root [data-content-streaming="true"] .ds-token {
  background: none;
  color: inherit;
  animation: none;
}

.ai-manus-root [data-content-streaming="true"] .ds-token.ds-token-code,
.ai-manus-root [data-content-streaming="true"] .ds-token.ds-token-table {
  background: none;
  color: var(--text-primary);
  animation: none;
}

.ai-manus-root .ds-token.ds-token-reveal {
  animation: dsTokenIn var(--ds-token-duration, 180ms) ease-out forwards;
}

.ai-manus-root .ds-token.ds-token-visible {
  opacity: 1;
  transform: translateY(0);
  filter: none;
  animation: none;
}

.ai-manus-root .ds-token.ds-token-code {
  --ds-token-duration: 220ms;
}

.ai-manus-root .ds-token.ds-token-table {
  --ds-token-duration: 200ms;
}

.ai-manus-root [data-token-quality="1"] .ds-token {
  filter: none;
}

.ai-manus-root [data-token-quality="2"] .ds-token {
  filter: none;
  transform: none;
}

.ai-manus-root [data-token-quality="3"] .ds-token {
  opacity: 1;
  transform: none;
  filter: none;
  animation: none;
}

.ai-manus-root [data-token-mode="status"] {
  --ds-token-duration: 140ms;
}

.ai-manus-root [data-token-mode="reasoning"] {
  --ds-token-duration: 170ms;
}

.ai-manus-root [data-token-mode="assistant"] {
  --ds-token-duration: 190ms;
}

.ai-manus-root [data-token-mode="code"] {
  --ds-token-duration: 220ms;
}

.ai-manus-root [data-token-mode="table"] {
  --ds-token-duration: 200ms;
}

@keyframes dsTokenIn {
  from {
    opacity: 0;
    transform: translateY(2px);
    filter: blur(0.2px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}

@keyframes aiManusStreamWave {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}

@keyframes aiManusCaretBlink {
  0%,
  45% {
    opacity: 1;
  }
  50%,
  100% {
    opacity: 0;
  }
}

@keyframes aiManusCaretPulse {
  0%,
  100% {
    transform: scaleY(0.9);
  }
  50% {
    transform: scaleY(1.05);
  }
}

.ai-manus-root .animate-bounce-dot {
  display: inline-block;
  animation: aiManusDotBounce 1.5s infinite;
}

@keyframes aiManusDotBounce {
  0% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(-4px);
  }
  40% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ai-manus-root [data-content-streaming="true"] p,
  .ai-manus-root [data-content-streaming="true"] li,
  .ai-manus-root [data-content-streaming="true"] h1,
  .ai-manus-root [data-content-streaming="true"] h2,
  .ai-manus-root [data-content-streaming="true"] h3 {
    animation: none;
  }

  .ai-manus-root [data-stream-caret="true"]::after {
    animation: none;
  }

  .ai-manus-append .ai-manus-fade-in {
    animation: none;
  }

  .ai-manus-root .animate-bounce-dot {
    animation: none;
  }

  .ai-manus-slide-in {
    animation: none;
  }

  .ai-manus-root [data-tool-status="calling"] .ai-manus-tool-chip::after {
    animation: none;
  }
}

:is(.dark, [data-theme="dark"]) .ai-manus-tool-dock {
  background-image: none;
}

:is(.dark, [data-theme="dark"]) .ai-manus-tool-panel {
  background-image:
    radial-gradient(420px 220px at 10% -10%, rgba(123, 136, 148, 0.16), transparent 60%),
    radial-gradient(320px 200px at 90% 0%, rgba(105, 99, 92, 0.18), transparent 60%);
}

:is(.dark, [data-theme="dark"]) .ai-manus-tool-header {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02));
}

:is(.dark, [data-theme="dark"]) .ai-manus-tool-meta {
  background-color: var(--background-surface);
}

:is(.dark, [data-theme="dark"]) .ai-manus-tool-info {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

:is(.dark, [data-theme="dark"]) .ai-manus-tool-footer {
  background-color: var(--background-surface);
}

:is(.dark, [data-theme="dark"]) .ai-manus-tool-chip {
  background-color: var(--background-surface);
  border-color: var(--border-light);
}

:is(.dark, [data-theme="dark"]) .ai-manus-tool-details {
  background-color: var(--background-surface);
}

:is(.dark, [data-theme="dark"]) .ai-manus-tool-detail-body {
  background-color: rgba(255, 255, 255, 0.06);
}

.ai-manus-tool-chip {
  max-width: 100%;
}

.ai-manus-tool-toggle {
  border: 1px solid transparent;
}

.ai-manus-tool-error {
  max-width: 100%;
}

.ai-manus-tool-details {
  max-width: 100%;
}

.ai-manus-tool-detail + .ai-manus-tool-detail {
  margin-top: 8px;
}

.ai-manus-tool-detail-body {
  margin: 4px 0 0;
  padding: 8px 10px;
  border-radius: 8px;
  background-color: var(--fill-tsp-gray-main);
  color: var(--text-primary);
  font-size: 11px;
  line-height: 1.4;
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: anywhere;
  max-height: 220px;
  overflow: auto;
}

.ai-manus-codeblock {
  border: 1px solid var(--border-light);
  border-radius: 12px;
  background-color: var(--background-white-main);
  overflow: hidden;
}

.ai-manus-codeblock-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 6px 10px;
  background-color: var(--fill-tsp-gray-main);
  border-bottom: 1px solid var(--border-light);
  font-size: 10px;
  color: var(--text-tertiary);
}

.ai-manus-codeblock-bar .ai-manus-code-lang {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 9px;
  color: var(--text-secondary);
}

.ai-manus-codeblock-bar .ai-manus-code-actions {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.ai-manus-codeblock-bar button {
  border: 1px solid var(--border-light);
  border-radius: 999px;
  padding: 2px 8px;
  background: transparent;
  color: var(--text-secondary);
  font-size: 9px;
  transition: background-color 0.15s ease;
}

.ai-manus-codeblock-bar button:hover {
  background-color: var(--fill-tsp-gray-dark);
}

.ai-manus-codeblock pre {
  margin: 0;
  padding: 12px;
  background: transparent;
  border: none;
  overflow: auto;
  max-width: 100%;
}

.ai-manus-codeblock.is-collapsed pre {
  max-height: 220px;
  overflow: hidden;
  position: relative;
}

.ai-manus-codeblock.is-collapsed pre::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 48px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), var(--background-white-main));
  pointer-events: none;
}

:is(.dark, [data-theme="dark"]) .ai-manus-codeblock {
  background-color: var(--background-surface);
}

:is(.dark, [data-theme="dark"]) .ai-manus-codeblock-bar {
  background-color: rgba(255, 255, 255, 0.06);
}

:is(.dark, [data-theme="dark"]) .ai-manus-codeblock-bar button:hover {
  background-color: rgba(255, 255, 255, 0.12);
}

:is(.dark, [data-theme="dark"]) .ai-manus-codeblock.is-collapsed pre::after {
  background: linear-gradient(180deg, rgba(15, 15, 15, 0), var(--background-surface));
}

.ai-manus-root .prose pre:not(.shiki) {
  border: 1px solid var(--border-light);
  background-color: var(--fill-tsp-white-light);
}

:is(.dark, [data-theme="dark"]) .ai-manus-root .prose pre:not(.shiki) {
  background-color: var(--background-surface);
}

.ai-manus-root .ai-manus-codeblock pre {
  border: none;
  background: transparent;
}

.ai-manus-root .prose code {
  border-radius: 6px;
  padding: 0.15em 0.35em;
  background-color: var(--fill-tsp-gray-main);
}

.ai-manus-root .prose pre code {
  padding: 0;
  background: transparent;
}

.ai-manus-thinking {
  display: inline-flex;
  align-items: center;
  max-width: min(72vw, 520px);
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
}

.ai-manus-thinking .text-type {
  min-width: 0;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.ai-manus-thinking .ai-manus-thinking-text {
  min-width: 0;
  flex: 0 1 auto;
}

.ai-manus-thinking .text-type__content {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.ai-manus-thinking-dots {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
  line-height: 1;
}

.ai-manus-thinking-dot {
  display: inline-block;
  animation: aiManusThinkingWave 0.72s ease-in-out infinite;
}

.ai-manus-thinking-dot:nth-child(2) {
  animation-delay: 0.12s;
}

.ai-manus-thinking-dot:nth-child(3) {
  animation-delay: 0.24s;
}

@keyframes aiManusThinkingWave {
  0%,
  80%,
  100% {
    transform: translateY(0);
    opacity: 0.65;
  }
  40% {
    transform: translateY(-3px);
    opacity: 1;
  }
}


@media (max-width: 720px) {
  .ai-manus-tool-chip {
    flex-wrap: wrap;
    gap: 6px;
  }

  .ai-manus-tool-chip .truncate {
    white-space: normal;
    text-overflow: clip;
    overflow: hidden;
    overflow-wrap: anywhere;
  }

  .ai-manus-tool-chip code {
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .ai-manus-codeblock-bar {
    flex-wrap: wrap;
    row-gap: 6px;
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./styles/markdown.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
/* Markdown Preview Styles */
.wmde-markdown {
  --color-fg-default: #24292f;
  --color-fg-muted: #57606a;
  --color-fg-subtle: #6e7781;
  --color-canvas-default: transparent;
  --color-canvas-subtle: #f6f8fa;
  --color-border-default: #d0d7de;
  --color-border-muted: hsla(210, 18%, 87%, 1);
  --color-neutral-muted: rgba(175, 184, 193, 0.2);
  --color-accent-fg: #0969da;
  --color-accent-emphasis: #0969da;
  --color-attention-subtle: #fff8c5;
  --color-danger-fg: #cf222e;
  --color-success-fg: #1a7f37;

  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  word-wrap: break-word;
  color: var(--color-fg-default);
  background-color: var(--color-canvas-default);
}

.wmde-markdown h1,
.wmde-markdown h2,
.wmde-markdown h3,
.wmde-markdown h4,
.wmde-markdown h5,
.wmde-markdown h6 {
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 600;
  line-height: 1.25;
  scroll-margin-top: 90px;
}

.wmde-markdown h1 {
  font-size: 2em;
  padding-bottom: 0.3em;
  border-bottom: 1px solid var(--color-border-muted);
}

.wmde-markdown h2 {
  font-size: 1.5em;
  padding-bottom: 0.3em;
  border-bottom: 1px solid var(--color-border-muted);
}

.wmde-markdown h3 {
  font-size: 1.25em;
}

.wmde-markdown h4 {
  font-size: 1em;
}

.wmde-markdown p {
  margin-top: 0;
  margin-bottom: 16px;
}

.wmde-markdown a {
  color: var(--color-accent-fg);
  text-decoration: none;
}

.wmde-markdown a:hover {
  text-decoration: underline;
}

.wmde-markdown code {
  padding: 0.2em 0.4em;
  margin: 0;
  font-size: 85%;
  white-space: break-spaces;
  background-color: var(--color-neutral-muted);
  border-radius: 6px;
  font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
}

.wmde-markdown pre {
  padding: 16px;
  overflow: auto;
  font-size: 85%;
  line-height: 1.45;
  color: var(--color-fg-default);
  background-color: var(--color-canvas-subtle);
  border-radius: 6px;
  margin-bottom: 16px;
}

.wmde-markdown pre code {
  padding: 0;
  margin: 0;
  font-size: 100%;
  white-space: pre;
  background: transparent;
  border: 0;
}

.wmde-markdown blockquote {
  padding: 0 1em;
  color: var(--color-fg-muted);
  border-left: 0.25em solid var(--color-border-default);
  margin: 0 0 16px 0;
}

.wmde-markdown ul,
.wmde-markdown ol {
  margin-top: 0;
  margin-bottom: 16px;
  padding-left: 2em;
}

.wmde-markdown li + li {
  margin-top: 0.25em;
}

.wmde-markdown table {
  display: block;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  overflow: auto;
  border-spacing: 0;
  border-collapse: collapse;
  margin-bottom: 16px;
}

.wmde-markdown table th,
.wmde-markdown table td {
  padding: 6px 13px;
  border: 1px solid var(--color-border-default);
}

.wmde-markdown table th {
  font-weight: 600;
  background-color: var(--color-canvas-subtle);
}

.wmde-markdown table tr:nth-child(2n) {
  background-color: var(--color-canvas-subtle);
}

.wmde-markdown hr {
  height: 0.25em;
  padding: 0;
  margin: 24px 0;
  background-color: var(--color-border-default);
  border: 0;
}

.wmde-markdown img {
  max-width: 100%;
  box-sizing: content-box;
  background-color: var(--color-canvas-default);
  border-radius: 6px;
}

/* Task list styles */
.wmde-markdown .contains-task-list {
  list-style-type: none;
  padding-left: 1.5em;
}

.wmde-markdown .task-list-item {
  position: relative;
}

.wmde-markdown .task-list-item input[type="checkbox"] {
  margin-right: 0.5em;
}

/* Syntax highlighting placeholder */
.wmde-markdown .code-highlight {
  background-color: var(--color-canvas-subtle);
}

/* Dark mode support */
[data-color-mode="dark"] .wmde-markdown {
  --color-fg-default: #c9d1d9;
  --color-fg-muted: #8b949e;
  --color-fg-subtle: #6e7681;
  --color-canvas-default: transparent;
  --color-canvas-subtle: #161b22;
  --color-border-default: #30363d;
  --color-border-muted: #21262d;
  --color-neutral-muted: rgba(110, 118, 129, 0.4);
  --color-accent-fg: #58a6ff;
  --color-accent-emphasis: #1f6feb;
  --color-attention-subtle: rgba(187, 128, 9, 0.15);
  --color-danger-fg: #f85149;
  --color-success-fg: #3fb950;
}

[data-color-mode="dark"] .wmde-markdown code {
  background-color: rgba(255, 255, 255, 0.12);
  color: #e6edf3;
}

[data-color-mode="dark"] .wmde-markdown pre {
  border: 1px solid var(--color-border-muted);
  background-color: #0f131a;
}

[data-color-mode="dark"] .wmde-markdown pre code {
  color: #e6edf3;
}

/* Legal-page readability refinements */
.wmde-markdown.legal-markdown {
  line-height: 1.72;
}

.wmde-markdown.legal-markdown h2,
.wmde-markdown.legal-markdown h3,
.wmde-markdown.legal-markdown h4 {
  scroll-margin-top: 96px;
}

.wmde-markdown.legal-markdown h2 {
  margin-top: 28px;
}

.wmde-markdown.legal-markdown p,
.wmde-markdown.legal-markdown ul,
.wmde-markdown.legal-markdown ol,
.wmde-markdown.legal-markdown table,
.wmde-markdown.legal-markdown pre,
.wmde-markdown.legal-markdown blockquote {
  margin-bottom: 14px;
}

.wmde-markdown.legal-markdown table {
  border-radius: 10px;
  border: 1px solid var(--color-border-default);
}

.wmde-markdown.legal-markdown table th,
.wmde-markdown.legal-markdown table td {
  padding: 8px 12px;
}

@media (max-width: 768px) {
  .wmde-markdown.legal-markdown {
    font-size: 15px;
    line-height: 1.74;
  }

  .wmde-markdown.legal-markdown h1,
  .wmde-markdown.legal-markdown h2,
  .wmde-markdown.legal-markdown h3,
  .wmde-markdown.legal-markdown h4 {
    margin-top: 20px;
    margin-bottom: 12px;
  }

  .wmde-markdown.legal-markdown h1 {
    font-size: 1.7em;
  }

  .wmde-markdown.legal-markdown h2 {
    font-size: 1.3em;
    padding-bottom: 0.22em;
  }

  .wmde-markdown.legal-markdown h3 {
    font-size: 1.1em;
  }

  .wmde-markdown.legal-markdown ul,
  .wmde-markdown.legal-markdown ol {
    padding-left: 1.3em;
  }

  .wmde-markdown.legal-markdown pre {
    padding: 12px;
    font-size: 82%;
  }

  .wmde-markdown.legal-markdown table th,
  .wmde-markdown.legal-markdown table td {
    padding: 8px 10px;
    font-size: 13px;
    white-space: nowrap;
  }

  .wmde-markdown.legal-markdown blockquote {
    padding-left: 0.85em;
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./node_modules/pdfjs-dist/web/pdf_viewer.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
/* Copyright 2014 Mozilla Foundation
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.messageBar{
  --closing-button-icon:url(/_next/static/media/messageBar_closingButton.d5344939.svg);
  --message-bar-close-button-color:var(--text-primary-color);
  --message-bar-close-button-color-hover:var(--text-primary-color);
  --message-bar-close-button-border-radius:4px;
  --message-bar-close-button-border:none;
  --message-bar-close-button-hover-bg-color:rgb(21 20 26 / 0.14);
  --message-bar-close-button-active-bg-color:rgb(21 20 26 / 0.21);
  --message-bar-close-button-focus-bg-color:rgb(21 20 26 / 0.07);
}

@media (prefers-color-scheme: dark){

.messageBar{
    --message-bar-close-button-hover-bg-color:rgb(251 251 254 / 0.14);
    --message-bar-close-button-active-bg-color:rgb(251 251 254 / 0.21);
    --message-bar-close-button-focus-bg-color:rgb(251 251 254 / 0.07);
}
  }

@media screen and (forced-colors: active){

.messageBar{
    --message-bar-close-button-color:ButtonText;
    --message-bar-close-button-border:1px solid ButtonText;
    --message-bar-close-button-hover-bg-color:ButtonText;
    --message-bar-close-button-active-bg-color:ButtonText;
    --message-bar-close-button-focus-bg-color:ButtonText;
    --message-bar-close-button-color-hover:HighlightText;
}
  }

.messageBar{

  display:flex;
  position:relative;
  padding:8px 8px 8px 16px;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:8px;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;

  border-radius:4px;

  border:1px solid var(--message-bar-border-color);
  background:var(--message-bar-bg-color);
  color:var(--message-bar-fg-color);
}

.messageBar  > div{
    display:flex;
    align-items:flex-start;
    gap:8px;
    align-self:stretch;
  }

:is(.messageBar > div)::before{
      content:"";
      display:inline-block;
      width:16px;
      height:16px;
      -webkit-mask-image:var(--message-bar-icon);
              mask-image:var(--message-bar-icon);
      -webkit-mask-size:cover;
              mask-size:cover;
      background-color:var(--message-bar-icon-color);
      flex-shrink:0;
    }

.messageBar button{
    cursor:pointer;
  }

:is(.messageBar button):focus-visible{
      outline:var(--focus-ring-outline);
      outline-offset:2px;
    }

.messageBar .closeButton{
    width:32px;
    height:32px;
    background:none;
    border-radius:var(--message-bar-close-button-border-radius);
    border:var(--message-bar-close-button-border);

    display:flex;
    align-items:center;
    justify-content:center;
  }

:is(.messageBar .closeButton)::before{
      content:"";
      display:inline-block;
      width:16px;
      height:16px;
      -webkit-mask-image:var(--closing-button-icon);
              mask-image:var(--closing-button-icon);
      -webkit-mask-size:cover;
              mask-size:cover;
      background-color:var(--message-bar-close-button-color);
    }

:is(.messageBar .closeButton):is(:hover,:active,:focus)::before{
      background-color:var(--message-bar-close-button-color-hover);
    }

:is(.messageBar .closeButton):hover{
      background-color:var(--message-bar-close-button-hover-bg-color);
    }

:is(.messageBar .closeButton):active{
      background-color:var(--message-bar-close-button-active-bg-color);
    }

:is(.messageBar .closeButton):focus{
      background-color:var(--message-bar-close-button-focus-bg-color);
    }

:is(.messageBar .closeButton)  > span{
      display:inline-block;
      width:0;
      height:0;
      overflow:hidden;
    }

#editorUndoBar{
  --text-primary-color:#15141a;

  --message-bar-icon:url(/_next/static/media/secondaryToolbarButton-documentProperties.89cc9d63.svg);
  --message-bar-icon-color:#0060df;
  --message-bar-bg-color:#deeafc;
  --message-bar-fg-color:var(--text-primary-color);
  --message-bar-border-color:rgb(0 0 0 / 0.08);

  --undo-button-bg-color:rgb(21 20 26 / 0.07);
  --undo-button-bg-color-hover:rgb(21 20 26 / 0.14);
  --undo-button-bg-color-active:rgb(21 20 26 / 0.21);

  --undo-button-fg-color:var(--message-bar-fg-color);
  --undo-button-fg-color-hover:var(--undo-button-fg-color);
  --undo-button-fg-color-active:var(--undo-button-fg-color);

  --focus-ring-color:#0060df;
  --focus-ring-outline:2px solid var(--focus-ring-color);
}

@media (prefers-color-scheme: dark){

#editorUndoBar{
    --text-primary-color:#fbfbfe;

    --message-bar-icon-color:#73a7f3;
    --message-bar-bg-color:#003070;
    --message-bar-border-color:rgb(255 255 255 / 0.08);

    --undo-button-bg-color:rgb(255 255 255 / 0.08);
    --undo-button-bg-color-hover:rgb(255 255 255 / 0.14);
    --undo-button-bg-color-active:rgb(255 255 255 / 0.21);
}
  }

@media screen and (forced-colors: active){

#editorUndoBar{
    --text-primary-color:CanvasText;

    --message-bar-icon-color:CanvasText;
    --message-bar-bg-color:Canvas;
    --message-bar-border-color:CanvasText;

    --undo-button-bg-color:ButtonText;
    --undo-button-bg-color-hover:SelectedItem;
    --undo-button-bg-color-active:SelectedItem;

    --undo-button-fg-color:ButtonFace;
    --undo-button-fg-color-hover:SelectedItemText;
    --undo-button-fg-color-active:SelectedItemText;

    --focus-ring-color:CanvasText;
}
  }

#editorUndoBar{

  position:fixed;
  top:50px;
  left:50%;
  transform:translateX(-50%);
  z-index:10;

  padding-block:8px;
  padding-inline:16px 8px;

  font:menu;
  font-size:15px;

  cursor:default;
}

#editorUndoBar button{
    cursor:pointer;
  }

#editorUndoBar #editorUndoBarUndoButton{
    border-radius:4px;
    font-weight:590;
    line-height:19.5px;
    color:var(--undo-button-fg-color);
    border:none;
    padding:4px 16px;
    margin-inline-start:8px;
    height:32px;

    background-color:var(--undo-button-bg-color);
  }

:is(#editorUndoBar #editorUndoBarUndoButton):hover{
      background-color:var(--undo-button-bg-color-hover);
      color:var(--undo-button-fg-color-hover);
    }

:is(#editorUndoBar #editorUndoBarUndoButton):active{
      background-color:var(--undo-button-bg-color-active);
      color:var(--undo-button-fg-color-active);
    }

#editorUndoBar  > div{
    align-items:center;
  }

.dialog{
  --dialog-bg-color:white;
  --dialog-border-color:white;
  --dialog-shadow:0 2px 14px 0 rgb(58 57 68 / 0.2);
  --text-primary-color:#15141a;
  --text-secondary-color:#5b5b66;
  --hover-filter:brightness(0.9);
  --focus-ring-color:#0060df;
  --focus-ring-outline:2px solid var(--focus-ring-color);
  --link-fg-color:#0060df;
  --link-hover-fg-color:#0250bb;
  --separator-color:#f0f0f4;

  --textarea-border-color:#8f8f9d;
  --textarea-bg-color:white;
  --textarea-fg-color:var(--text-secondary-color);

  --radio-bg-color:#f0f0f4;
  --radio-checked-bg-color:#fbfbfe;
  --radio-border-color:#8f8f9d;
  --radio-checked-border-color:#0060df;

  --button-secondary-bg-color:#f0f0f4;
  --button-secondary-fg-color:var(--text-primary-color);
  --button-secondary-border-color:var(--button-secondary-bg-color);
  --button-secondary-hover-bg-color:var(--button-secondary-bg-color);
  --button-secondary-hover-fg-color:var(--button-secondary-fg-color);
  --button-secondary-hover-border-color:var(--button-secondary-hover-bg-color);

  --button-primary-bg-color:#0060df;
  --button-primary-fg-color:#fbfbfe;
  --button-primary-border-color:var(--button-primary-bg-color);
  --button-primary-hover-bg-color:var(--button-primary-bg-color);
  --button-primary-hover-fg-color:var(--button-primary-fg-color);
  --button-primary-hover-border-color:var(--button-primary-hover-bg-color);
}

@media (prefers-color-scheme: dark){

.dialog{
    --dialog-bg-color:#1c1b22;
    --dialog-border-color:#1c1b22;
    --dialog-shadow:0 2px 14px 0 #15141a;
    --text-primary-color:#fbfbfe;
    --text-secondary-color:#cfcfd8;
    --focus-ring-color:#0df;
    --hover-filter:brightness(1.4);
    --link-fg-color:#0df;
    --link-hover-fg-color:#80ebff;
    --separator-color:#52525e;

    --textarea-bg-color:#42414d;

    --radio-bg-color:#2b2a33;
    --radio-checked-bg-color:#15141a;
    --radio-checked-border-color:#0df;

    --button-secondary-bg-color:#2b2a33;
    --button-primary-bg-color:#0df;
    --button-primary-fg-color:#15141a;
}
  }

@media screen and (forced-colors: active){

.dialog{
    --dialog-bg-color:Canvas;
    --dialog-border-color:CanvasText;
    --dialog-shadow:none;
    --text-primary-color:CanvasText;
    --text-secondary-color:CanvasText;
    --hover-filter:none;
    --focus-ring-color:ButtonBorder;
    --link-fg-color:LinkText;
    --link-hover-fg-color:LinkText;
    --separator-color:CanvasText;

    --textarea-border-color:ButtonBorder;
    --textarea-bg-color:Field;
    --textarea-fg-color:ButtonText;

    --radio-bg-color:ButtonFace;
    --radio-checked-bg-color:ButtonFace;
    --radio-border-color:ButtonText;
    --radio-checked-border-color:ButtonText;

    --button-secondary-bg-color:ButtonFace;
    --button-secondary-fg-color:ButtonText;
    --button-secondary-border-color:ButtonText;
    --button-secondary-hover-bg-color:AccentColor;
    --button-secondary-hover-fg-color:AccentColorText;

    --button-primary-bg-color:ButtonText;
    --button-primary-fg-color:ButtonFace;
    --button-primary-hover-bg-color:AccentColor;
    --button-primary-hover-fg-color:AccentColorText;
}
  }

.dialog{

  font:message-box;
  font-size:13px;
  font-weight:400;
  line-height:150%;
  border-radius:4px;
  padding:12px 16px;
  border:1px solid var(--dialog-border-color);
  background:var(--dialog-bg-color);
  color:var(--text-primary-color);
  box-shadow:var(--dialog-shadow);
}

:is(.dialog .mainContainer) *:focus-visible{
      outline:var(--focus-ring-outline);
      outline-offset:2px;
    }

:is(.dialog .mainContainer) .title{
      display:flex;
      width:auto;
      flex-direction:column;
      justify-content:flex-end;
      align-items:flex-start;
      gap:12px;
    }

:is(:is(.dialog .mainContainer) .title)  > span{
        font-size:13px;
        font-style:normal;
        font-weight:590;
        line-height:150%;
      }

:is(.dialog .mainContainer) .dialogSeparator{
      width:100%;
      height:0;
      margin-block:4px;
      border-top:1px solid var(--separator-color);
      border-bottom:none;
    }

:is(.dialog .mainContainer) .dialogButtonsGroup{
      display:flex;
      gap:12px;
      align-self:flex-end;
    }

:is(.dialog .mainContainer) .radio{
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      gap:4px;
    }

:is(:is(.dialog .mainContainer) .radio)  > .radioButton{
        display:flex;
        gap:8px;
        align-self:stretch;
        align-items:center;
      }

:is(:is(:is(.dialog .mainContainer) .radio) > .radioButton) input{
          -webkit-appearance:none;
             -moz-appearance:none;
                  appearance:none;
          box-sizing:border-box;
          width:16px;
          height:16px;
          border-radius:50%;
          background-color:var(--radio-bg-color);
          border:1px solid var(--radio-border-color);
        }

:is(:is(:is(:is(.dialog .mainContainer) .radio) > .radioButton) input):hover{
            filter:var(--hover-filter);
          }

:is(:is(:is(:is(.dialog .mainContainer) .radio) > .radioButton) input):checked{
            background-color:var(--radio-checked-bg-color);
            border:4px solid var(--radio-checked-border-color);
          }

:is(:is(.dialog .mainContainer) .radio)  > .radioLabel{
        display:flex;
        padding-inline-start:24px;
        align-items:flex-start;
        gap:10px;
        align-self:stretch;
      }

:is(:is(:is(.dialog .mainContainer) .radio) > .radioLabel)  > span{
          flex:1 0 0;
          font-size:11px;
          color:var(--text-secondary-color);
        }

:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton)){
      border-radius:4px;
      border:1px solid;
      font:menu;
      font-weight:600;
      padding:4px 16px;
      width:auto;
      height:32px;
    }

:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton))):hover{
        cursor:pointer;
        filter:var(--hover-filter);
      }

.secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton))){
        color:var(--button-secondary-fg-color);
        background-color:var(--button-secondary-bg-color);
        border-color:var(--button-secondary-border-color);
      }

.secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton))):hover{
          color:var(--button-secondary-hover-fg-color);
          background-color:var(--button-secondary-hover-bg-color);
          border-color:var(--button-secondary-hover-border-color);
        }

.primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton))){
        color:var(--button-primary-fg-color);
        background-color:var(--button-primary-bg-color);
        border-color:var(--button-primary-border-color);
        opacity:1;
      }

.primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton))):hover{
          color:var(--button-primary-hover-fg-color);
          background-color:var(--button-primary-hover-bg-color);
          border-color:var(--button-primary-hover-border-color);
        }

:is(.dialog .mainContainer) a{
      color:var(--link-fg-color);
    }

:is(:is(.dialog .mainContainer) a):hover{
        color:var(--link-hover-fg-color);
      }

:is(.dialog .mainContainer) textarea{
      font:inherit;
      padding:8px;
      resize:none;
      margin:0;
      box-sizing:border-box;
      border-radius:4px;
      border:1px solid var(--textarea-border-color);
      background:var(--textarea-bg-color);
      color:var(--textarea-fg-color);
    }

:is(:is(.dialog .mainContainer) textarea):focus{
        outline-offset:0;
        border-color:transparent;
      }

:is(:is(.dialog .mainContainer) textarea):disabled{
        pointer-events:none;
        opacity:0.4;
      }

:is(.dialog .mainContainer) .messageBar{
      --message-bar-bg-color:#ffebcd;
      --message-bar-fg-color:#15141a;
      --message-bar-border-color:rgb(0 0 0 / 0.08);
      --message-bar-icon:url(/_next/static/media/messageBar_warning.c4f97abd.svg);
      --message-bar-icon-color:#cd411e;
    }

@media (prefers-color-scheme: dark){

:is(.dialog .mainContainer) .messageBar{
        --message-bar-bg-color:#5a3100;
        --message-bar-fg-color:#fbfbfe;
        --message-bar-border-color:rgb(255 255 255 / 0.08);
        --message-bar-icon-color:#e49c49;
    }
      }

@media screen and (forced-colors: active){

:is(.dialog .mainContainer) .messageBar{
        --message-bar-bg-color:HighlightText;
        --message-bar-fg-color:CanvasText;
        --message-bar-border-color:CanvasText;
        --message-bar-icon-color:CanvasText;
    }
      }

:is(.dialog .mainContainer) .messageBar{

      align-self:stretch;
    }

:is(:is(:is(.dialog .mainContainer) .messageBar) > div)::before,:is(:is(:is(.dialog .mainContainer) .messageBar) > div)  > div{
          margin-block:4px;
        }

:is(:is(:is(.dialog .mainContainer) .messageBar) > div)  > div{
          display:flex;
          flex-direction:column;
          align-items:flex-start;
          gap:8px;
          flex:1 0 0;
        }

:is(:is(:is(:is(.dialog .mainContainer) .messageBar) > div) > div) .title{
            font-size:13px;
            font-weight:590;
          }

:is(:is(:is(:is(.dialog .mainContainer) .messageBar) > div) > div) .description{
            font-size:13px;
          }

:is(.dialog .mainContainer) .toggler{
      display:flex;
      align-items:center;
      gap:8px;
      align-self:stretch;
    }

:is(:is(.dialog .mainContainer) .toggler)  > .togglerLabel{
        -webkit-user-select:none;
           -moz-user-select:none;
                user-select:none;
      }

.textLayer{
  position:absolute;
  text-align:initial;
  inset:0;
  overflow:clip;
  opacity:1;
  line-height:1;
  -webkit-text-size-adjust:none;
     -moz-text-size-adjust:none;
          text-size-adjust:none;
  forced-color-adjust:none;
  transform-origin:0 0;
  caret-color:CanvasText;
  z-index:0;
}

.textLayer.highlighting{
    touch-action:none;
  }

.textLayer :is(span,br){
    color:transparent;
    position:absolute;
    white-space:pre;
    cursor:text;
    transform-origin:0% 0%;
  }

.textLayer  > :not(.markedContent),.textLayer .markedContent span:not(.markedContent){
    z-index:1;
  }

.textLayer span.markedContent{
    top:0;
    height:0;
  }

.textLayer span[role="img"]{
    -webkit-user-select:none;
       -moz-user-select:none;
            user-select:none;
    cursor:default;
  }

.textLayer .highlight{
    --highlight-bg-color:rgb(180 0 170 / 0.25);
    --highlight-selected-bg-color:rgb(0 100 0 / 0.25);
    --highlight-backdrop-filter:none;
    --highlight-selected-backdrop-filter:none;
  }

@media screen and (forced-colors: active){

.textLayer .highlight{
      --highlight-bg-color:transparent;
      --highlight-selected-bg-color:transparent;
      --highlight-backdrop-filter:var(--hcm-highlight-filter);
      --highlight-selected-backdrop-filter:var(
        --hcm-highlight-selected-filter
      );
  }
    }

.textLayer .highlight{

    margin:-1px;
    padding:1px;
    background-color:var(--highlight-bg-color);
    backdrop-filter:var(--highlight-backdrop-filter);
    border-radius:4px;
  }

.appended:is(.textLayer .highlight){
      position:initial;
    }

.begin:is(.textLayer .highlight){
      border-radius:4px 0 0 4px;
    }

.end:is(.textLayer .highlight){
      border-radius:0 4px 4px 0;
    }

.middle:is(.textLayer .highlight){
      border-radius:0;
    }

.selected:is(.textLayer .highlight){
      background-color:var(--highlight-selected-bg-color);
      backdrop-filter:var(--highlight-selected-backdrop-filter);
    }

.textLayer ::-moz-selection{
    background:rgba(0 0 255 / 0.25);
    background:color-mix(in srgb, AccentColor, transparent 75%);
  }

.textLayer ::selection{
    background:rgba(0 0 255 / 0.25);
    background:color-mix(in srgb, AccentColor, transparent 75%);
  }

.textLayer br::-moz-selection{
    background:transparent;
  }

.textLayer br::selection{
    background:transparent;
  }

.textLayer .endOfContent{
    display:block;
    position:absolute;
    inset:100% 0 0;
    z-index:0;
    cursor:default;
    -webkit-user-select:none;
       -moz-user-select:none;
            user-select:none;
  }

.textLayer.selecting .endOfContent{
    top:0;
  }

.annotationLayer{
  --annotation-unfocused-field-background:url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
  --input-focus-border-color:Highlight;
  --input-focus-outline:1px solid Canvas;
  --input-unfocused-border-color:transparent;
  --input-disabled-border-color:transparent;
  --input-hover-border-color:black;
  --link-outline:none;
}

@media screen and (forced-colors: active){

.annotationLayer{
    --input-focus-border-color:CanvasText;
    --input-unfocused-border-color:ActiveText;
    --input-disabled-border-color:GrayText;
    --input-hover-border-color:Highlight;
    --link-outline:1.5px solid LinkText;
}

    .annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{
      outline:1.5px solid selectedItem;
    }

    .annotationLayer .linkAnnotation{
      outline:var(--link-outline);
    }

      :is(.annotationLayer .linkAnnotation):hover{
        backdrop-filter:var(--hcm-highlight-filter);
      }

      :is(.annotationLayer .linkAnnotation) > a:hover{
        opacity:0 !important;
        background:none !important;
        box-shadow:none;
      }

    .annotationLayer .popupAnnotation .popup{
      outline:calc(1.5px * var(--scale-factor)) solid CanvasText !important;
      background-color:ButtonFace !important;
      color:ButtonText !important;
    }

    .annotationLayer .highlightArea:hover::after{
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
      backdrop-filter:var(--hcm-highlight-filter);
      content:"";
      pointer-events:none;
    }

    .annotationLayer .popupAnnotation.focused .popup{
      outline:calc(3px * var(--scale-factor)) solid Highlight !important;
    }
  }

.annotationLayer{

  position:absolute;
  top:0;
  left:0;
  pointer-events:none;
  transform-origin:0 0;
}

.annotationLayer[data-main-rotation="90"] .norotate{
    transform:rotate(270deg) translateX(-100%);
  }

.annotationLayer[data-main-rotation="180"] .norotate{
    transform:rotate(180deg) translate(-100%, -100%);
  }

.annotationLayer[data-main-rotation="270"] .norotate{
    transform:rotate(90deg) translateY(-100%);
  }

.annotationLayer.disabled section,.annotationLayer.disabled .popup{
      pointer-events:none;
    }

.annotationLayer .annotationContent{
    position:absolute;
    width:100%;
    height:100%;
    pointer-events:none;
  }

.freetext:is(.annotationLayer .annotationContent){
      background:transparent;
      border:none;
      inset:0;
      overflow:visible;
      white-space:nowrap;
      font:10px sans-serif;
      line-height:1.35;
      -webkit-user-select:none;
         -moz-user-select:none;
              user-select:none;
    }

.annotationLayer section{
    position:absolute;
    text-align:initial;
    pointer-events:auto;
    box-sizing:border-box;
    transform-origin:0 0;
  }

:is(.annotationLayer section):has(div.annotationContent) canvas.annotationContent{
        display:none;
      }

.textLayer.selecting ~ .annotationLayer section{
    pointer-events:none;
  }

.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton) > a{
    position:absolute;
    font-size:1em;
    top:0;
    left:0;
    width:100%;
    height:100%;
  }

.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton):not(.hasBorder) > a:hover{
    opacity:0.2;
    background-color:rgb(255 255 0);
    box-shadow:0 2px 10px rgb(255 255 0);
  }

.annotationLayer .linkAnnotation.hasBorder:hover{
    background-color:rgb(255 255 0 / 0.2);
  }

.annotationLayer .hasBorder{
    background-size:100% 100%;
  }

.annotationLayer .textAnnotation img{
    position:absolute;
    cursor:pointer;
    width:100%;
    height:100%;
    top:0;
    left:0;
  }

.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{
    background-image:var(--annotation-unfocused-field-background);
    border:2px solid var(--input-unfocused-border-color);
    box-sizing:border-box;
    font:calc(9px * var(--scale-factor)) sans-serif;
    height:100%;
    margin:0;
    vertical-align:top;
    width:100%;
  }

.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{
    outline:1.5px solid red;
  }

.annotationLayer .choiceWidgetAnnotation select option{
    padding:0;
  }

.annotationLayer .buttonWidgetAnnotation.radioButton input{
    border-radius:50%;
  }

.annotationLayer .textWidgetAnnotation textarea{
    resize:none;
  }

.annotationLayer .textWidgetAnnotation [disabled]:is(input,textarea),.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{
    background:none;
    border:2px solid var(--input-disabled-border-color);
    cursor:not-allowed;
  }

.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{
    border:2px solid var(--input-hover-border-color);
  }

.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{
    border-radius:2px;
  }

.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{
    background:none;
    border:2px solid var(--input-focus-border-color);
    border-radius:2px;
    outline:var(--input-focus-outline);
  }

.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{
    background-image:none;
    background-color:transparent;
  }

.annotationLayer .buttonWidgetAnnotation.checkBox :focus{
    border:2px solid var(--input-focus-border-color);
    border-radius:2px;
    outline:var(--input-focus-outline);
  }

.annotationLayer .buttonWidgetAnnotation.radioButton :focus{
    border:2px solid var(--input-focus-border-color);
    outline:var(--input-focus-outline);
  }

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before{
    background-color:CanvasText;
    content:"";
    display:block;
    position:absolute;
  }

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after{
    height:80%;
    left:45%;
    width:1px;
  }

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before{
    transform:rotate(45deg);
  }

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after{
    transform:rotate(-45deg);
  }

.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before{
    border-radius:50%;
    height:50%;
    left:25%;
    top:25%;
    width:50%;
  }

.annotationLayer .textWidgetAnnotation input.comb{
    font-family:monospace;
    padding-left:2px;
    padding-right:0;
  }

.annotationLayer .textWidgetAnnotation input.comb:focus{
    width:103%;
  }

.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
  }

.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{
    height:100%;
    width:100%;
  }

.annotationLayer .popupAnnotation{
    position:absolute;
    font-size:calc(9px * var(--scale-factor));
    pointer-events:none;
    width:-moz-max-content;
    width:max-content;
    max-width:45%;
    height:auto;
  }

.annotationLayer .popup{
    background-color:rgb(255 255 153);
    box-shadow:0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) rgb(136 136 136);
    border-radius:calc(2px * var(--scale-factor));
    outline:1.5px solid rgb(255 255 74);
    padding:calc(6px * var(--scale-factor));
    cursor:pointer;
    font:message-box;
    white-space:normal;
    word-wrap:break-word;
    pointer-events:auto;
  }

.annotationLayer .popupAnnotation.focused .popup{
    outline-width:3px;
  }

.annotationLayer .popup *{
    font-size:calc(9px * var(--scale-factor));
  }

.annotationLayer .popup > .header{
    display:inline-block;
  }

.annotationLayer .popup > .header h1{
    display:inline;
  }

.annotationLayer .popup > .header .popupDate{
    display:inline-block;
    margin-left:calc(5px * var(--scale-factor));
    width:-moz-fit-content;
    width:fit-content;
  }

.annotationLayer .popupContent{
    border-top:1px solid rgb(51 51 51);
    margin-top:calc(2px * var(--scale-factor));
    padding-top:calc(2px * var(--scale-factor));
  }

.annotationLayer .richText > *{
    white-space:pre-wrap;
    font-size:calc(9px * var(--scale-factor));
  }

.annotationLayer .popupTriggerArea{
    cursor:pointer;
  }

.annotationLayer section svg{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
  }

.annotationLayer .annotationTextContent{
    position:absolute;
    width:100%;
    height:100%;
    opacity:0;
    color:transparent;
    -webkit-user-select:none;
       -moz-user-select:none;
            user-select:none;
    pointer-events:none;
  }

:is(.annotationLayer .annotationTextContent) span{
      width:100%;
      display:inline-block;
    }

.annotationLayer svg.quadrilateralsContainer{
    contain:strict;
    width:0;
    height:0;
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
  }

:root{
  --xfa-unfocused-field-background:url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
  --xfa-focus-outline:auto;
}

@media screen and (forced-colors: active){
  :root{
    --xfa-focus-outline:2px solid CanvasText;
  }
  .xfaLayer *:required{
    outline:1.5px solid selectedItem;
  }
}

.xfaLayer{
  background-color:transparent;
}

.xfaLayer .highlight{
  margin:-1px;
  padding:1px;
  background-color:rgb(239 203 237);
  border-radius:4px;
}

.xfaLayer .highlight.appended{
  position:initial;
}

.xfaLayer .highlight.begin{
  border-radius:4px 0 0 4px;
}

.xfaLayer .highlight.end{
  border-radius:0 4px 4px 0;
}

.xfaLayer .highlight.middle{
  border-radius:0;
}

.xfaLayer .highlight.selected{
  background-color:rgb(203 223 203);
}

.xfaPage{
  overflow:hidden;
  position:relative;
}

.xfaContentarea{
  position:absolute;
}

.xfaPrintOnly{
  display:none;
}

.xfaLayer{
  position:absolute;
  text-align:initial;
  top:0;
  left:0;
  transform-origin:0 0;
  line-height:1.2;
}

.xfaLayer *{
  color:inherit;
  font:inherit;
  font-style:inherit;
  font-weight:inherit;
  font-kerning:inherit;
  letter-spacing:-0.01px;
  text-align:inherit;
  text-decoration:inherit;
  box-sizing:border-box;
  background-color:transparent;
  padding:0;
  margin:0;
  pointer-events:auto;
  line-height:inherit;
}

.xfaLayer *:required{
  outline:1.5px solid red;
}

.xfaLayer div,
.xfaLayer svg,
.xfaLayer svg *{
  pointer-events:none;
}

.xfaLayer a{
  color:blue;
}

.xfaRich li{
  margin-left:3em;
}

.xfaFont{
  color:black;
  font-weight:normal;
  font-kerning:none;
  font-size:10px;
  font-style:normal;
  letter-spacing:0;
  text-decoration:none;
  vertical-align:0;
}

.xfaCaption{
  overflow:hidden;
  flex:0 0 auto;
}

.xfaCaptionForCheckButton{
  overflow:hidden;
  flex:1 1 auto;
}

.xfaLabel{
  height:100%;
  width:100%;
}

.xfaLeft{
  display:flex;
  flex-direction:row;
  align-items:center;
}

.xfaRight{
  display:flex;
  flex-direction:row-reverse;
  align-items:center;
}

:is(.xfaLeft, .xfaRight) > :is(.xfaCaption, .xfaCaptionForCheckButton){
  max-height:100%;
}

.xfaTop{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.xfaBottom{
  display:flex;
  flex-direction:column-reverse;
  align-items:flex-start;
}

:is(.xfaTop, .xfaBottom) > :is(.xfaCaption, .xfaCaptionForCheckButton){
  width:100%;
}

.xfaBorder{
  background-color:transparent;
  position:absolute;
  pointer-events:none;
}

.xfaWrapped{
  width:100%;
  height:100%;
}

:is(.xfaTextfield, .xfaSelect):focus{
  background-image:none;
  background-color:transparent;
  outline:var(--xfa-focus-outline);
  outline-offset:-1px;
}

:is(.xfaCheckbox, .xfaRadio):focus{
  outline:var(--xfa-focus-outline);
}

.xfaTextfield,
.xfaSelect{
  height:100%;
  width:100%;
  flex:1 1 auto;
  border:none;
  resize:none;
  background-image:var(--xfa-unfocused-field-background);
}

.xfaSelect{
  padding-inline:2px;
}

:is(.xfaTop, .xfaBottom) > :is(.xfaTextfield, .xfaSelect){
  flex:0 1 auto;
}

.xfaButton{
  cursor:pointer;
  width:100%;
  height:100%;
  border:none;
  text-align:center;
}

.xfaLink{
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
}

.xfaCheckbox,
.xfaRadio{
  width:100%;
  height:100%;
  flex:0 0 auto;
  border:none;
}

.xfaRich{
  white-space:pre-wrap;
  width:100%;
  height:100%;
}

.xfaImage{
  -o-object-position:left top;
     object-position:left top;
  -o-object-fit:contain;
     object-fit:contain;
  width:100%;
  height:100%;
}

.xfaLrTb,
.xfaRlTb,
.xfaTb{
  display:flex;
  flex-direction:column;
  align-items:stretch;
}

.xfaLr{
  display:flex;
  flex-direction:row;
  align-items:stretch;
}

.xfaRl{
  display:flex;
  flex-direction:row-reverse;
  align-items:stretch;
}

.xfaTb > div{
  justify-content:left;
}

.xfaPosition{
  position:relative;
}

.xfaArea{
  position:relative;
}

.xfaValignMiddle{
  display:flex;
  align-items:center;
}

.xfaTable{
  display:flex;
  flex-direction:column;
  align-items:stretch;
}

.xfaTable .xfaRow{
  display:flex;
  flex-direction:row;
  align-items:stretch;
}

.xfaTable .xfaRlRow{
  display:flex;
  flex-direction:row-reverse;
  align-items:stretch;
  flex:1;
}

.xfaTable .xfaRlRow > div{
  flex:1;
}

:is(.xfaNonInteractive, .xfaDisabled, .xfaReadOnly) :is(input, textarea){
  background:initial;
}

@media print{
  .xfaTextfield,
  .xfaSelect{
    background:transparent;
  }

  .xfaSelect{
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
    text-indent:1px;
    text-overflow:"";
  }
}

.canvasWrapper svg{
    transform:none;
  }

.moving:is(.canvasWrapper svg){
      z-index:100000;
    }

[data-main-rotation="90"]:is(.highlight:is(.canvasWrapper svg),.highlightOutline:is(.canvasWrapper svg)) mask,[data-main-rotation="90"]:is(.highlight:is(.canvasWrapper svg),.highlightOutline:is(.canvasWrapper svg)) use:not(.clip,.mask){
          transform:matrix(0, 1, -1, 0, 1, 0);
        }

[data-main-rotation="180"]:is(.highlight:is(.canvasWrapper svg),.highlightOutline:is(.canvasWrapper svg)) mask,[data-main-rotation="180"]:is(.highlight:is(.canvasWrapper svg),.highlightOutline:is(.canvasWrapper svg)) use:not(.clip,.mask){
          transform:matrix(-1, 0, 0, -1, 1, 1);
        }

[data-main-rotation="270"]:is(.highlight:is(.canvasWrapper svg),.highlightOutline:is(.canvasWrapper svg)) mask,[data-main-rotation="270"]:is(.highlight:is(.canvasWrapper svg),.highlightOutline:is(.canvasWrapper svg)) use:not(.clip,.mask){
          transform:matrix(0, -1, 1, 0, 0, 1);
        }

.draw:is(.canvasWrapper svg){
      position:absolute;
      mix-blend-mode:normal;
    }

.draw[data-draw-rotation="90"]:is(.canvasWrapper svg){
        transform:rotate(90deg);
      }

.draw[data-draw-rotation="180"]:is(.canvasWrapper svg){
        transform:rotate(180deg);
      }

.draw[data-draw-rotation="270"]:is(.canvasWrapper svg){
        transform:rotate(270deg);
      }

.highlight:is(.canvasWrapper svg){
      --blend-mode:multiply;
    }

@media screen and (forced-colors: active){

.highlight:is(.canvasWrapper svg){
        --blend-mode:difference;
    }
      }

.highlight:is(.canvasWrapper svg){

      position:absolute;
      mix-blend-mode:var(--blend-mode);
    }

.highlight:is(.canvasWrapper svg):not(.free){
        fill-rule:evenodd;
      }

.highlightOutline:is(.canvasWrapper svg){
      position:absolute;
      mix-blend-mode:normal;
      fill-rule:evenodd;
      fill:none;
    }

.highlightOutline.hovered:is(.canvasWrapper svg):not(.free):not(.selected){
          stroke:var(--hover-outline-color);
          stroke-width:var(--outline-width);
        }

.highlightOutline.selected:is(.canvasWrapper svg):not(.free) .mainOutline{
            stroke:var(--outline-around-color);
            stroke-width:calc(
              var(--outline-width) + 2 * var(--outline-around-width)
            );
          }

.highlightOutline.selected:is(.canvasWrapper svg):not(.free) .secondaryOutline{
            stroke:var(--outline-color);
            stroke-width:var(--outline-width);
          }

.highlightOutline.free.hovered:is(.canvasWrapper svg):not(.selected){
          stroke:var(--hover-outline-color);
          stroke-width:calc(2 * var(--outline-width));
        }

.highlightOutline.free.selected:is(.canvasWrapper svg) .mainOutline{
            stroke:var(--outline-around-color);
            stroke-width:calc(
              2 * (var(--outline-width) + var(--outline-around-width))
            );
          }

.highlightOutline.free.selected:is(.canvasWrapper svg) .secondaryOutline{
            stroke:var(--outline-color);
            stroke-width:calc(2 * var(--outline-width));
          }

.toggle-button{
  --button-background-color:#f0f0f4;
  --button-background-color-hover:#e0e0e6;
  --button-background-color-active:#cfcfd8;
  --color-accent-primary:#0060df;
  --color-accent-primary-hover:#0250bb;
  --color-accent-primary-active:#054096;
  --border-interactive-color:#8f8f9d;
  --border-radius-circle:9999px;
  --border-width:1px;
  --size-item-small:16px;
  --size-item-large:32px;
  --color-canvas:white;
}

@media (prefers-color-scheme: dark){

.toggle-button{
    --button-background-color:color-mix(in srgb, currentColor 7%, transparent);
    --button-background-color-hover:color-mix(
      in srgb,
      currentColor 14%,
      transparent
    );
    --button-background-color-active:color-mix(
      in srgb,
      currentColor 21%,
      transparent
    );
    --color-accent-primary:#0df;
    --color-accent-primary-hover:#80ebff;
    --color-accent-primary-active:#aaf2ff;
    --border-interactive-color:#bfbfc9;
    --color-canvas:#1c1b22;
}
  }

@media (forced-colors: active){

.toggle-button{
    --color-accent-primary:ButtonText;
    --color-accent-primary-hover:SelectedItem;
    --color-accent-primary-active:SelectedItem;
    --border-interactive-color:ButtonText;
    --button-background-color:ButtonFace;
    --border-interactive-color-hover:SelectedItem;
    --border-interactive-color-active:SelectedItem;
    --border-interactive-color-disabled:GrayText;
    --color-canvas:ButtonText;
}
  }

.toggle-button{

  --toggle-background-color:var(--button-background-color);
  --toggle-background-color-hover:var(--button-background-color-hover);
  --toggle-background-color-active:var(--button-background-color-active);
  --toggle-background-color-pressed:var(--color-accent-primary);
  --toggle-background-color-pressed-hover:var(--color-accent-primary-hover);
  --toggle-background-color-pressed-active:var(--color-accent-primary-active);
  --toggle-border-color:var(--border-interactive-color);
  --toggle-border-color-hover:var(--toggle-border-color);
  --toggle-border-color-active:var(--toggle-border-color);
  --toggle-border-radius:var(--border-radius-circle);
  --toggle-border-width:var(--border-width);
  --toggle-height:var(--size-item-small);
  --toggle-width:var(--size-item-large);
  --toggle-dot-background-color:var(--toggle-border-color);
  --toggle-dot-background-color-hover:var(--toggle-dot-background-color);
  --toggle-dot-background-color-active:var(--toggle-dot-background-color);
  --toggle-dot-background-color-on-pressed:var(--color-canvas);
  --toggle-dot-margin:1px;
  --toggle-dot-height:calc(
    var(--toggle-height) - 2 * var(--toggle-dot-margin) - 2 *
      var(--toggle-border-width)
  );
  --toggle-dot-width:var(--toggle-dot-height);
  --toggle-dot-transform-x:calc(
    var(--toggle-width) - 4 * var(--toggle-dot-margin) - var(--toggle-dot-width)
  );

  -webkit-appearance:none;

     -moz-appearance:none;

          appearance:none;
  padding:0;
  margin:0;
  border:var(--toggle-border-width) solid var(--toggle-border-color);
  height:var(--toggle-height);
  width:var(--toggle-width);
  border-radius:var(--toggle-border-radius);
  background:var(--toggle-background-color);
  box-sizing:border-box;
  flex-shrink:0;
}

.toggle-button:focus-visible{
    outline:var(--focus-outline);
    outline-offset:var(--focus-outline-offset);
  }

.toggle-button:enabled:hover{
    background:var(--toggle-background-color-hover);
    border-color:var(--toggle-border-color);
  }

.toggle-button:enabled:active{
    background:var(--toggle-background-color-active);
    border-color:var(--toggle-border-color);
  }

.toggle-button[aria-pressed="true"]{
    background:var(--toggle-background-color-pressed);
    border-color:transparent;
  }

.toggle-button[aria-pressed="true"]:enabled:hover{
    background:var(--toggle-background-color-pressed-hover);
    border-color:transparent;
  }

.toggle-button[aria-pressed="true"]:enabled:active{
    background:var(--toggle-background-color-pressed-active);
    border-color:transparent;
  }

.toggle-button::before{
    display:block;
    content:"";
    background-color:var(--toggle-dot-background-color);
    height:var(--toggle-dot-height);
    width:var(--toggle-dot-width);
    margin:var(--toggle-dot-margin);
    border-radius:var(--toggle-border-radius);
    translate:0;
  }

.toggle-button[aria-pressed="true"]::before{
    translate:var(--toggle-dot-transform-x);
    background-color:var(--toggle-dot-background-color-on-pressed);
  }

.toggle-button[aria-pressed="true"]:enabled:hover::before,.toggle-button[aria-pressed="true"]:enabled:active::before{
    background-color:var(--toggle-dot-background-color-on-pressed);
  }

[dir="rtl"] .toggle-button[aria-pressed="true"]::before{
    translate:calc(-1 * var(--toggle-dot-transform-x));
  }

@media (prefers-reduced-motion: no-preference){
    .toggle-button::before{
      transition:translate 100ms;
    }
  }

@media (prefers-contrast){
    .toggle-button:enabled:hover{
      border-color:var(--toggle-border-color-hover);
    }

    .toggle-button:enabled:active{
      border-color:var(--toggle-border-color-active);
    }

    .toggle-button[aria-pressed="true"]:enabled{
      border-color:var(--toggle-border-color);
      position:relative;
    }

    .toggle-button[aria-pressed="true"]:enabled:hover,.toggle-button[aria-pressed="true"]:enabled:hover:active{
      border-color:var(--toggle-border-color-hover);
    }

    .toggle-button[aria-pressed="true"]:enabled:active{
      background-color:var(--toggle-dot-background-color-active);
      border-color:var(--toggle-dot-background-color-hover);
    }

    .toggle-button:hover::before,.toggle-button:active::before{
      background-color:var(--toggle-dot-background-color-hover);
    }
  }

@media (forced-colors){

.toggle-button{
    --toggle-dot-background-color:var(--color-accent-primary);
    --toggle-dot-background-color-hover:var(--color-accent-primary-hover);
    --toggle-dot-background-color-active:var(--color-accent-primary-active);
    --toggle-dot-background-color-on-pressed:var(--button-background-color);
    --toggle-background-color-disabled:var(--button-background-color-disabled);
    --toggle-border-color-hover:var(--border-interactive-color-hover);
    --toggle-border-color-active:var(--border-interactive-color-active);
    --toggle-border-color-disabled:var(--border-interactive-color-disabled);
}

    .toggle-button[aria-pressed="true"]:enabled::after{
      border:1px solid var(--button-background-color);
      content:"";
      position:absolute;
      height:var(--toggle-height);
      width:var(--toggle-width);
      display:block;
      border-radius:var(--toggle-border-radius);
      inset:-2px;
    }

    .toggle-button[aria-pressed="true"]:enabled:active::after{
      border-color:var(--toggle-border-color-active);
    }
  }

:root{
  --outline-width:2px;
  --outline-color:#0060df;
  --outline-around-width:1px;
  --outline-around-color:#f0f0f4;
  --hover-outline-around-color:var(--outline-around-color);
  --focus-outline:solid var(--outline-width) var(--outline-color);
  --unfocus-outline:solid var(--outline-width) transparent;
  --focus-outline-around:solid var(--outline-around-width) var(--outline-around-color);
  --hover-outline-color:#8f8f9d;
  --hover-outline:solid var(--outline-width) var(--hover-outline-color);
  --hover-outline-around:solid var(--outline-around-width) var(--hover-outline-around-color);
  --freetext-line-height:1.35;
  --freetext-padding:2px;
  --resizer-bg-color:var(--outline-color);
  --resizer-size:6px;
  --resizer-shift:calc(
    0px - (var(--outline-width) + var(--resizer-size)) / 2 -
      var(--outline-around-width)
  );
  --editorFreeText-editing-cursor:text;
  --editorInk-editing-cursor:url(/_next/static/media/cursor-editorInk.f94c2f42.svg) 0 16, pointer;
  --editorHighlight-editing-cursor:url(/_next/static/media/cursor-editorTextHighlight.5636640c.svg) 24 24, text;
  --editorFreeHighlight-editing-cursor:url(/_next/static/media/cursor-editorFreeHighlight.1fed7bb7.svg) 1 18, pointer;

  --new-alt-text-warning-image:url(/_next/static/media/altText_warning.d532f1aa.svg);
}
.visuallyHidden{
  position:absolute;
  top:0;
  left:0;
  border:0;
  margin:0;
  padding:0;
  width:0;
  height:0;
  overflow:hidden;
  white-space:nowrap;
  font-size:0;
}

.textLayer.highlighting{
    cursor:var(--editorFreeHighlight-editing-cursor);
  }

.textLayer.highlighting:not(.free) span{
      cursor:var(--editorHighlight-editing-cursor);
    }

[role="img"]:is(.textLayer.highlighting:not(.free) span){
        cursor:var(--editorFreeHighlight-editing-cursor);
      }

.textLayer.highlighting.free span{
      cursor:var(--editorFreeHighlight-editing-cursor);
    }

:is(#viewerContainer.pdfPresentationMode:fullscreen,.annotationEditorLayer.disabled) .noAltTextBadge{
    display:none !important;
  }

@media (min-resolution: 1.1dppx){
  :root{
    --editorFreeText-editing-cursor:url(/_next/static/media/cursor-editorFreeText.0b596377.svg) 0 16, text;
  }
}

@media screen and (forced-colors: active){
  :root{
    --outline-color:CanvasText;
    --outline-around-color:ButtonFace;
    --resizer-bg-color:ButtonText;
    --hover-outline-color:Highlight;
    --hover-outline-around-color:SelectedItemText;
  }
}

[data-editor-rotation="90"]{
  transform:rotate(90deg);
}

[data-editor-rotation="180"]{
  transform:rotate(180deg);
}

[data-editor-rotation="270"]{
  transform:rotate(270deg);
}

.annotationEditorLayer{
  background:transparent;
  position:absolute;
  inset:0;
  font-size:calc(100px * var(--scale-factor));
  transform-origin:0 0;
  cursor:auto;
}

.annotationEditorLayer .selectedEditor{
    z-index:100000 !important;
  }

.annotationEditorLayer.drawing *{
    pointer-events:none !important;
  }

.annotationEditorLayer.waiting{
  content:"";
  cursor:wait;
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.annotationEditorLayer.disabled{
  pointer-events:none;
}

.annotationEditorLayer.freetextEditing{
  cursor:var(--editorFreeText-editing-cursor);
}

.annotationEditorLayer.inkEditing{
  cursor:var(--editorInk-editing-cursor);
}

.annotationEditorLayer .draw{
  box-sizing:border-box;
}

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor){
  position:absolute;
  background:transparent;
  z-index:1;
  transform-origin:0 0;
  cursor:auto;
  max-width:100%;
  max-height:100%;
  border:var(--unfocus-outline);
}

.draggable.selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)){
    cursor:move;
  }

.selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)){
    border:var(--focus-outline);
    outline:var(--focus-outline-around);
  }

.selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor))::before{
      content:"";
      position:absolute;
      inset:0;
      border:var(--focus-outline-around);
      pointer-events:none;
    }

:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)):hover:not(.selectedEditor){
    border:var(--hover-outline);
    outline:var(--hover-outline-around);
  }

:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)):hover:not(.selectedEditor)::before{
      content:"";
      position:absolute;
      inset:0;
      border:var(--focus-outline-around);
    }

:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar{
    --editor-toolbar-delete-image:url(/_next/static/media/editor-toolbar-delete.6694a89f.svg);
    --editor-toolbar-bg-color:#f0f0f4;
    --editor-toolbar-highlight-image:url(/_next/static/media/toolbarButton-editorHighlight.c3287eaa.svg);
    --editor-toolbar-fg-color:#2e2e56;
    --editor-toolbar-border-color:#8f8f9d;
    --editor-toolbar-hover-border-color:var(--editor-toolbar-border-color);
    --editor-toolbar-hover-bg-color:#e0e0e6;
    --editor-toolbar-hover-fg-color:var(--editor-toolbar-fg-color);
    --editor-toolbar-hover-outline:none;
    --editor-toolbar-focus-outline-color:#0060df;
    --editor-toolbar-shadow:0 2px 6px 0 rgb(58 57 68 / 0.2);
    --editor-toolbar-vert-offset:6px;
    --editor-toolbar-height:28px;
    --editor-toolbar-padding:2px;
    --alt-text-done-color:#2ac3a2;
    --alt-text-warning-color:#0090ed;
    --alt-text-hover-done-color:var(--alt-text-done-color);
    --alt-text-hover-warning-color:var(--alt-text-warning-color);
  }

@media (prefers-color-scheme: dark){

:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar{
      --editor-toolbar-bg-color:#2b2a33;
      --editor-toolbar-fg-color:#fbfbfe;
      --editor-toolbar-hover-bg-color:#52525e;
      --editor-toolbar-focus-outline-color:#0df;
      --alt-text-done-color:#54ffbd;
      --alt-text-warning-color:#80ebff;
  }
    }

@media screen and (forced-colors: active){

:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar{
      --editor-toolbar-bg-color:ButtonFace;
      --editor-toolbar-fg-color:ButtonText;
      --editor-toolbar-border-color:ButtonText;
      --editor-toolbar-hover-border-color:AccentColor;
      --editor-toolbar-hover-bg-color:ButtonFace;
      --editor-toolbar-hover-fg-color:AccentColor;
      --editor-toolbar-hover-outline:2px solid var(--editor-toolbar-hover-border-color);
      --editor-toolbar-focus-outline-color:ButtonBorder;
      --editor-toolbar-shadow:none;
      --alt-text-done-color:var(--editor-toolbar-fg-color);
      --alt-text-warning-color:var(--editor-toolbar-fg-color);
      --alt-text-hover-done-color:var(--editor-toolbar-hover-fg-color);
      --alt-text-hover-warning-color:var(--editor-toolbar-hover-fg-color);
  }
    }

:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar{

    display:flex;
    width:-moz-fit-content;
    width:fit-content;
    height:var(--editor-toolbar-height);
    flex-direction:column;
    justify-content:center;
    align-items:center;
    cursor:default;
    pointer-events:auto;
    box-sizing:content-box;
    padding:var(--editor-toolbar-padding);

    position:absolute;
    inset-inline-end:0;
    inset-block-start:calc(100% + var(--editor-toolbar-vert-offset));

    border-radius:6px;
    background-color:var(--editor-toolbar-bg-color);
    border:1px solid var(--editor-toolbar-border-color);
    box-shadow:var(--editor-toolbar-shadow);
  }

.hidden:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar){
      display:none;
    }

:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar):has(:focus-visible){
      border-color:transparent;
    }

[dir="ltr"] :is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar){
      transform-origin:100% 0;
    }

[dir="rtl"] :is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar){
      transform-origin:0 0;
    }

:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons{
      display:flex;
      justify-content:center;
      align-items:center;
      gap:0;
      height:100%;
    }

:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) button{
        padding:0;
      }

:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .divider{
        width:0;
        height:calc(
          2 * var(--editor-toolbar-padding) + var(--editor-toolbar-height)
        );
        border-left:1px solid var(--editor-toolbar-border-color);
        border-right:none;
        display:inline-block;
        margin-inline:2px;
      }

:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .highlightButton{
        width:var(--editor-toolbar-height);
      }

:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .highlightButton)::before{
          content:"";
          -webkit-mask-image:var(--editor-toolbar-highlight-image);
                  mask-image:var(--editor-toolbar-highlight-image);
          -webkit-mask-repeat:no-repeat;
                  mask-repeat:no-repeat;
          -webkit-mask-position:center;
                  mask-position:center;
          display:inline-block;
          background-color:var(--editor-toolbar-fg-color);
          width:100%;
          height:100%;
        }

:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .highlightButton):hover::before{
          background-color:var(--editor-toolbar-hover-fg-color);
        }

:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .delete{
        width:var(--editor-toolbar-height);
      }

:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .delete)::before{
          content:"";
          -webkit-mask-image:var(--editor-toolbar-delete-image);
                  mask-image:var(--editor-toolbar-delete-image);
          -webkit-mask-repeat:no-repeat;
                  mask-repeat:no-repeat;
          -webkit-mask-position:center;
                  mask-position:center;
          display:inline-block;
          background-color:var(--editor-toolbar-fg-color);
          width:100%;
          height:100%;
        }

:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .delete):hover::before{
          background-color:var(--editor-toolbar-hover-fg-color);
        }

:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons)  > *{
        height:var(--editor-toolbar-height);
      }

:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons)  > :not(.divider){
        border:none;
        background-color:transparent;
        cursor:pointer;
      }

:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) > :not(.divider)):hover{
          border-radius:2px;
          background-color:var(--editor-toolbar-hover-bg-color);
          color:var(--editor-toolbar-hover-fg-color);
          outline:var(--editor-toolbar-hover-outline);
          outline-offset:1px;
        }

:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) > :not(.divider)):hover:active{
            outline:none;
          }

:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) > :not(.divider)):focus-visible{
          border-radius:2px;
          outline:2px solid var(--editor-toolbar-focus-outline-color);
        }

:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText{
        --alt-text-add-image:url(/_next/static/media/altText_add.7748ee93.svg);
        --alt-text-done-image:url(/_next/static/media/altText_done.1026be11.svg);

        display:flex;
        align-items:center;
        justify-content:center;
        width:-moz-max-content;
        width:max-content;
        padding-inline:8px;
        pointer-events:all;
        font:menu;
        font-weight:590;
        font-size:12px;
        color:var(--editor-toolbar-fg-color);
      }

:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText):disabled{
          pointer-events:none;
        }

:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText)::before{
          content:"";
          -webkit-mask-image:var(--alt-text-add-image);
                  mask-image:var(--alt-text-add-image);
          -webkit-mask-repeat:no-repeat;
                  mask-repeat:no-repeat;
          -webkit-mask-position:center;
                  mask-position:center;
          display:inline-block;
          width:12px;
          height:13px;
          background-color:var(--editor-toolbar-fg-color);
          margin-inline-end:4px;
        }

:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText):hover::before{
          background-color:var(--editor-toolbar-hover-fg-color);
        }

.done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText)::before{
          -webkit-mask-image:var(--alt-text-done-image);
                  mask-image:var(--alt-text-done-image);
        }

.new:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText)::before{
            width:16px;
            height:16px;
            -webkit-mask-image:var(--new-alt-text-warning-image);
                    mask-image:var(--new-alt-text-warning-image);
            background-color:var(--alt-text-warning-color);
            -webkit-mask-size:cover;
                    mask-size:cover;
          }

.new:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText):hover::before{
            background-color:var(--alt-text-hover-warning-color);
          }

.new.done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText)::before{
              -webkit-mask-image:var(--alt-text-done-image);
                      mask-image:var(--alt-text-done-image);
              background-color:var(--alt-text-done-color);
            }

.new.done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText):hover::before{
              background-color:var(--alt-text-hover-done-color);
            }

:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip{
          display:none;
          word-wrap:anywhere;
        }

.show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){
            --alt-text-tooltip-bg:#f0f0f4;
            --alt-text-tooltip-fg:#15141a;
            --alt-text-tooltip-border:#8f8f9d;
            --alt-text-tooltip-shadow:0px 2px 6px 0px rgb(58 57 68 / 0.2);
          }

@media (prefers-color-scheme: dark){

.show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){
              --alt-text-tooltip-bg:#1c1b22;
              --alt-text-tooltip-fg:#fbfbfe;
              --alt-text-tooltip-shadow:0px 2px 6px 0px #15141a;
          }
            }

@media screen and (forced-colors: active){

.show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){
              --alt-text-tooltip-bg:Canvas;
              --alt-text-tooltip-fg:CanvasText;
              --alt-text-tooltip-border:CanvasText;
              --alt-text-tooltip-shadow:none;
          }
            }

.show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){

            display:inline-flex;
            flex-direction:column;
            align-items:center;
            justify-content:center;
            position:absolute;
            top:calc(100% + 2px);
            inset-inline-start:0;
            padding-block:2px 3px;
            padding-inline:3px;
            max-width:300px;
            width:-moz-max-content;
            width:max-content;
            height:auto;
            font-size:12px;

            border:0.5px solid var(--alt-text-tooltip-border);
            background:var(--alt-text-tooltip-bg);
            box-shadow:var(--alt-text-tooltip-shadow);
            color:var(--alt-text-tooltip-fg);

            pointer-events:none;
          }

.annotationEditorLayer .freeTextEditor{
  padding:calc(var(--freetext-padding) * var(--scale-factor));
  width:auto;
  height:auto;
  touch-action:none;
}

.annotationEditorLayer .freeTextEditor .internal{
  background:transparent;
  border:none;
  inset:0;
  overflow:visible;
  white-space:nowrap;
  font:10px sans-serif;
  line-height:var(--freetext-line-height);
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
}

.annotationEditorLayer .freeTextEditor .overlay{
  position:absolute;
  display:none;
  background:transparent;
  inset:0;
  width:100%;
  height:100%;
}

.annotationEditorLayer freeTextEditor .overlay.enabled{
  display:block;
}

.annotationEditorLayer .freeTextEditor .internal:empty::before{
  content:attr(default-content);
  color:gray;
}

.annotationEditorLayer .freeTextEditor .internal:focus{
  outline:none;
  -webkit-user-select:auto;
     -moz-user-select:auto;
          user-select:auto;
}

.annotationEditorLayer .inkEditor{
  width:100%;
  height:100%;
}

.annotationEditorLayer .inkEditor.editing{
  cursor:inherit;
}

.annotationEditorLayer .inkEditor .inkEditorCanvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  touch-action:none;
}

.annotationEditorLayer .stampEditor{
  width:auto;
  height:auto;
}

:is(.annotationEditorLayer .stampEditor) canvas{
    position:absolute;
    width:100%;
    height:100%;
    margin:0;
    top:0;
    left:0;
  }

:is(.annotationEditorLayer .stampEditor) .noAltTextBadge{
    --no-alt-text-badge-border-color:#f0f0f4;
    --no-alt-text-badge-bg-color:#cfcfd8;
    --no-alt-text-badge-fg-color:#5b5b66;
  }

@media (prefers-color-scheme: dark){

:is(.annotationEditorLayer .stampEditor) .noAltTextBadge{
      --no-alt-text-badge-border-color:#52525e;
      --no-alt-text-badge-bg-color:#fbfbfe;
      --no-alt-text-badge-fg-color:#15141a;
  }
    }

@media screen and (forced-colors: active){

:is(.annotationEditorLayer .stampEditor) .noAltTextBadge{
      --no-alt-text-badge-border-color:ButtonText;
      --no-alt-text-badge-bg-color:ButtonFace;
      --no-alt-text-badge-fg-color:ButtonText;
  }
    }

:is(.annotationEditorLayer .stampEditor) .noAltTextBadge{

    position:absolute;
    inset-inline-end:5px;
    inset-block-end:5px;
    display:inline-flex;
    width:32px;
    height:32px;
    padding:3px;
    justify-content:center;
    align-items:center;
    pointer-events:none;
    z-index:1;

    border-radius:2px;
    border:1px solid var(--no-alt-text-badge-border-color);
    background:var(--no-alt-text-badge-bg-color);
  }

:is(:is(.annotationEditorLayer .stampEditor) .noAltTextBadge)::before{
      content:"";
      display:inline-block;
      width:16px;
      height:16px;
      -webkit-mask-image:var(--new-alt-text-warning-image);
              mask-image:var(--new-alt-text-warning-image);
      -webkit-mask-size:cover;
              mask-size:cover;
      background-color:var(--no-alt-text-badge-fg-color);
    }

:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers{
      position:absolute;
      inset:0;
    }

.hidden:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers){
        display:none;
      }

:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer{
        width:var(--resizer-size);
        height:var(--resizer-size);
        background:content-box var(--resizer-bg-color);
        border:var(--focus-outline-around);
        border-radius:2px;
        position:absolute;
      }

.topLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
          top:var(--resizer-shift);
          left:var(--resizer-shift);
        }

.topMiddle:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
          top:var(--resizer-shift);
          left:calc(50% + var(--resizer-shift));
        }

.topRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
          top:var(--resizer-shift);
          right:var(--resizer-shift);
        }

.middleRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
          top:calc(50% + var(--resizer-shift));
          right:var(--resizer-shift);
        }

.bottomRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
          bottom:var(--resizer-shift);
          right:var(--resizer-shift);
        }

.bottomMiddle:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
          bottom:var(--resizer-shift);
          left:calc(50% + var(--resizer-shift));
        }

.bottomLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
          bottom:var(--resizer-shift);
          left:var(--resizer-shift);
        }

.middleLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)) > .resizers) > .resizer){
          top:calc(50% + var(--resizer-shift));
          left:var(--resizer-shift);
        }

.topLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"],[data-editor-rotation="0"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"],[data-editor-rotation="270"])) > .resizers > .resizer),.bottomRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"],[data-editor-rotation="0"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"],[data-editor-rotation="270"])) > .resizers > .resizer){
        cursor:nwse-resize;
      }

.topMiddle:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"],[data-editor-rotation="0"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"],[data-editor-rotation="270"])) > .resizers > .resizer),.bottomMiddle:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"],[data-editor-rotation="0"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"],[data-editor-rotation="270"])) > .resizers > .resizer){
        cursor:ns-resize;
      }

.topRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"],[data-editor-rotation="0"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"],[data-editor-rotation="270"])) > .resizers > .resizer),.bottomLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"],[data-editor-rotation="0"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"],[data-editor-rotation="270"])) > .resizers > .resizer){
        cursor:nesw-resize;
      }

.middleRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"],[data-editor-rotation="0"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"],[data-editor-rotation="270"])) > .resizers > .resizer),.middleLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"],[data-editor-rotation="0"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"],[data-editor-rotation="270"])) > .resizers > .resizer){
        cursor:ew-resize;
      }

.topLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"],[data-editor-rotation="270"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"],[data-editor-rotation="0"])) > .resizers > .resizer),.bottomRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"],[data-editor-rotation="270"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"],[data-editor-rotation="0"])) > .resizers > .resizer){
        cursor:nesw-resize;
      }

.topMiddle:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"],[data-editor-rotation="270"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"],[data-editor-rotation="0"])) > .resizers > .resizer),.bottomMiddle:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"],[data-editor-rotation="270"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"],[data-editor-rotation="0"])) > .resizers > .resizer){
        cursor:ew-resize;
      }

.topRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"],[data-editor-rotation="270"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"],[data-editor-rotation="0"])) > .resizers > .resizer),.bottomLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"],[data-editor-rotation="270"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"],[data-editor-rotation="0"])) > .resizers > .resizer){
        cursor:nwse-resize;
      }

.middleRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"],[data-editor-rotation="270"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"],[data-editor-rotation="0"])) > .resizers > .resizer),.middleLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"],[data-editor-rotation="270"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"],[data-editor-rotation="0"])) > .resizers > .resizer){
        cursor:ns-resize;
      }

:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="90"],[data-main-rotation="90"] [data-editor-rotation="0"],[data-main-rotation="180"] [data-editor-rotation="270"],[data-main-rotation="270"] [data-editor-rotation="180"])) .editToolbar{
      rotate:270deg;
    }

[dir="ltr"] :is(:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="90"],[data-main-rotation="90"] [data-editor-rotation="0"],[data-main-rotation="180"] [data-editor-rotation="270"],[data-main-rotation="270"] [data-editor-rotation="180"])) .editToolbar){
        inset-inline-end:calc(0px - var(--editor-toolbar-vert-offset));
        inset-block-start:0;
      }

[dir="rtl"] :is(:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="90"],[data-main-rotation="90"] [data-editor-rotation="0"],[data-main-rotation="180"] [data-editor-rotation="270"],[data-main-rotation="270"] [data-editor-rotation="180"])) .editToolbar){
        inset-inline-end:calc(100% + var(--editor-toolbar-vert-offset));
        inset-block-start:0;
      }

:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="180"],[data-main-rotation="90"] [data-editor-rotation="90"],[data-main-rotation="180"] [data-editor-rotation="0"],[data-main-rotation="270"] [data-editor-rotation="270"])) .editToolbar{
      rotate:180deg;
      inset-inline-end:100%;
      inset-block-start:calc(0pc - var(--editor-toolbar-vert-offset));
    }

:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="270"],[data-main-rotation="90"] [data-editor-rotation="180"],[data-main-rotation="180"] [data-editor-rotation="90"],[data-main-rotation="270"] [data-editor-rotation="0"])) .editToolbar{
      rotate:90deg;
    }

[dir="ltr"] :is(:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="270"],[data-main-rotation="90"] [data-editor-rotation="180"],[data-main-rotation="180"] [data-editor-rotation="90"],[data-main-rotation="270"] [data-editor-rotation="0"])) .editToolbar){
        inset-inline-end:calc(100% + var(--editor-toolbar-vert-offset));
        inset-block-start:100%;
      }

[dir="rtl"] :is(:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="270"],[data-main-rotation="90"] [data-editor-rotation="180"],[data-main-rotation="180"] [data-editor-rotation="90"],[data-main-rotation="270"] [data-editor-rotation="0"])) .editToolbar){
        inset-inline-start:calc(0px - var(--editor-toolbar-vert-offset));
        inset-block-start:0;
      }

.dialog.altText::backdrop{
    -webkit-mask:url(#alttext-manager-mask);
            mask:url(#alttext-manager-mask);
  }

.dialog.altText.positioned{
    margin:0;
  }

.dialog.altText #altTextContainer{
    width:300px;
    height:-moz-fit-content;
    height:fit-content;
    display:inline-flex;
    flex-direction:column;
    align-items:flex-start;
    gap:16px;
  }

:is(.dialog.altText #altTextContainer) #overallDescription{
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      gap:4px;
      align-self:stretch;
    }

:is(:is(.dialog.altText #altTextContainer) #overallDescription) span{
        align-self:stretch;
      }

:is(:is(.dialog.altText #altTextContainer) #overallDescription) .title{
        font-size:13px;
        font-style:normal;
        font-weight:590;
      }

:is(.dialog.altText #altTextContainer) #addDescription{
      display:flex;
      flex-direction:column;
      align-items:stretch;
      gap:8px;
    }

:is(:is(.dialog.altText #altTextContainer) #addDescription) .descriptionArea{
        flex:1;
        padding-inline:24px 10px;
      }

:is(:is(:is(.dialog.altText #altTextContainer) #addDescription) .descriptionArea) textarea{
          width:100%;
          min-height:75px;
        }

:is(.dialog.altText #altTextContainer) #buttons{
      display:flex;
      justify-content:flex-end;
      align-items:flex-start;
      gap:8px;
      align-self:stretch;
    }

.dialog.newAltText{
  --new-alt-text-ai-disclaimer-icon:url(/_next/static/media/altText_disclaimer.7e3c2bdd.svg);
  --new-alt-text-spinner-icon:url(/_next/static/media/altText_spinner.61afe1f4.svg);
  --preview-image-bg-color:#f0f0f4;
  --preview-image-border:none;
}

@media (prefers-color-scheme: dark){

.dialog.newAltText{
    --preview-image-bg-color:#2b2a33;
}
  }

@media screen and (forced-colors: active){

.dialog.newAltText{
    --preview-image-bg-color:ButtonFace;
    --preview-image-border:1px solid ButtonText;
}
  }

.dialog.newAltText{

  width:80%;
  max-width:570px;
  min-width:300px;
  padding:0;
}

.dialog.newAltText.noAi #newAltTextDisclaimer,.dialog.newAltText.noAi #newAltTextCreateAutomatically{
      display:none !important;
    }

.dialog.newAltText.aiInstalling #newAltTextCreateAutomatically{
      display:none !important;
    }

.dialog.newAltText.aiInstalling #newAltTextDownloadModel{
      display:flex !important;
    }

.dialog.newAltText.error #newAltTextNotNow{
      display:none !important;
    }

.dialog.newAltText.error #newAltTextCancel{
      display:inline-block !important;
    }

.dialog.newAltText:not(.error) #newAltTextError{
    display:none !important;
  }

.dialog.newAltText #newAltTextContainer{
    display:flex;
    width:auto;
    padding:16px;
    flex-direction:column;
    justify-content:flex-end;
    align-items:flex-start;
    gap:12px;
    flex:0 1 auto;
    line-height:normal;
  }

:is(.dialog.newAltText #newAltTextContainer) #mainContent{
      display:flex;
      justify-content:flex-end;
      align-items:flex-start;
      gap:12px;
      align-self:stretch;
      flex:1 1 auto;
    }

:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionAndSettings{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        gap:16px;
        flex:1 0 0;
        align-self:stretch;
      }

:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        gap:8px;
        align-self:stretch;
        flex:1 1 auto;
      }

:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer{
          width:100%;
          height:70px;
          position:relative;
        }

:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea{
            width:100%;
            height:100%;
            padding:8px;
          }

:is(:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea)::-moz-placeholder{
              color:var(--text-secondary-color);
            }

:is(:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea)::placeholder{
              color:var(--text-secondary-color);
            }

:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) .altTextSpinner{
            display:none;
            position:absolute;
            width:16px;
            height:16px;
            inset-inline-start:8px;
            inset-block-start:8px;
            -webkit-mask-size:cover;
                    mask-size:cover;
            background-color:var(--text-secondary-color);
            pointer-events:none;
          }

.loading:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea::-moz-placeholder{
              color:transparent;
            }

.loading:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea::placeholder{
              color:transparent;
            }

.loading:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) .altTextSpinner{
              display:inline-block;
              -webkit-mask-image:var(--new-alt-text-spinner-icon);
                      mask-image:var(--new-alt-text-spinner-icon);
            }

:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescription{
          font-size:11px;
        }

:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDisclaimer{
          display:flex;
          flex-direction:row;
          align-items:flex-start;
          gap:4px;
          font-size:11px;
        }

:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDisclaimer)::before{
            content:"";
            display:inline-block;
            width:17px;
            height:16px;
            -webkit-mask-image:var(--new-alt-text-ai-disclaimer-icon);
                    mask-image:var(--new-alt-text-ai-disclaimer-icon);
            -webkit-mask-size:cover;
                    mask-size:cover;
            background-color:var(--text-secondary-color);
            flex:1 0 auto;
          }

:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #newAltTextDownloadModel{
        display:flex;
        align-items:center;
        gap:4px;
        align-self:stretch;
      }

:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #newAltTextDownloadModel)::before{
          content:"";
          display:inline-block;
          width:16px;
          height:16px;
          -webkit-mask-image:var(--new-alt-text-spinner-icon);
                  mask-image:var(--new-alt-text-spinner-icon);
          -webkit-mask-size:cover;
                  mask-size:cover;
          background-color:var(--text-secondary-color);
        }

:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #newAltTextImagePreview{
        width:180px;
        aspect-ratio:1;
        display:flex;
        justify-content:center;
        align-items:center;
        flex:0 0 auto;
        background-color:var(--preview-image-bg-color);
        border:var(--preview-image-border);
      }

:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #newAltTextImagePreview)  > canvas{
          max-width:100%;
          max-height:100%;
        }

.colorPicker{
  --hover-outline-color:#0250bb;
  --selected-outline-color:#0060df;
  --swatch-border-color:#cfcfd8;
}

@media (prefers-color-scheme: dark){

.colorPicker{
    --hover-outline-color:#80ebff;
    --selected-outline-color:#aaf2ff;
    --swatch-border-color:#52525e;
}
  }

@media screen and (forced-colors: active){

.colorPicker{
    --hover-outline-color:Highlight;
    --selected-outline-color:var(--hover-outline-color);
    --swatch-border-color:ButtonText;
}
  }

.colorPicker .swatch{
    width:16px;
    height:16px;
    border:1px solid var(--swatch-border-color);
    border-radius:100%;
    outline-offset:2px;
    box-sizing:border-box;
    forced-color-adjust:none;
  }

.colorPicker button:is(:hover,.selected) > .swatch{
    border:none;
  }

.annotationEditorLayer[data-main-rotation="0"] .highlightEditor:not(.free) > .editToolbar{
      rotate:0deg;
    }

.annotationEditorLayer[data-main-rotation="90"] .highlightEditor:not(.free) > .editToolbar{
      rotate:270deg;
    }

.annotationEditorLayer[data-main-rotation="180"] .highlightEditor:not(.free) > .editToolbar{
      rotate:180deg;
    }

.annotationEditorLayer[data-main-rotation="270"] .highlightEditor:not(.free) > .editToolbar{
      rotate:90deg;
    }

.annotationEditorLayer .highlightEditor{
    position:absolute;
    background:transparent;
    z-index:1;
    cursor:auto;
    max-width:100%;
    max-height:100%;
    border:none;
    outline:none;
    pointer-events:none;
    transform-origin:0 0;
  }

:is(.annotationEditorLayer .highlightEditor):not(.free){
      transform:none;
    }

:is(.annotationEditorLayer .highlightEditor) .internal{
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
      pointer-events:auto;
    }

.disabled:is(.annotationEditorLayer .highlightEditor) .internal{
      pointer-events:none;
    }

.selectedEditor:is(.annotationEditorLayer .highlightEditor) .internal{
        cursor:pointer;
      }

:is(.annotationEditorLayer .highlightEditor) .editToolbar{
      --editor-toolbar-colorpicker-arrow-image:url(/_next/static/media/toolbarButton-menuArrow.37a6145d.svg);

      transform-origin:center !important;
    }

:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker{
          position:relative;
          width:auto;
          display:flex;
          justify-content:center;
          align-items:center;
          gap:4px;
          padding:4px;
        }

:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker)::after{
            content:"";
            -webkit-mask-image:var(--editor-toolbar-colorpicker-arrow-image);
                    mask-image:var(--editor-toolbar-colorpicker-arrow-image);
            -webkit-mask-repeat:no-repeat;
                    mask-repeat:no-repeat;
            -webkit-mask-position:center;
                    mask-position:center;
            display:inline-block;
            background-color:var(--editor-toolbar-fg-color);
            width:12px;
            height:12px;
          }

:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker):hover::after{
            background-color:var(--editor-toolbar-hover-fg-color);
          }

:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker):has(.dropdown:not(.hidden)){
            background-color:var(--editor-toolbar-hover-bg-color);
          }

:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker):has(.dropdown:not(.hidden))::after{
              scale:-1;
            }

:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown{
            position:absolute;
            display:flex;
            justify-content:center;
            align-items:center;
            flex-direction:column;
            gap:11px;
            padding-block:8px;
            border-radius:6px;
            background-color:var(--editor-toolbar-bg-color);
            border:1px solid var(--editor-toolbar-border-color);
            box-shadow:var(--editor-toolbar-shadow);
            inset-block-start:calc(100% + 4px);
            width:calc(100% + 2 * var(--editor-toolbar-padding));
          }

:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button{
              width:100%;
              height:auto;
              border:none;
              cursor:pointer;
              display:flex;
              justify-content:center;
              align-items:center;
              background:none;
            }

:is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button):is(:active,:focus-visible){
                outline:none;
              }

:is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button)  > .swatch{
                outline-offset:2px;
              }

[aria-selected="true"]:is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button) > .swatch{
                outline:2px solid var(--selected-outline-color);
              }

:is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button):is(:hover,:active,:focus-visible) > .swatch{
                outline:2px solid var(--hover-outline-color);
              }

.editorParamsToolbar:has(#highlightParamsToolbarContainer){
  padding:unset;
}

#highlightParamsToolbarContainer{
  gap:16px;
  padding-inline:10px;
  padding-block-end:12px;
}

#highlightParamsToolbarContainer .colorPicker{
    display:flex;
    flex-direction:column;
    gap:8px;
  }

:is(#highlightParamsToolbarContainer .colorPicker) .dropdown{
      display:flex;
      justify-content:space-between;
      align-items:center;
      flex-direction:row;
      height:auto;
    }

:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button{
        width:auto;
        height:auto;
        border:none;
        cursor:pointer;
        display:flex;
        justify-content:center;
        align-items:center;
        background:none;
        flex:0 0 auto;
        padding:0;
      }

:is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button) .swatch{
          width:24px;
          height:24px;
        }

:is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button):is(:active,:focus-visible){
          outline:none;
        }

[aria-selected="true"]:is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button) > .swatch{
          outline:2px solid var(--selected-outline-color);
        }

:is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button):is(:hover,:active,:focus-visible) > .swatch{
          outline:2px solid var(--hover-outline-color);
        }

#highlightParamsToolbarContainer #editorHighlightThickness{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:4px;
    align-self:stretch;
  }

:is(#highlightParamsToolbarContainer #editorHighlightThickness) .editorParamsLabel{
      height:auto;
      align-self:stretch;
    }

:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker{
      display:flex;
      justify-content:space-between;
      align-items:center;
      align-self:stretch;

      --example-color:#bfbfc9;
    }

@media (prefers-color-scheme: dark){

:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker{
        --example-color:#80808e;
    }
      }

@media screen and (forced-colors: active){

:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker{
        --example-color:CanvasText;
    }
      }

:is(:is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker) > .editorParamsSlider[disabled]){
        opacity:0.4;
      }

:is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker)::before,:is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker)::after{
        content:"";
        width:8px;
        aspect-ratio:1;
        display:block;
        border-radius:100%;
        background-color:var(--example-color);
      }

:is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker)::after{
        width:24px;
      }

:is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker) .editorParamsSlider{
        width:unset;
        height:14px;
      }

#highlightParamsToolbarContainer #editorHighlightVisibility{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
    align-self:stretch;
  }

:is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider{
      --divider-color:#d7d7db;
    }

@media (prefers-color-scheme: dark){

:is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider{
        --divider-color:#8f8f9d;
    }
      }

@media screen and (forced-colors: active){

:is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider{
        --divider-color:CanvasText;
    }
      }

:is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider{

      margin-block:4px;
      width:100%;
      height:1px;
      background-color:var(--divider-color);
    }

:is(#highlightParamsToolbarContainer #editorHighlightVisibility) .toggler{
      display:flex;
      justify-content:space-between;
      align-items:center;
      align-self:stretch;
    }

#altTextSettingsDialog{
  padding:16px;
}

#altTextSettingsDialog #altTextSettingsContainer{
    display:flex;
    width:573px;
    flex-direction:column;
    gap:16px;
  }

:is(#altTextSettingsDialog #altTextSettingsContainer) .mainContainer{
      gap:16px;
    }

:is(#altTextSettingsDialog #altTextSettingsContainer) .description{
      color:var(--text-secondary-color);
    }

:is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings{
      display:flex;
      flex-direction:column;
      gap:12px;
    }

:is(:is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings) button{
        width:-moz-fit-content;
        width:fit-content;
      }

.download:is(:is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings) #deleteModelButton{
          display:none;
        }

:is(:is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings):not(.download) #downloadModelButton{
          display:none;
        }

:is(#altTextSettingsDialog #altTextSettingsContainer) #automaticAltText,:is(#altTextSettingsDialog #altTextSettingsContainer) #altTextEditor{
      display:flex;
      flex-direction:column;
      gap:8px;
    }

:is(#altTextSettingsDialog #altTextSettingsContainer) #createModelDescription,:is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings,:is(#altTextSettingsDialog #altTextSettingsContainer) #showAltTextDialogDescription{
      padding-inline-start:40px;
    }

:is(#altTextSettingsDialog #altTextSettingsContainer) #automaticSettings{
      display:flex;
      flex-direction:column;
      gap:16px;
    }

:root{
  --viewer-container-height:0;
  --pdfViewer-padding-bottom:0;
  --page-margin:1px auto -8px;
  --page-border:9px solid transparent;
  --spreadHorizontalWrapped-margin-LR:-3.5px;
  --loading-icon-delay:400ms;
}

@media screen and (forced-colors: active){
  :root{
    --pdfViewer-padding-bottom:9px;
    --page-margin:8px auto -1px;
    --page-border:1px solid CanvasText;
    --spreadHorizontalWrapped-margin-LR:3.5px;
  }
}

[data-main-rotation="90"]{
  transform:rotate(90deg) translateY(-100%);
}
[data-main-rotation="180"]{
  transform:rotate(180deg) translate(-100%, -100%);
}
[data-main-rotation="270"]{
  transform:rotate(270deg) translateX(-100%);
}

#hiddenCopyElement,
.hiddenCanvasElement{
  position:absolute;
  top:0;
  left:0;
  width:0;
  height:0;
  display:none;
}

.pdfViewer{
  --scale-factor:1;
  --page-bg-color:unset;

  padding-bottom:var(--pdfViewer-padding-bottom);

  --hcm-highlight-filter:none;
  --hcm-highlight-selected-filter:none;
}

@media screen and (forced-colors: active){

.pdfViewer{
    --hcm-highlight-filter:invert(100%);
}
  }

.pdfViewer.copyAll{
    cursor:wait;
  }

.pdfViewer .canvasWrapper{
    overflow:hidden;
    width:100%;
    height:100%;
  }

:is(.pdfViewer .canvasWrapper) canvas{
      position:absolute;
      top:0;
      left:0;
      margin:0;
      display:block;
      width:100%;
      height:100%;
      contain:content;
    }

:is(:is(.pdfViewer .canvasWrapper) canvas) .structTree{
        contain:strict;
      }

.pdfViewer .page{
  --scale-round-x:1px;
  --scale-round-y:1px;

  direction:ltr;
  width:816px;
  height:1056px;
  margin:var(--page-margin);
  position:relative;
  overflow:visible;
  border:var(--page-border);
  background-clip:content-box;
  background-color:var(--page-bg-color, rgb(255 255 255));
}

.pdfViewer .dummyPage{
  position:relative;
  width:0;
  height:var(--viewer-container-height);
}

.pdfViewer.noUserSelect{
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
}

.pdfViewer.removePageBorders .page{
  margin:0 auto 10px;
  border:none;
}

.pdfViewer.singlePageView{
  display:inline-block;
}

.pdfViewer.singlePageView .page{
  margin:0;
  border:none;
}

.pdfViewer:is(.scrollHorizontal, .scrollWrapped),
.spread{
  margin-inline:3.5px;
  text-align:center;
}

.pdfViewer.scrollHorizontal,
.spread{
  white-space:nowrap;
}

.pdfViewer.removePageBorders,
.pdfViewer:is(.scrollHorizontal, .scrollWrapped) .spread{
  margin-inline:0;
}

.spread :is(.page, .dummyPage),
.pdfViewer:is(.scrollHorizontal, .scrollWrapped) :is(.page, .spread){
  display:inline-block;
  vertical-align:middle;
}

.spread .page,
.pdfViewer:is(.scrollHorizontal, .scrollWrapped) .page{
  margin-inline:var(--spreadHorizontalWrapped-margin-LR);
}

.pdfViewer.removePageBorders .spread .page,
.pdfViewer.removePageBorders:is(.scrollHorizontal, .scrollWrapped) .page{
  margin-inline:5px;
}

.pdfViewer .page.loadingIcon::after{
  position:absolute;
  top:0;
  left:0;
  content:"";
  width:100%;
  height:100%;
  background:url(/_next/static/media/loading-icon.042fa806.gif) center no-repeat;
  display:none;
  transition-property:display;
  transition-delay:var(--loading-icon-delay);
  z-index:5;
  contain:strict;
}

.pdfViewer .page.loading::after{
  display:block;
}

.pdfViewer .page:not(.loading)::after{
  transition-property:none;
  display:none;
}

.pdfPresentationMode .pdfViewer{
  padding-bottom:0;
}

.pdfPresentationMode .spread{
  margin:0;
}

.pdfPresentationMode .pdfViewer .page{
  margin:0 auto;
  border:2px solid transparent;
}

/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./styles/pdf-highlighter.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
/* Overrides for PDF.js viewer styles (from react-pdf-highlighter) */

.ds-pdf-ghost-guide .Highlight__part {
  box-shadow: 0 0 0 1px rgba(47, 74, 90, 0.35);
}

.ds-pdf-ghost-annotate .Highlight__part {
  box-shadow: 0 0 0 1px rgba(47, 74, 90, 0.55);
}
.textLayer {
  /* Keep the text layer above the canvas for selection, but do NOT change layout.
     Overriding layout/blend-mode can cause misaligned selection + “double text”. */
  z-index: 2;
  opacity: 1;
  mix-blend-mode: normal;
}

.annotationLayer {
  position: absolute;
  top: 0;
  z-index: 3;
}

html
  body
  .textLayer
  > div:not(.PdfHighlighter__highlight-layer):not(.Highlight):not(
    .Highlight__emoji
  ) {
  opacity: 1;
  mix-blend-mode: normal;
}

.textLayer ::-moz-selection {
  /* Morandi-style light yellow selection */
  background: rgba(241, 233, 208, 0.6);
  /* Prevent browser from painting visible glyphs for selected text spans */
  color: transparent;
  text-shadow: none;
}

.textLayer ::selection {
  /* Morandi-style light yellow selection */
  background: rgba(241, 233, 208, 0.6);
  /* Prevent browser from painting visible glyphs for selected text spans */
  color: transparent;
  text-shadow: none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .textLayer {
    opacity: 0.5;
  }
}

@supports (-ms-ime-align: auto) {
  .textLayer {
    opacity: 0.5;
  }
}

/* Firefox selection */
.textLayer ::-moz-selection {
  background: rgba(241, 233, 208, 0.6);
  color: transparent;
  text-shadow: none;
}

.Highlight__popup {
  background: hsl(var(--popover));
  border: 1px solid hsl(var(--border));
  color: hsl(var(--popover-foreground));
  padding: 0.5rem 0.75rem;
  border-radius: 12px;
  max-width: 408px;
  max-height: 160px;
  overflow-y: auto;
  box-shadow: var(--shadow-float);
  white-space: normal;
}

.Highlight__popup .ds-popup-text {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Review page only: enlarge annotation popup box (~1.2x vs previous width) */
.review-workspace-root .Highlight__popup {
  padding: 0.75rem 1rem;
  width: 734px;
  max-width: min(734px, 96vw);
  min-width: min(518px, 88vw);
  min-height: 180px;
  max-height: min(420px, 70vh);
  overflow: auto;
  resize: both;
}

/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: var(--font-sans), Inter, system-ui, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: var(--font-mono), IBM Plex Mono, ui-monospace, monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

:root {
    --ease-soft: cubic-bezier(0.34, 1.56, 0.64, 1);
    --ease-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    --ease-smooth: cubic-bezier(0.25, 0.1, 0.25, 1);
  }
.\!container{
  width: 100% !important;
}
.container{
  width: 100%;
}
@media (min-width: 640px){

  .\!container{
    max-width: 640px !important;
  }

  .container{
    max-width: 640px;
  }
}
@media (min-width: 768px){

  .\!container{
    max-width: 768px !important;
  }

  .container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){

  .\!container{
    max-width: 1024px !important;
  }

  .container{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){

  .\!container{
    max-width: 1280px !important;
  }

  .container{
    max-width: 1280px;
  }
}
@media (min-width: 1536px){

  .\!container{
    max-width: 1536px !important;
  }

  .container{
    max-width: 1536px;
  }
}
.prose{
  color: var(--tw-prose-body);
  max-width: 65ch;
}
.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}
.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-links);
  text-decoration: underline;
  font-weight: 500;
}
.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-bold);
  font-weight: 600;
}
.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}
.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-alpha;
}
.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-alpha;
}
.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-alpha;
}
.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-alpha;
}
.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-roman;
}
.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-roman;
}
.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-roman;
}
.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-roman;
}
.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: decimal;
}
.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
  font-weight: 400;
  color: var(--tw-prose-counters);
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
  color: var(--tw-prose-bullets);
}
.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.25em;
}
.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}
.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-inline-start-width: 0.25rem;
  border-inline-start-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-inline-start: 1em;
}
.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: open-quote;
}
.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: close-quote;
}
.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}
.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 900;
  color: inherit;
}
.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}
.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 800;
  color: inherit;
}
.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}
.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 700;
  color: inherit;
}
.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}
.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 700;
  color: inherit;
}
.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 500;
  font-family: inherit;
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  padding-inline-end: 0.375em;
  padding-bottom: 0.1875em;
  padding-inline-start: 0.375em;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: "`";
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: "`";
}
.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
  font-size: 0.875em;
}
.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
  font-size: 0.9em;
}
.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-inline-end: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-inline-start: 1.1428571em;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: none;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: none;
}
.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  width: 100%;
  table-layout: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}
.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}
.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}
.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}
.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 0;
}
.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  vertical-align: baseline;
}
.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}
.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  vertical-align: top;
}
.prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  text-align: start;
}
.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}
.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}
.prose{
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: rgb(17 24 39 / 10%);
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}
.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}
.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.375em;
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.375em;
}
.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
}
.prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.25em;
}
.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
}
.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.25em;
}
.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5em;
  padding-inline-start: 1.625em;
}
.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}
.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}
.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-top: 0.5714286em;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}
.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}
.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}
.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 0;
}
.prose-sm{
  font-size: 0.875rem;
  line-height: 1.7142857;
}
.prose-sm :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
}
.prose-sm :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1.2857143em;
  line-height: 1.5555556;
  margin-top: 0.8888889em;
  margin-bottom: 0.8888889em;
}
.prose-sm :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
  padding-inline-start: 1.1111111em;
}
.prose-sm :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 2.1428571em;
  margin-top: 0;
  margin-bottom: 0.8em;
  line-height: 1.2;
}
.prose-sm :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1.4285714em;
  margin-top: 1.6em;
  margin-bottom: 0.8em;
  line-height: 1.4;
}
.prose-sm :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1.2857143em;
  margin-top: 1.5555556em;
  margin-bottom: 0.4444444em;
  line-height: 1.5555556;
}
.prose-sm :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.4285714em;
  margin-bottom: 0.5714286em;
  line-height: 1.4285714;
}
.prose-sm :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}
.prose-sm :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}
.prose-sm :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}
.prose-sm :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}
.prose-sm :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8571429em;
  border-radius: 0.3125rem;
  padding-top: 0.1428571em;
  padding-inline-end: 0.3571429em;
  padding-bottom: 0.1428571em;
  padding-inline-start: 0.3571429em;
}
.prose-sm :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8571429em;
}
.prose-sm :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.9em;
}
.prose-sm :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8888889em;
}
.prose-sm :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8571429em;
  line-height: 1.6666667;
  margin-top: 1.6666667em;
  margin-bottom: 1.6666667em;
  border-radius: 0.25rem;
  padding-top: 0.6666667em;
  padding-inline-end: 1em;
  padding-bottom: 0.6666667em;
  padding-inline-start: 1em;
}
.prose-sm :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
  padding-inline-start: 1.5714286em;
}
.prose-sm :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
  padding-inline-start: 1.5714286em;
}
.prose-sm :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.2857143em;
  margin-bottom: 0.2857143em;
}
.prose-sm :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.4285714em;
}
.prose-sm :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.4285714em;
}
.prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5714286em;
  margin-bottom: 0.5714286em;
}
.prose-sm :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
}
.prose-sm :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.1428571em;
}
.prose-sm :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
}
.prose-sm :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.1428571em;
}
.prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5714286em;
  margin-bottom: 0.5714286em;
}
.prose-sm :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
}
.prose-sm :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
}
.prose-sm :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.2857143em;
  padding-inline-start: 1.5714286em;
}
.prose-sm :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2.8571429em;
  margin-bottom: 2.8571429em;
}
.prose-sm :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-sm :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-sm :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-sm :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-sm :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8571429em;
  line-height: 1.5;
}
.prose-sm :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 1em;
  padding-bottom: 0.6666667em;
  padding-inline-start: 1em;
}
.prose-sm :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}
.prose-sm :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}
.prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-top: 0.6666667em;
  padding-inline-end: 1em;
  padding-bottom: 0.6666667em;
  padding-inline-start: 1em;
}
.prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}
.prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}
.prose-sm :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}
.prose-sm :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}
.prose-sm :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8571429em;
  line-height: 1.3333333;
  margin-top: 0.6666667em;
}
.prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 0;
}
.prose-lg{
  font-size: 1.125rem;
  line-height: 1.7777778;
}
.prose-lg :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
}
.prose-lg :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1.2222222em;
  line-height: 1.4545455;
  margin-top: 1.0909091em;
  margin-bottom: 1.0909091em;
}
.prose-lg :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.6666667em;
  margin-bottom: 1.6666667em;
  padding-inline-start: 1em;
}
.prose-lg :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 2.6666667em;
  margin-top: 0;
  margin-bottom: 0.8333333em;
  line-height: 1;
}
.prose-lg :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1.6666667em;
  margin-top: 1.8666667em;
  margin-bottom: 1.0666667em;
  line-height: 1.3333333;
}
.prose-lg :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1.3333333em;
  margin-top: 1.6666667em;
  margin-bottom: 0.6666667em;
  line-height: 1.5;
}
.prose-lg :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7777778em;
  margin-bottom: 0.4444444em;
  line-height: 1.5555556;
}
.prose-lg :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em;
}
.prose-lg :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em;
}
.prose-lg :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}
.prose-lg :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em;
}
.prose-lg :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8888889em;
  border-radius: 0.3125rem;
  padding-top: 0.2222222em;
  padding-inline-end: 0.4444444em;
  padding-bottom: 0.2222222em;
  padding-inline-start: 0.4444444em;
}
.prose-lg :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8888889em;
}
.prose-lg :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8666667em;
}
.prose-lg :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.875em;
}
.prose-lg :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8888889em;
  line-height: 1.75;
  margin-top: 2em;
  margin-bottom: 2em;
  border-radius: 0.375rem;
  padding-top: 1em;
  padding-inline-end: 1.5em;
  padding-bottom: 1em;
  padding-inline-start: 1.5em;
}
.prose-lg :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
  padding-inline-start: 1.5555556em;
}
.prose-lg :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
  padding-inline-start: 1.5555556em;
}
.prose-lg :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.6666667em;
  margin-bottom: 0.6666667em;
}
.prose-lg :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.4444444em;
}
.prose-lg :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.4444444em;
}
.prose-lg :where(.prose-lg > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.8888889em;
  margin-bottom: 0.8888889em;
}
.prose-lg :where(.prose-lg > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.3333333em;
}
.prose-lg :where(.prose-lg > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.3333333em;
}
.prose-lg :where(.prose-lg > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.3333333em;
}
.prose-lg :where(.prose-lg > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.3333333em;
}
.prose-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.8888889em;
  margin-bottom: 0.8888889em;
}
.prose-lg :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
}
.prose-lg :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.3333333em;
}
.prose-lg :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.6666667em;
  padding-inline-start: 1.5555556em;
}
.prose-lg :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 3.1111111em;
  margin-bottom: 3.1111111em;
}
.prose-lg :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-lg :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-lg :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-lg :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-lg :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8888889em;
  line-height: 1.5;
}
.prose-lg :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0.75em;
  padding-bottom: 0.75em;
  padding-inline-start: 0.75em;
}
.prose-lg :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}
.prose-lg :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}
.prose-lg :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-top: 0.75em;
  padding-inline-end: 0.75em;
  padding-bottom: 0.75em;
  padding-inline-start: 0.75em;
}
.prose-lg :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}
.prose-lg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}
.prose-lg :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em;
}
.prose-lg :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}
.prose-lg :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8888889em;
  line-height: 1.5;
  margin-top: 1em;
}
.prose-lg :where(.prose-lg > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-lg :where(.prose-lg > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 0;
}
.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none{
  pointer-events: none;
}
.pointer-events-auto{
  pointer-events: auto;
}
.\!visible{
  visibility: visible !important;
}
.visible{
  visibility: visible;
}
.collapse{
  visibility: collapse;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.\!sticky{
  position: sticky !important;
}
.sticky{
  position: sticky;
}
.-inset-24{
  inset: -6rem;
}
.inset-0{
  inset: 0px;
}
.inset-px{
  inset: 1px;
}
.inset-x-0{
  left: 0px;
  right: 0px;
}
.inset-y-0{
  top: 0px;
  bottom: 0px;
}
.-bottom-12{
  bottom: -3rem;
}
.-left-40{
  left: -10rem;
}
.-left-\[5px\]{
  left: -5px;
}
.-left-\[9px\]{
  left: -9px;
}
.-right-0\.5{
  right: -0.125rem;
}
.-right-1{
  right: -0.25rem;
}
.-right-52{
  right: -13rem;
}
.-right-56{
  right: -14rem;
}
.-right-6{
  right: -1.5rem;
}
.-top-0\.5{
  top: -0.125rem;
}
.-top-1{
  top: -0.25rem;
}
.-top-10{
  top: -2.5rem;
}
.-top-40{
  top: -10rem;
}
.-top-8{
  top: -2rem;
}
.-top-\[3px\]{
  top: -3px;
}
.bottom-0{
  bottom: 0px;
}
.bottom-1{
  bottom: 0.25rem;
}
.bottom-1\.5{
  bottom: 0.375rem;
}
.bottom-2{
  bottom: 0.5rem;
}
.bottom-28{
  bottom: 7rem;
}
.bottom-3{
  bottom: 0.75rem;
}
.bottom-4{
  bottom: 1rem;
}
.bottom-full{
  bottom: 100%;
}
.left-0{
  left: 0px;
}
.left-1{
  left: 0.25rem;
}
.left-1\.5{
  left: 0.375rem;
}
.left-1\/2{
  left: 50%;
}
.left-2{
  left: 0.5rem;
}
.left-2\.5{
  left: 0.625rem;
}
.left-3{
  left: 0.75rem;
}
.left-4{
  left: 1rem;
}
.left-\[-2\.35rem\]{
  left: -2.35rem;
}
.left-\[5px\]{
  left: 5px;
}
.left-\[8px\]{
  left: 8px;
}
.left-full{
  left: 100%;
}
.right-0{
  right: 0px;
}
.right-1{
  right: 0.25rem;
}
.right-1\.5{
  right: 0.375rem;
}
.right-10{
  right: 2.5rem;
}
.right-12{
  right: 3rem;
}
.right-2{
  right: 0.5rem;
}
.right-2\.5{
  right: 0.625rem;
}
.right-3{
  right: 0.75rem;
}
.right-4{
  right: 1rem;
}
.right-5{
  right: 1.25rem;
}
.right-full{
  right: 100%;
}
.top-0{
  top: 0px;
}
.top-1{
  top: 0.25rem;
}
.top-1\.5{
  top: 0.375rem;
}
.top-1\/2{
  top: 50%;
}
.top-10{
  top: 2.5rem;
}
.top-11{
  top: 2.75rem;
}
.top-16{
  top: 4rem;
}
.top-2{
  top: 0.5rem;
}
.top-24{
  top: 6rem;
}
.top-3{
  top: 0.75rem;
}
.top-4{
  top: 1rem;
}
.top-6{
  top: 1.5rem;
}
.top-8{
  top: 2rem;
}
.top-\[-44px\]{
  top: -44px;
}
.top-\[24px\]{
  top: 24px;
}
.top-\[4px\]{
  top: 4px;
}
.top-full{
  top: 100%;
}
.isolate{
  isolation: isolate;
}
.-z-10{
  z-index: -10;
}
.z-0{
  z-index: 0;
}
.z-10{
  z-index: 10;
}
.z-20{
  z-index: 20;
}
.z-30{
  z-index: 30;
}
.z-40{
  z-index: 40;
}
.z-50{
  z-index: 50;
}
.z-\[10000\]{
  z-index: 10000;
}
.z-\[10001\]{
  z-index: 10001;
}
.z-\[10002\]{
  z-index: 10002;
}
.z-\[10020\]{
  z-index: 10020;
}
.z-\[220\]{
  z-index: 220;
}
.z-\[60\]{
  z-index: 60;
}
.z-\[9999\]{
  z-index: 9999;
}
.order-3{
  order: 3;
}
.col-span-2{
  grid-column: span 2 / span 2;
}
.col-span-full{
  grid-column: 1 / -1;
}
.-m-5{
  margin: -1.25rem;
}
.m-3{
  margin: 0.75rem;
}
.-mx-1{
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.-mx-4{
  margin-left: -1rem;
  margin-right: -1rem;
}
.-mx-6{
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.mx-1{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-3{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-4{
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-1{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-3{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.-mb-2{
  margin-bottom: -0.5rem;
}
.-mb-4{
  margin-bottom: -1rem;
}
.-mt-2{
  margin-top: -0.5rem;
}
.mb-0{
  margin-bottom: 0px;
}
.mb-1{
  margin-bottom: 0.25rem;
}
.mb-1\.5{
  margin-bottom: 0.375rem;
}
.mb-10{
  margin-bottom: 2.5rem;
}
.mb-12{
  margin-bottom: 3rem;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-3{
  margin-bottom: 0.75rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-6{
  margin-bottom: 1.5rem;
}
.mb-7{
  margin-bottom: 1.75rem;
}
.mb-8{
  margin-bottom: 2rem;
}
.ml-1{
  margin-left: 0.25rem;
}
.ml-1\.5{
  margin-left: 0.375rem;
}
.ml-2{
  margin-left: 0.5rem;
}
.ml-3{
  margin-left: 0.75rem;
}
.ml-4{
  margin-left: 1rem;
}
.ml-6{
  margin-left: 1.5rem;
}
.ml-auto{
  margin-left: auto;
}
.mr-1{
  margin-right: 0.25rem;
}
.mr-1\.5{
  margin-right: 0.375rem;
}
.mr-2{
  margin-right: 0.5rem;
}
.mr-3{
  margin-right: 0.75rem;
}
.mr-auto{
  margin-right: auto;
}
.mt-0\.5{
  margin-top: 0.125rem;
}
.mt-1{
  margin-top: 0.25rem;
}
.mt-1\.5{
  margin-top: 0.375rem;
}
.mt-10{
  margin-top: 2.5rem;
}
.mt-12{
  margin-top: 3rem;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-2\.5{
  margin-top: 0.625rem;
}
.mt-3{
  margin-top: 0.75rem;
}
.mt-4{
  margin-top: 1rem;
}
.mt-5{
  margin-top: 1.25rem;
}
.mt-6{
  margin-top: 1.5rem;
}
.mt-7{
  margin-top: 1.75rem;
}
.mt-8{
  margin-top: 2rem;
}
.mt-\[2px\]{
  margin-top: 2px;
}
.mt-\[9px\]{
  margin-top: 9px;
}
.mt-auto{
  margin-top: auto;
}
.line-clamp-1{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-3{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.line-clamp-4{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.\!table{
  display: table !important;
}
.table{
  display: table;
}
.grid{
  display: grid;
}
.contents{
  display: contents;
}
.hidden{
  display: none;
}
.aspect-\[16\/10\]{
  aspect-ratio: 16/10;
}
.aspect-\[18\/5\]{
  aspect-ratio: 18/5;
}
.aspect-\[4\/3\]{
  aspect-ratio: 4/3;
}
.aspect-square{
  aspect-ratio: 1 / 1;
}
.aspect-video{
  aspect-ratio: 16 / 9;
}
.size-4{
  width: 1rem;
  height: 1rem;
}
.h-0\.5{
  height: 0.125rem;
}
.h-1{
  height: 0.25rem;
}
.h-1\.5{
  height: 0.375rem;
}
.h-10{
  height: 2.5rem;
}
.h-11{
  height: 2.75rem;
}
.h-12{
  height: 3rem;
}
.h-14{
  height: 3.5rem;
}
.h-16{
  height: 4rem;
}
.h-2{
  height: 0.5rem;
}
.h-2\.5{
  height: 0.625rem;
}
.h-20{
  height: 5rem;
}
.h-24{
  height: 6rem;
}
.h-3{
  height: 0.75rem;
}
.h-3\.5{
  height: 0.875rem;
}
.h-32{
  height: 8rem;
}
.h-36{
  height: 9rem;
}
.h-4{
  height: 1rem;
}
.h-40{
  height: 10rem;
}
.h-44{
  height: 11rem;
}
.h-48{
  height: 12rem;
}
.h-5{
  height: 1.25rem;
}
.h-6{
  height: 1.5rem;
}
.h-60{
  height: 15rem;
}
.h-7{
  height: 1.75rem;
}
.h-72{
  height: 18rem;
}
.h-8{
  height: 2rem;
}
.h-80{
  height: 20rem;
}
.h-9{
  height: 2.25rem;
}
.h-\[108px\]{
  height: 108px;
}
.h-\[10px\]{
  height: 10px;
}
.h-\[126px\]{
  height: 126px;
}
.h-\[138px\]{
  height: 138px;
}
.h-\[140px\]{
  height: 140px;
}
.h-\[14px\]{
  height: 14px;
}
.h-\[15px\]{
  height: 15px;
}
.h-\[18px\]{
  height: 18px;
}
.h-\[1px\]{
  height: 1px;
}
.h-\[220px\]{
  height: 220px;
}
.h-\[22px\]{
  height: 22px;
}
.h-\[240px\]{
  height: 240px;
}
.h-\[260px\]{
  height: 260px;
}
.h-\[2px\]{
  height: 2px;
}
.h-\[360px\]{
  height: 360px;
}
.h-\[36px\]{
  height: 36px;
}
.h-\[3px\]{
  height: 3px;
}
.h-\[420px\]{
  height: 420px;
}
.h-\[520px\]{
  height: 520px;
}
.h-\[55vh\]{
  height: 55vh;
}
.h-\[560px\]{
  height: 560px;
}
.h-\[620px\]{
  height: 620px;
}
.h-\[62px\]{
  height: 62px;
}
.h-\[640px\]{
  height: 640px;
}
.h-\[70vh\]{
  height: 70vh;
}
.h-\[75vh\]{
  height: 75vh;
}
.h-\[78vh\]{
  height: 78vh;
}
.h-\[80vh\]{
  height: 80vh;
}
.h-\[85vh\]{
  height: 85vh;
}
.h-\[88px\]{
  height: 88px;
}
.h-\[calc\(100\%\+8px\)\]{
  height: calc(100% + 8px);
}
.h-\[calc\(100\%-24px\)\]{
  height: calc(100% - 24px);
}
.h-\[calc\(100\%-32px\)\]{
  height: calc(100% - 32px);
}
.h-\[calc\(100\%-6px\)\]{
  height: calc(100% - 6px);
}
.h-\[calc\(100vh-260px\)\]{
  height: calc(100vh - 260px);
}
.h-auto{
  height: auto;
}
.h-full{
  height: 100%;
}
.h-px{
  height: 1px;
}
.h-screen{
  height: 100vh;
}
.max-h-0{
  max-height: 0px;
}
.max-h-28{
  max-height: 7rem;
}
.max-h-32{
  max-height: 8rem;
}
.max-h-36{
  max-height: 9rem;
}
.max-h-40{
  max-height: 10rem;
}
.max-h-44{
  max-height: 11rem;
}
.max-h-48{
  max-height: 12rem;
}
.max-h-56{
  max-height: 14rem;
}
.max-h-60{
  max-height: 15rem;
}
.max-h-64{
  max-height: 16rem;
}
.max-h-72{
  max-height: 18rem;
}
.max-h-80{
  max-height: 20rem;
}
.max-h-96{
  max-height: 24rem;
}
.max-h-\[100000px\]{
  max-height: 100000px;
}
.max-h-\[120px\]{
  max-height: 120px;
}
.max-h-\[140px\]{
  max-height: 140px;
}
.max-h-\[160px\]{
  max-height: 160px;
}
.max-h-\[180px\]{
  max-height: 180px;
}
.max-h-\[200px\]{
  max-height: 200px;
}
.max-h-\[240px\]{
  max-height: 240px;
}
.max-h-\[300px\]{
  max-height: 300px;
}
.max-h-\[320px\]{
  max-height: 320px;
}
.max-h-\[330px\]{
  max-height: 330px;
}
.max-h-\[35vh\]{
  max-height: 35vh;
}
.max-h-\[40vh\]{
  max-height: 40vh;
}
.max-h-\[420px\]{
  max-height: 420px;
}
.max-h-\[45vh\]{
  max-height: 45vh;
}
.max-h-\[500px\]{
  max-height: 500px;
}
.max-h-\[520px\]{
  max-height: 520px;
}
.max-h-\[55vh\]{
  max-height: 55vh;
}
.max-h-\[58vh\]{
  max-height: 58vh;
}
.max-h-\[60vh\]{
  max-height: 60vh;
}
.max-h-\[68vh\]{
  max-height: 68vh;
}
.max-h-\[700px\]{
  max-height: 700px;
}
.max-h-\[70vh\]{
  max-height: 70vh;
}
.max-h-\[80vh\]{
  max-height: 80vh;
}
.max-h-\[85vh\]{
  max-height: 85vh;
}
.max-h-\[88vh\]{
  max-height: 88vh;
}
.max-h-\[90vh\]{
  max-height: 90vh;
}
.max-h-\[92vh\]{
  max-height: 92vh;
}
.max-h-\[calc\(100dvh-1\.5rem\)\]{
  max-height: calc(100dvh - 1.5rem);
}
.max-h-\[var\(--radix-select-content-available-height\)\]{
  max-height: var(--radix-select-content-available-height);
}
.max-h-full{
  max-height: 100%;
}
.min-h-0{
  min-height: 0px;
}
.min-h-16{
  min-height: 4rem;
}
.min-h-\[1\.5rem\]{
  min-height: 1.5rem;
}
.min-h-\[100px\]{
  min-height: 100px;
}
.min-h-\[100svh\]{
  min-height: 100svh;
}
.min-h-\[110px\]{
  min-height: 110px;
}
.min-h-\[112px\]{
  min-height: 112px;
}
.min-h-\[120px\]{
  min-height: 120px;
}
.min-h-\[128px\]{
  min-height: 128px;
}
.min-h-\[140px\]{
  min-height: 140px;
}
.min-h-\[156px\]{
  min-height: 156px;
}
.min-h-\[160px\]{
  min-height: 160px;
}
.min-h-\[180px\]{
  min-height: 180px;
}
.min-h-\[200px\]{
  min-height: 200px;
}
.min-h-\[220px\]{
  min-height: 220px;
}
.min-h-\[240px\]{
  min-height: 240px;
}
.min-h-\[248px\]{
  min-height: 248px;
}
.min-h-\[260px\]{
  min-height: 260px;
}
.min-h-\[320px\]{
  min-height: 320px;
}
.min-h-\[360px\]{
  min-height: 360px;
}
.min-h-\[36px\]{
  min-height: 36px;
}
.min-h-\[40px\]{
  min-height: 40px;
}
.min-h-\[44px\]{
  min-height: 44px;
}
.min-h-\[560px\]{
  min-height: 560px;
}
.min-h-\[56px\]{
  min-height: 56px;
}
.min-h-\[60px\]{
  min-height: 60px;
}
.min-h-\[60vh\]{
  min-height: 60vh;
}
.min-h-\[68px\]{
  min-height: 68px;
}
.min-h-\[70vh\]{
  min-height: 70vh;
}
.min-h-\[80px\]{
  min-height: 80px;
}
.min-h-\[84px\]{
  min-height: 84px;
}
.min-h-\[92px\]{
  min-height: 92px;
}
.min-h-full{
  min-height: 100%;
}
.min-h-screen{
  min-height: 100vh;
}
.w-1{
  width: 0.25rem;
}
.w-1\.5{
  width: 0.375rem;
}
.w-1\/2{
  width: 50%;
}
.w-1\/3{
  width: 33.333333%;
}
.w-1\/4{
  width: 25%;
}
.w-10{
  width: 2.5rem;
}
.w-11{
  width: 2.75rem;
}
.w-12{
  width: 3rem;
}
.w-14{
  width: 3.5rem;
}
.w-16{
  width: 4rem;
}
.w-2{
  width: 0.5rem;
}
.w-2\.5{
  width: 0.625rem;
}
.w-2\/3{
  width: 66.666667%;
}
.w-20{
  width: 5rem;
}
.w-24{
  width: 6rem;
}
.w-28{
  width: 7rem;
}
.w-3{
  width: 0.75rem;
}
.w-3\.5{
  width: 0.875rem;
}
.w-3\/4{
  width: 75%;
}
.w-32{
  width: 8rem;
}
.w-36{
  width: 9rem;
}
.w-4{
  width: 1rem;
}
.w-40{
  width: 10rem;
}
.w-44{
  width: 11rem;
}
.w-48{
  width: 12rem;
}
.w-5{
  width: 1.25rem;
}
.w-56{
  width: 14rem;
}
.w-6{
  width: 1.5rem;
}
.w-60{
  width: 15rem;
}
.w-64{
  width: 16rem;
}
.w-7{
  width: 1.75rem;
}
.w-72{
  width: 18rem;
}
.w-8{
  width: 2rem;
}
.w-80{
  width: 20rem;
}
.w-9{
  width: 2.25rem;
}
.w-96{
  width: 24rem;
}
.w-\[0\.25em\]{
  width: 0.25em;
}
.w-\[10px\]{
  width: 10px;
}
.w-\[110px\]{
  width: 110px;
}
.w-\[160px\]{
  width: 160px;
}
.w-\[16px\]{
  width: 16px;
}
.w-\[170px\]{
  width: 170px;
}
.w-\[18px\]{
  width: 18px;
}
.w-\[1px\]{
  width: 1px;
}
.w-\[200px\]{
  width: 200px;
}
.w-\[220px\]{
  width: 220px;
}
.w-\[22px\]{
  width: 22px;
}
.w-\[240px\]{
  width: 240px;
}
.w-\[24px\]{
  width: 24px;
}
.w-\[260px\]{
  width: 260px;
}
.w-\[280px\]{
  width: 280px;
}
.w-\[2px\]{
  width: 2px;
}
.w-\[300px\]{
  width: 300px;
}
.w-\[380px\]{
  width: 380px;
}
.w-\[3px\]{
  width: 3px;
}
.w-\[420px\]{
  width: 420px;
}
.w-\[520px\]{
  width: 520px;
}
.w-\[560px\]{
  width: 560px;
}
.w-\[620px\]{
  width: 620px;
}
.w-\[640px\]{
  width: 640px;
}
.w-\[760px\]{
  width: 760px;
}
.w-\[80\%\]{
  width: 80%;
}
.w-\[86vw\]{
  width: 86vw;
}
.w-\[88px\]{
  width: 88px;
}
.w-\[90\%\]{
  width: 90%;
}
.w-\[90vw\]{
  width: 90vw;
}
.w-\[92vw\]{
  width: 92vw;
}
.w-\[94vw\]{
  width: 94vw;
}
.w-\[96vw\]{
  width: 96vw;
}
.w-\[calc\(100\%\+8px\)\]{
  width: calc(100% + 8px);
}
.w-\[min\(300px\2c 100\%\)\]{
  width: min(300px, 100%);
}
.w-\[min\(420px\2c 46vw\)\]{
  width: min(420px, 46vw);
}
.w-\[min\(420px\2c 90vw\)\]{
  width: min(420px, 90vw);
}
.w-\[min\(62\.5vw\2c 100\%\)\]{
  width: min(62.5vw, 100%);
}
.w-\[min\(760px\2c calc\(100vw-2rem\)\)\]{
  width: min(760px, calc(100vw - 2rem));
}
.w-\[var\(--radix-select-trigger-width\)\]{
  width: var(--radix-select-trigger-width);
}
.w-auto{
  width: auto;
}
.w-fit{
  width: -moz-fit-content;
  width: fit-content;
}
.w-full{
  width: 100%;
}
.w-px{
  width: 1px;
}
.w-screen{
  width: 100vw;
}
.min-w-0{
  min-width: 0px;
}
.min-w-5{
  min-width: 1.25rem;
}
.min-w-\[120px\]{
  min-width: 120px;
}
.min-w-\[122px\]{
  min-width: 122px;
}
.min-w-\[132px\]{
  min-width: 132px;
}
.min-w-\[160px\]{
  min-width: 160px;
}
.min-w-\[180px\]{
  min-width: 180px;
}
.min-w-\[18px\]{
  min-width: 18px;
}
.min-w-\[200px\]{
  min-width: 200px;
}
.min-w-\[220px\]{
  min-width: 220px;
}
.min-w-\[36px\]{
  min-width: 36px;
}
.min-w-\[80px\]{
  min-width: 80px;
}
.min-w-\[84px\]{
  min-width: 84px;
}
.min-w-\[8rem\]{
  min-width: 8rem;
}
.min-w-\[min\(200px\2c 100\%\)\]{
  min-width: min(200px, 100%);
}
.min-w-\[min\(260px\2c 100\%\)\]{
  min-width: min(260px, 100%);
}
.min-w-\[var\(--radix-select-trigger-width\)\]{
  min-width: var(--radix-select-trigger-width);
}
.min-w-full{
  min-width: 100%;
}
.min-w-max{
  min-width: -moz-max-content;
  min-width: max-content;
}
.max-w-2xl{
  max-width: 42rem;
}
.max-w-3xl{
  max-width: 48rem;
}
.max-w-4xl{
  max-width: 56rem;
}
.max-w-5xl{
  max-width: 64rem;
}
.max-w-6xl{
  max-width: 72rem;
}
.max-w-7xl{
  max-width: 80rem;
}
.max-w-\[10rem\]{
  max-width: 10rem;
}
.max-w-\[120px\]{
  max-width: 120px;
}
.max-w-\[1357px\]{
  max-width: 1357px;
}
.max-w-\[160px\]{
  max-width: 160px;
}
.max-w-\[170px\]{
  max-width: 170px;
}
.max-w-\[1880px\]{
  max-width: 1880px;
}
.max-w-\[190px\]{
  max-width: 190px;
}
.max-w-\[200px\]{
  max-width: 200px;
}
.max-w-\[220px\]{
  max-width: 220px;
}
.max-w-\[240px\]{
  max-width: 240px;
}
.max-w-\[260px\]{
  max-width: 260px;
}
.max-w-\[280px\]{
  max-width: 280px;
}
.max-w-\[320px\]{
  max-width: 320px;
}
.max-w-\[32rem\]{
  max-width: 32rem;
}
.max-w-\[340px\]{
  max-width: 340px;
}
.max-w-\[360px\]{
  max-width: 360px;
}
.max-w-\[420px\]{
  max-width: 420px;
}
.max-w-\[440px\]{
  max-width: 440px;
}
.max-w-\[44vw\]{
  max-width: 44vw;
}
.max-w-\[500px\]{
  max-width: 500px;
}
.max-w-\[520px\]{
  max-width: 520px;
}
.max-w-\[560px\]{
  max-width: 560px;
}
.max-w-\[640px\]{
  max-width: 640px;
}
.max-w-\[680px\]{
  max-width: 680px;
}
.max-w-\[68rem\]{
  max-width: 68rem;
}
.max-w-\[70rem\]{
  max-width: 70rem;
}
.max-w-\[720px\]{
  max-width: 720px;
}
.max-w-\[72rem\]{
  max-width: 72rem;
}
.max-w-\[760px\]{
  max-width: 760px;
}
.max-w-\[768px\]{
  max-width: 768px;
}
.max-w-\[78\%\]{
  max-width: 78%;
}
.max-w-\[820px\]{
  max-width: 820px;
}
.max-w-\[85\%\]{
  max-width: 85%;
}
.max-w-\[88rem\]{
  max-width: 88rem;
}
.max-w-\[90\%\]{
  max-width: 90%;
}
.max-w-\[900px\]{
  max-width: 900px;
}
.max-w-\[90vw\]{
  max-width: 90vw;
}
.max-w-\[94vw\]{
  max-width: 94vw;
}
.max-w-\[96vw\]{
  max-width: 96vw;
}
.max-w-\[9rem\]{
  max-width: 9rem;
}
.max-w-\[calc\(100\%-24px\)\]{
  max-width: calc(100% - 24px);
}
.max-w-\[calc\(100\%-32px\)\]{
  max-width: calc(100% - 32px);
}
.max-w-\[min\(24rem\2c calc\(100vw-2rem\)\)\]{
  max-width: min(24rem, calc(100vw - 2rem));
}
.max-w-\[min\(72vw\2c 980px\)\]{
  max-width: min(72vw, 980px);
}
.max-w-\[var\(--radix-select-trigger-width\)\]{
  max-width: var(--radix-select-trigger-width);
}
.max-w-full{
  max-width: 100%;
}
.max-w-lg{
  max-width: 32rem;
}
.max-w-md{
  max-width: 28rem;
}
.max-w-none{
  max-width: none;
}
.max-w-sm{
  max-width: 24rem;
}
.max-w-xl{
  max-width: 36rem;
}
.max-w-xs{
  max-width: 20rem;
}
.flex-1{
  flex: 1 1 0%;
}
.flex-shrink-0{
  flex-shrink: 0;
}
.shrink-0{
  flex-shrink: 0;
}
.grow{
  flex-grow: 1;
}
.caption-bottom{
  caption-side: bottom;
}
.border-collapse{
  border-collapse: collapse;
}
.origin-top{
  transform-origin: top;
}
.origin-top-right{
  transform-origin: top right;
}
.-translate-x-1\/2{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-\[110\%\]{
  --tw-translate-x: -110%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-full{
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-2{
  --tw-translate-y: -0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0{
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0{
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-4{
  --tw-translate-y: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-90{
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-0{
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90{
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-100{
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-105{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-110{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-95{
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[1\.01\]{
  --tw-scale-x: 1.01;
  --tw-scale-y: 1.01;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[1\.03\]{
  --tw-scale-x: 1.03;
  --tw-scale-y: 1.03;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\!transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform-gpu{
  transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes blob{

  0%, 100%{
    transform: translate(0px, 0px) scale(1);
  }

  33%{
    transform: translate(24px, -18px) scale(1.05);
  }

  66%{
    transform: translate(-18px, 18px) scale(0.95);
  }
}
.animate-blob{
  animation: blob 12s ease-in-out infinite;
}
@keyframes ping{

  75%, 100%{
    transform: scale(2);
    opacity: 0;
  }
}
.animate-ping{
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
@keyframes pulse{

  50%{
    opacity: .5;
  }
}
.animate-pulse{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes shimmer{

  0%{
    transform: translateX(-100%);
  }

  100%{
    transform: translateX(100%);
  }
}
.animate-shimmer{
  animation: shimmer 1.5s ease-in-out infinite;
}
@keyframes spin{

  to{
    transform: rotate(360deg);
  }
}
.animate-spin{
  animation: spin 1s linear infinite;
}
.cursor-col-resize{
  cursor: col-resize;
}
.cursor-context-menu{
  cursor: context-menu;
}
.cursor-default{
  cursor: default;
}
.cursor-ew-resize{
  cursor: ew-resize;
}
.cursor-grab{
  cursor: grab;
}
.cursor-grabbing{
  cursor: grabbing;
}
.cursor-move{
  cursor: move;
}
.cursor-not-allowed{
  cursor: not-allowed;
}
.cursor-pointer{
  cursor: pointer;
}
.touch-none{
  touch-action: none;
}
.select-none{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.select-text{
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}
.resize-none{
  resize: none;
}
.resize-y{
  resize: vertical;
}
.resize{
  resize: both;
}
.snap-x{
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}
.snap-mandatory{
  --tw-scroll-snap-strictness: mandatory;
}
.snap-start{
  scroll-snap-align: start;
}
.scroll-mt-24{
  scroll-margin-top: 6rem;
}
.list-inside{
  list-style-position: inside;
}
.list-outside{
  list-style-position: outside;
}
.list-decimal{
  list-style-type: decimal;
}
.list-disc{
  list-style-type: disc;
}
.list-none{
  list-style-type: none;
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-\[120px_1fr_1fr\]{
  grid-template-columns: 120px 1fr 1fr;
}
.grid-cols-\[1fr_auto\]{
  grid-template-columns: 1fr auto;
}
.grid-cols-\[72px_minmax\(0\2c 1fr\)\]{
  grid-template-columns: 72px minmax(0,1fr);
}
.grid-cols-\[90px_minmax\(0\2c 1fr\)\]{
  grid-template-columns: 90px minmax(0,1fr);
}
.grid-cols-\[auto\2c 1fr\]{
  grid-template-columns: auto 1fr;
}
.grid-cols-\[minmax\(0\2c 1fr\)_80px\]{
  grid-template-columns: minmax(0,1fr) 80px;
}
.flex-row{
  flex-direction: row;
}
.flex-col{
  flex-direction: column;
}
.flex-col-reverse{
  flex-direction: column-reverse;
}
.flex-wrap{
  flex-wrap: wrap;
}
.flex-nowrap{
  flex-wrap: nowrap;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.items-center{
  align-items: center;
}
.items-baseline{
  align-items: baseline;
}
.items-stretch{
  align-items: stretch;
}
.justify-start{
  justify-content: flex-start;
}
.justify-end{
  justify-content: flex-end;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.gap-0{
  gap: 0px;
}
.gap-0\.5{
  gap: 0.125rem;
}
.gap-1{
  gap: 0.25rem;
}
.gap-1\.5{
  gap: 0.375rem;
}
.gap-10{
  gap: 2.5rem;
}
.gap-12{
  gap: 3rem;
}
.gap-2{
  gap: 0.5rem;
}
.gap-2\.5{
  gap: 0.625rem;
}
.gap-3{
  gap: 0.75rem;
}
.gap-3\.5{
  gap: 0.875rem;
}
.gap-4{
  gap: 1rem;
}
.gap-5{
  gap: 1.25rem;
}
.gap-6{
  gap: 1.5rem;
}
.gap-8{
  gap: 2rem;
}
.gap-\[12px\]{
  gap: 12px;
}
.gap-\[2px\]{
  gap: 2px;
}
.gap-\[6px\]{
  gap: 6px;
}
.gap-x-2{
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.gap-x-6{
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.gap-y-1{
  row-gap: 0.25rem;
}
.gap-y-2{
  row-gap: 0.5rem;
}
.space-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-0\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.space-y-10 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.divide-x > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-soft-border > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: hsl(var(--soft-border-hsl) / var(--tw-divide-opacity, 1));
}
.overflow-auto{
  overflow: auto;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-visible{
  overflow: visible;
}
.overflow-x-auto{
  overflow-x: auto;
}
.overflow-y-auto{
  overflow-y: auto;
}
.overflow-x-hidden{
  overflow-x: hidden;
}
.overflow-y-hidden{
  overflow-y: hidden;
}
.scroll-smooth{
  scroll-behavior: smooth;
}
.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-normal{
  white-space: normal;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.whitespace-pre{
  white-space: pre;
}
.whitespace-pre-line{
  white-space: pre-line;
}
.whitespace-pre-wrap{
  white-space: pre-wrap;
}
.break-words{
  overflow-wrap: break-word;
}
.break-all{
  word-break: break-all;
}
.\!rounded-\[18px\]{
  border-radius: 18px !important;
}
.rounded{
  border-radius: 0.25rem;
}
.rounded-2xl{
  border-radius: 1rem;
}
.rounded-3xl{
  border-radius: 1.5rem;
}
.rounded-\[10px\]{
  border-radius: 10px;
}
.rounded-\[12px\]{
  border-radius: 12px;
}
.rounded-\[13px\]{
  border-radius: 13px;
}
.rounded-\[14px\]{
  border-radius: 14px;
}
.rounded-\[15px\]{
  border-radius: 15px;
}
.rounded-\[16px\]{
  border-radius: 16px;
}
.rounded-\[18px\]{
  border-radius: 18px;
}
.rounded-\[22px\]{
  border-radius: 22px;
}
.rounded-\[2px\]{
  border-radius: 2px;
}
.rounded-\[32px\]{
  border-radius: 32px;
}
.rounded-\[4px\]{
  border-radius: 4px;
}
.rounded-\[6px\]{
  border-radius: 6px;
}
.rounded-\[8px\]{
  border-radius: 8px;
}
.rounded-\[999px\]{
  border-radius: 999px;
}
.rounded-\[inherit\]{
  border-radius: inherit;
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-lg{
  border-radius: var(--radius);
}
.rounded-md{
  border-radius: calc(var(--radius) - 2px);
}
.rounded-none{
  border-radius: 0px;
}
.rounded-sm{
  border-radius: calc(var(--radius) - 4px);
}
.rounded-soft-lg{
  border-radius: 16px;
}
.rounded-soft-md{
  border-radius: 12px;
}
.rounded-soft-sm{
  border-radius: 8px;
}
.rounded-xl{
  border-radius: 0.75rem;
}
.rounded-b-2xl{
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.rounded-b-soft-lg{
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}
.rounded-l-md{
  border-top-left-radius: calc(var(--radius) - 2px);
  border-bottom-left-radius: calc(var(--radius) - 2px);
}
.rounded-l-soft-lg{
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}
.rounded-r-md{
  border-top-right-radius: calc(var(--radius) - 2px);
  border-bottom-right-radius: calc(var(--radius) - 2px);
}
.border{
  border-width: 1px;
}
.border-0{
  border-width: 0px;
}
.border-2{
  border-width: 2px;
}
.border-b{
  border-bottom-width: 1px;
}
.border-b-2{
  border-bottom-width: 2px;
}
.border-l{
  border-left-width: 1px;
}
.border-l-2{
  border-left-width: 2px;
}
.border-l-4{
  border-left-width: 4px;
}
.border-r{
  border-right-width: 1px;
}
.border-t{
  border-top-width: 1px;
}
.border-t-0{
  border-top-width: 0px;
}
.border-dashed{
  border-style: dashed;
}
.border-none{
  border-style: none;
}
.\!border-\[var\(--soft-border\)\]{
  border-color: var(--soft-border) !important;
}
.border-\[\#111111\]{
  --tw-border-opacity: 1;
  border-color: rgb(17 17 17 / var(--tw-border-opacity, 1));
}
.border-\[\#111827\]{
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
}
.border-\[\#333\]{
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
}
.border-\[\#3F5A6B\]{
  --tw-border-opacity: 1;
  border-color: rgb(63 90 107 / var(--tw-border-opacity, 1));
}
.border-\[\#3b3a36\]{
  --tw-border-opacity: 1;
  border-color: rgb(59 58 54 / var(--tw-border-opacity, 1));
}
.border-\[\#4F6B5A\]\/35{
  border-color: rgb(79 107 90 / 0.35);
}
.border-\[\#6d5b3d\]{
  --tw-border-opacity: 1;
  border-color: rgb(109 91 61 / var(--tw-border-opacity, 1));
}
.border-\[\#7A1E1E\]\/15{
  border-color: rgb(122 30 30 / 0.15);
}
.border-\[\#8B0000\]\/20{
  border-color: rgb(139 0 0 / 0.2);
}
.border-\[\#9B4D5A\]\/40{
  border-color: rgb(155 77 90 / 0.4);
}
.border-\[\#9FB1C2\]\/60{
  border-color: rgb(159 177 194 / 0.6);
}
.border-\[\#9ca3af\]{
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}
.border-\[\#B86B77\]\/35{
  border-color: rgb(184 107 119 / 0.35);
}
.border-\[\#D0B26E\]\/35{
  border-color: rgb(208 178 110 / 0.35);
}
.border-\[\#D4AF37\]{
  --tw-border-opacity: 1;
  border-color: rgb(212 175 55 / var(--tw-border-opacity, 1));
}
.border-\[\#D7C6AE\]\/70{
  border-color: rgb(215 198 174 / 0.7);
}
.border-\[\#b5b8b0\]{
  --tw-border-opacity: 1;
  border-color: rgb(181 184 176 / var(--tw-border-opacity, 1));
}
.border-\[\#b79252\]{
  --tw-border-opacity: 1;
  border-color: rgb(183 146 82 / var(--tw-border-opacity, 1));
}
.border-\[\#c4a066\]{
  --tw-border-opacity: 1;
  border-color: rgb(196 160 102 / var(--tw-border-opacity, 1));
}
.border-\[\#c4a066\]\/45{
  border-color: rgb(196 160 102 / 0.45);
}
.border-\[\#c7c8c2\]{
  --tw-border-opacity: 1;
  border-color: rgb(199 200 194 / var(--tw-border-opacity, 1));
}
.border-\[\#c8aa6f\]{
  --tw-border-opacity: 1;
  border-color: rgb(200 170 111 / var(--tw-border-opacity, 1));
}
.border-\[\#c8c4be\]{
  --tw-border-opacity: 1;
  border-color: rgb(200 196 190 / var(--tw-border-opacity, 1));
}
.border-\[\#cfc4b8\]{
  --tw-border-opacity: 1;
  border-color: rgb(207 196 184 / var(--tw-border-opacity, 1));
}
.border-\[\#d1d5db\]{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-\[\#d6d6d6\]{
  --tw-border-opacity: 1;
  border-color: rgb(214 214 214 / var(--tw-border-opacity, 1));
}
.border-\[\#d8d5cf\]{
  --tw-border-opacity: 1;
  border-color: rgb(216 213 207 / var(--tw-border-opacity, 1));
}
.border-\[\#d9a441\]{
  --tw-border-opacity: 1;
  border-color: rgb(217 164 65 / var(--tw-border-opacity, 1));
}
.border-\[\#e1e1e1\]{
  --tw-border-opacity: 1;
  border-color: rgb(225 225 225 / var(--tw-border-opacity, 1));
}
.border-\[\#e2e2e2\]{
  --tw-border-opacity: 1;
  border-color: rgb(226 226 226 / var(--tw-border-opacity, 1));
}
.border-\[var\(--border-dark\)\]{
  border-color: var(--border-dark);
}
.border-\[var\(--border-input-active\)\]{
  border-color: var(--border-input-active);
}
.border-\[var\(--border-input-gold\)\]{
  border-color: var(--border-input-gold);
}
.border-\[var\(--border-light\)\]{
  border-color: var(--border-light);
}
.border-\[var\(--border-main\)\]{
  border-color: var(--border-main);
}
.border-\[var\(--border-white\)\]{
  border-color: var(--border-white);
}
.border-\[var\(--brand\)\]{
  border-color: var(--brand);
}
.border-\[var\(--cli-accent-amber\)\]{
  border-color: var(--cli-accent-amber);
}
.border-\[var\(--cli-accent-olive\)\]{
  border-color: var(--cli-accent-olive);
}
.border-\[var\(--function-error\)\]{
  border-color: var(--function-error);
}
.border-\[var\(--function-warning\)\]{
  border-color: var(--function-warning);
}
.border-\[var\(--lab-border\)\]{
  border-color: var(--lab-border);
}
.border-\[var\(--soft-border\)\]{
  border-color: var(--soft-border);
}
.border-amber-200{
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
}
.border-amber-300\/40{
  border-color: rgb(252 211 77 / 0.4);
}
.border-amber-300\/60{
  border-color: rgb(252 211 77 / 0.6);
}
.border-amber-300\/70{
  border-color: rgb(252 211 77 / 0.7);
}
.border-amber-400\/40{
  border-color: rgb(251 191 36 / 0.4);
}
.border-amber-500\/30{
  border-color: rgb(245 158 11 / 0.3);
}
.border-amber-500\/55{
  border-color: rgb(245 158 11 / 0.55);
}
.border-black{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.border-black\/10{
  border-color: rgb(0 0 0 / 0.1);
}
.border-black\/15{
  border-color: rgb(0 0 0 / 0.15);
}
.border-black\/20{
  border-color: rgb(0 0 0 / 0.2);
}
.border-black\/25{
  border-color: rgb(0 0 0 / 0.25);
}
.border-black\/5{
  border-color: rgb(0 0 0 / 0.05);
}
.border-black\/60{
  border-color: rgb(0 0 0 / 0.6);
}
.border-black\/\[0\.06\]{
  border-color: rgb(0 0 0 / 0.06);
}
.border-black\/\[0\.08\]{
  border-color: rgb(0 0 0 / 0.08);
}
.border-border{
  border-color: hsl(var(--border));
}
.border-border\/40{
  border-color: hsl(var(--border) / 0.4);
}
.border-border\/50{
  border-color: hsl(var(--border) / 0.5);
}
.border-border\/60{
  border-color: hsl(var(--border) / 0.6);
}
.border-border\/70{
  border-color: hsl(var(--border) / 0.7);
}
.border-current{
  border-color: currentColor;
}
.border-destructive\/25{
  border-color: hsl(var(--destructive) / 0.25);
}
.border-destructive\/30{
  border-color: hsl(var(--destructive) / 0.3);
}
.border-emerald-300\/70{
  border-color: rgb(110 231 183 / 0.7);
}
.border-emerald-500\/30{
  border-color: rgb(16 185 129 / 0.3);
}
.border-emerald-500\/55{
  border-color: rgb(16 185 129 / 0.55);
}
.border-gray-100{
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
}
.border-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-info\/30{
  border-color: hsl(var(--info) / 0.3);
}
.border-input{
  border-color: hsl(var(--input));
}
.border-muted{
  border-color: hsl(var(--muted));
}
.border-muted-foreground{
  border-color: hsl(var(--muted-foreground));
}
.border-primary{
  border-color: hsl(var(--primary));
}
.border-primary\/20{
  border-color: hsl(var(--primary) / 0.2);
}
.border-primary\/30{
  border-color: hsl(var(--primary) / 0.3);
}
.border-primary\/40{
  border-color: hsl(var(--primary) / 0.4);
}
.border-primary\/60{
  border-color: hsl(var(--primary) / 0.6);
}
.border-red-100{
  --tw-border-opacity: 1;
  border-color: rgb(254 226 226 / var(--tw-border-opacity, 1));
}
.border-red-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}
.border-red-300{
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
}
.border-red-300\/40{
  border-color: rgb(252 165 165 / 0.4);
}
.border-red-400\/30{
  border-color: rgb(248 113 113 / 0.3);
}
.border-red-400\/40{
  border-color: rgb(248 113 113 / 0.4);
}
.border-rose-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
}
.border-rose-300\/70{
  border-color: rgb(253 164 175 / 0.7);
}
.border-rose-500\/55{
  border-color: rgb(244 63 94 / 0.55);
}
.border-sky-300\/70{
  border-color: rgb(125 211 252 / 0.7);
}
.border-sky-500\/30{
  border-color: rgb(14 165 233 / 0.3);
}
.border-sky-500\/55{
  border-color: rgb(14 165 233 / 0.55);
}
.border-slate-700{
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
}
.border-slate-900{
  --tw-border-opacity: 1;
  border-color: rgb(15 23 42 / var(--tw-border-opacity, 1));
}
.border-soft-accent{
  --tw-border-opacity: 1;
  border-color: hsl(var(--soft-accent-hsl) / var(--tw-border-opacity, 1));
}
.border-soft-border{
  --tw-border-opacity: 1;
  border-color: hsl(var(--soft-border-hsl) / var(--tw-border-opacity, 1));
}
.border-soft-border\/60{
  border-color: hsl(var(--soft-border-hsl) / 0.6);
}
.border-soft-border\/70{
  border-color: hsl(var(--soft-border-hsl) / 0.7);
}
.border-soft-border\/80{
  border-color: hsl(var(--soft-border-hsl) / 0.8);
}
.border-soft-text-primary{
  --tw-border-opacity: 1;
  border-color: hsl(var(--soft-text-primary-hsl) / var(--tw-border-opacity, 1));
}
.border-stone-200{
  --tw-border-opacity: 1;
  border-color: rgb(231 229 228 / var(--tw-border-opacity, 1));
}
.border-success\/20{
  border-color: hsl(var(--success) / 0.2);
}
.border-success\/25{
  border-color: hsl(var(--success) / 0.25);
}
.border-success\/30{
  border-color: hsl(var(--success) / 0.3);
}
.border-transparent{
  border-color: transparent;
}
.border-warning\/25{
  border-color: hsl(var(--warning) / 0.25);
}
.border-warning\/30{
  border-color: hsl(var(--warning) / 0.3);
}
.border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-white\/10{
  border-color: rgb(255 255 255 / 0.1);
}
.border-white\/15{
  border-color: rgb(255 255 255 / 0.15);
}
.border-white\/20{
  border-color: rgb(255 255 255 / 0.2);
}
.border-white\/30{
  border-color: rgb(255 255 255 / 0.3);
}
.border-white\/35{
  border-color: rgb(255 255 255 / 0.35);
}
.border-white\/40{
  border-color: rgb(255 255 255 / 0.4);
}
.border-white\/5{
  border-color: rgb(255 255 255 / 0.05);
}
.border-white\/50{
  border-color: rgb(255 255 255 / 0.5);
}
.border-white\/60{
  border-color: rgb(255 255 255 / 0.6);
}
.border-white\/70{
  border-color: rgb(255 255 255 / 0.7);
}
.border-white\/\[0\.06\]{
  border-color: rgb(255 255 255 / 0.06);
}
.border-white\/\[0\.16\]{
  border-color: rgb(255 255 255 / 0.16);
}
.border-white\/\[0\.55\]{
  border-color: rgb(255 255 255 / 0.55);
}
.border-yellow-500\/30{
  border-color: rgb(234 179 8 / 0.3);
}
.border-zinc-200{
  --tw-border-opacity: 1;
  border-color: rgb(228 228 231 / var(--tw-border-opacity, 1));
}
.border-zinc-300{
  --tw-border-opacity: 1;
  border-color: rgb(212 212 216 / var(--tw-border-opacity, 1));
}
.border-zinc-800{
  --tw-border-opacity: 1;
  border-color: rgb(39 39 42 / var(--tw-border-opacity, 1));
}
.border-b-primary{
  border-bottom-color: hsl(var(--primary));
}
.border-l-destructive{
  border-left-color: hsl(var(--destructive));
}
.border-l-primary{
  border-left-color: hsl(var(--primary));
}
.border-l-success{
  border-left-color: hsl(var(--success));
}
.border-l-warning{
  border-left-color: hsl(var(--warning));
}
.border-t-transparent{
  border-top-color: transparent;
}
.\!bg-\[var\(--soft-bg-surface\)\]{
  background-color: var(--soft-bg-surface) !important;
}
.bg-\[\#111111\]{
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1));
}
.bg-\[\#111827\]{
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1F1B19\]\/90{
  background-color: rgb(31 27 25 / 0.9);
}
.bg-\[\#1a1a1a\]{
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1e1e1e\]{
  --tw-bg-opacity: 1;
  background-color: rgb(30 30 30 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1f1f1d\]{
  --tw-bg-opacity: 1;
  background-color: rgb(31 31 29 / var(--tw-bg-opacity, 1));
}
.bg-\[\#252526\]{
  --tw-bg-opacity: 1;
  background-color: rgb(37 37 38 / var(--tw-bg-opacity, 1));
}
.bg-\[\#282828\]{
  --tw-bg-opacity: 1;
  background-color: rgb(40 40 40 / var(--tw-bg-opacity, 1));
}
.bg-\[\#28C840\]{
  --tw-bg-opacity: 1;
  background-color: rgb(40 200 64 / var(--tw-bg-opacity, 1));
}
.bg-\[\#2D2A26\]{
  --tw-bg-opacity: 1;
  background-color: rgb(45 42 38 / var(--tw-bg-opacity, 1));
}
.bg-\[\#2F3437\]{
  --tw-bg-opacity: 1;
  background-color: rgb(47 52 55 / var(--tw-bg-opacity, 1));
}
.bg-\[\#2b2a26\]{
  --tw-bg-opacity: 1;
  background-color: rgb(43 42 38 / var(--tw-bg-opacity, 1));
}
.bg-\[\#333\]{
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
}
.bg-\[\#3A4145\]{
  --tw-bg-opacity: 1;
  background-color: rgb(58 65 69 / var(--tw-bg-opacity, 1));
}
.bg-\[\#3F5A6B\]{
  --tw-bg-opacity: 1;
  background-color: rgb(63 90 107 / var(--tw-bg-opacity, 1));
}
.bg-\[\#3F5A6B\]\/10{
  background-color: rgb(63 90 107 / 0.1);
}
.bg-\[\#4F6B5A\]{
  --tw-bg-opacity: 1;
  background-color: rgb(79 107 90 / var(--tw-bg-opacity, 1));
}
.bg-\[\#4F6B5A\]\/10{
  background-color: rgb(79 107 90 / 0.1);
}
.bg-\[\#5D6468\]{
  --tw-bg-opacity: 1;
  background-color: rgb(93 100 104 / var(--tw-bg-opacity, 1));
}
.bg-\[\#6E7E8F\]{
  --tw-bg-opacity: 1;
  background-color: rgb(110 126 143 / var(--tw-bg-opacity, 1));
}
.bg-\[\#6F7A72\]{
  --tw-bg-opacity: 1;
  background-color: rgb(111 122 114 / var(--tw-bg-opacity, 1));
}
.bg-\[\#776C78\]{
  --tw-bg-opacity: 1;
  background-color: rgb(119 108 120 / var(--tw-bg-opacity, 1));
}
.bg-\[\#7A1E1E\]\/10{
  background-color: rgb(122 30 30 / 0.1);
}
.bg-\[\#7D6F69\]{
  --tw-bg-opacity: 1;
  background-color: rgb(125 111 105 / var(--tw-bg-opacity, 1));
}
.bg-\[\#8B0000\]\/5{
  background-color: rgb(139 0 0 / 0.05);
}
.bg-\[\#8FA3B8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(143 163 184 / var(--tw-bg-opacity, 1));
}
.bg-\[\#8FA3B8\]\/80{
  background-color: rgb(143 163 184 / 0.8);
}
.bg-\[\#8fa99c\]{
  --tw-bg-opacity: 1;
  background-color: rgb(143 169 156 / var(--tw-bg-opacity, 1));
}
.bg-\[\#9AA79A\]{
  --tw-bg-opacity: 1;
  background-color: rgb(154 167 154 / var(--tw-bg-opacity, 1));
}
.bg-\[\#9B4D5A\]{
  --tw-bg-opacity: 1;
  background-color: rgb(155 77 90 / var(--tw-bg-opacity, 1));
}
.bg-\[\#9B8FB8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(155 143 184 / var(--tw-bg-opacity, 1));
}
.bg-\[\#9FB1C2\]{
  --tw-bg-opacity: 1;
  background-color: rgb(159 177 194 / var(--tw-bg-opacity, 1));
}
.bg-\[\#9b8352\]{
  --tw-bg-opacity: 1;
  background-color: rgb(155 131 82 / var(--tw-bg-opacity, 1));
}
.bg-\[\#A6B0B6\]{
  --tw-bg-opacity: 1;
  background-color: rgb(166 176 182 / var(--tw-bg-opacity, 1));
}
.bg-\[\#A89AA8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(168 154 168 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ABA9A5\]{
  --tw-bg-opacity: 1;
  background-color: rgb(171 169 165 / var(--tw-bg-opacity, 1));
}
.bg-\[\#B7A59A\]{
  --tw-bg-opacity: 1;
  background-color: rgb(183 165 154 / var(--tw-bg-opacity, 1));
}
.bg-\[\#B7A59A\]\/20{
  background-color: rgb(183 165 154 / 0.2);
}
.bg-\[\#B86B77\]{
  --tw-bg-opacity: 1;
  background-color: rgb(184 107 119 / var(--tw-bg-opacity, 1));
}
.bg-\[\#B86B77\]\/10{
  background-color: rgb(184 107 119 / 0.1);
}
.bg-\[\#B9C7D6\]\/40{
  background-color: rgb(185 199 214 / 0.4);
}
.bg-\[\#C7AD96\]{
  --tw-bg-opacity: 1;
  background-color: rgb(199 173 150 / var(--tw-bg-opacity, 1));
}
.bg-\[\#D7C6AE\]\/40{
  background-color: rgb(215 198 174 / 0.4);
}
.bg-\[\#D7C6AE\]\/50{
  background-color: rgb(215 198 174 / 0.5);
}
.bg-\[\#D7C6AE\]\/60{
  background-color: rgb(215 198 174 / 0.6);
}
.bg-\[\#D7C6AE\]\/70{
  background-color: rgb(215 198 174 / 0.7);
}
.bg-\[\#DEDEDE\]{
  --tw-bg-opacity: 1;
  background-color: rgb(222 222 222 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E0E0E0\]{
  --tw-bg-opacity: 1;
  background-color: rgb(224 224 224 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E1E7EF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(225 231 239 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E2DDD4\]{
  --tw-bg-opacity: 1;
  background-color: rgb(226 221 212 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E6E6E6\]{
  --tw-bg-opacity: 1;
  background-color: rgb(230 230 230 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E7E1D8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(231 225 216 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E8E8E8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(232 232 232 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E9E1D8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(233 225 216 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ECECEC\]{
  --tw-bg-opacity: 1;
  background-color: rgb(236 236 236 / var(--tw-bg-opacity, 1));
}
.bg-\[\#EFE5D6\]{
  --tw-bg-opacity: 1;
  background-color: rgb(239 229 214 / var(--tw-bg-opacity, 1));
}
.bg-\[\#EFE6DA\]{
  --tw-bg-opacity: 1;
  background-color: rgb(239 230 218 / var(--tw-bg-opacity, 1));
}
.bg-\[\#EFEFEF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(239 239 239 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F1E3B6\]\/70{
  background-color: rgb(241 227 182 / 0.7);
}
.bg-\[\#F1ECE5\]{
  --tw-bg-opacity: 1;
  background-color: rgb(241 236 229 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F3E8C1\]\/85{
  background-color: rgb(243 232 193 / 0.85);
}
.bg-\[\#F5F2EC\]{
  --tw-bg-opacity: 1;
  background-color: rgb(245 242 236 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F6F3EE\]{
  --tw-bg-opacity: 1;
  background-color: rgb(246 243 238 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F7F2EA\]{
  --tw-bg-opacity: 1;
  background-color: rgb(247 242 234 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F7F3EC\]{
  --tw-bg-opacity: 1;
  background-color: rgb(247 243 236 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F7F4EF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(247 244 239 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FAFAF8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 248 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FBF8F4\]{
  --tw-bg-opacity: 1;
  background-color: rgb(251 248 244 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FF5F57\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 95 87 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFBD2E\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 189 46 / var(--tw-bg-opacity, 1));
}
.bg-\[\#c4a066\]\/10{
  background-color: rgb(196 160 102 / 0.1);
}
.bg-\[\#d3b77c\]{
  --tw-bg-opacity: 1;
  background-color: rgb(211 183 124 / var(--tw-bg-opacity, 1));
}
.bg-\[\#edf0ea\]{
  --tw-bg-opacity: 1;
  background-color: rgb(237 240 234 / var(--tw-bg-opacity, 1));
}
.bg-\[\#eef0eb\]{
  --tw-bg-opacity: 1;
  background-color: rgb(238 240 235 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f3f4f6\]{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f6efe4\]{
  --tw-bg-opacity: 1;
  background-color: rgb(246 239 228 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f6f1ea\]{
  --tw-bg-opacity: 1;
  background-color: rgb(246 241 234 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f7f0e5\]{
  --tw-bg-opacity: 1;
  background-color: rgb(247 240 229 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f7f6f4\]{
  --tw-bg-opacity: 1;
  background-color: rgb(247 246 244 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f7f7f7\]\/60{
  background-color: rgb(247 247 247 / 0.6);
}
.bg-\[\#f8f5ef\]\/90{
  background-color: rgb(248 245 239 / 0.9);
}
.bg-\[\#f8f8f6\]{
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 246 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f9fafb\]{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fff7e8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 232 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fff9ee\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 249 238 / var(--tw-bg-opacity, 1));
}
.bg-\[hsl\(var\(--primary\)\)\]{
  background-color: hsl(var(--primary));
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.06\)\]{
  background-color: rgba(0,0,0,0.06);
}
.bg-\[var\(--Button-primary-black\)\]{
  background-color: var(--Button-primary-black);
}
.bg-\[var\(--Button-primary-white\)\]{
  background-color: var(--Button-primary-white);
}
.bg-\[var\(--ai-manus-input-runtime-bg\)\]{
  background-color: var(--ai-manus-input-runtime-bg);
}
.bg-\[var\(--background-card\)\]{
  background-color: var(--background-card);
}
.bg-\[var\(--background-gray-main\)\]{
  background-color: var(--background-gray-main);
}
.bg-\[var\(--background-gray-subtle\)\]{
  background-color: var(--background-gray-subtle);
}
.bg-\[var\(--background-main\)\]{
  background-color: var(--background-main);
}
.bg-\[var\(--background-mask\)\]{
  background-color: var(--background-mask);
}
.bg-\[var\(--background-menu-white\)\]{
  background-color: var(--background-menu-white);
}
.bg-\[var\(--background-surface\)\]{
  background-color: var(--background-surface);
}
.bg-\[var\(--background-tsp-menu-white\)\]{
  background-color: var(--background-tsp-menu-white);
}
.bg-\[var\(--background-white-main\)\]{
  background-color: var(--background-white-main);
}
.bg-\[var\(--bg-panel-center\)\]{
  background-color: var(--bg-panel-center);
}
.bg-\[var\(--bg-panel-left\)\]{
  background-color: var(--bg-panel-left);
}
.bg-\[var\(--border-dark\)\]{
  background-color: var(--border-dark);
}
.bg-\[var\(--brand\)\]{
  background-color: var(--brand);
}
.bg-\[var\(--brand-subtle\)\]{
  background-color: var(--brand-subtle);
}
.bg-\[var\(--cli-accent-emerald\)\]{
  background-color: var(--cli-accent-emerald);
}
.bg-\[var\(--cli-accent-olive\)\]{
  background-color: var(--cli-accent-olive);
}
.bg-\[var\(--cli-bg-0\)\]{
  background-color: var(--cli-bg-0);
}
.bg-\[var\(--cli-bg-1\)\]{
  background-color: var(--cli-bg-1);
}
.bg-\[var\(--cli-bg-2\)\]{
  background-color: var(--cli-bg-2);
}
.bg-\[var\(--cli-muted-2\)\]{
  background-color: var(--cli-muted-2);
}
.bg-\[var\(--cli-status-busy\)\]{
  background-color: var(--cli-status-busy);
}
.bg-\[var\(--cli-status-error\)\]{
  background-color: var(--cli-status-error);
}
.bg-\[var\(--cli-status-idle\)\]{
  background-color: var(--cli-status-idle);
}
.bg-\[var\(--cli-status-offline\)\]{
  background-color: var(--cli-status-offline);
}
.bg-\[var\(--cli-status-online\)\]{
  background-color: var(--cli-status-online);
}
.bg-\[var\(--cli-status-warning\)\]{
  background-color: var(--cli-status-warning);
}
.bg-\[var\(--fill-blue\)\]{
  background-color: var(--fill-blue);
}
.bg-\[var\(--fill-input-chat\)\]{
  background-color: var(--fill-input-chat);
}
.bg-\[var\(--fill-tsp-gray-dark\)\]{
  background-color: var(--fill-tsp-gray-dark);
}
.bg-\[var\(--fill-tsp-gray-main\)\]{
  background-color: var(--fill-tsp-gray-main);
}
.bg-\[var\(--fill-tsp-white\)\]{
  background-color: var(--fill-tsp-white);
}
.bg-\[var\(--fill-tsp-white-dark\)\]{
  background-color: var(--fill-tsp-white-dark);
}
.bg-\[var\(--fill-tsp-white-light\)\]{
  background-color: var(--fill-tsp-white-light);
}
.bg-\[var\(--fill-tsp-white-main\)\]{
  background-color: var(--fill-tsp-white-main);
}
.bg-\[var\(--fill-white\)\]{
  background-color: var(--fill-white);
}
.bg-\[var\(--function-error\)\]{
  background-color: var(--function-error);
}
.bg-\[var\(--function-error-tsp\)\]{
  background-color: var(--function-error-tsp);
}
.bg-\[var\(--function-success-tsp\)\]{
  background-color: var(--function-success-tsp);
}
.bg-\[var\(--function-warning-tsp\)\]{
  background-color: var(--function-warning-tsp);
}
.bg-\[var\(--icon-onblack\)\]{
  background-color: var(--icon-onblack);
}
.bg-\[var\(--icon-tertiary\)\]{
  background-color: var(--icon-tertiary);
}
.bg-\[var\(--lab-accent\)\]{
  background-color: var(--lab-accent);
}
.bg-\[var\(--lab-background\)\]{
  background-color: var(--lab-background);
}
.bg-\[var\(--lab-surface\)\]{
  background-color: var(--lab-surface);
}
.bg-\[var\(--lab-surface-muted\)\]{
  background-color: var(--lab-surface-muted);
}
.bg-\[var\(--soft-accent\)\]{
  background-color: var(--soft-accent);
}
.bg-\[var\(--soft-bg-base\)\]{
  background-color: var(--soft-bg-base);
}
.bg-\[var\(--soft-bg-elevated\)\]{
  background-color: var(--soft-bg-elevated);
}
.bg-\[var\(--soft-bg-surface\)\]{
  background-color: var(--soft-bg-surface);
}
.bg-\[var\(--soft-border\)\]{
  background-color: var(--soft-border);
}
.bg-\[var\(--text-disable\)\]{
  background-color: var(--text-disable);
}
.bg-\[var\(--text-primary\)\]{
  background-color: var(--text-primary);
}
.bg-\[var\(--text-tertiary\)\]{
  background-color: var(--text-tertiary);
}
.bg-accent{
  background-color: hsl(var(--accent));
}
.bg-amber-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.bg-amber-400{
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
}
.bg-amber-50{
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.bg-amber-50\/65{
  background-color: rgb(255 251 235 / 0.65);
}
.bg-amber-50\/70{
  background-color: rgb(255 251 235 / 0.7);
}
.bg-amber-500{
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}
.bg-amber-500\/10{
  background-color: rgb(245 158 11 / 0.1);
}
.bg-amber-500\/15{
  background-color: rgb(245 158 11 / 0.15);
}
.bg-amber-500\/20{
  background-color: rgb(245 158 11 / 0.2);
}
.bg-background{
  background-color: hsl(var(--background));
}
.bg-background\/50{
  background-color: hsl(var(--background) / 0.5);
}
.bg-background\/60{
  background-color: hsl(var(--background) / 0.6);
}
.bg-background\/70{
  background-color: hsl(var(--background) / 0.7);
}
.bg-background\/80{
  background-color: hsl(var(--background) / 0.8);
}
.bg-background\/90{
  background-color: hsl(var(--background) / 0.9);
}
.bg-background\/95{
  background-color: hsl(var(--background) / 0.95);
}
.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/10{
  background-color: rgb(0 0 0 / 0.1);
}
.bg-black\/15{
  background-color: rgb(0 0 0 / 0.15);
}
.bg-black\/20{
  background-color: rgb(0 0 0 / 0.2);
}
.bg-black\/25{
  background-color: rgb(0 0 0 / 0.25);
}
.bg-black\/5{
  background-color: rgb(0 0 0 / 0.05);
}
.bg-black\/50{
  background-color: rgb(0 0 0 / 0.5);
}
.bg-black\/60{
  background-color: rgb(0 0 0 / 0.6);
}
.bg-black\/90{
  background-color: rgb(0 0 0 / 0.9);
}
.bg-black\/\[0\.015\]{
  background-color: rgb(0 0 0 / 0.015);
}
.bg-black\/\[0\.02\]{
  background-color: rgb(0 0 0 / 0.02);
}
.bg-black\/\[0\.03\]{
  background-color: rgb(0 0 0 / 0.03);
}
.bg-black\/\[0\.04\]{
  background-color: rgb(0 0 0 / 0.04);
}
.bg-black\/\[0\.06\]{
  background-color: rgb(0 0 0 / 0.06);
}
.bg-blue-500{
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.bg-blue-600{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.bg-border{
  background-color: hsl(var(--border));
}
.bg-card{
  background-color: hsl(var(--card));
}
.bg-card\/90{
  background-color: hsl(var(--card) / 0.9);
}
.bg-destructive{
  background-color: hsl(var(--destructive));
}
.bg-destructive\/10{
  background-color: hsl(var(--destructive) / 0.1);
}
.bg-destructive\/15{
  background-color: hsl(var(--destructive) / 0.15);
}
.bg-emerald-100{
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}
.bg-emerald-400{
  --tw-bg-opacity: 1;
  background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1));
}
.bg-emerald-50\/60{
  background-color: rgb(236 253 245 / 0.6);
}
.bg-emerald-500{
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}
.bg-emerald-500\/10{
  background-color: rgb(16 185 129 / 0.1);
}
.bg-emerald-500\/15{
  background-color: rgb(16 185 129 / 0.15);
}
.bg-emerald-500\/20{
  background-color: rgb(16 185 129 / 0.2);
}
.bg-emerald-600\/80{
  background-color: rgb(5 150 105 / 0.8);
}
.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.bg-gray-50{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.bg-gray-50\/60{
  background-color: rgb(249 250 251 / 0.6);
}
.bg-gray-50\/70{
  background-color: rgb(249 250 251 / 0.7);
}
.bg-gray-50\/80{
  background-color: rgb(249 250 251 / 0.8);
}
.bg-gray-600{
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}
.bg-gray-900\/60{
  background-color: rgb(17 24 39 / 0.6);
}
.bg-gray-900\/80{
  background-color: rgb(17 24 39 / 0.8);
}
.bg-gray-900\/90{
  background-color: rgb(17 24 39 / 0.9);
}
.bg-green-500{
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
.bg-green-600{
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}
.bg-indigo-400{
  --tw-bg-opacity: 1;
  background-color: rgb(129 140 248 / var(--tw-bg-opacity, 1));
}
.bg-info\/15{
  background-color: hsl(var(--info) / 0.15);
}
.bg-muted{
  background-color: hsl(var(--muted));
}
.bg-muted\/10{
  background-color: hsl(var(--muted) / 0.1);
}
.bg-muted\/20{
  background-color: hsl(var(--muted) / 0.2);
}
.bg-muted\/30{
  background-color: hsl(var(--muted) / 0.3);
}
.bg-muted\/40{
  background-color: hsl(var(--muted) / 0.4);
}
.bg-muted\/50{
  background-color: hsl(var(--muted) / 0.5);
}
.bg-muted\/60{
  background-color: hsl(var(--muted) / 0.6);
}
.bg-popover{
  background-color: hsl(var(--popover));
}
.bg-primary{
  background-color: hsl(var(--primary));
}
.bg-primary\/10{
  background-color: hsl(var(--primary) / 0.1);
}
.bg-primary\/15{
  background-color: hsl(var(--primary) / 0.15);
}
.bg-primary\/20{
  background-color: hsl(var(--primary) / 0.2);
}
.bg-primary\/5{
  background-color: hsl(var(--primary) / 0.05);
}
.bg-primary\/60{
  background-color: hsl(var(--primary) / 0.6);
}
.bg-purple-500{
  --tw-bg-opacity: 1;
  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
}
.bg-red-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.bg-red-400{
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
}
.bg-red-50{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.bg-red-50\/70{
  background-color: rgb(254 242 242 / 0.7);
}
.bg-red-500{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-red-500\/10{
  background-color: rgb(239 68 68 / 0.1);
}
.bg-red-500\/15{
  background-color: rgb(239 68 68 / 0.15);
}
.bg-red-500\/20{
  background-color: rgb(239 68 68 / 0.2);
}
.bg-red-500\/5{
  background-color: rgb(239 68 68 / 0.05);
}
.bg-rose-50{
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
}
.bg-rose-50\/65{
  background-color: rgb(255 241 242 / 0.65);
}
.bg-rose-50\/85{
  background-color: rgb(255 241 242 / 0.85);
}
.bg-rose-500{
  --tw-bg-opacity: 1;
  background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1));
}
.bg-secondary{
  background-color: hsl(var(--secondary));
}
.bg-sky-50\/65{
  background-color: rgb(240 249 255 / 0.65);
}
.bg-sky-500\/10{
  background-color: rgb(14 165 233 / 0.1);
}
.bg-slate-100{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.bg-slate-400{
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1));
}
.bg-slate-50{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.bg-slate-500\/80{
  background-color: rgb(100 116 139 / 0.8);
}
.bg-slate-800\/50{
  background-color: rgb(30 41 59 / 0.5);
}
.bg-slate-900{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}
.bg-soft-accent{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--soft-accent-hsl) / var(--tw-bg-opacity, 1));
}
.bg-soft-accent\/10{
  background-color: hsl(var(--soft-accent-hsl) / 0.1);
}
.bg-soft-bg-base{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--soft-bg-base-hsl) / var(--tw-bg-opacity, 1));
}
.bg-soft-bg-base\/70{
  background-color: hsl(var(--soft-bg-base-hsl) / 0.7);
}
.bg-soft-bg-elevated{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--soft-bg-elevated-hsl) / var(--tw-bg-opacity, 1));
}
.bg-soft-bg-elevated\/20{
  background-color: hsl(var(--soft-bg-elevated-hsl) / 0.2);
}
.bg-soft-bg-elevated\/30{
  background-color: hsl(var(--soft-bg-elevated-hsl) / 0.3);
}
.bg-soft-bg-elevated\/40{
  background-color: hsl(var(--soft-bg-elevated-hsl) / 0.4);
}
.bg-soft-bg-elevated\/45{
  background-color: hsl(var(--soft-bg-elevated-hsl) / 0.45);
}
.bg-soft-bg-elevated\/50{
  background-color: hsl(var(--soft-bg-elevated-hsl) / 0.5);
}
.bg-soft-bg-elevated\/60{
  background-color: hsl(var(--soft-bg-elevated-hsl) / 0.6);
}
.bg-soft-bg-elevated\/65{
  background-color: hsl(var(--soft-bg-elevated-hsl) / 0.65);
}
.bg-soft-bg-elevated\/70{
  background-color: hsl(var(--soft-bg-elevated-hsl) / 0.7);
}
.bg-soft-bg-elevated\/80{
  background-color: hsl(var(--soft-bg-elevated-hsl) / 0.8);
}
.bg-soft-bg-surface{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--soft-bg-surface-hsl) / var(--tw-bg-opacity, 1));
}
.bg-soft-bg-surface\/70{
  background-color: hsl(var(--soft-bg-surface-hsl) / 0.7);
}
.bg-soft-bg-surface\/75{
  background-color: hsl(var(--soft-bg-surface-hsl) / 0.75);
}
.bg-soft-bg-surface\/80{
  background-color: hsl(var(--soft-bg-surface-hsl) / 0.8);
}
.bg-soft-bg-surface\/85{
  background-color: hsl(var(--soft-bg-surface-hsl) / 0.85);
}
.bg-soft-border{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--soft-border-hsl) / var(--tw-bg-opacity, 1));
}
.bg-success\/10{
  background-color: hsl(var(--success) / 0.1);
}
.bg-success\/15{
  background-color: hsl(var(--success) / 0.15);
}
.bg-surface{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--soft-bg-surface-hsl) / var(--tw-bg-opacity, 1));
}
.bg-transparent{
  background-color: transparent;
}
.bg-warning\/10{
  background-color: hsl(var(--warning) / 0.1);
}
.bg-warning\/15{
  background-color: hsl(var(--warning) / 0.15);
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/10{
  background-color: rgb(255 255 255 / 0.1);
}
.bg-white\/30{
  background-color: rgb(255 255 255 / 0.3);
}
.bg-white\/40{
  background-color: rgb(255 255 255 / 0.4);
}
.bg-white\/45{
  background-color: rgb(255 255 255 / 0.45);
}
.bg-white\/5{
  background-color: rgb(255 255 255 / 0.05);
}
.bg-white\/50{
  background-color: rgb(255 255 255 / 0.5);
}
.bg-white\/55{
  background-color: rgb(255 255 255 / 0.55);
}
.bg-white\/60{
  background-color: rgb(255 255 255 / 0.6);
}
.bg-white\/65{
  background-color: rgb(255 255 255 / 0.65);
}
.bg-white\/70{
  background-color: rgb(255 255 255 / 0.7);
}
.bg-white\/75{
  background-color: rgb(255 255 255 / 0.75);
}
.bg-white\/80{
  background-color: rgb(255 255 255 / 0.8);
}
.bg-white\/85{
  background-color: rgb(255 255 255 / 0.85);
}
.bg-white\/90{
  background-color: rgb(255 255 255 / 0.9);
}
.bg-white\/95{
  background-color: rgb(255 255 255 / 0.95);
}
.bg-white\/\[0\.03\]{
  background-color: rgb(255 255 255 / 0.03);
}
.bg-white\/\[0\.04\]{
  background-color: rgb(255 255 255 / 0.04);
}
.bg-white\/\[0\.05\]{
  background-color: rgb(255 255 255 / 0.05);
}
.bg-white\/\[0\.06\]{
  background-color: rgb(255 255 255 / 0.06);
}
.bg-white\/\[0\.08\]{
  background-color: rgb(255 255 255 / 0.08);
}
.bg-white\/\[0\.12\]{
  background-color: rgb(255 255 255 / 0.12);
}
.bg-yellow-300{
  --tw-bg-opacity: 1;
  background-color: rgb(253 224 71 / var(--tw-bg-opacity, 1));
}
.bg-yellow-500\/10{
  background-color: rgb(234 179 8 / 0.1);
}
.bg-zinc-100{
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
}
.bg-zinc-200{
  --tw-bg-opacity: 1;
  background-color: rgb(228 228 231 / var(--tw-bg-opacity, 1));
}
.bg-zinc-50{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.bg-zinc-800{
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
}
.bg-\[conic-gradient\(from_180deg_at_50\%_50\%\2c rgba\(255\2c 122\2c 122\2c 0\.5\)\2c rgba\(255\2c 205\2c 122\2c 0\.35\)\2c rgba\(122\2c 255\2c 227\2c 0\.35\)\2c rgba\(163\2c 122\2c 255\2c 0\.3\)\2c rgba\(255\2c 122\2c 122\2c 0\.5\)\)\]{
  background-image: conic-gradient(from 180deg at 50% 50%,rgba(255,122,122,0.5),rgba(255,205,122,0.35),rgba(122,255,227,0.35),rgba(163,122,255,0.3),rgba(255,122,122,0.5));
}
.bg-\[conic-gradient\(from_180deg_at_50\%_50\%\2c rgba\(255\2c 122\2c 122\2c 0\.55\)\2c rgba\(255\2c 205\2c 122\2c 0\.40\)\2c rgba\(122\2c 255\2c 227\2c 0\.40\)\2c rgba\(163\2c 122\2c 255\2c 0\.40\)\2c rgba\(255\2c 122\2c 122\2c 0\.55\)\)\]{
  background-image: conic-gradient(from 180deg at 50% 50%,rgba(255,122,122,0.55),rgba(255,205,122,0.40),rgba(122,255,227,0.40),rgba(163,122,255,0.40),rgba(255,122,122,0.55));
}
.bg-\[linear-gradient\(110deg\2c rgba\(122\2c 30\2c 30\2c 0\.34\)\2c rgba\(122\2c 30\2c 30\2c 0\.14\)\2c rgba\(122\2c 30\2c 30\2c 0\.28\)\)\]{
  background-image: linear-gradient(110deg,rgba(122,30,30,0.34),rgba(122,30,30,0.14),rgba(122,30,30,0.28));
}
.bg-\[linear-gradient\(110deg\2c rgba\(122\2c 30\2c 30\2c 0\.38\)\2c rgba\(122\2c 30\2c 30\2c 0\.16\)\2c rgba\(122\2c 30\2c 30\2c 0\.3\)\)\]{
  background-image: linear-gradient(110deg,rgba(122,30,30,0.38),rgba(122,30,30,0.16),rgba(122,30,30,0.3));
}
.bg-\[linear-gradient\(110deg\2c rgba\(122\2c 30\2c 30\2c 0\.38\)\2c rgba\(122\2c 30\2c 30\2c 0\.16\)\2c rgba\(122\2c 30\2c 30\2c 0\.30\)\)\]{
  background-image: linear-gradient(110deg,rgba(122,30,30,0.38),rgba(122,30,30,0.16),rgba(122,30,30,0.30));
}
.bg-\[linear-gradient\(110deg\2c rgba\(122\2c 30\2c 30\2c 0\.42\)\2c rgba\(122\2c 30\2c 30\2c 0\.18\)\2c rgba\(122\2c 30\2c 30\2c 0\.34\)\)\]{
  background-image: linear-gradient(110deg,rgba(122,30,30,0.42),rgba(122,30,30,0.18),rgba(122,30,30,0.34));
}
.bg-\[linear-gradient\(120deg\2c \#6f3c3c\2c \#8f4f4f\2c \#7f3939\)\]{
  background-image: linear-gradient(120deg,#6f3c3c,#8f4f4f,#7f3939);
}
.bg-\[linear-gradient\(to_bottom\2c rgba\(255\2c 255\2c 255\2c 0\.45\)\2c rgba\(255\2c 255\2c 255\2c 0\.15\)\2c rgba\(255\2c 255\2c 255\2c 0\.5\)\)\]{
  background-image: linear-gradient(to bottom,rgba(255,255,255,0.45),rgba(255,255,255,0.15),rgba(255,255,255,0.5));
}
.bg-\[radial-gradient\(circle_at_16\%_2\%\2c rgba\(255\2c 255\2c 255\2c 0\.52\)\2c transparent_58\%\)\]{
  background-image: radial-gradient(circle at 16% 2%,rgba(255,255,255,0.52),transparent 58%);
}
.bg-\[radial-gradient\(circle_at_center\2c rgba\(143\2c 163\2c 184\2c 0\.16\)\2c transparent_72\%\)\]{
  background-image: radial-gradient(circle at center,rgba(143,163,184,0.16),transparent 72%);
}
.bg-\[radial-gradient\(circle_at_center\2c rgba\(47\2c 52\2c 55\2c 0\.08\)\2c transparent_72\%\)\]{
  background-image: radial-gradient(circle at center,rgba(47,52,55,0.08),transparent 72%);
}
.bg-\[radial-gradient\(circle_at_center\2c rgba\(47\2c 52\2c 55\2c 0\.10\)\2c transparent_72\%\)\]{
  background-image: radial-gradient(circle at center,rgba(47,52,55,0.10),transparent 72%);
}
.bg-gradient-to-b{
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-br{
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-l{
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}
.bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-gradient-to-t{
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.from-\[\#2f2712\]{
  --tw-gradient-from: #2f2712 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(47 39 18 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#4A9B8C\]\/15{
  --tw-gradient-from: rgb(74 155 140 / 0.15) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(74 155 140 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#EAE4DD\]{
  --tw-gradient-from: #EAE4DD var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(234 228 221 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#F1E4E1\]{
  --tw-gradient-from: #F1E4E1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(241 228 225 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#d1d5cc\]{
  --tw-gradient-from: #d1d5cc var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(209 213 204 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#d4d1c5\]{
  --tw-gradient-from: #d4d1c5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(212 209 197 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#d5cabf\]{
  --tw-gradient-from: #d5cabf var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(213 202 191 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#d7cbbf\]{
  --tw-gradient-from: #d7cbbf var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(215 203 191 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#d8cdc3\]{
  --tw-gradient-from: #d8cdc3 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(216 205 195 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#d8d0c8\]{
  --tw-gradient-from: #d8d0c8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(216 208 200 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#fef6f3\]{
  --tw-gradient-from: #fef6f3 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 246 243 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[var\(--background-gray-main\)\]{
  --tw-gradient-from: var(--background-gray-main) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-background{
  --tw-gradient-from: hsl(var(--background)) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/15{
  --tw-gradient-from: rgb(0 0 0 / 0.15) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/45{
  --tw-gradient-from: rgb(0 0 0 / 0.45) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/50{
  --tw-gradient-from: rgb(0 0 0 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-transparent{
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-zinc-50{
  --tw-gradient-from: #fafafa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 250 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-\[\#2D5A52\]\/10{
  --tw-gradient-to: rgb(45 90 82 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(45 90 82 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#4b3a12\]{
  --tw-gradient-to: rgb(75 58 18 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #4b3a12 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#8AD0CA\]\/10{
  --tw-gradient-to: rgb(138 208 202 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(138 208 202 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#9FB0C7\]\/10{
  --tw-gradient-to: rgb(159 176 199 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(159 176 199 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#C4B1D6\]\/10{
  --tw-gradient-to: rgb(196 177 214 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(196 177 214 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#C9C9C9\]\/10{
  --tw-gradient-to: rgb(201 201 201 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(201 201 201 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#D7B3AE\]\/10{
  --tw-gradient-to: rgb(215 179 174 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(215 179 174 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#E1C09A\]\/10{
  --tw-gradient-to: rgb(225 192 154 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(225 192 154 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#bcc7c8\]{
  --tw-gradient-to: rgb(188 199 200 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #bcc7c8 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#bec8c0\]{
  --tw-gradient-to: rgb(190 200 192 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #bec8c0 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#c0c7c1\]{
  --tw-gradient-to: rgb(192 199 193 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #c0c7c1 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#c4ccc7\]{
  --tw-gradient-to: rgb(196 204 199 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #c4ccc7 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#c6c8d2\]{
  --tw-gradient-to: rgb(198 200 210 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #c6c8d2 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#cbc9be\]{
  --tw-gradient-to: rgb(203 201 190 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #cbc9be var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/10{
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/35{
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.35) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white\/20{
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-\[\#2f2712\]{
  --tw-gradient-to: #2f2712 var(--tw-gradient-to-position);
}
.to-\[\#DED7CF\]{
  --tw-gradient-to: #DED7CF var(--tw-gradient-to-position);
}
.to-\[\#E8D5D0\]{
  --tw-gradient-to: #E8D5D0 var(--tw-gradient-to-position);
}
.to-\[\#acbbc4\]{
  --tw-gradient-to: #acbbc4 var(--tw-gradient-to-position);
}
.to-\[\#adb7c3\]{
  --tw-gradient-to: #adb7c3 var(--tw-gradient-to-position);
}
.to-\[\#b1bac8\]{
  --tw-gradient-to: #b1bac8 var(--tw-gradient-to-position);
}
.to-\[\#b3bec9\]{
  --tw-gradient-to: #b3bec9 var(--tw-gradient-to-position);
}
.to-\[\#b5becb\]{
  --tw-gradient-to: #b5becb var(--tw-gradient-to-position);
}
.to-\[\#b9c3cf\]{
  --tw-gradient-to: #b9c3cf var(--tw-gradient-to-position);
}
.to-black\/60{
  --tw-gradient-to: rgb(0 0 0 / 0.6) var(--tw-gradient-to-position);
}
.to-transparent{
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.to-white{
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
}
.bg-clip-text{
  -webkit-background-clip: text;
          background-clip: text;
}
.fill-\[\#9A8252\]{
  fill: #9A8252;
}
.fill-\[\#9A8252\]\/70{
  fill: rgb(154 130 82 / 0.7);
}
.fill-current{
  fill: currentColor;
}
.fill-indigo-400{
  fill: #818cf8;
}
.fill-soft-accent{
  fill: hsl(var(--soft-accent-hsl) / 1);
}
.object-contain{
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}
.\!p-5{
  padding: 1.25rem !important;
}
.p-0{
  padding: 0px;
}
.p-0\.5{
  padding: 0.125rem;
}
.p-1{
  padding: 0.25rem;
}
.p-1\.5{
  padding: 0.375rem;
}
.p-2{
  padding: 0.5rem;
}
.p-2\.5{
  padding: 0.625rem;
}
.p-3{
  padding: 0.75rem;
}
.p-3\.5{
  padding: 0.875rem;
}
.p-4{
  padding: 1rem;
}
.p-5{
  padding: 1.25rem;
}
.p-6{
  padding: 1.5rem;
}
.p-7{
  padding: 1.75rem;
}
.p-8{
  padding: 2rem;
}
.p-\[1px\]{
  padding: 1px;
}
.p-\[2px\]{
  padding: 2px;
}
.px-0{
  padding-left: 0px;
  padding-right: 0px;
}
.px-0\.5{
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5{
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-16{
  padding-left: 4rem;
  padding-right: 4rem;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5{
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-7{
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[10px\]{
  padding-left: 10px;
  padding-right: 10px;
}
.px-\[12px\]{
  padding-left: 12px;
  padding-right: 12px;
}
.py-0\.5{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-24{
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-7{
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[2px\]{
  padding-top: 2px;
  padding-bottom: 2px;
}
.py-\[3px\]{
  padding-top: 3px;
  padding-bottom: 3px;
}
.py-px{
  padding-top: 1px;
  padding-bottom: 1px;
}
.pb-0{
  padding-bottom: 0px;
}
.pb-1{
  padding-bottom: 0.25rem;
}
.pb-12{
  padding-bottom: 3rem;
}
.pb-16{
  padding-bottom: 4rem;
}
.pb-2{
  padding-bottom: 0.5rem;
}
.pb-20{
  padding-bottom: 5rem;
}
.pb-28{
  padding-bottom: 7rem;
}
.pb-3{
  padding-bottom: 0.75rem;
}
.pb-36{
  padding-bottom: 9rem;
}
.pb-4{
  padding-bottom: 1rem;
}
.pb-5{
  padding-bottom: 1.25rem;
}
.pb-6{
  padding-bottom: 1.5rem;
}
.pb-8{
  padding-bottom: 2rem;
}
.pb-\[10px\]{
  padding-bottom: 10px;
}
.pb-\[env\(safe-area-inset-bottom\)\]{
  padding-bottom: env(safe-area-inset-bottom);
}
.pl-10{
  padding-left: 2.5rem;
}
.pl-11{
  padding-left: 2.75rem;
}
.pl-2{
  padding-left: 0.5rem;
}
.pl-3{
  padding-left: 0.75rem;
}
.pl-4{
  padding-left: 1rem;
}
.pl-5{
  padding-left: 1.25rem;
}
.pl-8{
  padding-left: 2rem;
}
.pl-9{
  padding-left: 2.25rem;
}
.pl-\[10px\]{
  padding-left: 10px;
}
.pr-1{
  padding-right: 0.25rem;
}
.pr-10{
  padding-right: 2.5rem;
}
.pr-14{
  padding-right: 3.5rem;
}
.pr-16{
  padding-right: 4rem;
}
.pr-2{
  padding-right: 0.5rem;
}
.pr-2\.5{
  padding-right: 0.625rem;
}
.pr-4{
  padding-right: 1rem;
}
.pr-5{
  padding-right: 1.25rem;
}
.pr-8{
  padding-right: 2rem;
}
.pr-9{
  padding-right: 2.25rem;
}
.pt-0{
  padding-top: 0px;
}
.pt-1{
  padding-top: 0.25rem;
}
.pt-10{
  padding-top: 2.5rem;
}
.pt-14{
  padding-top: 3.5rem;
}
.pt-16{
  padding-top: 4rem;
}
.pt-2{
  padding-top: 0.5rem;
}
.pt-3{
  padding-top: 0.75rem;
}
.pt-4{
  padding-top: 1rem;
}
.pt-6{
  padding-top: 1.5rem;
}
.pt-7{
  padding-top: 1.75rem;
}
.pt-\[12px\]{
  padding-top: 12px;
}
.pt-\[1px\]{
  padding-top: 1px;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.align-top{
  vertical-align: top;
}
.align-middle{
  vertical-align: middle;
}
.align-bottom{
  vertical-align: bottom;
}
.font-default{
  font-family: var(--font-sans), Inter, system-ui, sans-serif;
}
.font-mono{
  font-family: var(--font-mono), IBM Plex Mono, ui-monospace, monospace;
}
.font-sans{
  font-family: var(--font-sans), Inter, system-ui, sans-serif;
}
.font-serif{
  font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
}
.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl{
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl{
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-6xl{
  font-size: 3.75rem;
  line-height: 1;
}
.text-\[0\.85em\]{
  font-size: 0.85em;
}
.text-\[10px\]{
  font-size: 10px;
}
.text-\[11px\]{
  font-size: 11px;
}
.text-\[12px\]{
  font-size: 12px;
}
.text-\[13px\]{
  font-size: 13px;
}
.text-\[14px\]{
  font-size: 14px;
}
.text-\[15px\]{
  font-size: 15px;
}
.text-\[16px\]{
  font-size: 16px;
}
.text-\[17px\]{
  font-size: 17px;
}
.text-\[28px\]{
  font-size: 28px;
}
.text-\[34px\]{
  font-size: 34px;
}
.text-\[70px\]{
  font-size: 70px;
}
.text-\[7px\]{
  font-size: 7px;
}
.text-\[8px\]{
  font-size: 8px;
}
.text-\[9px\]{
  font-size: 9px;
}
.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold{
  font-weight: 700;
}
.font-medium{
  font-weight: 500;
}
.font-normal{
  font-weight: 400;
}
.font-semibold{
  font-weight: 600;
}
.uppercase{
  text-transform: uppercase;
}
.lowercase{
  text-transform: lowercase;
}
.capitalize{
  text-transform: capitalize;
}
.italic{
  font-style: italic;
}
.tabular-nums{
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.leading-3{
  line-height: .75rem;
}
.leading-5{
  line-height: 1.25rem;
}
.leading-6{
  line-height: 1.5rem;
}
.leading-7{
  line-height: 1.75rem;
}
.leading-\[0\.9\]{
  line-height: 0.9;
}
.leading-\[18px\]{
  line-height: 18px;
}
.leading-\[34px\]{
  line-height: 34px;
}
.leading-\[42px\]{
  line-height: 42px;
}
.leading-\[85px\]{
  line-height: 85px;
}
.leading-none{
  line-height: 1;
}
.leading-normal{
  line-height: 1.5;
}
.leading-relaxed{
  line-height: 1.625;
}
.leading-snug{
  line-height: 1.375;
}
.leading-tight{
  line-height: 1.25;
}
.tracking-\[0\.01em\]{
  letter-spacing: 0.01em;
}
.tracking-\[0\.08em\]{
  letter-spacing: 0.08em;
}
.tracking-\[0\.12em\]{
  letter-spacing: 0.12em;
}
.tracking-\[0\.14em\]{
  letter-spacing: 0.14em;
}
.tracking-\[0\.16em\]{
  letter-spacing: 0.16em;
}
.tracking-\[0\.18em\]{
  letter-spacing: 0.18em;
}
.tracking-\[0\.22em\]{
  letter-spacing: 0.22em;
}
.tracking-\[0\.24em\]{
  letter-spacing: 0.24em;
}
.tracking-\[0\.2em\]{
  letter-spacing: 0.2em;
}
.tracking-\[0\.32em\]{
  letter-spacing: 0.32em;
}
.tracking-\[0\.3em\]{
  letter-spacing: 0.3em;
}
.tracking-tight{
  letter-spacing: -0.025em;
}
.tracking-wide{
  letter-spacing: 0.025em;
}
.tracking-wider{
  letter-spacing: 0.05em;
}
.tracking-widest{
  letter-spacing: 0.1em;
}
.\!text-\[var\(--soft-text-primary\)\]{
  color: var(--soft-text-primary) !important;
}
.text-\[\#111111\]{
  --tw-text-opacity: 1;
  color: rgb(17 17 17 / var(--tw-text-opacity, 1));
}
.text-\[\#111827\]{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.text-\[\#1b1b1b\]{
  --tw-text-opacity: 1;
  color: rgb(27 27 27 / var(--tw-text-opacity, 1));
}
.text-\[\#1f1f1d\]{
  --tw-text-opacity: 1;
  color: rgb(31 31 29 / var(--tw-text-opacity, 1));
}
.text-\[\#2D2A26\]{
  --tw-text-opacity: 1;
  color: rgb(45 42 38 / var(--tw-text-opacity, 1));
}
.text-\[\#2E2A25\]{
  --tw-text-opacity: 1;
  color: rgb(46 42 37 / var(--tw-text-opacity, 1));
}
.text-\[\#2F2F31\]{
  --tw-text-opacity: 1;
  color: rgb(47 47 49 / var(--tw-text-opacity, 1));
}
.text-\[\#374151\]{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-\[\#38403a\]{
  --tw-text-opacity: 1;
  color: rgb(56 64 58 / var(--tw-text-opacity, 1));
}
.text-\[\#3F3F3F\]{
  --tw-text-opacity: 1;
  color: rgb(63 63 63 / var(--tw-text-opacity, 1));
}
.text-\[\#3F5A6B\]{
  --tw-text-opacity: 1;
  color: rgb(63 90 107 / var(--tw-text-opacity, 1));
}
.text-\[\#3f3020\]{
  --tw-text-opacity: 1;
  color: rgb(63 48 32 / var(--tw-text-opacity, 1));
}
.text-\[\#3f3b36\]{
  --tw-text-opacity: 1;
  color: rgb(63 59 54 / var(--tw-text-opacity, 1));
}
.text-\[\#444444\]{
  --tw-text-opacity: 1;
  color: rgb(68 68 68 / var(--tw-text-opacity, 1));
}
.text-\[\#495148\]{
  --tw-text-opacity: 1;
  color: rgb(73 81 72 / var(--tw-text-opacity, 1));
}
.text-\[\#4A4641\]{
  --tw-text-opacity: 1;
  color: rgb(74 70 65 / var(--tw-text-opacity, 1));
}
.text-\[\#4A4A4A\]{
  --tw-text-opacity: 1;
  color: rgb(74 74 74 / var(--tw-text-opacity, 1));
}
.text-\[\#4B463F\]{
  --tw-text-opacity: 1;
  color: rgb(75 70 63 / var(--tw-text-opacity, 1));
}
.text-\[\#4B4741\]{
  --tw-text-opacity: 1;
  color: rgb(75 71 65 / var(--tw-text-opacity, 1));
}
.text-\[\#4D4944\]{
  --tw-text-opacity: 1;
  color: rgb(77 73 68 / var(--tw-text-opacity, 1));
}
.text-\[\#4F4B46\]{
  --tw-text-opacity: 1;
  color: rgb(79 75 70 / var(--tw-text-opacity, 1));
}
.text-\[\#4F4F4F\]{
  --tw-text-opacity: 1;
  color: rgb(79 79 79 / var(--tw-text-opacity, 1));
}
.text-\[\#4F6B5A\]{
  --tw-text-opacity: 1;
  color: rgb(79 107 90 / var(--tw-text-opacity, 1));
}
.text-\[\#4b5563\]{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-\[\#4f4f4f\]{
  --tw-text-opacity: 1;
  color: rgb(79 79 79 / var(--tw-text-opacity, 1));
}
.text-\[\#5A5A5A\]{
  --tw-text-opacity: 1;
  color: rgb(90 90 90 / var(--tw-text-opacity, 1));
}
.text-\[\#5D5A55\]{
  --tw-text-opacity: 1;
  color: rgb(93 90 85 / var(--tw-text-opacity, 1));
}
.text-\[\#5E5951\]{
  --tw-text-opacity: 1;
  color: rgb(94 89 81 / var(--tw-text-opacity, 1));
}
.text-\[\#5d5852\]{
  --tw-text-opacity: 1;
  color: rgb(93 88 82 / var(--tw-text-opacity, 1));
}
.text-\[\#5f5f5f\]{
  --tw-text-opacity: 1;
  color: rgb(95 95 95 / var(--tw-text-opacity, 1));
}
.text-\[\#6A645D\]{
  --tw-text-opacity: 1;
  color: rgb(106 100 93 / var(--tw-text-opacity, 1));
}
.text-\[\#6C675F\]{
  --tw-text-opacity: 1;
  color: rgb(108 103 95 / var(--tw-text-opacity, 1));
}
.text-\[\#6F5330\]{
  --tw-text-opacity: 1;
  color: rgb(111 83 48 / var(--tw-text-opacity, 1));
}
.text-\[\#6F665D\]{
  --tw-text-opacity: 1;
  color: rgb(111 102 93 / var(--tw-text-opacity, 1));
}
.text-\[\#6F6B66\]{
  --tw-text-opacity: 1;
  color: rgb(111 107 102 / var(--tw-text-opacity, 1));
}
.text-\[\#6b6b6b\]{
  --tw-text-opacity: 1;
  color: rgb(107 107 107 / var(--tw-text-opacity, 1));
}
.text-\[\#6b7280\]{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-\[\#6e4f21\]{
  --tw-text-opacity: 1;
  color: rgb(110 79 33 / var(--tw-text-opacity, 1));
}
.text-\[\#6f4b00\]{
  --tw-text-opacity: 1;
  color: rgb(111 75 0 / var(--tw-text-opacity, 1));
}
.text-\[\#6f5c46\]{
  --tw-text-opacity: 1;
  color: rgb(111 92 70 / var(--tw-text-opacity, 1));
}
.text-\[\#7A1E1E\]{
  --tw-text-opacity: 1;
  color: rgb(122 30 30 / var(--tw-text-opacity, 1));
}
.text-\[\#7D756C\]{
  --tw-text-opacity: 1;
  color: rgb(125 117 108 / var(--tw-text-opacity, 1));
}
.text-\[\#7E8B97\]{
  --tw-text-opacity: 1;
  color: rgb(126 139 151 / var(--tw-text-opacity, 1));
}
.text-\[\#7a7a7a\]{
  --tw-text-opacity: 1;
  color: rgb(122 122 122 / var(--tw-text-opacity, 1));
}
.text-\[\#7b5a16\]{
  --tw-text-opacity: 1;
  color: rgb(123 90 22 / var(--tw-text-opacity, 1));
}
.text-\[\#7f3939\]{
  --tw-text-opacity: 1;
  color: rgb(127 57 57 / var(--tw-text-opacity, 1));
}
.text-\[\#8A8177\]{
  --tw-text-opacity: 1;
  color: rgb(138 129 119 / var(--tw-text-opacity, 1));
}
.text-\[\#8B0000\]{
  --tw-text-opacity: 1;
  color: rgb(139 0 0 / var(--tw-text-opacity, 1));
}
.text-\[\#8B8177\]{
  --tw-text-opacity: 1;
  color: rgb(139 129 119 / var(--tw-text-opacity, 1));
}
.text-\[\#8D4C58\]{
  --tw-text-opacity: 1;
  color: rgb(141 76 88 / var(--tw-text-opacity, 1));
}
.text-\[\#8FA3B8\]{
  --tw-text-opacity: 1;
  color: rgb(143 163 184 / var(--tw-text-opacity, 1));
}
.text-\[\#9A8252\]{
  --tw-text-opacity: 1;
  color: rgb(154 130 82 / var(--tw-text-opacity, 1));
}
.text-\[\#9A948C\]{
  --tw-text-opacity: 1;
  color: rgb(154 148 140 / var(--tw-text-opacity, 1));
}
.text-\[\#9AA79A\]{
  --tw-text-opacity: 1;
  color: rgb(154 167 154 / var(--tw-text-opacity, 1));
}
.text-\[\#9B4D5A\]{
  --tw-text-opacity: 1;
  color: rgb(155 77 90 / var(--tw-text-opacity, 1));
}
.text-\[\#9B8F84\]{
  --tw-text-opacity: 1;
  color: rgb(155 143 132 / var(--tw-text-opacity, 1));
}
.text-\[\#9D958C\]{
  --tw-text-opacity: 1;
  color: rgb(157 149 140 / var(--tw-text-opacity, 1));
}
.text-\[\#9FB1C2\]{
  --tw-text-opacity: 1;
  color: rgb(159 177 194 / var(--tw-text-opacity, 1));
}
.text-\[\#9a1b1b\]{
  --tw-text-opacity: 1;
  color: rgb(154 27 27 / var(--tw-text-opacity, 1));
}
.text-\[\#9a9a9a\]{
  --tw-text-opacity: 1;
  color: rgb(154 154 154 / var(--tw-text-opacity, 1));
}
.text-\[\#A59E95\]{
  --tw-text-opacity: 1;
  color: rgb(165 158 149 / var(--tw-text-opacity, 1));
}
.text-\[\#B04F4F\]{
  --tw-text-opacity: 1;
  color: rgb(176 79 79 / var(--tw-text-opacity, 1));
}
.text-\[\#B7A59A\]{
  --tw-text-opacity: 1;
  color: rgb(183 165 154 / var(--tw-text-opacity, 1));
}
.text-\[\#B86B77\]{
  --tw-text-opacity: 1;
  color: rgb(184 107 119 / var(--tw-text-opacity, 1));
}
.text-\[\#C8B27A\]{
  --tw-text-opacity: 1;
  color: rgb(200 178 122 / var(--tw-text-opacity, 1));
}
.text-\[\#E6E2DA\]{
  --tw-text-opacity: 1;
  color: rgb(230 226 218 / var(--tw-text-opacity, 1));
}
.text-\[\#F8E7A1\]{
  --tw-text-opacity: 1;
  color: rgb(248 231 161 / var(--tw-text-opacity, 1));
}
.text-\[\#b36a00\]{
  --tw-text-opacity: 1;
  color: rgb(179 106 0 / var(--tw-text-opacity, 1));
}
.text-\[\#e9d6ad\]{
  --tw-text-opacity: 1;
  color: rgb(233 214 173 / var(--tw-text-opacity, 1));
}
.text-\[\#f6f1e6\]{
  --tw-text-opacity: 1;
  color: rgb(246 241 230 / var(--tw-text-opacity, 1));
}
.text-\[currentColor\]{
  color: currentColor;
}
.text-\[hsl\(var\(--destructive\)\)\]{
  color: hsl(var(--destructive));
}
.text-\[hsl\(var\(--primary-foreground\)\)\]{
  color: hsl(var(--primary-foreground));
}
.text-\[var\(--accent-primary\)\]{
  color: var(--accent-primary);
}
.text-\[var\(--af-primary\)\]{
  color: var(--af-primary);
}
.text-\[var\(--border-light\)\]{
  color: var(--border-light);
}
.text-\[var\(--brand\)\]{
  color: var(--brand);
}
.text-\[var\(--cli-ink-0\)\]{
  color: var(--cli-ink-0);
}
.text-\[var\(--cli-ink-1\)\]{
  color: var(--cli-ink-1);
}
.text-\[var\(--cli-muted-1\)\]{
  color: var(--cli-muted-1);
}
.text-\[var\(--cli-muted-2\)\]{
  color: var(--cli-muted-2);
}
.text-\[var\(--cli-status-busy\)\]{
  color: var(--cli-status-busy);
}
.text-\[var\(--cli-status-error\)\]{
  color: var(--cli-status-error);
}
.text-\[var\(--cli-status-online\)\]{
  color: var(--cli-status-online);
}
.text-\[var\(--ds-morandi-red\)\]{
  color: var(--ds-morandi-red);
}
.text-\[var\(--file-tree-icon-muted\)\]{
  color: var(--file-tree-icon-muted);
}
.text-\[var\(--function-error\)\]{
  color: var(--function-error);
}
.text-\[var\(--function-success\)\]{
  color: var(--function-success);
}
.text-\[var\(--function-warning\)\]{
  color: var(--function-warning);
}
.text-\[var\(--icon-primary\)\]{
  color: var(--icon-primary);
}
.text-\[var\(--icon-secondary\)\]{
  color: var(--icon-secondary);
}
.text-\[var\(--icon-tertiary\)\]{
  color: var(--icon-tertiary);
}
.text-\[var\(--icon-white\)\]{
  color: var(--icon-white);
}
.text-\[var\(--lab-accent-strong\)\]{
  color: var(--lab-accent-strong);
}
.text-\[var\(--lab-danger\)\]{
  color: var(--lab-danger);
}
.text-\[var\(--lab-text-muted\)\]{
  color: var(--lab-text-muted);
}
.text-\[var\(--lab-text-primary\)\]{
  color: var(--lab-text-primary);
}
.text-\[var\(--lab-text-secondary\)\]{
  color: var(--lab-text-secondary);
}
.text-\[var\(--soft-danger\)\]{
  color: var(--soft-danger);
}
.text-\[var\(--soft-success\)\]{
  color: var(--soft-success);
}
.text-\[var\(--soft-text-primary\)\]{
  color: var(--soft-text-primary);
}
.text-\[var\(--soft-text-secondary\)\]{
  color: var(--soft-text-secondary);
}
.text-\[var\(--soft-text-tertiary\)\]{
  color: var(--soft-text-tertiary);
}
.text-\[var\(--status-error\)\]{
  color: var(--status-error);
}
.text-\[var\(--text-brand\)\]{
  color: var(--text-brand);
}
.text-\[var\(--text-disable\)\]{
  color: var(--text-disable);
}
.text-\[var\(--text-main\)\]{
  color: var(--text-main);
}
.text-\[var\(--text-mention\)\]{
  color: var(--text-mention);
}
.text-\[var\(--text-muted\)\]{
  color: var(--text-muted);
}
.text-\[var\(--text-muted-on-dark\)\]{
  color: var(--text-muted-on-dark);
}
.text-\[var\(--text-on-dark\)\]{
  color: var(--text-on-dark);
}
.text-\[var\(--text-onblack\)\]{
  color: var(--text-onblack);
}
.text-\[var\(--text-primary\)\]{
  color: var(--text-primary);
}
.text-\[var\(--text-secondary\)\]{
  color: var(--text-secondary);
}
.text-\[var\(--text-tertiary\)\]{
  color: var(--text-tertiary);
}
.text-amber-100{
  --tw-text-opacity: 1;
  color: rgb(254 243 199 / var(--tw-text-opacity, 1));
}
.text-amber-600{
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}
.text-amber-700{
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}
.text-amber-800{
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}
.text-amber-900{
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity, 1));
}
.text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-black\/45{
  color: rgb(0 0 0 / 0.45);
}
.text-black\/50{
  color: rgb(0 0 0 / 0.5);
}
.text-black\/55{
  color: rgb(0 0 0 / 0.55);
}
.text-black\/60{
  color: rgb(0 0 0 / 0.6);
}
.text-black\/65{
  color: rgb(0 0 0 / 0.65);
}
.text-black\/70{
  color: rgb(0 0 0 / 0.7);
}
.text-black\/75{
  color: rgb(0 0 0 / 0.75);
}
.text-black\/80{
  color: rgb(0 0 0 / 0.8);
}
.text-black\/85{
  color: rgb(0 0 0 / 0.85);
}
.text-blue-400{
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}
.text-blue-500{
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.text-card-foreground{
  color: hsl(var(--card-foreground));
}
.text-current{
  color: currentColor;
}
.text-destructive{
  color: hsl(var(--destructive));
}
.text-destructive-foreground{
  color: hsl(var(--destructive-foreground));
}
.text-emerald-100{
  --tw-text-opacity: 1;
  color: rgb(209 250 229 / var(--tw-text-opacity, 1));
}
.text-emerald-400{
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}
.text-emerald-600{
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
}
.text-emerald-700{
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}
.text-foreground{
  color: hsl(var(--foreground));
}
.text-foreground\/55{
  color: hsl(var(--foreground) / 0.55);
}
.text-foreground\/65{
  color: hsl(var(--foreground) / 0.65);
}
.text-foreground\/70{
  color: hsl(var(--foreground) / 0.7);
}
.text-foreground\/75{
  color: hsl(var(--foreground) / 0.75);
}
.text-foreground\/80{
  color: hsl(var(--foreground) / 0.8);
}
.text-foreground\/85{
  color: hsl(var(--foreground) / 0.85);
}
.text-foreground\/90{
  color: hsl(var(--foreground) / 0.9);
}
.text-gray-100{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}
.text-gray-300{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-gray-800{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.text-green-400{
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}
.text-green-500{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.text-green-600{
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}
.text-indigo-400{
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / var(--tw-text-opacity, 1));
}
.text-indigo-600{
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}
.text-info-foreground{
  color: hsl(var(--info-foreground));
}
.text-muted-foreground{
  color: hsl(var(--muted-foreground));
}
.text-muted-foreground\/30{
  color: hsl(var(--muted-foreground) / 0.3);
}
.text-muted-foreground\/40{
  color: hsl(var(--muted-foreground) / 0.4);
}
.text-muted-foreground\/50{
  color: hsl(var(--muted-foreground) / 0.5);
}
.text-muted-foreground\/60{
  color: hsl(var(--muted-foreground) / 0.6);
}
.text-muted-foreground\/70{
  color: hsl(var(--muted-foreground) / 0.7);
}
.text-muted-foreground\/90{
  color: hsl(var(--muted-foreground) / 0.9);
}
.text-pink-400{
  --tw-text-opacity: 1;
  color: rgb(244 114 182 / var(--tw-text-opacity, 1));
}
.text-popover-foreground{
  color: hsl(var(--popover-foreground));
}
.text-primary{
  color: hsl(var(--primary));
}
.text-primary-foreground{
  color: hsl(var(--primary-foreground));
}
.text-primary\/60{
  color: hsl(var(--primary) / 0.6);
}
.text-purple-400{
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / var(--tw-text-opacity, 1));
}
.text-red-200{
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity, 1));
}
.text-red-300{
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}
.text-red-400{
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.text-red-500{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-red-600{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-red-700{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.text-red-700\/90{
  color: rgb(185 28 28 / 0.9);
}
.text-rose-600{
  --tw-text-opacity: 1;
  color: rgb(225 29 72 / var(--tw-text-opacity, 1));
}
.text-rose-700{
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / var(--tw-text-opacity, 1));
}
.text-rose-900{
  --tw-text-opacity: 1;
  color: rgb(136 19 55 / var(--tw-text-opacity, 1));
}
.text-secondary-foreground{
  color: hsl(var(--secondary-foreground));
}
.text-sky-700{
  --tw-text-opacity: 1;
  color: rgb(3 105 161 / var(--tw-text-opacity, 1));
}
.text-slate-200{
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}
.text-slate-300{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}
.text-slate-400{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.text-slate-500{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.text-slate-700{
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.text-slate-800{
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}
.text-slate-900{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.text-soft-accent{
  --tw-text-opacity: 1;
  color: hsl(var(--soft-accent-hsl) / var(--tw-text-opacity, 1));
}
.text-soft-text-muted{
  --tw-text-opacity: 1;
  color: hsl(var(--soft-text-tertiary-hsl) / var(--tw-text-opacity, 1));
}
.text-soft-text-primary{
  --tw-text-opacity: 1;
  color: hsl(var(--soft-text-primary-hsl) / var(--tw-text-opacity, 1));
}
.text-soft-text-secondary{
  --tw-text-opacity: 1;
  color: hsl(var(--soft-text-secondary-hsl) / var(--tw-text-opacity, 1));
}
.text-soft-text-secondary\/60{
  color: hsl(var(--soft-text-secondary-hsl) / 0.6);
}
.text-soft-text-tertiary{
  --tw-text-opacity: 1;
  color: hsl(var(--soft-text-tertiary-hsl) / var(--tw-text-opacity, 1));
}
.text-success{
  color: hsl(var(--success));
}
.text-success-foreground{
  color: hsl(var(--success-foreground));
}
.text-transparent{
  color: transparent;
}
.text-warning{
  color: hsl(var(--warning));
}
.text-warning-foreground{
  color: hsl(var(--warning-foreground));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-white\/30{
  color: rgb(255 255 255 / 0.3);
}
.text-white\/40{
  color: rgb(255 255 255 / 0.4);
}
.text-white\/50{
  color: rgb(255 255 255 / 0.5);
}
.text-white\/55{
  color: rgb(255 255 255 / 0.55);
}
.text-white\/60{
  color: rgb(255 255 255 / 0.6);
}
.text-white\/70{
  color: rgb(255 255 255 / 0.7);
}
.text-white\/80{
  color: rgb(255 255 255 / 0.8);
}
.text-white\/90{
  color: rgb(255 255 255 / 0.9);
}
.text-yellow-600{
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / var(--tw-text-opacity, 1));
}
.text-zinc-500{
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / var(--tw-text-opacity, 1));
}
.text-zinc-600{
  --tw-text-opacity: 1;
  color: rgb(82 82 91 / var(--tw-text-opacity, 1));
}
.text-zinc-700{
  --tw-text-opacity: 1;
  color: rgb(63 63 70 / var(--tw-text-opacity, 1));
}
.text-zinc-800{
  --tw-text-opacity: 1;
  color: rgb(39 39 42 / var(--tw-text-opacity, 1));
}
.text-zinc-900{
  --tw-text-opacity: 1;
  color: rgb(24 24 27 / var(--tw-text-opacity, 1));
}
.underline{
  text-decoration-line: underline;
}
.line-through{
  text-decoration-line: line-through;
}
.decoration-black\/15{
  text-decoration-color: rgb(0 0 0 / 0.15);
}
.decoration-slate-300{
  text-decoration-color: #cbd5e1;
}
.decoration-stone-400{
  text-decoration-color: #a8a29e;
}
.decoration-white\/30{
  text-decoration-color: rgb(255 255 255 / 0.3);
}
.decoration-dotted{
  text-decoration-style: dotted;
}
.underline-offset-2{
  text-underline-offset: 2px;
}
.underline-offset-4{
  text-underline-offset: 4px;
}
.underline-offset-\[3px\]{
  text-underline-offset: 3px;
}
.antialiased{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.placeholder-soft-text-tertiary::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: hsl(var(--soft-text-tertiary-hsl) / var(--tw-placeholder-opacity, 1));
}
.placeholder-soft-text-tertiary::placeholder{
  --tw-placeholder-opacity: 1;
  color: hsl(var(--soft-text-tertiary-hsl) / var(--tw-placeholder-opacity, 1));
}
.caret-\[var\(--text-primary\)\]{
  caret-color: var(--text-primary);
}
.accent-\[var\(--cli-accent-olive\)\]{
  accent-color: var(--cli-accent-olive);
}
.opacity-0{
  opacity: 0;
}
.opacity-100{
  opacity: 1;
}
.opacity-20{
  opacity: 0.2;
}
.opacity-25{
  opacity: 0.25;
}
.opacity-30{
  opacity: 0.3;
}
.opacity-40{
  opacity: 0.4;
}
.opacity-50{
  opacity: 0.5;
}
.opacity-55{
  opacity: 0.55;
}
.opacity-60{
  opacity: 0.6;
}
.opacity-70{
  opacity: 0.7;
}
.opacity-75{
  opacity: 0.75;
}
.opacity-80{
  opacity: 0.8;
}
.opacity-85{
  opacity: 0.85;
}
.opacity-90{
  opacity: 0.9;
}
.opacity-95{
  opacity: 0.95;
}
.opacity-\[0\.045\]{
  opacity: 0.045;
}
.opacity-\[0\.04\]{
  opacity: 0.04;
}
.opacity-\[0\.055\]{
  opacity: 0.055;
}
.opacity-\[0\.06\]{
  opacity: 0.06;
}
.opacity-\[0\.12\]{
  opacity: 0.12;
}
.mix-blend-overlay{
  mix-blend-mode: overlay;
}
.mix-blend-soft-light{
  mix-blend-mode: soft-light;
}
.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl{
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_1px_rgba\(212\2c 175\2c 55\2c 0\.55\)\2c 0_0_18px_rgba\(212\2c 175\2c 55\2c 0\.45\)\]{
  --tw-shadow: 0 0 0 1px rgba(212,175,55,0.55),0 0 18px rgba(212,175,55,0.45);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 18px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_1\.25px_0_var\(--shadow-M\)\2c 0_5px_16px_0_var\(--shadow-M\)\]{
  --tw-shadow: 0 0 1.25px 0 var(--shadow-M),0 5px 16px 0 var(--shadow-M);
  --tw-shadow-colored: 0 0 1.25px 0 var(--tw-shadow-color), 0 5px 16px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_16px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]{
  --tw-shadow: 0 0 16px rgba(0,0,0,0.08);
  --tw-shadow-colored: 0 0 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_24px_rgba\(15\2c 23\2c 42\2c 0\.06\)\]{
  --tw-shadow: 0 10px 24px rgba(15,23,42,0.06);
  --tw-shadow-colored: 0 10px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_24px_rgba\(20\2c 20\2c 20\2c 0\.08\)\]{
  --tw-shadow: 0 10px 24px rgba(20,20,20,0.08);
  --tw-shadow-colored: 0 10px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_28px_-22px_rgba\(0\2c 0\2c 0\2c 0\.25\)\]{
  --tw-shadow: 0 10px 28px -22px rgba(0,0,0,0.25);
  --tw-shadow-colored: 0 10px 28px -22px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_30px_rgba\(0\2c 0\2c 0\2c 0\.35\)\]{
  --tw-shadow: 0 10px 30px rgba(0,0,0,0.35);
  --tw-shadow-colored: 0 10px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_30px_rgba\(15\2c 23\2c 42\2c 0\.06\)\]{
  --tw-shadow: 0 10px 30px rgba(15,23,42,0.06);
  --tw-shadow-colored: 0 10px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_28px_-14px_rgba\(45\2c 42\2c 38\2c 0\.55\)\]{
  --tw-shadow: 0 12px 28px -14px rgba(45,42,38,0.55);
  --tw-shadow-colored: 0 12px 28px -14px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_36px_-28px_rgba\(0\2c 0\2c 0\2c 0\.38\)\]{
  --tw-shadow: 0 12px 36px -28px rgba(0,0,0,0.38);
  --tw-shadow-colored: 0 12px 36px -28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_14px_30px_-28px_rgba\(45\2c 42\2c 38\2c 0\.45\)\]{
  --tw-shadow: 0 14px 30px -28px rgba(45,42,38,0.45);
  --tw-shadow-colored: 0 14px 30px -28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_14px_36px_-28px_rgba\(0\2c 0\2c 0\2c 0\.55\)\]{
  --tw-shadow: 0 14px 36px -28px rgba(0,0,0,0.55);
  --tw-shadow-colored: 0 14px 36px -28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_14px_48px_-44px_rgba\(0\2c 0\2c 0\2c 0\.50\)\]{
  --tw-shadow: 0 14px 48px -44px rgba(0,0,0,0.50);
  --tw-shadow-colored: 0 14px 48px -44px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_15px_38px_rgba\(69\2c 61\2c 52\2c 0\.10\)\]{
  --tw-shadow: 0 15px 38px rgba(69,61,52,0.10);
  --tw-shadow-colored: 0 15px 38px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_18px_40px_-28px_rgba\(45\2c 42\2c 38\2c 0\.5\)\]{
  --tw-shadow: 0 18px 40px -28px rgba(45,42,38,0.5);
  --tw-shadow-colored: 0 18px 40px -28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_18px_40px_-30px_rgba\(0\2c 0\2c 0\2c 0\.35\)\]{
  --tw-shadow: 0 18px 40px -30px rgba(0,0,0,0.35);
  --tw-shadow-colored: 0 18px 40px -30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_18px_40px_-30px_rgba\(45\2c 42\2c 38\2c 0\.5\)\]{
  --tw-shadow: 0 18px 40px -30px rgba(45,42,38,0.5);
  --tw-shadow-colored: 0 18px 40px -30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_18px_40px_rgba\(0\2c 0\2c 0\2c 0\.12\)\]{
  --tw-shadow: 0 18px 40px rgba(0,0,0,0.12);
  --tw-shadow-colored: 0 18px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_18px_42px_rgba\(69\2c 61\2c 52\2c 0\.12\)\]{
  --tw-shadow: 0 18px 42px rgba(69,61,52,0.12);
  --tw-shadow-colored: 0 18px 42px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_18px_45px_rgba\(0\2c 0\2c 0\2c 0\.18\)\]{
  --tw-shadow: 0 18px 45px rgba(0,0,0,0.18);
  --tw-shadow-colored: 0 18px 45px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_18px_48px_rgba\(15\2c 23\2c 42\2c 0\.12\)\]{
  --tw-shadow: 0 18px 48px rgba(15,23,42,0.12);
  --tw-shadow-colored: 0 18px 48px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_18px_60px_-20px_rgba\(0\2c 0\2c 0\2c 0\.2\)\]{
  --tw-shadow: 0 18px 60px -20px rgba(0,0,0,0.2);
  --tw-shadow-colored: 0 18px 60px -20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_18px_60px_-20px_rgba\(0\2c 0\2c 0\2c 0\.25\)\]{
  --tw-shadow: 0 18px 60px -20px rgba(0,0,0,0.25);
  --tw-shadow-colored: 0 18px 60px -20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_18px_60px_-52px_rgba\(0\2c 0\2c 0\2c 0\.55\)\]{
  --tw-shadow: 0 18px 60px -52px rgba(0,0,0,0.55);
  --tw-shadow-colored: 0 18px 60px -52px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.04\)\]{
  --tw-shadow: 0 1px 2px rgba(0,0,0,0.04);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_2px_rgba\(15\2c 23\2c 42\2c 0\.06\)\]{
  --tw-shadow: 0 1px 2px rgba(15,23,42,0.06);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_3px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]{
  --tw-shadow: 0 1px 3px rgba(0,0,0,0.08);
  --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_20px_45px_-32px_rgba\(45\2c 42\2c 38\2c 0\.5\)\]{
  --tw-shadow: 0 20px 45px -32px rgba(45,42,38,0.5);
  --tw-shadow-colored: 0 20px 45px -32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_20px_50px_-30px_rgba\(45\2c 42\2c 38\2c 0\.35\)\]{
  --tw-shadow: 0 20px 50px -30px rgba(45,42,38,0.35);
  --tw-shadow-colored: 0 20px 50px -30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_20px_60px_-50px_rgba\(60\2c 55\2c 50\2c 0\.25\)\]{
  --tw-shadow: 0 20px 60px -50px rgba(60,55,50,0.25);
  --tw-shadow-colored: 0 20px 60px -50px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_20px_60px_-50px_rgba\(60\2c 55\2c 50\2c 0\.35\)\]{
  --tw-shadow: 0 20px 60px -50px rgba(60,55,50,0.35);
  --tw-shadow-colored: 0 20px 60px -50px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_20px_60px_rgba\(0\2c 0\2c 0\2c 0\.18\)\]{
  --tw-shadow: 0 20px 60px rgba(0,0,0,0.18);
  --tw-shadow-colored: 0 20px 60px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_22px_48px_-32px_rgba\(45\2c 42\2c 38\2c 0\.5\)\]{
  --tw-shadow: 0 22px 48px -32px rgba(45,42,38,0.5);
  --tw-shadow-colored: 0 22px 48px -32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_24px_70px_-30px_rgba\(0\2c 0\2c 0\2c 0\.35\)\]{
  --tw-shadow: 0 24px 70px -30px rgba(0,0,0,0.35);
  --tw-shadow-colored: 0 24px 70px -30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_25px_70px_rgba\(69\2c 61\2c 52\2c 0\.16\)\]{
  --tw-shadow: 0 25px 70px rgba(69,61,52,0.16);
  --tw-shadow-colored: 0 25px 70px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_6px_16px_-12px_rgba\(0\2c 0\2c 0\2c 0\.4\)\]{
  --tw-shadow: 0 6px 16px -12px rgba(0,0,0,0.4);
  --tw-shadow-colored: 0 6px 16px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_6px_16px_rgba\(45\2c 42\2c 38\2c 0\.12\)\]{
  --tw-shadow: 0 6px 16px rgba(45,42,38,0.12);
  --tw-shadow-colored: 0 6px 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_18px_rgba\(15\2c 23\2c 42\2c 0\.18\)\]{
  --tw-shadow: 0 8px 18px rgba(15,23,42,0.18);
  --tw-shadow-colored: 0 8px 18px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_20px_rgba\(20\2c 20\2c 20\2c 0\.08\)\]{
  --tw-shadow: 0 8px 20px rgba(20,20,20,0.08);
  --tw-shadow-colored: 0 8px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_20px_rgba\(45\2c 42\2c 38\2c 0\.14\)\]{
  --tw-shadow: 0 8px 20px rgba(45,42,38,0.14);
  --tw-shadow-colored: 0 8px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_22px_rgba\(0\2c 0\2c 0\2c 0\.12\)\]{
  --tw-shadow: 0 8px 22px rgba(0,0,0,0.12);
  --tw-shadow-colored: 0 8px 22px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_24px_rgba\(20\2c 20\2c 20\2c 0\.08\)\]{
  --tw-shadow: 0 8px 24px rgba(20,20,20,0.08);
  --tw-shadow-colored: 0 8px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_30px_rgba\(32\2c 32\2c 32\2c 0\.08\)\]{
  --tw-shadow: 0 8px 30px rgba(32,32,32,0.08);
  --tw-shadow-colored: 0 8px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_32px_rgba\(0\2c 0\2c 0\2c 0\.4\)\]{
  --tw-shadow: 0 8px 32px rgba(0,0,0,0.4);
  --tw-shadow-colored: 0 8px 32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_0px_1px_0px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]{
  --tw-shadow: 0px 0px 1px 0px rgba(0,0,0,0.08);
  --tw-shadow-colored: 0px 0px 1px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_0px_1px_0px_var\(--shadow-XS\)\2c 0px_12px_28px_-20px_var\(--shadow-S\)\]{
  --tw-shadow: 0px 0px 1px 0px var(--shadow-XS),0px 12px 28px -20px var(--shadow-S);
  --tw-shadow-colored: 0px 0px 1px 0px var(--tw-shadow-color), 0px 12px 28px -20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_0px_1px_0px_var\(--shadow-XS\)\2c 0px_16px_32px_-24px_var\(--shadow-S\)\]{
  --tw-shadow: 0px 0px 1px 0px var(--shadow-XS),0px 16px 32px -24px var(--shadow-S);
  --tw-shadow-colored: 0px 0px 1px 0px var(--tw-shadow-color), 0px 16px 32px -24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_0px_1px_0px_var\(--shadow-XS\)\]{
  --tw-shadow: 0px 0px 1px 0px var(--shadow-XS);
  --tw-shadow-colored: 0px 0px 1px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_10px_24px_-16px_rgba\(0\2c 0\2c 0\2c 0\.24\)\]{
  --tw-shadow: 0px 10px 24px -16px rgba(0,0,0,0.24);
  --tw-shadow-colored: 0px 10px 24px -16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_16px_36px_-20px_rgba\(0\2c 0\2c 0\2c 0\.2\)\]{
  --tw-shadow: 0px 16px 36px -20px rgba(0,0,0,0.2);
  --tw-shadow-colored: 0px 16px 36px -20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_18px_40px_-30px_var\(--shadow-M\)\]{
  --tw-shadow: 0px 18px 40px -30px var(--shadow-M);
  --tw-shadow-colored: 0px 18px 40px -30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_2px_6px_-4px_rgba\(0\2c 0\2c 0\2c 0\.3\)\]{
  --tw-shadow: 0px 2px 6px -4px rgba(0,0,0,0.3);
  --tw-shadow-colored: 0px 2px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_30px_80px_-40px_rgba\(0\2c 0\2c 0\2c 0\.32\)\]{
  --tw-shadow: 0px 30px 80px -40px rgba(0,0,0,0.32);
  --tw-shadow-colored: 0px 30px 80px -40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_5px_16px_0px_var\(--shadow-S\)\2c 0px_0px_1\.25px_0px_var\(--shadow-S\)\]{
  --tw-shadow: 0px 5px 16px 0px var(--shadow-S),0px 0px 1.25px 0px var(--shadow-S);
  --tw-shadow-colored: 0px 5px 16px 0px var(--tw-shadow-color), 0px 0px 1.25px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_8px_20px_-12px_rgba\(0\2c 0\2c 0\2c 0\.28\)\]{
  --tw-shadow: 0px 8px 20px -12px rgba(0,0,0,0.28);
  --tw-shadow-colored: 0px 8px 20px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_8px_28px_-24px_var\(--shadow-L\)\]{
  --tw-shadow: 0px 8px 28px -24px var(--shadow-L);
  --tw-shadow-colored: 0px 8px 28px -24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_8px_32px_0px_rgba\(0\2c 0\2c 0\2c 0\.32\)\]{
  --tw-shadow: 0px 8px 32px 0px rgba(0,0,0,0.32);
  --tw-shadow-colored: 0px 8px 32px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[6px_6px_12px_hsl\(var\(--shadow-dark\)\)\2c -6px_-6px_12px_hsl\(var\(--shadow-light\)\)\]{
  --tw-shadow: 6px 6px 12px hsl(var(--shadow-dark)),-6px -6px 12px hsl(var(--shadow-light));
  --tw-shadow-colored: 6px 6px 12px var(--tw-shadow-color), -6px -6px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.55\)\]{
  --tw-shadow: inset 0 1px 0 rgba(255,255,255,0.55);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0px_1px_0px_0px_\#FFFFFF\]{
  --tw-shadow: inset 0px 1px 0px 0px #FFFFFF;
  --tw-shadow-colored: inset 0px 1px 0px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-soft-card{
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-soft-inset{
  --tw-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: inset 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-soft-lg{
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-soft-md{
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-soft-sm{
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl{
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline{
  outline-style: solid;
}
.ring{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-1{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-inset{
  --tw-ring-inset: inset;
}
.ring-\[\#2F3437\]\/20{
  --tw-ring-color: rgb(47 52 55 / 0.2);
}
.ring-\[\#7f9487\]{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(127 148 135 / var(--tw-ring-opacity, 1));
}
.ring-\[var\(--border-input-active\)\]{
  --tw-ring-color: var(--border-input-active);
}
.ring-\[var\(--cli-accent-olive\)\]{
  --tw-ring-color: var(--cli-accent-olive);
}
.ring-\[var\(--lab-accent\)\]{
  --tw-ring-color: var(--lab-accent);
}
.ring-amber-500\/35{
  --tw-ring-color: rgb(245 158 11 / 0.35);
}
.ring-black{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1));
}
.ring-emerald-500\/35{
  --tw-ring-color: rgb(16 185 129 / 0.35);
}
.ring-gray-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1));
}
.ring-primary{
  --tw-ring-color: hsl(var(--primary));
}
.ring-primary\/30{
  --tw-ring-color: hsl(var(--primary) / 0.3);
}
.ring-rose-500\/35{
  --tw-ring-color: rgb(244 63 94 / 0.35);
}
.ring-sky-500\/35{
  --tw-ring-color: rgb(14 165 233 / 0.35);
}
.ring-soft-accent{
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--soft-accent-hsl) / var(--tw-ring-opacity, 1));
}
.ring-white\/10{
  --tw-ring-color: rgb(255 255 255 / 0.1);
}
.ring-white\/15{
  --tw-ring-color: rgb(255 255 255 / 0.15);
}
.ring-white\/20{
  --tw-ring-color: rgb(255 255 255 / 0.2);
}
.ring-offset-1{
  --tw-ring-offset-width: 1px;
}
.ring-offset-2{
  --tw-ring-offset-width: 2px;
}
.ring-offset-background{
  --tw-ring-offset-color: hsl(var(--background));
}
.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-2xl{
  --tw-blur: blur(40px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-3xl{
  --tw-blur: blur(64px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.brightness-75{
  --tw-brightness: brightness(.75);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_18px_44px_rgba\(69\2c 61\2c 52\2c 0\.22\)\]{
  --tw-drop-shadow: drop-shadow(0 18px 44px rgba(69,61,52,0.22));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-sm{
  --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale{
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert{
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.sepia{
  --tw-sepia: sepia(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur{
  --tw-backdrop-blur: blur(8px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[12px\]{
  --tw-backdrop-blur: blur(12px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[6px\]{
  --tw-backdrop-blur: blur(6px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-lg{
  --tw-backdrop-blur: blur(16px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-md{
  --tw-backdrop-blur: blur(12px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm{
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-xl{
  --tw-backdrop-blur: blur(24px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-filter{
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[box-shadow\2c border-color\2c background-color\]{
  transition-property: box-shadow,border-color,background-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[box-shadow\2c border-color\]{
  transition-property: box-shadow,border-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[flex-basis\]{
  transition-property: flex-basis;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[max-height\2c opacity\]{
  transition-property: max-height,opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[opacity\2c transform\]{
  transition-property: opacity,transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[transform\2c box-shadow\]{
  transition-property: transform,box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[width\]{
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-none{
  transition-property: none;
}
.transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-shadow{
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-100{
  transition-duration: 100ms;
}
.duration-150{
  transition-duration: 150ms;
}
.duration-200{
  transition-duration: 200ms;
}
.duration-300{
  transition-duration: 300ms;
}
.duration-500{
  transition-duration: 500ms;
}
.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
/* Line clamp utilities */
.line-clamp-1,
  .line-clamp-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
.line-clamp-1 {
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
.line-clamp-2 {
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
/* Background utilities */
/* Text utilities */
.text-soft-primary {
    color: var(--soft-text-primary);
  }
.text-soft-accent {
    color: var(--soft-accent);
  }
/* Border utilities */
/* Soft UI Raised Shadows (Convex/Button) */
/* Soft UI Card Shadows */
.shadow-soft-card {
    box-shadow: var(--soft-shadow-card);
  }
/* Soft UI Inset Shadows (Input) */
.shadow-soft-inset {
    box-shadow: var(--soft-shadow-inset);
  }
.shadow-soft-inset-error {
    box-shadow:
      var(--soft-shadow-inset),
      0 0 0 3px rgba(239, 68, 68, 0.2);
  }
/* Soft UI Floating Shadow (Modal/Dropdown) */
/* Dark mode glow effect */
/* Soft UI Rounded Corners */
.rounded-soft-sm {
    border-radius: 10px;
  }
.rounded-soft-md {
    border-radius: 12px;
  }
.rounded-soft-lg {
    border-radius: 16px;
  }
.rounded-soft-xl {
    border-radius: 20px;
  }
/* Soft UI Transitions */
.transition-soft {
    transition: all 0.3s var(--ease-soft);
  }
/* Gradient Text Utility */
.\[-ms-overflow-style\:none\]{
  -ms-overflow-style: none;
}
.\[animation-delay\:120ms\]{
  animation-delay: 120ms;
}
.\[animation-delay\:240ms\]{
  animation-delay: 240ms;
}
.\[background-image\:var\(--ds-card-iridescent\)\]{
  background-image: var(--ds-card-iridescent);
}
.\[p3\:l12\]{
  p3: l12;
}
.\[padding-top\:calc\(env\(safe-area-inset-top\2c 0px\)\+0\.5rem\)\]{
  padding-top: calc(env(safe-area-inset-top,0px) + 0.5rem);
}
.\[scrollbar-gutter\:stable\]{
  scrollbar-gutter: stable;
}
.\[scrollbar-width\:none\]{
  scrollbar-width: none;
}

/* Import animation styles */

/* Import ai-manus styles */

/* Import Markdown preview styles */

/* PDF.js + react-pdf-highlighter styles */

@font-face {
  font-family: 'DS-Project';
  src: url('/fonts/Satoshi-Medium-ByP-Zb-9.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0100-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF;
}

@font-face {
  font-family: 'DS-Satoshi';
  src: url('/fonts/Satoshi-Medium-ByP-Zb-9.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DS-Project';
  src: url('/fonts/NotoSerifSC-Regular-C94HN_ZN.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+3000-303F, U+3400-4DBF, U+4E00-9FFF, U+F900-FAFF, U+FF00-FFEF;
}

@font-face {
  font-family: 'DS-NotoSerifSC';
  src: url('/fonts/NotoSerifSC-Regular-C94HN_ZN.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DS-Inter';
  src: url('/fonts/Inter-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DS-SourceSans3';
  src: url('/fonts/SourceSans3-Variable.ttf') format('truetype');
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DS-NunitoSans';
  src: url('/fonts/NunitoSans-Variable.ttf') format('truetype');
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}

.font-project {
  --font-sans: 'DS-Project', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --ds-font-family: var(--font-sans);
  font-family: var(--font-sans);
}

.font-project .font-sans,
.font-project .font-title,
.font-project .font-default {
  font-family: var(--font-sans);
}

.font-project .wmde-markdown {
  font-family: inherit;
}

/* Review annotations include extracted math unicode chars; use a wider glyph fallback stack. */
.review-annotation-markdown,
.review-annotation-markdown.wmde-markdown,
.review-annotation-markdown .wmde-markdown,
.review-annotation-text-fallback {
  font-family:
    'DS-Project',
    'DS-Inter',
    'Inter',
    'Noto Sans',
    'Noto Sans Math',
    'STIX Two Math',
    'Cambria Math',
    'Segoe UI Symbol',
    'Apple Symbols',
    'Symbola',
    'DejaVu Sans',
    sans-serif;
  text-rendering: optimizeLegibility;
}

/* ========== Workspace Design Tokens ========== */
:root {
  /* Fonts */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --ds-font-family: var(--font-sans);
  --ds-font-code: var(--font-mono);

  /* Brand Colors */
  --brand: #2F3437;
  --brand-foreground: #FFFFFF;
  --brand-subtle: rgba(47, 52, 55, 0.12);
  --brand-hover: #262A2C;

  /* Workspace Backgrounds */
  --bg-app: #F6F7F9;
  /* Slightly lighter graphite (avoid pure black blocks) */
  --bg-panel-left: #24262B;
  --bg-panel-center: #FFFFFF;
  --bg-panel-right: #24262B;

  /* Workspace Text */
  --text-main: #111827;
  --text-muted: #6B7280;
  --text-on-dark: #E4E4E7;
  --text-muted-on-dark: #A1A1AA;

  /* Workspace Borders */
  --border-light: #E5E7EB;
  --border-dark: rgba(255, 255, 255, 0.08);

  /* Workspace Radius */
  --radius-panel: 16px;
  --radius-card: 12px;
  --radius-sm: 8px;
  --radius-pill: 999px;

  /* Workspace Shadows */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
  --shadow-float: 0 20px 40px -12px rgba(0, 0, 0, 0.12), 0 0 1px rgba(0,0,0,0.05);

  /* Workspace Transitions */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

/* ========== Light Theme Variables (shadcn style) ========== */
:root,
[data-theme="light"] {
  /* shadcn Color Palette - Light */
  --background: 0 0% 100%;
  --foreground: 240 10% 3.9%;
  --card: 0 0% 100%;
  --card-foreground: 240 10% 3.9%;
  --popover: 0 0% 100%;
  --popover-foreground: 240 10% 3.9%;
  /* Pencil / graphite primary */
  --primary: 203 8% 20%;
  --primary-foreground: 0 0% 100%;
  --secondary: 240 4.8% 95.9%;
  --secondary-foreground: 240 5.9% 10%;
  --muted: 240 4.8% 95.9%;
  --muted-foreground: 240 3.8% 46.1%;
  --accent: 240 4.8% 95.9%;
  --accent-foreground: 240 5.9% 10%;
  --destructive: 0 84.2% 60.2%;
  --destructive-foreground: 0 0% 98%;
  /* Semantic status tokens (used by Badge/Toast) */
  --success: 152 30% 42%;
  --success-foreground: 152 40% 22%;
  --warning: 34 55% 52%;
  --warning-foreground: 34 55% 24%;
  --info: 205 55% 42%;
  --info-foreground: 205 55% 26%;
  --border: 240 5.9% 90%;
  --input: 240 5.9% 90%;
  --ring: 203 8% 20%;
  --radius: 0.5rem;

  /* Legacy soft variables for compatibility (HSL channels + derived colors) */
  --soft-bg-base-hsl: 0 0% 98%;
  --soft-bg-surface-hsl: 0 0% 100%;
  --soft-bg-elevated-hsl: 0 0% 100%;
  --soft-bg-inset-hsl: 240 4.8% 95.9%;

  --soft-text-primary-hsl: 240 10% 3.9%;
  --soft-text-secondary-hsl: 240 3.8% 46.1%;
  --soft-text-tertiary-hsl: 240 5% 64.9%;

  --soft-accent-hsl: 203 8% 20%;
  --soft-accent-light-hsl: 203 8% 30%;
  --soft-border-hsl: 240 5.9% 90%;

  --soft-bg-base: hsl(var(--soft-bg-base-hsl));
  --soft-bg-surface: hsl(var(--soft-bg-surface-hsl));
  --soft-bg-elevated: hsl(var(--soft-bg-elevated-hsl));
  --soft-bg-inset: hsl(var(--soft-bg-inset-hsl));

  --soft-text-primary: hsl(var(--soft-text-primary-hsl));
  --soft-text-secondary: hsl(var(--soft-text-secondary-hsl));
  --soft-text-tertiary: hsl(var(--soft-text-tertiary-hsl));

  --soft-accent: hsl(var(--soft-accent-hsl));
  --soft-accent-light: hsl(var(--soft-accent-light-hsl));
  --soft-accent-bg: hsl(var(--soft-accent-hsl) / 0.10);

  --soft-success: #22c55e;
  --soft-warning: #f59e0b;
  --soft-danger: #ef4444;
  --soft-info: #3b82f6;

  --soft-border: hsl(var(--soft-border-hsl));

  /* shadcn shadow system - minimal */
  --soft-shadow-light: transparent;
  --soft-shadow-dark: rgba(0, 0, 0, 0.05);

  --soft-shadow-raised: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --soft-shadow-raised-hover: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --soft-shadow-pressed: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --soft-shadow-inset: 0 0 0 0 transparent;
  --soft-shadow-card: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  --soft-shadow-floating: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

/* ========== Dark Theme Variables (glassmorphism) ========== */
[data-theme="dark"],
.dark {
  color-scheme: dark;

  /* Brand accents (Morandi steel blue) */
  --brand: #5E7486;
  --brand-foreground: #FFFFFF;
  --brand-hover: #4F6577;
  --brand-subtle: rgba(94, 116, 134, 0.18);

  /* shadcn Color Palette - Dark (Morandi / readable) */
  --background: 223 18% 6%;
  --foreground: 210 20% 96%;
  --card: 223 16% 9%;
  --card-foreground: 210 20% 96%;
  --popover: 223 16% 8%;
  --popover-foreground: 210 20% 96%;

  /* Primary actions: light Morandi paper, dark text */
  --primary: 215 16% 86%;
  --primary-foreground: 223 18% 12%;

  --secondary: 223 12% 15%;
  --secondary-foreground: 210 20% 96%;
  --muted: 223 12% 15%;
  --muted-foreground: 215 10% 68%;
  --accent: 223 12% 15%;
  --accent-foreground: 210 20% 96%;

  --destructive: 0 62.8% 46%;
  --destructive-foreground: 0 0% 98%;
  /* Semantic status tokens (used by Badge/Toast) */
  --success: 152 22% 52%;
  --success-foreground: 152 24% 86%;
  --warning: 34 35% 56%;
  --warning-foreground: 34 40% 88%;
  --info: 205 25% 62%;
  --info-foreground: 205 25% 90%;
  --border: 223 10% 18%;
  --input: 223 10% 18%;
  --ring: 215 16% 70%;

  /* Legacy soft variables for compatibility (HSL channels + derived colors) */
  --soft-bg-base-hsl: var(--background);
  --soft-bg-surface-hsl: 223 16% 9%;
  --soft-bg-elevated-hsl: 223 14% 11%;
  --soft-bg-inset-hsl: 223 16% 7%;

  --soft-text-primary-hsl: var(--foreground);
  --soft-text-secondary-hsl: 215 10% 72%;
  --soft-text-tertiary-hsl: 215 8% 56%;

  /* Accent used by legacy components expecting dark bg + white text */
  --soft-accent-hsl: 220 14% 28%;
  --soft-accent-light-hsl: 220 14% 38%;
  --soft-border-hsl: var(--border);

  --soft-bg-base: hsl(var(--soft-bg-base-hsl));
  --soft-bg-surface: hsl(var(--soft-bg-surface-hsl));
  --soft-bg-elevated: hsl(var(--soft-bg-elevated-hsl));
  --soft-bg-inset: hsl(var(--soft-bg-inset-hsl));

  --soft-text-primary: hsl(var(--soft-text-primary-hsl));
  --soft-text-secondary: hsl(var(--soft-text-secondary-hsl));
  --soft-text-tertiary: hsl(var(--soft-text-tertiary-hsl));

  --soft-accent: hsl(var(--soft-accent-hsl));
  --soft-accent-light: hsl(var(--soft-accent-light-hsl));
  --soft-accent-bg: hsl(var(--soft-accent-hsl) / 0.18);

  --soft-success: #22c55e;
  --soft-warning: #eab308;
  --soft-danger: #ef4444;
  --soft-info: #06b6d4;

  --soft-border: hsl(var(--soft-border-hsl));

  /* Dark theme shadow system - glassmorphism */
  --soft-shadow-light: rgba(255, 255, 255, 0.02);
  --soft-shadow-dark: rgba(0, 0, 0, 0.4);

  --soft-shadow-raised: 0 4px 12px rgba(0, 0, 0, 0.3);
  --soft-shadow-raised-hover: 0 8px 24px rgba(0, 0, 0, 0.4);
  --soft-shadow-pressed: inset 0 2px 4px rgba(0, 0, 0, 0.3);
  --soft-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.2);
  --soft-shadow-card: 0 4px 16px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  --soft-shadow-floating: 0 16px 48px rgba(0, 0, 0, 0.5);

  /* Dark theme glow effects */
  --soft-shadow-glow: 0 0 30px rgba(47, 52, 55, 0.22);
}

/* ========== Admin Morandi Theme (scoped overrides) ========== */
.ds-admin-theme {
  /* Shadcn tokens (light, Morandi paper) */
  --background: 38 33% 95%;
  --foreground: 24 16% 16%;
  --card: 40 33% 98%;
  --card-foreground: 24 16% 16%;
  --popover: 40 33% 98%;
  --popover-foreground: 24 16% 16%;

  /* Pencil / steel-blue primary */
  --primary: 206 18% 28%;
  --primary-foreground: 38 33% 95%;

  --secondary: 38 22% 92%;
  --secondary-foreground: 24 16% 16%;
  --muted: 38 18% 92%;
  --muted-foreground: 25 8% 43%;
  --accent: 38 22% 92%;
  --accent-foreground: 24 16% 16%;

  --border: 35 15% 83%;
  --input: 35 15% 83%;
  --ring: 206 18% 28%;

  /* Semantic status tokens (dusty Morandi) */
  --success: 152 20% 40%;
  --success-foreground: 152 26% 22%;
  --warning: 34 35% 48%;
  --warning-foreground: 34 40% 22%;
  --info: 205 18% 44%;
  --info-foreground: 205 22% 26%;
  --destructive: 0 28% 46%;

  /* Legacy soft variables (admin uses these heavily) */
  --soft-bg-base-hsl: var(--background);
  --soft-bg-surface-hsl: 40 33% 98%;
  --soft-bg-elevated-hsl: 38 22% 93%;
  --soft-bg-inset-hsl: 36 20% 91%;

  --soft-text-primary-hsl: var(--foreground);
  --soft-text-secondary-hsl: 25 8% 38%;
  --soft-text-tertiary-hsl: 26 8% 56%;

  --soft-accent-hsl: 205 18% 34%;
  --soft-accent-light-hsl: 205 18% 44%;
  --soft-border-hsl: var(--border);

  /* Admin-specific accent swatches (for dashboard tiles) */
  --admin-stat-blue: #5E7486;
  --admin-stat-sage: #7A8F7B;
  --admin-stat-mauve: #8C7A97;
  --admin-stat-clay: #8A6F5A;
}

[data-theme="dark"] .ds-admin-theme,
.dark .ds-admin-theme {
  /* Dark Morandi (warm charcoal + steel accents) */
  --background: 30 10% 8%;
  --foreground: 40 20% 94%;
  --card: 30 10% 11%;
  --card-foreground: 40 20% 94%;
  --popover: 30 10% 10%;
  --popover-foreground: 40 20% 94%;

  --primary: 215 16% 86%;
  --primary-foreground: 30 10% 10%;
  --secondary: 30 8% 16%;
  --secondary-foreground: 40 20% 94%;
  --muted: 30 8% 16%;
  --muted-foreground: 35 10% 70%;
  --accent: 30 8% 16%;
  --accent-foreground: 40 20% 94%;
  --border: 30 8% 18%;
  --input: 30 8% 18%;
  --ring: 215 16% 70%;

  --success: 152 18% 55%;
  --success-foreground: 152 22% 88%;
  --warning: 34 24% 62%;
  --warning-foreground: 34 30% 90%;
  --info: 205 18% 66%;
  --info-foreground: 205 20% 92%;
  --destructive: 0 28% 54%;

  --soft-bg-base-hsl: var(--background);
  --soft-bg-surface-hsl: 30 10% 11%;
  --soft-bg-elevated-hsl: 30 8% 14%;
  --soft-bg-inset-hsl: 30 10% 9%;

  --soft-text-primary-hsl: var(--foreground);
  --soft-text-secondary-hsl: 35 10% 74%;
  --soft-text-tertiary-hsl: 35 8% 56%;

  --soft-accent-hsl: 205 18% 45%;
  --soft-accent-light-hsl: 205 18% 55%;
  --soft-border-hsl: var(--border);
}

/* ========== Base Styles ========== */
body {
  background-color: var(--soft-bg-base);
  color: var(--soft-text-primary);
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* ========== Custom Easing Functions ========== */

/* ========== Soft UI Utilities ========== */

/* ========== Component Base Styles ========== */

/* Soft UI Card */
.card-soft {
  background-color: var(--soft-bg-surface);
  border-radius: 16px;
  box-shadow: var(--soft-shadow-card);
  transition: all 0.3s var(--ease-soft);
}

.card-soft:hover {
  transform: translateY(-2px);
  box-shadow: var(--soft-shadow-floating);
}

/* Soft UI Button */
.btn-soft {
  background-color: var(--soft-bg-surface);
  color: var(--soft-text-primary);
  border-radius: 12px;
  box-shadow: var(--soft-shadow-raised);
  padding: 10px 20px;
  font-weight: 500;
  transition: all 0.2s var(--ease-soft);
}

.btn-soft:hover {
  box-shadow: var(--soft-shadow-raised-hover);
  transform: translateY(-1px);
}

.btn-soft:active {
  box-shadow: var(--soft-shadow-pressed);
  transform: translateY(0);
}

/* Soft UI Input */
.input-soft {
  background-color: var(--soft-bg-inset);
  color: var(--soft-text-primary);
  border: none;
  border-radius: 12px;
  box-shadow: var(--soft-shadow-inset);
  padding: 12px 16px;
  transition: all 0.2s ease;
}

.input-soft:focus {
  outline: none;
  box-shadow:
    var(--soft-shadow-inset),
    0 0 0 3px var(--soft-accent-bg);
}

.input-soft::-moz-placeholder {
  color: var(--soft-text-tertiary);
}

.input-soft::placeholder {
  color: var(--soft-text-tertiary);
}

/* ========== Scrollbar Styles ========== */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--soft-bg-base);
}

::-webkit-scrollbar-thumb {
  background: var(--soft-text-tertiary);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--soft-text-secondary);
}

/* Dark mode scrollbar */
[data-theme="dark"] ::-webkit-scrollbar-track {
  background: var(--soft-bg-base);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3);
}

/* ========== Selection Styles ========== */
::-moz-selection {
  background-color: var(--soft-accent-bg);
  color: var(--soft-accent);
}
::selection {
  background-color: var(--soft-accent-bg);
  color: var(--soft-accent);
}

/* ========== Reduced Motion Support ========== */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* ========== Workspace Panel Styles ========== */
.workspace-navbar {
  height: 40px;
  background: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(0,0,0,0.05);
  border-radius: 10px;
  box-shadow: var(--shadow-sm);
}


.workspace-panel {
  border-radius: var(--radius-panel);
  overflow: hidden;
  height: 100%;
  transition: width 0.3s var(--ease-out), flex 0.3s var(--ease-out);
}

.workspace-panel-left {
  background: var(--bg-panel-left);
  color: var(--text-muted-on-dark);
}

.workspace-panel-center {
  background: var(--bg-panel-center);
  box-shadow: var(--shadow-float);
  border: 1px solid rgba(0,0,0,0.03);
}

.workspace-panel-right {
  background: var(--bg-panel-right);
  border-left: 1px solid var(--border-light);
}

/* File Tree Styles */
.file-item {
  display: flex;
  align-items: center;
  padding: 4px 12px;
  cursor: pointer;
  font-size: 0.85rem;
  transition: all 0.15s;
  border-left: 3px solid transparent;
  color: var(--text-muted-on-dark);
}

.file-item:hover {
  background: rgba(255,255,255,0.06);
  color: var(--text-on-dark);
}

.file-item.active {
  background: rgba(47, 52, 55, 0.14);
  color: #fff;
  border-left-color: var(--brand);
  font-weight: 500;
}

/* Chat Bubble Styles */
.chat-bubble {
  max-width: 90%;
  padding: 14px 18px;
  border-radius: 14px;
  font-size: 0.95rem;
  line-height: 1.6;
  animation: fadeSlideUp 0.3s ease;
}

.chat-bubble-ai {
  background: #fff;
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 2px 4px rgba(0,0,0,0.02);
  align-self: flex-start;
  border-top-left-radius: 2px;
  color: var(--text-main);
}

.chat-bubble-user {
  background: var(--text-main);
  color: #fff;
  align-self: flex-end;
  border-top-right-radius: 2px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

@keyframes fadeSlideUp {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Traffic Lights */
.traffic-lights {
  display: flex;
  gap: 8px;
  opacity: 0.5;
  transition: opacity 0.2s;
}

.traffic-lights:hover {
  opacity: 1;
}

.traffic-light {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  cursor: pointer;
  border: 1px solid rgba(0,0,0,0.1);
}

.traffic-light-close-button {
  width: 14px;
  height: 14px;
  border-radius: 4px;
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.08);
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  transition: background 150ms ease, border-color 150ms ease, transform 150ms ease;
}

.traffic-light-close-button:hover {
  background: rgba(255,255,255,0.16);
  border-color: rgba(255,255,255,0.32);
  transform: translateY(-0.5px);
}

.traffic-light-close { background: #FF5F56; }
.traffic-light-min { background: #FFBD2E; }
.traffic-light-max { background: #27C93F; }

/* Ghost Button */
.ghost-btn {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: none;
  background: transparent;
  color: var(--text-muted);
  cursor: pointer;
  transition: all 0.2s;
}

.ghost-btn:hover {
  background: rgba(0,0,0,0.05);
  color: var(--text-main);
}

/* Pressed / active state (bound to panel visibility) */
.ghost-btn.is-active {
  background: rgba(47, 52, 55, 0.10);
  color: var(--brand);
  box-shadow: 0 0 0 1px rgba(47, 52, 55, 0.22) inset, var(--shadow-sm);
}

#workspace-root :is(button, [role="button"], .ds-copilot-icon-btn)[data-tooltip],
#workspace-root :is(button, [role="button"], .ds-copilot-icon-btn)[aria-label],
#workspace-root :is(.ghost-btn, .ds-copilot-icon-btn)[title] {
  position: relative;
}

#workspace-root :is(button, [role="button"], .ds-copilot-icon-btn)[data-tooltip]::after,
#workspace-root :is(button, [role="button"], .ds-copilot-icon-btn)[aria-label]:not([data-tooltip])::after,
#workspace-root :is(.ghost-btn, .ds-copilot-icon-btn):not([aria-label]):not([data-tooltip])[title]::after {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 6px);
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid var(--ds-icon-tooltip-border);
  background: var(--ds-icon-tooltip-bg);
  color: var(--ds-icon-tooltip-text);
  box-shadow: var(--ds-icon-tooltip-shadow);
  font-size: 11px;
  letter-spacing: 0.02em;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 2px) scale(0.96);
  transition: opacity 0.16s var(--ease-out), transform 0.16s var(--ease-out);
  z-index: 40;
}

#workspace-root :is(button, [role="button"], .ds-copilot-icon-btn)[data-tooltip]::after {
  content: attr(data-tooltip);
}

#workspace-root :is(button, [role="button"], .ds-copilot-icon-btn)[aria-label]:not([data-tooltip])::after {
  content: attr(aria-label);
}

#workspace-root :is(.ghost-btn, .ds-copilot-icon-btn):not([aria-label]):not([data-tooltip])[title]::after {
  content: attr(title);
}

#workspace-root :is(button, [role="button"], .ds-copilot-icon-btn):hover::after,
#workspace-root :is(button, [role="button"], .ds-copilot-icon-btn):focus-visible::after {
  opacity: 1;
  transform: translate(-50%, -2px) scale(1);
}

#workspace-root[data-tooltip-layer="active"] :is(
  button,
  [role="button"],
  .ds-copilot-icon-btn
)[data-tooltip]::after,
#workspace-root[data-tooltip-layer="active"] :is(
  button,
  [role="button"],
  .ds-copilot-icon-btn
)[aria-label]:not([data-tooltip])::after,
#workspace-root[data-tooltip-layer="active"] :is(
  .ghost-btn,
  .ds-copilot-icon-btn
):not([aria-label]):not([data-tooltip])[title]::after {
  content: none;
  display: none;
}

#workspace-tooltip-root {
  position: fixed;
  inset: 0;
  z-index: 100000;
  pointer-events: none;
}

#workspace-tooltip-root .workspace-tooltip {
  position: absolute;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid var(--ds-icon-tooltip-border);
  background: var(--ds-icon-tooltip-bg);
  color: var(--ds-icon-tooltip-text);
  box-shadow: var(--ds-icon-tooltip-shadow);
  font-size: 11px;
  letter-spacing: 0.02em;
  white-space: nowrap;
  opacity: 1;
  transform: translateY(-2px) scale(1);
  animation: workspace-tooltip-in 0.16s var(--ease-out);
}

@keyframes workspace-tooltip-in {
  from {
    opacity: 0;
    transform: translateY(2px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(-2px) scale(1);
  }
}

/* Spin animation for thinking icon */
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.spin-icon {
  animation: spin 1s linear infinite;
}

/* Plugin Card Styles */
.plugin-card {
  background: #fff;
  border: 1px solid var(--border-light);
  border-radius: var(--radius-card);
  padding: 24px;
  display: flex;
  flex-direction: column;
  transition: all 0.2s var(--ease-out);
  cursor: pointer;
}

.plugin-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
  border-color: rgba(0,0,0,0.05);
}

/* Context Bar */
.context-bar {
  background: #F9FAFB;
  padding: 6px 12px;
  font-size: 11px;
  color: var(--text-muted);
  border-bottom: 1px solid var(--border-light);
  display: flex;
  align-items: center;
  gap: 4px;
  letter-spacing: 0.02em;
  font-weight: 500;
}

/* ========== Premium Workspace Layout (from reference UI) ========== */

/* === 1. Top Navigation (Glassmorphism) === */
.navbar {
  height: 44px;
  background: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(0,0,0,0.05);
  border-radius: var(--radius-panel);
  display: flex;
  align-items: center;
  padding: 0 14px;
  gap: 14px;
  flex-shrink: 0;
  z-index: 50;
  box-shadow: var(--shadow-sm);
  width: 100%;
  clip-path: inset(0 0 0 0 round var(--radius-panel));
  transition:
    width 0.45s var(--ease-out),
    transform 0.45s var(--ease-out),
    clip-path 0.45s var(--ease-out),
    padding 0.3s var(--ease-out),
    border-radius 0.3s var(--ease-out),
    box-shadow 0.3s var(--ease-out);
}

.workspace-navbar-shell {
  position: relative;
  height: 44px;
  flex-shrink: 0;
  z-index: 60;
}

#workspace-root.navbar-collapsed .workspace-navbar-shell {
  height: 0;
}

#workspace-root.navbar-collapsed .navbar {
  position: absolute;
  top: 0;
  left: 0;
  height: var(--workspace-navbar-collapsed-height);
  width: var(--workspace-left-width, 280px);
  padding: 0 8px;
  border-radius: var(--workspace-navbar-collapsed-radius);
  border: 1px solid rgba(0,0,0,0.08);
  gap: 6px;
  transform-origin: left center;
  clip-path: inset(0 0 0 0 round var(--workspace-navbar-collapsed-radius));
  background:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.95) 0%,
      rgba(247, 243, 235, 0.92) 45%,
      rgba(230, 221, 208, 0.9) 100%
    );
  box-shadow:
    0 10px 20px rgba(45, 42, 38, 0.12),
    inset 0 1px 0 rgba(255,255,255,0.8);
}

#workspace-root.navbar-collapsed.navbar-left-hidden .navbar {
  width: -moz-max-content;
  width: max-content;
  min-width: 0;
  opacity: 1;
  pointer-events: auto;
  transform: none;
}

#workspace-root.navbar-collapsed .navbar::before {
  content: '';
  position: absolute;
  left: 8px;
  top: 50%;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  transform: translateY(-50%) scale(0.96);
  opacity: 0;
  background:
    radial-gradient(circle at 30% 35%, rgba(255,255,255,0.95), rgba(255,255,255,0.4) 45%, rgba(0,0,0,0.1) 70%),
    radial-gradient(circle at 70% 60%, rgba(255,255,255,0.6), rgba(0,0,0,0.06) 72%, rgba(0,0,0,0.14) 100%);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08);
  transition: opacity 0.25s var(--ease-out), transform 0.45s var(--ease-out);
  pointer-events: none;
}

#workspace-root.navbar-collapsed .navbar.is-collapsed::before {
  opacity: 0.85;
  transform: translateY(-50%) scale(1);
}

#workspace-root.navbar-collapsed .navbar::after {
  content: '';
  position: absolute;
  right: 8px;
  top: 6px;
  bottom: 6px;
  width: 8px;
  border-radius: 6px;
  opacity: 0.55;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    rgba(0,0,0,0.06),
    rgba(255,255,255,0.0)
  );
}

#workspace-root.navbar-motion-collapse .navbar {
  animation: navbarRollCollapse 0.56s cubic-bezier(0.22, 0.86, 0.35, 1.03);
}

#workspace-root.navbar-motion-expand .navbar {
  animation: navbarRollExpand 0.64s cubic-bezier(0.16, 0.84, 0.3, 1.02);
}

#workspace-root.navbar-motion-collapse .navbar::before {
  animation: navbarRollEdge 0.52s cubic-bezier(0.2, 0.84, 0.36, 1.02);
}

#workspace-root.navbar-motion-expand .navbar::before {
  animation: navbarUnrollEdge 0.58s cubic-bezier(0.18, 0.82, 0.3, 1.02);
}

@keyframes navbarRollCollapse {
  0% {
    transform: translateX(0) scaleX(1) rotateZ(0deg);
    filter: drop-shadow(0 8px 18px rgba(45, 42, 38, 0.14));
  }
  45% {
    transform: translateX(-14px) scaleX(0.97) rotateZ(-1.1deg);
    filter: drop-shadow(0 12px 24px rgba(45, 42, 38, 0.18));
  }
  70% {
    transform: translateX(-4px) scaleX(0.99) rotateZ(0.7deg);
    filter: drop-shadow(0 9px 20px rgba(45, 42, 38, 0.14));
  }
  100% {
    transform: translateX(0) scaleX(1) rotateZ(0deg);
    filter: drop-shadow(0 6px 16px rgba(45, 42, 38, 0.12));
  }
}

@keyframes navbarRollExpand {
  0% {
    transform: translateX(-8px) scaleX(0.98) rotateZ(-0.8deg);
    filter: drop-shadow(0 7px 16px rgba(45, 42, 38, 0.12));
  }
  48% {
    transform: translateX(10px) scaleX(1.02) rotateZ(0.8deg);
    filter: drop-shadow(0 10px 24px rgba(45, 42, 38, 0.16));
  }
  100% {
    transform: translateX(0) scaleX(1) rotateZ(0deg);
    filter: drop-shadow(0 6px 18px rgba(45, 42, 38, 0.12));
  }
}

@keyframes navbarRollEdge {
  0% {
    transform: translateY(-50%) rotate(0deg) scale(0.9);
    opacity: 0.6;
  }
  55% {
    transform: translateY(-50%) rotate(-18deg) scale(1.05);
    opacity: 0.95;
  }
  100% {
    transform: translateY(-50%) rotate(0deg) scale(1);
    opacity: 0.85;
  }
}

@keyframes navbarUnrollEdge {
  0% {
    transform: translateY(-50%) rotate(-10deg) scale(1);
    opacity: 0.85;
  }
  50% {
    transform: translateY(-50%) rotate(6deg) scale(0.92);
    opacity: 0.6;
  }
  100% {
    transform: translateY(-50%) rotate(0deg) scale(0.86);
    opacity: 0;
  }
}

.navbar-left-controls {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-right: 7px;
}

.navbar-roll {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 6px;
  padding-left: 22px;
}

.navbar-roll-actions {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
}

.navbar-roll-btn,
.navbar-roll-toggle {
  width: 22px;
  height: 22px;
  border-radius: 8px;
}

.navbar-roll-link {
  font-size: 0.75rem;
  color: var(--text-main);
  text-decoration: none;
  padding: 4px 6px;
  border-radius: 6px;
}

.navbar-roll-link:hover {
  background: rgba(0,0,0,0.06);
}

.navbar-roll-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#workspace-root.navbar-collapsed .left-panel {
  margin-top: var(--workspace-navbar-collapsed-offset);
  height: calc(100% - var(--workspace-navbar-collapsed-offset));
}

#workspace-root.navbar-collapsed .resizer {
  margin-top: var(--workspace-navbar-collapsed-offset);
  height: calc(100% - var(--workspace-navbar-collapsed-offset));
}

/* Workspace radius tuning (projects/{id}) */
#workspace-root {
  --radius-panel: 10px;
  --radius-card: 10px;
  --radius-sm: 6px;
  --workspace-navbar-collapsed-height: 26px;
  --workspace-navbar-collapsed-offset: 32px;
  --workspace-navbar-collapsed-radius: 8px;
  /* Morandi paper baseline */
  --bg-app: #F6F3EE;
  --bg-panel-center: #FBFAF7;
  --text-muted: #6F6B66;
  --border-light: rgba(47, 52, 55, 0.08);
  --ws-scrollbar-size: 6px;
  --ws-scrollbar-track: rgba(47, 52, 55, 0.06);
  --ws-scrollbar-thumb: rgba(47, 52, 55, 0.3);
  --ws-scrollbar-thumb-hover: rgba(47, 52, 55, 0.44);
  --ws-scrollbar-track-muted: rgba(47, 52, 55, 0);
  --ws-scrollbar-thumb-muted: rgba(47, 52, 55, 0);
  --ws-scrollbar-thumb-hover-muted: rgba(47, 52, 55, 0);
  --ws-scrollbar-track-current: var(--ws-scrollbar-track);
  --ws-scrollbar-thumb-current: var(--ws-scrollbar-thumb);
  --ws-scrollbar-thumb-hover-current: var(--ws-scrollbar-thumb-hover);
  --ws-scrollbar-fade-ms: 180ms;
}

/* Workspace dark-mode tuning (scoped to workspace root) */
[data-theme="dark"] #workspace-root,
.dark #workspace-root {
  --bg-app: #0E0F11;
  --bg-panel-center: rgba(255, 255, 255, 0.03);
  --border-light: rgba(255, 255, 255, 0.10);
  --text-main: rgba(255, 255, 255, 0.92);
  --text-muted: rgba(255, 255, 255, 0.62);
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.25);
  --shadow-float: 0 20px 50px -18px rgba(0,0,0,0.65), 0 0 1px rgba(255,255,255,0.08);
  --ws-scrollbar-track: rgba(255, 255, 255, 0.06);
  --ws-scrollbar-thumb: rgba(196, 188, 178, 0.36);
  --ws-scrollbar-thumb-hover: rgba(196, 188, 178, 0.54);
  --ws-scrollbar-track-muted: rgba(255, 255, 255, 0);
  --ws-scrollbar-thumb-muted: rgba(196, 188, 178, 0);
  --ws-scrollbar-thumb-hover-muted: rgba(196, 188, 178, 0);
}

#workspace-root[data-scrollbar-fade='out'] {
  --ws-scrollbar-track-current: var(--ws-scrollbar-track-muted);
  --ws-scrollbar-thumb-current: var(--ws-scrollbar-thumb-muted);
  --ws-scrollbar-thumb-hover-current: var(--ws-scrollbar-thumb-hover-muted);
}

[data-theme="dark"] #workspace-root .navbar,
.dark #workspace-root .navbar {
  background: rgba(0, 0, 0, 0.35);
  border-bottom: 1px solid rgba(255,255,255,0.10);
  box-shadow: none;
}

[data-theme="dark"] #workspace-root.navbar-collapsed .navbar,
.dark #workspace-root.navbar-collapsed .navbar {
  background:
    linear-gradient(
      90deg,
      rgba(24, 24, 28, 0.92) 0%,
      rgba(32, 32, 36, 0.9) 45%,
      rgba(46, 46, 54, 0.88) 100%
    );
  border: 1px solid rgba(255,255,255,0.12);
  box-shadow:
    0 12px 24px rgba(0, 0, 0, 0.48),
    inset 0 1px 0 rgba(255,255,255,0.08);
}

[data-theme="dark"] #workspace-root.navbar-collapsed .navbar::after,
.dark #workspace-root.navbar-collapsed .navbar::after {
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0.08),
    rgba(255,255,255,0.0)
  );
}

[data-theme="dark"] #workspace-root.navbar-collapsed .navbar::before,
.dark #workspace-root.navbar-collapsed .navbar::before {
  background:
    radial-gradient(circle at 30% 35%, rgba(255,255,255,0.55), rgba(255,255,255,0.16) 45%, rgba(0,0,0,0.35) 70%),
    radial-gradient(circle at 70% 60%, rgba(255,255,255,0.35), rgba(0,0,0,0.25) 72%, rgba(0,0,0,0.5) 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.16);
}

[data-theme="dark"] #workspace-root .navbar-roll-link,
.dark #workspace-root .navbar-roll-link {
  color: rgba(255,255,255,0.86);
}

[data-theme="dark"] #workspace-root .navbar-roll-link:hover,
.dark #workspace-root .navbar-roll-link:hover {
  background: rgba(255,255,255,0.08);
}

[data-theme="dark"] #workspace-root .ghost-btn:hover,
.dark #workspace-root .ghost-btn:hover {
  background: rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.92);
}

[data-theme="dark"] #workspace-root .ghost-btn.is-active,
.dark #workspace-root .ghost-btn.is-active {
  background: rgba(47, 52, 55, 0.16);
  box-shadow: 0 0 0 1px rgba(47, 52, 55, 0.32) inset;
}

[data-theme="dark"] #workspace-root .center-panel,
.dark #workspace-root .center-panel {
  background: var(--bg-panel-center);
  border: 1px solid var(--border-light);
  box-shadow: var(--shadow-float);
}

[data-theme="dark"] #workspace-root .resizer::after,
.dark #workspace-root .resizer::after {
  background: rgba(255,255,255,0.22);
}

.app-branding {
  font-weight: 600;
  font-size: 0.95rem;
  color: var(--text-main);
  display: flex;
  align-items: center;
  gap: 10px;
  margin-right: 12px;
}

.user-menu-trigger {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 2px 10px 2px 2px;
  border-radius: 999px;
  border: 1px solid transparent;
  color: var(--text-main);
  background: transparent;
  transition: all 0.2s var(--ease-out);
}

.user-menu-trigger:hover {
  background: rgba(0,0,0,0.04);
  border-color: rgba(0,0,0,0.06);
}

.user-menu-name {
  font-size: 0.85rem;
  font-weight: 600;
  max-width: 140px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user-menu-signin {
  font-size: 0.85rem;
  color: var(--text-main);
  text-decoration: none;
  padding: 4px 6px;
  border-radius: 6px;
}

.user-menu-signin:hover {
  background: rgba(0,0,0,0.06);
}

[data-theme="dark"] #workspace-root .user-menu-trigger:hover,
.dark #workspace-root .user-menu-trigger:hover {
  background: rgba(255,255,255,0.08);
  border-color: rgba(255,255,255,0.12);
}

[data-theme="dark"] #workspace-root .user-menu-signin:hover,
.dark #workspace-root .user-menu-signin:hover {
  background: rgba(255,255,255,0.08);
}

.brand-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  white-space: nowrap;
  line-height: 1;
}

.brand-text {
  white-space: nowrap;
}

.nav-tabs {
  flex: 1;
  display: flex;
  gap: 6px;
}

.nav-tab {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: 8px;
  font-size: 0.85rem;
  color: var(--text-muted);
  cursor: pointer;
  transition: all 0.2s var(--ease-out);
  position: relative;
}

.nav-tab:hover {
  background: rgba(0,0,0,0.04);
  color: var(--text-main);
}

.nav-tab.active {
  background: #fff;
  color: var(--text-main);
  font-weight: 500;
  box-shadow: var(--shadow-sm);
}

.nav-actions {
  display: flex;
  gap: 6px;
}

/* === Chrome-like Tab Strip (Workspace) === */
.chrome-tabstrip {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: stretch;
  gap: 4px;
  margin-top: 1px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(0,0,0,0.22) transparent;
}

.chrome-tabstrip::-webkit-scrollbar {
  height: 6px;
}

.chrome-tabstrip::-webkit-scrollbar-track {
  background: transparent;
}

.chrome-tabstrip::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.18);
  border-radius: 99px;
}

.chrome-tabstrip::-webkit-scrollbar-thumb:hover {
  background: rgba(0,0,0,0.26);
}

.chrome-tabstrip.empty {
  padding: 0;
}

.chrome-tab {
  flex: 1 1 320px;
  min-width: 140px;
  max-width: 420px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 7px;
  padding: 0 7px;
  border-radius: 7px;
  font-size: 0.8rem;
  background: rgba(0,0,0,0.03);
  border: 1px solid rgba(0,0,0,0.06);
  color: var(--text-muted);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: background 0.15s var(--ease-out), border-color 0.15s var(--ease-out), color 0.15s var(--ease-out);
}

.chrome-tab:hover {
  background: rgba(0,0,0,0.05);
  color: var(--text-main);
}

.chrome-tab.is-active {
  background: rgba(255,255,255,0.90);
  border-color: rgba(0,0,0,0.10);
  box-shadow: 0 1px 2px rgba(0,0,0,0.06);
  color: var(--text-main);
}

[data-theme="dark"] #workspace-root .chrome-tab,
.dark #workspace-root .chrome-tab {
  background: rgba(255,255,255,0.04);
  border-color: rgba(255,255,255,0.10);
  color: rgba(255,255,255,0.70);
}

[data-theme="dark"] #workspace-root .chrome-tabstrip,
.dark #workspace-root .chrome-tabstrip {
  scrollbar-color: rgba(255,255,255,0.22) transparent;
}

[data-theme="dark"] #workspace-root .chrome-tabstrip::-webkit-scrollbar-thumb,
.dark #workspace-root .chrome-tabstrip::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.16);
}

[data-theme="dark"] #workspace-root .chrome-tabstrip::-webkit-scrollbar-thumb:hover,
.dark #workspace-root .chrome-tabstrip::-webkit-scrollbar-thumb:hover {
  background: rgba(255,255,255,0.24);
}

[data-theme="dark"] #workspace-root .chrome-tab:hover,
.dark #workspace-root .chrome-tab:hover {
  background: rgba(255,255,255,0.07);
  color: rgba(255,255,255,0.92);
}

[data-theme="dark"] #workspace-root .chrome-tab.is-active,
.dark #workspace-root .chrome-tab.is-active {
  background: rgba(0,0,0,0.38);
  border-color: rgba(255,255,255,0.16);
  box-shadow: none;
  color: rgba(255,255,255,0.92);
}

.chrome-tab-title {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}

.chrome-tab-dirty {
  color: var(--brand);
  font-weight: 700;
  margin-left: 4px;
}

.chrome-tab-close {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  opacity: 0.65;
  transition: opacity 0.15s var(--ease-out), background 0.15s var(--ease-out);
}

.chrome-tab:hover .chrome-tab-close {
  opacity: 1;
}

.chrome-tab-close:hover {
  background: rgba(0,0,0,0.08);
}

[data-theme="dark"] #workspace-root .chrome-tab-close:hover,
.dark #workspace-root .chrome-tab-close:hover {
  background: rgba(255,255,255,0.10);
}

/* === 2. Workspace Layout === */
.workspace-container {
  flex: 1;
  display: flex;
  width: 100%;
  min-height: 0;
  gap: 0;
  position: relative;
}

.workspace-stage-shell {
  flex: 1;
  min-width: 0;
  min-height: 0;
  position: relative;
}

.workspace-container.has-left .workspace-stage-shell {
  margin-left: 8px;
}

.workspace-stage-layer {
  position: absolute;
  inset: 0;
  display: flex;
  min-width: 0;
  min-height: 0;
}

.workspace-center-layer,
.workspace-home-layer {
  transition: opacity 0.5s var(--ease-out), transform 0.5s var(--ease-out);
}

.workspace-center-layer {
  z-index: 1;
}

.workspace-home-layer {
  z-index: 2;
}

.workspace-center-layer.is-hidden {
  opacity: 0;
  transform: scale(0.96) translateY(12px);
  pointer-events: none;
}

.workspace-home-layer.is-hidden {
  opacity: 0;
  transform: scale(0.98);
  pointer-events: none;
}

.workspace-home-surface {
  flex: 1;
  min-width: 0;
  min-height: 0;
}

@media (prefers-reduced-motion: reduce) {
  .workspace-center-layer,
  .workspace-home-layer {
    transition: none;
    transform: none;
  }
}

/* Common Panel Base */
.panel {
  border-radius: var(--radius-panel);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
  transition: width 0.3s var(--ease-out), flex 0.3s var(--ease-out), box-shadow 0.3s var(--ease-out);
  position: relative;
}

/* === Subtle Dynamic Edge Glow (very light, occasional) === */
.panel.edge-glow::before {
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  pointer-events: none;
  opacity: 0;

  /* Subtle neutral edge glow (non-center panels). */
  background: conic-gradient(
    from 0deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.10) 22%,
    rgba(47, 52, 55, 0.18) 48%,
    rgba(255, 255, 255, 0.10) 74%,
    rgba(255, 255, 255, 0) 100%
  );

  /* Mask: keep only border */
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  filter: blur(6px) saturate(0.9);
  transform: rotate(0deg);
  animation: wsEdgeGlow 22s linear infinite;
}

@keyframes wsEdgeGlow {
  /* Most of the time: invisible */
  0%,
  78% {
    opacity: 0;
    transform: rotate(0deg);
  }
  /* Brief appearance: soft pulse + slow rotation */
  84% {
    opacity: 0.10;
  }
  92% {
    opacity: 0.08;
  }
  100% {
    opacity: 0;
    transform: rotate(360deg);
  }
}

/* === Ultra-thin Morandi aura for center panel (occasional flicker) === */
.panel.morandi-glow::before {
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 0.6px;
  pointer-events: none;
  opacity: 0;

  background: conic-gradient(
    from 0deg,
    rgba(143, 163, 184, 0) 0%,
    rgba(143, 163, 184, 0.14) 18%,
    rgba(47, 52, 55, 0.18) 50%,
    rgba(143, 163, 184, 0.12) 78%,
    rgba(143, 163, 184, 0) 100%
  );

  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  filter: blur(5px) saturate(0.92);
  transform: rotate(0deg);
  animation: wsMorandiGlow 32s linear infinite;
}

@keyframes wsMorandiGlow {
  0%,
  82% {
    opacity: 0;
    transform: rotate(0deg);
  }
  /* Small flicker burst */
  86% { opacity: 0.09; }
  86.6% { opacity: 0.02; }
  87.2% { opacity: 0.10; }
  88% { opacity: 0.05; }
  100% {
    opacity: 0;
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .panel.edge-glow::before {
    animation: none;
    opacity: 0;
  }
  .panel.morandi-glow::before {
    animation: none;
    opacity: 0;
  }
}

/* === Morandi micro-interactions === */
.ds-glare-sheen {
  position: relative;
}

.ds-morandi-orange-border {
  position: relative;
}

.ds-morandi-orange-border::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  pointer-events: none;
  opacity: 0.88;

  background: conic-gradient(
    from 180deg at 50% 50%,
    rgba(176, 118, 85, 0.78) 0%,
    rgba(215, 198, 174, 0.58) 22%,
    rgba(159, 177, 194, 0.46) 50%,
    rgba(199, 173, 150, 0.56) 74%,
    rgba(176, 118, 85, 0.78) 100%
  );

  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.ds-spotlight {
  position: relative;
  overflow: hidden;
  --ds-spotlight-x: 50%;
  --ds-spotlight-y: 50%;
  --ds-spotlight-color: rgba(143, 163, 184, 0.18);
}

.ds-spotlight::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.55s var(--ease-out);
  mix-blend-mode: soft-light;
  background: radial-gradient(
    circle 240px at var(--ds-spotlight-x) var(--ds-spotlight-y),
    var(--ds-spotlight-color) 0%,
    rgba(255, 255, 255, 0) 72%
  );
}

.ds-spotlight:hover::before,
.ds-spotlight:focus-visible::before,
.ds-spotlight:focus-within::before {
  opacity: 1;
}

.ds-glare-sheen::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  transform: translateY(1px);
  transition: opacity 0.3s var(--ease-out), transform 0.3s var(--ease-out);
  mix-blend-mode: soft-light;
  background: radial-gradient(
    circle 190px at 85% 15%,
    rgba(255, 255, 255, 0.36) 0%,
    rgba(255, 255, 255, 0) 62%
  );
}

.ds-glare-sheen:hover::after,
.ds-glare-sheen:focus-visible::after {
  opacity: 1;
  transform: translateY(0);
}

/* Panel Header Standard */
.panel-header {
  height: 34px;
  display: flex;
  align-items: center;
  padding: 0 12px;
  flex-shrink: 0;
  font-size: 0.85rem;
  font-weight: 500;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* === 3. Left Panel: Dark Explorer (IDE Feel) === */
.left-panel {
  background: var(--bg-panel-left);
  color: var(--text-muted-on-dark);
  box-shadow: var(--shadow-sm);
  z-index: 5;
  font-size: 0.8125rem;
}

.left-panel .panel-header {
  border-bottom: 1px solid var(--border-dark);
  color: var(--text-on-dark);
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.05),
    rgba(255, 255, 255, 0)
  );
}

.explorer-content {
  padding-top: 8px;
}

/* === 4. Center Panel: The Main Stage (Canvas) === */
.center-panel {
  background: var(--bg-panel-center);
  box-shadow: var(--shadow-float);
  z-index: 10;
  margin: 0;
  border: 1px solid var(--border-light);
}

.panel.workspace-home-surface {
  background: transparent;
  border: none;
  box-shadow: none;
}



.center-panel .panel-header {
  border-bottom: 1px solid var(--border-light);
  background: rgba(255,255,255,0.95);
  justify-content: space-between;
}

.ds-stage-safe {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  transition: padding 0.22s var(--ease-out);
}

.ds-stage-switch {
  animation: dsStageSwitch 0.5s var(--ease-out);
  will-change: opacity, transform;
}

@keyframes dsStageSwitch {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.ds-stage-safe:focus-within {
  transition-duration: 0.18s;
}

.dark #workspace-root .ds-stage-safe,
[data-theme="dark"] #workspace-root .ds-stage-safe {
  transition: padding 0.24s var(--ease-out);
}

.ds-stage-safe > .canvas-content {
  flex: 1;
  min-height: 0;
}

.canvas-content {
  flex: 1;
  overflow-y: auto;
  padding: 22px;
}

.canvas-content.ds-canvas-fullbleed {
  padding: 0;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}

#workspace-root[data-scrollbar-side='left'] .ds-stage-safe .canvas-content {
  direction: rtl;
}

#workspace-root[data-scrollbar-side='left'] .ds-stage-safe .canvas-content > * {
  direction: ltr;
}

.ds-stage-safe .canvas-content,
.ds-stage-safe .canvas-content * {
  scrollbar-width: thin;
  scrollbar-color: var(--ws-scrollbar-thumb-current) var(--ws-scrollbar-track-current);
}

.ds-stage-safe .canvas-content ::-webkit-scrollbar {
  width: var(--ws-scrollbar-size);
  height: var(--ws-scrollbar-size);
}

.ds-stage-safe .canvas-content ::-webkit-scrollbar-track {
  background: var(--ws-scrollbar-track-current);
  -webkit-transition: background-color var(--ws-scrollbar-fade-ms) var(--ease-out);
  transition: background-color var(--ws-scrollbar-fade-ms) var(--ease-out);
}

.ds-stage-safe .canvas-content ::-webkit-scrollbar-thumb {
  background: var(--ws-scrollbar-thumb-current);
  border-radius: 999px;
  -webkit-transition: background-color var(--ws-scrollbar-fade-ms) var(--ease-out);
  transition: background-color var(--ws-scrollbar-fade-ms) var(--ease-out);
}

.ds-stage-safe .canvas-content ::-webkit-scrollbar-thumb:hover {
  background: var(--ws-scrollbar-thumb-hover-current);
}

/* === 5. Right Panel: Copilot (Assistant) === */
.right-panel {
  background: var(--bg-panel-right);
  border-left: 1px solid rgba(255,255,255,0.06);
  z-index: 5;
}

.right-panel .panel-header {
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.05),
    rgba(255, 255, 255, 0)
  );
  border-bottom: 1px solid rgba(255,255,255,0.08);
  color: var(--text-on-dark);
}

.right-panel .context-bar {
  background: rgba(255,255,255,0.04);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  color: rgba(228, 228, 231, 0.72);
}

.right-panel .context-bar .w-1\\.5 {
  box-shadow: 0 0 0 3px rgba(47, 52, 55, 0.12);
}

/* ==========================================================================
   Copilot Dock Overlay (Glass)
   ========================================================================== */

#workspace-root {
  --ds-copilot-glass-bg-0: rgba(245, 242, 236, 0.92);
  --ds-copilot-glass-bg-1: rgba(215, 198, 174, 0.36);
  --ds-copilot-glass-bg-2: rgba(159, 177, 194, 0.32);
  --ds-copilot-glass-border: rgba(45, 42, 38, 0.14);
  --ds-copilot-glass-inner: rgba(251, 250, 247, 0.82);
  --ds-copilot-glass-shadow: 0 24px 60px rgba(45, 42, 38, 0.18);
  --ds-copilot-glass-glow: 0 0 0 0.75px rgba(199, 173, 150, 0.2);
  --ds-copilot-text: #2d2a26;
  --ds-copilot-text-muted: #7e8b97;
  --ds-copilot-font-size: 12px;
  --ds-icon-btn-text: var(--ds-copilot-text-muted);
  --ds-icon-btn-text-active: var(--ds-copilot-text);
  --ds-icon-btn-hover: rgba(45, 42, 38, 0.08);
  --ds-icon-btn-active: rgba(45, 42, 38, 0.14);
  --ds-icon-btn-border: rgba(45, 42, 38, 0.18);
  --ds-icon-tooltip-bg: rgba(59, 74, 94, 0.96);
  --ds-icon-tooltip-border: rgba(88, 105, 130, 0.9);
  --ds-icon-tooltip-shadow: 0 10px 24px rgba(29, 36, 48, 0.24);
  --ds-icon-tooltip-text: #ffffff;
}

[data-theme="dark"] #workspace-root,
.dark #workspace-root {
  --ds-copilot-glass-bg-0: rgba(20, 22, 26, 0.92);
  --ds-copilot-glass-bg-1: rgba(74, 94, 108, 0.36);
  --ds-copilot-glass-bg-2: rgba(158, 120, 82, 0.28);
  --ds-copilot-glass-border: rgba(255, 255, 255, 0.14);
  --ds-copilot-glass-inner: rgba(24, 26, 30, 0.92);
  --ds-copilot-glass-shadow: 0 30px 70px rgba(0, 0, 0, 0.55);
  --ds-copilot-glass-glow: 0 0 0 0.75px rgba(210, 182, 140, 0.18);
  --ds-copilot-text: #f1ebe2;
  --ds-copilot-text-muted: #b0a9a0;
  --ds-icon-btn-text: var(--ds-copilot-text-muted);
  --ds-icon-btn-text-active: #f7f0e6;
  --ds-icon-btn-hover: rgba(255, 255, 255, 0.08);
  --ds-icon-btn-active: rgba(255, 255, 255, 0.12);
  --ds-icon-btn-border: rgba(255, 255, 255, 0.2);
  --ds-icon-tooltip-bg: rgba(16, 18, 22, 0.96);
  --ds-icon-tooltip-border: rgba(82, 96, 110, 0.9);
  --ds-icon-tooltip-shadow: 0 10px 24px rgba(0, 0, 0, 0.45);
  --ds-icon-tooltip-text: #f6f0e8;
}

[data-theme="dark"] #workspace-root .ds-copilot-glass,
.dark #workspace-root .ds-copilot-glass {
  background:
    radial-gradient(120% 80% at 18% 0%, rgba(92, 112, 124, 0.35), transparent 62%),
    radial-gradient(90% 70% at 85% 10%, rgba(158, 120, 82, 0.24), transparent 58%),
    linear-gradient(180deg, rgba(18, 20, 24, 0.95), var(--ds-copilot-glass-bg-0));
}

[data-theme="dark"] #workspace-root .ds-copilot-glass::before,
.dark #workspace-root .ds-copilot-glass::before {
  background:
    radial-gradient(circle at 20% 18%, rgba(110, 128, 138, 0.28), transparent 50%),
    radial-gradient(circle at 82% 20%, rgba(170, 132, 94, 0.24), transparent 52%),
    radial-gradient(circle at 40% 80%, rgba(92, 108, 96, 0.2), transparent 56%);
}

[data-theme="dark"] #workspace-root .ds-copilot-grip,
.dark #workspace-root .ds-copilot-grip {
  color: rgba(255, 255, 255, 0.35);
}

[data-theme="dark"] #workspace-root .ds-copilot-status,
.dark #workspace-root .ds-copilot-status {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(18, 20, 24, 0.7);
  color: var(--ds-copilot-text-muted);
}

[data-theme="dark"] #workspace-root .ds-copilot-status .dot,
.dark #workspace-root .ds-copilot-status .dot {
  background: rgba(132, 180, 158, 0.9);
  box-shadow: 0 0 0 3px rgba(132, 180, 158, 0.2);
}

[data-theme="dark"] #workspace-root .ds-copilot-status.is-offline .dot,
.dark #workspace-root .ds-copilot-status.is-offline .dot {
  background: rgba(198, 124, 124, 0.9);
  box-shadow: 0 0 0 3px rgba(198, 124, 124, 0.2);
}

[data-theme="dark"] #workspace-root .ds-copilot-presets,
.dark #workspace-root .ds-copilot-presets {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] #workspace-root .ds-copilot-preset,
.dark #workspace-root .ds-copilot-preset {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(18, 20, 24, 0.66);
  color: var(--ds-copilot-text-muted);
}

[data-theme="dark"] #workspace-root .ds-copilot-preset:hover,
.dark #workspace-root .ds-copilot-preset:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.2);
  color: var(--ds-copilot-text);
}

[data-theme="dark"] #workspace-root .ds-copilot-preset.is-active,
.dark #workspace-root .ds-copilot-preset.is-active {
  background: rgba(210, 182, 140, 0.2);
  border-color: rgba(210, 182, 140, 0.42);
  color: var(--ds-copilot-text);
}

.ds-copilot-drag-bounds {
  position: absolute;
  inset: var(--ds-copilot-inset, 10px);
  pointer-events: none;
  z-index: 80;
}

.ds-copilot-dock {
  position: absolute;
  top: 6px;
  bottom: 6px;
  left: 0;
  pointer-events: auto;
  display: flex;
  flex-direction: column;
  min-width: 0;
  max-width: 100%;
  border-radius: 18px;
  will-change: transform;
  filter: drop-shadow(0 16px 34px rgba(32, 40, 52, 0.16));
}

.ds-copilot-glass {
  position: relative;
  height: 100%;
  width: 100%;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid var(--ds-copilot-glass-border);
  box-shadow: var(--ds-copilot-glass-shadow), var(--ds-copilot-glass-glow);
  backdrop-filter: blur(22px) saturate(130%);
  transform: translateZ(0);
  background:
    radial-gradient(120% 80% at 20% 0%, var(--ds-copilot-glass-bg-1), transparent 62%),
    radial-gradient(90% 70% at 85% 10%, var(--ds-copilot-glass-bg-2), transparent 58%),
    linear-gradient(180deg, rgba(251, 250, 247, 0.85), var(--ds-copilot-glass-bg-0));
}

.ds-copilot-glass::before {
  content: '';
  position: absolute;
  inset: -30%;
  pointer-events: none;
  opacity: 0.58;
  mix-blend-mode: soft-light;
  filter: blur(28px) saturate(1.02);
  background:
    radial-gradient(circle at 20% 18%, rgba(215, 198, 174, 0.28), transparent 48%),
    radial-gradient(circle at 82% 20%, rgba(159, 177, 194, 0.22), transparent 52%),
    radial-gradient(circle at 40% 80%, rgba(199, 173, 150, 0.18), transparent 56%);
  animation: dsCopilotAurora 22s ease-in-out infinite;
}

@keyframes dsCopilotAurora {
  0% { transform: translate3d(-8%, -4%, 0) rotate(0deg); }
  45% { transform: translate3d(6%, 2%, 0) rotate(8deg); }
  100% { transform: translate3d(-8%, -4%, 0) rotate(0deg); }
}

@media (prefers-reduced-motion: reduce) {
  .ds-stage-safe {
    transition: none;
  }
  .ds-stage-switch {
    animation: none;
  }
  .ds-copilot-glass::before {
    animation: none;
  }
}

.ds-copilot-glass-inner {
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  min-height: 0;
  border-radius: inherit;
  isolation: isolate;
  font-size: var(--ds-copilot-font-size);
}

#workspace-root .ds-copilot-glass-inner .ai-manus-root,
#workspace-root .ds-copilot-glass-inner .ai-manus-root * {
  font-size: inherit !important;
}

#workspace-root .ds-copilot-glass-inner .ai-manus-root.ai-manus-mode-welcome .ai-manus-greeting {
  font-size: 2.5em !important;
  line-height: 1.12 !important;
}

#workspace-root .ds-copilot-glass-inner .ai-manus-root.ai-manus-mode-copilot .ai-manus-greeting {
  font-size: 2.5em !important;
  line-height: 1.12 !important;
}

.ds-copilot-hud {
  position: absolute;
  top: 12px;
  left: 12px;
  right: 12px;
  z-index: 40;
  pointer-events: none;
}

.ds-copilot-hud .ds-copilot-drag-btn {
  pointer-events: auto;
}

.ds-copilot-header {
  position: relative;
  z-index: 40;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 12px 14px 10px;
  padding: 8px 12px;
  color: var(--ds-copilot-text);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: auto;
}

.ds-copilot-header-left,
.ds-copilot-header-right {
  display: flex;
  align-items: center;
  gap: 8px;
}

.ds-copilot-header-left {
  min-width: 0;
  flex: 1;
}

.ds-copilot-header-right {
  flex-shrink: 0;
}

.ds-copilot-header-extra {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.ds-copilot-drag-area {
  cursor: grab;
  touch-action: none;
}

.ds-copilot-drag-area:active {
  cursor: grabbing;
}

.ds-copilot-title {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  font-size: inherit;
  letter-spacing: -0.01em;
  color: var(--ds-copilot-text);
}

.ds-copilot-title-sep {
  color: var(--ds-copilot-text-muted);
  font-size: inherit;
}

.ds-copilot-session-title {
  min-width: 0;
  flex: 1;
  font-size: inherit;
  color: var(--ds-copilot-text-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ds-copilot-status-text {
  min-width: 0;
  flex: 1;
  font-size: inherit;
  font-weight: 500;
  color: #8a7a4a;
  text-align: left;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
}

[data-theme="dark"] .ds-copilot-status-text,
.dark .ds-copilot-status-text {
  color: #c5a96c;
}

.ds-copilot-status-text.text-rotate {
  display: inline-flex;
  flex-wrap: nowrap;
  white-space: pre;
}

.ds-copilot-status-text .text-rotate-word,
.ds-copilot-status-text .text-rotate-element,
.ds-copilot-status-text .text-rotate-space {
  white-space: pre;
}

.ds-copilot-status-text-split {
  display: inline-flex;
  white-space: pre;
}

.ds-copilot-status-text-element {
  display: inline-block;
  white-space: pre;
}

.ds-copilot-icon-btn {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--ds-icon-btn-text, var(--ds-copilot-text-muted));
  transition: background 0.16s var(--ease-out), color 0.16s var(--ease-out),
    border-color 0.16s var(--ease-out);
}

.ds-copilot-icon-btn:hover {
  background: var(--ds-icon-btn-hover, rgba(45, 42, 38, 0.08));
  color: var(--ds-icon-btn-text-active, var(--ds-copilot-text));
}

.ds-copilot-icon-btn.is-active {
  background: var(--ds-icon-btn-active, rgba(45, 42, 38, 0.14));
  border-color: var(--ds-icon-btn-border, rgba(45, 42, 38, 0.18));
  color: var(--ds-icon-btn-text-active, var(--ds-copilot-text));
}

.ds-copilot-icon-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.ds-copilot-icon-btn:disabled:hover {
  background: transparent;
  color: var(--ds-icon-btn-text, var(--ds-copilot-text-muted));
}

.ds-copilot-fix-btn {
  height: 30px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(45, 42, 38, 0.16);
  background: rgba(251, 250, 247, 0.82);
  color: var(--ds-copilot-text);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: -0.01em;
  transition: background 0.16s var(--ease-out), border-color 0.16s var(--ease-out),
    color 0.16s var(--ease-out);
}

.ds-copilot-fix-btn:hover {
  background: rgba(45, 42, 38, 0.08);
  border-color: rgba(45, 42, 38, 0.2);
}

.ds-copilot-fix-btn.is-active {
  background: rgba(45, 42, 38, 0.12);
  border-color: rgba(45, 42, 38, 0.22);
}

.ds-copilot-fix-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.ds-copilot-fix-btn:disabled:hover {
  background: rgba(251, 250, 247, 0.82);
  border-color: rgba(45, 42, 38, 0.16);
}

.ds-copilot-grip {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  color: rgba(45, 42, 38, 0.4);
}

.ds-copilot-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: inherit;
  letter-spacing: 0.12em;
  font-weight: 700;
  border: 1px solid rgba(45, 42, 38, 0.12);
  background: rgba(251, 250, 247, 0.7);
  color: var(--ds-copilot-text-muted);
}

.ds-copilot-status .dot {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: rgba(142, 160, 150, 0.9);
  box-shadow: 0 0 0 3px rgba(142, 160, 150, 0.18);
}

.ds-copilot-status.is-offline .dot {
  background: rgba(182, 137, 137, 0.9);
  box-shadow: 0 0 0 3px rgba(182, 137, 137, 0.16);
}

.ds-copilot-presets {
  display: flex;
  gap: 8px;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(45, 42, 38, 0.08);
}

.ds-copilot-preset {
  height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: inherit;
  font-weight: 600;
  color: var(--ds-copilot-text-muted);
  border: 1px solid rgba(45, 42, 38, 0.12);
  background: rgba(251, 250, 247, 0.6);
  transition: background 0.16s var(--ease-out), border-color 0.16s var(--ease-out), color 0.16s var(--ease-out);
}

.ds-copilot-preset:hover {
  background: rgba(255, 255, 255, 0.85);
  border-color: rgba(45, 42, 38, 0.2);
  color: var(--ds-copilot-text);
}

.ds-copilot-preset.is-active {
  background: rgba(199, 173, 150, 0.2);
  border-color: rgba(199, 173, 150, 0.4);
  color: var(--ds-copilot-text);
}

.ds-copilot-body {
  flex: 1;
  min-height: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.ds-copilot-chat {
  position: relative;
  flex: 1;
  min-height: 0;
  padding: 6px 14px 12px;
  z-index: 10;
  display: flex;
  flex-direction: column;
}

.ds-copilot-drag-handles {
  position: absolute;
  inset: 0;
  z-index: 20;
  pointer-events: none;
}

.ds-copilot-drag-handle {
  position: absolute;
  pointer-events: auto;
  cursor: grab;
  touch-action: none;
}

.ds-copilot-drag-handle.top,
.ds-copilot-drag-handle.bottom {
  left: 0;
  right: 0;
  height: 12px;
}

.ds-copilot-drag-handle.top {
  top: 0;
}

.ds-copilot-drag-handle.bottom {
  bottom: 0;
}

.ds-copilot-drag-handle.left,
.ds-copilot-drag-handle.right {
  top: 12px;
  bottom: 12px;
  width: 12px;
}

.ds-copilot-drag-handle.left {
  left: 0;
}

.ds-copilot-drag-handle.right {
  right: 0;
}

.ds-copilot-drag-bounds.is-dragging .ds-copilot-drag-handle {
  cursor: grabbing;
}

.ds-copilot-resize-handle {
  position: absolute;
  top: 12px;
  bottom: 12px;
  width: 12px;
  cursor: ew-resize;
  z-index: 30;
  touch-action: none;
}

.ds-copilot-resize-handle.on-left {
  left: 0;
}

.ds-copilot-resize-handle.on-right {
  right: 0;
}

.ds-copilot-resize-handle::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px;
  height: 78px;
  border-radius: 999px;
  transform: translate(-50%, -50%);
  background: rgba(45, 42, 38, 0.18);
  opacity: 0;
  transition: opacity 0.15s var(--ease-out);
}

.ds-copilot-dock:hover .ds-copilot-resize-handle::after {
  opacity: 1;
}

.ds-copilot-snapzone {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.12s var(--ease-out);
  border-radius: 14px;
  border: 1px dashed rgba(45, 42, 38, 0.18);
  background: rgba(251, 250, 247, 0.35);
  backdrop-filter: blur(10px);
}

.ds-copilot-snapzone.left {
  left: 0;
}

.ds-copilot-snapzone.right {
  right: 0;
}

.ds-copilot-snapzone.is-active {
  opacity: 1;
  border-color: rgba(199, 173, 150, 0.45);
  background: rgba(199, 173, 150, 0.2);
}

.chat-area {
  flex: 1;
  overflow-y: auto;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.bubble {
  max-width: 90%;
  padding: 14px 18px;
  border-radius: 14px;
  font-size: 0.95rem;
  line-height: 1.6;
  position: relative;
  animation: fadeSlideUp 0.3s ease;
}

.bubble.ai {
  background: #fff;
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 2px 4px rgba(0,0,0,0.02);
  align-self: flex-start;
  border-top-left-radius: 2px;
  color: var(--text-main);
}

.bubble.user {
  background: var(--text-main);
  color: #fff;
  align-self: flex-end;
  border-top-right-radius: 2px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.chat-input-sticky {
  padding: 16px;
  background: rgba(255,255,255,0.8);
  backdrop-filter: blur(8px);
  border-top: 1px solid var(--border-light);
}

.chat-input-box {
  display: flex;
  background: #fff;
  border: 1px solid var(--border-light);
  border-radius: var(--radius-card);
  padding: 8px 12px;
  box-shadow: var(--shadow-sm);
  transition: border-color 0.2s;
}

.chat-input-box:focus-within {
  border-color: var(--brand);
}

.chat-input-box input {
  flex: 1;
  border: none;
  outline: none;
  font-size: 14px;
}

/* === 6. Toggles & Resizers === */
.panel-toggle {
  position: absolute;
  bottom: 24px;
  width: 44px;
  height: 44px;
  background: #fff;
  border: 1px solid var(--border-light);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: var(--shadow-md);
  z-index: 100;
  color: var(--text-muted);
  transition: all 0.2s;
}

.panel-toggle:hover {
  transform: scale(1.1);
  color: var(--brand);
  border-color: var(--brand);
}

.toggle-left {
  left: 24px;
}

.toggle-right {
  right: 24px;
}

.resizer {
  width: 8px;
  margin: 0 -4px;
  cursor: col-resize;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.2s;
}

.resizer:hover {
  opacity: 1;
}

.resizer::after {
  content: '';
  width: 3px;
  height: 34px;
  background: rgba(0,0,0,0.15);
  border-radius: 2px;
}

/* Traffic Lights for Panel Headers */
.traffic-lights .light {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  cursor: pointer;
  border: 1px solid rgba(0,0,0,0.1);
}

.traffic-lights .light.close {
  background: #FF5F56;
}

.traffic-lights .light.min {
  background: #FFBD2E;
}

.traffic-lights .light.max {
  background: #27C93F;
}

/* File Tree Dark Theme Override */
.file-tree-dark {
  /* Legacy vars (kept for compatibility) */
  --file-tree-bg: var(--bg-panel-left);
  --file-tree-text: var(--text-muted-on-dark);
  --file-tree-text-hover: var(--text-on-dark);
  --file-tree-hover-bg: rgba(255,255,255,0.06);
  --file-tree-active-bg: rgba(47, 52, 55, 0.14);
  --file-tree-active-text: #fff;
  --file-tree-active-border: var(--brand);

  /* Unified vars used by new node styles */
  --file-tree-row-hover-bg: rgba(255, 255, 255, 0.06);
  --file-tree-row-selected-bg: rgba(255, 255, 255, 0.08);
  --file-tree-text-main: var(--text-on-dark);
  --file-tree-text-muted: var(--text-muted-on-dark);
  --file-tree-icon-muted: rgba(255, 255, 255, 0.42);
  --file-tree-folder-icon: rgba(255, 255, 255, 0.62);
  --file-tree-focus-ring: rgba(47, 52, 55, 0.55);
  --file-tree-highlight-bg: rgba(47, 52, 55, 0.16);
  --file-tree-highlight-ring: rgba(47, 52, 55, 0.55);
  --file-tree-read-bg: rgba(156, 178, 197, 0.36);
  --file-tree-read-ring: rgba(156, 178, 197, 0.26);
  --file-tree-read-icon: rgba(132, 160, 186, 0.95);
  --file-tree-write-bg: rgba(156, 176, 161, 0.36);
  --file-tree-write-ring: rgba(156, 176, 161, 0.24);
  --file-tree-write-icon: rgba(122, 152, 130, 0.95);
  --file-tree-move-ring: rgba(142, 166, 191, 0.35);
  --file-tree-move-icon: rgba(128, 154, 182, 0.95);
  --file-tree-rename-ring: rgba(188, 165, 132, 0.34);
  --file-tree-rename-icon: rgba(166, 140, 103, 0.95);
}

.file-tree-scroll {
  width: 100%;
  min-width: 100%;
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.24) transparent;
  scrollbar-gutter: stable;
}

.file-tree-scroll::-webkit-scrollbar {
  width: 8px;
}

.file-tree-scroll::-webkit-scrollbar-track {
  background: transparent;
}

.file-tree-scroll::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 999px;
}

.file-tree-scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.32);
}

/* File Tree Base Variables (default) */
:root {
  --file-tree-row-hover-bg: rgba(0, 0, 0, 0.04);
  --file-tree-row-selected-bg: rgba(0, 0, 0, 0.06);
  --file-tree-text-main: var(--text-main);
  --file-tree-text-muted: var(--text-muted);
  --file-tree-icon-muted: rgba(17, 24, 39, 0.38);
  --file-tree-folder-icon: rgba(17, 24, 39, 0.55);
  --file-tree-focus-ring: rgba(47, 52, 55, 0.35);
  --file-tree-highlight-bg: rgba(47, 52, 55, 0.10);
  --file-tree-highlight-ring: rgba(47, 52, 55, 0.38);
  --file-tree-read-bg: rgba(156, 178, 197, 0.28);
  --file-tree-read-ring: rgba(156, 178, 197, 0.2);
  --file-tree-read-icon: rgba(115, 140, 165, 0.92);
  --file-tree-write-bg: rgba(156, 176, 161, 0.3);
  --file-tree-write-ring: rgba(156, 176, 161, 0.2);
  --file-tree-write-icon: rgba(110, 138, 118, 0.92);
}

[data-theme="dark"],
.dark {
  --file-tree-row-hover-bg: rgba(255, 255, 255, 0.04);
  --file-tree-row-selected-bg: rgba(255, 255, 255, 0.06);
  --file-tree-text-main: var(--soft-text-primary);
  --file-tree-text-muted: var(--soft-text-secondary);
  --file-tree-icon-muted: rgba(255, 255, 255, 0.42);
  --file-tree-folder-icon: rgba(255, 255, 255, 0.62);
  --file-tree-focus-ring: rgba(47, 52, 55, 0.55);
  --file-tree-highlight-bg: rgba(47, 52, 55, 0.14);
  --file-tree-highlight-ring: rgba(47, 52, 55, 0.55);
  --file-tree-read-bg: rgba(156, 178, 197, 0.36);
  --file-tree-read-ring: rgba(156, 178, 197, 0.26);
  --file-tree-read-icon: rgba(132, 160, 186, 0.95);
  --file-tree-write-bg: rgba(156, 176, 161, 0.36);
  --file-tree-write-ring: rgba(156, 176, 161, 0.24);
  --file-tree-write-icon: rgba(122, 152, 130, 0.95);
}

/* File Tree Node Styles (uses CSS vars above for theme correctness) */
.file-tree-node {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 10px;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: var(--file-tree-text-main);
  transition: background-color 120ms ease, box-shadow 180ms ease, color 120ms ease,
    transform 160ms ease, opacity 160ms ease;
  position: relative;
  overflow: hidden;
}

.file-tree-node > * {
  position: relative;
  z-index: 1;
}

.file-tree-drag-handle,
.file-tree-drag-handle-spacer {
  width: 14px;
  height: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--file-tree-icon-muted);
  opacity: 0;
  transition: opacity 140ms ease, transform 140ms ease;
}

.file-tree-drag-handle {
  pointer-events: none;
}

.file-tree-node:hover .file-tree-drag-handle,
.file-tree-node.is-dragging .file-tree-drag-handle {
  opacity: 0.8;
}

.file-tree-drag-handle-spacer {
  opacity: 0;
}

.file-tree-node::before,
.file-tree-node::after {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: 8px;
  opacity: 0;
  pointer-events: none;
  z-index: 0;
}

.file-tree-node:hover {
  background: var(--file-tree-row-hover-bg);
}

.file-tree-node.is-selected {
  background: var(--file-tree-row-selected-bg);
}

.file-tree-node.is-focused {
  box-shadow: 0 0 0 1px var(--file-tree-focus-ring) inset;
}

.file-tree-node.is-drag-armed {
  cursor: grab;
  background: var(--file-tree-row-hover-bg);
  box-shadow: 0 0 0 1px var(--file-tree-focus-ring) inset,
    0 8px 18px rgba(0, 0, 0, 0.24);
  transform: translateY(-1px);
}

.file-tree-node.is-dragging {
  cursor: grabbing;
  opacity: 0.35;
}

.file-tree-node.will-receive-drop {
  box-shadow: 0 0 0 2px var(--file-tree-focus-ring) inset;
}

.file-tree-node .file-tree-name {
  color: var(--file-tree-text-main);
}

.file-tree-node .file-tree-muted {
  color: var(--file-tree-text-muted);
}

.file-tree-node .file-tree-icon-muted {
  color: var(--file-tree-icon-muted);
}

.file-tree-node .file-tree-folder-icon {
  color: var(--file-tree-folder-icon);
}

@keyframes fileTreePulse {
  0% {
    box-shadow: 0 0 0 0 rgba(47, 52, 55, 0);
  }
  35% {
    box-shadow:
      0 0 0 1px var(--file-tree-highlight-ring) inset,
      0 0 0 6px rgba(47, 52, 55, 0.0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(47, 52, 55, 0);
  }
}

.file-tree-node.is-highlighted {
  background: var(--file-tree-highlight-bg);
  animation: fileTreePulse 1600ms var(--ease-out) 1;
}

@keyframes fileTreeReadFlash {
  0% {
    opacity: 0;
  }
  4% {
    opacity: 0.85;
  }
  8% {
    opacity: 0.1;
  }
  12% {
    opacity: 0.65;
  }
  14% {
    opacity: 0.22;
  }
  98% {
    opacity: 0.35;
  }
  100% {
    opacity: 0;
  }
}

.file-tree-node.is-reading::after {
  background: var(--file-tree-read-bg);
  box-shadow: 0 0 0 1px var(--file-tree-read-ring) inset;
  animation: fileTreeReadFlash 3500ms ease-out 1;
}

.file-tree-node.is-writing::before {
  background: var(--file-tree-write-bg);
  box-shadow: 0 0 0 1px var(--file-tree-write-ring) inset;
  opacity: 1;
}

@keyframes fileTreeMovePulse {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  25% {
    box-shadow:
      0 0 0 1px var(--file-tree-move-ring) inset,
      0 0 0 6px rgba(142, 166, 191, 0.0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

@keyframes fileTreeRenamePulse {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  25% {
    box-shadow:
      0 0 0 1px var(--file-tree-rename-ring) inset,
      0 0 0 6px rgba(188, 165, 132, 0.0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

@keyframes fileTreeEffectFade {
  0% {
    opacity: 0;
    transform: translateY(2px);
  }
  20% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-1px);
  }
}

.file-tree-node.is-moved {
  animation: fileTreeMovePulse 3000ms ease-out 1;
}

.file-tree-node.is-renamed {
  animation: fileTreeRenamePulse 3000ms ease-out 1;
}

.cli-tree-item {
  position: relative;
  overflow: hidden;
}

.cli-tree-item > * {
  position: relative;
  z-index: 1;
}

.cli-tree-item::before,
.cli-tree-item::after {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: 8px;
  opacity: 0;
  pointer-events: none;
  z-index: 0;
}

.cli-tree-item.is-highlighted {
  background: var(--file-tree-highlight-bg);
  animation: fileTreePulse 1600ms var(--ease-out) 1;
}

.cli-tree-item.is-reading::after {
  background: var(--file-tree-read-bg);
  box-shadow: 0 0 0 1px var(--file-tree-read-ring) inset;
  animation: fileTreeReadFlash 3500ms ease-out 1;
}

.cli-tree-item.is-writing::before {
  background: var(--file-tree-write-bg);
  box-shadow: 0 0 0 1px var(--file-tree-write-ring) inset;
  opacity: 1;
}

.cli-tree-item.is-moved {
  animation: fileTreeMovePulse 3000ms ease-out 1;
}

.cli-tree-item.is-renamed {
  animation: fileTreeRenamePulse 3000ms ease-out 1;
}

/* File Diff Panel */
@keyframes dsFileDiffIn {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes dsFileDiffLineIn {
  from {
    opacity: 0;
    transform: translateX(-6px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.ds-file-diff-panel {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-radius: 14px;
  border: 1px solid var(--border-light);
  background: var(--background-card);
  color: var(--text-primary);
  box-shadow: var(--soft-shadow-card);
  padding: 10px 12px;
  animation: dsFileDiffIn 220ms ease-out;
}

.ds-file-diff-panel.is-compact {
  padding: 8px 10px;
}

.ai-manus-file-diff-full {
  flex: 1;
  min-height: 0;
}

.ai-manus-file-diff-full .ds-file-diff-body {
  flex: 1;
  min-height: 0;
  max-height: none;
}

.ds-file-diff-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.ds-file-diff-header-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.ds-file-diff-title {
  font-size: 12px;
  font-weight: 600;
}

.ds-file-diff-subtitle {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 10px;
  color: var(--text-tertiary);
}

.ds-file-diff-tag {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 2px 8px;
  background: rgba(125, 132, 140, 0.12);
  color: var(--text-secondary);
  font-size: 10px;
  font-weight: 600;
}

.ds-file-diff-meta {
  font-size: 10px;
  color: var(--text-secondary);
}

.ds-file-diff-muted {
  color: var(--text-tertiary);
}

.ds-file-diff-close {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: none;
  background: transparent;
  color: var(--text-tertiary);
  transition: background 0.16s ease, color 0.16s ease;
}

.ds-file-diff-close:hover {
  background: rgba(45, 42, 38, 0.08);
  color: var(--text-primary);
}

.ds-file-diff-body {
  border-radius: 12px;
  border: 1px solid var(--border-light);
  background: var(--background-white-main);
  padding: 6px 0;
  max-height: 240px;
  overflow: auto;
}

.ds-file-diff-line {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 2px 12px;
  font-family: "Fira Code", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  font-size: 10px;
  line-height: 1.5;
  white-space: pre-wrap;
  animation: dsFileDiffLineIn 220ms ease-out both;
}

.ds-file-diff-line.is-add {
  background: rgba(34, 197, 94, 0.12);
  color: #146534;
}

.ds-file-diff-line.is-del {
  background: rgba(239, 68, 68, 0.12);
  color: #7f1d1d;
}

.ds-file-diff-line.is-hunk {
  background: rgba(125, 132, 140, 0.12);
  color: var(--text-tertiary);
}

.ds-file-diff-line.is-context {
  color: var(--text-secondary);
}

.ds-file-diff-prefix {
  min-width: 18px;
  text-align: center;
  opacity: 0.8;
}

.ds-file-diff-text {
  flex: 1;
  min-width: 0;
  word-break: break-word;
}

.ds-file-diff-footer {
  font-size: 10px;
  color: var(--text-tertiary);
}

.ds-patch-preview {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-radius: 14px;
  border: 1px solid var(--border-light);
  background: var(--background-card);
  color: var(--text-primary);
  box-shadow: var(--soft-shadow-card);
  padding: 10px 12px;
}

.ds-patch-preview.is-compact {
  padding: 8px 10px;
}

.ds-patch-preview-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.ds-patch-preview-header-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.ds-patch-preview-title {
  font-size: 12px;
  font-weight: 600;
}

.ds-patch-preview-subtitle {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 10px;
  color: var(--text-tertiary);
}

.ds-patch-preview-meta {
  font-size: 10px;
  color: var(--text-secondary);
}

.ds-patch-preview-muted {
  color: var(--text-tertiary);
}

.ds-patch-preview-body {
  border-radius: 12px;
  border: 1px solid var(--border-light);
  background: var(--background-white-main);
  padding: 6px 0;
  max-height: 240px;
  overflow: auto;
}

.ds-patch-preview-line {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 2px 12px;
  font-family: "Fira Code", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  font-size: 10px;
  line-height: 1.5;
  white-space: pre-wrap;
}

.ds-patch-preview-line.is-add {
  background: rgba(34, 197, 94, 0.12);
  color: #146534;
}

.ds-patch-preview-line.is-del {
  background: rgba(239, 68, 68, 0.12);
  color: #7f1d1d;
}

.ds-patch-preview-line.is-hunk {
  background: rgba(125, 132, 140, 0.12);
  color: var(--text-tertiary);
}

.ds-patch-preview-line.is-context {
  color: var(--text-secondary);
}

.ds-patch-preview-gutter {
  min-width: 18px;
  text-align: right;
  color: var(--text-tertiary);
}

.ds-patch-preview-text {
  flex: 1;
  min-width: 0;
  word-break: break-word;
}

.file-tree-effect-icons {
  height: 16px;
}

.file-tree-effect-icon {
  width: 14px;
  height: 14px;
}

.file-tree-effect-icon.is-reading {
  color: var(--file-tree-read-icon);
  animation: fileTreeReadFlash 3500ms ease-out 1;
}

.file-tree-effect-icon.is-writing {
  color: var(--file-tree-write-icon);
}

.file-tree-effect-icon.is-moving {
  color: var(--file-tree-move-icon);
  animation: fileTreeEffectFade 3000ms ease-out 1;
}

.file-tree-effect-icon.is-renaming {
  color: var(--file-tree-rename-icon);
  animation: fileTreeEffectFade 3000ms ease-out 1;
}

.file-tree-drag-preview {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 12px;
  background: rgba(18, 18, 18, 0.75);
  color: var(--file-tree-text-main);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(10px);
  transform-origin: top left;
}

.file-tree-drag-preview.is-multi {
  padding-right: 6px;
}

.file-tree-drag-icon {
  width: 16px;
  height: 16px;
  color: var(--file-tree-icon-muted);
}

.file-tree-drag-label {
  font-size: 12px;
  font-weight: 500;
  max-width: 220px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.file-tree-drag-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.18);
  color: var(--file-tree-text-main);
}

.file-tree-node.is-latex-folder {
  outline: 1px dashed rgba(255, 255, 255, 0.22);
  outline-offset: -1px;
}

.file-tree-node.is-latex-folder.is-selected {
  outline-color: rgba(255, 255, 255, 0.32);
}

/* Ensure file tree has proper height */
.file-tree-dark {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
}

.file-tree-dark > div {
  flex: 1;
  min-height: 0;
}

@keyframes ds-hero-fog-a {
  0% {
    transform: translate3d(-8px, 4px, 0);
  }
  100% {
    transform: translate3d(16px, -6px, 0);
  }
}

@keyframes ds-hero-fog-b {
  0% {
    transform: translate3d(10px, -4px, 0);
  }
  100% {
    transform: translate3d(-12px, 6px, 0);
  }
}

@keyframes ds-hero-orb-float {
  0%,
  100% {
    transform: translate3d(-50%, -50%, 0);
  }
  50% {
    transform: translate3d(-50%, calc(-50% - 3px), 0);
  }
}

@keyframes ds-terminal-in {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes ds-terminal-cursor {
  0%,
  45% {
    opacity: 1;
  }
  46%,
  100% {
    opacity: 0.2;
  }
}

@keyframes ds-hero-float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}

.ds-hero-fog {
  position: absolute;
  inset: -20% -10%;
  width: 140%;
  height: 140%;
  opacity: 0.22;
  filter: blur(6px);
  mix-blend-mode: multiply;
  will-change: transform;
  pointer-events: none;
}

.ds-hero-fog-a {
  animation: ds-hero-fog-a 70s ease-in-out infinite alternate;
}

.ds-hero-fog-b {
  opacity: 0.16;
  animation: ds-hero-fog-b 90s ease-in-out infinite alternate;
}

.ds-hero-orb {
  animation: ds-hero-orb-float 4s ease-in-out infinite;
  filter: drop-shadow(0 10px 16px rgba(84, 110, 136, 0.25));
  will-change: transform;
}

.ds-hero-orb-static {
  animation-duration: 5s;
}

.ds-hero-start {
  position: absolute;
  width: 10px;
  height: 9px;
  background: #c7ad96;
  opacity: 0.6;
  transform: translate(-50%, -50%);
  clip-path: polygon(50% 0%, 100% 100%, 0 100%);
  filter: drop-shadow(0 4px 6px rgba(45, 42, 38, 0.18));
}

.ds-hero-seal {
  position: absolute;
  right: 3%;
  bottom: 3%;
  width: clamp(64px, 8vw, 110px);
  opacity: 0.9;
  mix-blend-mode: multiply;
  filter: drop-shadow(0 6px 10px rgba(0, 0, 0, 0.12));
  pointer-events: none;
}

.ds-terminal-gradient {
  background: linear-gradient(90deg, #4796e4, #847ace, #c3677f);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.ds-terminal-blue {
  color: #4796e4;
}

.ds-terminal-red {
  color: #f38ba8;
}

.ds-terminal-ascii {
  letter-spacing: 0.02em;
}

.ds-citation-line-highlight {
  background: rgba(0, 129, 242, 0.16);
  box-shadow: inset 2px 0 0 rgba(0, 129, 242, 0.6);
  border-radius: 4px;
  transition: background 0.2s ease, box-shadow 0.2s ease;
}

@media (max-width: 640px) {
  .ds-terminal-ascii {
    transform: scale(0.82);
    transform-origin: left top;
  }
}

.ds-terminal-block {
  animation: ds-terminal-in 0.45s ease;
}

.ds-terminal-cursor {
  display: inline-block;
  animation: ds-terminal-cursor 1s steps(2, start) infinite;
}

.ds-hero-float {
  animation: ds-hero-float 8s ease-in-out infinite;
  will-change: transform;
}

@keyframes ds-hero-pulse {
  0%,
  100% {
    opacity: 0.4;
    transform: scale(1);
  }
  50% {
    opacity: 0.9;
    transform: scale(1.12);
  }
}

.ds-hero-pulse {
  animation: ds-hero-pulse 2.4s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  .ds-hero-fog,
  .ds-hero-orb,
  .ds-terminal-block,
  .ds-hero-float,
  .ds-hero-pulse {
    animation: none;
  }
}

@media (max-width: 1024px) {
  .ds-hero-fog,
  .ds-hero-orb,
  .ds-hero-float,
  .ds-hero-pulse {
    animation: none;
  }
}

.dark\:prose-invert:is([data-theme='dark'] *){
  --tw-prose-body: var(--tw-prose-invert-body);
  --tw-prose-headings: var(--tw-prose-invert-headings);
  --tw-prose-lead: var(--tw-prose-invert-lead);
  --tw-prose-links: var(--tw-prose-invert-links);
  --tw-prose-bold: var(--tw-prose-invert-bold);
  --tw-prose-counters: var(--tw-prose-invert-counters);
  --tw-prose-bullets: var(--tw-prose-invert-bullets);
  --tw-prose-hr: var(--tw-prose-invert-hr);
  --tw-prose-quotes: var(--tw-prose-invert-quotes);
  --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
  --tw-prose-captions: var(--tw-prose-invert-captions);
  --tw-prose-kbd: var(--tw-prose-invert-kbd);
  --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
  --tw-prose-code: var(--tw-prose-invert-code);
  --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
  --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
  --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
  --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
}

.file\:mr-4::file-selector-button{
  margin-right: 1rem;
}

.file\:rounded-soft-sm::file-selector-button{
  border-radius: 8px;
}

.file\:border-0::file-selector-button{
  border-width: 0px;
}

.file\:bg-soft-accent\/10::file-selector-button{
  background-color: hsl(var(--soft-accent-hsl) / 0.1);
}

.file\:px-3::file-selector-button{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.file\:py-2::file-selector-button{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.file\:text-sm::file-selector-button{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.file\:font-medium::file-selector-button{
  font-weight: 500;
}

.file\:text-soft-accent::file-selector-button{
  --tw-text-opacity: 1;
  color: hsl(var(--soft-accent-hsl) / var(--tw-text-opacity, 1));
    color: var(--soft-accent);
}

.file\:rounded-soft-sm::file-selector-button {
    border-radius: 10px;
  }

.placeholder\:text-\[\#9A948C\]::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(154 148 140 / var(--tw-text-opacity, 1));
}

.placeholder\:text-\[\#9A948C\]::placeholder{
  --tw-text-opacity: 1;
  color: rgb(154 148 140 / var(--tw-text-opacity, 1));
}

.placeholder\:text-\[\#A1968A\]::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(161 150 138 / var(--tw-text-opacity, 1));
}

.placeholder\:text-\[\#A1968A\]::placeholder{
  --tw-text-opacity: 1;
  color: rgb(161 150 138 / var(--tw-text-opacity, 1));
}

.placeholder\:text-\[var\(--soft-text-tertiary\)\]::-moz-placeholder{
  color: var(--soft-text-tertiary);
}

.placeholder\:text-\[var\(--soft-text-tertiary\)\]::placeholder{
  color: var(--soft-text-tertiary);
}

.placeholder\:text-\[var\(--text-muted-on-dark\)\]::-moz-placeholder{
  color: var(--text-muted-on-dark);
}

.placeholder\:text-\[var\(--text-muted-on-dark\)\]::placeholder{
  color: var(--text-muted-on-dark);
}

.placeholder\:text-\[var\(--text-tertiary\)\]::-moz-placeholder{
  color: var(--text-tertiary);
}

.placeholder\:text-\[var\(--text-tertiary\)\]::placeholder{
  color: var(--text-tertiary);
}

.placeholder\:text-black\/60::-moz-placeholder{
  color: rgb(0 0 0 / 0.6);
}

.placeholder\:text-black\/60::placeholder{
  color: rgb(0 0 0 / 0.6);
}

.placeholder\:text-muted-foreground::-moz-placeholder{
  color: hsl(var(--muted-foreground));
}

.placeholder\:text-muted-foreground::placeholder{
  color: hsl(var(--muted-foreground));
}

.placeholder\:text-muted-foreground\/60::-moz-placeholder{
  color: hsl(var(--muted-foreground) / 0.6);
}

.placeholder\:text-muted-foreground\/60::placeholder{
  color: hsl(var(--muted-foreground) / 0.6);
}

.placeholder\:text-slate-400::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.placeholder\:text-slate-400::placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.placeholder\:text-transparent::-moz-placeholder{
  color: transparent;
}

.placeholder\:text-transparent::placeholder{
  color: transparent;
}

.placeholder\:text-white\/40::-moz-placeholder{
  color: rgb(255 255 255 / 0.4);
}

.placeholder\:text-white\/40::placeholder{
  color: rgb(255 255 255 / 0.4);
}

.last\:mb-0:last-child{
  margin-bottom: 0px;
}

.last\:border-0:last-child{
  border-width: 0px;
}

.last\:border-b-0:last-child{
  border-bottom-width: 0px;
}

.focus-within\:border-\[var\(--border-input-active\)\]:focus-within{
  border-color: var(--border-input-active);
}

.focus-within\:ring-1:focus-within{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-within\:ring-\[var\(--border-input-active\)\]:focus-within{
  --tw-ring-color: var(--border-input-active);
}

.hover\:w-1:hover{
  width: 0.25rem;
}

.hover\:-translate-y-0\.5:hover{
  --tw-translate-y: -0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:-translate-y-\[0\.5px\]:hover{
  --tw-translate-y: -0.5px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:-translate-y-\[1px\]:hover{
  --tw-translate-y: -1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-105:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-110:hover{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:border-\[\#3F5A6B\]\/50:hover{
  border-color: rgb(63 90 107 / 0.5);
}

.hover\:border-\[var\(--border-light\)\]:hover{
  border-color: var(--border-light);
}

.hover\:border-\[var\(--border-main\)\]:hover{
  border-color: var(--border-main);
}

.hover\:border-black\/10:hover{
  border-color: rgb(0 0 0 / 0.1);
}

.hover\:border-black\/20:hover{
  border-color: rgb(0 0 0 / 0.2);
}

.hover\:border-black\/30:hover{
  border-color: rgb(0 0 0 / 0.3);
}

.hover\:border-border\/80:hover{
  border-color: hsl(var(--border) / 0.8);
}

.hover\:border-gray-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}

.hover\:border-primary\/30:hover{
  border-color: hsl(var(--primary) / 0.3);
}

.hover\:border-soft-accent:hover{
  --tw-border-opacity: 1;
  border-color: hsl(var(--soft-accent-hsl) / var(--tw-border-opacity, 1));
}

.hover\:border-soft-accent\/50:hover{
  border-color: hsl(var(--soft-accent-hsl) / 0.5);
}

.hover\:border-soft-border:hover{
  --tw-border-opacity: 1;
  border-color: hsl(var(--soft-border-hsl) / var(--tw-border-opacity, 1));
}

.hover\:border-white\/60:hover{
  border-color: rgb(255 255 255 / 0.6);
}

.hover\:bg-\[\#28C840\]\/80:hover{
  background-color: rgb(40 200 64 / 0.8);
}

.hover\:bg-\[\#333\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#4A6B7C\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(74 107 124 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#9b8352\]\/\[0\.18\]:hover{
  background-color: rgb(155 131 82 / 0.18);
}

.hover\:bg-\[\#D7C6AE\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(215 198 174 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#F2ECE4\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(242 236 228 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#FF5F57\]\/80:hover{
  background-color: rgb(255 95 87 / 0.8);
}

.hover\:bg-\[\#FFBD2E\]\/80:hover{
  background-color: rgb(255 189 46 / 0.8);
}

.hover\:bg-\[\#c9ac70\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(201 172 112 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#f6f6f6\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#f9fafb\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[var\(--background-gray-main\)\]:hover{
  background-color: var(--background-gray-main);
}

.hover\:bg-\[var\(--background-white-main\)\]:hover{
  background-color: var(--background-white-main);
}

.hover\:bg-\[var\(--fill-tsp-gray-dark\)\]:hover{
  background-color: var(--fill-tsp-gray-dark);
}

.hover\:bg-\[var\(--fill-tsp-gray-main\)\]:hover{
  background-color: var(--fill-tsp-gray-main);
}

.hover\:bg-\[var\(--fill-tsp-gray-mid\)\]:hover{
  background-color: var(--fill-tsp-gray-mid);
}

.hover\:bg-\[var\(--fill-tsp-white-dark\)\]:hover{
  background-color: var(--fill-tsp-white-dark);
}

.hover\:bg-\[var\(--fill-tsp-white-light\)\]:hover{
  background-color: var(--fill-tsp-white-light);
}

.hover\:bg-\[var\(--lab-surface-muted\)\]:hover{
  background-color: var(--lab-surface-muted);
}

.hover\:bg-\[var\(--soft-bg-inset\)\]:hover{
  background-color: var(--soft-bg-inset);
}

.hover\:bg-\[var\(--soft-bg-surface\)\]:hover{
  background-color: var(--soft-bg-surface);
}

.hover\:bg-accent:hover{
  background-color: hsl(var(--accent));
}

.hover\:bg-accent\/40:hover{
  background-color: hsl(var(--accent) / 0.4);
}

.hover\:bg-amber-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
}

.hover\:bg-background\/50:hover{
  background-color: hsl(var(--background) / 0.5);
}

.hover\:bg-background\/80:hover{
  background-color: hsl(var(--background) / 0.8);
}

.hover\:bg-black:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.hover\:bg-black\/5:hover{
  background-color: rgb(0 0 0 / 0.05);
}

.hover\:bg-black\/90:hover{
  background-color: rgb(0 0 0 / 0.9);
}

.hover\:bg-black\/\[0\.03\]:hover{
  background-color: rgb(0 0 0 / 0.03);
}

.hover\:bg-black\/\[0\.04\]:hover{
  background-color: rgb(0 0 0 / 0.04);
}

.hover\:bg-destructive\/10:hover{
  background-color: hsl(var(--destructive) / 0.1);
}

.hover\:bg-destructive\/20:hover{
  background-color: hsl(var(--destructive) / 0.2);
}

.hover\:bg-destructive\/90:hover{
  background-color: hsl(var(--destructive) / 0.9);
}

.hover\:bg-gray-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-200\/60:hover{
  background-color: rgb(229 231 235 / 0.6);
}

.hover\:bg-gray-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.hover\:bg-muted:hover{
  background-color: hsl(var(--muted));
}

.hover\:bg-muted\/30:hover{
  background-color: hsl(var(--muted) / 0.3);
}

.hover\:bg-muted\/40:hover{
  background-color: hsl(var(--muted) / 0.4);
}

.hover\:bg-muted\/45:hover{
  background-color: hsl(var(--muted) / 0.45);
}

.hover\:bg-muted\/50:hover{
  background-color: hsl(var(--muted) / 0.5);
}

.hover\:bg-muted\/60:hover{
  background-color: hsl(var(--muted) / 0.6);
}

.hover\:bg-muted\/80:hover{
  background-color: hsl(var(--muted) / 0.8);
}

.hover\:bg-neutral-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}

.hover\:bg-primary\/90:hover{
  background-color: hsl(var(--primary) / 0.9);
}

.hover\:bg-red-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-500\/20:hover{
  background-color: rgb(239 68 68 / 0.2);
}

.hover\:bg-red-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}

.hover\:bg-rose-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
}

.hover\:bg-secondary\/80:hover{
  background-color: hsl(var(--secondary) / 0.8);
}

.hover\:bg-slate-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}

.hover\:bg-slate-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}

.hover\:bg-soft-accent:hover{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--soft-accent-hsl) / var(--tw-bg-opacity, 1));
}

.hover\:bg-soft-accent\/50:hover{
  background-color: hsl(var(--soft-accent-hsl) / 0.5);
}

.hover\:bg-soft-accent\/90:hover{
  background-color: hsl(var(--soft-accent-hsl) / 0.9);
}

.hover\:bg-soft-bg-base:hover{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--soft-bg-base-hsl) / var(--tw-bg-opacity, 1));
}

.hover\:bg-soft-bg-elevated:hover{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--soft-bg-elevated-hsl) / var(--tw-bg-opacity, 1));
}

.hover\:bg-soft-bg-elevated\/40:hover{
  background-color: hsl(var(--soft-bg-elevated-hsl) / 0.4);
}

.hover\:bg-soft-bg-elevated\/50:hover{
  background-color: hsl(var(--soft-bg-elevated-hsl) / 0.5);
}

.hover\:bg-soft-border:hover{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--soft-border-hsl) / var(--tw-bg-opacity, 1));
}

.hover\:bg-white:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-white\/10:hover{
  background-color: rgb(255 255 255 / 0.1);
}

.hover\:bg-white\/15:hover{
  background-color: rgb(255 255 255 / 0.15);
}

.hover\:bg-white\/20:hover{
  background-color: rgb(255 255 255 / 0.2);
}

.hover\:bg-white\/5:hover{
  background-color: rgb(255 255 255 / 0.05);
}

.hover\:bg-white\/55:hover{
  background-color: rgb(255 255 255 / 0.55);
}

.hover\:bg-white\/60:hover{
  background-color: rgb(255 255 255 / 0.6);
}

.hover\:bg-white\/65:hover{
  background-color: rgb(255 255 255 / 0.65);
}

.hover\:bg-white\/70:hover{
  background-color: rgb(255 255 255 / 0.7);
}

.hover\:bg-white\/80:hover{
  background-color: rgb(255 255 255 / 0.8);
}

.hover\:bg-white\/90:hover{
  background-color: rgb(255 255 255 / 0.9);
}

.hover\:bg-white\/95:hover{
  background-color: rgb(255 255 255 / 0.95);
}

.hover\:bg-white\/\[0\.06\]:hover{
  background-color: rgb(255 255 255 / 0.06);
}

.hover\:bg-white\/\[0\.08\]:hover{
  background-color: rgb(255 255 255 / 0.08);
}

.hover\:bg-white\/\[0\.12\]:hover{
  background-color: rgb(255 255 255 / 0.12);
}

.hover\:bg-yellow-500\/20:hover{
  background-color: rgb(234 179 8 / 0.2);
}

.hover\:bg-zinc-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
}

.hover\:bg-zinc-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
}

.hover\:text-\[\#2D2A26\]:hover{
  --tw-text-opacity: 1;
  color: rgb(45 42 38 / var(--tw-text-opacity, 1));
}

.hover\:text-\[\#2E2A25\]:hover{
  --tw-text-opacity: 1;
  color: rgb(46 42 37 / var(--tw-text-opacity, 1));
}

.hover\:text-\[\#2f2f2f\]:hover{
  --tw-text-opacity: 1;
  color: rgb(47 47 47 / var(--tw-text-opacity, 1));
}

.hover\:text-\[var\(--accent-primary\)\]:hover{
  color: var(--accent-primary);
}

.hover\:text-\[var\(--cli-ink-1\)\]:hover{
  color: var(--cli-ink-1);
}

.hover\:text-\[var\(--cli-status-error\)\]:hover{
  color: var(--cli-status-error);
}

.hover\:text-\[var\(--ds-morandi-red-strong\)\]:hover{
  color: var(--ds-morandi-red-strong);
}

.hover\:text-\[var\(--lab-text-primary\)\]:hover{
  color: var(--lab-text-primary);
}

.hover\:text-\[var\(--text-main\)\]:hover{
  color: var(--text-main);
}

.hover\:text-\[var\(--text-on-dark\)\]:hover{
  color: var(--text-on-dark);
}

.hover\:text-\[var\(--text-primary\)\]:hover{
  color: var(--text-primary);
}

.hover\:text-\[var\(--text-secondary\)\]:hover{
  color: var(--text-secondary);
}

.hover\:text-accent-foreground:hover{
  color: hsl(var(--accent-foreground));
}

.hover\:text-black:hover{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.hover\:text-destructive:hover{
  color: hsl(var(--destructive));
}

.hover\:text-foreground:hover{
  color: hsl(var(--foreground));
}

.hover\:text-gray-200:hover{
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-800:hover{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.hover\:text-primary:hover{
  color: hsl(var(--primary));
}

.hover\:text-red-400:hover{
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}

.hover\:text-red-500:hover{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

.hover\:text-red-600:hover{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.hover\:text-rose-500:hover{
  --tw-text-opacity: 1;
  color: rgb(244 63 94 / var(--tw-text-opacity, 1));
}

.hover\:text-slate-700:hover{
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}

.hover\:text-soft-accent:hover{
  --tw-text-opacity: 1;
  color: hsl(var(--soft-accent-hsl) / var(--tw-text-opacity, 1));
}

.hover\:text-soft-text-primary:hover{
  --tw-text-opacity: 1;
  color: hsl(var(--soft-text-primary-hsl) / var(--tw-text-opacity, 1));
}

.hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hover\:text-white\/80:hover{
  color: rgb(255 255 255 / 0.8);
}

.hover\:text-white\/90:hover{
  color: rgb(255 255 255 / 0.9);
}

.hover\:underline:hover{
  text-decoration-line: underline;
}

.hover\:decoration-black\/30:hover{
  text-decoration-color: rgb(0 0 0 / 0.3);
}

.hover\:decoration-white\/70:hover{
  text-decoration-color: rgb(255 255 255 / 0.7);
}

.hover\:opacity-100:hover{
  opacity: 1;
}

.hover\:opacity-80:hover{
  opacity: 0.8;
}

.hover\:opacity-90:hover{
  opacity: 0.9;
}

.hover\:shadow-\[0_10px_30px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]:hover{
  --tw-shadow: 0 10px 30px rgba(0,0,0,0.08);
  --tw-shadow-colored: 0 10px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_16px_36px_-28px_rgba\(0\2c 0\2c 0\2c 0\.35\)\]:hover{
  --tw-shadow: 0 16px 36px -28px rgba(0,0,0,0.35);
  --tw-shadow-colored: 0 16px 36px -28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_16px_44px_-30px_rgba\(0\2c 0\2c 0\2c 0\.32\)\]:hover{
  --tw-shadow: 0 16px 44px -30px rgba(0,0,0,0.32);
  --tw-shadow-colored: 0 16px 44px -30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_22px_78px_-62px_rgba\(0\2c 0\2c 0\2c 0\.56\)\]:hover{
  --tw-shadow: 0 22px 78px -62px rgba(0,0,0,0.56);
  --tw-shadow-colored: 0 22px 78px -62px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_25px_60px_-45px_rgba\(60\2c 55\2c 50\2c 0\.35\)\]:hover{
  --tw-shadow: 0 25px 60px -45px rgba(60,55,50,0.35);
  --tw-shadow-colored: 0 25px 60px -45px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_30px_96px_-70px_rgba\(0\2c 0\2c 0\2c 0\.60\)\]:hover{
  --tw-shadow: 0 30px 96px -70px rgba(0,0,0,0.60);
  --tw-shadow-colored: 0 30px 96px -70px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_8px_18px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]:hover{
  --tw-shadow: 0 8px 18px rgba(0,0,0,0.08);
  --tw-shadow-colored: 0 8px 18px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-lg:hover{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-md:hover{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-soft-md:hover{
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:brightness-110:hover{
  --tw-brightness: brightness(1.1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.hover\:text-soft-accent:hover {
    color: var(--soft-accent);
  }

.hover\:file\:bg-soft-accent\/20::file-selector-button:hover{
  background-color: hsl(var(--soft-accent-hsl) / 0.2);
}

.focus\:border-\[var\(--border-input-active\)\]:focus{
  border-color: var(--border-input-active);
}

.focus\:border-gray-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
}

.focus\:border-soft-accent:focus{
  --tw-border-opacity: 1;
  border-color: hsl(var(--soft-accent-hsl) / var(--tw-border-opacity, 1));
}

.focus\:border-transparent:focus{
  border-color: transparent;
}

.focus\:border-white\/20:focus{
  border-color: rgb(255 255 255 / 0.2);
}

.focus\:bg-\[\#ECE2D8\]:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(236 226 216 / var(--tw-bg-opacity, 1));
}

.focus\:bg-\[var\(--soft-bg-elevated\)\]:focus{
  background-color: var(--soft-bg-elevated);
}

.focus\:bg-accent:focus{
  background-color: hsl(var(--accent));
}

.focus\:bg-gray-100:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.focus\:bg-white\/60:focus{
  background-color: rgb(255 255 255 / 0.6);
}

.focus\:text-\[\#2D2A26\]:focus{
  --tw-text-opacity: 1;
  color: rgb(45 42 38 / var(--tw-text-opacity, 1));
}

.focus\:text-\[var\(--soft-text-primary\)\]:focus{
  color: var(--soft-text-primary);
}

.focus\:text-accent-foreground:focus{
  color: hsl(var(--accent-foreground));
}

.focus\:text-black:focus{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.focus\:text-destructive:focus{
  color: hsl(var(--destructive));
}

.focus\:text-gray-900:focus{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}

.focus\:shadow-none:focus{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:ring-0:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-1:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-2:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-\[hsl\(var\(--primary\)\/0\.25\)\]:focus{
  --tw-ring-color: hsl(var(--primary)/0.25);
}

.focus\:ring-\[var\(--border-input-active\)\]:focus{
  --tw-ring-color: var(--border-input-active);
}

.focus\:ring-\[var\(--cli-accent-olive\)\]:focus{
  --tw-ring-color: var(--cli-accent-olive);
}

.focus\:ring-\[var\(--soft-accent\)\]:focus{
  --tw-ring-color: var(--soft-accent);
}

.focus\:ring-gray-400:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity, 1));
}

.focus\:ring-primary\/50:focus{
  --tw-ring-color: hsl(var(--primary) / 0.5);
}

.focus\:ring-ring:focus{
  --tw-ring-color: hsl(var(--ring));
}

.focus\:ring-soft-accent:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--soft-accent-hsl) / var(--tw-ring-opacity, 1));
}

.focus\:ring-white\/30:focus{
  --tw-ring-color: rgb(255 255 255 / 0.3);
}

.focus\:ring-offset-0:focus{
  --tw-ring-offset-width: 0px;
}

.focus\:ring-offset-2:focus{
  --tw-ring-offset-width: 2px;
}

.focus\:shadow-soft-inset-focus:focus {
    box-shadow:
      var(--soft-shadow-inset),
      0 0 0 3px var(--soft-accent-bg);
  }

.focus-visible\:border-\[\#C7AD96\]:focus-visible{
  --tw-border-opacity: 1;
  border-color: rgb(199 173 150 / var(--tw-border-opacity, 1));
}

.focus-visible\:bg-soft-bg-elevated:focus-visible{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--soft-bg-elevated-hsl) / var(--tw-bg-opacity, 1));
}

.focus-visible\:outline-none:focus-visible{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus-visible\:ring-0:focus-visible{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-1:focus-visible{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-2:focus-visible{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-\[\#9b8352\]\/40:focus-visible{
  --tw-ring-color: rgb(155 131 82 / 0.4);
}

.focus-visible\:ring-\[\#C7AD96\]\/30:focus-visible{
  --tw-ring-color: rgb(199 173 150 / 0.3);
}

.focus-visible\:ring-\[var\(--soft-accent\)\]:focus-visible{
  --tw-ring-color: var(--soft-accent);
}

.focus-visible\:ring-black\/10:focus-visible{
  --tw-ring-color: rgb(0 0 0 / 0.1);
}

.focus-visible\:ring-black\/20:focus-visible{
  --tw-ring-color: rgb(0 0 0 / 0.2);
}

.focus-visible\:ring-destructive\/30:focus-visible{
  --tw-ring-color: hsl(var(--destructive) / 0.3);
}

.focus-visible\:ring-gray-200:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-primary\/30:focus-visible{
  --tw-ring-color: hsl(var(--primary) / 0.3);
}

.focus-visible\:ring-ring:focus-visible{
  --tw-ring-color: hsl(var(--ring));
}

.focus-visible\:ring-soft-accent:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--soft-accent-hsl) / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-offset-0:focus-visible{
  --tw-ring-offset-width: 0px;
}

.focus-visible\:ring-offset-1:focus-visible{
  --tw-ring-offset-width: 1px;
}

.focus-visible\:ring-offset-2:focus-visible{
  --tw-ring-offset-width: 2px;
}

.focus-visible\:ring-offset-background:focus-visible{
  --tw-ring-offset-color: hsl(var(--background));
}

.active\:scale-95:active{
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.active\:cursor-grabbing:active{
  cursor: grabbing;
}

.active\:opacity-80:active{
  opacity: 0.8;
}

.active\:shadow-sm:active{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.disabled\:pointer-events-none:disabled{
  pointer-events: none;
}

.disabled\:cursor-not-allowed:disabled{
  cursor: not-allowed;
}

.disabled\:border-gray-400:disabled{
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}

.disabled\:bg-\[\#F4F1ED\]:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(244 241 237 / var(--tw-bg-opacity, 1));
}

.disabled\:bg-gray-400:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}

.disabled\:text-\[\#9B8F84\]:disabled{
  --tw-text-opacity: 1;
  color: rgb(155 143 132 / var(--tw-text-opacity, 1));
}

.disabled\:opacity-40:disabled{
  opacity: 0.4;
}

.disabled\:opacity-50:disabled{
  opacity: 0.5;
}

.disabled\:opacity-60:disabled{
  opacity: 0.6;
}

.disabled\:opacity-70:disabled{
  opacity: 0.7;
}

.group:hover .group-hover\:pointer-events-auto{
  pointer-events: auto;
}

.group\/attach:hover .group-hover\/attach\:flex{
  display: flex;
}

.group:hover .group-hover\:-translate-x-1{
  --tw-translate-x: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:-translate-y-1{
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:translate-x-0\.5{
  --tw-translate-x: 0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:translate-x-1{
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-\[1\.02\]{
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-\[1\.03\]{
  --tw-scale-x: 1.03;
  --tw-scale-y: 1.03;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:border-black\/20{
  border-color: rgb(0 0 0 / 0.2);
}

.group:hover .group-hover\:border-black\/25{
  border-color: rgb(0 0 0 / 0.25);
}

.group:hover .group-hover\:border-primary\/30{
  border-color: hsl(var(--primary) / 0.3);
}

.group:hover .group-hover\:bg-black\/\[0\.04\]{
  background-color: rgb(0 0 0 / 0.04);
}

.group:hover .group-hover\:bg-gray-200\/70{
  background-color: rgb(229 231 235 / 0.7);
}

.group:hover .group-hover\:bg-soft-accent\/10{
  background-color: hsl(var(--soft-accent-hsl) / 0.1);
}

.group:hover .group-hover\:text-\[var\(--text-main\)\]{
  color: var(--text-main);
}

.group:hover .group-hover\:text-foreground{
  color: hsl(var(--foreground));
}

.group:hover .group-hover\:text-primary{
  color: hsl(var(--primary));
}

.group:hover .group-hover\:text-soft-accent{
  --tw-text-opacity: 1;
  color: hsl(var(--soft-accent-hsl) / var(--tw-text-opacity, 1));
}

.group\/header:hover .group-hover\/header\:opacity-100{
  opacity: 1;
}

.group:hover .group-hover\:opacity-0{
  opacity: 0;
}

.group:hover .group-hover\:opacity-100{
  opacity: 1;
}

.group:hover .group-hover\:opacity-60{
  opacity: 0.6;
}

.group:hover .group-hover\:text-soft-accent {
    color: var(--soft-accent);
  }

.peer:disabled ~ .peer-disabled\:cursor-not-allowed{
  cursor: not-allowed;
}

.peer:disabled ~ .peer-disabled\:opacity-70{
  opacity: 0.7;
}

.aria-selected\:bg-accent[aria-selected="true"]{
  background-color: hsl(var(--accent));
}

.aria-selected\:bg-white[aria-selected="true"]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.aria-selected\:text-\[\#2E2A25\][aria-selected="true"]{
  --tw-text-opacity: 1;
  color: rgb(46 42 37 / var(--tw-text-opacity, 1));
}

.data-\[disabled\]\:pointer-events-none[data-disabled]{
  pointer-events: none;
}

.data-\[resize-handle-active\]\:w-1[data-resize-handle-active]{
  width: 0.25rem;
}

.data-\[side\=bottom\]\:translate-y-1[data-side="bottom"]{
  --tw-translate-y: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[side\=left\]\:-translate-x-1[data-side="left"]{
  --tw-translate-x: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[side\=right\]\:translate-x-1[data-side="right"]{
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[side\=top\]\:-translate-y-1[data-side="top"]{
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[resize-handle-active\]\:bg-soft-accent[data-resize-handle-active]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--soft-accent-hsl) / var(--tw-bg-opacity, 1));
}

.data-\[state\=open\]\:bg-\[var\(--soft-bg-elevated\)\][data-state="open"]{
  background-color: var(--soft-bg-elevated);
}

.data-\[state\=selected\]\:bg-soft-bg-elevated[data-state="selected"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--soft-bg-elevated-hsl) / var(--tw-bg-opacity, 1));
}

.data-\[disabled\]\:opacity-50[data-disabled]{
  opacity: 0.5;
}

.data-\[resize-handle-active\]\:shadow-lg[data-resize-handle-active]{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.data-\[resize-handle-active\]\:shadow-soft-accent\/30[data-resize-handle-active]{
  --tw-shadow-color: hsl(var(--soft-accent-hsl) / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}

.group[data-resize-handle-active] .group-data-\[resize-handle-active\]\:scale-110{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-resize-handle-active] .group-data-\[resize-handle-active\]\:border-soft-accent{
  --tw-border-opacity: 1;
  border-color: hsl(var(--soft-accent-hsl) / var(--tw-border-opacity, 1));
}

.group[data-resize-handle-active] .group-data-\[resize-handle-active\]\:bg-soft-accent\/10{
  background-color: hsl(var(--soft-accent-hsl) / 0.1);
}

.group[data-resize-handle-active] .group-data-\[resize-handle-active\]\:text-soft-accent{
  --tw-text-opacity: 1;
  color: hsl(var(--soft-accent-hsl) / var(--tw-text-opacity, 1));
    color: var(--soft-accent);
}

.prose-headings\:font-title :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  font-family: var(--font-sans), Inter, system-ui, sans-serif;
}

@supports (backdrop-filter: var(--tw)){

  .supports-\[backdrop-filter\]\:bg-background\/60{
    background-color: hsl(var(--background) / 0.6);
  }

  .supports-\[backdrop-filter\]\:bg-popover\/95{
    background-color: hsl(var(--popover) / 0.95);
  }

  .supports-\[backdrop-filter\]\:bg-soft-bg-surface\/75{
    background-color: hsl(var(--soft-bg-surface-hsl) / 0.75);
  }

  .supports-\[backdrop-filter\]\:bg-transparent{
    background-color: transparent;
  }

  .supports-\[backdrop-filter\]\:bg-white\/40{
    background-color: rgb(255 255 255 / 0.4);
  }
}

@media (prefers-reduced-motion: no-preference){

  @keyframes spin{

    to{
      transform: rotate(360deg);
    }
  }

  .motion-safe\:animate-\[spin_24s_linear_infinite\]{
    animation: spin 24s linear infinite;
  }

  @keyframes spin{

    to{
      transform: rotate(360deg);
    }
  }

  .motion-safe\:animate-\[spin_26s_linear_infinite\]{
    animation: spin 26s linear infinite;
  }

  @keyframes breathe{

    0%, 100%{
      transform: scale(1);
    }

    50%{
      transform: scale(1.03);
    }
  }

  .motion-safe\:animate-breathe{
    animation: breathe 2.6s ease-in-out infinite;
  }

  .motion-safe\:hover\:-translate-y-0\.5:hover{
    --tw-translate-y: -0.125rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .motion-safe\:active\:translate-y-0:active{
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

@media (prefers-reduced-motion: reduce){

  .motion-reduce\:transition-none{
    transition-property: none;
  }
}

.dark\:block:is([data-theme='dark'] *){
  display: block;
}

.dark\:hidden:is([data-theme='dark'] *){
  display: none;
}

.dark\:border-\[\#c4a066\]\/60:is([data-theme='dark'] *){
  border-color: rgb(196 160 102 / 0.6);
}

.dark\:border-\[\#c68b18\]\/60:is([data-theme='dark'] *){
  border-color: rgb(198 139 24 / 0.6);
}

.dark\:border-amber-400\/55:is([data-theme='dark'] *){
  border-color: rgb(251 191 36 / 0.55);
}

.dark\:border-amber-500\/35:is([data-theme='dark'] *){
  border-color: rgb(245 158 11 / 0.35);
}

.dark\:border-emerald-400\/55:is([data-theme='dark'] *){
  border-color: rgb(52 211 153 / 0.55);
}

.dark\:border-emerald-500\/35:is([data-theme='dark'] *){
  border-color: rgb(16 185 129 / 0.35);
}

.dark\:border-primary\/30:is([data-theme='dark'] *){
  border-color: hsl(var(--primary) / 0.3);
}

.dark\:border-primary\/50:is([data-theme='dark'] *){
  border-color: hsl(var(--primary) / 0.5);
}

.dark\:border-red-800:is([data-theme='dark'] *){
  --tw-border-opacity: 1;
  border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));
}

.dark\:border-red-900\/40:is([data-theme='dark'] *){
  border-color: rgb(127 29 29 / 0.4);
}

.dark\:border-rose-400\/55:is([data-theme='dark'] *){
  border-color: rgb(251 113 133 / 0.55);
}

.dark\:border-rose-500\/35:is([data-theme='dark'] *){
  border-color: rgb(244 63 94 / 0.35);
}

.dark\:border-sky-400\/55:is([data-theme='dark'] *){
  border-color: rgb(56 189 248 / 0.55);
}

.dark\:border-sky-500\/35:is([data-theme='dark'] *){
  border-color: rgb(14 165 233 / 0.35);
}

.dark\:border-white:is([data-theme='dark'] *){
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.dark\:border-white\/10:is([data-theme='dark'] *){
  border-color: rgb(255 255 255 / 0.1);
}

.dark\:border-white\/15:is([data-theme='dark'] *){
  border-color: rgb(255 255 255 / 0.15);
}

.dark\:border-white\/20:is([data-theme='dark'] *){
  border-color: rgb(255 255 255 / 0.2);
}

.dark\:border-white\/25:is([data-theme='dark'] *){
  border-color: rgb(255 255 255 / 0.25);
}

.dark\:border-white\/30:is([data-theme='dark'] *){
  border-color: rgb(255 255 255 / 0.3);
}

.dark\:border-white\/40:is([data-theme='dark'] *){
  border-color: rgb(255 255 255 / 0.4);
}

.dark\:border-white\/70:is([data-theme='dark'] *){
  border-color: rgb(255 255 255 / 0.7);
}

.dark\:border-white\/\[0\.08\]:is([data-theme='dark'] *){
  border-color: rgb(255 255 255 / 0.08);
}

.dark\:border-white\/\[0\.10\]:is([data-theme='dark'] *){
  border-color: rgb(255 255 255 / 0.10);
}

.dark\:border-white\/\[0\.12\]:is([data-theme='dark'] *){
  border-color: rgb(255 255 255 / 0.12);
}

.dark\:bg-\[\#0B0C0E\]:is([data-theme='dark'] *){
  --tw-bg-opacity: 1;
  background-color: rgb(11 12 14 / var(--tw-bg-opacity, 1));
}

.dark\:bg-\[\#0D0D0D\]\/95:is([data-theme='dark'] *){
  background-color: rgb(13 13 13 / 0.95);
}

.dark\:bg-\[\#0E0F11\]:is([data-theme='dark'] *){
  --tw-bg-opacity: 1;
  background-color: rgb(14 15 17 / var(--tw-bg-opacity, 1));
}

.dark\:bg-\[\#0f1114\]:is([data-theme='dark'] *){
  --tw-bg-opacity: 1;
  background-color: rgb(15 17 20 / var(--tw-bg-opacity, 1));
}

.dark\:bg-\[\#101214\]:is([data-theme='dark'] *){
  --tw-bg-opacity: 1;
  background-color: rgb(16 18 20 / var(--tw-bg-opacity, 1));
}

.dark\:bg-\[\#c4a066\]\/15:is([data-theme='dark'] *){
  background-color: rgb(196 160 102 / 0.15);
}

.dark\:bg-\[\#c68b18\]\/10:is([data-theme='dark'] *){
  background-color: rgb(198 139 24 / 0.1);
}

.dark\:bg-amber-500\/10:is([data-theme='dark'] *){
  background-color: rgb(245 158 11 / 0.1);
}

.dark\:bg-amber-500\/\[0\.08\]:is([data-theme='dark'] *){
  background-color: rgb(245 158 11 / 0.08);
}

.dark\:bg-black\/30:is([data-theme='dark'] *){
  background-color: rgb(0 0 0 / 0.3);
}

.dark\:bg-black\/40:is([data-theme='dark'] *){
  background-color: rgb(0 0 0 / 0.4);
}

.dark\:bg-black\/45:is([data-theme='dark'] *){
  background-color: rgb(0 0 0 / 0.45);
}

.dark\:bg-black\/60:is([data-theme='dark'] *){
  background-color: rgb(0 0 0 / 0.6);
}

.dark\:bg-black\/90:is([data-theme='dark'] *){
  background-color: rgb(0 0 0 / 0.9);
}

.dark\:bg-emerald-500\/\[0\.08\]:is([data-theme='dark'] *){
  background-color: rgb(16 185 129 / 0.08);
}

.dark\:bg-primary:is([data-theme='dark'] *){
  background-color: hsl(var(--primary));
}

.dark\:bg-red-500\/10:is([data-theme='dark'] *){
  background-color: rgb(239 68 68 / 0.1);
}

.dark\:bg-red-900\/10:is([data-theme='dark'] *){
  background-color: rgb(127 29 29 / 0.1);
}

.dark\:bg-red-900\/20:is([data-theme='dark'] *){
  background-color: rgb(127 29 29 / 0.2);
}

.dark\:bg-red-950\/30:is([data-theme='dark'] *){
  background-color: rgb(69 10 10 / 0.3);
}

.dark\:bg-rose-500\/\[0\.08\]:is([data-theme='dark'] *){
  background-color: rgb(244 63 94 / 0.08);
}

.dark\:bg-sky-500\/\[0\.08\]:is([data-theme='dark'] *){
  background-color: rgb(14 165 233 / 0.08);
}

.dark\:bg-white:is([data-theme='dark'] *){
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.dark\:bg-white\/10:is([data-theme='dark'] *){
  background-color: rgb(255 255 255 / 0.1);
}

.dark\:bg-white\/20:is([data-theme='dark'] *){
  background-color: rgb(255 255 255 / 0.2);
}

.dark\:bg-white\/5:is([data-theme='dark'] *){
  background-color: rgb(255 255 255 / 0.05);
}

.dark\:bg-white\/\[0\.02\]:is([data-theme='dark'] *){
  background-color: rgb(255 255 255 / 0.02);
}

.dark\:bg-white\/\[0\.03\]:is([data-theme='dark'] *){
  background-color: rgb(255 255 255 / 0.03);
}

.dark\:bg-white\/\[0\.04\]:is([data-theme='dark'] *){
  background-color: rgb(255 255 255 / 0.04);
}

.dark\:bg-white\/\[0\.05\]:is([data-theme='dark'] *){
  background-color: rgb(255 255 255 / 0.05);
}

.dark\:bg-white\/\[0\.06\]:is([data-theme='dark'] *){
  background-color: rgb(255 255 255 / 0.06);
}

.dark\:bg-white\/\[0\.08\]:is([data-theme='dark'] *){
  background-color: rgb(255 255 255 / 0.08);
}

.dark\:bg-yellow-500\/50:is([data-theme='dark'] *){
  background-color: rgb(234 179 8 / 0.5);
}

.dark\:bg-\[linear-gradient\(110deg\2c rgba\(122\2c 30\2c 30\2c 0\.28\)\2c rgba\(122\2c 30\2c 30\2c 0\.10\)\2c rgba\(122\2c 30\2c 30\2c 0\.22\)\)\]:is([data-theme='dark'] *){
  background-image: linear-gradient(110deg,rgba(122,30,30,0.28),rgba(122,30,30,0.10),rgba(122,30,30,0.22));
}

.dark\:bg-\[linear-gradient\(110deg\2c rgba\(122\2c 30\2c 30\2c 0\.34\)\2c rgba\(122\2c 30\2c 30\2c 0\.12\)\2c rgba\(122\2c 30\2c 30\2c 0\.26\)\)\]:is([data-theme='dark'] *){
  background-image: linear-gradient(110deg,rgba(122,30,30,0.34),rgba(122,30,30,0.12),rgba(122,30,30,0.26));
}

.dark\:bg-\[linear-gradient\(110deg\2c rgba\(122\2c 30\2c 30\2c 0\.38\)\2c rgba\(122\2c 30\2c 30\2c 0\.14\)\2c rgba\(122\2c 30\2c 30\2c 0\.28\)\)\]:is([data-theme='dark'] *){
  background-image: linear-gradient(110deg,rgba(122,30,30,0.38),rgba(122,30,30,0.14),rgba(122,30,30,0.28));
}

.dark\:bg-\[radial-gradient\(circle_at_center\2c rgba\(143\2c 163\2c 184\2c 0\.16\)\2c transparent_72\%\)\]:is([data-theme='dark'] *){
  background-image: radial-gradient(circle at center,rgba(143,163,184,0.16),transparent 72%);
}

.dark\:bg-\[radial-gradient\(circle_at_center\2c rgba\(47\2c 52\2c 55\2c 0\.10\)\2c transparent_72\%\)\]:is([data-theme='dark'] *){
  background-image: radial-gradient(circle at center,rgba(47,52,55,0.10),transparent 72%);
}

.dark\:bg-gradient-to-b:is([data-theme='dark'] *){
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.dark\:from-\[\#2a1a1a\]:is([data-theme='dark'] *){
  --tw-gradient-from: #2a1a1a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(42 26 26 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:from-white\/\[0\.06\]:is([data-theme='dark'] *){
  --tw-gradient-from: rgb(255 255 255 / 0.06) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:from-zinc-900\/70:is([data-theme='dark'] *){
  --tw-gradient-from: rgb(24 24 27 / 0.7) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(24 24 27 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:via-white\/10:is([data-theme='dark'] *){
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.dark\:to-white\/\[0\.02\]:is([data-theme='dark'] *){
  --tw-gradient-to: rgb(255 255 255 / 0.02) var(--tw-gradient-to-position);
}

.dark\:to-zinc-950:is([data-theme='dark'] *){
  --tw-gradient-to: #09090b var(--tw-gradient-to-position);
}

.dark\:text-\[\#F2DADA\]:is([data-theme='dark'] *){
  --tw-text-opacity: 1;
  color: rgb(242 218 218 / var(--tw-text-opacity, 1));
}

.dark\:text-\[\#F3F3F3\]:is([data-theme='dark'] *){
  --tw-text-opacity: 1;
  color: rgb(243 243 243 / var(--tw-text-opacity, 1));
}

.dark\:text-\[\#f2a7a7\]:is([data-theme='dark'] *){
  --tw-text-opacity: 1;
  color: rgb(242 167 167 / var(--tw-text-opacity, 1));
}

.dark\:text-\[\#f3dca5\]:is([data-theme='dark'] *){
  --tw-text-opacity: 1;
  color: rgb(243 220 165 / var(--tw-text-opacity, 1));
}

.dark\:text-\[\#f6d488\]:is([data-theme='dark'] *){
  --tw-text-opacity: 1;
  color: rgb(246 212 136 / var(--tw-text-opacity, 1));
}

.dark\:text-amber-200:is([data-theme='dark'] *){
  --tw-text-opacity: 1;
  color: rgb(253 230 138 / var(--tw-text-opacity, 1));
}

.dark\:text-amber-400:is([data-theme='dark'] *){
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}

.dark\:text-foreground:is([data-theme='dark'] *){
  color: hsl(var(--foreground));
}

.dark\:text-foreground\/40:is([data-theme='dark'] *){
  color: hsl(var(--foreground) / 0.4);
}

.dark\:text-foreground\/60:is([data-theme='dark'] *){
  color: hsl(var(--foreground) / 0.6);
}

.dark\:text-foreground\/65:is([data-theme='dark'] *){
  color: hsl(var(--foreground) / 0.65);
}

.dark\:text-foreground\/70:is([data-theme='dark'] *){
  color: hsl(var(--foreground) / 0.7);
}

.dark\:text-foreground\/80:is([data-theme='dark'] *){
  color: hsl(var(--foreground) / 0.8);
}

.dark\:text-primary:is([data-theme='dark'] *){
  color: hsl(var(--primary));
}

.dark\:text-red-200:is([data-theme='dark'] *){
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity, 1));
}

.dark\:text-red-300:is([data-theme='dark'] *){
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}

.dark\:text-white:is([data-theme='dark'] *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.dark\:text-white\/60:is([data-theme='dark'] *){
  color: rgb(255 255 255 / 0.6);
}

.dark\:text-white\/65:is([data-theme='dark'] *){
  color: rgb(255 255 255 / 0.65);
}

.dark\:text-white\/70:is([data-theme='dark'] *){
  color: rgb(255 255 255 / 0.7);
}

.dark\:text-white\/75:is([data-theme='dark'] *){
  color: rgb(255 255 255 / 0.75);
}

.dark\:text-white\/80:is([data-theme='dark'] *){
  color: rgb(255 255 255 / 0.8);
}

.dark\:text-white\/90:is([data-theme='dark'] *){
  color: rgb(255 255 255 / 0.9);
}

.dark\:text-yellow-400:is([data-theme='dark'] *){
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity, 1));
}

.dark\:decoration-white\/15:is([data-theme='dark'] *){
  text-decoration-color: rgb(255 255 255 / 0.15);
}

.dark\:opacity-60:is([data-theme='dark'] *){
  opacity: 0.6;
}

.dark\:opacity-\[0\.05\]:is([data-theme='dark'] *){
  opacity: 0.05;
}

.dark\:shadow-\[0_0_20px_rgba\(47\2c 52\2c 55\2c 0\.18\)\]:is([data-theme='dark'] *){
  --tw-shadow: 0 0 20px rgba(47,52,55,0.18);
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark\:shadow-\[0_0_80px_rgba\(0\2c 0\2c 0\2c 0\.9\)\2c 0_0_40px_rgba\(47\2c 52\2c 55\2c 0\.12\)\]:is([data-theme='dark'] *){
  --tw-shadow: 0 0 80px rgba(0,0,0,0.9),0 0 40px rgba(47,52,55,0.12);
  --tw-shadow-colored: 0 0 80px var(--tw-shadow-color), 0 0 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark\:shadow-\[0_20px_72px_-54px_rgba\(0\2c 0\2c 0\2c 0\.70\)\]:is([data-theme='dark'] *){
  --tw-shadow: 0 20px 72px -54px rgba(0,0,0,0.70);
  --tw-shadow-colored: 0 20px 72px -54px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark\:shadow-\[0_30px_120px_-40px_rgba\(0\2c 0\2c 0\2c 0\.75\)\]:is([data-theme='dark'] *){
  --tw-shadow: 0 30px 120px -40px rgba(0,0,0,0.75);
  --tw-shadow-colored: 0 30px 120px -40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark\:shadow-\[0_30px_120px_-40px_rgba\(0\2c 0\2c 0\2c 0\.8\)\]:is([data-theme='dark'] *){
  --tw-shadow: 0 30px 120px -40px rgba(0,0,0,0.8);
  --tw-shadow-colored: 0 30px 120px -40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark\:shadow-\[0_8px_22px_rgba\(0\2c 0\2c 0\2c 0\.35\)\]:is([data-theme='dark'] *){
  --tw-shadow: 0 8px 22px rgba(0,0,0,0.35);
  --tw-shadow-colored: 0 8px 22px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark\:shadow-none:is([data-theme='dark'] *){
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark\:backdrop-blur-2xl:is([data-theme='dark'] *){
  --tw-backdrop-blur: blur(40px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.dark\:backdrop-blur-sm:is([data-theme='dark'] *){
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.dark\:\[background-image\:var\(--ds-card-iridescent-dark\)\]:is([data-theme='dark'] *){
  background-image: var(--ds-card-iridescent-dark);
}

.dark\:hover\:border-primary\/30:hover:is([data-theme='dark'] *){
  border-color: hsl(var(--primary) / 0.3);
}

.dark\:hover\:border-white\/20:hover:is([data-theme='dark'] *){
  border-color: rgb(255 255 255 / 0.2);
}

.dark\:hover\:border-white\/\[0\.12\]:hover:is([data-theme='dark'] *){
  border-color: rgb(255 255 255 / 0.12);
}

.dark\:hover\:border-white\/\[0\.15\]:hover:is([data-theme='dark'] *){
  border-color: rgb(255 255 255 / 0.15);
}

.dark\:hover\:border-white\/\[0\.18\]:hover:is([data-theme='dark'] *){
  border-color: rgb(255 255 255 / 0.18);
}

.dark\:hover\:bg-red-800:hover:is([data-theme='dark'] *){
  --tw-bg-opacity: 1;
  background-color: rgb(153 27 27 / var(--tw-bg-opacity, 1));
}

.dark\:hover\:bg-red-950\/20:hover:is([data-theme='dark'] *){
  background-color: rgb(69 10 10 / 0.2);
}

.dark\:hover\:bg-white\/10:hover:is([data-theme='dark'] *){
  background-color: rgb(255 255 255 / 0.1);
}

.dark\:hover\:bg-white\/\[0\.05\]:hover:is([data-theme='dark'] *){
  background-color: rgb(255 255 255 / 0.05);
}

.dark\:hover\:bg-white\/\[0\.06\]:hover:is([data-theme='dark'] *){
  background-color: rgb(255 255 255 / 0.06);
}

.dark\:hover\:bg-white\/\[0\.07\]:hover:is([data-theme='dark'] *){
  background-color: rgb(255 255 255 / 0.07);
}

.dark\:hover\:bg-white\/\[0\.08\]:hover:is([data-theme='dark'] *){
  background-color: rgb(255 255 255 / 0.08);
}

.dark\:hover\:bg-white\/\[0\.12\]:hover:is([data-theme='dark'] *){
  background-color: rgb(255 255 255 / 0.12);
}

.dark\:hover\:bg-white\/\[0\.14\]:hover:is([data-theme='dark'] *){
  background-color: rgb(255 255 255 / 0.14);
}

.dark\:hover\:bg-white\/\[0\.1\]:hover:is([data-theme='dark'] *){
  background-color: rgb(255 255 255 / 0.1);
}

.dark\:hover\:from-white\/\[0\.08\]:hover:is([data-theme='dark'] *){
  --tw-gradient-from: rgb(255 255 255 / 0.08) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:hover\:to-white\/\[0\.03\]:hover:is([data-theme='dark'] *){
  --tw-gradient-to: rgb(255 255 255 / 0.03) var(--tw-gradient-to-position);
}

.dark\:hover\:text-white:hover:is([data-theme='dark'] *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.dark\:hover\:decoration-white\/30:hover:is([data-theme='dark'] *){
  text-decoration-color: rgb(255 255 255 / 0.3);
}

.dark\:hover\:shadow-\[0_34px_110px_-78px_rgba\(0\2c 0\2c 0\2c 0\.72\)\]:hover:is([data-theme='dark'] *){
  --tw-shadow: 0 34px 110px -78px rgba(0,0,0,0.72);
  --tw-shadow-colored: 0 34px 110px -78px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark\:hover\:shadow-\[0_8px_18px_rgba\(0\2c 0\2c 0\2c 0\.28\)\]:hover:is([data-theme='dark'] *){
  --tw-shadow: 0 8px 18px rgba(0,0,0,0.28);
  --tw-shadow-colored: 0 8px 18px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark\:focus-visible\:ring-white\/20:focus-visible:is([data-theme='dark'] *){
  --tw-ring-color: rgb(255 255 255 / 0.2);
}

.dark\:focus-visible\:ring-white\/25:focus-visible:is([data-theme='dark'] *){
  --tw-ring-color: rgb(255 255 255 / 0.25);
}

.dark\:focus-visible\:ring-offset-black:focus-visible:is([data-theme='dark'] *){
  --tw-ring-offset-color: #000;
}

.group:hover .dark\:group-hover\:border-primary\/30:is([data-theme='dark'] *){
  border-color: hsl(var(--primary) / 0.3);
}

.group:hover .dark\:group-hover\:border-white\/\[0\.14\]:is([data-theme='dark'] *){
  border-color: rgb(255 255 255 / 0.14);
}

.group:hover .dark\:group-hover\:bg-white\/\[0\.06\]:is([data-theme='dark'] *){
  background-color: rgb(255 255 255 / 0.06);
}

.group:hover .dark\:group-hover\:text-primary:is([data-theme='dark'] *){
  color: hsl(var(--primary));
}

.group:hover .dark\:group-hover\:opacity-75:is([data-theme='dark'] *){
  opacity: 0.75;
}

@media not all and (min-width: 768px){

  .max-md\:opacity-20{
    opacity: 0.2;
  }
}

@media (min-width: 640px){

  .sm\:inset-auto{
    inset: auto;
  }

  .sm\:bottom-6{
    bottom: 1.5rem;
  }

  .sm\:left-auto{
    left: auto;
  }

  .sm\:right-4{
    right: 1rem;
  }

  .sm\:top-4{
    top: 1rem;
  }

  .sm\:top-\[72px\]{
    top: 72px;
  }

  .sm\:order-none{
    order: 0;
  }

  .sm\:col-span-3{
    grid-column: span 3 / span 3;
  }

  .sm\:-mx-6{
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .sm\:mb-10{
    margin-bottom: 2.5rem;
  }

  .sm\:ml-0{
    margin-left: 0px;
  }

  .sm\:mt-8{
    margin-top: 2rem;
  }

  .sm\:line-clamp-none{
    overflow: visible;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-line-clamp: none;
  }

  .sm\:block{
    display: block;
  }

  .sm\:inline{
    display: inline;
  }

  .sm\:flex{
    display: flex;
  }

  .sm\:inline-flex{
    display: inline-flex;
  }

  .sm\:hidden{
    display: none;
  }

  .sm\:h-12{
    height: 3rem;
  }

  .sm\:h-16{
    height: 4rem;
  }

  .sm\:h-9{
    height: 2.25rem;
  }

  .sm\:h-96{
    height: 24rem;
  }

  .sm\:max-h-\[60vh\]{
    max-height: 60vh;
  }

  .sm\:max-h-\[calc\(100dvh-3rem\)\]{
    max-height: calc(100dvh - 3rem);
  }

  .sm\:w-\[200px\]{
    width: 200px;
  }

  .sm\:w-\[220px\]{
    width: 220px;
  }

  .sm\:w-\[260px\]{
    width: 260px;
  }

  .sm\:w-\[min\(540px\2c 45vw\)\]{
    width: min(540px, 45vw);
  }

  .sm\:w-auto{
    width: auto;
  }

  .sm\:max-w-2xl{
    max-width: 42rem;
  }

  .sm\:max-w-3xl{
    max-width: 48rem;
  }

  .sm\:max-w-4xl{
    max-width: 56rem;
  }

  .sm\:max-w-5xl{
    max-width: 64rem;
  }

  .sm\:max-w-6xl{
    max-width: 72rem;
  }

  .sm\:max-w-\[200px\]{
    max-width: 200px;
  }

  .sm\:max-w-\[79\.2rem\]{
    max-width: 79.2rem;
  }

  .sm\:max-w-lg{
    max-width: 32rem;
  }

  .sm\:max-w-md{
    max-width: 28rem;
  }

  .sm\:max-w-none{
    max-width: none;
  }

  .sm\:max-w-sm{
    max-width: 24rem;
  }

  .sm\:max-w-xl{
    max-width: 36rem;
  }

  .sm\:flex-1{
    flex: 1 1 0%;
  }

  .sm\:flex-initial{
    flex: 0 1 auto;
  }

  .sm\:-translate-y-1{
    --tw-translate-y: -0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .sm\:translate-x-0{
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .sm\:translate-y-0{
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .sm\:translate-y-6{
    --tw-translate-y: 1.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .sm\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 1fr\)\]{
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  }

  .sm\:flex-row{
    flex-direction: row;
  }

  .sm\:flex-wrap{
    flex-wrap: wrap;
  }

  .sm\:flex-nowrap{
    flex-wrap: nowrap;
  }

  .sm\:items-end{
    align-items: flex-end;
  }

  .sm\:items-center{
    align-items: center;
  }

  .sm\:justify-start{
    justify-content: flex-start;
  }

  .sm\:justify-end{
    justify-content: flex-end;
  }

  .sm\:justify-between{
    justify-content: space-between;
  }

  .sm\:gap-0{
    gap: 0px;
  }

  .sm\:gap-1\.5{
    gap: 0.375rem;
  }

  .sm\:gap-2{
    gap: 0.5rem;
  }

  .sm\:gap-3{
    gap: 0.75rem;
  }

  .sm\:gap-4{
    gap: 1rem;
  }

  .sm\:gap-8{
    gap: 2rem;
  }

  .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:overflow-x-auto{
    overflow-x: auto;
  }

  .sm\:p-0{
    padding: 0px;
  }

  .sm\:p-4{
    padding: 1rem;
  }

  .sm\:p-6{
    padding: 1.5rem;
  }

  .sm\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .sm\:px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .sm\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sm\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm\:py-0{
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .sm\:py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .sm\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .sm\:text-left{
    text-align: left;
  }

  .sm\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .sm\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }

  .sm\:text-\[10px\]{
    font-size: 10px;
  }

  .sm\:text-\[11px\]{
    font-size: 11px;
  }

  .sm\:text-\[16px\]{
    font-size: 16px;
  }

  .sm\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .sm\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .sm\:tracking-\[0\.2em\]{
    letter-spacing: 0.2em;
  }

  .sm\:opacity-0{
    opacity: 0;
  }

  .sm\:opacity-100{
    opacity: 1;
  }

  .sm\:opacity-\[0\.07\]{
    opacity: 0.07;
  }

  .sm\:\[-ms-overflow-style\:none\]{
    -ms-overflow-style: none;
  }

  .sm\:\[scrollbar-width\:none\]{
    scrollbar-width: none;
  }

  .group:hover .sm\:group-hover\:translate-y-0{
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .group:hover .sm\:group-hover\:opacity-0{
    opacity: 0;
  }

  .group:hover .sm\:group-hover\:opacity-100{
    opacity: 1;
  }
}

@media (min-width: 768px){

  .md\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .md\:block{
    display: block;
  }

  .md\:flex{
    display: flex;
  }

  .md\:hidden{
    display: none;
  }

  .md\:min-h-\[360px\]{
    min-height: 360px;
  }

  .md\:w-32{
    width: 8rem;
  }

  .md\:w-40{
    width: 10rem;
  }

  .md\:w-48{
    width: 12rem;
  }

  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .md\:grid-cols-\[1\.4fr_0\.8fr_0\.8fr_auto\]{
    grid-template-columns: 1.4fr 0.8fr 0.8fr auto;
  }

  .md\:grid-cols-\[1fr_360px\]{
    grid-template-columns: 1fr 360px;
  }

  .md\:grid-cols-\[1fr_auto\]{
    grid-template-columns: 1fr auto;
  }

  .md\:grid-cols-\[240px_1fr_auto\]{
    grid-template-columns: 240px 1fr auto;
  }

  .md\:grid-cols-\[320px_1fr\]{
    grid-template-columns: 320px 1fr;
  }

  .md\:grid-cols-\[minmax\(0\2c 1fr\)_auto\]{
    grid-template-columns: minmax(0,1fr) auto;
  }

  .md\:flex-row{
    flex-direction: row;
  }

  .md\:items-end{
    align-items: flex-end;
  }

  .md\:items-center{
    align-items: center;
  }

  .md\:justify-between{
    justify-content: space-between;
  }

  .md\:border-b-0{
    border-bottom-width: 0px;
  }

  .md\:border-r{
    border-right-width: 1px;
  }

  .md\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .md\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .md\:text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .md\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .md\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }

  .md\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .md\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .md\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .md\:opacity-25{
    opacity: 0.25;
  }
}

@media (min-width: 1024px){

  .lg\:static{
    position: static;
  }

  .lg\:fixed{
    position: fixed;
  }

  .lg\:sticky{
    position: sticky;
  }

  .lg\:bottom-4{
    bottom: 1rem;
  }

  .lg\:left-0{
    left: 0px;
  }

  .lg\:right-0{
    right: 0px;
  }

  .lg\:top-0{
    top: 0px;
  }

  .lg\:top-24{
    top: 6rem;
  }

  .lg\:top-28{
    top: 7rem;
  }

  .lg\:z-\[60\]{
    z-index: 60;
  }

  .lg\:z-auto{
    z-index: auto;
  }

  .lg\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .lg\:-mx-8{
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .lg\:ml-0{
    margin-left: 0px;
  }

  .lg\:mt-0{
    margin-top: 0px;
  }

  .lg\:block{
    display: block;
  }

  .lg\:flex{
    display: flex;
  }

  .lg\:inline-flex{
    display: inline-flex;
  }

  .lg\:hidden{
    display: none;
  }

  .lg\:min-h-\[200vh\]{
    min-height: 200vh;
  }

  .lg\:min-h-screen{
    min-height: 100vh;
  }

  .lg\:w-\[85vw\]{
    width: 85vw;
  }

  .lg\:origin-top-left{
    transform-origin: top left;
  }

  .lg\:translate-x-0{
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .lg\:translate-y-8{
    --tw-translate-y: 2rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .lg\:scale-\[0\.9\]{
    --tw-scale-x: 0.9;
    --tw-scale-y: 0.9;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .lg\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-\[0\.9fr_1\.6fr\]{
    grid-template-columns: 0.9fr 1.6fr;
  }

  .lg\:grid-cols-\[1\.05fr_1\.45fr\]{
    grid-template-columns: 1.05fr 1.45fr;
  }

  .lg\:grid-cols-\[1\.15fr_0\.85fr\]{
    grid-template-columns: 1.15fr 0.85fr;
  }

  .lg\:grid-cols-\[1\.1fr_0\.9fr\]{
    grid-template-columns: 1.1fr 0.9fr;
  }

  .lg\:grid-cols-\[1\.2fr_0\.8fr\]{
    grid-template-columns: 1.2fr 0.8fr;
  }

  .lg\:grid-cols-\[1\.2fr_1fr\]{
    grid-template-columns: 1.2fr 1fr;
  }

  .lg\:grid-cols-\[1fr_1\.2fr\]{
    grid-template-columns: 1fr 1.2fr;
  }

  .lg\:grid-cols-\[220px_minmax\(0\2c 1fr\)\]{
    grid-template-columns: 220px minmax(0,1fr);
  }

  .lg\:grid-cols-\[240px_1fr\]{
    grid-template-columns: 240px 1fr;
  }

  .lg\:grid-cols-\[2fr_1fr\]{
    grid-template-columns: 2fr 1fr;
  }

  .lg\:grid-cols-\[minmax\(0\2c 1\.25fr\)_minmax\(0\2c 1fr\)\]{
    grid-template-columns: minmax(0,1.25fr) minmax(0,1fr);
  }

  .lg\:grid-cols-\[minmax\(0\2c 1\.2fr\)_minmax\(0\2c 1fr\)\]{
    grid-template-columns: minmax(0,1.2fr) minmax(0,1fr);
  }

  .lg\:grid-cols-\[minmax\(0\2c 1\.618fr\)_minmax\(0\2c 1fr\)\]{
    grid-template-columns: minmax(0,1.618fr) minmax(0,1fr);
  }

  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_300px\]{
    grid-template-columns: minmax(0,1fr) 300px;
  }

  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_320px\]{
    grid-template-columns: minmax(0,1fr) 320px;
  }

  .lg\:flex-row{
    flex-direction: row;
  }

  .lg\:items-end{
    align-items: flex-end;
  }

  .lg\:items-center{
    align-items: center;
  }

  .lg\:justify-between{
    justify-content: space-between;
  }

  .lg\:self-start{
    align-self: flex-start;
  }

  .lg\:overflow-visible{
    overflow: visible;
  }

  .lg\:border-r-0{
    border-right-width: 0px;
  }

  .lg\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .lg\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .lg\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .lg\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .lg\:pb-24{
    padding-bottom: 6rem;
  }
}

@media (min-width: 1280px){

  .xl\:block{
    display: block;
  }

  .xl\:max-w-\[720px\]{
    max-width: 720px;
  }

  .xl\:translate-y-10{
    --tw-translate-y: 2.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .xl\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xl\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xl\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .xl\:grid-cols-\[1\.58fr_0\.84fr\]{
    grid-template-columns: 1.58fr 0.84fr;
  }

  .xl\:grid-cols-\[minmax\(0\2c 1\.1fr\)_minmax\(0\2c 0\.9fr\)\]{
    grid-template-columns: minmax(0,1.1fr) minmax(0,0.9fr);
  }
}

.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{
  display: none;
}

@media (min-width: 640px){

  .sm\:\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{
    display: none;
  }
}

.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){
  padding-right: 0px;
}

.\[\&\:not\(\:empty\)\]\:pb-2:not(:empty){
  padding-bottom: 0.5rem;
}

.\[\&\>span\]\:line-clamp-1>span{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.\[\&\>span\]\:max-w-\[calc\(100\%-1\.25rem\)\]>span{
  max-width: calc(100% - 1.25rem);
}

.\[\&\>span\]\:truncate>span{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.\[\&\>span\]\:line-clamp-1>span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }

.\[\&\>svg\]\:hidden>svg{
  display: none;
}

.\[\&\>svg\]\:h-3\.5>svg{
  height: 0.875rem;
}

.\[\&\>svg\]\:w-3\.5>svg{
  width: 0.875rem;
}

.\[\&\>svg\]\:text-gray-400>svg{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.\[\&\>svg\]\:opacity-100>svg{
  opacity: 1;
}

.\[\&_\.katex-display\]\:my-1 .katex-display{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.\[\&_\.katex-display\]\:overflow-x-auto .katex-display{
  overflow-x: auto;
}

.\[\&_\.katex-display\]\:overflow-y-hidden .katex-display{
  overflow-y: hidden;
}

.\[\&_\.katex-display\]\:whitespace-normal .katex-display{
  white-space: normal;
}

.\[\&_\.katex\]\:whitespace-nowrap .katex{
  white-space: nowrap;
}

.\[\&_\.katex\]\:\[overflow-wrap\:normal\] .katex{
  overflow-wrap: normal;
}

.\[\&_\.katex\]\:\[word-break\:normal\] .katex{
  word-break: normal;
}

.\[\&_\[cmdk-group-heading\]\]\:py-2 [cmdk-group-heading]{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.\[\&_code\]\:break-words code{
  overflow-wrap: break-word;
}

.\[\&_code\]\:text-\[var\(--text-primary\)\] code{
  color: var(--text-primary);
}

.\[\&_li\]\:my-0\.5 li{
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}

.\[\&_li\]\:text-\[11px\] li{
  font-size: 11px;
}

.\[\&_li\]\:text-\[12px\] li{
  font-size: 12px;
}

.\[\&_ol\]\:my-1 ol{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.\[\&_p\]\:my-1 p{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.\[\&_p\]\:text-\[11px\] p{
  font-size: 11px;
}

.\[\&_p\]\:text-\[12px\] p{
  font-size: 12px;
}

.\[\&_pre\:not\(\.shiki\)\]\:\!bg-\[var\(--fill-tsp-white-light\)\] pre:not(.shiki){
  background-color: var(--fill-tsp-white-light) !important;
}

.\[\&_pre\:not\(\.shiki\)_code\]\:text-\[var\(--text-primary\)\] pre:not(.shiki) code{
  color: var(--text-primary);
}

.\[\&_pre\]\:my-1 pre{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.\[\&_pre\]\:max-w-full pre{
  max-width: 100%;
}

.\[\&_pre\]\:overflow-x-auto pre{
  overflow-x: auto;
}

.\[\&_pre\]\:whitespace-pre-wrap pre{
  white-space: pre-wrap;
}

.\[\&_tr\:last-child\]\:border-0 tr:last-child{
  border-width: 0px;
}

.\[\&_tr\]\:border-b tr{
  border-bottom-width: 1px;
}

.\[\&_ul\]\:my-1 ul{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}