@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;700&family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&family=Noto+Sans+SC:wght@400;700&family=ZCOOL+KuaiLe&family=JetBrains+Mono:wght@400;700&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-950:oklch(25.8% .092 26.042);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-600:oklch(64.6% .222 41.116);--color-amber-400:oklch(82.8% .189 84.429);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-900:oklch(37.8% .077 168.94);--color-emerald-950:oklch(26.2% .051 172.552);--color-teal-50:oklch(98.4% .014 180.72);--color-teal-100:oklch(95.3% .051 180.801);--color-teal-300:oklch(85.5% .138 181.071);--color-teal-400:oklch(77.7% .152 181.912);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-600:oklch(60% .118 184.704);--color-teal-700:oklch(51.1% .096 186.391);--color-teal-900:oklch(38.6% .063 188.416);--color-teal-950:oklch(27.7% .046 192.524);--color-cyan-50:oklch(98.4% .019 200.873);--color-cyan-950:oklch(30.2% .056 229.695);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-100:oklch(95.1% .026 236.824);--color-sky-400:oklch(74.6% .16 232.661);--color-sky-500:oklch(68.5% .169 237.323);--color-sky-600:oklch(58.8% .158 241.966);--color-sky-950:oklch(29.3% .066 243.157);--color-blue-500:oklch(62.3% .214 259.815);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-600:oklch(51.1% .262 276.966);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-300:oklch(81% .117 11.638);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-900:oklch(41% .159 10.272);--color-rose-950:oklch(27.1% .105 12.094);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-md:12px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);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}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.-top-8{top:calc(var(--spacing) * -8)}.-top-16{top:calc(var(--spacing) * -16)}.top-0{top:calc(var(--spacing) * 0)}.top-1{top:calc(var(--spacing) * 1)}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing) * 4)}.top-full{top:100%}.-right-8{right:calc(var(--spacing) * -8)}.-right-16{right:calc(var(--spacing) * -16)}.right-0{right:calc(var(--spacing) * 0)}.-bottom-16{bottom:calc(var(--spacing) * -16)}.bottom-1{bottom:calc(var(--spacing) * 1)}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-full{bottom:100%}.-left-16{left:calc(var(--spacing) * -16)}.left-0{left:calc(var(--spacing) * 0)}.left-1{left:calc(var(--spacing) * 1)}.left-1\/2{left:50%}.left-4{left:calc(var(--spacing) * 4)}.-z-10{z-index:calc(10 * -1)}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[90\]{z-index:90}.m-auto{margin:auto}.mx-0\.5{margin-inline:calc(var(--spacing) * .5)}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing) * 2)}.\!mt-4{margin-top:calc(var(--spacing) * 4)!important}.\!mt-12{margin-top:calc(var(--spacing) * 12)!important}.mt-0{margin-top:calc(var(--spacing) * 0)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-4{margin-right:calc(var(--spacing) * 4)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.\!h-3{height:calc(var(--spacing) * 3)!important}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-4\.5{height:calc(var(--spacing) * 4.5)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-52{height:calc(var(--spacing) * 52)}.h-\[42px\]{height:42px}.h-\[44px\]{height:44px}.h-\[380px\]{height:380px}.h-full{height:100%}.max-h-56{max-height:calc(var(--spacing) * 56)}.max-h-60{max-height:calc(var(--spacing) * 60)}.max-h-\[220px\]{max-height:220px}.\!min-h-0{min-height:calc(var(--spacing) * 0)!important}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-\[240px\]{min-height:240px}.min-h-screen{min-height:100vh}.\!w-3{width:calc(var(--spacing) * 3)!important}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-4\.5{width:calc(var(--spacing) * 4.5)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-52{width:calc(var(--spacing) * 52)}.w-\[1px\]{width:1px}.w-\[90px\]{width:90px}.w-\[280px\]{width:280px}.w-\[calc\(50\%-4px\)\]{width:calc(50% - 4px)}.w-full{width:100%}.w-px{width:1px}.max-w-\[120px\]{max-width:120px}.max-w-\[280px\]{max-width:280px}.max-w-\[640px\]{max-width:640px}.max-w-\[660px\]{max-width:660px}.max-w-\[700px\]{max-width:700px}.max-w-\[800px\]{max-width:800px}.max-w-\[1200px\]{max-width:1200px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[120px\]{min-width:120px}.min-w-\[140px\]{min-width:140px}.min-w-\[150px\]{min-width:150px}.min-w-\[200px\]{min-width:200px}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.origin-bottom{transform-origin:bottom}.origin-top{transform-origin:top}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-180{rotate:-180deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-0\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * .5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-1\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-slate-100>:not(:last-child)){border-color:var(--color-slate-100)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.\!border-2{border-style:var(--tw-border-style)!important;border-width:2px!important}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.\!border-white{border-color:var(--color-white)!important}.border-emerald-100\/60{border-color:#d0fae599}@supports (color:color-mix(in lab, red, red)){.border-emerald-100\/60{border-color:color-mix(in oklab, var(--color-emerald-100) 60%, transparent)}}.border-emerald-300{border-color:var(--color-emerald-300)}.border-emerald-500{border-color:var(--color-emerald-500)}.border-emerald-500\/10{border-color:#00bb7f1a}@supports (color:color-mix(in lab, red, red)){.border-emerald-500\/10{border-color:color-mix(in oklab, var(--color-emerald-500) 10%, transparent)}}.border-rose-200\/50{border-color:#ffccd380}@supports (color:color-mix(in lab, red, red)){.border-rose-200\/50{border-color:color-mix(in oklab, var(--color-rose-200) 50%, transparent)}}.border-sky-500\/10{border-color:#00a5ef1a}@supports (color:color-mix(in lab, red, red)){.border-sky-500\/10{border-color:color-mix(in oklab, var(--color-sky-500) 10%, transparent)}}.border-sky-500\/20{border-color:#00a5ef33}@supports (color:color-mix(in lab, red, red)){.border-sky-500\/20{border-color:color-mix(in oklab, var(--color-sky-500) 20%, transparent)}}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-200\/40{border-color:#e2e8f066}@supports (color:color-mix(in lab, red, red)){.border-slate-200\/40{border-color:color-mix(in oklab, var(--color-slate-200) 40%, transparent)}}.border-slate-200\/60{border-color:#e2e8f099}@supports (color:color-mix(in lab, red, red)){.border-slate-200\/60{border-color:color-mix(in oklab, var(--color-slate-200) 60%, transparent)}}.border-slate-200\/70{border-color:#e2e8f0b3}@supports (color:color-mix(in lab, red, red)){.border-slate-200\/70{border-color:color-mix(in oklab, var(--color-slate-200) 70%, transparent)}}.border-slate-200\/80{border-color:#e2e8f0cc}@supports (color:color-mix(in lab, red, red)){.border-slate-200\/80{border-color:color-mix(in oklab, var(--color-slate-200) 80%, transparent)}}.border-slate-300{border-color:var(--color-slate-300)}.border-slate-900{border-color:var(--color-slate-900)}.border-teal-100\/60{border-color:#cbfbf199}@supports (color:color-mix(in lab, red, red)){.border-teal-100\/60{border-color:color-mix(in oklab, var(--color-teal-100) 60%, transparent)}}.border-teal-500{border-color:var(--color-teal-500)}.border-transparent{border-color:#0000}.\!bg-slate-300{background-color:var(--color-slate-300)!important}.\!bg-transparent{background-color:#0000!important}.bg-\[\#f8fafc\]{background-color:#f8fafc}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-50\/10{background-color:#ecfdf51a}@supports (color:color-mix(in lab, red, red)){.bg-emerald-50\/10{background-color:color-mix(in oklab, var(--color-emerald-50) 10%, transparent)}}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-emerald-500\/5{background-color:#00bb7f0d}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/5{background-color:color-mix(in oklab, var(--color-emerald-500) 5%, transparent)}}.bg-emerald-500\/10{background-color:#00bb7f1a}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/10{background-color:color-mix(in oklab, var(--color-emerald-500) 10%, transparent)}}.bg-emerald-500\/15{background-color:#00bb7f26}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/15{background-color:color-mix(in oklab, var(--color-emerald-500) 15%, transparent)}}.bg-sky-50{background-color:var(--color-sky-50)}.bg-sky-50\/50{background-color:#f0f9ff80}@supports (color:color-mix(in lab, red, red)){.bg-sky-50\/50{background-color:color-mix(in oklab, var(--color-sky-50) 50%, transparent)}}.bg-sky-100{background-color:var(--color-sky-100)}.bg-sky-400{background-color:var(--color-sky-400)}.bg-sky-500\/5{background-color:#00a5ef0d}@supports (color:color-mix(in lab, red, red)){.bg-sky-500\/5{background-color:color-mix(in oklab, var(--color-sky-500) 5%, transparent)}}.bg-sky-500\/10{background-color:#00a5ef1a}@supports (color:color-mix(in lab, red, red)){.bg-sky-500\/10{background-color:color-mix(in oklab, var(--color-sky-500) 10%, transparent)}}.bg-sky-500\/15{background-color:#00a5ef26}@supports (color:color-mix(in lab, red, red)){.bg-sky-500\/15{background-color:color-mix(in oklab, var(--color-sky-500) 15%, transparent)}}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-50\/50{background-color:#f8fafc80}@supports (color:color-mix(in lab, red, red)){.bg-slate-50\/50{background-color:color-mix(in oklab, var(--color-slate-50) 50%, transparent)}}.bg-slate-50\/80{background-color:#f8fafccc}@supports (color:color-mix(in lab, red, red)){.bg-slate-50\/80{background-color:color-mix(in oklab, var(--color-slate-50) 80%, transparent)}}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-100\/60{background-color:#f1f5f999}@supports (color:color-mix(in lab, red, red)){.bg-slate-100\/60{background-color:color-mix(in oklab, var(--color-slate-100) 60%, transparent)}}.bg-slate-100\/80{background-color:#f1f5f9cc}@supports (color:color-mix(in lab, red, red)){.bg-slate-100\/80{background-color:color-mix(in oklab, var(--color-slate-100) 80%, transparent)}}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-teal-50\/50{background-color:#f0fdfa80}@supports (color:color-mix(in lab, red, red)){.bg-teal-50\/50{background-color:color-mix(in oklab, var(--color-teal-50) 50%, transparent)}}.bg-teal-100{background-color:var(--color-teal-100)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/40{background-color:#fff6}@supports (color:color-mix(in lab, red, red)){.bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.bg-white\/50{background-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.bg-white\/50{background-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.bg-white\/78{background-color:#ffffffc7}@supports (color:color-mix(in lab, red, red)){.bg-white\/78{background-color:color-mix(in oklab, var(--color-white) 78%, transparent)}}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.bg-white\/80{background-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.bg-white\/90{background-color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-tr{--tw-gradient-position:to top right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-emerald-50\/50{--tw-gradient-from:#ecfdf580}@supports (color:color-mix(in lab, red, red)){.from-emerald-50\/50{--tw-gradient-from:color-mix(in oklab, var(--color-emerald-50) 50%, transparent)}}.from-emerald-50\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-emerald-400{--tw-gradient-from:var(--color-emerald-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-emerald-400\/20{--tw-gradient-from:#00d29433}@supports (color:color-mix(in lab, red, red)){.from-emerald-400\/20{--tw-gradient-from:color-mix(in oklab, var(--color-emerald-400) 20%, transparent)}}.from-emerald-400\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-sky-400{--tw-gradient-from:var(--color-sky-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-sky-400\/15{--tw-gradient-from:#00bcfe26}@supports (color:color-mix(in lab, red, red)){.from-sky-400\/15{--tw-gradient-from:color-mix(in oklab, var(--color-sky-400) 15%, transparent)}}.from-sky-400\/15{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-sky-400\/20{--tw-gradient-from:#00bcfe33}@supports (color:color-mix(in lab, red, red)){.from-sky-400\/20{--tw-gradient-from:color-mix(in oklab, var(--color-sky-400) 20%, transparent)}}.from-sky-400\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-sky-500{--tw-gradient-from:var(--color-sky-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-sky-500\/10{--tw-gradient-from:#00a5ef1a}@supports (color:color-mix(in lab, red, red)){.from-sky-500\/10{--tw-gradient-from:color-mix(in oklab, var(--color-sky-500) 10%, transparent)}}.from-sky-500\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-teal-50\/60{--tw-gradient-from:#f0fdfa99}@supports (color:color-mix(in lab, red, red)){.from-teal-50\/60{--tw-gradient-from:color-mix(in oklab, var(--color-teal-50) 60%, transparent)}}.from-teal-50\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-blue-500\/5{--tw-gradient-via:#3080ff0d}@supports (color:color-mix(in lab, red, red)){.via-blue-500\/5{--tw-gradient-via:color-mix(in oklab, var(--color-blue-500) 5%, transparent)}}.via-blue-500\/5{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-blue-500\/0{--tw-gradient-to:#0000}@supports (color:color-mix(in lab, red, red)){.to-blue-500\/0{--tw-gradient-to:color-mix(in oklab, var(--color-blue-500) 0%, transparent)}}.to-blue-500\/0{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-cyan-50\/50{--tw-gradient-to:#ecfeff80}@supports (color:color-mix(in lab, red, red)){.to-cyan-50\/50{--tw-gradient-to:color-mix(in oklab, var(--color-cyan-50) 50%, transparent)}}.to-cyan-50\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-emerald-400{--tw-gradient-to:var(--color-emerald-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-emerald-500\/10{--tw-gradient-to:#00bb7f1a}@supports (color:color-mix(in lab, red, red)){.to-emerald-500\/10{--tw-gradient-to:color-mix(in oklab, var(--color-emerald-500) 10%, transparent)}}.to-emerald-500\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-sky-500{--tw-gradient-to:var(--color-sky-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-teal-50\/50{--tw-gradient-to:#f0fdfa80}@supports (color:color-mix(in lab, red, red)){.to-teal-50\/50{--tw-gradient-to:color-mix(in oklab, var(--color-teal-50) 50%, transparent)}}.to-teal-50\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-teal-400{--tw-gradient-to:var(--color-teal-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-teal-500\/0{--tw-gradient-to:#0000}@supports (color:color-mix(in lab, red, red)){.to-teal-500\/0{--tw-gradient-to:color-mix(in oklab, var(--color-teal-500) 0%, transparent)}}.to-teal-500\/0{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.fill-emerald-500{fill:var(--color-emerald-500)}.object-cover{object-fit:cover}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4\.5{padding-block:calc(var(--spacing) * 4.5)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-20{padding-block:calc(var(--spacing) * 20)}.\!pt-32{padding-top:calc(var(--spacing) * 32)!important}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pr-0\.5{padding-right:calc(var(--spacing) * .5)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pb-0{padding-bottom:calc(var(--spacing) * 0)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-11{padding-left:calc(var(--spacing) * 11)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-\[1\.05\]{--tw-leading:1.05;line-height:1.05}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-all{word-break:break-all}.text-\[\#0d7f84\]{color:#0d7f84}.text-amber-400{color:var(--color-amber-400)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-indigo-600{color:var(--color-indigo-600)}.text-orange-600{color:var(--color-orange-600)}.text-rose-500{color:var(--color-rose-500)}.text-sky-500{color:var(--color-sky-500)}.text-sky-600{color:var(--color-sky-600)}.text-slate-200{color:var(--color-slate-200)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-teal-600{color:var(--color-teal-600)}.text-teal-700{color:var(--color-teal-700)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.decoration-slate-400{-webkit-text-decoration-color:var(--color-slate-400);-webkit-text-decoration-color:var(--color-slate-400);-webkit-text-decoration-color:var(--color-slate-400);text-decoration-color:var(--color-slate-400)}.decoration-dotted{text-decoration-style:dotted}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-55{opacity:.55}.opacity-60{opacity:.6}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_1px_0_rgba\(255\,255\,255\,0\.72\)\,0_10px_24px_rgba\(15\,23\,42\,0\.08\)\]{--tw-shadow:0 1px 0 var(--tw-shadow-color,#ffffffb8), 0 10px 24px var(--tw-shadow-color,#0f172a14);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_1px_0_rgba\(255\,255\,255\,0\.72\)\,0_14px_34px_rgba\(15\,23\,42\,0\.06\)\]{--tw-shadow:0 1px 0 var(--tw-shadow-color,#ffffffb8), 0 14px 34px var(--tw-shadow-color,#0f172a0f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-emerald-100{--tw-shadow-color:oklch(95% .052 163.051)}@supports (color:color-mix(in lab, red, red)){.shadow-emerald-100{--tw-shadow-color:color-mix(in oklab, var(--color-emerald-100) var(--tw-shadow-alpha), transparent)}}.shadow-sky-500\/10{--tw-shadow-color:#00a5ef1a}@supports (color:color-mix(in lab, red, red)){.shadow-sky-500\/10{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-sky-500) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-slate-900\/5{--tw-shadow-color:#0f172b0d}@supports (color:color-mix(in lab, red, red)){.shadow-slate-900\/5{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-slate-900) 5%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-teal-100{--tw-shadow-color:oklch(95.3% .051 180.801)}@supports (color:color-mix(in lab, red, red)){.shadow-teal-100{--tw-shadow-color:color-mix(in oklab, var(--color-teal-100) var(--tw-shadow-alpha), transparent)}}.ring-emerald-500\/20{--tw-ring-color:#00bb7f33}@supports (color:color-mix(in lab, red, red)){.ring-emerald-500\/20{--tw-ring-color:color-mix(in oklab, var(--color-emerald-500) 20%, transparent)}}.ring-teal-500\/20{--tw-ring-color:#00baa733}@supports (color:color-mix(in lab, red, red)){.ring-teal-500\/20{--tw-ring-color:color-mix(in oklab, var(--color-teal-500) 20%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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-\[55px\]{--tw-blur:blur(55px);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-\[140px\]{--tw-blur:blur(140px);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-xl{--tw-blur:blur(var(--blur-xl));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(var(--blur-md));-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,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-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,)}.backdrop-filter{-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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-75{--tw-duration:75ms;transition-duration:75ms}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}@media (hover:hover){.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-125:is(:where(.group):hover *){--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:animate-pulse:is(:where(.group):hover *){animation:var(--animate-pulse)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.selection\:bg-sky-500\/20 ::selection{background-color:#00a5ef33}@supports (color:color-mix(in lab, red, red)){.selection\:bg-sky-500\/20 ::selection{background-color:color-mix(in oklab, var(--color-sky-500) 20%, transparent)}}.selection\:bg-sky-500\/20::selection{background-color:#00a5ef33}@supports (color:color-mix(in lab, red, red)){.selection\:bg-sky-500\/20::selection{background-color:color-mix(in oklab, var(--color-sky-500) 20%, transparent)}}.placeholder\:text-slate-400::placeholder{color:var(--color-slate-400)}@media (hover:hover){.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:\!scale-125:hover{--tw-scale-x:125%!important;--tw-scale-y:125%!important;--tw-scale-z:125%!important;scale:var(--tw-scale-x) var(--tw-scale-y)!important}.hover\:border-emerald-500:hover{border-color:var(--color-emerald-500)}.hover\:border-emerald-500\/25:hover{border-color:#00bb7f40}@supports (color:color-mix(in lab, red, red)){.hover\:border-emerald-500\/25:hover{border-color:color-mix(in oklab, var(--color-emerald-500) 25%, transparent)}}.hover\:border-rose-300:hover{border-color:var(--color-rose-300)}.hover\:border-sky-500\/25:hover{border-color:#00a5ef40}@supports (color:color-mix(in lab, red, red)){.hover\:border-sky-500\/25:hover{border-color:color-mix(in oklab, var(--color-sky-500) 25%, transparent)}}.hover\:border-slate-400:hover{border-color:var(--color-slate-400)}.hover\:\!bg-teal-500:hover{background-color:var(--color-teal-500)!important}.hover\:bg-emerald-50:hover{background-color:var(--color-emerald-50)}.hover\:bg-emerald-50\/20:hover{background-color:#ecfdf533}@supports (color:color-mix(in lab, red, red)){.hover\:bg-emerald-50\/20:hover{background-color:color-mix(in oklab, var(--color-emerald-50) 20%, transparent)}}.hover\:bg-emerald-500\/\[0\.02\]:hover{background-color:#00bb7f05}@supports (color:color-mix(in lab, red, red)){.hover\:bg-emerald-500\/\[0\.02\]:hover{background-color:color-mix(in oklab, var(--color-emerald-500) 2%, transparent)}}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-rose-50:hover{background-color:var(--color-rose-50)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-slate-100\/50:hover{background-color:#f1f5f980}@supports (color:color-mix(in lab, red, red)){.hover\:bg-slate-100\/50:hover{background-color:color-mix(in oklab, var(--color-slate-100) 50%, transparent)}}.hover\:bg-slate-200:hover{background-color:var(--color-slate-200)}.hover\:bg-slate-200\/40:hover{background-color:#e2e8f066}@supports (color:color-mix(in lab, red, red)){.hover\:bg-slate-200\/40:hover{background-color:color-mix(in oklab, var(--color-slate-200) 40%, transparent)}}.hover\:bg-slate-200\/50:hover{background-color:#e2e8f080}@supports (color:color-mix(in lab, red, red)){.hover\:bg-slate-200\/50:hover{background-color:color-mix(in oklab, var(--color-slate-200) 50%, transparent)}}.hover\:bg-slate-200\/60:hover{background-color:#e2e8f099}@supports (color:color-mix(in lab, red, red)){.hover\:bg-slate-200\/60:hover{background-color:color-mix(in oklab, var(--color-slate-200) 60%, transparent)}}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:to-sky-400:hover{--tw-gradient-to:var(--color-sky-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:text-emerald-500:hover{color:var(--color-emerald-500)}.hover\:text-emerald-600:hover{color:var(--color-emerald-600)}.hover\:text-emerald-700:hover{color:var(--color-emerald-700)}.hover\:text-red-500:hover{color:var(--color-red-500)}.hover\:text-rose-500:hover{color:var(--color-rose-500)}.hover\:text-rose-600:hover{color:var(--color-rose-600)}.hover\:text-slate-700:hover{color:var(--color-slate-700)}.hover\:text-slate-800:hover{color:var(--color-slate-800)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-emerald-500\/5:hover{--tw-shadow-color:#00bb7f0d}@supports (color:color-mix(in lab, red, red)){.hover\:shadow-emerald-500\/5:hover{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 5%, transparent) var(--tw-shadow-alpha), transparent)}}.hover\:shadow-sky-500\/5:hover{--tw-shadow-color:#00a5ef0d}@supports (color:color-mix(in lab, red, red)){.hover\:shadow-sky-500\/5:hover{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-sky-500) 5%, transparent) var(--tw-shadow-alpha), transparent)}}}.focus\:border-emerald-500\/60:focus{border-color:#00bb7f99}@supports (color:color-mix(in lab, red, red)){.focus\:border-emerald-500\/60:focus{border-color:color-mix(in oklab, var(--color-emerald-500) 60%, transparent)}}.focus\:border-sky-500:focus{border-color:var(--color-sky-500)}.focus\:bg-white:focus{background-color:var(--color-white)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-emerald-400\/20:focus{--tw-ring-color:#00d29433}@supports (color:color-mix(in lab, red, red)){.focus\:ring-emerald-400\/20:focus{--tw-ring-color:color-mix(in oklab, var(--color-emerald-400) 20%, transparent)}}.focus\:ring-emerald-500\/5:focus{--tw-ring-color:#00bb7f0d}@supports (color:color-mix(in lab, red, red)){.focus\:ring-emerald-500\/5:focus{--tw-ring-color:color-mix(in oklab, var(--color-emerald-500) 5%, transparent)}}.focus\:ring-emerald-500\/10:focus{--tw-ring-color:#00bb7f1a}@supports (color:color-mix(in lab, red, red)){.focus\:ring-emerald-500\/10:focus{--tw-ring-color:color-mix(in oklab, var(--color-emerald-500) 10%, transparent)}}.focus\:ring-sky-500\/10:focus{--tw-ring-color:#00a5ef1a}@supports (color:color-mix(in lab, red, red)){.focus\:ring-sky-500\/10:focus{--tw-ring-color:color-mix(in oklab, var(--color-sky-500) 10%, transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}@media (width>=40rem){.sm\:flex-row{flex-direction:row}}@media (width>=48rem){.md\:flex{display:flex}.md\:w-28{width:calc(var(--spacing) * 28)}.md\:w-auto{width:auto}.md\:max-w-\[420px\]{max-width:420px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:items-end{align-items:flex-end}.md\:p-10{padding:calc(var(--spacing) * 10)}.md\:py-16{padding-block:calc(var(--spacing) * 16)}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (width>=64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}:where(.dark\:divide-slate-800\/80:where(.dark,.dark *)>:not(:last-child)){border-color:#1d293dcc}@supports (color:color-mix(in lab, red, red)){:where(.dark\:divide-slate-800\/80:where(.dark,.dark *)>:not(:last-child)){border-color:color-mix(in oklab, var(--color-slate-800) 80%, transparent)}}.dark\:\!border-slate-900:where(.dark,.dark *){border-color:var(--color-slate-900)!important}.dark\:border-emerald-900\/20:where(.dark,.dark *){border-color:#004e3b33}@supports (color:color-mix(in lab, red, red)){.dark\:border-emerald-900\/20:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-emerald-900) 20%, transparent)}}.dark\:border-rose-950\/40:where(.dark,.dark *){border-color:#4d021866}@supports (color:color-mix(in lab, red, red)){.dark\:border-rose-950\/40:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-rose-950) 40%, transparent)}}.dark\:border-sky-500\/10:where(.dark,.dark *){border-color:#00a5ef1a}@supports (color:color-mix(in lab, red, red)){.dark\:border-sky-500\/10:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-sky-500) 10%, transparent)}}.dark\:border-slate-600:where(.dark,.dark *){border-color:var(--color-slate-600)}.dark\:border-slate-700:where(.dark,.dark *){border-color:var(--color-slate-700)}.dark\:border-slate-700\/60:where(.dark,.dark *){border-color:#31415899}@supports (color:color-mix(in lab, red, red)){.dark\:border-slate-700\/60:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-slate-700) 60%, transparent)}}.dark\:border-slate-800:where(.dark,.dark *){border-color:var(--color-slate-800)}.dark\:border-slate-800\/40:where(.dark,.dark *){border-color:#1d293d66}@supports (color:color-mix(in lab, red, red)){.dark\:border-slate-800\/40:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-slate-800) 40%, transparent)}}.dark\:border-slate-800\/60:where(.dark,.dark *){border-color:#1d293d99}@supports (color:color-mix(in lab, red, red)){.dark\:border-slate-800\/60:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-slate-800) 60%, transparent)}}.dark\:border-slate-800\/80:where(.dark,.dark *){border-color:#1d293dcc}@supports (color:color-mix(in lab, red, red)){.dark\:border-slate-800\/80:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-slate-800) 80%, transparent)}}.dark\:border-teal-900\/20:where(.dark,.dark *){border-color:#0b4f4a33}@supports (color:color-mix(in lab, red, red)){.dark\:border-teal-900\/20:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-teal-900) 20%, transparent)}}.dark\:border-white:where(.dark,.dark *){border-color:var(--color-white)}.dark\:\!bg-slate-700:where(.dark,.dark *){background-color:var(--color-slate-700)!important}.dark\:bg-\[\#0d1117\]:where(.dark,.dark *){background-color:#0d1117}.dark\:bg-emerald-500\/10:where(.dark,.dark *){background-color:#00bb7f1a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-500\/10:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-emerald-500) 10%, transparent)}}.dark\:bg-emerald-900\/30:where(.dark,.dark *){background-color:#004e3b4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-emerald-900) 30%, transparent)}}.dark\:bg-emerald-950\/5:where(.dark,.dark *){background-color:#002c220d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-950\/5:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-emerald-950) 5%, transparent)}}.dark\:bg-emerald-950\/30:where(.dark,.dark *){background-color:#002c224d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-950\/30:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-emerald-950) 30%, transparent)}}.dark\:bg-emerald-950\/40:where(.dark,.dark *){background-color:#002c2266}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-950\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-emerald-950) 40%, transparent)}}.dark\:bg-sky-500\/10:where(.dark,.dark *){background-color:#00a5ef1a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-sky-500\/10:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-sky-500) 10%, transparent)}}.dark\:bg-sky-950:where(.dark,.dark *){background-color:var(--color-sky-950)}.dark\:bg-sky-950\/20:where(.dark,.dark *){background-color:#052f4a33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-sky-950\/20:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-sky-950) 20%, transparent)}}.dark\:bg-sky-950\/40:where(.dark,.dark *){background-color:#052f4a66}@supports (color:color-mix(in lab, red, red)){.dark\:bg-sky-950\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-sky-950) 40%, transparent)}}.dark\:bg-slate-700:where(.dark,.dark *){background-color:var(--color-slate-700)}.dark\:bg-slate-800:where(.dark,.dark *){background-color:var(--color-slate-800)}.dark\:bg-slate-800\/80:where(.dark,.dark *){background-color:#1d293dcc}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-800\/80:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-slate-800) 80%, transparent)}}.dark\:bg-slate-900:where(.dark,.dark *){background-color:var(--color-slate-900)}.dark\:bg-slate-900\/30:where(.dark,.dark *){background-color:#0f172b4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-slate-900) 30%, transparent)}}.dark\:bg-slate-900\/40:where(.dark,.dark *){background-color:#0f172b66}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-900\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-slate-900) 40%, transparent)}}.dark\:bg-slate-900\/50:where(.dark,.dark *){background-color:#0f172b80}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-900\/50:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-slate-900) 50%, transparent)}}.dark\:bg-slate-900\/78:where(.dark,.dark *){background-color:#0f172bc7}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-900\/78:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-slate-900) 78%, transparent)}}.dark\:bg-slate-900\/80:where(.dark,.dark *){background-color:#0f172bcc}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-900\/80:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-slate-900) 80%, transparent)}}.dark\:bg-slate-900\/90:where(.dark,.dark *){background-color:#0f172be6}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-900\/90:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-slate-900) 90%, transparent)}}.dark\:bg-slate-900\/95:where(.dark,.dark *){background-color:#0f172bf2}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-900\/95:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-slate-900) 95%, transparent)}}.dark\:bg-slate-950:where(.dark,.dark *){background-color:var(--color-slate-950)}.dark\:bg-slate-950\/40:where(.dark,.dark *){background-color:#02061866}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-950\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-slate-950) 40%, transparent)}}.dark\:bg-teal-900\/30:where(.dark,.dark *){background-color:#0b4f4a4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-teal-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-teal-900) 30%, transparent)}}.dark\:bg-teal-950\/20:where(.dark,.dark *){background-color:#022f2e33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-teal-950\/20:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-teal-950) 20%, transparent)}}.dark\:bg-white:where(.dark,.dark *){background-color:var(--color-white)}.dark\:from-emerald-950\/20:where(.dark,.dark *){--tw-gradient-from:#002c2233}@supports (color:color-mix(in lab, red, red)){.dark\:from-emerald-950\/20:where(.dark,.dark *){--tw-gradient-from:color-mix(in oklab, var(--color-emerald-950) 20%, transparent)}}.dark\:from-emerald-950\/20:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-teal-950\/20:where(.dark,.dark *){--tw-gradient-from:#022f2e33}@supports (color:color-mix(in lab, red, red)){.dark\:from-teal-950\/20:where(.dark,.dark *){--tw-gradient-from:color-mix(in oklab, var(--color-teal-950) 20%, transparent)}}.dark\:from-teal-950\/20:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-cyan-950\/20:where(.dark,.dark *){--tw-gradient-to:#05334533}@supports (color:color-mix(in lab, red, red)){.dark\:to-cyan-950\/20:where(.dark,.dark *){--tw-gradient-to:color-mix(in oklab, var(--color-cyan-950) 20%, transparent)}}.dark\:to-cyan-950\/20:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-teal-950\/20:where(.dark,.dark *){--tw-gradient-to:#022f2e33}@supports (color:color-mix(in lab, red, red)){.dark\:to-teal-950\/20:where(.dark,.dark *){--tw-gradient-to:color-mix(in oklab, var(--color-teal-950) 20%, transparent)}}.dark\:to-teal-950\/20:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:text-emerald-300:where(.dark,.dark *){color:var(--color-emerald-300)}.dark\:text-emerald-400:where(.dark,.dark *){color:var(--color-emerald-400)}.dark\:text-indigo-400:where(.dark,.dark *){color:var(--color-indigo-400)}.dark\:text-orange-300:where(.dark,.dark *){color:var(--color-orange-300)}.dark\:text-sky-400:where(.dark,.dark *){color:var(--color-sky-400)}.dark\:text-slate-100:where(.dark,.dark *){color:var(--color-slate-100)}.dark\:text-slate-200:where(.dark,.dark *){color:var(--color-slate-200)}.dark\:text-slate-300:where(.dark,.dark *){color:var(--color-slate-300)}.dark\:text-slate-400:where(.dark,.dark *){color:var(--color-slate-400)}.dark\:text-slate-500:where(.dark,.dark *){color:var(--color-slate-500)}.dark\:text-slate-700:where(.dark,.dark *){color:var(--color-slate-700)}.dark\:text-slate-900:where(.dark,.dark *){color:var(--color-slate-900)}.dark\:text-teal-300:where(.dark,.dark *){color:var(--color-teal-300)}.dark\:text-teal-400:where(.dark,.dark *){color:var(--color-teal-400)}.dark\:text-white:where(.dark,.dark *){color:var(--color-white)}.dark\:decoration-slate-600:where(.dark,.dark *){-webkit-text-decoration-color:var(--color-slate-600);-webkit-text-decoration-color:var(--color-slate-600);-webkit-text-decoration-color:var(--color-slate-600);text-decoration-color:var(--color-slate-600)}.dark\:shadow-none:where(.dark,.dark *){--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.dark\:placeholder\:text-slate-500:where(.dark,.dark *)::placeholder{color:var(--color-slate-500)}@media (hover:hover){.dark\:hover\:border-emerald-500\/20:where(.dark,.dark *):hover{border-color:#00bb7f33}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:border-emerald-500\/20:where(.dark,.dark *):hover{border-color:color-mix(in oklab, var(--color-emerald-500) 20%, transparent)}}.dark\:hover\:border-emerald-500\/50:where(.dark,.dark *):hover{border-color:#00bb7f80}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:border-emerald-500\/50:where(.dark,.dark *):hover{border-color:color-mix(in oklab, var(--color-emerald-500) 50%, transparent)}}.dark\:hover\:border-rose-900\/30:where(.dark,.dark *):hover{border-color:#8b08364d}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:border-rose-900\/30:where(.dark,.dark *):hover{border-color:color-mix(in oklab, var(--color-rose-900) 30%, transparent)}}.dark\:hover\:border-sky-500\/20:where(.dark,.dark *):hover{border-color:#00a5ef33}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:border-sky-500\/20:where(.dark,.dark *):hover{border-color:color-mix(in oklab, var(--color-sky-500) 20%, transparent)}}.dark\:hover\:border-slate-600:where(.dark,.dark *):hover{border-color:var(--color-slate-600)}.dark\:hover\:bg-emerald-500\/\[0\.01\]:where(.dark,.dark *):hover{background-color:#00bb7f03}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-emerald-500\/\[0\.01\]:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-emerald-500) 1%, transparent)}}.dark\:hover\:bg-emerald-950\/10:where(.dark,.dark *):hover{background-color:#002c221a}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-emerald-950\/10:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-emerald-950) 10%, transparent)}}.dark\:hover\:bg-emerald-950\/30:where(.dark,.dark *):hover{background-color:#002c224d}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-emerald-950\/30:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-emerald-950) 30%, transparent)}}.dark\:hover\:bg-red-950\/20:where(.dark,.dark *):hover{background-color:#46080933}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-red-950\/20:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-red-950) 20%, transparent)}}.dark\:hover\:bg-red-950\/30:where(.dark,.dark *):hover{background-color:#4608094d}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-red-950\/30:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-red-950) 30%, transparent)}}.dark\:hover\:bg-rose-950\/20:where(.dark,.dark *):hover{background-color:#4d021833}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-rose-950\/20:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-rose-950) 20%, transparent)}}.dark\:hover\:bg-slate-800:where(.dark,.dark *):hover{background-color:var(--color-slate-800)}.dark\:hover\:bg-slate-800\/30:where(.dark,.dark *):hover{background-color:#1d293d4d}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-slate-800\/30:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-slate-800) 30%, transparent)}}.dark\:hover\:bg-slate-800\/40:where(.dark,.dark *):hover{background-color:#1d293d66}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-slate-800\/40:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-slate-800) 40%, transparent)}}.dark\:hover\:bg-slate-800\/60:where(.dark,.dark *):hover{background-color:#1d293d99}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-slate-800\/60:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-slate-800) 60%, transparent)}}.dark\:hover\:bg-slate-800\/80:where(.dark,.dark *):hover{background-color:#1d293dcc}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-slate-800\/80:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-slate-800) 80%, transparent)}}.dark\:hover\:bg-slate-900:where(.dark,.dark *):hover{background-color:var(--color-slate-900)}.dark\:hover\:text-emerald-400:where(.dark,.dark *):hover{color:var(--color-emerald-400)}.dark\:hover\:text-red-400:where(.dark,.dark *):hover{color:var(--color-red-400)}.dark\:hover\:text-rose-400:where(.dark,.dark *):hover{color:var(--color-rose-400)}.dark\:hover\:text-slate-200:where(.dark,.dark *):hover{color:var(--color-slate-200)}.dark\:hover\:text-slate-300:where(.dark,.dark *):hover{color:var(--color-slate-300)}}.dark\:focus\:border-sky-500:where(.dark,.dark *):focus{border-color:var(--color-sky-500)}.dark\:focus\:bg-slate-950:where(.dark,.dark *):focus{background-color:var(--color-slate-950)}.dark\:focus\:ring-sky-500\/5:where(.dark,.dark *):focus{--tw-ring-color:#00a5ef0d}@supports (color:color-mix(in lab, red, red)){.dark\:focus\:ring-sky-500\/5:where(.dark,.dark *):focus{--tw-ring-color:color-mix(in oklab, var(--color-sky-500) 5%, transparent)}}}:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f6f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-shell{width:min(1180px,100% - 40px);margin:0 auto;padding:48px 0 64px}.home-header{border-bottom:1px solid #d8dfeb;grid-template-columns:minmax(0,1fr) 170px;align-items:end;gap:28px;min-height:240px;padding-bottom:30px;display:grid}.home-header__copy{min-width:0}.eyebrow{color:#0d7f84;letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:800}h1,h2,p{margin-top:0}h1{color:#101827;letter-spacing:0;max-width:820px;margin-bottom:16px;font-size:clamp(42px,7vw,78px);line-height:.95}.intro{color:#526071;max-width:720px;margin-bottom:0;font-size:18px;line-height:1.75}.home-stats{background:#fff;border:1px solid #d8dfeb;border-radius:8px;align-content:center;min-height:128px;padding:18px;display:grid;box-shadow:0 18px 45px #10182712}.home-stats strong{color:#101827;font-size:48px;line-height:1}.home-stats span{color:#64748b;margin-top:10px;font-size:13px;font-weight:800}.tool-controls{grid-template-columns:minmax(260px,420px) minmax(0,1fr);align-items:end;gap:16px;padding:26px 0 8px;display:grid}.search-box{gap:8px;display:grid}.search-box span{color:#64748b;font-size:12px;font-weight:800}.search-box input{color:#172033;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;min-height:46px;padding:0 14px;box-shadow:0 10px 24px #1018270d}.search-box input:focus{border-color:#0d7f84;box-shadow:0 0 0 3px #0d7f8421}.category-tabs{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.category-tabs button{color:#526071;cursor:pointer;background:#fff;border:1px solid #d8dfeb;border-radius:8px;min-height:38px;padding:0 14px;font-size:13px;font-weight:800}.category-tabs button.active,.category-tabs button:hover{color:#fff;background:#172033;border-color:#172033}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;padding-top:18px;display:grid}.tool-card{--accent:#0ea5e9;--accent-soft:#e0f2fe;background:linear-gradient(145deg, #ffffffc7, #eef4fc9e), var(--accent-soft);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);border:1px solid #ffffffb8;border-radius:8px;flex-direction:column;justify-content:flex-start;min-height:232px;padding:22px;transition:border-color .16s,transform .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb8,0 18px 50px #10182714}.tool-card:hover{border-color:#ffffffe6;transform:translateY(-3px);box-shadow:0 24px 64px #10182721}.tool-card--emerald{--accent:#059669;--accent-soft:#d1fae5}.tool-card--violet{--accent:#7c3aed;--accent-soft:#ede9fe}.tool-card--amber{--accent:#d97706;--accent-soft:#fef3c7}.tool-card--disabled{cursor:default}.tool-card--disabled:hover{border-color:#ffffffb8;transform:none;box-shadow:0 18px 50px #10182714}.tool-card__top,.tool-card__meta{align-items:center;display:flex}.tool-card__top{justify-content:space-between;gap:14px}.tool-card__mark{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:8px;flex:none;place-items:center;font-size:18px;font-weight:900;display:grid}.tool-card__meta{color:#64748b;flex-direction:column;align-items:flex-end;gap:4px;min-width:0;font-size:12px;font-weight:800}.tool-card__meta strong{color:var(--accent)}.tool-card h2{color:#101827;letter-spacing:0;overflow-wrap:anywhere;margin:30px 0 6px;font-size:29px;line-height:1.05}.tool-card p{color:#526071;line-height:1.65}.tool-card__tagline{margin-bottom:12px;font-weight:800;color:var(--accent)!important}.empty-tools{color:#64748b;margin-top:28px;font-weight:800}.hidden{display:none!important}.tool-page{background:#f8fafc;grid-template-rows:58px 1fr;width:100%;height:100dvh;min-height:100dvh;display:grid;position:fixed;inset:0;overflow:hidden}.tool-page.tool-page--full{grid-template-rows:none;display:block;overflow:hidden}.tool-page.tool-page--full>.pic-mark-host{height:100dvh}.tool-bar{-webkit-backdrop-filter:blur(20px);z-index:100;background:#ffffffb8;border-bottom:1px solid #e2e8f0cc;justify-content:space-between;align-items:center;height:58px;padding:0 24px;display:flex;box-shadow:0 2px 12px #0f172a05}.tool-bar__left{align-items:center;gap:16px;min-width:0;display:flex}.tool-bar__right{flex-shrink:0;align-items:center;display:flex}.divider-line{background:#e2e8f0e6;width:1px;height:20px}.tool-info{align-items:center;gap:12px;min-width:0;display:flex}.tool-info__meta{flex-shrink:0;align-items:center;display:flex}.category-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:6px;align-items:center;padding:3px 8px;font-size:10px;font-weight:800;display:inline-flex}.category-badge--sky{color:#0284c7;background:#0ea5e91a}.category-badge--emerald{color:#059669;background:#10b9811a}.tool-info__title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:800;overflow:hidden}.back-link{color:#334155;background:#fff;border:1px solid #e2e8f0cc;border-radius:10px;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:13px;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 1px 2px #0f172a08}.back-link:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1e6;box-shadow:0 3px 8px #0f172a0d}.back-link .back-icon{font-size:14px;line-height:1;transition:transform .18s}.back-link:hover .back-icon{transform:translate(-2px)}.primary-link{color:#172033;background:#f8fafc;border:1px solid #d8dfeb;border-radius:8px;align-items:center;min-height:34px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.lang-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0cc;border-radius:10px;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:12px;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 1px 2px #0f172a08}.lang-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1e6;box-shadow:0 3px 8px #0f172a0d}.lang-btn .dropdown-arrow{color:#94a3b8;margin-left:2px;font-size:8px}.tool-frame{background:#fff;border:0;width:100%;height:100%;display:block}.native-tool-shell{background:#eef3f8;grid-template-rows:minmax(0,1fr) 96px;grid-template-columns:180px minmax(0,1fr) 180px;gap:12px;height:100%;min-height:0;padding:12px;display:grid}.native-tool-scroll{background:#f8fafc;border:1px solid #d8dfeb;border-radius:8px;min-height:0;overflow:hidden auto}.native-tool-shell:has(.gif-frame-splitter-tool){background:linear-gradient(#ffffffb8,#f8fafce0),radial-gradient(circle at 18% 0,#0ea5e914,#0000 34%),radial-gradient(circle at 86% 18%,#10b9810f,#0000 28%),#eef4f9}.native-tool-shell:has(.gif-frame-splitter-tool) .native-tool-scroll{box-shadow:none;background:0 0;border:0}.native-tool-shell:has(.video-to-gif){background:linear-gradient(#ffffffb3,#f8fafce0),#eef4f9}.native-tool-shell:has(.video-to-gif) .native-tool-scroll{box-shadow:none;background:0 0;border:0}:is(.native-tool-shell:has(.json-canvas-editor-view),.native-tool-shell:has(.json-csv-table-view)){background:linear-gradient(#f8fafcf5,#f1f5f9f5),#f1f5f9}:is(.native-tool-shell:has(.json-canvas-editor-view) .native-tool-scroll,.native-tool-shell:has(.json-csv-table-view) .native-tool-scroll){box-shadow:none;background:0 0;border:0}.native-tool-shell:has(.todo-list-view){background:linear-gradient(#f8fafcf5,#f1f5f9f5),#f1f5f9}.native-tool-shell:has(.todo-list-view) .native-tool-scroll{box-shadow:none;background:0 0;border:0}.native-tool-shell:has(.markdown-board-view){background:linear-gradient(#f8fafcf5,#f1f5f9f5),#f1f5f9}.native-tool-shell:has(.markdown-board-view) .native-tool-scroll{box-shadow:none;background:0 0;border:0}.native-tool{grid-template-rows:auto auto minmax(0,1fr);width:min(1040px,100% - 28px);min-height:100%;margin:0 auto;padding:18px 0 0;display:grid}.gif-frame-splitter-tool{width:min(1440px,100% - 28px)}.native-ad{place-items:center;min-height:0;display:grid;overflow:hidden}.native-ad--bottom{grid-column:1/-1;height:96px}.native-ad--side{align-self:center;height:600px;max-height:calc(100dvh - 92px)}.ad-slot{color:#94a3b8;place-items:center;width:100%;height:100%;font-size:12px;font-weight:800;display:grid;position:relative;overflow:hidden}.native-ad--side .ad-slot{min-width:160px;min-height:0}.native-ad--bottom .ad-slot{min-height:90px}.ad-slot span{z-index:0;position:absolute}.ad-slot ins{z-index:1;width:100%;height:100%;position:relative}.gif-dropzone{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffdb;border:1px solid #d8dfeb;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-height:160px;padding:18px;display:grid;box-shadow:0 16px 40px #1018270f}.gif-dropzone--active{outline:3px solid #0d7f842e}.gif-dropzone h2{color:#101827;letter-spacing:0;max-width:760px;margin-bottom:10px;font-size:clamp(26px,4vw,42px);line-height:1.05}.gif-dropzone p:last-child{color:#526071;max-width:700px;margin-bottom:0;font-size:15px;line-height:1.7}.upload-button{color:#fff;cursor:pointer;white-space:nowrap;background:#172033;border:1px solid #172033;border-radius:8px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-size:14px;font-weight:900;display:inline-flex}.upload-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.gif-summary{grid-template-columns:minmax(0,1fr) 120px 140px auto;align-items:stretch;gap:10px;margin-top:12px;display:grid}.gif-summary>div,.gif-summary>button{background:#ffffffdb;border:1px solid #d8dfeb;border-radius:8px;min-height:64px;padding:12px;box-shadow:0 10px 24px #1018270a}.gif-summary span{color:#64748b;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.gif-summary strong{color:#101827;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:17px;display:block;overflow:hidden}.gif-summary button,.frame-card__meta button{color:#fff;cursor:pointer;background:#172033;border:1px solid #172033;border-radius:8px;font-weight:900}.gif-summary button:disabled{color:#64748b;cursor:not-allowed;background:#e2e8f0;border-color:#cbd5e1}.tool-message{color:#526071;margin:18px 0 0;font-weight:800}.tool-message--error{color:#be123c}.frame-output-panel{background:#ffffffdb;border:1px solid #d8dfeb;border-radius:8px;grid-template-rows:auto minmax(0,1fr);height:auto;min-height:260px;margin-top:12px;display:grid;overflow:hidden;box-shadow:0 12px 32px #1018270d}.frame-output-panel__header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;min-height:52px;padding:0 14px;display:flex}.frame-output-panel__header strong,.frame-output-panel__header span{display:block}.frame-output-panel__header strong{color:#101827;font-size:14px}.frame-output-panel__header span{color:#64748b;margin-top:3px;font-size:12px;font-weight:800}.frame-empty-state{color:#64748b;text-align:center;align-content:center;place-items:center;gap:8px;min-height:0;padding:20px;display:grid}.frame-empty-state strong,.frame-empty-state span{display:block}.frame-empty-state strong{color:#101827;font-size:18px}.frame-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;min-height:0;padding:12px;display:grid;overflow:auto}.frame-card{background:#ffffffe0;border:1px solid #d8dfeb;border-radius:8px;overflow:hidden;box-shadow:0 12px 32px #1018270f}.frame-preview{aspect-ratio:1;background-color:#fff;background-image:linear-gradient(45deg,#e2e8f0 25%,#0000 25%),linear-gradient(-45deg,#e2e8f0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e2e8f0 75%),linear-gradient(-45deg,#0000 75%,#e2e8f0 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;place-items:center;padding:12px;display:grid}.frame-preview img{object-fit:contain;max-width:100%;max-height:100%}.frame-card__meta{justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.frame-card__meta strong,.frame-card__meta span{display:block}.frame-card__meta strong{color:#101827;font-size:14px}.frame-card__meta span{color:#64748b;margin-top:4px;font-size:12px;font-weight:800}.frame-card__meta button{flex:none;min-height:34px;padding:0 10px;font-size:12px}.gif-frame-splitter-tool.native-tool{gap:14px;width:min(1440px,100% - 28px);max-width:none;padding-top:18px}.gif-frame-splitter-tool .gif-summary{grid-template-columns:minmax(0,1fr) minmax(130px,auto) minmax(150px,auto) auto;align-items:stretch;gap:12px;margin-top:0;display:grid}.gif-frame-splitter-tool .gif-summary>div,.gif-frame-splitter-tool .gif-summary>button{-webkit-backdrop-filter:blur(20px);background:#ffffffbd;border:0;border-radius:18px;min-height:58px;box-shadow:0 1px #ffffffb8,0 8px 18px #0f172a0b}.gif-frame-splitter-tool .gif-summary>div{flex-direction:column;justify-content:center;padding:12px 14px;display:flex}.gif-frame-splitter-tool .gif-summary span{color:#64748b;margin-bottom:5px;font-size:11px;font-weight:800}.gif-frame-splitter-tool .gif-summary strong{color:#0f172a;font-size:16px}.gif-frame-splitter-tool .gif-summary>div:not(:first-child) strong{color:#0284c7;font-family:Consolas,Monaco,Courier New,monospace;font-weight:900}.gif-frame-splitter-tool .gif-summary button,.gif-frame-splitter-tool .frame-card__meta button{color:#fff;background:linear-gradient(90deg,#0ea5e9,#0284c7);border:0;border-radius:14px;transition:transform .16s,box-shadow .16s,opacity .16s;box-shadow:0 8px 18px #0ea5e92e}.gif-frame-splitter-tool .gif-summary button:hover:not(:disabled),.gif-frame-splitter-tool .frame-card__meta button:hover{transform:translateY(-1px);box-shadow:0 10px 22px #0ea5e938}.gif-frame-splitter-tool .gif-summary button:disabled{color:#94a3b8;box-shadow:none;background:#e2e8f0b8}.gif-frame-splitter-tool .frame-output-panel{-webkit-backdrop-filter:blur(18px);background:#ffffff70;border:0;border-radius:24px;min-height:520px;margin-top:0;box-shadow:0 1px #ffffffb8,0 9px 20px #0f172a0b}.gif-frame-splitter-tool .frame-output-panel__header strong{color:#0f172a;font-size:16px}.gif-frame-splitter-tool .frame-output-panel__header span{color:#64748b}.gif-frame-splitter-tool .frame-empty-state{min-height:360px}.gif-frame-splitter-tool .gif-status-card{color:#0369a1;-webkit-backdrop-filter:blur(18px);background:#ffffffbd;border-radius:18px;place-self:center;align-items:center;gap:12px;margin-top:120px;padding:14px 18px;display:inline-flex;box-shadow:0 1px #ffffffb8,0 8px 18px #0f172a0b}.gif-frame-splitter-tool .gif-status-card strong{font-size:14px;font-weight:900}.gif-frame-splitter-tool .gif-status-card__spinner{border:2px solid #0ea5e92e;border-top-color:#0ea5e9;border-radius:999px;width:18px;height:18px;animation:.8s linear infinite gif-status-spin}.gif-frame-splitter-tool .gif-status-card--error{color:#be123c;background:#fff1f2d1}@keyframes gif-status-spin{to{transform:rotate(360deg)}}.gif-frame-splitter-tool .frame-empty-state strong{color:#0f172a}.gif-frame-splitter-tool .frame-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;padding:16px}.gif-frame-splitter-tool .frame-card{-webkit-backdrop-filter:blur(18px);background:#ffffffbd;border:1px solid #cbd5e19e;border-radius:20px;transition:transform .22s,box-shadow .22s,border-color .22s;position:relative;overflow:hidden;box-shadow:0 1px #ffffffb8,0 8px 18px #0f172a0b}.gif-frame-splitter-tool .frame-card:before{content:"";filter:blur(24px);pointer-events:none;background:linear-gradient(to top right,#38bdf82e,#3b82f60d);border-radius:999px;width:130px;height:110px;position:absolute;top:-46px;right:-40px}.gif-frame-splitter-tool .frame-card:hover{border-color:#7dd3fca3;transform:translateY(-4px);box-shadow:0 1px #ffffffbd,0 12px 24px #0ea5e914}.gif-frame-splitter-tool .frame-card__badge{z-index:2;color:#fff;background:#0ea5e9eb;border-radius:999px;padding:5px 9px;font-family:Consolas,Monaco,Courier New,monospace;font-size:11px;font-weight:900;line-height:1;position:absolute;top:10px;left:10px;box-shadow:0 8px 16px #0ea5e929}.gif-frame-splitter-tool .frame-preview{background-color:#ffffffbd;background-image:linear-gradient(45deg,#cbd5e16b 25%,#0000 25%),linear-gradient(-45deg,#cbd5e16b 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#cbd5e16b 75%),linear-gradient(-45deg,#0000 75%,#cbd5e16b 75%);border-radius:16px;margin:10px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb3}.gif-frame-splitter-tool .frame-preview img{z-index:1;position:relative}.gif-frame-splitter-tool .frame-card__meta{z-index:1;padding:4px 12px 12px;position:relative}.empty-state{align-content:center;justify-items:start;min-height:100vh;display:grid}@media (width<=820px){.app-shell{width:min(100% - 28px,1180px);padding:34px 0 48px}.home-header,.tool-controls{grid-template-columns:1fr}.home-header{align-items:start;min-height:auto}.home-stats{width:min(100%,220px)}.intro{font-size:16px}.category-tabs{justify-content:flex-start}.native-tool{width:min(100% - 28px,1180px);padding:14px 0 0}.gif-dropzone,.gif-summary{grid-template-columns:1fr}.gif-summary>button{min-height:46px}.frame-output-panel{min-height:260px}}@media (width<=1200px){.native-tool-shell{grid-template-columns:minmax(0,1fr)}.native-ad--side{display:none}}@media (width<=980px){.tool-page{grid-template-rows:64px 1fr}.native-tool-shell{grid-template-rows:minmax(0,1fr) 64px;grid-template-columns:minmax(0,1fr);padding:8px}.native-ad--side{display:none}.native-ad--bottom{grid-column:1;height:64px}.native-ad--bottom .ad-slot{min-height:50px}.tool-bar{gap:10px;padding:0 10px}.tool-bar h1{font-size:16px}.back-link{min-height:32px;padding:0 10px}.tool-page--iframe{grid-template-rows:1fr}.tool-page--iframe .tool-bar{z-index:30;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;width:auto;height:auto;padding:0;position:fixed;top:8px;left:8px}.tool-page--iframe .tool-bar>div{display:none}.tool-page--iframe .back-link{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border-color:#cbd5e1d9;min-height:34px;box-shadow:0 10px 24px #0f172a1a}.gif-frame-splitter-tool .gif-summary{grid-template-columns:1fr 1fr}}.video-to-gif.native-tool{isolation:isolate;width:min(1280px,100% - 28px);max-width:1280px;padding-top:26px;position:relative}.video-to-gif .gif-dropzone{-webkit-backdrop-filter:blur(24px);background:#ffffffc2;border:0;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 1px #ffffffb8,0 10px 22px #0f172a0d}.video-to-gif .gif-dropzone>*{z-index:1;position:relative}.video-to-gif .gif-dropzone--active{outline:3px solid #0ea5e938}.video-to-gif .gif-dropzone h2{color:#0f172a}.video-to-gif .upload-button{background:linear-gradient(90deg,#0ea5e9,#0284c7);border:0;border-radius:16px;box-shadow:0 10px 20px #0ea5e92e}.video-workspace{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:24px;margin-top:18px;display:grid}.workspace-left,.workspace-right{-webkit-backdrop-filter:blur(24px);background:#ffffffbd;border:none;border-radius:24px;padding:24px;box-shadow:0 9px 20px #0f172a0b}.workspace-left{background:linear-gradient(#ffffffc7,#f8fafc9e)}.workspace-right{background:#ffffffbf;border-color:#e2e8f099;border-radius:24px;box-shadow:0 1px #ffffffb3,0 9px 20px #0f172a0b}.panel-header{border-bottom:0;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:0;display:flex}.panel-header h3{color:#101827;margin:0;font-size:17px;font-weight:800}.text-button{color:#0284c7;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:800}.text-button:hover{text-decoration:underline}.video-preview-container{aspect-ratio:16/10;background:linear-gradient(#0f172ab8,#020617f5),#020617;border:none;border-radius:22px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 12px 26px #0206172e}.video-preview-container video{object-fit:contain;border-radius:16px;width:calc(100% - 24px);height:calc(100% - 24px)}.video-overlay-play{cursor:pointer;opacity:0;background:#00000026;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.video-preview-container:hover .video-overlay-play{opacity:1}.play-icon{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#1e293b;background:#ffffffe0;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:20px;transition:transform .15s;display:flex;box-shadow:0 8px 18px #02061738}.video-overlay-play:hover .play-icon{transform:scale(1.1)}.player-controls{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.btn-play-toggle{color:#0f172a;cursor:pointer;background:#ffffffd1;border:0;border-radius:999px;min-height:36px;padding:0 16px;font-size:13px;font-weight:800;transition:all .15s;box-shadow:0 5px 12px #0f172a0f}.btn-play-toggle:hover{color:#0284c7;background:#f8fafc}.time-display{color:#475569;font-family:monospace;font-size:13px;font-weight:700}.time-display .divider{color:#94a3b8;margin:0 4px}.cropper-timeline-section{background:#f8fafcad;border-top:0;border-radius:18px;margin-top:22px;padding:18px;box-shadow:inset 0 1px #ffffffb3}.timeline-header{color:#475569;margin-bottom:12px;font-size:13px}.timeline-header strong{color:#0284c7}.time-slider-track-wrapper{padding:14px 10px 28px;position:relative}.time-slider-track{background:#e2e8f0b8;border-radius:999px;width:100%;height:10px;position:relative;box-shadow:inset 0 1px 3px #0f172a1a}.time-slider-range{background:#0ea5e9;border-radius:999px;height:100%;position:absolute;box-shadow:0 0 22px #0ea5e952}.time-slider-handle{cursor:grab;z-index:10;background:#fff;border:2px solid #0ea5e9;border-radius:999px;justify-content:center;align-items:center;width:12px;height:26px;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 8px 18px #0ea5e942}.time-slider-handle:active{cursor:grabbing;transform:translate(-50%,-50%)scale(1.15)}.handle-pointer{background:#0ea5e9;border-radius:999px;width:3px;height:12px}.handle-time{color:#64748b;white-space:nowrap;font-size:11px;font-weight:800;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.quick-set-buttons{gap:10px;margin-top:10px;display:flex}.quick-set-buttons button{color:#475569;cursor:pointer;background:#ffffffc7;border:0;border-radius:999px;flex:1;min-height:32px;padding:0 10px;font-size:12px;font-weight:800;transition:all .15s}.quick-set-buttons button:hover{color:#0284c7;background:#f1f5f9;box-shadow:0 5px 12px #0f172a0d}.config-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#334155;font-size:13px;font-weight:800}.select-wrapper{position:relative}.select-wrapper select{color:#1e293b;cursor:pointer;appearance:none;background:#ffffffc2 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 12px center/16px no-repeat;border:0;border-radius:14px;outline:none;width:100%;min-height:44px;padding:0 36px 0 14px;font-size:14px;font-weight:700;box-shadow:0 1px #fffc,0 6px 14px #0f172a0b}.select-wrapper select:focus{box-shadow:0 0 0 3px #0ea5e924,0 8px 18px #0ea5e914}.custom-width-input{color:#64748b;align-items:center;gap:8px;margin-top:6px;font-size:12px;font-weight:700;display:flex}.custom-width-input input{text-align:center;color:#1e293b;border:0;border-radius:10px;outline:none;width:72px;height:30px;padding:0 6px;font-weight:800}.custom-width-input input:focus{box-shadow:0 0 0 3px #0ea5e924}.checkbox-group label{color:#475569;cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.checkbox-group input[type=checkbox]{accent-color:#0ea5e9;cursor:pointer;border-radius:4px;width:16px;height:16px}.help-text{color:#64748b;font-size:12px}.export-estimate{background:#f8fafcc2;border:0;border-radius:16px;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;padding:12px;display:grid;box-shadow:inset 0 1px #ffffffc7}.estimate-item span{color:#64748b;margin-bottom:2px;font-size:11px;font-weight:800;display:block}.estimate-item strong{color:#1e293b;font-size:14px;display:block}.form-actions{margin-top:8px}.submit-button,.cancel-button{cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:48px;font-size:14px;font-weight:900;transition:all .15s;display:flex}.submit-button{color:#fff;background:linear-gradient(90deg,#0ea5e9,#0284c7);box-shadow:0 10px 22px #0ea5e933}.submit-button:hover{background:linear-gradient(90deg,#38bdf8,#0284c7);transform:translateY(-1px);box-shadow:0 12px 26px #0ea5e93d}.cancel-button{color:#fff;background:#ef4444;box-shadow:0 4px 12px #ef444433}.cancel-button:hover{background:#dc2626;transform:translateY(-1px)}.conversion-progress-panel{-webkit-backdrop-filter:blur(24px);background:#ffffffc2;border:1px solid #e2e8f0b3;border-radius:24px;margin-top:18px;padding:20px;box-shadow:0 9px 20px #0f172a0b}.progress-details{justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px;display:flex}.progress-details__text{flex:1}.progress-details__text strong{color:#1e293b;margin-bottom:4px;font-size:15px;display:block}.progress-details__text span{color:#64748b;font-size:13px;font-weight:700}.progress-preview-frame{flex-direction:column;align-items:center;gap:4px;display:flex}.progress-preview-frame canvas{background:#000;border:1px solid #1e293bcc;border-radius:10px;width:120px;height:75px}.preview-label{color:#94a3b8;font-size:10px;font-weight:800}.progress-bar-container{background:#e2e8f0bd;border-radius:999px;height:8px;position:relative;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#0ea5e9,#0284c7);border-radius:999px;height:100%;transition:width .15s ease-out;position:relative;overflow:hidden}.progress-bar-fill:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);animation:1.5s infinite shine;position:absolute;inset:0;transform:translate(-100%)}@keyframes shine{to{transform:translate(100%)}}.gif-output-panel{-webkit-backdrop-filter:blur(24px);background:#ffffffc2;border:1px solid #e2e8f0b3;border-radius:24px;margin-top:18px;padding:20px;box-shadow:0 9px 20px #0f172a0b}.output-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;padding-bottom:14px;display:flex}.output-header h2{color:#101827;margin:0 0 4px;font-size:18px}.output-header p{color:#64748b;margin:0;font-size:13px;font-weight:700}.output-header p strong{color:#0284c7}.download-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#0ea5e9,#0284c7);border:none;border-radius:8px;align-items:center;gap:6px;min-height:40px;padding:0 18px;font-size:13px;font-weight:900;transition:all .15s;display:flex;box-shadow:0 9px 18px #0ea5e92e}.download-button:hover{background:linear-gradient(90deg,#38bdf8,#0284c7);transform:translateY(-1px)}.gif-preview-box{background-color:#fff;background-image:linear-gradient(45deg,#e2e8f0 25%,#0000 25%),linear-gradient(-45deg,#e2e8f0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e2e8f0 75%),linear-gradient(-45deg,#0000 75%,#e2e8f0 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;width:100%;padding:20px;display:flex}.gif-preview-box img{object-fit:contain;border-radius:4px;max-width:100%;max-height:380px;box-shadow:0 4px 12px #00000014}@media (width<=820px){.video-workspace{grid-template-columns:1fr}.output-header{flex-direction:column;align-items:flex-start;gap:12px}.download-button{justify-content:center;width:100%}}.dev-utility-board.native-tool{max-width:1100px}.markdown-board-view.native-tool{isolation:isolate;width:min(1280px,100% - 28px);position:relative}.json-canvas-editor-view.native-tool,.json-csv-table-view.native-tool{isolation:isolate;width:min(1440px,100% - 28px);max-width:none;padding:12px 0 0;position:relative}.utility-title-card{-webkit-backdrop-filter:blur(24px);background:#ffffffb8;border-radius:24px;align-items:center;gap:14px;padding:18px 22px;display:flex;position:relative;box-shadow:0 1px #ffffffb8,0 8px 18px #0f172a0b}.utility-title-card--dragging{outline-offset:4px;outline:2px dashed #10b98161}.utility-title-card__body{flex:1;min-width:0}.utility-title-card__icon{color:#059669;background:#10b9811c;border-radius:14px;flex:none;place-items:center;width:42px;height:42px;display:grid}.utility-title-card p{color:#059669;letter-spacing:.08em;text-transform:uppercase;margin:0 0 2px;font-size:11px;font-weight:900}.utility-title-card h2{color:#0f172a;margin:0;font-size:24px;line-height:1.1}.utility-title-card span{color:#64748b;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:13px;font-weight:700;display:block;overflow:hidden}.utility-title-card__upload{color:#047857;cursor:pointer;background:#10b9811c;border-radius:14px;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:13px;font-weight:900;transition:transform .16s,background-color .16s,color .16s;display:inline-flex;position:relative;box-shadow:0 6px 14px #10b98112}.utility-title-card__upload:hover{color:#065f46;background:#10b98129;transform:translateY(-1px)}.utility-title-card__upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.utility-title-card__drop-hint{border-radius:inherit;color:#047857;pointer-events:none;background:#ecfdf5db;place-items:center;font-size:15px;font-weight:900;display:grid;position:absolute;inset:0}.utility-title-card--sky.utility-title-card--dragging{outline-color:#0ea5e96b}.utility-title-card--sky .utility-title-card__icon{color:#0284c7;background:#0ea5e91c}.utility-title-card--sky p{color:#0284c7}.utility-title-card--sky .utility-title-card__upload{color:#0369a1;background:#0ea5e91c;box-shadow:0 6px 14px #0ea5e912}.utility-title-card--sky .utility-title-card__upload:hover{color:#075985;background:#0ea5e929}.utility-title-card--sky .utility-title-card__drop-hint{color:#0369a1;background:#f0f9ffe0}.utility-title-card__btn{color:#047857;cursor:pointer;background:#10b9811c;border:none;border-radius:14px;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:13px;font-weight:900;transition:transform .16s,background-color .16s,color .16s;display:inline-flex;position:relative;box-shadow:0 6px 14px #10b98112}.utility-title-card__btn:hover{color:#036c4e;background:#10b9812e;transform:translateY(-1px)}.utility-title-card__btn:active{transform:translateY(0)}.json-canvas-editor-view .panel-left,.json-canvas-editor-view .panel-right,.json-csv-table-view .table-panel{-webkit-backdrop-filter:blur(24px);background:#ffffffb8;border:0;border-radius:24px;min-width:0;padding-top:24px;box-shadow:0 1px #ffffffb8,0 9px 20px #0f172a0b}.json-csv-table-view .table-panel{padding:24px 32px 28px}.todo-list-view.native-tool{isolation:isolate;width:min(1280px,100% - 28px);max-width:none;padding:18px 0 0;display:block;position:relative}.dark .utility-title-card__btn{color:#34d399;box-shadow:none;background:#34d39914}.dark .utility-title-card__btn:hover{color:#6ee7b7;background:#34d39924}.todo-save-pill{color:#047857;white-space:nowrap;background:#10b9811c;border-radius:999px;justify-content:center;align-items:center;min-height:38px;padding:0 14px;font-size:12px;font-weight:900;display:inline-flex}.todo-control-panel{-webkit-backdrop-filter:blur(24px);background:#ffffffb8;border-radius:24px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:18px;padding:18px;display:grid;box-shadow:0 1px #ffffffb8,0 9px 20px #0f172a0b}.todo-add-form{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.todo-add-form input{color:#0f172a;background:#f8fafcd1;border:0;border-radius:16px;outline:none;width:100%;min-height:44px;padding:0 14px;font-size:14px;font-weight:700;box-shadow:inset 0 1px #ffffffb3}.todo-add-form input:focus{box-shadow:0 0 0 3px #10b98124}.todo-add-form button,.todo-stats button{color:#fff;cursor:pointer;background:#059669;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:13px;font-weight:900;transition:transform .16s,background-color .16s,opacity .16s;display:inline-flex}.todo-stats button{color:#047857;background:#10b9811f;min-height:36px}.todo-add-form button:hover,.todo-stats button:hover:not(:disabled){transform:translateY(-1px)}.todo-stats button:disabled{cursor:not-allowed;opacity:.45}.todo-stats{color:#64748b;white-space:nowrap;align-items:center;gap:12px;font-size:13px;font-weight:800;display:inline-flex}.todo-stats strong{color:#059669}.todo-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.todo-column{-webkit-backdrop-filter:blur(24px);background:#ffffffb8;border:1px solid #e2e8f08a;border-radius:24px;min-width:0;min-height:430px;padding:14px;transition:border-color .16s,background-color .16s,transform .16s;box-shadow:0 1px #ffffffb8,0 9px 20px #0f172a0b}.todo-column--over{background:#ecfdf5b8;border-color:#10b98170}.todo-column__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.todo-column__header>div{color:#059669;align-items:center;gap:8px;min-width:0;display:inline-flex}.todo-column__header h3{color:#0f172a;margin:0;font-size:15px;font-weight:900}.todo-column__header>span{color:#047857;background:#10b9811f;border-radius:999px;place-items:center;min-width:28px;height:28px;font-size:12px;font-weight:900;display:inline-grid}.todo-task-list{flex-direction:column;gap:10px;min-height:330px;display:flex}.todo-empty-state{color:#94a3b8;border:1px dashed #94a3b86b;border-radius:18px;place-items:center;min-height:120px;margin:0;font-size:13px;font-weight:800;display:grid}.todo-task-card{color:#0f172a;cursor:grab;background:#f8fafcd1;border:1px solid #e2e8f0b3;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:54px;padding:10px;transition:opacity .16s,transform .16s,border-color .16s;display:grid;box-shadow:0 6px 14px #0f172a0a}.todo-task-card:active{cursor:grabbing}.todo-task-card--dragging{opacity:.45;transform:scale(.98)}.todo-task-card__grip{color:#94a3b8}.todo-task-card span{overflow-wrap:anywhere;min-width:0;font-size:14px;font-weight:800;line-height:1.45}.todo-task-card button{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:30px;height:30px;display:inline-grid}.todo-task-card button:hover{color:#ef4444;background:#ef44441a}.todo-action-panel,.todo-compose-panel,.todo-filter-panel,.todo-management-panel,.todo-completed-area{-webkit-backdrop-filter:blur(24px);background:#ffffffb8;border-radius:24px;margin-top:18px;padding:18px;box-shadow:0 1px #ffffffb8,0 9px 20px #0f172a0b}.todo-action-panel{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.todo-compose-form{grid-template-columns:minmax(220px,1.1fr) minmax(220px,1.4fr) repeat(3,minmax(150px,.75fr)) auto;align-items:end;gap:12px;display:grid}.todo-compose-form label,.todo-config-group,.todo-inline-check,.todo-tag-picker{min-width:0}.todo-compose-form label>span,.todo-tag-picker legend,.todo-panel-title h3{color:#334155;font-size:12px;font-weight:900}.todo-compose-form input,.todo-compose-form textarea,.todo-compose-form select,.todo-filter-panel input,.todo-filter-panel select,.todo-config-group input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:14px;outline:none;width:100%;min-height:42px;padding:0 12px;font-size:13px;font-weight:750;transition:border-color .16s,box-shadow .16s,background-color .16s;box-shadow:0 1px 2px #0f172a0d,inset 0 1px #ffffffdb}.todo-compose-form input:hover,.todo-compose-form textarea:hover,.todo-compose-form select:hover,.todo-filter-panel input:hover,.todo-filter-panel select:hover,.todo-config-group input:hover{border-color:#94a3b8}.todo-compose-form input:focus,.todo-compose-form textarea:focus,.todo-compose-form select:focus,.todo-filter-panel input:focus,.todo-filter-panel select:focus,.todo-config-group input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9812e,0 1px 2px #0f172a0f}.todo-compose-form select,.todo-filter-panel select{appearance:none;background-color:#fff;background-image:linear-gradient(45deg,#0000 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,#0000 50%),linear-gradient(90deg,#e2e8f0,#e2e8f0);background-position:calc(100% - 18px) 18px,calc(100% - 13px) 18px,calc(100% - 32px) 10px;background-repeat:no-repeat;background-size:5px 5px,5px 5px,1px 22px;padding-right:38px}.todo-compose-form select option,.todo-filter-panel select option{color:#0f172a;background:#fff;padding:10px 12px;font-size:13px;font-weight:750}.todo-compose-form select[multiple],.todo-compose-form .todo-tag-select{background-image:none;min-height:132px;padding:8px 12px;overflow:auto}.todo-compose-form .todo-tag-select option{border-radius:10px;margin:2px 0;padding:9px 10px}.todo-compose-form .todo-tag-select option:checked{color:#fff;background:linear-gradient(90deg,#059669,#0d9488)}.todo-field-hint{color:#64748b;margin-top:7px;font-size:12px;font-weight:800;line-height:1.45;display:block}.todo-compose-form textarea{resize:vertical;min-height:42px;padding-top:10px}.todo-compose-form__detail{grid-row:span 1}.todo-tag-picker{background:#f8fafcd1;border:0;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;min-height:42px;padding:7px 10px;display:flex;box-shadow:inset 0 1px #ffffffb3}.todo-tag-picker legend{padding:0 4px}.todo-tag-picker label{color:#475569;align-items:center;gap:5px;font-size:12px;font-weight:800;display:inline-flex}.todo-submit-button,.todo-secondary-button,.todo-danger-button,.todo-config-group button,.todo-expand-button{color:#fff;cursor:pointer;background:#059669;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-size:13px;font-weight:900;display:inline-flex}.todo-secondary-button{color:#0f172a;background:#0f172a14}.todo-danger-button{color:#dc2626;background:#ef44441a}.todo-danger-button:disabled{cursor:not-allowed;opacity:.45}.todo-filter-panel{z-index:10;grid-template-columns:minmax(200px,1.2fr) repeat(2,minmax(130px,.5fr)) auto auto auto;align-items:center;gap:12px;display:grid;position:relative}.todo-panel-title{color:#059669;align-items:center;gap:8px;display:inline-flex}.todo-panel-title h3{color:#0f172a;margin:0}.todo-config-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.todo-config-group form{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.todo-config-group .todo-tag-config-form{grid-template-columns:minmax(0,1fr) 48px auto}.todo-config-group input[type=color]{width:48px;min-width:48px;padding:4px}.todo-inline-check{color:#475569;white-space:nowrap;align-items:center;gap:6px;min-height:42px;font-size:12px;font-weight:900;display:inline-flex}.todo-inline-check input{width:16px;min-height:16px}.todo-chip-list{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.todo-chip{--tag-color:#10b981;background:var(--tag-color);border-radius:999px;align-items:center;gap:5px;min-height:28px;padding:0 9px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.todo-chip{background:color-mix(in srgb, var(--tag-color) 13%, transparent)}}.todo-chip{color:var(--tag-color)}@supports (color:color-mix(in lab, red, red)){.todo-chip{color:color-mix(in srgb, var(--tag-color) 78%, #0f172a)}}.todo-chip{font-size:12px;font-weight:900}.todo-chip button{color:inherit;cursor:pointer;background:0 0;border:0;font-weight:900}.todo-board{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.todo-section-heading{margin-top:22px}.todo-section-heading h3{color:#0f172a;margin:0;font-size:14px;font-weight:950}.todo-board--completed{margin-top:14px}.todo-completed-area__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.todo-completed-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.todo-completed-actions>span{color:#047857;background:#10b9811a;border-radius:999px;justify-content:center;align-items:center;min-width:32px;min-height:32px;font-size:12px;font-weight:950;display:inline-flex}.todo-expand-button{color:#047857;background:#10b9811f;min-height:36px}.todo-task-card{grid-template-columns:auto minmax(0,1fr) auto}.todo-column--dragging,.todo-task-card--dragging{opacity:.58}.todo-column__grip{color:#94a3b8}.todo-task-card__body{min-width:0}.todo-task-card__body strong{color:#0f172a;overflow-wrap:anywhere;font-size:14px;line-height:1.4;display:block}.todo-task-card__body p{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-size:12px;line-height:1.5;overflow:hidden}.todo-task-meta,.todo-task-tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.todo-task-meta span,.todo-task-tags span{color:#475569;background:#e2e8f0b3;border-radius:999px;align-items:center;min-height:22px;padding:0 7px;font-size:11px;font-weight:850;display:inline-flex}.todo-task-tags span{--tag-color:#10b981;background:var(--tag-color)}@supports (color:color-mix(in lab, red, red)){.todo-task-tags span{background:color-mix(in srgb, var(--tag-color) 13%, transparent)}}.todo-task-tags span{color:var(--tag-color)}@supports (color:color-mix(in lab, red, red)){.todo-task-tags span{color:color-mix(in srgb, var(--tag-color) 76%, #0f172a)}}.todo-task-actions{gap:4px;display:grid}.todo-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(16px);background:#02061773;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.todo-modal{background:#fffffff0;border-radius:24px;width:min(720px,100%);max-height:min(760px,100dvh - 36px);padding:18px;overflow:auto;box-shadow:0 28px 80px #0f172a47}.todo-modal--wide{width:min(980px,100%)}.todo-modal__header,.todo-modal__actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.todo-modal__header{margin-bottom:16px}.todo-modal__actions{grid-column:1/-1;justify-content:flex-end;margin-top:4px}.todo-compose-form--modal{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.todo-compose-form--modal .todo-compose-form__detail{grid-column:1/-1}.todo-compose-form--modal textarea{min-height:96px}.todo-icon-button{color:#475569;cursor:pointer;background:#0f172a12;border:0;border-radius:12px;place-items:center;width:34px;height:34px;display:inline-grid}.json-canvas-editor-view .json-input-panel,.json-canvas-editor-view .json-analysis-panel{min-height:0;padding:24px 32px 28px;overflow:hidden}.json-canvas-editor-view .json-analysis-panel{min-height:clamp(520px,100dvh - 320px,720px)}.json-canvas-editor-view .section-title-bar{border-bottom:0;gap:12px;min-width:0;margin-bottom:14px;padding-bottom:0}.json-canvas-editor-view .section-title-bar h3{color:#0f172a;font-size:17px}.json-canvas-editor-view .text-button{color:#059669}.json-canvas-editor-view .textarea-wrapper textarea{color:#d1fae5;background:#0f172af0;border:0;border-radius:18px;box-shadow:inset 0 1px #ffffff14,0 7px 16px #0f172a0f}.json-canvas-editor-view .json-input-textarea{height:clamp(160px,24dvh,240px);min-height:140px;max-height:42dvh}.json-canvas-editor-view .textarea-wrapper textarea::placeholder{color:#94a3b8c7}.json-canvas-editor-view .textarea-wrapper textarea:focus{border-color:#0000;box-shadow:inset 0 1px #ffffff14,0 0 0 3px #10b98124,0 9px 18px #0f172a12}.json-canvas-editor-view .action-grid button{color:#059669;box-shadow:none;background:#10b9811a;border-radius:14px;justify-content:center;align-items:center;gap:7px;min-width:0;display:inline-flex;border:0!important}.json-canvas-editor-view .action-grid button:hover{color:#047857;background:#10b98129;transform:translateY(-1px)}.json-canvas-editor-view .btn-primary{color:#047857;background:#10b98124}.json-canvas-editor-view .btn-secondary:disabled{opacity:.45}.json-canvas-editor-view .json-view-tabs{min-width:168px;box-shadow:inset 0 1px 2px #0f172a12}.json-canvas-editor-view .json-tree-panel,.json-canvas-editor-view .json-canvas-stage{min-height:clamp(360px,100dvh - 360px,500px)}.json-canvas-editor-view .json-tree-panel{max-height:none}.json-canvas-editor-view .search-filter-box input{background:#ffffffb8;border:0;border-radius:16px;box-shadow:0 1px #ffffffbd,0 6px 14px #0f172a0b}.json-canvas-editor-view .search-filter-box input:focus{box-shadow:0 0 0 3px #10b98124,0 6px 14px #0f172a0b}.utility-tab-bar{border-bottom:2px solid #e2e8f0;gap:12px;margin-top:12px;padding-bottom:12px;display:flex}.tab-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;min-height:40px;padding:0 18px;font-size:14px;font-weight:800;transition:all .15s;box-shadow:0 2px 4px #00000005}.tab-btn:hover{color:#1e293b;background:#f8fafc;border-color:#94a3b8}.tab-btn--active{color:#fff;background:#059669;border-color:#059669;box-shadow:0 4px 12px #05966933}.tab-btn--active:hover{color:#fff;background:#047857;border-color:#047857}.tab-panel{grid-template-columns:1fr 1fr;align-items:start;gap:24px;margin-top:20px;display:grid}.panel-left,.panel-right{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffdb;border:none;border-radius:12px;flex-direction:column;min-height:520px;padding:20px;display:flex;box-shadow:0 16px 40px #1018270f}.section-title-bar{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.section-title-bar h3{color:#1e293b;margin:0;font-size:15px;font-weight:800}.action-links{align-items:center;gap:6px;display:flex}.action-links .divider{color:#cbd5e1;font-size:12px}.text-button--danger{color:#ef4444!important}.text-button--danger:hover{color:#b91c1c!important}.textarea-wrapper{flex:1;min-height:380px;display:flex}.textarea-wrapper textarea{color:#1e293b;resize:vertical;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;height:100%;min-height:380px;padding:12px;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.5;box-shadow:inset 0 2px 4px #00000005}.textarea-wrapper textarea:focus{border-color:#059669;box-shadow:inset 0 2px 4px #00000005,0 0 0 3px #0596691a}.error-banner{background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;margin-top:12px;padding:10px 12px}.error-banner strong{color:#b91c1c;margin-bottom:2px;font-size:13px;display:block}.error-banner p{color:#7f1d1d;word-break:break-all;margin:0;font-family:monospace;font-size:12px}.action-grid{grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:8px;margin-top:14px;display:grid}.action-grid button{cursor:pointer;border:none;border-radius:8px;min-height:36px;font-size:12px;font-weight:800;transition:all .15s}.btn-primary{color:#fff;background:#059669;box-shadow:0 2px 6px #05966926}.btn-primary:hover{background:#047857;transform:translateY(-1px)}.btn-secondary{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1!important}.btn-secondary:hover{background:#e2e8f0;border-color:#94a3b8!important}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.search-filter-box{margin-bottom:12px;position:relative}.search-filter-box input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;height:38px;padding:0 32px 0 12px;font-size:13px}.search-filter-box input:focus{border-color:#059669}.clear-search-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px;font-size:14px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.clear-search-btn:hover{color:#64748b}.tree-display-container{color:#cbd5e1;background:#0f172a;border:1px solid #1e293b;border-radius:8px;flex:1;max-height:480px;padding:16px;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;overflow:auto;box-shadow:inset 0 2px 8px #0003}.json-canvas-editor-view .tree-display-container{color:#cbd5e1;background:linear-gradient(#0f172af5,#020617f5),#020617;border:0;border-radius:20px;box-shadow:inset 0 1px #ffffff12,0 14px 30px #0f172a14}.tree-empty-state{color:#64748b;text-align:center;margin:0;padding-top:120px;font-size:13px;line-height:1.6}.json-tree-node{line-height:22px}.json-canvas-editor-view .json-tree-node,.json-canvas-editor-view .node-children{position:relative}.json-canvas-editor-view .node-children:before{content:"";border-left:1px dashed #94a3b82e;position:absolute;top:2px;bottom:2px;left:18px}.node-line{border-radius:4px;align-items:flex-start;padding:1px 0;transition:background-color .1s;display:flex}.node-line:hover{background-color:#ffffff0d}.json-canvas-editor-view .node-line{border-radius:8px}.json-canvas-editor-view .node-line:hover{background-color:#10b98112}.toggle-arrow{color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;width:14px;font-size:10px;display:inline-block}.toggle-arrow:hover{color:#cbd5e1}.toggle-arrow-placeholder{width:14px;display:inline-block}.node-key{color:#38bdf8;margin-right:4px;font-weight:700}.json-canvas-editor-view .node-key{color:#67e8f9}.node-key--highlight{background-color:#facc154d;border-radius:2px;padding:0 2px}.json-canvas-editor-view .node-key--highlight,.json-canvas-editor-view .node-value--highlight{color:#d1fae5;background:#10b9812e;border:1px solid #5eead433;border-radius:6px;padding:0 4px}.node-value{word-break:break-all}.node-value--highlight{color:#fff;background-color:#facc1566;border-radius:2px;padding:0 2px}.node-summary{color:#94a3b8;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px;font-weight:700}.json-canvas-editor-view .node-summary{color:#6ee7b7}.json-canvas-editor-view .node-summary:hover{color:#99f6e4}.node-summary:hover{color:#cbd5e1}.closing-bracket{color:#e2e8f0}.val-null{color:#f59e0b;font-weight:800}.val-boolean{color:#34d399;font-weight:800}.val-number{color:#fdba74}.val-string{color:#a7f3d0}.markdown-board-view .md-panel{flex-direction:column;align-items:stretch;gap:18px;width:100%;display:flex;margin-top:18px!important}.markdown-board-view .panel-left,.markdown-board-view .panel-right{box-sizing:border-box;-webkit-backdrop-filter:blur(24px);background:#ffffffb8;border:0;border-radius:24px;width:100%;padding:24px;box-shadow:0 1px #ffffffb8,0 9px 20px #0f172a0b}.markdown-board-view .panel-right{order:1;grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);gap:16px 18px;min-height:0;display:grid}.markdown-board-view .panel-left{order:2;min-height:430px}.markdown-board-view .panel-right>.section-title-bar{grid-column:1/-1}.markdown-board-view .section-title-bar{border-bottom:0;margin-bottom:14px;padding-bottom:0}.markdown-board-view .section-title-bar h3{color:#0f172a;font-size:17px}.markdown-board-view .text-button{color:#059669}.markdown-board-view .textarea-wrapper textarea{background:#ffffffb8;border:0;border-radius:20px;box-shadow:inset 0 1px #ffffffc7,0 7px 16px #0f172a0d}.markdown-board-view .textarea-wrapper textarea:focus{border-color:#0000;box-shadow:inset 0 1px #ffffffc7,0 0 0 3px #10b98121,0 9px 18px #0f172a0f}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.markdown-board-view .metrics-grid{grid-column:1;margin-bottom:0}.metric-card{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;box-shadow:0 2px 4px #00000005}.markdown-board-view .metric-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffad;border:0;border-radius:20px;min-height:124px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffbd,0 7px 16px #0f172a0b}.markdown-board-view .metric-icon{z-index:1;color:#10b981;width:16px;height:16px;margin:0 auto 8px;position:relative}.markdown-board-view .metric-card span,.markdown-board-view .metric-card strong,.markdown-board-view .metric-card small{z-index:1;position:relative}.markdown-board-view .metric-card strong{color:#10b981;font-family:Consolas,Monaco,Courier New,monospace;font-size:30px;font-weight:900}.markdown-board-view .metric-card strong small{color:#059669;font-size:12px}.metric-card span{color:#64748b;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.metric-card strong{color:#059669;font-size:20px;line-height:1.1;display:block}.metric-card strong small{color:#475569;font-size:11px}.metric-card small{color:#94a3b8;margin-top:4px;font-size:10px;font-weight:800;display:block}.detail-indicators{background:#f1f5f9;border-radius:8px;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px;padding:10px 12px;display:grid}.markdown-board-view .detail-indicators{background:#f8fafc94;border-radius:18px;grid-column:1;margin-bottom:0;box-shadow:inset 0 1px #ffffffc2}.indicator-item{color:#475569;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.markdown-board-view .indicator-item{background:#ffffff8a;border-radius:12px;gap:8px;padding:8px}.markdown-board-view .indicator-item span{align-items:center;gap:5px;display:inline-flex}.markdown-board-view .indicator-icon{color:#10b981;width:13px;height:13px}.indicator-item strong{color:#1e293b;font-size:12px;font-weight:800}.markdown-board-view .indicator-item strong{color:#059669;text-align:center;background:#10b9811f;border-radius:999px;min-width:24px;padding:2px 7px;font-family:Consolas,Monaco,Courier New,monospace}.outline-section{border-top:1px dashed #e2e8f0;flex-direction:column;flex:1;min-height:240px;padding-top:16px;display:flex}.markdown-board-view .outline-section{border-top:0;grid-area:2/2/4;min-height:100%;padding-top:0}.outline-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.outline-header h4{color:#1e293b;margin:0;font-size:13px;font-weight:800}.outline-copy-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:800;transition:all .15s}.markdown-board-view .outline-copy-btn{color:#059669;background:#10b9811a;border:0;border-radius:999px}.outline-copy-btn:hover{color:#1e293b;background:#f1f5f9}.outline-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex:1;max-height:220px;padding:12px;overflow:auto}.markdown-board-view .outline-container{background:#f8fafcb3;border:0;border-radius:18px;max-height:none;box-shadow:inset 0 1px #fffc}.outline-empty-state{color:#94a3b8;text-align:center;margin:0;padding-top:60px;font-size:12px}.outline-list{margin:0;padding:0;list-style:none}.markdown-board-view .outline-list{position:relative}.markdown-board-view .outline-list:before{content:"";border-left:1px dashed #10b98152;position:absolute;top:8px;bottom:8px;left:15px}.outline-item{color:#334155;border-radius:4px;align-items:center;margin-bottom:4px;padding:4px 6px;font-size:13px;font-weight:700;transition:background-color .1s;display:flex}.markdown-board-view .outline-item{z-index:1;border-radius:10px;position:relative}.markdown-board-view .outline-item:before{content:"";border-top:1px dashed #10b98147;width:10px;position:absolute;top:50%;left:15px}.outline-item:hover{background-color:#f1f5f9}.markdown-board-view .outline-item:hover{background-color:#10b98112}.heading-tag{color:#fff;background:#94a3b8;border-radius:3px;margin-right:8px;padding:1px 4px;font-family:monospace;font-size:9px;font-weight:900;display:inline-block}.markdown-board-view .heading-tag{z-index:1;background:#10b981;border-radius:999px;position:relative}.heading-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.outline-item--h1{color:#0f172a;padding-left:6px;font-weight:800}.outline-item--h2{padding-left:20px}.outline-item--h3{color:#475569;padding-left:34px;font-size:12px}.outline-item--h4{color:#64748b;padding-left:48px;font-size:12px}.outline-item--h5{color:#64748b;padding-left:62px;font-size:11px}.outline-item--h6{color:#94a3b8;padding-left:76px;font-size:11px}.outline-item--h1 .heading-tag{background:#059669}.outline-item--h2 .heading-tag{background:#10b981}.outline-item--h3 .heading-tag{background:#34d399}.outline-item--h4 .heading-tag{color:#065f46;background:#a7f3d0}.outline-item--warning{background:#fb923c14;border:0}.outline-item--warning:hover{background:#fb923c1f}.warning-badge{color:#dc2626;white-space:nowrap;background:#fee2e2;border:1px solid #fca5a5;border-radius:4px;margin-left:8px;padding:1px 6px;font-size:10px;font-weight:800;display:inline-block}.markdown-board-view .warning-badge{color:#c2410c;background:#fb923c21;border:0;border-radius:999px;align-items:center;gap:4px;animation:2.4s ease-in-out infinite warning-breathe;display:inline-flex;box-shadow:0 5px 12px #fb923c1a}.markdown-board-view .warning-icon{width:12px;height:12px}@keyframes warning-breathe{0%,to{transform:translateY(0);box-shadow:0 5px 12px #fb923c14}50%{transform:translateY(-1px);box-shadow:0 7px 16px #fb923c26}}@media (width<=820px){.tab-panel{grid-template-columns:1fr}.panel-left,.panel-right{min-height:auto}.utility-title-card{flex-wrap:wrap;align-items:flex-start}.json-canvas-editor-view.native-tool,.json-csv-table-view.native-tool{width:min(100%,100% - 16px);padding-top:8px}.json-canvas-editor-view .json-input-panel,.json-canvas-editor-view .json-analysis-panel,.json-csv-table-view .table-panel{border-radius:20px;padding:18px}.json-canvas-editor-view .json-analysis-panel{min-height:clamp(500px,100dvh - 210px,620px)}.json-canvas-editor-view .json-tree-panel,.json-canvas-editor-view .json-canvas-stage{min-height:clamp(380px,100dvh - 300px,480px)}.todo-list-view.native-tool{width:min(100%,100% - 16px);padding-top:8px}.todo-list-view .utility-title-card,.todo-control-panel,.todo-action-panel,.todo-compose-panel,.todo-filter-panel,.todo-management-panel,.todo-completed-area{border-radius:20px;padding:18px}.todo-list-view .utility-title-card{flex-wrap:nowrap;align-items:center}.todo-control-panel,.todo-compose-form,.todo-filter-panel,.todo-config-grid{grid-template-columns:1fr}.todo-completed-area__header{flex-direction:column;align-items:flex-start}.todo-completed-actions{justify-content:flex-start;width:100%}.todo-board{grid-template-columns:1fr}.todo-column{min-height:280px}.utility-title-card__upload{justify-content:center;width:100%}.markdown-board-view .panel-right{grid-template-columns:1fr}.markdown-board-view .panel-right>.section-title-bar,.markdown-board-view .metrics-grid,.markdown-board-view .detail-indicators,.markdown-board-view .outline-section{grid-column:1}.markdown-board-view .outline-section{grid-row:auto}.metrics-grid{grid-template-columns:1fr}.detail-indicators{grid-template-columns:1fr 1fr}}@media (width<=640px){.utility-title-card{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:20px 16px}.utility-title-card span{white-space:normal}.json-canvas-editor-view.native-tool,.json-csv-table-view.native-tool{width:min(100%,100% - 10px)}.json-canvas-editor-view .json-input-panel,.json-canvas-editor-view .json-analysis-panel,.json-csv-table-view .table-panel{border-radius:18px;padding:14px}.json-canvas-editor-view .action-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}.json-canvas-editor-view .action-grid button{padding-inline:8px}.json-canvas-editor-view .action-grid button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.todo-list-view.native-tool{width:min(100%,100% - 10px)}.todo-list-view .utility-title-card{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:18px}.todo-save-pill{width:100%}.todo-add-form,.todo-compose-form,.todo-compose-form--modal,.todo-filter-panel,.todo-config-group form{grid-template-columns:1fr}.todo-stats{white-space:normal;justify-content:space-between;width:100%}.todo-compose-panel,.todo-filter-panel,.todo-management-panel,.todo-action-panel,.todo-completed-area{border-radius:18px;padding:14px}.todo-filter-panel .todo-stats{justify-content:flex-start}.todo-modal-backdrop{padding:10px}.todo-modal{border-radius:18px;max-height:calc(100dvh - 20px);padding:14px}.todo-modal__actions{flex-direction:column-reverse;align-items:stretch}.todo-modal__actions button{width:100%}}@media (width<=580px){.gif-frame-splitter-tool .gif-summary{grid-template-columns:1fr}}@media (width<=480px){.video-workspace .quick-set-buttons{flex-direction:column}.video-workspace .custom-width-input{flex-wrap:wrap;justify-content:center;gap:4px}.section-title-bar{flex-direction:column;align-items:flex-start;gap:8px}.section-title-bar .json-view-tabs{width:100%;max-width:240px}.section-title-bar .action-links{justify-content:flex-end;width:100%}.json-canvas-editor-view .section-title-bar{align-items:stretch}.json-canvas-editor-view .section-title-bar .json-view-tabs{width:100%;max-width:none}.json-canvas-editor-view .action-grid{grid-template-columns:1fr}.json-canvas-editor-view .json-input-textarea{height:180px;max-height:none}.json-canvas-editor-view .json-analysis-panel{min-height:clamp(460px,100dvh - 190px,580px)}.json-canvas-editor-view .json-tree-panel,.json-canvas-editor-view .json-canvas-stage{min-height:clamp(340px,100dvh - 260px,430px)}.canvas-toolbar button span{display:none}.canvas-toolbar{justify-content:center;width:auto;max-width:calc(100% - 32px);transform:translate(-50%);left:50%!important}}.video-preview-container--empty{background:radial-gradient(circle,#0f172a66,#020617f5)!important;border:2px dashed #1e293bcc!important}.video-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex}.video-empty-state strong{color:#f1f5f9;font-size:15px}.video-empty-state p{color:#94a3b8;font-size:12px;line-height:1.6}.video-upload-trigger{color:#fff;background:linear-gradient(90deg,#0ea5e9,#0284c7);border-radius:12px;justify-content:center;align-items:center;min-height:36px;padding:0 16px;font-size:13px;font-weight:800;transition:transform .16s;display:inline-flex;box-shadow:0 6px 14px #0ea5e933}.video-upload-trigger:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0ea5e93d}.video-preview-container--dragging{background:radial-gradient(circle,#0ea5e91a,#020617f5)!important;border-color:#0ea5e9!important}.portal-shell{box-sizing:border-box;justify-content:center;align-items:flex-start;gap:32px;width:100%;max-width:1728px;margin:0 auto;display:flex}.portal-ad--side{z-index:10;flex-shrink:0;width:240px;min-height:500px;position:sticky;top:32px}.portal-ad--footer{justify-content:center;width:100%;max-width:728px;min-height:90px;margin:48px auto 0;display:flex}@media (width<=1600px){.portal-ad--side{display:none!important}.portal-shell{gap:0;max-width:1200px}}.gif-frame-splitter-tool .frame-output-panel{box-shadow:0 1px #ffffffb8,0 16px 36px #0f172a0f!important}.dark .gif-frame-splitter-tool .frame-output-panel{border:1px solid #ffffff08;box-shadow:0 16px 36px #0000004d!important}.gif-frame-splitter-tool .frame-output-panel__header{border-bottom:1px solid #e2e8f099;min-height:62px;padding:0 24px}.dark .gif-frame-splitter-tool .frame-output-panel__header{border-bottom:1px solid #ffffff0d}.frame-output-panel__title-wrapper{align-items:center;gap:10px;display:flex}.frame-output-panel__highlight-bar{background:#6366f1;border-radius:4px;flex-shrink:0;width:4px;height:18px}.gif-frame-splitter-tool .frame-output-panel__header strong,.gif-frame-splitter-tool .frame-output-panel__header span{margin:0!important;display:inline-block!important}.gif-frame-splitter-tool .frame-output-panel__header strong{color:#0f172a;font-size:16px;font-weight:800}.dark .gif-frame-splitter-tool .frame-output-panel__header strong{color:#f8fafc}.gif-frame-splitter-tool .frame-output-panel__header span{color:#94a3b8;font-size:12px;font-weight:500}.dark .gif-frame-splitter-tool .frame-output-panel__header span{color:#64748b}.gif-frame-splitter-tool .frame-empty-state{justify-content:center;align-items:center;min-height:380px;padding:24px;display:flex}.frame-empty-state__card{background:#fff3;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:40px 24px;transition:border-color .3s,background-color .3s;display:flex}.dark .frame-empty-state__card{background:#0f172a1a}.frame-empty-state__icon{color:#6366f1;background:#eef2ff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:flex;box-shadow:0 4px 12px #6366f10d}.dark .frame-empty-state__icon{color:#818cf8;background:#6366f126;box-shadow:0 4px 12px #0003}.frame-empty-state__card strong{color:#1e1b4b;margin-bottom:6px;font-size:15px;font-weight:700}.dark .frame-empty-state__card strong{color:#e0e7ff}.frame-empty-state__card p{color:#64748b;text-align:center;max-width:320px;margin:0;font-size:12px;line-height:1.6}.dark .frame-empty-state__card p{color:#94a3b8}.tool-inner-footer{text-align:center;border-top:1px dashed #e2e8f0cc;justify-content:center;align-items:center;margin-top:48px;padding:24px 16px;display:flex}.dark .tool-inner-footer{border-top:1px dashed #33415566}.tool-inner-footer__text{color:#64748b;max-width:600px;margin:0;font-size:12px;line-height:1.6}.dark .tool-inner-footer__text{color:#94a3b8}.tool-inner-footer__link{color:#0d7f84;text-underline-offset:2px;font-weight:600;text-decoration:underline;transition:color .15s}.dark .tool-inner-footer__link{color:#38bdf8}.tool-inner-footer__link:hover{color:#0f9f9d}.dark .tool-inner-footer__link:hover{color:#7dd3fc}.dark{color:#dbe7f3;background:#070b13}.dark body{color:#dbe7f3;background:radial-gradient(circle at 18% 0,#14b8a61a,#0000 30%),radial-gradient(circle at 82% 12%,#0ea5e917,#0000 28%),#070b13}.theme-toggle{color:#334155;cursor:pointer;background:#ffffffd6;border:1px solid #d8dfeb;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;transition:background-color .16s,border-color .16s,color .16s,transform .16s;display:inline-grid;box-shadow:0 1px 2px #0f172a08}.theme-toggle:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.dark .theme-toggle{color:#dbeafe;background:#0f172ad6;border-color:#334155e6}.dark .theme-toggle:hover{color:#99f6e4;background:#1e293beb;border-color:#5eead459}.home-actions,.tool-bar__right{align-items:center;gap:8px;display:flex}.dark .app-shell{color:#dbe7f3}.dark .home-header{border-bottom-color:#334155b3}.dark h1,.dark .home-stats strong,.dark .tool-card h2,.dark .tool-info__title,.dark .section-title-bar h3,.dark .output-header strong,.dark .gif-dropzone h2,.dark .video-workspace h3{color:#f8fafc}.dark .intro,.dark .home-stats span,.dark .search-box span,.dark .tool-card p,.dark .tool-card__meta,.dark .tool-card__tagline,.dark .empty-tools,.dark .gif-dropzone p:last-child,.dark .video-workspace p{color:#94a3b8}.dark .home-stats,.dark .tool-card,.dark .tool-bar,.dark .native-tool-scroll,.dark .gif-dropzone,.dark .summary-card,.dark .workspace-panel,.dark .frame-output-panel,.dark .video-workspace,.dark .utility-title-card,.dark .panel-left,.dark .panel-right,.dark .tab-btn,.dark .search-box input,.dark .category-tabs button,.dark .lang-btn,.dark .back-link{color:#dbe7f3;background:#0f172ab8;border-color:#334155c2;box-shadow:0 14px 34px #0003}.dark .tool-card{background:linear-gradient(145deg, #0f172ae0, #020617d1), var(--accent);border-color:#334155a6}@supports (color:color-mix(in lab, red, red)){.dark .tool-card{background:linear-gradient(145deg, #0f172ae0, #020617d1), color-mix(in srgb, var(--accent) 18%, #020617)}}.dark .tool-card:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dark .tool-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, #334155)}}.dark .tool-card:hover{box-shadow:0 22px 54px #00000057}.dark .tool-card__mark{color:#f8fafc;box-shadow:inset 0 0 0 1px var(--accent);background:#0f172ac2}@supports (color:color-mix(in lab, red, red)){.dark .tool-card__mark{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 34%, transparent)}}.dark .category-tabs button.active,.dark .category-tabs button:hover,.dark .tab-btn--active,.dark .tab-btn--active:hover{color:#fff;background:#0f766e;border-color:#14b8a6}.dark .search-box input,.dark .textarea-wrapper textarea,.dark .search-filter-box input,.dark input,.dark select,.dark textarea{color:#e2e8f0;background:#020617c7;border-color:#334155e6}.dark .search-box input::placeholder,.dark textarea::placeholder,.dark input::placeholder{color:#64748b}.dark .tool-page,.dark .native-tool-shell{background:linear-gradient(#020617f5,#0f172af2),#020617}:is(.dark .native-tool-shell:has(.gif-frame-splitter-tool),.dark .native-tool-shell:has(.video-to-gif),.dark .native-tool-shell:has(.json-canvas-editor-view),.dark .native-tool-shell:has(.markdown-board-view),.dark .native-tool-shell:has(.todo-list-view)){background:radial-gradient(circle at 18% 0,#14b8a617,#0000 31%),radial-gradient(circle at 88% 12%,#0ea5e914,#0000 28%),linear-gradient(#020617fa,#0f172af5),#020617}.dark .divider-line{background:#334155e6}.dark .category-badge--sky{color:#7dd3fc;background:#0ea5e924}.dark .category-badge--emerald{color:#6ee7b7;background:#10b98124}.dark .utility-title-card h2,.dark .utility-title-card p,.dark .utility-title-card span,.dark .markdown-board-view .section-title-bar h3,.dark .json-canvas-editor-view .section-title-bar h3{color:#f8fafc}.dark .utility-title-card p,.dark .text-button,.dark .json-canvas-editor-view .text-button{color:#5eead4}.dark .utility-title-card span{color:#94a3b8}.dark .utility-title-card__upload,.dark .json-canvas-editor-view .action-grid button,.dark .markdown-board-view .action-grid button{color:#5eead4;background:#14b8a621}.dark .utility-title-card__upload:hover,.dark .json-canvas-editor-view .action-grid button:hover,.dark .markdown-board-view .action-grid button:hover{color:#99f6e4;background:#14b8a633}.dark .json-canvas-editor-view .textarea-wrapper textarea{color:#d1fae5;background:#020617f5}.dark .json-canvas-editor-view .search-filter-box input{background:#0f172ab8}.dark .error-banner{background:#7f1d1d3d;border-color:#f8717147}.dark .error-banner strong,.dark .error-banner p,.dark .text-button--danger{color:#fca5a5!important}.dark .native-ad .ad-slot,.dark .ad-placeholder,.dark .frame-empty-state__card{color:#64748b;background:#0f172a9e;border-color:#334155bf}.dark .markdown-board-view .metric-card,.dark .markdown-board-view .detail-card,.dark .markdown-board-view .outline-section,.dark .markdown-board-view .indicator-item{color:#dbe7f3;background:#0f172aa8;border-color:#334155bf}.dark .todo-list-view .utility-title-card,.dark .todo-control-panel,.dark .todo-action-panel,.dark .todo-compose-panel,.dark .todo-filter-panel,.dark .todo-management-panel,.dark .todo-completed-area,.dark .todo-modal,.dark .todo-column,.dark .todo-task-card{color:#dbe7f3;background:#0f172ab8;border-color:#334155c2;box-shadow:0 14px 34px #0003}.dark .todo-add-form input,.dark .todo-compose-form input,.dark .todo-compose-form textarea,.dark .todo-compose-form select,.dark .todo-filter-panel input,.dark .todo-filter-panel select,.dark .todo-config-group input,.dark .todo-icon-button,.dark .todo-tag-picker{color:#e2e8f0;background-color:#020617eb;border-color:#334155e6;box-shadow:0 1px 2px #00000047,inset 0 1px #94a3b814}.dark .todo-compose-form input:hover,.dark .todo-compose-form textarea:hover,.dark .todo-compose-form select:hover,.dark .todo-filter-panel input:hover,.dark .todo-filter-panel select:hover,.dark .todo-config-group input:hover{border-color:#64748bf2}.dark .todo-compose-form input:focus,.dark .todo-compose-form textarea:focus,.dark .todo-compose-form select:focus,.dark .todo-filter-panel input:focus,.dark .todo-filter-panel select:focus,.dark .todo-config-group input:focus{border-color:#5eead4;box-shadow:0 0 0 3px #2dd4bf33,0 1px 2px #00000047}.dark .todo-compose-form select,.dark .todo-filter-panel select{background-image:linear-gradient(45deg,#0000 50%,#94a3b8 50%),linear-gradient(135deg,#94a3b8 50%,#0000 50%),linear-gradient(90deg,#334155f2,#334155f2)}html.dark .todo-compose-form input,html.dark .todo-compose-form textarea,html.dark .todo-compose-form select,html.dark .todo-filter-panel input,html.dark .todo-filter-panel select,html.dark .todo-config-group input{color:#e2e8f0!important;background:#020617eb!important;border-color:#334155e6!important}.dark .todo-compose-form .todo-tag-select,html.dark .todo-compose-form .todo-tag-select{background-image:none!important}html.dark .todo-compose-form select:not([multiple]),html.dark .todo-filter-panel select{background-color:#020617eb!important;background-image:linear-gradient(45deg,#0000 50%,#94a3b8 50%),linear-gradient(135deg,#94a3b8 50%,#0000 50%),linear-gradient(90deg,#334155f2,#334155f2)!important}.dark .todo-compose-form .todo-tag-select option:checked,html.dark .todo-compose-form .todo-tag-select option:checked{color:#fff;background:linear-gradient(90deg,#0f766e,#0e7490)}.dark .todo-compose-form select option,.dark .todo-filter-panel select option,html.dark .todo-compose-form select option,html.dark .todo-filter-panel select option{color:#e2e8f0;background:#020617}.dark .todo-add-form input::placeholder,.dark .todo-compose-form input::placeholder,.dark .todo-compose-form textarea::placeholder,.dark .todo-filter-panel input::placeholder,.dark .todo-config-group input::placeholder{color:#64748b}.dark .todo-column__header h3,.dark .todo-panel-title h3,.dark .todo-section-heading h3,.dark .todo-compose-form label>span,.dark .todo-tag-picker legend,.dark .todo-task-card__body strong{color:#f8fafc}.dark .todo-save-pill,.dark .todo-column__header>span,.dark .todo-completed-actions>span,.dark .todo-stats button,.dark .todo-expand-button{color:#5eead4;background:#14b8a624}.dark .todo-stats,.dark .todo-empty-state,.dark .todo-task-card__grip,.dark .todo-column__grip,.dark .todo-inline-check,.dark .todo-field-hint,.dark .todo-tag-picker label,.dark .todo-task-card__body p{color:#94a3b8}.dark .todo-stats strong{color:#6ee7b7}.dark .todo-chip,.dark .todo-task-tags span{background:var(--tag-color)}@supports (color:color-mix(in lab, red, red)){.dark .todo-chip,.dark .todo-task-tags span{background:color-mix(in srgb, var(--tag-color) 20%, #020617)}}.dark .todo-chip,.dark .todo-task-tags span{color:var(--tag-color)}@supports (color:color-mix(in lab, red, red)){.dark .todo-chip,.dark .todo-task-tags span{color:color-mix(in srgb, var(--tag-color) 70%, #e2e8f0)}}.dark .todo-task-meta span{color:#cbd5e1;background:#33415594}.dark .todo-column--over{background:#14b8a61a;border-color:#5eead473}.dark .todo-empty-state{border-color:#334155e6}.dark .todo-secondary-button{color:#e2e8f0;background:#33415594}.dark .todo-danger-button{color:#fca5a5;background:#f8717124}.dark .pic-mark-host{color:#e2e8f0;background:#0d0f17!important}.dark .pic-mark-host header,.dark .pic-mark-host .bg-white\/40{background:#161b22c7!important}.dark .pic-mark-host aside{background:#0d1117!important}.dark #portal-layout,.dark #portal-shell{color:#dbe7f3}.dark #portal-layout input,.dark #portal-layout .glass-premium,.dark #portal-layout [data-tool-slug],.dark #portal-layout [id^=cat-tab-],.dark #portal-layout #lang-dropdown-button,.dark #portal-layout #lang-dropdown-menu,.dark #portal-layout button[onclick="window.toggleDarkMode()"],.dark #portal-layout .min-w-\[200px\]{color:#dbe7f3!important;background-color:#0f172ac7!important;border-color:#334155c2!important;box-shadow:0 14px 34px #00000038!important}.dark #portal-layout [id^=cat-tab-].active{color:#fff!important;background-color:#0f766e!important;border-color:#5eead473!important}.dark #portal-layout h1,.dark #portal-layout h2,.dark #portal-layout h3,.dark #portal-layout .text-slate-900{color:#f8fafc!important}.dark #portal-layout p,.dark #portal-layout .text-slate-500,.dark #portal-layout .text-slate-650,.dark #portal-layout label{color:#94a3b8!important}.dark #portal-layout input::placeholder{color:#64748b!important}.dark #portal-layout #lang-dropdown-menu button:hover{background:#1e293be6!important}.dark .gif-summary,.dark .gif-summary>div,.dark .gif-frame-splitter-tool .frame-card,.dark .gif-frame-splitter-tool .frame-card__meta,.dark .gif-frame-splitter-tool .gif-status-card{color:#dbe7f3;background:#0f172aad;border-color:#334155b8;box-shadow:0 12px 28px #00000038}.dark .gif-summary span,.dark .gif-frame-splitter-tool .frame-card__meta span,.dark .gif-frame-splitter-tool .gif-status-card{color:#94a3b8}.dark .gif-summary strong,.dark .gif-frame-splitter-tool .frame-card__meta strong{color:#f8fafc}.dark .gif-summary button,.dark .gif-summary button:disabled{color:#94a3b8;border-color:#334155e6;background:#1e293bc7!important}.dark .gif-summary button:not(:disabled){color:#fff;background:linear-gradient(90deg,#0284c7,#0891b2)}.dark .gif-frame-splitter-tool .frame-preview,.dark .gif-preview-box{background-color:#0f172a;background-image:linear-gradient(45deg,#33415599 25%,#0000 25%),linear-gradient(-45deg,#33415599 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#33415599 75%),linear-gradient(-45deg,#0000 75%,#33415599 75%);border-color:#334155d9}.dark .workspace-left,.dark .workspace-right,.dark .conversion-progress-panel,.dark .gif-output-panel{color:#dbe7f3;background:#0f172ab8;border-color:#334155c2;box-shadow:0 14px 34px #00000038}.dark .workspace-left{background:linear-gradient(#0f172ad1,#020617b8)}.dark .panel-header h3,.dark .form-group label,.dark .progress-details__text strong,.dark .estimate-item strong,.dark .output-header h2{color:#f8fafc}.dark .time-display,.dark .timeline-header,.dark .quick-set-buttons button,.dark .custom-width-input,.dark .checkbox-group label,.dark .help-text,.dark .estimate-item span,.dark .progress-details__text span,.dark .output-header p{color:#94a3b8}.dark .cropper-timeline-section,.dark .export-estimate{background:#0206176b;box-shadow:inset 0 1px #ffffff0d}.dark .btn-play-toggle,.dark .quick-set-buttons button,.dark .select-wrapper select,.dark .custom-width-input input{color:#e2e8f0;background-color:#020617b8;border-color:#334155d9;box-shadow:0 8px 18px #0000002e}.dark .quick-set-buttons button:hover,.dark .btn-play-toggle:hover{color:#7dd3fc;background:#1e293be0}.dark .select-wrapper select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}.dark .time-slider-track,.dark .progress-bar-container{background:#334155b8}.dark .time-slider-handle{background:#0f172a;border-color:#38bdf8}.dark .handle-time{color:#cbd5e1}.dark .output-header{border-bottom-color:#334155b8}.dark .markdown-board-view .panel-left,.dark .markdown-board-view .panel-right,.dark .markdown-board-view .metric-card,.dark .markdown-board-view .detail-indicators,.dark .markdown-board-view .indicator-item,.dark .markdown-board-view .outline-container,.dark .markdown-board-view .textarea-wrapper textarea{color:#dbe7f3;background:#0f172ab3;border-color:#334155c2;box-shadow:0 12px 28px #0003}.dark .markdown-board-view .textarea-wrapper textarea{color:#e2e8f0;background:#020617b8}.dark .markdown-board-view .metric-card span,.dark .markdown-board-view .metric-card small,.dark .markdown-board-view .indicator-item,.dark .outline-empty-state{color:#94a3b8}.dark .markdown-board-view .metric-card strong,.dark .markdown-board-view .indicator-item strong,.dark .outline-header h4,.dark .outline-item,.dark .outline-item--h1,.dark .outline-item--h3,.dark .outline-item--h4,.dark .outline-item--h5,.dark .outline-item--h6{color:#e2e8f0}.dark .markdown-board-view .metric-card strong,.dark .markdown-board-view .indicator-item strong,.dark .markdown-board-view .outline-copy-btn{color:#6ee7b7}.dark .markdown-board-view .indicator-item strong,.dark .markdown-board-view .outline-copy-btn{background:#10b98124}.dark .outline-item:hover,.dark .markdown-board-view .outline-item:hover{background:#14b8a61a}.dark .outline-item--warning,.dark .outline-item--warning:hover{background:#fb923c24}.dark .warning-badge{color:#fdba74;background:#fb923c2e;border-color:#fb923c47}.dark .json-canvas-container,.dark .json-node-card{color:#dbe7f3;background-color:#0f172aeb;border-color:#334155c2}.dark .canvas-toolbar{background:#0f172ad6!important}@media (width<=640px){.home-header__copy>.flex{gap:8px}.home-actions{margin-left:auto}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}@keyframes slow-pulse-95f5740e{0%,to{opacity:.7;transform:scale(1)translate(-50%)}50%{opacity:.9;transform:scale(1.08)translate(-50%,5%)}}.animate-pulse-slow[data-v-95f5740e]{animation:10s ease-in-out infinite slow-pulse-95f5740e}.glass-premium[data-v-95f5740e]{-webkit-backdrop-filter:blur(24px);background:#ffffff73;border:1px solid #fff6}.dark .glass-premium[data-v-95f5740e]{-webkit-backdrop-filter:blur(24px);background:#0f172a73;border:1px solid #ffffff0d}.custom-select-container[data-v-5a53721c] ::-webkit-scrollbar{width:5px}.custom-select-container[data-v-5a53721c] ::-webkit-scrollbar-track{background:0 0}.custom-select-container[data-v-5a53721c] ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.dark .custom-select-container[data-v-5a53721c] ::-webkit-scrollbar-thumb{background:#334155}[data-v-4295a1fa] .canvas-container canvas{max-width:none!important}.pic-mark-host[data-v-4295a1fa]{width:100%;height:100dvh;font-family:Inter,system-ui,-apple-system,sans-serif;transition:background-color .3s,color .3s}.pic-mark-workbench[data-v-4295a1fa],.pic-mark-workbench>aside[data-v-4295a1fa],.pic-mark-workbench>main[data-v-4295a1fa]{min-height:520px}.pic-mark-side-ad-shell[data-v-4295a1fa]{height:270px;max-height:270px;overflow:hidden}.pic-mark-footer[data-v-4295a1fa]{max-height:124px;overflow:hidden}.pic-mark-footer-ad-shell[data-v-4295a1fa]{height:98px;max-height:98px;overflow:hidden}h1[data-v-4295a1fa],h2[data-v-4295a1fa],h3[data-v-4295a1fa],.font-title[data-v-4295a1fa]{font-family:Outfit,sans-serif}code[data-v-4295a1fa],.font-mono[data-v-4295a1fa]{font-family:Fira Code,monospace}.canvas-workspace-bg[data-v-4295a1fa]{background-color:#f1f5f9;background-image:radial-gradient(circle,#0000000f 1px,#0000 1px),radial-gradient(circle,#0000000f 1px,#0000 1px);background-position:0 0,10px 10px;background-size:20px 20px;transition:background-color .3s}.dark .canvas-workspace-bg[data-v-4295a1fa]{background-color:#0d0f17;background-image:radial-gradient(circle,#ffffff0a 1px,#0000 1px),radial-gradient(circle,#ffffff0a 1px,#0000 1px)}.grid-workspace[data-v-4295a1fa]{justify-content:center;align-items:center;min-width:100%;min-height:100%;display:flex}.glassmorphism[data-v-4295a1fa]{-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #0000000f}.dark .glassmorphism[data-v-4295a1fa]{background:#161b22b3;border:1px solid #ffffff14}aside .glassmorphism[data-v-4295a1fa]{-webkit-backdrop-filter:none!important}.pic-mark-host[data-v-4295a1fa] ::-webkit-scrollbar{width:6px;height:6px}.pic-mark-host[data-v-4295a1fa] ::-webkit-scrollbar-track{background:#f1f5f9}.dark .pic-mark-host[data-v-4295a1fa] ::-webkit-scrollbar-track{background:#0d1117}.pic-mark-host[data-v-4295a1fa] ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.dark .pic-mark-host[data-v-4295a1fa] ::-webkit-scrollbar-thumb{background:#30363d}.pic-mark-host[data-v-4295a1fa] ::-webkit-scrollbar-thumb:hover{background:#0ea5e9}.active-tool[data-v-4295a1fa]{box-shadow:0 0 10px #0ea5e926;color:#0ea5e9!important;background-color:#0ea5e91a!important;border-color:#0ea5e9!important}.dark .active-tool[data-v-4295a1fa]{box-shadow:0 0 12px #0ea5e940;color:#38bdf8!important;background-color:#0ea5e926!important}@keyframes pulse-border-4295a1fa{0%,to{border-color:#0ea5e94d}50%{border-color:#0ea5e9cc}}.pulse-drag-border[data-v-4295a1fa]{animation:2s ease-in-out infinite pulse-border-4295a1fa}.pic-mark-title-area[data-v-4295a1fa]{align-items:center;gap:12px;width:clamp(240px,22vw,320px);min-width:0;display:flex!important}.pic-mark-back-link[data-v-4295a1fa]{min-height:34px;padding:0 14px}.divider-line[data-v-4295a1fa]{background:#e2e8f0e6;width:1px;height:20px}.dark .divider-line[data-v-4295a1fa]{background:#30363de6}.tool-info[data-v-4295a1fa]{align-items:center;gap:12px;min-width:0;display:flex}.tool-info__meta[data-v-4295a1fa]{flex-shrink:0;align-items:center;display:flex}.category-badge[data-v-4295a1fa]{text-transform:uppercase;letter-spacing:.03em;border-radius:6px;align-items:center;padding:3px 8px;font-size:10px;font-weight:800;display:inline-flex}.category-badge--sky[data-v-4295a1fa]{color:#0284c7;background:#0ea5e91a}.tool-info__title[data-v-4295a1fa]{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;min-width:72px;margin:0;font-size:16px;font-weight:800;overflow:hidden}.dark .tool-info__title[data-v-4295a1fa]{color:#fff}.back-link[data-v-4295a1fa]{color:#334155;background:#fff;border:1px solid #e2e8f0cc;border-radius:10px;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:13px;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 1px 2px #0f172a08}.dark .back-link[data-v-4295a1fa]{color:#c9d1d9;background:#161b22;border-color:#30363dcc}.back-link[data-v-4295a1fa]:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1e6;box-shadow:0 3px 8px #0f172a0d}.dark .back-link[data-v-4295a1fa]:hover{color:#fff;background:#21262d;border-color:#8b949ee6}.back-link .back-icon[data-v-4295a1fa]{font-size:14px;line-height:1;transition:transform .18s}.back-link:hover .back-icon[data-v-4295a1fa]{transform:translate(-2px)}.lang-btn[data-v-4295a1fa]{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0cc;border-radius:10px;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:12px;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 1px 2px #0f172a08}.dark .lang-btn[data-v-4295a1fa]{color:#c9d1d9;background:#161b22;border-color:#30363dcc}.lang-btn[data-v-4295a1fa]:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1e6;box-shadow:0 3px 8px #0f172a0d}.dark .lang-btn[data-v-4295a1fa]:hover{color:#fff;background:#21262d;border-color:#8b949ee6}.lang-btn .dropdown-arrow[data-v-4295a1fa]{color:#94a3b8;margin-left:2px;font-size:8px}@media (width<=768px){.pic-mark-host[data-v-4295a1fa]{height:100dvh;overflow:hidden}.pic-mark-host>header[data-v-4295a1fa]{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:98px;height:auto!important;padding:8px 10px!important;display:grid!important}.pic-mark-host>header>div[data-v-4295a1fa]:first-child{min-width:0;width:auto!important}.pic-mark-host>header>div[data-v-4295a1fa]:nth-child(2){-webkit-overflow-scrolling:touch;border-radius:10px;grid-area:2/1/auto/-1;justify-content:flex-start;width:100%;max-width:100%;overflow-x:auto}.pic-mark-host>header>div:nth-child(2) button[data-v-4295a1fa]{flex:none;min-width:38px;min-height:38px}.pic-mark-host>header>div[data-v-4295a1fa]:nth-child(3){-webkit-overflow-scrolling:touch;justify-content:flex-end;gap:6px;max-width:64vw;overflow-x:auto}.pic-mark-host>header>div:nth-child(3) button[data-v-4295a1fa]{flex:none;min-height:36px}.pic-mark-host>header>div:nth-child(3) button span[data-v-4295a1fa]{white-space:nowrap}.pic-mark-host>.pic-mark-workbench[data-v-4295a1fa]{grid-template-rows:minmax(0,1fr) 148px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0;overflow:hidden;display:grid!important}.pic-mark-host>.flex.flex-1>main[data-v-4295a1fa]{grid-area:1/1/auto/-1;min-height:0}.pic-mark-host>.flex.flex-1>aside[data-v-4295a1fa]{border-top:1px solid #e2e8f0;min-width:0;height:148px;min-height:0;border-left:0!important;border-right:0!important;width:auto!important}.dark .pic-mark-host>.flex.flex-1>aside[data-v-4295a1fa]{border-top-color:#30363d}.pic-mark-host>.flex.flex-1>aside[data-v-4295a1fa]:first-of-type{grid-area:2/1;border-right:1px solid #e2e8f0!important}.dark .pic-mark-host>.flex.flex-1>aside[data-v-4295a1fa]:first-of-type{border-right-color:#30363d!important}.pic-mark-host>.flex.flex-1>aside[data-v-4295a1fa]:last-of-type{grid-area:2/2}.pic-mark-host>.flex.flex-1>aside>div[data-v-4295a1fa]:first-child{-webkit-overflow-scrolling:touch;grid-auto-columns:minmax(210px,90%);grid-auto-flow:column;gap:10px;height:100%;display:grid;overflow:auto hidden;padding:10px!important}.pic-mark-host>.flex.flex-1>aside .glassmorphism[data-v-4295a1fa]{min-width:0;height:100%;overflow-y:auto;border-radius:10px!important}.pic-mark-side-ad-shell[data-v-4295a1fa],.pic-mark-footer-ad-shell[data-v-4295a1fa],.pic-mark-host>.flex.flex-1>aside>.pt-4.border-t[data-v-4295a1fa]{display:none!important}#editor-viewport[data-v-4295a1fa]{touch-action:none;justify-content:center;align-items:center;padding:12px!important}#drop-zone[data-v-4295a1fa]{width:min(100%,360px);max-width:calc(100vw - 24px);border-radius:14px!important;padding:16px!important}#canvas-container[data-v-4295a1fa]{max-width:none}footer[data-v-4295a1fa]{height:auto!important;padding:4px!important}.ad-vertical-container[data-v-4295a1fa]{display:none!important}}.json-node-card[data-v-e5ad43b9]{width:clamp(260px,100vw - 64px,350px);max-width:calc(100vw - 64px)}.custom-scrollbar[data-v-e5ad43b9]::-webkit-scrollbar{width:4px}.custom-scrollbar[data-v-e5ad43b9]::-webkit-scrollbar-track{background:0 0}.custom-scrollbar[data-v-e5ad43b9]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.dark .custom-scrollbar[data-v-e5ad43b9]::-webkit-scrollbar-thumb{background:#475569}@media (width<=480px){.json-node-card[data-v-e5ad43b9]{width:clamp(236px,100vw - 44px,320px);max-width:calc(100vw - 44px)}}.vue-flow{z-index:0;direction:ltr;width:100%;height:100%;position:relative;overflow:hidden}.vue-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.vue-flow__pane{z-index:1}.vue-flow__pane.draggable{cursor:grab}.vue-flow__pane.selection{cursor:pointer}.vue-flow__pane.dragging{cursor:grabbing}.vue-flow__transformationpane{transform-origin:0 0;z-index:2;pointer-events:none}.vue-flow__viewport{z-index:4;overflow:clip}.vue-flow__selection{z-index:6}.vue-flow__edge-labels{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible{outline:none}.vue-flow .vue-flow__edges{pointer-events:none;overflow:visible}.vue-flow__edge-path,.vue-flow__connection-path{stroke:#b1b1b7;stroke-width:1px;fill:none}.vue-flow__edge{pointer-events:visibleStroke;cursor:pointer}.vue-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.vue-flow__edge.animated path.vue-flow__edge-interaction{stroke-dasharray:none;animation:none}.vue-flow__edge.inactive{pointer-events:none}.vue-flow__edge.selected,.vue-flow__edge:focus,.vue-flow__edge:focus-visible{outline:none}.vue-flow__edge.selected .vue-flow__edge-path,.vue-flow__edge:focus .vue-flow__edge-path,.vue-flow__edge:focus-visible .vue-flow__edge-path{stroke:#555}.vue-flow__edge-textwrapper{pointer-events:all}.vue-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.vue-flow__connection{pointer-events:none}.vue-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.vue-flow__connectionline{z-index:1001}.vue-flow__nodes{pointer-events:none;transform-origin:0 0}.vue-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.vue-flow__node.draggable{cursor:grab;pointer-events:all}.vue-flow__node.draggable.dragging{cursor:grabbing}.vue-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.vue-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.vue-flow__nodesselection-rect.dragging{cursor:grabbing}.vue-flow__handle{pointer-events:none;min-width:5px;min-height:5px;position:absolute}.vue-flow__handle.connectable{pointer-events:all;cursor:crosshair}.vue-flow__handle-bottom{bottom:0;left:50%;transform:translate(-50%,50%)}.vue-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.vue-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.vue-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.vue-flow__edgeupdater{cursor:move;pointer-events:all}.vue-flow__panel{z-index:5;margin:15px;position:absolute}.vue-flow__panel.top{top:0}.vue-flow__panel.bottom{bottom:0}.vue-flow__panel.left{left:0}.vue-flow__panel.right{right:0}.vue-flow__panel.center{left:50%;transform:translate(-50%)}@keyframes dashdraw{0%{stroke-dashoffset:10px}}:root{--vf-node-bg:#fff;--vf-node-text:#222;--vf-connection-path:#b1b1b7;--vf-handle:#555}.vue-flow__edge.updating .vue-flow__edge-path{stroke:#777}.vue-flow__edge-text{font-size:10px}.vue-flow__edge-textbg{fill:#fff}.vue-flow__connection-path{stroke:var(--vf-connection-path)}.vue-flow__node{cursor:grab}.vue-flow__node.selectable:focus,.vue-flow__node.selectable:focus-visible{outline:none}.vue-flow__node-default,.vue-flow__node-input,.vue-flow__node-output{text-align:center;width:150px;color:var(--vf-node-text);background-color:var(--vf-node-bg);border-style:solid;border-width:1px;border-color:var(--vf-node-color);border-radius:3px;padding:10px;font-size:12px}.vue-flow__node-default.selected,.vue-flow__node-default.selected:hover,.vue-flow__node-input.selected,.vue-flow__node-input.selected:hover,.vue-flow__node-output.selected,.vue-flow__node-output.selected:hover{box-shadow:0 0 0 .5px var(--vf-box-shadow)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible,.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible,.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{border:1px solid #555;outline:none}.vue-flow__node-default .vue-flow__handle,.vue-flow__node-input .vue-flow__handle,.vue-flow__node-output .vue-flow__handle{background:var(--vf-handle)}.vue-flow__node-default.selectable:hover,.vue-flow__node-input.selectable:hover,.vue-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.vue-flow__node-input{--vf-node-color:var(--vf-node-color,#0041d0);--vf-handle:var(--vf-node-color,#0041d0);--vf-box-shadow:var(--vf-node-color,#0041d0);background:var(--vf-node-bg);border-color:var(--vf-node-color,#0041d0)}.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible{border:1px solid var(--vf-node-color,#0041d0);outline:none}.vue-flow__node-default{--vf-handle:var(--vf-node-color,#1a192b);--vf-box-shadow:var(--vf-node-color,#1a192b);background:var(--vf-node-bg);border-color:var(--vf-node-color,#1a192b)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible{border:1px solid var(--vf-node-color,#1a192b);outline:none}.vue-flow__node-output{--vf-handle:var(--vf-node-color,#ff0072);--vf-box-shadow:var(--vf-node-color,#ff0072);background:var(--vf-node-bg);border-color:var(--vf-node-color,#ff0072)}.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{border:1px solid var(--vf-node-color,#ff0072);outline:none}.vue-flow__nodesselection-rect,.vue-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible,.vue-flow__selection:focus,.vue-flow__selection:focus-visible{outline:none}.vue-flow__handle{background:var(--vf-handle);border:1px solid #fff;border-radius:100%;width:6px;height:6px}.vue-flow__edge-path{transition:stroke .15s,stroke-width .15s}.vue-flow__edge:hover .vue-flow__edge-path{stroke-width:3.5px!important;stroke:#10b981!important}.custom-handle{border-radius:50%!important;width:10px!important;height:10px!important}.custom-grid-bg{background-color:#f8fafc;background-image:radial-gradient(#0f172a1f 1px,#0000 1px);background-size:18px 18px}.json-canvas-container,.json-canvas-container .json-flow-stage{min-height:360px}.json-canvas-container .canvas-toolbar{flex-wrap:wrap;max-width:calc(100% - 32px)}.json-canvas-container .canvas-toolbar button{min-width:30px}.json-canvas-container .canvas-tip{white-space:normal;max-width:calc(100% - 32px);line-height:1.45;right:16px}@media (width<=640px){.json-canvas-container{border-radius:18px}.json-canvas-container .json-flow-stage{min-height:320px}.json-canvas-container .canvas-toolbar{border-radius:14px;gap:4px;max-width:calc(100% - 20px);top:10px;left:10px}.json-canvas-container .canvas-tip{font-size:10px;bottom:10px;left:12px;right:12px}}.dark .custom-grid-bg{background-color:#020617;background-image:radial-gradient(#94a3b82e 1px,#0000 1px)}