@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700;800&display=swap";
.tool-layout{width:100%;min-height:100vh;color:var(--text-color);background:radial-gradient(circle at 0 0,#14b8a617,#0000 31rem),linear-gradient(#f8fbff 0%,#f7fbf9 58%,#f8fafc 100%);flex-direction:column;display:flex}:root.dark .tool-layout{background:radial-gradient(circle at top left, color-mix(in srgb, var(--app-accent-color) 12%, transparent), transparent 31rem),linear-gradient(180deg, #0d1015 0%, var(--bg-color) 58%, #0d1015 100%)}.header{flex:0 0 52px}.tool-layout-content{width:100%;min-height:0;max-width:var(--content-max-width);background-color:#0000;flex-direction:column;flex:1;margin:0 auto;padding:14px;display:flex}@media screen and (max-width:768px){.tool-layout-content{padding:8px}}.footer{flex:0 0 50px}.back-to-top-button{z-index:50;color:#fff;cursor:pointer;background:#0f766e;border:1px solid #0f766e3d;border-radius:999px;place-items:center;width:44px;height:44px;transition:background-color .16s,box-shadow .16s,transform .16s;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 28px #0f172a33}.back-to-top-button:hover{background:#0d9488;transform:translateY(-2px);box-shadow:0 12px 32px #0f172a42}.back-to-top-button:focus-visible{outline-offset:3px;outline:3px solid #2dd4bf73}.back-to-top-button:active{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.back-to-top-button{transition:none}}@media screen and (max-width:768px){.back-to-top-button{bottom:16px;right:16px}}:is(.tool-layout:has(.tool-tabs-container) .footer,.tool-layout:has(.document-wrapper) .footer){display:none}.tool-layout:has(.document-wrapper){height:100vh}:is(.tool-layout:has(.blogs-page),.tool-layout:has(.blog-detail-page)){background:#fff}:is(.tool-layout:has(.blogs-page) .tool-layout-content,.tool-layout:has(.blog-detail-page) .tool-layout-content){max-width:none;padding:0}:is(.tool-layout:has(.blogs-page) .footer,.tool-layout:has(.blog-detail-page) .footer){background-color:#fff}:is(:root.dark .tool-layout:has(.blogs-page),:root.dark .tool-layout:has(.blog-detail-page)){background:var(--bg-color)}:is(:root.dark .tool-layout:has(.blogs-page) .footer,:root.dark .tool-layout:has(.blog-detail-page) .footer){background-color:var(--bg-color)}:is(.tool-layout:has(.tool-tabs-container),.tool-layout:has(.whiteboard)){height:100dvh;min-height:0;overflow:hidden}:is(.tool-layout:has(.tool-tabs-container) .tool-layout-content,.tool-layout:has(.whiteboard) .tool-layout-content){min-height:0;overflow:hidden}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{vertical-align:baseline;border:0;margin:0;padding:0;font-family:inherit;font-size:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}strong{font-weight:700}
*,:before,:after,::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:#3b82f680;--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: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}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{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!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}}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-right-3{right:-.75rem}.left-0{left:0}.left-1\/2{left:50%}.left-2\.5{left:.625rem}.right-0{right:0}.top-0{top:0}.top-1\/2{top:50%}.top-16{top:4rem}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.order-1{order:1}.order-2{order:2}.order-3{order:3}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-4{margin-top:1rem;margin-bottom:1rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.ml-0\.5{margin-left:.125rem}.ml-2{margin-left:.5rem}.ml-6{margin-left:1.5rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-1\.5{margin-right:.375rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-auto{margin-top:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-\[16\/10\]{aspect-ratio:16/10}.aspect-\[16\/9\]{aspect-ratio:16/9}.aspect-\[4\/3\]{aspect-ratio:4/3}.size-2{width:.5rem;height:.5rem}.size-2\.5{width:.625rem;height:.625rem}.size-3{width:.75rem;height:.75rem}.size-3\.5{width:.875rem;height:.875rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-7{width:1.75rem;height:1.75rem}.size-8{width:2rem;height:2rem}.size-9{width:2.25rem;height:2.25rem}.size-full{width:100%;height:100%}.\!h-\[200px\]{height:200px!important}.\!h-\[300px\]{height:300px!important}.\!h-\[400px\]{height:400px!important}.\!h-full{height:100%!important}.h-10{height:2.5rem}.h-14{height:3.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[500px\]{height:500px}.h-\[calc\(100vh-4rem\)\]{height:calc(100vh - 4rem)}.h-auto{height:auto}.h-dvh{height:100dvh}.h-full{height:100%}.max-h-56{max-height:14rem}.max-h-64{max-height:16rem}.max-h-80{max-height:20rem}.max-h-\[84vh\]{max-height:84vh}.max-h-\[85vh\]{max-height:85vh}.max-h-\[calc\(100vh-17rem\)\]{max-height:calc(100vh - 17rem)}.\!min-h-\[200px\]{min-height:200px!important}.\!min-h-\[300px\]{min-height:300px!important}.\!min-h-\[500px\]{min-height:500px!important}.min-h-0{min-height:0}.min-h-10{min-height:2.5rem}.min-h-16{min-height:4rem}.min-h-20{min-height:5rem}.min-h-28{min-height:7rem}.min-h-40{min-height:10rem}.min-h-64{min-height:16rem}.min-h-72{min-height:18rem}.min-h-\[320px\]{min-height:320px}.min-h-\[calc\(100vh-12rem\)\]{min-height:calc(100vh - 12rem)}.min-h-\[calc\(100vh-17rem\)\]{min-height:calc(100vh - 17rem)}.min-h-screen{min-height:100vh}.min-h-svh{min-height:100svh}.w-10{width:2.5rem}.w-2{width:.5rem}.w-20{width:5rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-52{width:13rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-80{width:20rem}.w-\[380px\]{width:380px}.w-\[min\(calc\(100vw-2rem\)\,420px\)\]{width:min(100vw - 2rem,420px)}.w-\[min\(calc\(100vw-2rem\)\,720px\)\]{width:min(100vw - 2rem,720px)}.w-fit{width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.min-w-32{min-width:8rem}.min-w-40{min-width:10rem}.min-w-64{min-width:16rem}.min-w-\[220px\]{min-width:220px}.max-w-2xl{max-width:42rem}.max-w-36{max-width:9rem}.max-w-3xl{max-width:48rem}.max-w-44{max-width:11rem}.max-w-4xl{max-width:56rem}.max-w-56{max-width:14rem}.max-w-5xl{max-width:64rem}.max-w-\[240px\]{max-width:240px}.max-w-\[320px\]{max-width:320px}.max-w-\[360px\]{max-width:360px}.max-w-\[420px\]{max-width:420px}.max-w-\[520px\]{max-width:520px}.max-w-\[90vw\]{max-width:90vw}.max-w-\[92vw\]{max-width:92vw}.max-w-\[980px\]{max-width:980px}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.caption-bottom{caption-side:bottom}.-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-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-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-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))}.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))}.cursor-col-resize{cursor:col-resize}.cursor-help{cursor:help}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;user-select:none}.resize-none{resize:none}.resize-y{resize:vertical}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.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\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.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-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))}.self-start{align-self:flex-start}.self-center{align-self:center}.justify-self-end{justify-self:end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-\[inherit\]{border-radius:inherit}.rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md), 10px)}.rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md), 12px)}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-b-md{border-bottom-right-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.rounded-t-md{border-top-left-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.border{border-width:1px}.border-0{border-width:0}.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-solid{border-style:solid}.border-dashed{border-style:dashed}.border-amber-500{--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.border-border{border-color:var(--border)}.border-current{border-color:currentColor}.border-destructive{border-color:var(--destructive)}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-green-600{--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity,1))}.border-input{border-color:var(--input)}.border-muted{border-color:var(--muted)}.border-primary{border-color:var(--primary)}.border-sidebar-border{border-color:var(--sidebar-border)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--background)}.bg-black\/30{background-color:#0000004d}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-green-600\/10{background-color:#16a34a1a}.bg-muted{background-color:var(--muted)}.bg-popover{background-color:var(--popover)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-sidebar{background-color:var(--sidebar)}.bg-sidebar-accent{background-color:var(--sidebar-accent)}.bg-transparent{background-color:#0000}.bg-yellow-200\/70{background-color:#fef08ab3}.bg-yellow-200\/80{background-color:#fef08acc}.bg-clip-padding{background-clip:padding-box}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-px{padding:1px}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.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-\[clamp\(1rem\,5vw\,4rem\)\]{padding-left:clamp(1rem,5vw,4rem);padding-right:clamp(1rem,5vw,4rem)}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-8{padding-left:2rem}.pt-10{padding-top:2.5rem}.pt-16{padding-top:4rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.align-text-top{vertical-align:text-top}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.\!text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.\!text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[0\.8rem\]{font-size:.8rem}.text-\[10px\]{font-size:10px}.text-\[length\:var\(--tool-editor-font-size\)\]{font-size:var(--tool-editor-font-size)}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.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}.italic{font-style:italic}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.text-\[var\(--app-accent-color\)\]{color:var(--app-accent-color)}.text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.text-card-foreground{color:var(--card-foreground)}.text-destructive{color:var(--destructive)}.text-foreground{color:var(--foreground)}.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-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-muted-foreground{color:var(--muted-foreground)}.text-neutral-400{--tw-text-opacity:1;color:rgb(163 163 163/var(--tw-text-opacity,1))}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-secondary-foreground{color:var(--secondary-foreground)}.text-sidebar-accent-foreground{color:var(--sidebar-accent-foreground)}.text-sidebar-foreground{color:var(--sidebar-foreground)}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.decoration-dotted{text-decoration-style:dotted}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--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-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 #0000000d;--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 #0000001a, 0 8px 10px -6px #0000001a;--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-offset:2px;outline:2px solid #0000}.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-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-ring{--tw-ring-color:var(--ring)}.ring-offset-2{--tw-ring-offset-width:2px}.ring-offset-background{--tw-ring-offset-color: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)}.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)}.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-md{--tw-backdrop-blur:blur(12px);-webkit-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: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,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-\[color\,box-shadow\,border-color\]{transition-property:color,box-shadow,border-color;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-shadow{transition-property:box-shadow;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[lo\:i\]{lo:i}.\[lo\:mid\+1\]{lo:mid1}:root{--app-accent-color:#0f766e;--background:#f8fafc;--foreground:#1c1e23;--card:#fff;--card-foreground:#1c1e23;--popover:#fff;--popover-foreground:#1c1e23;--primary:#0f766e;--primary-foreground:#fff;--secondary:#eef4f7;--secondary-foreground:#243445;--muted:#eef4f7;--muted-foreground:#657587;--accent:#e8f6f4;--accent-foreground:#0f766e;--destructive:#dc2626;--border:#e2e8f0;--input:#d8e1ea;--ring:#14b8a6;--sidebar:#fff;--sidebar-foreground:#243445;--sidebar-border:#e2e8f0;--sidebar-accent:#edf7f7;--sidebar-accent-foreground:#0f766e;--link:#0f766e;--radius:8px}:root.dark{--app-accent-color:#2dd4bf;--background:#1a1a1a;--foreground:#fff;--card:#242424;--card-foreground:#fff;--popover:#242424;--popover-foreground:#fff;--primary:#2dd4bf;--primary-foreground:#062b27;--secondary:#2d2d2d;--secondary-foreground:#fff;--muted:#2d2d2d;--muted-foreground:#a0a0a0;--accent:#143b38;--accent-foreground:#99f6e4;--destructive:#ef4444;--border:#404040;--input:#404040;--ring:#2dd4bf;--sidebar:#202020;--sidebar-foreground:#fff;--sidebar-border:#404040;--sidebar-accent:#143b38;--sidebar-accent-foreground:#99f6e4;--link:#5eead4;--radius:8px}body{color:var(--foreground);background:var(--background)}.app-sidebar-backdrop{display:none}@media (max-width:767px){.app-shell{position:relative}.app-sidebar{z-index:70;width:min(18rem,100vw - 3rem);height:100dvh;position:fixed;inset:0 auto 0 0;box-shadow:16px 0 40px #0f172a38}.app-sidebar-backdrop{z-index:60;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0f172a6b;border:0;display:block;position:fixed;inset:0}}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-6::file-selector-button{height:1.5rem}.file\:border-0::file-selector-button{border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.hover\:-translate-y-px: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\:border-primary:hover{border-color:var(--primary)}.hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover{background-color:color-mix(in oklch,var(--secondary),var(--foreground) 5%)}.hover\:bg-border:hover{background-color:var(--border)}.hover\:bg-muted:hover{background-color:var(--muted)}.hover\:font-semibold:hover{font-weight:600}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-gray-500:hover{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.hover\:text-muted-foreground:hover{color:var(--muted-foreground)}.hover\:underline:hover{text-decoration-line:underline}.focus-visible\:border-input:focus-visible{border-color:var(--input)}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:outline-1:focus-visible{outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-width:2px}.focus-visible\:outline-ring:focus-visible{outline-color:var(--ring)}.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-\[3px\]: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(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)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-50{opacity:.5}.has-\[\>img\:first-child\]\:pt-0:has(>img:first-child){padding-top:0}.aria-expanded\:bg-muted[aria-expanded=true]{background-color:var(--muted)}.aria-expanded\:bg-secondary[aria-expanded=true]{background-color:var(--secondary)}.aria-expanded\:text-foreground[aria-expanded=true]{color:var(--foreground)}.aria-expanded\:text-secondary-foreground[aria-expanded=true]{color:var(--secondary-foreground)}.data-\[size\=sm\]\:gap-3[data-size=sm]{gap:.75rem}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:var(--muted)}.data-\[size\=sm\]\:px-3[data-size=sm]{padding-left:.75rem;padding-right:.75rem}.data-\[size\=sm\]\:py-3[data-size=sm]{padding-top:.75rem;padding-bottom:.75rem}.group[data-disabled=true] .group-data-\[disabled\=true\]\:pointer-events-none{pointer-events:none}.group\/card[data-size=sm] .group-data-\[size\=sm\]\/card\:p-3{padding:.75rem}.group\/card[data-size=sm] .group-data-\[size\=sm\]\/card\:px-3{padding-left:.75rem;padding-right:.75rem}.group\/card[data-size=sm] .group-data-\[size\=sm\]\/card\:text-sm{font-size:.875rem;line-height:1.25rem}.group[data-disabled=true] .group-data-\[disabled\=true\]\:opacity-50{opacity:.5}.dark\:border-input:is(.dark *){border-color:var(--input)}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-end{justify-content:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}}@media (min-width:768px){.md\:inline{display:inline}.md\:inline-flex{display:inline-flex}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:\!text-5xl{font-size:3rem!important;line-height:1!important}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width:1024px){.lg\:inline{display:inline}.lg\:flex{display:flex}.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\:flex-col{flex-direction:column}}@media (min-width:1280px){.xl\:block{display:block}.xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-\[minmax\(0\,1fr\)_380px\]{grid-template-columns:minmax(0,1fr) 380px}.xl\:grid-cols-\[var\(--workspace-sidebar-width\)_minmax\(0\,1fr\)\]{grid-template-columns:var(--workspace-sidebar-width) minmax(0,1fr)}}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>tr\]\:last\:border-b-0:last-child>tr{border-bottom-width:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:.75rem;height:.75rem}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:.875rem;height:.875rem}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:1rem;height:1rem}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0}.\[\&_tr\]\:border-b tr{border-bottom-width:1px}
:root{--code-surface:#f6f8fa;--code-ink:#24292f;--code-border:#d0d7de;--code-header-ink:#57606a;--code-inline-fg:#047857;--code-inline-bg:#f5f5f5;--syntax-comment:#6e7781;--syntax-punctuation:#24292f;--syntax-keyword:#cf222e;--syntax-number:#0550ae;--syntax-string:#0a3069;--syntax-function:#8250df;--syntax-operator:#0550ae;--syntax-variable:#953800;--syntax-deleted:#82071e;--syntax-inserted:#116329;--lang-js:#f7df1e;--lang-ts:#3178c6;--lang-python:#3776ab;--lang-html:#e34c26;--lang-css:#2965f1;--lang-json:#cbcb41;--lang-bash:#4eaa25;--lang-sql:#e38c00;--lang-go:#00add8;--lang-rust:#dea584;--lang-java:#ea2d2e;--lang-c:#00599c}:root.dark{--code-surface:#0f172a;--code-ink:#e2e8f0;--code-border:#1e293b;--code-header-ink:#94a3b8;--code-inline-fg:#34d399;--code-inline-bg:#1e293b;--syntax-comment:#94a3b8;--syntax-punctuation:#cbd5e1;--syntax-keyword:#93c5fd;--syntax-number:#fbbf24;--syntax-string:#86efac;--syntax-function:#c4b5fd;--syntax-operator:#67e8f9;--syntax-variable:#f9a8d4;--syntax-deleted:#fca5a5;--syntax-inserted:#86efac}@font-face{font-family:MierB;src:url(/font/MierB-Demi.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:600}@font-face{font-family:Space Mono;src:url(/font/SpaceMono-Regular.ttf)format("truetype");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Roboto Mono;src:url(/font/RobotoMono-300.ttf)format("truetype");font-display:swap;font-style:normal;font-weight:300}@font-face{font-family:Roboto Mono;src:url(/font/RobotoMono-400.ttf)format("truetype");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Roboto Mono;src:url(/font/RobotoMono-500.ttf)format("truetype");font-display:swap;font-style:normal;font-weight:500}@font-face{font-family:Roboto Mono;src:url(/font/RobotoMono-600.ttf)format("truetype");font-display:swap;font-style:normal;font-weight:600}@font-face{font-family:Roboto Mono;src:url(/font/RobotoMono-700.ttf)format("truetype");font-display:swap;font-style:normal;font-weight:700}:root{--font-family-heading:"MierB", "Inter", arial, sans-serif;--font-family-body:"Inter", "MierB", arial, sans-serif;--font-family-mono:"Roboto Mono", "Space Mono", consolas, menlo, monaco, monospace;--font-family-mono-display:var(--font-family-mono);--font-family-japanese:"Noto Sans Japanese", Helvetica, sans-serif;--font-size-base:14px;--font-size-body:1rem;--font-size-small:12px;--font-size-code:14px;--tool-editor-font-size:14px;--font-weight-body:400;--font-weight-code:400;--font-size-h1:48px;--font-size-h2:36px;--font-size-h3:26px;--font-size-h4:22px;--font-size-h5:18px;--font-size-h6:16px;--line-height-tight:1;--line-height-normal:1.2;--line-height-body:1.5;--letter-spacing-tight:-.02em;--app-font-family:var(--font-family-body);--content-max-width:2400px;--code-font-family:var(--font-family-mono);--code-font-size:var(--font-size-code);--app-accent-color:#2b8861;--tool-theme-bg-color:#2b8861;--theme-bg-color:#144c3a;--theme-color:#2b8861;--border-color:#e2e8f0;--ant-padding-lg:16px;--bg-color:#f8fafc;--bg-secondary:#eef4f7;--text-color:#1c1e23;--text-secondary:#657587;--card-bg:#fff;--input-bg:#fff;--shadow-color:#0f172a14}@media (min-width:1600px){:root{--font-size-base:16px;--font-size-code:16px;--tool-editor-font-size:16px}}:root.dark{--bg-color:#101318;--bg-secondary:#181d24;--text-color:#f8fafc;--text-secondary:#d4dbe5;--border-color:#343c48;--card-bg:#181d24;--input-bg:#202630;--shadow-color:#00000073}*{box-sizing:border-box}html{font-family:var(--app-font-family);font-weight:var(--font-weight-body)}body{font-family:var(--app-font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-body);line-height:var(--line-height-body);background:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{font-family:var(--font-family-heading);letter-spacing:var(--letter-spacing-tight);font-weight:600;line-height:var(--line-height-normal)}.app-language-vi{--font-family-heading:"Be Vietnam Pro", "Inter", arial, sans-serif;--font-family-body:"Be Vietnam Pro", "Inter", arial, sans-serif;--app-font-family:var(--font-family-body);font-family:var(--app-font-family)}h1,.h1{font-size:var(--font-size-h1)}h2,.h2{font-size:var(--font-size-h2)}h3,.h3{font-size:var(--font-size-h3)}h4,.h4{font-size:var(--font-size-h4)}h5,.h5{font-size:var(--font-size-h5)}h6,.h6{font-size:var(--font-size-h6)}html,body{width:100%;max-width:100%;overflow-x:clip}button,input,textarea,select{font:inherit;min-width:0}.ant-input,.ant-input-affix-wrapper,.ant-input-number-input,.ant-select,.ant-select-dropdown,.ant-picker,.ant-input-textarea textarea,[data-slot=input],[data-slot=textarea]{font-size:var(--tool-editor-font-size)}code,kbd,pre,samp{font-family:var(--code-font-family);font-size:var(--code-font-size);font-weight:var(--font-weight-code)}:root.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root.dark body{background:linear-gradient(#0d1015 0%,#101318 100%)}:root.dark .ant-input,:root.dark .ant-input-affix-wrapper,:root.dark .ant-select-selector,:root.dark .ant-picker,:root.dark .ant-input-textarea textarea{background-color:var(--input-bg)!important;border-color:var(--border-color)!important;color:var(--text-color)!important}:root.dark .ant-input::placeholder,:root.dark .ant-input-textarea textarea::placeholder{color:var(--text-secondary)!important}:root.dark .ant-select-arrow,:root.dark .ant-select-selection-item{color:var(--text-color)!important}:root.dark .ant-select-dropdown{background-color:var(--bg-secondary)!important}:root.dark .ant-select-dropdown .ant-select-item{color:var(--text-color)}:root.dark .ant-select-dropdown .ant-select-item:hover{background-color:var(--bg-color)!important}:root.dark .ant-select-dropdown .ant-select-item-option-selected{background-color:var(--tool-theme-bg-color)!important}:root.dark .ant-card{background-color:var(--card-bg);border-color:var(--border-color);color:var(--text-color)}:root.dark .ant-btn-default{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-color)}:root.dark .ant-btn-default:hover{border-color:var(--tool-theme-bg-color);color:var(--tool-theme-bg-color)}:root.dark .ant-table{background-color:var(--bg-color);color:var(--text-color)}:root.dark .ant-table .ant-table-thead>tr>th{background-color:var(--bg-secondary)!important;color:var(--text-color)!important;border-color:var(--border-color)!important}:root.dark .ant-table .ant-table-tbody>tr>td{border-color:var(--border-color);background-color:var(--bg-color);color:var(--text-color)}:root.dark .ant-table .ant-table-tbody>tr:hover>td{background-color:var(--bg-secondary)!important}:root.dark .ant-table .ant-table-cell{background-color:var(--bg-color)!important}:root.dark .ant-modal-content{background-color:var(--bg-color)}:root.dark .ant-modal-header{background-color:var(--bg-color);border-color:var(--border-color)}:root.dark .ant-modal-title,:root.dark .ant-modal-close,:root.dark .ant-form-item-label>label,:root.dark .ant-checkbox-wrapper,:root.dark .ant-radio-wrapper{color:var(--text-color)}:root.dark .ant-divider{border-color:var(--border-color)}:root.dark .ant-tabs{color:var(--text-color)}:root.dark .ant-tabs .ant-tabs-nav:before{border-color:var(--border-color)}:root.dark .ant-tabs .ant-tabs-tab{color:var(--text-secondary)}:root.dark .ant-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--tool-theme-bg-color)}:root.dark .ant-popover-inner{background-color:var(--bg-secondary);color:var(--text-color)}:root.dark .ant-popover-arrow:before{background-color:var(--bg-secondary)}:root.dark .ant-tooltip-inner,:root.dark .ant-message-notice-content{background-color:var(--bg-secondary);color:var(--text-color)}:root.dark .tool-wrapper-left{border-right-color:var(--border-color)}:root.dark .text-area-input{box-shadow:inset 0 0 .5em #ffffff0d}:root.dark .text-area-result{border-color:var(--border-color);background-color:var(--input-bg);color:var(--text-color)}:root.dark .tool-panel-header-title,:root.dark .tool-panel-section-title,:root.dark .output-item-title,:root.dark .action-output-title{color:var(--text-color)}:root.dark .footer{background-color:var(--bg-color)!important}:root.dark .footer h2{color:var(--text-color)!important}:root.dark .footer ul,:root.dark .footer a{color:var(--text-secondary)!important}:root.dark .footer a:hover{color:var(--text-color)!important}:root.dark .footer .bg-gray-100{background-color:var(--bg-secondary)!important}:root.dark pre,:root.dark code{background-color:var(--bg-secondary);color:var(--text-color)}:root.dark .monaco-editor .margin,:root.dark .monaco-editor .monaco-editor-background{background-color:var(--bg-secondary)!important}:root.dark ::-webkit-scrollbar{width:8px;height:8px}:root.dark ::-webkit-scrollbar-track{background:var(--bg-secondary)}:root.dark ::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}:root.dark ::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}div#__next{height:100%}.modal-tool-fullscreen{height:-webkit-fill-available;top:0;left:0;width:100vw!important;overflow:hidden!important}.modal-tool-fullscreen .ant-modal-content{height:calc(100vh - 2px);padding:0;overflow:hidden!important}.modal-tool-fullscreen .ant-modal-content .ant-modal-body{flex-direction:column;height:100%;display:flex;overflow:hidden!important}.modal-tool-fullscreen .vanilla-jsoneditor-react,.modal-tool-fullscreen .document-wrapper,.modal-tool-fullscreen .document-wrapper__body{overflow-anchor:none;overflow:hidden}.modal-tool-fullscreen .vanilla-jsoneditor-react .jse-main,.modal-tool-fullscreen .document-wrapper .jse-main,.modal-tool-fullscreen .document-wrapper__body .jse-main,.modal-tool-fullscreen .vanilla-jsoneditor-react .jse-contents,.modal-tool-fullscreen .document-wrapper .jse-contents,.modal-tool-fullscreen .document-wrapper__body .jse-contents{overflow-anchor:none;scroll-behavior:auto!important}.modal-tool-fullscreen .vanilla-jsoneditor-react :focus,.modal-tool-fullscreen .document-wrapper :focus,.modal-tool-fullscreen .document-wrapper__body :focus{scroll-snap-margin:0!important;scroll-margin:0!important}.action-output-title{height:32px;font-size:1rem;font-weight:700}.output-block,.output-block-code{font-family:var(--code-font-family);font-size:var(--code-font-size);font-weight:var(--font-weight-code)}.ant-form-item-label{margin:0!important;padding:0!important}.text-transform-columns{align-items:stretch;gap:1rem;display:flex}.text-transform-columns>.text-transform-column{background:var(--card-bg);border:1px solid var(--border-color);min-width:0;box-shadow:0 1px 3px var(--shadow-color);border-radius:12px;flex-direction:column;flex:1 1 0;display:flex;overflow:hidden}.text-transform-columns>.text-transform-column>.tool-panel-header{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:0 16px;display:flex}.text-transform-columns>.text-transform-column>.tool-panel-header .tool-panel-header-title{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;padding:0;font-size:12px;font-weight:600}.text-transform-columns>.text-transform-column>.tool-panel-header .tool-panel-header-actions .ant-btn{color:var(--text-secondary);font-size:12px}.text-transform-columns>.text-transform-column>.tool-panel-header .tool-panel-header-actions .ant-btn:hover{color:var(--text-color)}.text-transform-columns>.text-transform-column>.tool-panel-content{flex:auto;padding:14px 16px}.text-transform-columns>.text-transform-options{flex:0 auto;min-width:250px}.text-transform-columns .text-transform-count{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-secondary);white-space:nowrap;border-radius:999px;padding:1px 10px;font-size:12px;line-height:18px}.text-transform-columns .text-transform-accent-toggle{border-bottom:1px dashed var(--border-color);align-items:center;width:100%;margin-bottom:12px;padding-bottom:12px;display:flex}.text-transform-columns .text-transform-accent-toggle .text-transform-option-example{margin-left:.5rem}.text-transform-columns .text-transform-option-list{flex-direction:column;gap:6px;display:flex}.text-transform-columns .text-transform-option{border:1px solid var(--border-color);width:100%;color:var(--text-color);text-align:left;cursor:pointer;background:0 0;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:7px 12px;font-size:13px;transition:border-color .15s,background-color .15s;display:flex}.text-transform-columns .text-transform-option:hover{border-color:var(--theme-color);background:var(--bg-secondary)}.text-transform-columns .text-transform-option.active{border-color:var(--theme-color);background:color-mix(in srgb, var(--theme-color) 12%, transparent)}.text-transform-columns .text-transform-option.active .text-transform-option-label{font-weight:600}.text-transform-columns .text-transform-option-label{font-family:var(--code-font-family);white-space:nowrap}.text-transform-columns .text-transform-option-example{color:var(--text-secondary);font-family:var(--code-font-family);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.text-transform-columns textarea.text-transform-input{height:100%;box-shadow:none;font-family:var(--code-font-family);background:0 0;border:none;border-radius:0;padding:0}.text-transform-columns textarea.text-transform-input:focus{box-shadow:none}.text-transform-columns .text-transform-output-list{flex-direction:column;gap:8px;display:flex}.text-transform-columns .text-transform-output-item input{font-family:var(--code-font-family)}.text-transform-columns .text-transform-output-empty{border:1px dashed var(--border-color);min-height:180px;color:var(--text-secondary);text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:1rem;font-size:13px;display:flex}.text-transform-columns .text-transform-output-empty .text-transform-output-empty-title{color:var(--text-color);font-weight:600}@media screen and (max-width:900px){.text-transform-columns{flex-wrap:wrap}.text-transform-columns>.text-transform-column,.text-transform-columns>.text-transform-options{flex:0 0 100%;min-width:0}}.tool-wrapper{--tool-wrapper-gap:1rem;gap:var(--tool-wrapper-gap);flex-wrap:nowrap;width:100%;display:flex}.tool-wrapper>*{min-width:0}.tool-wrapper.tool-wrapper-symmetry .tool-wrapper-left,.tool-wrapper.tool-wrapper-symmetry .tool-wrapper-right{flex:0 0 calc(50% - var(--tool-wrapper-gap)/2);max-width:calc(50% - var(--tool-wrapper-gap)/2)}@media screen and (max-width:768px){.tool-wrapper{flex-wrap:wrap;gap:12px}.tool-wrapper.tool-wrapper-symmetry .tool-wrapper-left,.tool-wrapper.tool-wrapper-symmetry .tool-wrapper-right{flex:0 0 100%;max-width:100%}}.tool-wrapper .tool-wrapper-left{border-right:1px solid #efefef;flex:0 0 40%;max-width:40%;padding-right:10px;position:relative}.tool-wrapper .tool-wrapper-left.tool-wrapper-full{flex:0 0 100%;max-width:100%}.tool-wrapper .tool-wrapper-left .tool-panel{position:sticky;top:.5rem;left:0}@media screen and (max-width:768px){.tool-wrapper .tool-wrapper-left{border-right:0;flex:0 0 100%;max-width:100%;padding-right:0}.tool-wrapper .tool-wrapper-left .tool-panel{position:static;top:0;left:0}}.tool-wrapper .tool-wrapper-right{flex:0 0 calc(60% - 1rem);max-width:calc(60% - 1rem)}@media screen and (max-width:768px){.tool-wrapper .tool-wrapper-right{flex:0 0 100%;max-width:100%}}.tool-wrapper .tool-panel{width:100%;min-width:0}.tool-wrapper .tool-panel .tool-panel-header{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;display:flex}.tool-wrapper .tool-panel .tool-panel-header-title{padding-bottom:.5rem;font-weight:700}.tool-wrapper .tool-panel .tool-panel-content{width:100%}.tool-wrapper .tool-panel .tool-panel-section{margin-top:1rem}.tool-wrapper .tool-panel .tool-panel-section .tool-panel-section-title{font-size:14px;font-weight:700}.tool-wrapper .tool-panel .tool-panel-section .tool-panel-section-content{margin-top:.5rem}.code-editor,.monaco-editor,.monaco-editor .overflow-guard,.ant-form,.ant-form-item,.ant-form-item-control,.ant-form-item-control-input,.ant-form-item-control-input-content{min-width:0;max-width:100%}@media screen and (max-width:768px){.tool-panel-header{flex-wrap:wrap}.tool-panel-header-actions,.tool-panel .ant-space{flex-wrap:wrap;max-width:100%}.ant-form-item-row{min-width:0}.modal-tool-fullscreen .ant-modal-content{height:100dvh}}@media screen and (max-width:560px){.tool-panel .ant-form-horizontal .ant-form-item-row{flex-direction:column;align-items:stretch}.tool-panel .ant-form-horizontal .ant-form-item-row .ant-form-item-label{text-align:left;flex:none!important;max-width:100%!important}.tool-panel .ant-form-horizontal .ant-form-item-row .ant-form-item-control{flex:auto;max-width:100%}}.text-area-input{box-shadow:inset 0 0 .5em #0000001a}.text-area-result{font-family:var(--code-font-family);font-weight:var(--font-weight-code);border-color:#f7f6f6}.output-item{margin-bottom:1rem}.output-item-title{font-size:14px;font-weight:700}.border-blue{border:1px solid #1677ff}.highlight-code{animation:1s infinite blink}@keyframes blink{0%,49%{background-color:plum}50%,to{background-color:#0000}}.fit-content{flex:1;height:calc(100vh - 3rem - 86px);overflow:hidden}.jse-modal,.jse-modal *,.jse-modal input,.jse-modal textarea,.jse-modal button,.jse-modal-window,.jse-modal-window *,.jse-modal-window input,.jse-modal-window textarea,.jse-modal-window button,.jse-modal-content,.jse-modal-content *,.jse-modal-content input,.jse-modal-content textarea,.jse-modal-content button,.jse-transform-modal,.jse-transform-modal *,.jse-transform-modal input,.jse-transform-modal textarea,.jse-transform-modal button,.jse-sort-modal,.jse-sort-modal *,.jse-sort-modal input,.jse-sort-modal textarea,.jse-sort-modal button,[class*=jse-modal],[class*=jse-modal] *,[class*=jse-modal] input,[class*=jse-modal] textarea,[class*=jse-modal] button{scroll-margin:0!important;scroll-padding:0!important}.jse-modal:focus,.jse-modal :focus,.jse-modal-window:focus,.jse-modal-window :focus,.jse-modal-content:focus,.jse-modal-content :focus,.jse-transform-modal:focus,.jse-transform-modal :focus,.jse-sort-modal:focus,.jse-sort-modal :focus,[class*=jse-modal]:focus,[class*=jse-modal] :focus{outline:none;scroll-margin:0!important}
.tool-page{flex-direction:column;flex:1;height:100%;display:flex}.tool-page .ant-tabs{flex:1;height:100%}.tool-page .ant-tabs .ant-tabs-tab-active{color:var(--theme-color);background-color:#1fb14114}.tool-page .ant-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--theme-color)}.tool-page .ant-tabs .ant-tabs-content-holder{flex-direction:column;flex:1;display:flex}.tool-page .ant-tabs .ant-tabs-content-holder .ant-tabs-content{flex-direction:column;flex:auto;height:100%;display:flex}.tool-page .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane-active{flex-direction:column;flex:1;height:100%;display:flex}.tool-page .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane{flex:1;height:100%}:root.dark .tool-page .ant-tabs-tab-active{background-color:#1fb1411a}