@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-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-space-x-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;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:var(--font-sans);--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-amber-50:#fffbeb;--color-amber-200:#fee685;--color-amber-700:#b75000;--color-yellow-100:#fef9c2;--color-yellow-200:#fff085;--color-yellow-300:#ffe02a;--color-yellow-400:#fac800;--color-yellow-500:#edb200;--color-yellow-600:#cd8900;--color-yellow-700:#a36100;--color-yellow-900:#733e0a;--color-emerald-50:#ecfdf5;--color-emerald-200:#a4f4cf;--color-emerald-700:#007956;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-200:#bedbff;--color-blue-300:#90c5ff;--color-blue-400:#54a2ff;--color-blue-500:#3080ff;--color-blue-600:#155dfc;--color-blue-700:#1447e6;--color-rose-50:#fff1f2;--color-rose-200:#ffccd3;--color-rose-300:#ffa2ae;--color-rose-400:#ff667f;--color-rose-600:#e70044;--color-rose-700:#c20039;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cad5e2;--color-slate-400:#90a1b9;--color-slate-500:#62748e;--color-slate-600:#45556c;--color-slate-700:#314158;--color-slate-800:#1d293d;--color-slate-900:#0f172b;--color-slate-950:#020618;--color-gray-50:#f9fafb;--color-gray-200:#e5e7eb;--color-gray-500:#6a7282;--color-zinc-100:#f4f4f5;--color-zinc-200:#e4e4e7;--color-zinc-400:#9f9fa9;--color-zinc-500:#71717b;--color-zinc-800:#27272a;--color-zinc-900:#18181b;--color-zinc-950:#09090b;--color-neutral-50:#fafafa;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-2xl:42rem;--container-3xl:48rem;--container-5xl:64rem;--container-7xl:80rem;--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);--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;--leading-tight:1.25;--radius-md:calc(var(--radius) * .8);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--blur-3xl:64px;--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);--color-accent:var(--accent)}@supports (color:lab(0% 0 0)){:root,:host{--color-amber-50:lab(98.6252% -.635922 8.42309);--color-amber-200:lab(91.7203% -.505269 49.9084);--color-amber-700:lab(47.2709% 42.9082 69.2966);--color-yellow-100:lab(97.3564% -4.51407 27.344);--color-yellow-200:lab(94.3433% -5.00429 52.9663);--color-yellow-300:lab(89.7033% -.480294 84.4917);--color-yellow-400:lab(83.2664% 8.65132 106.895);--color-yellow-500:lab(76.3898% 14.5258 98.4589);--color-yellow-600:lab(62.7799% 22.4197 86.1544);--color-yellow-700:lab(47.8202% 25.2426 66.5015);--color-yellow-900:lab(32.3865% 21.1273 38.5959);--color-emerald-50:lab(97.8462% -6.94966 1.85487);--color-emerald-200:lab(90.2247% -31.039 9.47084);--color-emerald-700:lab(44.4871% -41.0396 11.0361);--color-blue-50:lab(96.492% -1.14644 -5.11479);--color-blue-100:lab(92.0301% -2.24757 -11.6453);--color-blue-200:lab(86.15% -4.04379 -21.0797);--color-blue-300:lab(77.5052% -6.4629 -36.42);--color-blue-400:lab(65.0361% -1.42065 -56.9802);--color-blue-500:lab(54.1736% 13.3369 -74.6839);--color-blue-600:lab(44.0605% 29.0279 -86.0352);--color-blue-700:lab(36.9089% 35.0961 -85.6872);--color-rose-50:lab(96.2369% 4.94155 1.28011);--color-rose-200:lab(86.806% 19.1909 4.07754);--color-rose-300:lab(76.6339% 38.3549 9.68835);--color-rose-400:lab(64.4125% 63.0291 19.2068);--color-rose-600:lab(49.1882% 81.577 36.0311);--color-rose-700:lab(41.1651% 71.6251 30.3087);--color-slate-50:lab(98.1434% -.369519 -1.05966);--color-slate-100:lab(96.286% -.852436 -2.46847);--color-slate-200:lab(91.7353% -.998765 -4.76968);--color-slate-300:lab(84.7652% -1.94535 -7.93337);--color-slate-400:lab(65.5349% -2.25151 -14.5072);--color-slate-500:lab(48.0876% -2.03595 -16.5814);--color-slate-600:lab(35.5623% -1.74978 -15.4316);--color-slate-700:lab(26.9569% -1.47016 -15.6993);--color-slate-800:lab(16.132% -.318035 -14.6672);--color-slate-900:lab(7.78673% 1.82345 -15.0537);--color-slate-950:lab(1.76974% 1.32743 -9.28855);--color-gray-50:lab(98.2596% -.247031 -.706708);--color-gray-200:lab(91.6229% -.159115 -2.26791);--color-gray-500:lab(47.7841% -.393182 -10.0268);--color-zinc-100:lab(96.1634% .0993311 -.364041);--color-zinc-200:lab(90.6853% .399232 -1.45452);--color-zinc-400:lab(65.6464% 1.53497 -5.42429);--color-zinc-500:lab(47.8878% 1.65477 -5.77283);--color-zinc-800:lab(15.7305% .613764 -2.16959);--color-zinc-900:lab(8.30603% .618205 -2.16572);--color-zinc-950:lab(2.51107% .242703 -.886115);--color-neutral-50:lab(98.26% 0 0)}}}@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}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab, var(--ring) 50%, transparent)}}body{background-color:var(--background);color:var(--foreground)}html{font-family:var(--font-sans)}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.-top-10{top:calc(var(--spacing) * -10)}.top-0{top:calc(var(--spacing) * 0)}.top-1{top:calc(var(--spacing) * 1)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-5{top:calc(var(--spacing) * 5)}.top-6{top:calc(var(--spacing) * 6)}.top-7{top:calc(var(--spacing) * 7)}.top-8{top:calc(var(--spacing) * 8)}.top-10{top:calc(var(--spacing) * 10)}.top-14{top:calc(var(--spacing) * 14)}.top-16{top:calc(var(--spacing) * 16)}.top-24{top:calc(var(--spacing) * 24)}.-right-4{right:calc(var(--spacing) * -4)}.-right-10{right:calc(var(--spacing) * -10)}.right-0{right:calc(var(--spacing) * 0)}.right-1{right:calc(var(--spacing) * 1)}.right-2{right:calc(var(--spacing) * 2)}.right-4{right:calc(var(--spacing) * 4)}.right-5{right:calc(var(--spacing) * 5)}.right-6{right:calc(var(--spacing) * 6)}.right-8{right:calc(var(--spacing) * 8)}.right-24{right:calc(var(--spacing) * 24)}.right-\[-100px\]{right:-100px}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-6{bottom:calc(var(--spacing) * 6)}.bottom-8{bottom:calc(var(--spacing) * 8)}.bottom-24{bottom:calc(var(--spacing) * 24)}.-left-4{left:calc(var(--spacing) * -4)}.-left-12{left:calc(var(--spacing) * -12)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.left-8{left:calc(var(--spacing) * 8)}.left-24{left:calc(var(--spacing) * 24)}.left-36{left:calc(var(--spacing) * 36)}.left-56{left:calc(var(--spacing) * 56)}.left-\[-120px\]{left:-120px}.isolate{isolation:isolate}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.order-1{order:1}.order-2{order:2}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-9{margin-top:calc(var(--spacing) * 9)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-auto{margin-top:auto}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.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-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-auto{margin-bottom:auto}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-\[16\/10\]{aspect-ratio:16/10}.aspect-square{aspect-ratio:1}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.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-9{height:calc(var(--spacing) * 9)}.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-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-28{height:calc(var(--spacing) * 28)}.h-40{height:calc(var(--spacing) * 40)}.h-56{height:calc(var(--spacing) * 56)}.h-64{height:calc(var(--spacing) * 64)}.h-72{height:calc(var(--spacing) * 72)}.h-\[72px\]{height:72px}.h-\[180px\]{height:180px}.h-\[250px\]{height:250px}.h-\[260px\]{height:260px}.h-\[300px\]{height:300px}.h-\[360px\]{height:360px}.h-\[620px\]{height:620px}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[calc\(100vh-2rem\)\]{max-height:calc(100vh - 2rem)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-\[40vh\]{min-height:40vh}.min-h-screen{min-height:100vh}.min-h-svh{min-height:100svh}.w-1{width:calc(var(--spacing) * 1)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.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-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-40{width:calc(var(--spacing) * 40)}.w-48{width:calc(var(--spacing) * 48)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-\[38\%\]{width:38%}.w-\[280px\]{width:280px}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[220px\]{max-width:220px}.max-w-\[420px\]{max-width:420px}.max-w-\[620px\]{max-width:620px}.max-w-\[1080px\]{max-width:1080px}.max-w-\[1120px\]{max-width:1120px}.max-w-\[1180px\]{max-width:1180px}.max-w-\[1280px\]{max-width:1280px}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.origin-bottom{transform-origin:bottom}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);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)}.rotate-\[-10deg\]{rotate:-10deg}.rotate-\[12deg\]{rotate:12deg}.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)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-start{scroll-snap-align:start}.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-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.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)}.gap-9{gap:calc(var(--spacing) * 9)}.gap-10{gap:calc(var(--spacing) * 10)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * 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-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * 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-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-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-6>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:calc(var(--radius) * 1.8)}.rounded-3xl{border-radius:calc(var(--radius) * 2.2)}.rounded-\[18px\]{border-radius:18px}.rounded-\[22px\]{border-radius:22px}.rounded-\[24px\]{border-radius:24px}.rounded-\[28px\]{border-radius:28px}.rounded-\[30px\]{border-radius:30px}.rounded-\[34px\]{border-radius:34px}.rounded-\[36px\]{border-radius:36px}.rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md), 10px)}.rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md), 12px)}.rounded-\[var\(--pop-radius\)\]{border-radius:var(--pop-radius)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) * .8)}.rounded-xl{border-radius:calc(var(--radius) * 1.4)}.rounded-t-lg{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.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-4{border-style:var(--tw-border-style);border-width:4px}.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-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-\[\#E5E7EB\]{border-color:#e5e7eb}.border-\[\#EEF0F3\]{border-color:#eef0f3}.border-\[\#d9e1ee\]{border-color:#d9e1ee}.border-\[\#fae452\]{border-color:#fae452}.border-\[var\(--pop-border\)\]\/15{border-color:var(--pop-border)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--pop-border\)\]\/15{border-color:color-mix(in oklab, var(--pop-border) 15%, transparent)}}.border-\[var\(--pop-border\)\]\/20{border-color:var(--pop-border)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--pop-border\)\]\/20{border-color:color-mix(in oklab, var(--pop-border) 20%, transparent)}}.border-amber-200{border-color:var(--color-amber-200)}.border-black\/8{border-color:#00000014}@supports (color:color-mix(in lab, red, red)){.border-black\/8{border-color:color-mix(in oklab, var(--color-black) 8%, transparent)}}.border-blue-200{border-color:var(--color-blue-200)}.border-border{border-color:var(--border)}.border-emerald-200{border-color:var(--color-emerald-200)}.border-gray-200{border-color:var(--color-gray-200)}.border-input{border-color:var(--input)}.border-primary{border-color:var(--primary)}.border-rose-200{border-color:var(--color-rose-200)}.border-rose-300{border-color:var(--color-rose-300)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.border-transparent{border-color:#0000}.border-yellow-500{border-color:var(--color-yellow-500)}.border-zinc-200{border-color:var(--color-zinc-200)}.bg-\[\#2F7DF6\]{background-color:#2f7df6}.bg-\[\#003b4c\]{background-color:#003b4c}.bg-\[\#7BB2FF\]{background-color:#7bb2ff}.bg-\[\#7DDA88\]{background-color:#7dda88}.bg-\[\#9AB8D8\]{background-color:#9ab8d8}.bg-\[\#82d1f0\]{background-color:#82d1f0}.bg-\[\#111827\]{background-color:#111827}.bg-\[\#A4AFBF\]{background-color:#a4afbf}.bg-\[\#DCEBFF\]{background-color:#dcebff}.bg-\[\#EAF3FF\]{background-color:#eaf3ff}.bg-\[\#EFF6FF\]{background-color:#eff6ff}.bg-\[\#F7F9F7\]{background-color:#f7f9f7}.bg-\[\#F8F9F7\]{background-color:#f8f9f7}.bg-\[\#FBFBFC\]{background-color:#fbfbfc}.bg-\[\#FF8A8A\]{background-color:#ff8a8a}.bg-\[\#FFC400\]{background-color:#ffc400}.bg-\[\#FFD56A\]{background-color:#ffd56a}.bg-\[\#FFF1B8\]{background-color:#fff1b8}.bg-\[\#FFF7D6\]{background-color:#fff7d6}.bg-\[\#FFF7E6\]{background-color:#fff7e6}.bg-\[\#fae452\]\/20{background-color:#fae45233;background-color:lab(90.5049% -3.84694 70.6133/.2)}.bg-\[\#fde754\]{background-color:#fde754}.bg-\[\#fee6e5\]{background-color:#fee6e5}.bg-\[\#ffffff\]{background-color:#fff}.bg-\[var\(--pop-blue-light\)\]{background-color:var(--pop-blue-light)}.bg-\[var\(--pop-yellow\)\]{background-color:var(--pop-yellow)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-background{background-color:var(--background)}.bg-black{background-color:var(--color-black)}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.bg-black\/20{background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-300{background-color:var(--color-blue-300)}.bg-destructive\/10{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.bg-destructive\/10{background-color:color-mix(in oklab, var(--destructive) 10%, transparent)}}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-muted{background-color:var(--muted)}.bg-neutral-50{background-color:var(--color-neutral-50)}.bg-neutral-50\/80{background-color:#fafafacc}@supports (color:color-mix(in lab, red, red)){.bg-neutral-50\/80{background-color:color-mix(in oklab, var(--color-neutral-50) 80%, transparent)}}.bg-popover{background-color:var(--popover)}.bg-primary,.bg-primary\/90{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/90{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}.bg-rose-50{background-color:var(--color-rose-50)}.bg-secondary{background-color:var(--secondary)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.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-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-400\/10{background-color:#fac8001a}@supports (color:color-mix(in lab, red, red)){.bg-yellow-400\/10{background-color:color-mix(in oklab, var(--color-yellow-400) 10%, transparent)}}.bg-yellow-500\/20{background-color:#edb20033}@supports (color:color-mix(in lab, red, red)){.bg-yellow-500\/20{background-color:color-mix(in oklab, var(--color-yellow-500) 20%, transparent)}}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-black\/60{--tw-gradient-from:#0009}@supports (color:color-mix(in lab, red, red)){.from-black\/60{--tw-gradient-from:color-mix(in oklab, var(--color-black) 60%, transparent)}}.from-black\/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))}.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))}.bg-clip-padding{background-clip:padding-box}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:calc(var(--spacing) * 1)}.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-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-7{padding-inline:calc(var(--spacing) * 7)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-9{padding-inline:calc(var(--spacing) * 9)}.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-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-11{padding-right:calc(var(--spacing) * 11)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-14{padding-bottom:calc(var(--spacing) * 14)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pl-10{padding-left:calc(var(--spacing) * 10)}.pl-14{padding-left:calc(var(--spacing) * 14)}.text-center{text-align:center}.font-\[\'Be_Vietnam_Pro\'\]{font-family:Be Vietnam Pro}.font-\[\'Plus_Jakarta_Sans\'\]{font-family:Plus Jakarta Sans}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--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-\[0\.8rem\]{font-size:.8rem}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[19px\]{font-size:19px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[23px\]{font-size:23px}.text-\[24px\]{font-size:24px}.text-\[26px\]{font-size:26px}.text-\[28px\]{font-size:28px}.text-\[32px\]{font-size:32px}.text-\[38px\]{font-size:38px}.text-\[40px\]{font-size:40px}.text-\[44px\]{font-size:44px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-\[1\.08\]{--tw-leading:1.08;line-height:1.08}.leading-none{--tw-leading:1;line-height:1}.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)}.whitespace-nowrap{white-space:nowrap}.text-\[\#2F7DF6\]{color:#2f7df6}.text-\[\#8A6500\]{color:#8a6500}.text-\[\#98A2B3\]{color:#98a2b3}.text-\[\#8491a8\]{color:#8491a8}.text-\[\#081630\]{color:#081630}.text-\[\#111827\]{color:#111827}.text-\[\#344054\]{color:#344054}.text-\[\#667085\]{color:#667085}.text-\[\#D0D5DD\]{color:#d0d5dd}.text-\[\#F0A000\]{color:#f0a000}.text-\[\#FF9EC8\]{color:#ff9ec8}.text-\[\#FFC400\]{color:#ffc400}.text-\[\#fae452\]{color:#fae452}.text-\[var\(--pop-blue-text\)\]{color:var(--pop-blue-text)}.text-\[var\(--pop-border\)\]{color:var(--pop-border)}.text-amber-700{color:var(--color-amber-700)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-destructive{color:var(--destructive)}.text-emerald-700{color:var(--color-emerald-700)}.text-gray-500{color:var(--color-gray-500)}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-rose-600{color:var(--color-rose-600)}.text-rose-700{color:var(--color-rose-700)}.text-secondary-foreground{color:var(--secondary-foreground)}.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-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-700{color:var(--color-yellow-700)}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-900{color:var(--color-zinc-900)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.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-\[0_-4px_6px_-1px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0 -4px 6px -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-\[0_-4px_6px_-1px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow:0 -4px 6px -1px 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-\[0_10px_22px_rgba\(47\,125\,246\,0\.22\)\]{--tw-shadow:0 10px 22px var(--tw-shadow-color,#2f7df638);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_10px_30px_rgba\(15\,23\,42\,0\.08\)\]{--tw-shadow:0 10px 30px 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_12px_24px_rgba\(47\,125\,246\,0\.22\)\]{--tw-shadow:0 12px 24px var(--tw-shadow-color,#2f7df638);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_12px_26px_rgba\(15\,23\,42\,0\.10\)\]{--tw-shadow:0 12px 26px var(--tw-shadow-color,#0f172a1a);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_14px_28px_rgba\(47\,125\,246\,0\.25\)\]{--tw-shadow:0 14px 28px var(--tw-shadow-color,#2f7df640);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_16px_40px_rgba\(15\,23\,42\,0\.07\)\]{--tw-shadow:0 16px 40px var(--tw-shadow-color,#0f172a12);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_16px_42px_rgba\(15\,23\,42\,0\.06\)\]{--tw-shadow:0 16px 42px 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-\[0_18px_50px_rgba\(15\,23\,42\,0\.08\)\]{--tw-shadow:0 18px 50px 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_20px_60px_rgba\(15\,23\,42\,0\.14\)\]{--tw-shadow:0 20px 60px var(--tw-shadow-color,#0f172a24);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_22px_60px_rgba\(15\,23\,42\,0\.08\)\]{--tw-shadow:0 22px 60px 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-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{--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-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + 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-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-\[\#D8E8FF\]{--tw-ring-color:#d8e8ff}.ring-\[\#E5E7EB\]{--tw-ring-color:#e5e7eb}.ring-\[\#EEF0F3\]{--tw-ring-color:#eef0f3}.ring-\[\#FFE8A3\]{--tw-ring-color:#ffe8a3}.ring-foreground\/10{--tw-ring-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.ring-foreground\/10{--tw-ring-color:color-mix(in oklab, var(--foreground) 10%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-md{--tw-backdrop-blur:blur(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-sm{--tw-backdrop-blur:blur(var(--blur-sm));-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,)}.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-shadow{transition-property:box-shadow;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-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.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-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[file\:lines\]{file:lines}.\[hook\:advisory\]{hook:advisory}.paused{animation-play-state:paused}.running{animation-play-state:running}@media (hover:hover){.group-hover\:flex:is(:where(.group):hover *){display:flex}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:rotate-45:is(:where(.group):hover *){rotate:45deg}}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-6::file-selector-button{height:calc(var(--spacing) * 6)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-\[\#94a3bd\]::placeholder{color:#94a3bd}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}@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\:bg-\[\#256EE8\]:hover{background-color:#256ee8}.hover\:bg-\[\#FAFAFA\]:hover{background-color:#fafafa}.hover\:bg-blue-100:hover{background-color:var(--color-blue-100)}.hover\:bg-destructive\/20:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/20:hover{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-muted:hover{background-color:var(--muted)}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-zinc-100:hover{background-color:var(--color-zinc-100)}.hover\:text-\[\#2F7DF6\]:hover{color:#2f7df6}.hover\:text-\[\#fae452\]:hover{color:#fae452}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-primary:hover{color:var(--primary)}.hover\:text-slate-600:hover{color:var(--color-slate-600)}.hover\:text-slate-900:hover{color:var(--color-slate-900)}.hover\:text-yellow-500:hover{color:var(--color-yellow-500)}.hover\:text-yellow-600:hover{color:var(--color-yellow-600)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-\[0_18px_36px_rgba\(47\,125\,246\,0\.30\)\]:hover{--tw-shadow:0 18px 36px var(--tw-shadow-color,#2f7df64d);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-\[0_18px_42px_rgba\(15\,23\,42\,0\.08\)\]:hover{--tw-shadow:0 18px 42px 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)}.hover\:shadow-md:hover{--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)}.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\:brightness-105:hover{--tw-brightness:brightness(105%);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,)}}.focus\:border-primary:focus{border-color:var(--primary)}.focus\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + 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-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-blue-300:focus{--tw-ring-color:var(--color-blue-300)}.focus\:ring-primary:focus{--tw-ring-color:var(--primary)}.focus-visible\:border-\[var\(--pop-blue\)\]:focus-visible{border-color:var(--pop-blue)}.focus-visible\:border-destructive\/40:focus-visible{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:border-destructive\/40:focus-visible{border-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:border-rose-400:focus-visible{border-color:var(--color-rose-400)}.focus-visible\:ring-2:focus-visible{--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-visible\:ring-3:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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-visible\:ring-\[var\(--pop-blue-light\)\]:focus-visible{--tw-ring-color:var(--pop-blue-light)}.focus-visible\:ring-blue-300:focus-visible{--tw-ring-color:var(--color-blue-300)}.focus-visible\:ring-blue-400:focus-visible{--tw-ring-color:var(--color-blue-400)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.focus-visible\:ring-rose-200:focus-visible{--tw-ring-color:var(--color-rose-200)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-90:active{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.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)}.active\:scale-\[0\.98\]:active{scale:.98}.active\:opacity-70:active{opacity:.7}.active\:duration-150:active{--tw-duration:.15s;transition-duration:.15s}.active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]){--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-\[\#cfd8dc\]:disabled{border-color:#cfd8dc}.disabled\:bg-\[\#e8edf0\]:disabled{background-color:#e8edf0}.disabled\:bg-\[\#eef2f6\]:disabled{background-color:#eef2f6}.disabled\:bg-input\/50:disabled{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.disabled\:bg-input\/50:disabled{background-color:color-mix(in oklab, var(--input) 50%, transparent)}}.disabled\:text-\[\#9aa4ad\]:disabled{color:#9aa4ad}.disabled\:text-\[\#c5cfdb\]:disabled{color:#c5cfdb}.disabled\:opacity-50:disabled{opacity:.5}:where([data-slot=button-group]) .in-data-\[slot\=button-group\]\:rounded-lg{border-radius:var(--radius)}.has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-end\]\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-start\]\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.aria-expanded\:bg-muted[aria-expanded=true]{background-color:var(--muted)}.aria-expanded\:bg-secondary[aria-expanded=true]{background-color:var(--secondary)}.aria-expanded\:text-foreground[aria-expanded=true]{color:var(--foreground)}.aria-expanded\:text-secondary-foreground[aria-expanded=true]{color:var(--secondary-foreground)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}@supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))){.supports-backdrop-filter\: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,)}}@media (min-width:40rem){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:max-w-5xl{max-width:var(--container-5xl)}.sm\:max-w-\[560px\]{max-width:560px}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:p-9{padding:calc(var(--spacing) * 9)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-\[44px\]{font-size:44px}}@media (min-width:48rem){.md\:bottom-8{bottom:calc(var(--spacing) * 8)}.md\:flex{display:flex}.md\:hidden{display:none}.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\:p-4{padding:calc(var(--spacing) * 4)}.md\:px-8{padding-inline:calc(var(--spacing) * 8)}.md\:px-12{padding-inline:calc(var(--spacing) * 12)}.md\:py-14{padding-block:calc(var(--spacing) * 14)}.md\:py-16{padding-block:calc(var(--spacing) * 16)}.md\:pt-20{padding-top:calc(var(--spacing) * 20)}.md\:pb-0{padding-bottom:calc(var(--spacing) * 0)}.md\:text-left{text-align:left}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--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))}.md\:text-\[22px\]{font-size:22px}.md\:text-\[52px\]{font-size:52px}.md\:text-\[54px\]{font-size:54px}.md\:text-\[56px\]{font-size:56px}.md\:text-\[72px\]{font-size:72px}.md\:leading-9{--tw-leading:calc(var(--spacing) * 9);line-height:calc(var(--spacing) * 9)}}@media (min-width:64rem){.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:row-span-2{grid-row:span 2/span 2}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[0\.8fr_1\.2fr\]{grid-template-columns:.8fr 1.2fr}.lg\:grid-cols-\[1\.2fr_0\.8fr\]{grid-template-columns:1.2fr .8fr}.lg\:grid-cols-\[minmax\(0\,1\.35fr\)_320px\]{grid-template-columns:minmax(0,1.35fr) 320px}.lg\:gap-8{gap:calc(var(--spacing) * 8)}.lg\:p-10{padding:calc(var(--spacing) * 10)}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}}@media (min-width:80rem){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.dark\:border-input:is(.dark *){border-color:var(--input)}.dark\:border-slate-800:is(.dark *){border-color:var(--color-slate-800)}.dark\:border-zinc-800:is(.dark *){border-color:var(--color-zinc-800)}.dark\:bg-destructive\/20:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-destructive\/20:is(.dark *){background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab, var(--input) 30%, transparent)}}.dark\:bg-slate-900:is(.dark *){background-color:var(--color-slate-900)}.dark\:bg-slate-950:is(.dark *){background-color:var(--color-slate-950)}.dark\:bg-yellow-900\/30:is(.dark *){background-color:#733e0a4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-yellow-900\/30:is(.dark *){background-color:color-mix(in oklab, var(--color-yellow-900) 30%, transparent)}}.dark\:bg-zinc-950:is(.dark *){background-color:var(--color-zinc-950)}.dark\:bg-zinc-950\/80:is(.dark *){background-color:#09090bcc}@supports (color:color-mix(in lab, red, red)){.dark\:bg-zinc-950\/80:is(.dark *){background-color:color-mix(in oklab, var(--color-zinc-950) 80%, transparent)}}.dark\:text-slate-400:is(.dark *){color:var(--color-slate-400)}.dark\:text-yellow-200:is(.dark *){color:var(--color-yellow-200)}.dark\:text-yellow-300:is(.dark *){color:var(--color-yellow-300)}.dark\:text-yellow-400:is(.dark *){color:var(--color-yellow-400)}.dark\:text-zinc-100:is(.dark *){color:var(--color-zinc-100)}.dark\:text-zinc-400:is(.dark *){color:var(--color-zinc-400)}@media (hover:hover){.dark\:hover\:bg-destructive\/30:is(.dark *):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-destructive\/30:is(.dark *):hover{background-color:color-mix(in oklab, var(--destructive) 30%, transparent)}}.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab, var(--input) 50%, transparent)}}.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.dark\:hover\:bg-slate-800:is(.dark *):hover{background-color:var(--color-slate-800)}.dark\:hover\:bg-zinc-800:is(.dark *):hover{background-color:var(--color-zinc-800)}.dark\:hover\:text-yellow-300:is(.dark *):hover{color:var(--color-yellow-300)}}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:disabled\:bg-input\/80:is(.dark *):disabled{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:disabled\:bg-input\/80:is(.dark *):disabled{background-color:color-mix(in oklab, var(--input) 80%, transparent)}}.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:color-mix(in oklab, var(--destructive) 50%, transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.data-open\:animate-in:where([data-state=open]),.data-open\:animate-in:where([data-open]:not([data-open=false])){animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-open\:fade-in-0:where([data-state=open]),.data-open\:fade-in-0:where([data-open]:not([data-open=false])){--tw-enter-opacity:0}.data-open\:zoom-in-95:where([data-state=open]),.data-open\:zoom-in-95:where([data-open]:not([data-open=false])){--tw-enter-scale:.95}.data-closed\:animate-out:where([data-state=closed]),.data-closed\:animate-out:where([data-closed]:not([data-closed=false])){animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-closed\:fade-out-0:where([data-state=closed]),.data-closed\:fade-out-0:where([data-closed]:not([data-closed=false])){--tw-exit-opacity:0}.data-closed\:zoom-out-95:where([data-state=closed]),.data-closed\:zoom-out-95:where([data-closed]:not([data-closed=false])){--tw-exit-scale:.95}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}@media (hover:hover){.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--fs-xs:11px;--fs-sm:12px;--fs-base:14px;--fs-md:15px;--fs-title:16px;--fs-lg:18px;--background:#fff;--foreground:#0a0a0a;--card:#fff;--card-foreground:#0a0a0a;--popover:#fff;--popover-foreground:#0a0a0a;--primary:#171717;--primary-foreground:#fafafa;--secondary:#f5f5f5;--secondary-foreground:#171717;--muted:#f5f5f5;--muted-foreground:#737373;--accent:#f5f5f5;--accent-foreground:#171717;--destructive:#e40014;--border:#e5e5e5;--input:#e5e5e5;--ring:#a1a1a1;--chart-1:#d4d4d4;--chart-2:#737373;--chart-3:#525252;--chart-4:#404040;--chart-5:#262626;--radius:.625rem;--sidebar:#fafafa;--sidebar-foreground:#0a0a0a;--sidebar-primary:#171717;--sidebar-primary-foreground:#fafafa;--sidebar-accent:#f5f5f5;--sidebar-accent-foreground:#171717;--sidebar-border:#e5e5e5;--sidebar-ring:#a1a1a1}@supports (color:lab(0% 0 0)){:root{--background:lab(100% 0 0);--foreground:lab(2.75381% 0 0);--card:lab(100% 0 0);--card-foreground:lab(2.75381% 0 0);--popover:lab(100% 0 0);--popover-foreground:lab(2.75381% 0 0);--primary:lab(7.78201% -.0000149012 0);--primary-foreground:lab(98.26% 0 0);--secondary:lab(96.52% -.0000298023 .0000119209);--secondary-foreground:lab(7.78201% -.0000149012 0);--muted:lab(96.52% -.0000298023 .0000119209);--muted-foreground:lab(48.496% 0 0);--accent:lab(96.52% -.0000298023 .0000119209);--accent-foreground:lab(7.78201% -.0000149012 0);--destructive:lab(48.4493% 77.4328 61.5452);--border:lab(90.952% 0 -.0000119209);--input:lab(90.952% 0 -.0000119209);--ring:lab(66.128% -.0000298023 .0000119209);--chart-1:lab(84.92% 0 -.0000119209);--chart-2:lab(48.496% 0 0);--chart-3:lab(34.924% 0 0);--chart-4:lab(27.036% 0 0);--chart-5:lab(15.204% 0 -.00000596046);--sidebar:lab(98.26% 0 0);--sidebar-foreground:lab(2.75381% 0 0);--sidebar-primary:lab(7.78201% -.0000149012 0);--sidebar-primary-foreground:lab(98.26% 0 0);--sidebar-accent:lab(96.52% -.0000298023 .0000119209);--sidebar-accent-foreground:lab(7.78201% -.0000149012 0);--sidebar-border:lab(90.952% 0 -.0000119209);--sidebar-ring:lab(66.128% -.0000298023 .0000119209)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,h1,h2,h3,h4,h5,h6,p{margin:0}body{font-family:var(--font-body,"Be Vietnam Pro"), "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;background:var(--pop-bg);color:var(--pop-border);letter-spacing:0;-webkit-font-smoothing:antialiased;min-height:100vh;font-weight:400}.font-headline{font-family:var(--font-headline,"Plus Jakarta Sans"), "PingFang SC", "Noto Sans SC", sans-serif}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24}.screen{max-width:640px;margin:0 auto;padding:.5rem .5rem 3rem;display:none;overflow-x:hidden}.screen.active{display:block}.dark{--background:#0a0a0a;--foreground:#fafafa;--card:#171717;--card-foreground:#fafafa;--popover:#171717;--popover-foreground:#fafafa;--primary:#e5e5e5;--primary-foreground:#171717;--secondary:#262626;--secondary-foreground:#fafafa;--muted:#262626;--muted-foreground:#a1a1a1;--accent:#262626;--accent-foreground:#fafafa;--destructive:#ff6568;--border:#ffffff1a;--input:#ffffff26;--ring:#737373;--chart-1:#d4d4d4;--chart-2:#737373;--chart-3:#525252;--chart-4:#404040;--chart-5:#262626;--sidebar:#171717;--sidebar-foreground:#fafafa;--sidebar-primary:#1447e6;--sidebar-primary-foreground:#fafafa;--sidebar-accent:#262626;--sidebar-accent-foreground:#fafafa;--sidebar-border:#ffffff1a;--sidebar-ring:#737373}@supports (color:lab(0% 0 0)){.dark{--background:lab(2.75381% 0 0);--foreground:lab(98.26% 0 0);--card:lab(7.78201% -.0000149012 0);--card-foreground:lab(98.26% 0 0);--popover:lab(7.78201% -.0000149012 0);--popover-foreground:lab(98.26% 0 0);--primary:lab(90.952% 0 -.0000119209);--primary-foreground:lab(7.78201% -.0000149012 0);--secondary:lab(15.204% 0 -.00000596046);--secondary-foreground:lab(98.26% 0 0);--muted:lab(15.204% 0 -.00000596046);--muted-foreground:lab(66.128% -.0000298023 .0000119209);--accent:lab(15.204% 0 -.00000596046);--accent-foreground:lab(98.26% 0 0);--destructive:lab(63.7053% 60.745 31.3109);--border:lab(100% 0 0/.1);--input:lab(100% 0 0/.15);--ring:lab(48.496% 0 0);--chart-1:lab(84.92% 0 -.0000119209);--chart-2:lab(48.496% 0 0);--chart-3:lab(34.924% 0 0);--chart-4:lab(27.036% 0 0);--chart-5:lab(15.204% 0 -.00000596046);--sidebar:lab(7.78201% -.0000149012 0);--sidebar-foreground:lab(98.26% 0 0);--sidebar-primary:lab(36.9089% 35.0961 -85.6872);--sidebar-primary-foreground:lab(98.26% 0 0);--sidebar-accent:lab(15.204% 0 -.00000596046);--sidebar-accent-foreground:lab(98.26% 0 0);--sidebar-border:lab(100% 0 0/.1);--sidebar-ring:lab(48.496% 0 0)}}@media (min-width:768px){.screen.active{max-width:1100px;padding:1.5rem 2rem 4rem}}.topbar{background:var(--pop-blue);color:#fff;border-bottom:2px solid var(--pop-border);z-index:100;align-items:center;gap:12px;margin:-1.25rem -1rem 1rem;padding:.5rem 1.25rem;display:flex;position:sticky;top:0}@media (min-width:768px){.topbar{display:none}}.back-btn{color:var(--pop-border);border:1.5px solid var(--pop-border);cursor:pointer;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:opacity .15s;display:flex}.back-btn:active{opacity:.7}.tab-bar{border:2px solid var(--pop-border);box-shadow:none;background:#fff;border-radius:18px;gap:8px;margin-bottom:1.5rem;padding:6px;display:flex}.tab-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:12px;flex:1;padding:12px;font-size:14px;font-weight:800;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.tab-btn.active{background:var(--pop-blue);color:#fff;transform:scale(1.02)}.tab-btn.active.output{background:var(--pop-pink);color:var(--pop-border)}.card{border-radius:var(--pop-radius);box-shadow:none;box-sizing:border-box;background:#fff;border:none;width:100%;margin-bottom:12px;padding:1rem;transition:all .2s}input[type=text],input[type=number],textarea,select{border:1.5px solid var(--pop-border);color:var(--pop-border);appearance:none;background:#fff;border-radius:14px;padding:12px 14px;font-family:inherit;font-size:15px;font-weight:600;transition:all .15s}input:focus,textarea:focus,select:focus{border-color:var(--pop-blue);outline:none}textarea{width:100%;min-height:90px;line-height:1.6}.btn{width:100%;font-size:15px;font-weight:700;font-family:var(--font-headline), "Plus Jakarta Sans", "PingFang SC", sans-serif;cursor:pointer;text-align:center;box-sizing:border-box;border:none;border-radius:12px;padding:12px 16px;transition:transform .15s cubic-bezier(.4,0,.2,1),background-color .15s,opacity .15s;display:block}.btn:active{transform:scale(.98)}.btn-primary{background:var(--pop-blue);color:var(--pop-border);border:1.5px solid var(--pop-border)}.btn-primary:hover{background:var(--pop-yellow)}.btn-secondary{color:var(--pop-border);border:1.5px solid var(--pop-border);background:#fff}.btn-secondary:hover{background:var(--pop-yellow-light)}.btn-danger:hover{background:#ffc0c0}.btn-sm,.btn-icon{color:var(--pop-border);cursor:pointer;background:#fff;border:1px solid #00000026;border-radius:8px;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:background .1s;display:inline-flex}.btn-sm{white-space:nowrap;padding:6px 12px}.btn-icon{flex-shrink:0;width:32px;height:32px;padding:0}.btn-sm:active,.btn-icon:active{background:#f5f5f5}.row-def{background:#fff;border:.5px solid #00000026;border-radius:14px;margin-bottom:12px;padding:16px}.row-def-header{border-bottom:.5px solid #0000000f;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;display:flex}.row-name-input{color:#1a1a1a;background:0 0;border:none;flex:1;min-width:0;padding:2px 0;font-size:16px;font-weight:700}.row-name-input:focus{border-bottom:2px solid #c4a09a;outline:none}.rs-ws-toggle{flex-shrink:0;gap:4px;display:flex}.rs-ws-btn{cursor:pointer;color:#aaa;text-transform:uppercase;letter-spacing:.02em;background:0 0;border:.5px solid #0000001f;border-radius:9px;padding:5px 12px;font-size:11px;font-weight:700}.rs-ws-btn.rs{color:#7a5f5a;background:#f8f0ee;border-color:#e6d5d2}.rs-ws-btn.ws{color:#3c3489;background:#eeedfe;border-color:#d0cdea}.knitting-sentence-flow{flex-direction:column;gap:12px;width:100%;display:flex}.flow-segment{background:#fdf8f7;border:1px solid #f3eae8;border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.flow-segment.loop{background:#f5f4ff;border-color:#d0cdea #d0cdea #d0cdea #534ab7;border-left-style:solid;border-left-width:4px}.output-row{cursor:pointer;border-bottom:.5px solid #0000000d;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.output-row:last-child{border-bottom:none}.output-row:active{background:#f5f5f3}.output-row.checked{opacity:.55;background:#f5edeb}.row-check{color:#fff;border:1.5px solid #0003;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:1px;font-size:13px;transition:all .15s;display:flex}.output-row.checked .row-check{background:#c4a09a;border-color:#c4a09a}.row-main{flex:1;min-width:0}.row-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:5px;display:flex}.rs-badge{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:600}.rs-badge.rs{color:#7a5f5a;background:#f5edeb}.rs-badge.ws{color:#3c3489;background:#eeedfe}.row-body{font-size:var(--fs-base);word-break:break-all;line-height:1.9}.row-ttl-wrap{text-align:right;flex-shrink:0;margin-top:1px}.tM{background:#fffbe6;border:.5px solid #e6d96a;border-radius:4px;padding:1px 6px;font-weight:800}.tAdd{color:var(--pop-blue-text);background:var(--pop-blue-light);font-weight:700;font-size:var(--fs-sm);border-radius:4px;padding:1px 6px}.tSub{color:var(--pop-pink-text);background:var(--pop-pink);font-weight:700;font-size:var(--fs-sm);border-radius:4px;padding:1px 6px}.tOrig{color:var(--pop-blue-text);font-style:italic;font-size:var(--fs-sm)}.sep{color:#ddd;-webkit-user-select:none;user-select:none;margin:0 2px;font-size:11px}.tRepeat{color:#534ab7;background:#eeedfe;border-radius:4px;padding:1px 6px;font-size:12px;font-weight:600}.tBorder{color:#8a6800;background:#fff8e1;border-radius:4px;padding:1px 6px;font-size:12px;font-weight:500}.row-dists{flex-wrap:wrap;align-items:center;gap:4px;margin-top:6px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.err{color:#993c1d;background:#faece7;border:.5px solid #f0a0a0;border-radius:9px;margin-bottom:10px;padding:10px 14px;font-size:13px;display:none}.modal-overlay{z-index:200;background:#00000073;justify-content:center;align-items:flex-end;display:none;position:fixed;inset:0}.modal-overlay.show{display:flex}.modal-sheet{background:#fff;border-radius:20px 20px 0 0;width:100%;max-width:640px;padding:1.5rem 1.25rem 2.5rem}.modal-title{margin-bottom:6px;font-size:17px;font-weight:600}.modal-sub{color:#888;margin-bottom:14px;font-size:13px}.modal-btns{gap:8px;display:flex}.modal-btns .btn{flex:1;padding:12px}#toast{color:#fff;z-index:500;opacity:0;pointer-events:none;background:#c4a09a;border-radius:999px;padding:8px 20px;font-size:13px;font-weight:500;transition:opacity .2s;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}#counter-btn{background:var(--mem-green);border:1.5px solid var(--pop-border);cursor:pointer;z-index:300;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:fixed;bottom:24px;right:18px}#counter-panel{border:1.5px solid var(--pop-border);z-index:400;background:#fff;border-radius:18px;width:260px;display:none;position:fixed;bottom:84px;right:12px;overflow:hidden}.row-def{border:2px solid var(--pop-border);border-radius:var(--pop-radius);box-shadow:none;background:#fff;margin-bottom:16px;padding:16px;transition:all .2s}.row-def-header{align-items:center;gap:12px;margin-bottom:10px;padding-bottom:0;display:flex}.row-name-input{background:0 0;border:none;flex:1;min-width:0;padding:4px 0;font-size:17px;font-weight:700}.row-name-input:focus{border-bottom:2.5px solid var(--pop-border)}.rs-ws-btn{border:1.5px solid var(--pop-border);cursor:pointer;color:#888;background:#fff;border-radius:10px;padding:6px 14px;font-size:12px;font-weight:800}.rs-ws-btn.rs,.rs-ws-btn.active.pink{background:var(--pop-pink);color:var(--pop-border)}.rs-ws-btn.ws,.rs-ws-btn.active.green{background:var(--pop-green);color:var(--pop-border)}.output-row{border:1.5px solid var(--pop-border);box-shadow:none;background:#fff;border-radius:18px;align-items:flex-start;gap:8px;margin-bottom:12px;padding:8px 12px;transition:all .15s;display:flex}.output-row.checked{background:var(--mem-green-light);opacity:.75;box-shadow:none;transform:scale(.98)}.row-check{border:2px solid var(--pop-border);background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;font-weight:900;transition:all .15s;display:flex}.output-row.checked .row-check{background:var(--mem-green);border-color:var(--mem-green);color:#fff}.tM{background:var(--pop-yellow);color:var(--pop-border);border:1.5px solid var(--pop-border);box-shadow:1px 1px 0 var(--pop-border);border-radius:999px;align-items:center;padding:2px 10px;font-size:13px;font-weight:800;display:inline-flex}.tAdd,.tSub,.tOrig,.tRepeat,.tBorder{color:var(--pop-border);box-shadow:none;border:none;border-radius:8px;margin:1px 2px;padding:2px 8px;font-size:13px;font-weight:700;display:inline-block}.tAdd{background:var(--mem-green-light);color:#2a8079}.tAdd2{background:var(--mem-green);color:#fff;border:2px solid var(--pop-border)}.tSub{background:var(--mem-pink-light);color:var(--pop-pink-text)}.tSub2{background:var(--mem-pink);color:var(--pop-border);border:2px solid var(--pop-border)}.tOther{background:var(--mem-blue-light);color:#2a8099;border:1.5px solid var(--pop-border);border-radius:10px;margin:2px 4px;padding:4px 10px;font-size:13px;font-weight:800;display:inline-block}.tM{background:var(--pop-yellow);color:var(--pop-border);box-shadow:none;border:none;border-radius:8px;padding:1px 6px;font-size:13px;font-weight:700;display:inline-block}.rs-badge{border:none;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700}.rs-badge.rs{background:var(--mem-pink-light);color:var(--pop-pink-text)}.rs-badge.ws{background:var(--mem-green-light);color:#2a8079}.editor-module{border:2px solid var(--pop-border);box-shadow:none;background:#fff;border-radius:20px;margin-bottom:12px;padding:14px 16px;position:relative;overflow:hidden}.editor-module.pink{background-color:var(--pop-pink-light)}.editor-module.green{background-color:var(--pop-green-light)}.editor-module.yellow{background-color:#fffdf0}.module-title{color:var(--pop-border);align-items:center;gap:8px;margin-bottom:10px;font-size:16px;font-weight:900;display:flex}.module-title-dot{border:2px solid var(--pop-border);background:var(--pop-pink);border-radius:50%;width:12px;height:12px}.green .module-title-dot{background:var(--pop-green)}.yellow .module-title-dot{background:var(--pop-yellow)}.editor-field-group{flex-direction:column;gap:10px;display:flex}.editor-label{color:#666;margin-bottom:4px;font-size:14px;font-weight:700}.editor-input{border:1.5px solid var(--pop-border);background:#fff;border-radius:10px;width:100%;height:40px;padding:0 12px;font-size:14px;font-weight:600}.editor-input:focus{background:var(--pop-pink-light);outline:none}.bold-green-btn{background:var(--pop-green);border:2px solid var(--pop-border);width:100%;height:52px;color:var(--pop-border);box-shadow:none;cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:10px;font-size:18px;font-weight:800;transition:transform .1s,box-shadow .1s;display:flex}.bold-green-btn:active{box-shadow:none;transform:translate(2px,2px)}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;opacity:0;pointer-events:none;background:#0000004d;justify-content:center;align-items:center;padding:20px;transition:opacity .2s;display:flex;position:fixed;inset:0}.modal-overlay.show{opacity:1;pointer-events:auto}.modal-sheet{border:2px solid var(--pop-border);width:100%;max-width:400px;box-shadow:none;background:#fff;border-radius:24px;padding:24px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);transform:translateY(20px)}.modal-overlay.show .modal-sheet{transform:translateY(0)}.modal-title{color:var(--pop-border);margin-bottom:16px;font-size:20px;font-weight:900}.modal-btns{gap:12px;margin-top:24px;display:flex}@keyframes progressCrawl{0%{transform:translate(0)}to{transform:translate(5px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.home-shell{background:#f5f7f5;flex-direction:column;min-height:100vh;display:flex}.home-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:20px 16px 100px}@media (min-width:768px){.home-main{padding:32px 32px 48px}}.mobile-header{z-index:20;background:#f5f7f5;border-bottom:1px solid #00000012;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}@media (min-width:768px){.mobile-header{display:none}}.mobile-header-logo{color:var(--pop-border);letter-spacing:-.01em;font-size:18px;font-weight:700}.mobile-header-searchbar{background:#f2f2f2;border-radius:20px;flex:1;align-items:center;gap:6px;margin-left:10px;padding:2px 12px;display:flex}.mobile-header-searchinput{box-shadow:none;-webkit-appearance:none;color:var(--pop-border);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:13px;font-weight:400}.mobile-header-searchinput::placeholder{color:#bbb}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.fab-container{z-index:40;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed;bottom:100px;right:20px}@media (min-width:768px){.fab-container{display:none}}.fab-options{flex-direction:column;align-items:flex-end;gap:10px;animation:.2s fabSlideUp;display:flex}@keyframes fabSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fab-option{cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d0d0d0;border-radius:99px;justify-content:space-between;align-items:center;gap:10px;width:130px;padding:8px 14px 8px 16px;transition:all .15s;display:flex;box-shadow:0 2px 8px #00000014}.fab-option:hover{background:#f9f9f9;box-shadow:0 6px 20px #00000026}.fab-option:active{transform:scale(.96)}.fab-option-label{color:var(--pop-border);font-size:14px;font-weight:600}.fab-option-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.fab-main{color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:all .2s;display:flex;box-shadow:0 4px 14px #3b82f659;background:var(--pop-blue)!important}.fab-main:hover{transform:translateY(-2px);box-shadow:0 8px 28px #00000040}.fab-main:active{transform:translateY(0)}.fab-main-icon{font-size:28px;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.fab-backdrop{z-index:39;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000026;animation:.15s fadeIn;position:fixed;inset:0}@media (min-width:768px){.fab-backdrop{display:none}}.bottom-tab-bar{z-index:50;padding:8px 16px calc(env(safe-area-inset-bottom,8px) + 8px);background:#fff;border-top:1px solid #0000000f;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #0000000f}@media (min-width:768px){.bottom-tab-bar{display:none}}.bottom-tab-item{cursor:pointer;color:#888;background:0 0;border:none;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 14px;transition:all .15s;display:flex}.bottom-tab-item.active{color:var(--pop-border)}.bottom-tab-icon{font-size:22px}.bottom-tab-label{letter-spacing:0;font-size:10px;font-weight:500}.pattern-flow-layout{display:block}.pattern-flow-sidebar{display:none}.pattern-flow-main{min-width:0;padding:0 16px}.pattern-flow-sticky-header{z-index:40;background:#f5f7f5;margin:0 -16px;padding:0 16px 4px;position:sticky;top:0}.pattern-flow-sticky-header .tool-page-topbar{margin-bottom:0;padding:16px 0 0}.m-flow-stepper{align-items:flex-start;gap:0;padding:12px 0 8px;display:flex}.m-flow-step-col{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.m-flow-dot{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:800;transition:all .25s;display:flex}.m-flow-dot.idle{color:#cbd5e1;background:#fff;border:1.5px solid #e2e8f0}.m-flow-dot.active{border:2px solid var(--pop-blue);background:var(--pop-blue);color:#fff;box-shadow:0 0 0 3px #3b82f633}.m-flow-dot.done{border:1.5px solid var(--pop-blue);color:var(--pop-blue);background:#dbeafe}.m-flow-step-label{color:#cbd5e1;white-space:nowrap;font-size:10px;font-weight:600}.m-flow-step-label.active{color:var(--pop-blue);font-weight:700}.m-flow-step-label.done{color:#64748b}.m-flow-line{background:#e2e8f0;flex:1;min-width:8px;height:2px;margin-top:12px;transition:background .25s}.m-flow-line.done{background:var(--pop-blue)}.pattern-overview-card{cursor:pointer;background:#fff;border:1px solid #82d1f066;border-radius:14px;margin:0 0 12px;padding:14px 16px;box-shadow:0 4px 14px #0f172a0a}.pattern-overview-card.is-collapsed{z-index:35;position:sticky;top:76px}.pattern-overview-mobile-sticky{display:none}.pattern-overview-meta{border:1px solid #f0f0f0;border-radius:10px;flex-direction:column;gap:0;display:flex;overflow:hidden}.pattern-overview-meta-row{border-bottom:1px solid #f0f0f0;align-items:baseline;gap:12px;padding:10px 14px;display:flex}.pattern-overview-meta-row:last-child{border-bottom:none}.pattern-overview-meta-label{color:#94a3b8;flex-shrink:0;min-width:32px;font-size:12px;font-weight:700}.pattern-overview-meta-value{color:var(--pop-border);font-size:13px;font-weight:600;line-height:1.5}.format-loader{text-align:center;padding:32px 20px}.format-loader-title{color:var(--pop-border);margin-bottom:18px;font-size:18px;font-weight:800;animation:.4s formatFadeIn}.format-loader-track{background:#e2e8f0;border-radius:99px;width:100%;height:4px;margin-bottom:16px;overflow:hidden}.format-loader-fill{background:var(--pop-border);border-radius:99px;height:100%;animation:60s cubic-bezier(.05,.3,.4,1) forwards formatBarFill}.format-loader-subtitle{color:#94a3b8;font-size:13px;font-weight:600}.format-demo-card{border-radius:var(--pop-radius-lg,16px);width:min(100%,520px);box-shadow:var(--pop-shadow-sm,0 1px 2px #0000000f);text-align:left;background:#fff;border:1px solid #3b82f624;margin:0 auto;padding:14px}.format-demo-copy{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.format-demo-pill{background:var(--pop-blue-light);border-radius:999px;flex-shrink:0;padding:3px 8px}@supports (color:color-mix(in lab, red, red)){.format-demo-pill{background:color-mix(in srgb, var(--pop-blue-light) 62%, white)}}.format-demo-pill{color:var(--pop-blue-text);border:1px solid #3b82f629;font-size:11px;font-weight:800;line-height:1.5}.format-demo-title{color:var(--pop-border);font-size:14px;font-weight:900;line-height:1.35}.format-demo-subtitle{color:var(--pop-text-muted);margin-top:2px;font-size:12px;font-weight:600;line-height:1.5}.format-demo-stage{border-radius:var(--pop-radius-md,12px);background:linear-gradient(#fcfdff 0%,#fff 100%);border:1px solid #0f172a0f;min-height:234px;position:relative;overflow:hidden}.format-demo-raw{border-radius:var(--pop-radius-md,12px);color:#94a3b8;background:#f8fafc;border:1px solid #0f172a0f;gap:8px;width:190px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:700;line-height:1.4;animation:4.2s ease-in-out both demoRawClean;display:grid;position:absolute;inset:16px auto auto 16px}.format-demo-raw--inline{width:100%;margin-bottom:2px;animation:4.2s ease-in-out both demoRawInline;position:relative;inset:auto}.format-demo-raw span{white-space:nowrap;height:14px;display:block;overflow:hidden}.format-demo-list{align-content:start;gap:8px;width:min(300px,100% - 32px);display:grid;position:absolute;inset:16px 16px 16px auto}.format-demo-list--center{width:auto;inset:16px}.format-demo-arrow{color:var(--pop-blue-text);opacity:.45;font-size:18px;font-weight:900;position:absolute;top:92px;left:42%}.format-demo-section{border-radius:var(--pop-radius-md,12px);color:var(--pop-border);background:#fff;border:1.5px solid #82d1f04d;align-items:center;gap:8px;padding:9px 12px;font-size:13px;font-weight:900;display:flex;box-shadow:0 2px 8px #82d1f014}.format-demo-section-bar{background:var(--pop-yellow);border-radius:999px;width:4px;height:18px}.format-demo-step{color:#1a1a1a;background:#fff;border:1px solid #0f172a0f;border-radius:14px;align-items:center;gap:10px;min-height:46px;padding:10px 12px;font-size:13px;line-height:1.6;display:flex;position:relative;box-shadow:0 1px 2px #0f172a08}.format-demo-step--two{z-index:2}.format-demo-check{width:20px;height:20px;color:var(--pop-blue-text);background:#fff;border:1.5px solid #0f172a24;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.format-demo-check--one,.format-demo-check--two{color:#0000}.format-demo-step-text{flex:1;min-width:0;position:relative}.format-demo-row{background:var(--pop-yellow-light);border:1px solid #facc1547;border-radius:999px;align-items:center;margin-right:7px;padding:2px 8px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.format-demo-row{background:color-mix(in srgb, var(--pop-yellow-light) 30%, white)}}.format-demo-row{color:#8a6b00;font-size:11px;font-weight:700;line-height:1.4}.format-demo-stitch{border-bottom:1.5px dashed var(--pop-blue);cursor:pointer;padding-bottom:1px}.format-demo-stitch-card{border-radius:var(--pop-radius-md,12px);opacity:0;pointer-events:none;background:#fff;border:1px solid #e8e8e8;width:210px;position:absolute;top:39px;right:10px;overflow:hidden;transform:translateY(4px);box-shadow:0 4px 16px #00000014}.format-demo-stitch-card--inline{opacity:0;z-index:5;width:230px;top:42px;left:168px;right:auto;transform:translateY(4px)}.format-demo-stitch-head{background:var(--pop-blue-light);color:var(--pop-blue-text);border-bottom:1px solid #82d1f066;justify-content:space-between;align-items:center;padding:6px 10px;font-size:13px;font-weight:800;display:flex}.format-demo-stitch-head span{color:#b91c1c;font-size:12px;font-weight:900}.format-demo-stitch-body{color:#555;padding:7px 10px;font-size:12px;font-weight:600;line-height:1.5}.format-demo-repeat{background:var(--pop-yellow-light);border:1.5px dashed #facc1580;border-radius:999px;flex-shrink:0;align-items:center;height:32px;display:flex;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.format-demo-repeat{background:color-mix(in srgb, var(--pop-yellow-light) 36%, white)}}.format-demo-repeat button{color:#7a620073;background:0 0;border:none;width:30px;height:30px;padding:0;font-size:17px;font-weight:500;line-height:1;position:relative}.format-demo-repeat-count{color:#7a6200;white-space:nowrap;grid-template-columns:14px 8px 14px;justify-content:center;align-items:center;gap:0;min-width:42px;font-size:14px;font-weight:700;line-height:1;display:grid}.format-demo-repeat-count b{text-align:center;width:14px;height:14px;font-weight:900;line-height:14px;display:inline-block;position:relative;overflow:hidden}.format-demo-repeat-count b span{opacity:0;position:absolute;inset:0}.format-demo-repeat-count b span:first-child{opacity:1}.format-demo-repeat-count i{color:#7a620066;text-align:center;font-style:normal;font-weight:600;line-height:14px}.format-demo-cursor{z-index:4;filter:drop-shadow(0 1px 2px #0000008c);opacity:0;transform-origin:1px 1px;background:url("data:image/svg+xml,%3Csvg width='19' height='22' viewBox='0 0 19 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.6 2.4L3.65 18.35L7.7 14.15L10.7 20.35L14.15 18.72L11.1 12.65L16.9 12.18L2.6 2.4Z' fill='%23060606' stroke='white' stroke-width='2.2' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;border-radius:0;width:19px;height:22px;position:absolute}.format-demo-stage--clean .format-demo-raw{animation-name:demoRawInline}.format-demo-stage--clean .format-demo-raw--inline{z-index:2;width:100%;margin:0;position:absolute;inset:0 0 auto}.format-demo-stage--clean .format-demo-list{animation-name:demoListClean}.format-demo-stage--clean .format-demo-step,.format-demo-stage--clean .format-demo-section,.format-demo-stage--clean .format-demo-step--repeat{animation:4.2s ease-in-out both demoChineseIn}.format-demo-stage--stitch .format-demo-cursor{animation:none}.format-demo-stage--stitch .format-demo-cursor--stitch{animation:4.2s ease-in-out both demoCursorStitchInline}.format-demo-stage--stitch .format-demo-stitch-card{animation:4.2s ease-in-out both demoPopupShow}.format-demo-stage--stitch .format-demo-stitch{animation:4.2s ease-in-out both demoBlueFocusAfterClick}.format-demo-stage--check .format-demo-step--one{animation:4.2s ease-in-out both demoCheckedStep}.format-demo-stage--check .format-demo-check--one{animation:4.2s ease-in-out both demoCheckFill}.format-demo-stage--check .format-demo-step--two{animation:4.2s ease-in-out both demoSecondCheckedStep}.format-demo-stage--check .format-demo-check--two{animation:4.2s ease-in-out both demoSecondCheckFill}.format-demo-stage--check .format-demo-cursor{animation:none}.format-demo-stage--check .format-demo-cursor--check{animation:4.2s ease-in-out both demoCursorCheck}.format-demo-stage--repeat .format-demo-step--repeat .format-demo-step-text{white-space:nowrap}.format-demo-stage--repeat .format-demo-repeat{width:auto}.format-demo-stage--repeat .format-demo-step--repeat{animation:4.2s ease-in-out both demoRepeatFocus}.format-demo-stage--repeat .format-demo-repeat-count b span:first-child{animation:4.2s step-end both demoRepeatCountZero}.format-demo-stage--repeat .format-demo-repeat-count b span:nth-child(2){animation:4.2s step-end both demoRepeatCountOne}.format-demo-stage--repeat .format-demo-repeat-count b span:nth-child(3){animation:4.2s step-end both demoRepeatCountTwo}.format-demo-stage--repeat .format-demo-cursor{animation:none}.format-demo-stage--repeat .format-demo-cursor--repeat{animation:4.2s ease-in-out both demoCursorRepeat}@media (max-width:560px){.format-loader{padding:28px 8px}.format-demo-card{padding:12px}.format-demo-copy{flex-direction:column;gap:8px}.format-demo-stage{min-height:252px}.format-demo-raw:not(.format-demo-raw--inline){display:none}.format-demo-list{width:auto;inset:12px}.format-demo-arrow{display:none}.format-demo-stitch-card{width:196px;right:6px}.format-demo-stitch-card--inline{width:min(214px,100% - 116px);left:104px}}@keyframes formatBarFill{0%{width:0}10%{width:12%}30%{width:35%}55%{width:58%}75%{width:72%}to{width:85%}}@keyframes formatFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes formatPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@keyframes demoRawClean{0%,30%{opacity:1;transform:translate(0)}64%,to{opacity:.36;transform:translate(-6px)}}@keyframes demoRawInline{0%,42%{opacity:1;transform:translateY(0)}58%,to{opacity:0;transform:translateY(-4px)}}@keyframes demoChineseIn{0%,48%{opacity:0;transform:translateY(6px)}66%,to{opacity:1;transform:translateY(0)}}@keyframes demoListEnter{0%{opacity:0;transform:translateY(8px)}18%,to{opacity:1;transform:translateY(0)}}@keyframes demoListClean{0%,18%{opacity:.72;transform:translate(10px)}42%,to{opacity:1;transform:translate(0)}}@keyframes demoStepClean{0%,34%{opacity:0;transform:translateY(10px)}54%,to{opacity:1;transform:translateY(0)}}@keyframes demoCursorStitch{0%,18%{opacity:0;top:77px;left:206px;transform:scale(.9)}32%{opacity:1;top:77px;left:206px;transform:scale(1)}44%{opacity:1;top:77px;left:206px;transform:scale(.72)}58%,to{opacity:0;top:77px;left:206px;transform:scale(1)}}@keyframes demoCursorStitchInline{0%,16%{opacity:0;top:7px;left:147px;transform:scale(.9)}30%{opacity:1;top:7px;left:147px;transform:scale(1)}42%{opacity:1;top:7px;left:147px;transform:scale(.76)}54%,to{opacity:0;top:7px;left:147px;transform:scale(1)}}@keyframes demoPopupShow{0%,48%{opacity:0;transform:translateY(4px)}60%,86%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}@keyframes demoBlueFocus{0%,30%{background:0 0}42%,76%{background:var(--pop-blue-light)}to{background:0 0}}@keyframes demoBlueFocusAfterClick{0%,40%{background:0 0}52%,82%{background:var(--pop-blue-light)}to{background:0 0}}@keyframes demoCheckedStep{0%,30%{opacity:1}44%,to{opacity:.58}}@keyframes demoCheckFill{0%,30%{color:#0000;background:#fff;border-color:#0f172a24}44%,to{background:color-mix(in srgb, var(--pop-blue-light) 70%, white);color:var(--pop-blue-text);border-color:#3b82f680}}@keyframes demoSecondCheckedStep{0%,50%{opacity:1;background:#fff;border-color:#0f172a0f}58%,70%{opacity:1;background:color-mix(in srgb, var(--pop-blue-light) 28%, white);border-color:#3b82f638}82%,to{opacity:.58;background:#fff;border-color:#0f172a0f}}@keyframes demoSecondCheckFill{0%,64%{color:#0000;background:#fff;border-color:#0f172a24}78%,to{background:color-mix(in srgb, var(--pop-blue-light) 70%, white);color:var(--pop-blue-text);border-color:#3b82f680}}@keyframes demoNextStep{0%,52%{background:#fff;border-color:#0f172a0f}66%,86%{background:color-mix(in srgb, var(--pop-blue-light) 28%, white);border-color:#3b82f638}to{background:#fff;border-color:#0f172a0f}}@keyframes demoCursorCheck{0%,16%{opacity:0;top:72px;left:18px;transform:scale(.9)}28%{opacity:1;top:72px;left:18px;transform:scale(1)}38%{opacity:1;top:72px;left:18px;transform:scale(.76)}48%{opacity:1;top:125px;left:18px;transform:scale(1)}64%{opacity:1;top:125px;left:18px;transform:scale(1)}76%{opacity:1;top:125px;left:18px;transform:scale(.76)}88%,to{opacity:0;top:125px;left:18px;transform:scale(1)}}@keyframes demoRepeatFocus{0%,28%{background:#fff;border-color:#0f172a0f}42%,88%{background:color-mix(in srgb, var(--pop-yellow-light) 18%, white);border-color:#facc1559}to{background:#fff;border-color:#0f172a0f}}@keyframes demoRepeatCountZero{0%,46%{opacity:1}47%,to{opacity:0}}@keyframes demoRepeatCountOne{0%,46%{opacity:0}47%,68%{opacity:1}69%,to{opacity:0}}@keyframes demoRepeatCountTwo{0%,68%{opacity:0}69%,to{opacity:1}}@keyframes demoCursorRepeat{0%,24%{opacity:0;top:10px;left:10px;transform:scale(.9)}38%{opacity:1;top:10px;left:10px;transform:scale(1)}48%{opacity:1;top:10px;left:10px;transform:scale(.76)}58%{opacity:1;top:10px;left:10px;transform:scale(1)}70%{opacity:1;top:10px;left:10px;transform:scale(.76)}82%,to{opacity:0;top:10px;left:10px;transform:scale(1)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pattern-sticky-bar{z-index:40;cursor:pointer;background:#fff;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:8px 16px;display:flex;position:sticky;top:0}.pattern-sticky-wrap{z-index:39;border-radius:var(--pop-radius-lg,16px);box-shadow:var(--pop-shadow-sm,0 1px 2px #0000000f);background:#fff;border:1px solid #3b82f629;margin:0 0 28px;position:sticky;top:74px;overflow:hidden}.pattern-sticky-wrap-mobile{display:block}.pattern-sticky-wrap-output{display:none}.pattern-sticky-wrap .pattern-sticky-bar{border-bottom:none;margin:0;position:relative}.pattern-flow-sticky-header .pattern-sticky-wrap{z-index:auto;margin:14px 0 0;position:static;top:auto}.pattern-sticky-detail{background:linear-gradient(#fcfdff 0%,#fff 100%);border-top:1px solid #3b82f61f;padding:12px 16px 16px}.pattern-sticky-detail .pattern-overview-card{border:none;border-radius:0;margin:0;padding:12px 0 0;position:static}.pattern-sticky-arrow{color:#94a3b8;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;transition:transform .25s;display:inline-flex}.pattern-sticky-left{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.pattern-sticky-name{color:var(--pop-border);white-space:nowrap;text-overflow:ellipsis;max-width:40%;font-size:16px;font-weight:800;line-height:1.3;overflow:hidden}.pattern-sticky-size{color:var(--pop-blue-text);background:var(--pop-blue-light);border:1px solid #3b82f65c;border-radius:99px;flex-shrink:0;padding:4px 10px;font-size:12px;font-weight:700}.pattern-sticky-reselect{color:#64748b;border-radius:var(--pop-radius-md,12px);cursor:pointer;background:#fff;border:1px solid #e2e8f0;flex-shrink:0;min-height:28px;padding:0 12px;font-size:12px;font-weight:700;transition:border-color .2s,color .2s,background .2s}.pattern-sticky-reselect:hover{color:var(--pop-blue-text);background:#f8fbff;border-color:#3b82f647}.pattern-sticky-img-btn{min-height:32px;color:var(--pop-blue-text);border-radius:var(--pop-radius-md,12px);cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #3b82f638;flex-shrink:0;padding:0 14px;font-size:12px;font-weight:700;transition:border-color .2s,background .2s,transform .2s}.pattern-sticky-img-btn:hover{background:#f8fbff;border-color:#3b82f65c}.pattern-sticky-meta{flex-wrap:wrap;gap:8px;display:flex}.pattern-sticky-intro{color:#64748b;max-width:760px;margin:0 0 10px;font-size:13px;font-weight:600;line-height:1.6}.pattern-sticky-chip{border-radius:var(--pop-radius-md,12px);border:1px solid var(--pop-border-soft,#e5e7eb);color:#334155;min-height:32px;box-shadow:var(--pop-shadow-sm,0 1px 2px #0000000f);background:#fff;align-items:center;padding:0 12px;font-size:13px;font-weight:600;line-height:1.35;display:inline-flex}.pattern-sticky-chip-label{color:#94a3b8;margin-right:6px;font-weight:800}.pattern-sticky-size-panel{border-radius:var(--pop-radius-md,12px);background:0 0;border:none;margin-top:12px;padding:0}.pattern-sticky-dims{flex-wrap:wrap;gap:8px;display:flex}.pattern-sticky-dim{border-radius:var(--pop-radius-md,12px);border:1px solid var(--pop-border-soft,#e5e7eb);min-width:0;min-height:32px;box-shadow:var(--pop-shadow-sm,0 1px 2px #0000000f);background:#fff;align-items:center;gap:6px;padding:0 12px;font-size:13px;line-height:1.45;display:inline-flex}.pattern-sticky-dim-label{color:#94a3b8;flex-shrink:0;font-weight:700}.pattern-sticky-dim-value{color:#475569;overflow-wrap:anywhere;min-width:0;font-weight:700}.pattern-sticky-dim-converted{color:#d97706;white-space:nowrap;font-weight:800}.pattern-sticky-yarn{border-radius:var(--pop-radius-md,12px);border:1px solid var(--pop-border-soft,#e5e7eb);color:#475569;min-height:32px;box-shadow:var(--pop-shadow-sm,0 1px 2px #0000000f);background:#fff;align-items:center;gap:8px;margin-top:8px;padding:0 12px;font-size:13px;font-weight:600;line-height:1.45;display:inline-flex}.pattern-sticky-yarn-label{color:#94a3b8;flex-shrink:0;font-weight:800}@media (min-width:768px){.pattern-overview-mobile-sticky{margin-top:14px;display:block}.pattern-overview-mobile-sticky .pattern-overview-card{z-index:auto;margin:0;position:static;top:auto}.pattern-overview-body{display:none}.pattern-sticky-bar{min-height:64px;padding:10px 24px}.pattern-sticky-detail{padding:14px 24px 18px}.pattern-sticky-name{max-width:none;font-size:16px}}@media (max-width:480px){.pattern-flow-sticky-header{padding-bottom:8px}.pattern-overview-mobile-sticky{margin-top:8px;display:block}.pattern-overview-mobile-sticky .pattern-overview-card{z-index:auto;margin:0;position:static;top:auto}.pattern-overview-body{display:none}.pattern-sticky-wrap{margin:8px 0 28px;top:80px}.pattern-flow-sticky-header .pattern-sticky-wrap{margin:8px 0 0}.pattern-sticky-bar{align-items:center;gap:8px;min-height:56px;padding:10px 12px}.pattern-sticky-left{flex-flow:wrap;align-items:center;gap:8px}.pattern-sticky-name{flex-basis:100%;max-width:100%;font-size:15px;line-height:1.2}.pattern-sticky-size{min-height:28px;padding:3px 10px;font-size:12px}.pattern-sticky-reselect,.pattern-sticky-img-btn{min-height:28px;padding:0 10px;font-size:12px}.pattern-sticky-arrow{width:24px;height:24px}.pattern-sticky-meta{gap:6px}.pattern-sticky-chip{width:100%}}.thinking-board{border:1px solid var(--pop-border-soft,#e5e7eb);box-sizing:border-box;background:#fff;border-radius:14px;flex-direction:column;gap:18px;width:min(100%,760px);margin:0 auto;padding:20px;display:flex}.thinking-stages{flex-direction:column;gap:14px;display:flex}.thinking-stage{color:#cbd5e1;align-items:center;gap:10px;font-size:13px;font-weight:600;transition:all .3s;display:flex}.thinking-stage.done{color:#94a3b8}.thinking-stage.active{color:var(--pop-border)}.thinking-stage.failed{color:#dc2626}.thinking-stage-dot{color:#fff;border:1.5px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;transition:all .3s;display:flex}.thinking-stage.done .thinking-stage-dot{background:var(--pop-blue);border-color:var(--pop-blue)}.thinking-stage.active .thinking-stage-dot{border-color:var(--pop-blue);background:#fff}.thinking-stage.failed .thinking-stage-dot{background:#dc262614;border-color:#dc2626}.thinking-pulse{background:var(--pop-blue);border-radius:50%;width:6px;height:6px;animation:1s infinite alternate thinkPulse}.thinking-fail-dot{background:#dc2626;border-radius:50%;width:6px;height:6px}.thinking-stage-label{line-height:1.4}.thinking-status{color:var(--pop-blue-text);font-size:11px;font-weight:600}.thinking-status.error{color:#dc2626}.thinking-stream{background:#f8fafc;border-radius:8px;flex-direction:column;max-height:220px;padding:10px 12px;display:flex}.thinking-stream-label{color:#cbd5e1;letter-spacing:.5px;text-transform:uppercase;flex-shrink:0;margin-bottom:6px;font-size:9px;font-weight:800}.thinking-stream-content{color:#475569;word-break:break-all;white-space:pre-wrap;flex:1;max-height:180px;font-family:monospace;font-size:12px;line-height:1.6;overflow-y:auto}@keyframes thinkPulse{0%{opacity:.3;transform:scale(.7)}to{opacity:1;transform:scale(1.1)}}@media (min-width:768px){.home-main:has(.pattern-flow-layout){max-width:1200px;padding:0}.pattern-flow-layout{min-height:calc(100vh - 72px);display:flex}.pattern-flow-sidebar{background:#f5f7f5;border-right:1.5px solid #0000000f;flex-direction:column;flex-shrink:0;width:240px;height:calc(100vh - 72px);padding:20px 12px;display:flex;position:sticky;top:72px;overflow-y:auto}.pattern-flow-step-list{flex-direction:column;gap:0;padding:0 8px;display:flex}.pattern-flow-step{align-items:flex-start;gap:14px;padding:14px 0;display:flex;position:relative}.pattern-flow-step:after{content:"";background:#00000014;width:2px;position:absolute;top:42px;bottom:-14px;left:13px;transform:translate(-50%)}.pattern-flow-step:last-child:after{display:none}.pattern-flow-step-marker{z-index:1;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:800;transition:all .25s;display:flex;position:relative}.pattern-flow-step-idle .pattern-flow-step-marker{color:#bbb;background:#f5f7f5;border:1.5px solid #0000001f}.pattern-flow-step-done .pattern-flow-step-marker{border:2px solid var(--pop-blue);background:var(--pop-blue);color:#fff;font-size:14px}.pattern-flow-step-active .pattern-flow-step-marker{border:2px solid var(--pop-yellow);color:#0000;background:#fff}.pattern-flow-step-active .pattern-flow-step-marker:before{content:"";background:var(--pop-yellow);border-radius:999px;width:10px;height:10px;position:absolute}.pattern-flow-step-title{color:#999;font-size:13px;font-weight:600;line-height:28px}.pattern-flow-step-active .pattern-flow-step-title{color:var(--pop-border);font-weight:800}.pattern-flow-step-done .pattern-flow-step-title{color:var(--pop-border);font-weight:600}.pattern-flow-main{background:#f5f7f5;flex:1;min-width:0;padding:24px 28px;overflow-y:auto}.pattern-flow-main .fab-container{z-index:50;display:flex;position:fixed;bottom:32px;right:32px}.pattern-flow-sticky-header{margin:0 -28px;padding:0 28px 4px}.pattern-flow-sticky-header .tool-page-topbar{padding:4px 0 0}.m-flow-stepper{display:none}}.upload-stage-wrapper{flex-direction:column;gap:1rem;display:flex}.upload-stage-wrapper.upload-stage-wrapper-single{width:min(100%,760px);margin:0 auto}.upload-stage-wrapper.upload-stage-wrapper-single .upload-left-col{width:100%}.upload-left-col{flex-direction:column;gap:0;display:flex}@media (min-width:768px){.upload-stage-wrapper{grid-template-columns:7fr 5fr;align-items:flex-start;gap:2rem;max-width:none;margin:0 -3rem;padding:0 3rem;display:grid}.upload-stage-wrapper.upload-stage-wrapper-single{gap:1rem;width:min(100%,760px);margin:0 auto;padding:0;display:flex}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #fae45280}50%{box-shadow:0 0 0 5px #fae45200}}.gauge-tool{box-sizing:border-box;background:#fff;border:1px solid #82d1f040;border-radius:14px;padding:16px}.gauge-tool-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.gauge-tool-title{color:var(--pop-border);align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.gauge-tool-dot{background:var(--pop-blue);border-radius:50%;width:6px;height:6px}.gauge-tool-close{cursor:pointer;color:#aaa;background:0 0;border:none;padding:0;font-size:18px;line-height:1}.gauge-tool-body{flex-direction:column;gap:0;display:flex}.gauge-tool-footer{color:#cbd5e1;text-align:center;margin-top:14px;font-size:11px;font-weight:500}.gauge-ref-card{background:var(--pop-blue-light,#e8f7fc);border:1px solid #82d1f04d;border-radius:10px;margin-bottom:12px;padding:10px 12px}.gauge-ref-label{color:var(--pop-blue-text,#2a8099);margin-bottom:4px;font-size:11px;font-weight:700}.gauge-ref-value{color:var(--pop-border,#0f172a);font-size:13px;font-weight:700}.gauge-section-title{color:#64748b;margin-bottom:8px;font-size:12px;font-weight:700}.gauge-input-label{color:#334155;font-size:13px;font-weight:600}.gauge-input-field{align-items:center;gap:6px;display:flex}.gauge-input{text-align:center;background:#fff;border:1px solid #82d1f059;border-radius:8px;outline:none;width:56px;padding:6px 8px;font-size:13px;font-weight:700;transition:border-color .2s}.gauge-input:focus{border-color:var(--pop-blue)}.gauge-input::placeholder{color:#cbd5e1;font-weight:500}.gauge-input-unit{color:#94a3b8;width:20px;font-size:12px;font-weight:500}.gauge-divider{background:#0000000d;height:1px;margin:12px 0}.gauge-input-row-2col{gap:12px;margin-bottom:4px;display:flex}.gauge-input-col{flex-direction:column;flex:1;gap:4px;display:flex}.gauge-prompt{color:#64748b;margin-bottom:8px;font-size:13px;font-weight:500}.gauge-btn-primary{background:var(--pop-blue-light,#eff6ff);width:100%;height:40px;color:var(--pop-blue-text,#1d4ed8);cursor:pointer;border:1px solid #bfdbfe;border-radius:10px;margin-top:8px;font-size:13px;font-weight:700;transition:all .2s}.gauge-btn-primary:hover:not(:disabled){background:#dbeafe;border-color:#93c5fd}.gauge-btn-primary:disabled{color:#94a3b8;cursor:default;background:#f1f5f9}.gauge-btn-ghost{color:#94a3b8;cursor:pointer;background:0 0;border:none;width:100%;height:36px;margin-top:4px;font-size:12px;font-weight:600}.gauge-btn-secondary{background:var(--pop-blue-light,#e8f7fc);width:100%;height:38px;color:var(--pop-blue-text,#2a8099);cursor:pointer;border:1px solid #82d1f040;border-radius:10px;margin-top:6px;font-size:13px;font-weight:600}.gauge-result-card{border-radius:10px;margin-bottom:12px;padding:12px 14px}.gauge-result-ok{background:#f0fdf4;border:1px solid #22c55e40}.gauge-result-warn{background:#f8fafc;border:1px solid #82d1f04d}.gauge-result-title{margin-bottom:6px;font-size:13px;font-weight:700}.gauge-result-desc{color:#475569;font-size:12px;font-weight:500;line-height:1.6}.gauge-result-list{flex-direction:column;gap:6px;display:flex}.gauge-result-item{color:#334155;font-size:12px;font-weight:600;line-height:1.5}.gauge-result-advice{border-top:1px solid #82d1f033;flex-direction:column;gap:4px;margin-top:8px;padding-top:8px;display:flex}.gauge-hl{background:var(--pop-blue);color:#fff;border-radius:4px;padding:0 5px;font-size:11px;font-weight:700;line-height:1.6;display:inline-block}.gauge-fade-in{animation:.2s fadeIn}.auth-ui{font-family:var(--font-sans,var(--font-body,"Be Vietnam Pro"), sans-serif);color:#081630;font-weight:400}.auth-bg{background-color:#f6f9ff;background-image:radial-gradient(circle at 90% 2%,#facc157a 0 12%,#0000 24%),radial-gradient(circle at 0 94%,#dbeafef2 0 13%,#0000 28%),radial-gradient(circle at 104% 28%,#bfdbfead 0 8%,#0000 21%),linear-gradient(135deg,#fff 0%,#f6f9ff 48%,#eef5ff 100%);background-attachment:fixed}.auth-ui,.auth-ui *{letter-spacing:0;font-style:normal}.auth-ui h1,.auth-ui h2,.auth-ui h3,.auth-ui label,.auth-ui button,.auth-ui a{font-weight:600}.auth-ui h1,.auth-ui h2,.auth-ui h3{line-height:1.2}.auth-ui p{font-weight:400;line-height:1.45}.auth-ui input:focus{border-color:var(--pop-blue)}.auth-ui .auth-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #d9e1eee6;border-radius:28px;position:relative;overflow:visible;box-shadow:0 24px 80px #1e40af1c}.auth-ui .auth-card>*{z-index:1;position:relative}.auth-ui .auth-card:before,.auth-ui .auth-card:after{content:"";z-index:0;pointer-events:none;border-radius:9999px;position:absolute}.auth-ui .auth-card:before{background:#facc15;border:0;width:66px;height:66px;top:-16px;right:14px;box-shadow:0 12px 32px #facc1547}.auth-ui .auth-card:after{content:"favorite";color:#fff;font-variation-settings:"FILL" 1, "wght" 700, "GRAD" 0, "opsz" 24;background:0 0;border:0;width:auto;height:auto;font-family:Material Symbols Outlined;font-size:27px;inset:5px 32px auto auto}.auth-ui input{background:#fff;font-weight:500;line-height:1.3}.auth-ui a{color:var(--pop-blue-text)}.auth-ui .auth-brand-mark{color:#0b63f6;align-items:center;gap:12px;font-size:1.55rem;font-weight:800;display:inline-flex}.auth-ui .auth-hero{flex-direction:column;gap:12px;display:flex}.auth-ui .auth-brand-mark:before{content:none}.auth-ui .auth-brand-logo{object-fit:cover;object-position:center;border-radius:13px;width:42px;height:42px;box-shadow:0 6px 18px #2563eb1f}.auth-ui .auth-title{font-family:var(--font-headline,var(--font-sans,"Plus Jakarta Sans"), sans-serif);letter-spacing:0;color:#081630;text-wrap:balance;font-size:clamp(3rem,2.28rem + 2vw,4rem);font-weight:800;line-height:1.05}.auth-ui .auth-subtitle{color:#64748b;font-size:1.28rem}.auth-ui .auth-primary-btn{color:#0b63f6;box-shadow:none;background:#dbeafe;transition:transform .16s,background .16s,filter .16s}.auth-ui .auth-primary-btn:hover{filter:saturate(1.03);background:#bfdbfe;transform:translateY(-1px)}.auth-ui .auth-primary-btn:active{transform:translateY(1px)}.auth-ui .auth-primary-btn:disabled{box-shadow:none;filter:none;transform:none}.auth-ui a.auth-switch-link,.auth-ui button.auth-switch-link{color:#0b63f6}.auth-ui a.auth-switch-link:hover,.auth-ui button.auth-switch-link:hover{color:#074dcc}.auth-ui a.auth-legal-link{color:#0b63f6;text-decoration-color:#0b63f657;text-decoration-thickness:1.2px}.auth-ui a.auth-legal-link:hover{color:#074dcc;text-decoration-color:#074dccb3}.auth-ui .space-y-6>:not([hidden])~:not([hidden]){margin-top:1.5rem}.auth-ui .space-y-4>:not([hidden])~:not([hidden]){margin-top:1rem}.auth-ui .auth-back-btn{color:#43536f;transition:color .16s,transform .16s}.auth-ui .auth-back-btn:hover{color:#081630;transform:translate(-2px)}.auth-ui .auth-input{box-shadow:0 1px #0f172a05}.auth-ui .auth-input:focus-visible{box-shadow:0 0 0 4px #3b82f61f}.auth-ui .auth-divider{color:#64748b;align-items:center;gap:24px;font-size:.95rem;display:flex}.auth-ui .auth-divider:before,.auth-ui .auth-divider:after{content:"";background:#dbe3ef;flex:1;height:1px}.auth-ui .auth-guest-link{color:#334155;background:#fff;border:1px solid #d9e1ee;border-radius:16px;justify-content:center;align-items:center;gap:12px;min-width:240px;min-height:54px;margin:0 auto;font-size:1rem;font-weight:700;text-decoration:none;transition:border-color .16s,color .16s,transform .16s;display:inline-flex}.auth-ui .auth-guest-link:hover{color:#0b63f6;border-color:#bfdbfe;transform:translateY(-1px)}.auth-ui.auth-modal-card{width:min(560px,100vw - 32px);max-height:min(92vh,820px);overflow-y:auto}.auth-ui.auth-modal-card [data-slot=dialog-close]{color:#081630;top:18px;right:18px}@media (max-width:640px){.auth-ui .auth-card{border-radius:24px}.auth-ui .auth-title{font-size:2.65rem}.auth-ui .auth-subtitle{font-size:1.08rem}}.coll-page{width:100%;max-width:1200px;min-height:calc(100dvh - 56px);margin:0 auto;display:flex}.coll-list-panel{background:#f5f7f5;border-right:1.5px solid #0000000f;flex-direction:column;flex-shrink:0;width:240px;height:calc(100dvh - 56px);padding:0;display:flex;overflow-y:auto}.coll-list-header{z-index:1;background:#f5f7f5;justify-content:space-between;align-items:center;padding:20px 20px 8px;display:flex;position:sticky;top:0}.coll-list-title{color:#999;letter-spacing:.02em;margin:0;font-size:13px;font-weight:600}.coll-list-add-btn{cursor:pointer;color:#999;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;transition:color .1s,background .1s;display:flex}.coll-list-add-btn:hover{color:var(--pop-border);background:#0000000a}.coll-list-add-btn .material-symbols-outlined{font-size:18px}.coll-new-row{gap:6px;padding:0 16px 12px;display:flex}.coll-new-input{font:inherit;border:1.5px solid #0000001a;border-radius:8px;outline:none;flex:1;padding:8px 10px;font-size:13px}.coll-new-input:focus{border-color:var(--pop-yellow)}.coll-new-confirm,.coll-new-cancel{cursor:pointer;color:#888;background:0 0;border:none;border-radius:6px;padding:4px}.coll-new-confirm:hover{color:#2e7d32}.coll-new-cancel:hover{color:#c62828}.coll-list{flex-direction:column;gap:2px;padding:0 12px 16px;display:flex}.coll-list-item{cursor:pointer;font:inherit;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:background .12s;display:flex}.coll-list-item:hover{background:#0000000a}.coll-list-item.active{background:#eff6ff}.coll-list-item-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.coll-list-item-name{color:var(--pop-border);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:500;overflow:hidden}.coll-list-item-count{color:#aaa;flex-shrink:0;font-size:12px;font-weight:600}.coll-list-item.active .coll-list-item-count{color:var(--pop-border)}.coll-empty{text-align:center;color:#aaa;padding:40px 16px;font-size:14px}.coll-empty p{margin:8px 0 16px}.coll-detail-panel{background:#f5f7f5;flex:1;height:calc(100dvh - 56px);overflow-y:auto}.coll-detail-empty{color:#bbb;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;font-size:14px;display:flex}.coll-detail{max-width:640px;padding:28px 28px 60px}.coll-detail-back{font:inherit;color:var(--pop-border);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0 0 16px;font-size:14px;font-weight:600;display:none}.coll-detail-header{align-items:center;gap:16px;margin-bottom:28px;display:flex}.coll-detail-color{border-radius:12px;flex-shrink:0;width:48px;height:48px}.coll-detail-name-input{color:var(--pop-border);background:0 0;border:none;outline:none;width:100%;padding:0;font-size:22px;font-weight:800}.coll-detail-name-input:focus{border-bottom:2px solid var(--pop-yellow)}.coll-detail-meta{color:#999;margin-top:2px;font-size:12px}.coll-section{margin-bottom:28px}.coll-section-title{color:var(--pop-border);border-left:3px solid var(--pop-yellow);align-items:center;gap:6px;margin:0 0 14px;padding-left:10px;font-size:13px;font-weight:700;line-height:1.2;display:flex}.coll-section-title .material-symbols-outlined{color:#aaa;font-size:16px}.coll-field-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.coll-field{flex-direction:column;gap:4px;display:flex}.coll-field-label{color:#bbb;letter-spacing:.02em;margin-bottom:2px;font-size:11px;font-weight:600}.coll-field-input{font:inherit;color:var(--pop-border);background:#fff;border:1.5px solid #00000014;border-radius:8px;outline:none;padding:9px 10px;font-size:13px;transition:border-color .15s}.coll-field-input:focus{border-color:var(--pop-yellow)}.coll-notes{width:100%;font:inherit;color:var(--pop-border);resize:vertical;background:#fff;border:1.5px solid #00000014;border-radius:10px;outline:none;min-height:80px;padding:10px 12px;font-size:13px;transition:border-color .15s}.coll-notes:focus{border-color:var(--pop-yellow)}.coll-color-grid{flex-wrap:wrap;gap:8px;display:flex}.coll-color-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;transition:transform .1s,border-color .15s}.coll-color-dot.active{border-color:var(--pop-border);transform:scale(1.15)}.coll-section-badge{background:#0000000f;border-radius:999px;margin-left:6px;padding:1px 8px;font-size:11px;font-weight:700}.coll-proj-empty{color:#aaa;padding:4px 0;font-size:13px}.coll-proj-links{flex-direction:column;display:flex}.coll-proj-link{border-radius:4px;align-items:center;gap:6px;padding:4px 6px;transition:background .1s;display:flex}.coll-proj-link:hover{background:#00000008}.coll-proj-link-icon{color:#999;flex-shrink:0;font-size:16px}.coll-proj-link-name{color:var(--pop-border);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;text-underline-offset:2px;flex:1;min-width:0;font-size:14px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .15s;overflow:hidden}.coll-proj-link-name:hover{-webkit-text-decoration-color:var(--pop-border);-webkit-text-decoration-color:var(--pop-border);-webkit-text-decoration-color:var(--pop-border);text-decoration-color:var(--pop-border)}.coll-proj-link-x{cursor:pointer;color:#ddd;opacity:0;background:0 0;border:none;border-radius:4px;padding:2px;transition:opacity .1s,color .1s}.coll-proj-link:hover .coll-proj-link-x{opacity:1}.coll-proj-link-x:hover{color:#c62828}.coll-proj-link-x .material-symbols-outlined{font-size:16px}.coll-proj-link-type{color:#aaa;letter-spacing:.01em;background:#0000000a;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:600}.coll-add-proj-btn{font:inherit;color:#999;cursor:pointer;background:0 0;border:1.5px dashed #0000001f;border-radius:10px;align-items:center;gap:6px;margin-top:12px;padding:8px 16px;font-size:13px;font-weight:600;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.coll-add-proj-btn:hover{color:var(--pop-border);border-color:var(--pop-border);background:#00000005}.coll-picker-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000059;justify-content:center;align-items:center;padding:20px;animation:.15s ease-out coll-fade-in;display:flex;position:fixed;inset:0}@keyframes coll-fade-in{0%{opacity:0}to{opacity:1}}@keyframes coll-slide-up{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.coll-picker-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:480px;max-height:72vh;animation:.2s ease-out coll-slide-up;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000002e,0 2px 8px #00000014}.coll-picker-header{justify-content:space-between;align-items:center;padding:18px 20px 0;display:flex}.coll-picker-title{color:var(--pop-border);margin:0;font-size:18px;font-weight:800}.coll-picker-close{cursor:pointer;color:#999;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .12s,color .12s;display:flex}.coll-picker-close:hover{color:var(--pop-border);background:#0000000f}.coll-picker-search{background:#f8f9fa;border:1.5px solid #00000014;border-radius:10px;align-items:center;gap:8px;margin:14px 20px 0;padding:9px 12px;transition:border-color .15s;display:flex}.coll-picker-search:focus-within{border-color:var(--pop-yellow);background:#fff}.coll-picker-search-input{font:inherit;color:var(--pop-border);background:0 0;border:none;outline:none;flex:1;font-size:14px}.coll-picker-search-input::placeholder{color:#bbb}.coll-picker-toolbar{justify-content:space-between;align-items:center;padding:10px 20px 6px;display:flex}.coll-picker-select-all{font:inherit;color:#999;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px 0;font-size:12px;font-weight:600;transition:color .12s;display:flex}.coll-picker-select-all:hover{color:var(--pop-border)}.coll-picker-count{color:#bbb;font-size:12px;font-weight:500}.coll-picker-list{flex-direction:column;flex:1;gap:2px;padding:4px 12px 12px;display:flex;overflow-y:auto}.coll-picker-item{cursor:pointer;font:inherit;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;width:100%;padding:10px;transition:background .12s;display:flex}.coll-picker-item:hover{background:#00000008}.coll-picker-item.selected{background:var(--pop-blue-light)}.coll-picker-item.selected .coll-picker-item-name,.coll-picker-item.selected .coll-picker-item-icon{color:var(--pop-blue-text)}.coll-picker-check{color:#ccc;flex-shrink:0;font-size:20px;transition:color .12s}.coll-picker-item.selected .coll-picker-check{color:var(--pop-border)}.coll-picker-item-icon{color:#aaa;flex-shrink:0;font-size:18px}.coll-picker-item-name{color:var(--pop-border);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:500;overflow:hidden}.coll-picker-item-type{color:#aaa;background:#0000000a;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:600}.coll-picker-empty{color:#bbb;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;font-size:14px;display:flex}.coll-picker-empty p{margin:0}.coll-picker-footer{border-top:1px solid #0000000f;padding:12px 20px 16px}.coll-picker-add-btn{background:var(--pop-border);width:100%;font:inherit;color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px;font-size:15px;font-weight:700;transition:opacity .15s,transform .1s}.coll-picker-add-btn:hover{opacity:.9}.coll-picker-add-btn:active{transform:scale(.98)}.coll-danger{border-top:1px solid #0000000f;padding-top:20px}.coll-delete-btn{font:inherit;color:#c62828;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:8px 0;font-size:13px;font-weight:600;display:flex}.coll-danger-confirm{color:var(--pop-border);font-size:13px}@media (max-width:767px){.coll-page{max-width:none;padding:0 0 72px;display:block}.coll-list-panel{border-right:none;width:100%;height:auto}.coll-list-header{padding:16px 16px 8px}.coll-list{padding:0 16px 16px}.coll-new-row{padding:0 16px 12px}.coll-list-panel.has-selection{display:none}.coll-detail-panel{height:auto;display:none}.coll-detail-panel.show{display:block}.coll-detail{padding:16px 16px 80px}.coll-detail-back{display:flex}.coll-field-grid{grid-template-columns:1fr}.coll-picker-modal{border-radius:16px 16px 0 0;max-width:none;max-height:80vh}.coll-picker-overlay{align-items:flex-end;padding:0}}:root{--pop-blue:#3b82f6;--pop-blue-hover:#2563eb;--pop-blue-light:#dbeafe;--pop-blue-text:#1d4ed8;--pop-yellow:#facc15;--pop-yellow-hover:#eab308;--pop-yellow-light:#fef3c7;--pop-bg:#f9fafb;--pop-border:#111827;--pop-border-soft:#e5e7eb;--pop-card:#fff;--pop-text-muted:#6b7280;--pop-shadow-sm:0 1px 2px #0000000f;--pop-shadow-md:0 4px 12px #00000014;--pop-radius-sm:8px;--pop-radius-md:12px;--pop-radius-lg:16px;--pop-radius:16px}body{background:radial-gradient(circle at top right, #facc151a, transparent 18%), radial-gradient(circle at top left, #3b82f614, transparent 24%), var(--pop-bg);color:var(--pop-border)}.home-main--flush{padding:0!important}.btn{border-radius:var(--pop-radius-sm);font-weight:700;transition:transform .2s,background-color .2s,box-shadow .2s,border-color .2s}.btn-primary{background:var(--pop-blue);border:1px solid var(--pop-blue);color:#fff;box-shadow:var(--pop-shadow-sm)}.btn-primary:hover{background:var(--pop-blue-hover);border-color:var(--pop-blue-hover)}.btn-secondary{border:1px solid var(--pop-border-soft);color:var(--pop-border);background:#fff}.btn-secondary:hover{background:#f3f4f6;border-color:#d1d5db}.btn-danger{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.top-nav-bar{display:none}@media (min-width:768px){.top-nav-bar{z-index:50;-webkit-backdrop-filter:blur(18px);background:#ffffffe0;border-bottom:1px solid #e5e7ebf2;padding:0 32px;display:flex;position:sticky;top:0}}.top-nav-inner{justify-content:space-between;align-items:center;width:100%;max-width:1200px;height:72px;margin:0 auto;display:flex}.top-nav-left{align-items:center;gap:36px;display:flex}.top-nav-logo{color:#0f172a;align-items:center;gap:12px;font-size:18px;font-weight:800;text-decoration:none;display:inline-flex}.top-nav-logo-img{object-fit:cover;width:38px;height:38px;box-shadow:var(--pop-shadow-sm);border-radius:12px}.top-nav-links,.top-nav-auth{align-items:center;gap:20px;display:flex}.top-nav-link{color:#475569;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:8px 2px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.top-nav-link:hover{color:#0f172a}.top-nav-link.active{color:var(--pop-blue)}.top-nav-link-doodle{color:var(--pop-yellow);font-size:18px;line-height:1;position:absolute;bottom:-8px;left:2px;transform:scaleX(2.4)}.top-nav-auth-muted{color:var(--pop-text-muted);font-size:13px}.stitch-desktop{min-height:calc(100vh - 72px)}.stitch-sidebar{background:#ffffff85;border-right:1px solid #e5e7ebf2;flex-direction:column;flex-shrink:0;width:280px;padding:24px;display:flex;position:relative;overflow-y:auto}.stitch-sidebar-head{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.stitch-sidebar-title{color:#0f172a;margin-bottom:8px;padding:0;font-size:18px;font-weight:800}.stitch-sidebar-count{color:var(--pop-text-muted);margin:0;padding:0;font-size:13px}.stitch-sidebar-sparkles{color:var(--pop-yellow);flex-direction:column;gap:2px;font-size:18px;line-height:1;display:flex}.stitch-sidebar-section{flex-direction:column;gap:8px;display:flex}.stitch-nav-item,.stitch-coll-item{border-radius:var(--pop-radius-lg);color:#334155;min-height:52px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:0 16px;font-size:15px;font-weight:700;transition:background-color .2s,color .2s,transform .2s;display:flex}.stitch-nav-item:hover,.stitch-coll-item:hover{background:#f1f5f9f2}.stitch-nav-item.active{color:var(--pop-blue);background:#eff6ff;box-shadow:inset 0 0 0 1px #3b82f60f}.stitch-nav-sub{min-height:48px}.stitch-nav-item .material-symbols-outlined,.stitch-coll-menu{color:inherit;font-size:22px}.stitch-nav-badge,.stitch-coll-count{color:#475569;background:#f1f5f9;border-radius:999px;justify-content:center;align-items:center;min-width:32px;height:32px;margin-left:auto;padding:0 10px;font-size:14px;font-weight:800;display:inline-flex}.stitch-nav-item.active .stitch-nav-badge{color:var(--pop-blue);background:#3b82f61f}.stitch-sidebar-divider{background:#e5e7ebf2;height:1px;margin:20px 0}.stitch-collection-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.stitch-collection-label{color:#0f172a;text-transform:none;letter-spacing:0;font-size:14px;font-weight:800}.stitch-collection-add{color:#475569;cursor:pointer;background:#f8fafc;border:none;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.stitch-collection-add:hover{color:var(--pop-blue);background:#eef2ff}.stitch-coll-wrap{position:relative}.stitch-coll-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.stitch-coll-item.active{color:#0f172a;background:0 0}.stitch-coll-dot{border-radius:999px;flex-shrink:0;width:10px;height:10px}.stitch-coll-menu{cursor:pointer;opacity:.75}.stitch-coll-children{flex-direction:column;gap:6px;padding:6px 0 0 22px;display:flex}.stitch-coll-child{border-radius:var(--pop-radius-md);min-height:40px;color:var(--pop-text-muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:0 12px;font-size:14px;font-weight:600}.stitch-coll-child:hover{color:#0f172a;background:#f1f5f9f2}.stitch-sidebar-illustration{pointer-events:none;width:138px;height:124px;margin-top:auto;margin-left:8px;position:sticky;bottom:24px}.stitch-sidebar-illustration-ball{opacity:.95;border-radius:999px;width:56px;height:56px;position:absolute;bottom:18px}.ball-blue{background:linear-gradient(145deg,#bfdbfe,#93c5fd);left:16px}.ball-yellow{background:linear-gradient(145deg,#fef3c7,#facc15);left:62px}.stitch-sidebar-illustration-needle{transform-origin:bottom;background:#94a3b8;border-radius:999px;width:3px;height:54px;position:absolute;bottom:54px}.needle-left{left:66px;transform:rotate(-14deg)}.needle-right{left:88px;transform:rotate(12deg)}.stitch-sidebar-illustration-heart{color:#f9a8d4;font-size:18px;position:absolute;top:6px;left:108px}.stitch-main{background:0 0;flex-direction:column;flex:1;min-width:0;padding:32px 40px 24px;display:flex}.stitch-main-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.stitch-main-heading{flex-direction:column;gap:6px;display:flex}.stitch-main-title{color:#0f172a;font-size:clamp(22px,2.4vw,32px);font-weight:900;line-height:1}.stitch-main-doodle{align-items:center;gap:10px;margin-left:4px;display:flex}.stitch-main-doodle-line{border-bottom:5px solid var(--pop-yellow);border-radius:999px;width:184px;height:10px}.stitch-main-doodle-heart{color:#93c5fd;font-size:26px;line-height:1}.stitch-main-controls{align-items:center;gap:12px;display:flex}.stitch-sort-btn{border:1px solid var(--pop-border-soft);border-radius:var(--pop-radius-lg);color:#334155;min-height:52px;font:inherit;box-shadow:var(--pop-shadow-sm);cursor:pointer;background:#fff;align-items:center;gap:10px;padding:0 20px;font-size:14px;font-weight:800;display:inline-flex}.stitch-sort-btn .material-symbols-outlined{font-size:22px}.stitch-sort-btn .stitch-sort-arrow{color:var(--pop-blue);margin-left:-4px;font-size:16px}.stitch-sort-btn:hover{box-shadow:var(--pop-shadow-sm);border-color:#bfdbfe}.stitch-sort-btn.active{color:var(--pop-blue-text);background:#fff;border-color:#bfdbfe;box-shadow:inset 0 0 0 1px #3b82f60f}.stitch-new-wrap{position:relative}.stitch-new-btn{border-radius:var(--pop-radius-lg);min-height:52px;color:var(--pop-blue-text);font:inherit;box-shadow:var(--pop-shadow-sm);cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;align-items:center;gap:10px;padding:0 24px;font-size:15px;font-weight:800;display:inline-flex}.stitch-new-btn:hover{box-shadow:var(--pop-shadow-sm);background:#dbeafe}.stitch-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-items:start;gap:20px;display:grid}.local-project-migration-card{border-radius:var(--pop-radius-lg);box-shadow:var(--pop-shadow-sm);background:#eff6ff;border:1px solid #bfdbfe;justify-content:space-between;align-items:center;gap:16px;margin:0 0 20px;padding:16px;display:flex}.local-project-migration-title{color:#0f172a;font-size:15px;font-weight:800}.local-project-migration-copy{color:#64748b;margin-top:4px;font-size:13px;font-weight:600;line-height:1.45}.local-project-migration-btn{border-radius:var(--pop-radius-md);min-height:40px;color:var(--pop-blue-text);cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #93c5fd;padding:0 16px;font-size:13px;font-weight:800}.local-project-migration-btn:disabled{opacity:.6;cursor:wait}.stitch-card{aspect-ratio:1;background:var(--pop-card);border:1px solid var(--pop-border-soft);border-radius:var(--pop-radius-lg);box-shadow:var(--pop-shadow-sm);cursor:pointer;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.stitch-card--public{aspect-ratio:auto;width:84%;box-shadow:none;background:0 0;border:0;border-radius:0;justify-self:center;gap:12px;overflow:visible}.stitch-card:hover{box-shadow:var(--pop-shadow-md);transform:translateY(-2px)}.stitch-card--public:hover{box-shadow:none}.stitch-card-hero{justify-content:center;align-items:center;min-height:148px;padding:28px;display:flex;position:relative}.stitch-card-deco{position:absolute}.stitch-card-deco-main{opacity:.65;border-radius:44% 56% 52% 48%/46% 48% 52% 54%;width:106px;height:106px}.stitch-card--pattern .stitch-card-deco-main{background:#dbeafe!important}.stitch-card--colorwork .stitch-card-deco-main{background:#fef3c7!important}.stitch-card-deco-dot{border-radius:999px;width:8px;height:8px}.stitch-card-deco-dot-a{background:#facc15bf;top:74px;right:74px}.stitch-card-deco-dot-b{background:#3b82f673;bottom:44px;left:62px}.stitch-card-doodle{color:var(--pop-yellow);font-size:20px;line-height:1;position:absolute}.stitch-card-doodle-a{bottom:46px;left:30px}.stitch-card-doodle-b{color:#60a5fa;top:92px;right:46px}.stitch-card-icon-wrap{z-index:1;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative}.stitch-card-icon{color:var(--pop-blue);font-size:44px}.stitch-card-cover{object-fit:cover;border-radius:24px;width:100%;height:100%}.stitch-card--public-photo .stitch-card-hero{aspect-ratio:1;border:1px solid var(--pop-border-soft);border-radius:var(--pop-radius-lg);width:100%;min-height:0;box-shadow:var(--pop-shadow-sm);background:#fff;margin:0 auto;padding:0;overflow:hidden}.stitch-public-card-photo{object-fit:contain;width:100%;height:100%;min-height:0;display:block}.stitch-card-body{flex-direction:column;flex:1;gap:8px;padding:0 26px 40px;display:flex}.stitch-card-name{color:#0f172a;font-size:20px;font-weight:800;line-height:1.2}.stitch-card-meta{color:var(--pop-text-muted);font-size:13px;line-height:1.6}.stitch-card--public .stitch-card-body{flex:none;gap:8px;padding:0 4px}.stitch-card--public .stitch-card-name{font-size:20px;font-weight:800;line-height:1.2}.stitch-card--public .stitch-card-meta{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.6;display:-webkit-box;overflow:hidden}.stitch-card-tag{z-index:3;border-radius:999px;justify-content:center;align-items:center;height:26px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;top:14px;left:14px}.stitch-card-tag--pattern{color:var(--pop-blue);background:#dbeafe}.stitch-card-tag--colorwork{background:var(--pop-yellow-light);color:#a16207}.stitch-card--public .stitch-card-icon{color:var(--pop-blue-text)}.stitch-card--public .stitch-card-tag,.stitch-card--public .public-card-tags{display:none}.stitch-card-menu-btn{width:40px;height:40px;box-shadow:var(--pop-shadow-sm);color:#475569;cursor:pointer;z-index:3;opacity:1;background:#fffffff0;border:none;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:18px;right:18px}.stitch-card-menu-btn .material-symbols-outlined{font-size:22px}.stitch-floating-backdrop{z-index:8;position:fixed;inset:0}.stitch-dropdown{border:1px solid var(--pop-border-soft);border-radius:var(--pop-radius-md);min-width:180px;box-shadow:var(--pop-shadow-md);z-index:9;background:#fff;padding:8px;position:absolute}.stitch-project-dropdown{top:64px;right:18px}.stitch-new-dropdown{top:70px;right:0}.stitch-notebook-dropdown{top:58px;right:0}.stitch-dropdown-item{border-radius:var(--pop-radius-sm);color:#334155;width:100%;min-height:42px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:0 12px;font-size:14px;font-weight:700;display:flex}.stitch-dropdown-item:hover{color:var(--pop-blue-text);background:#eff6ff}.stitch-dropdown-item.danger{color:#dc2626}.stitch-dropdown-item .material-symbols-outlined{font-size:18px}.stitch-dropdown-divider{background:#e5e7ebf2;height:1px;margin:6px 0}.stitch-empty{text-align:center;min-height:420px;color:var(--pop-text-muted);place-items:center;display:grid}.stitch-empty-icon{color:#cbd5e1;margin-bottom:12px;font-size:56px}.stitch-empty-text{color:#0f172a;margin-bottom:8px;font-size:18px;font-weight:800}.stitch-empty-sub{max-width:360px;font-size:14px;line-height:1.7}.site-footer{border-top:1px solid #e5e7ebf2;margin-top:32px;padding:24px 0 8px}.site-footer-links{flex-wrap:wrap;justify-content:center;gap:12px 18px;display:flex}.site-footer-link{color:#475569;font:inherit;cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:700}.site-footer-link:hover{color:var(--pop-blue)}.site-footer-link.muted{opacity:.7}.site-footer-copy{text-align:center;color:#94a3b8;margin-top:16px;font-size:12px;font-weight:600}.site-footer-qr-backdrop{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a6b;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.site-footer-qr-card{border-radius:var(--pop-radius-lg);background:#fff;width:100%;max-width:320px;padding:20px;box-shadow:0 20px 40px #0f172a2e}.site-footer-qr-title{color:#0f172a;text-align:center;margin-bottom:16px;font-size:18px;font-weight:800}.site-footer-qr-image{border-radius:var(--pop-radius-md);border:1px solid var(--pop-border-soft);width:100%}.site-footer-qr-button{border-radius:var(--pop-radius-sm);background:var(--pop-blue);color:#fff;width:100%;min-height:48px;font:inherit;cursor:pointer;border:none;margin-top:16px;font-size:14px;font-weight:800}.stitch-modal-heading{color:#0f172a;margin:0 0 6px;font-size:18px;font-weight:800}.stitch-modal-copy,.modal-sub{color:var(--pop-text-muted)}.stitch-modal-copy{margin:0 0 16px;font-size:14px;line-height:1.6}.stitch-modal-input{border:1px solid var(--pop-border-soft);border-radius:var(--pop-radius-md);width:100%;min-height:52px;font:inherit;color:#0f172a;background:#fff;outline:none;margin-bottom:16px;padding:0 16px;font-size:15px;font-weight:700}.stitch-modal-input:focus{box-shadow:none;border-color:#bfdbfe}.modal-sheet{box-shadow:var(--pop-shadow-md);border-radius:var(--pop-radius-lg)!important;border:none!important}.modal-sheet .modal-btns .btn{border-radius:var(--pop-radius-sm);min-height:52px;font-weight:800}.modal-sheet .modal-btns .btn-primary{color:var(--pop-blue-text);box-shadow:var(--pop-shadow-sm);background:#eff6ff;border-color:#bfdbfe}.modal-sheet .modal-btns .btn-primary:hover{color:var(--pop-blue-text);background:#dbeafe;border-color:#bfdbfe}.modal-title{color:#0f172a;font-weight:800}.modal-title-danger{color:#dc2626}.modal-sub-strong{margin-top:10px;margin-bottom:24px;font-size:15px;line-height:1.7}.modal-sub-note{margin-top:6px;font-size:12px;display:block}.stitch-assign-list{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.stitch-assign-item{border:1px solid var(--pop-border-soft);border-radius:var(--pop-radius-md);cursor:pointer;background:#fff;align-items:center;gap:12px;min-height:56px;padding:0 16px;display:flex}.stitch-assign-item.active{background:#eff6ff;border-color:#bfdbfe}.stitch-assign-dot{border-radius:10px;flex-shrink:0;width:26px;height:26px}.stitch-assign-name{color:#0f172a;flex:1;font-size:14px;font-weight:700}.stitch-assign-check{color:var(--pop-blue)}.m-lib-content{background:#fff;padding:16px 16px 108px}.m-lib-content .local-project-migration-card{flex-direction:column;align-items:flex-start;margin:12px 0}.m-lib-content .local-project-migration-btn{width:100%}.m-filter-sticky{z-index:10;background:#fff;margin:0 -16px;padding:0 16px;position:sticky;top:0}.m-type-tabs{border-bottom:1px solid #f1f5f9;align-items:center;gap:0;margin-bottom:0;display:flex}.m-type-tab{font:inherit;color:#94a3b8;cursor:pointer;background:0 0;border:none;flex:1;padding:10px 0;font-size:15px;font-weight:600;transition:color .2s;position:relative}.m-type-tab.active{color:#0f172a;font-weight:700}.m-type-tab.active:after{content:"";background:var(--pop-blue);border-radius:2px;width:24px;height:2px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.m-sort-icon-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-left:auto;transition:all .15s;display:flex}.m-sort-icon-btn .material-symbols-outlined{font-size:20px}.m-sort-icon-btn:active{color:#475569;background:#f1f5f9}.m-coll-row{border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;margin-bottom:12px;padding:10px 0;display:flex;overflow-x:auto}.m-coll-chip{font:inherit;color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.m-coll-chip:hover{background:#f8fafc}.m-coll-chip.active{color:var(--pop-blue);background:#eff6ff;border-color:#bfdbfe}.m-coll-chip-add{color:#64748b;white-space:nowrap;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.m-coll-chip-add:hover{color:#475569;background:#f1f5f9;border-color:#94a3b8}.m-coll-chip-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.m-coll-sheet{z-index:1000;padding:20px 16px calc(env(safe-area-inset-bottom,16px) + 16px);background:#fff;border-radius:20px 20px 0 0;flex-direction:column;max-height:60vh;animation:.25s sheetSlideUp;display:flex;position:fixed;bottom:0;left:0;right:0}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.m-coll-sheet-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.m-coll-sheet-title{color:#0f172a;font-size:17px;font-weight:800}.m-coll-sheet-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.m-coll-sheet-list{flex:1;overflow-y:auto}.m-coll-sheet-item{width:100%;font:inherit;color:#334155;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:12px;font-size:15px;font-weight:600;transition:background .15s;display:flex}.m-coll-sheet-item:hover{background:#f8fafc}.m-coll-sheet-item.active{color:var(--pop-blue);background:#eff6ff}.m-coll-sheet-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.m-coll-sheet-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.m-coll-sheet-count{color:#94a3b8;font-size:13px;font-weight:500}.m-coll-sheet-check{color:var(--pop-blue);font-size:20px}.m-coll-sheet-new{width:100%;font:inherit;color:#64748b;cursor:pointer;background:0 0;border:1px dashed #cbd5e1;border-radius:12px;justify-content:center;align-items:center;gap:6px;margin-top:8px;padding:12px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.m-coll-sheet-new:hover{background:#f8fafc;border-color:#94a3b8}.m-proj-row-wrap{margin-bottom:10px;position:relative}.m-proj-row{border:1px solid var(--pop-border-soft);border-radius:var(--pop-radius-lg);width:100%;box-shadow:var(--pop-shadow-sm);text-align:left;cursor:pointer;background:#fff;align-items:center;gap:12px;padding:12px;display:flex}.m-proj-row-thumb{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.m-proj-row-thumb img{object-fit:cover;width:100%;height:100%}.m-proj-row-thumb .material-symbols-outlined{color:#fff;font-size:22px}.m-proj-row-name{color:#0f172a;font-weight:700}.m-swipe-wrap{border-radius:var(--pop-radius-lg);position:relative;overflow:hidden}.m-swipe-content{z-index:1;transition:transform .25s cubic-bezier(.4,0,.2,1);position:relative}.m-swipe-wrap.swiped .m-swipe-content{transform:translate(-80px)}.m-swipe-delete{color:#fff;width:80px;font:inherit;cursor:pointer;border-radius:0 var(--pop-radius-lg) var(--pop-radius-lg) 0;background:#ef4444;border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:12px;font-weight:700;display:flex;position:absolute;top:0;bottom:0;right:0}.m-swipe-delete .material-symbols-outlined{font-size:22px}.m-proj-row-more{color:#94a3b8;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.m-proj-row-more:active{color:var(--pop-blue)}.m-proj-rename-input{border:1px solid var(--pop-blue);width:100%;font:inherit;color:#0f172a;background:#eff6ff;border-radius:8px;outline:none;padding:4px 8px;font-size:14px;font-weight:700}.m-status-badge,.m-progress-pill{border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:0 8px;font-size:11px;font-weight:800;display:inline-flex}.m-status-badge.pattern{color:var(--pop-blue);background:#dbeafe}.m-status-badge.colorwork{background:var(--pop-yellow-light);color:#a16207}.m-progress-pill.idle{color:#64748b;background:#f1f5f9}.m-progress-pill.progress{color:var(--pop-blue);background:#dbeafe}.m-progress-pill.done{color:#15803d;background:#dcfce7}.m-load-more{border:1px solid var(--pop-border-soft);border-radius:var(--pop-radius-md);color:#334155;min-height:48px;box-shadow:var(--pop-shadow-sm)}.mobile-header-searchbar{box-shadow:var(--pop-shadow-sm);background:#ffffffe0;border:1px solid #e5e7ebf2}.mobile-header-searchinput{box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.fab-option-icon-blue{color:var(--pop-blue);background:#dbeafe}.fab-option-icon-yellow{background:var(--pop-yellow-light);color:#a16207}@media (max-width:767px){.home-shell{background:#fff;min-height:100vh}.home-main{padding:0}.site-footer{display:none}.modal-sheet{border-radius:24px 24px 0 0}}.stitch-desktop{display:none}.stitch-mobile{background:#fff;display:block}@media (min-width:768px){.stitch-desktop{min-height:calc(100vh - 72px);display:flex}.stitch-mobile{display:none!important}}.stitch-mobile .mobile-header{z-index:20;position:sticky;top:0}.stitch-nav-sub{color:#888;padding-left:44px;font-size:12px;font-weight:600}.stitch-nav-sub:hover{color:var(--pop-border)}.stitch-nav-sub.active{color:var(--pop-border);background:var(--pop-yellow-light);font-weight:700}.m-proj-list{flex-direction:column;gap:8px;display:flex}.m-proj-row-body{flex:1;min-width:0}.m-proj-row-footer{align-items:center;gap:8px;display:flex}.m-proj-row-meta{color:#bbb;font-size:11px}.m-public-list{gap:12px;padding:4px 16px 96px;display:grid}.m-public-row{border:1px solid var(--pop-border-soft);border-radius:var(--pop-radius-lg);width:100%;min-height:92px;box-shadow:var(--pop-shadow-sm);text-align:left;background:#fff;grid-template-columns:58px minmax(0,1fr) 28px;align-items:center;gap:12px;padding:14px;display:grid}.m-public-thumb{border-radius:var(--pop-radius-md);justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex;overflow:hidden}.m-public-thumb img{object-fit:cover;width:100%;height:100%}.m-public-thumb .material-symbols-outlined{color:var(--pop-blue-text);font-size:30px}.m-public-body{gap:4px;min-width:0;display:grid}.m-public-name{color:#0f172a;font-size:15px;font-weight:900}.m-public-desc{color:var(--pop-text-muted);font-size:12px;font-weight:600;line-height:1.35}.m-public-meta{color:var(--pop-blue-text);font-size:11px;font-weight:800}.m-public-arrow{color:#94a3b8}.public-pattern-page{position:relative}.public-colorwork-page{gap:16px;min-width:0;padding:0 12px 12px;display:grid;overflow:hidden}.public-colorwork-page .colorwork-work,.public-colorwork-page .colorwork-work-canvas-frame{width:100%;min-width:0;max-width:100%}.public-colorwork-header{border:1px solid var(--pop-border-soft);border-radius:var(--pop-radius-lg);box-shadow:var(--pop-shadow-sm);background:#fff;padding:18px}.public-colorwork-header h1{color:#0f172a;margin:12px 0 8px;font-size:28px;font-weight:900;line-height:1.15}.public-colorwork-header p{color:var(--pop-text-muted);margin:0;font-size:14px;font-weight:650;line-height:1.45}.public-colorwork-header .public-colorwork-save-note{color:var(--pop-blue-text);margin-top:8px;font-weight:800}.public-pattern-sidebar{display:none}.public-pattern-back{margin-bottom:16px}.public-pattern-side-card,.public-size-panel{border:1px solid var(--pop-border-soft);border-radius:var(--pop-radius-lg);box-shadow:var(--pop-shadow-sm);background:#fff;padding:18px}.public-pattern-side-card h1,.public-size-panel h2{color:#0f172a;margin:10px 0 8px;font-size:24px;font-weight:900;line-height:1.15}.public-pattern-finished-photo{aspect-ratio:4/3;border:1px solid var(--pop-border-soft);border-radius:var(--pop-radius-lg);background:#f8fafc;width:100%;margin-bottom:14px;overflow:hidden}.public-pattern-finished-photo img{object-fit:cover;width:100%;height:100%;display:block}.public-pattern-side-card p,.public-size-panel p{color:var(--pop-text-muted);margin:0;font-size:13px;font-weight:600;line-height:1.5}.public-pattern-badge{min-height:26px;color:var(--pop-blue-text);background:#dbeafe;border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.public-pattern-tags{flex-wrap:wrap;gap:6px;margin:14px 0 0;display:flex}.public-pattern-tags span{background:var(--pop-yellow-light);color:#854d0e;border-radius:999px;align-items:center;min-height:24px;padding:0 8px;font-size:12px;font-weight:800;display:inline-flex}.public-pattern-info-card{border:1px solid var(--pop-border-soft);border-radius:var(--pop-radius-md);background:#f8fafc;gap:10px;margin-top:16px;padding:14px;display:grid}.public-pattern-info-title{color:#0f172a;font-size:13px;font-weight:900}.public-pattern-info-list{gap:8px;margin:0;display:grid}.public-pattern-info-row{gap:3px;display:grid}.public-pattern-info-row dt{color:#64748b;font-size:11px;font-weight:800}.public-pattern-info-row dd{color:#1e293b;overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:800;line-height:1.45}.public-pattern-save-side{width:100%;margin-top:16px}.public-pattern-topbar{margin-bottom:14px}.public-size-panel{max-width:760px;margin:0 auto}.public-size-grid{gap:12px;margin-top:18px;display:grid}.public-size-card{border-radius:var(--pop-radius-lg);text-align:left;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;gap:6px;min-height:112px;padding:16px;display:grid}.public-size-card:hover,.public-size-card:focus-visible{background:#dbeafe;border-color:#93c5fd;outline:none}.public-size-name{color:#0f172a;font-size:18px;font-weight:900}.public-size-dim{color:#475569;font-size:13px;font-weight:700}.public-pattern-sticky{margin-bottom:28px;display:block}.public-pattern-save-inline{border-radius:var(--pop-radius-sm);min-height:36px;color:var(--pop-blue-text);cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;padding:0 12px;font-size:13px;font-weight:900}.public-pattern-toast{z-index:70;color:#fff;box-shadow:var(--pop-shadow-md);background:#0f172a;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:800;position:fixed;top:72px;left:50%;transform:translate(-50%)}.public-pattern-empty{text-align:center;align-content:center;place-items:center;gap:12px;min-height:360px;display:grid}.public-pattern-empty .material-symbols-outlined{color:#94a3b8;font-size:44px}.public-pattern-empty h1{color:#0f172a;margin:0;font-size:22px;font-weight:900}.public-admin-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.public-admin-header p{color:var(--pop-text-muted);margin:6px 0 0;font-size:13px;font-weight:600}.public-admin-header .public-admin-local-note{color:#a16207;font-weight:800}.public-admin-layout{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:18px;display:grid}.public-admin-panel,.public-admin-help{border:1px solid var(--pop-border-soft);border-radius:var(--pop-radius-lg);box-shadow:var(--pop-shadow-sm);background:#fff}.public-admin-panel{gap:16px;padding:18px;display:grid}.public-admin-row{grid-template-columns:1fr 120px;gap:12px;display:grid}.public-admin-row-3{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 140px}.public-admin-quick{border-bottom:1px solid var(--pop-border-soft);gap:14px;padding-bottom:16px;display:grid}.public-admin-section-title h2{color:#0f172a;margin:0;font-size:18px;font-weight:900}.public-admin-section-title p{color:var(--pop-text-muted);margin:4px 0 0;font-size:13px;font-weight:600}.public-admin-panel label{color:#0f172a;gap:8px;font-size:13px;font-weight:900;display:grid}.public-admin-panel input,.public-admin-panel select,.public-admin-panel textarea{border:1px solid var(--pop-border-soft);border-radius:var(--pop-radius-sm);color:#0f172a;width:100%;font:inherit;background:#fff;font-size:13px}.public-admin-panel input,.public-admin-panel select{min-height:40px;padding:0 10px}.public-admin-panel textarea{resize:vertical;min-height:520px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;line-height:1.5}.public-admin-panel .public-admin-steps-textarea{min-height:240px}.public-admin-format-note{border-radius:var(--pop-radius-md);color:#475569;background:#f8fafc;padding:12px;font-size:13px;font-weight:600;line-height:1.6}.public-admin-format-note code{color:#075985;background:#e0f2fe;border-radius:6px;padding:1px 5px;font-size:12px}.public-admin-json-toggle{border-radius:var(--pop-radius-md);min-height:40px;color:var(--pop-blue-text);cursor:pointer;background:#f8fafc;border:1px dashed #bfdbfe;font-size:13px;font-weight:900}.public-admin-message{border-radius:var(--pop-radius-sm);color:var(--pop-blue-text);background:#eff6ff;padding:10px 12px;font-size:13px;font-weight:800}.public-admin-actions{flex-wrap:wrap;gap:10px;display:flex}.public-admin-help{padding:16px}.public-admin-help h2{color:#0f172a;margin:0 0 12px;font-size:16px;font-weight:900}.public-admin-help p{color:var(--pop-text-muted);margin:0 0 10px;font-size:13px;font-weight:600;line-height:1.5}.public-admin-help code{color:#334155;background:#f1f5f9;border-radius:6px;padding:1px 5px;font-size:12px}.public-admin-sidebar-list{gap:4px;display:grid}.public-admin-cover-preview{aspect-ratio:4/3;border:1px solid var(--pop-border-soft);border-radius:var(--pop-radius-md);background:#f8fafc;width:min(280px,100%);overflow:hidden}.public-admin-cover-preview img{object-fit:cover;width:100%;height:100%;display:block}@media (max-width:980px){.public-admin-layout{grid-template-columns:1fr}}@media (min-width:768px){.home-main:has(.public-pattern-layout){padding:0}.public-pattern-sidebar{display:block}.public-size-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.m-empty{text-align:center;color:#aaa;padding:48px 0;font-size:14px}.m-empty p{margin:8px 0 0}.mobile-header-search-icon{color:#bbb;flex-shrink:0;order:2;font-size:18px}.m-login-prompt{background:#fff;justify-content:center;align-items:center;min-height:calc(100vh - 140px);padding:24px 16px;display:flex}.m-login-prompt-card{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:320px;display:flex}.m-login-prompt-logo{margin-bottom:16px;font-size:56px}.m-login-prompt-title{color:#0f172a;margin-bottom:8px;font-size:24px;font-weight:800}.m-login-prompt-desc{color:#64748b;margin-bottom:32px;font-size:14px;line-height:1.5}.m-login-prompt-btn{border-radius:var(--pop-radius-lg);width:100%;min-height:52px;font:inherit;cursor:pointer;padding:0 16px;font-size:15px;font-weight:800;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}.m-login-prompt-btn-primary{color:var(--pop-blue-text);box-shadow:var(--pop-shadow-sm);background:#eff6ff;border:1px solid #bfdbfe;margin-bottom:12px}.m-login-prompt-btn-primary:hover{background:#dbeafe}.m-login-prompt-btn-secondary{color:var(--pop-blue-text);box-shadow:var(--pop-shadow-sm);background:#fff;border:1px solid #bfdbfe}.m-login-prompt-btn-secondary:hover{background:#eff6ff}.m-login-prompt-guest{min-height:44px;color:var(--pop-text-muted);justify-content:center;align-items:center;margin-top:14px;padding:0 12px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.m-login-prompt-guest:hover{color:var(--pop-blue-text)}.m-dashboard-content{padding-top:24px}.m-dash-profile{text-align:center;flex-direction:column;align-items:center;padding:16px 0 20px;display:flex}.m-dash-avatar{background:var(--pop-yellow);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:14px;display:flex}.m-dash-avatar .material-symbols-outlined{color:var(--pop-border);font-size:36px}.m-dash-greeting{color:#0f172a;margin-bottom:4px;font-size:22px;font-weight:800}.m-dash-subtitle{color:#64748b;margin-bottom:12px;font-size:14px}.m-dash-email{color:var(--pop-blue);background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:4px 14px;font-size:12px;font-weight:700;display:inline-block}.m-dash-stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px;display:grid}.m-dash-stat{font:inherit;cursor:default;background:#fafbfc;border:1px solid #f1f5f9;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:18px 8px;display:flex}.m-dash-stat-link{cursor:pointer;transition:all .15s}.m-dash-stat-link:active{background:#f1f5f9;transform:scale(.97)}.m-dash-stat-icon{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:8px;display:flex}.m-dash-stat-icon .material-symbols-outlined{font-size:20px}.m-dash-stat-value{color:#0f172a;margin-bottom:2px;font-size:20px;font-weight:900}.m-dash-stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.m-dash-logout{width:100%;font:inherit;color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:center;align-items:center;gap:6px;margin-bottom:24px;padding:12px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.m-dash-logout .material-symbols-outlined{font-size:18px}.m-dash-logout:hover{color:#475569;background:#f8fafc}.m-tools-warning{color:#92400e;background:#fef3c7;border-radius:12px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.m-tools-warning .material-symbols-outlined{flex-shrink:0;font-size:18px}.tools-page-main{padding-top:40px}.tools-sidebar-list{flex-direction:column;gap:12px;display:flex}.tools-sidebar-item{border-radius:var(--pop-radius-lg);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;align-items:flex-start;gap:14px;width:100%;min-height:94px;padding:16px;transition:background-color .2s,box-shadow .2s,transform .2s,border-color .2s;display:flex}.tools-sidebar-item:hover{background:#ffffffb8}.tools-sidebar-item.active{box-shadow:var(--pop-shadow-sm);background:linear-gradient(#fef3c7e6 0%,#fffffffa 100%);border-color:#facc153d}.tools-sidebar-item-icon{width:40px;height:40px;box-shadow:var(--pop-shadow-sm);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.tools-sidebar-item-icon .material-symbols-outlined{font-size:22px}.tools-tone-blue{color:var(--pop-blue);background:linear-gradient(#fff 0%,#f8fbff 100%)}.tools-tone-yellow{color:#f59e0b;background:linear-gradient(#fff 0%,#fffbeb 100%)}.tools-sidebar-item-body{flex:1;min-width:0}.tools-sidebar-item-label{font:inherit;color:#334155;margin-bottom:4px;font-size:15px;font-weight:700;line-height:1.2}.tools-sidebar-item-desc{color:var(--pop-text-muted);font-size:14px;line-height:1.65}.tools-page-illustration{transform-origin:0 100%;margin-top:auto;transform:scale(1.08)}.tools-grid{gap:20px;display:grid}.tools-grid-mobile{grid-template-columns:repeat(2,1fr)}.tool-card{border:1px solid var(--pop-border-soft);border-radius:var(--pop-radius-lg);min-height:210px;box-shadow:var(--pop-shadow-sm);text-align:center;cursor:pointer;background:#fff;flex-direction:column;justify-content:center;align-items:center;padding:24px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative}.tool-card:hover,.tool-card.active{box-shadow:var(--pop-shadow-md);transform:translateY(-2px)}.tool-card--mobile{min-height:188px}.tool-card-hero{justify-content:center;align-items:center;width:100%;min-height:92px;margin-bottom:18px;display:flex;position:relative}.tool-card-blob{opacity:.62;border-radius:42% 58% 46% 54%/54% 42% 58% 46%;width:116px;height:88px;position:absolute}.tool-card-blob--blue{background:#dbeafe}.tool-card-blob--yellow{background:#fef3c7}.tool-card-icon{z-index:1;width:44px;height:44px;box-shadow:var(--pop-shadow-sm);border-radius:12px;justify-content:center;align-items:center;display:inline-flex;position:relative}.tool-card-icon .material-symbols-outlined{font-size:24px}.tool-card-icon--blue{color:#fff;background:linear-gradient(#5e97f6 0%,#3b82f6 100%)}.tool-card-icon--yellow{color:#fff;background:linear-gradient(#fcd34d 0%,#fbbf24 100%)}.tool-card-doodle{line-height:1;position:absolute}.tool-card-doodle-star{color:var(--pop-yellow);font-size:18px;top:36%;left:24%}.tool-card-doodle-heart{color:#60a5fa;font-size:20px;top:6%;right:16%}.tool-card-label{color:#0f172a;margin:0 0 10px;font-size:18px;font-weight:800;line-height:1.2}.tool-card-desc{max-width:380px;color:var(--pop-text-muted);margin:0;font-size:13px;line-height:1.7}.tools-mobile-hero{text-align:center;margin-bottom:20px;padding:8px 16px 0}.tools-mobile-title{color:#0f172a;margin:0 0 8px;font-size:30px;font-weight:900;line-height:1.08}.tools-mobile-subtitle{max-width:280px;color:var(--pop-text-muted);margin:0 auto;font-size:14px;line-height:1.7}@media (max-width:767px){.tools-mobile .mobile-header-searchbar{flex:1}.tools-grid-mobile{gap:16px}.tool-card-label{font-size:20px}.tool-card-desc{font-size:14px}}.tool-page-shell{padding:24px 16px 120px}.tool-page-topbar{align-items:center;gap:8px;margin-bottom:20px;display:flex}.tool-breadcrumb-link{color:#94a3b8;font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:14px;font-weight:700;transition:color .2s;display:inline-flex}.tool-breadcrumb-link .material-symbols-outlined{font-size:16px}.tool-breadcrumb-link:hover{color:var(--pop-blue)}.tool-breadcrumb-sep{color:#cbd5e1;-webkit-user-select:none;user-select:none;font-size:14px;font-weight:600}.tool-breadcrumb-current{color:#0f172a;font-size:14px;font-weight:800}.tool-workbench{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}.tool-workbench-main{flex-direction:column;gap:20px;display:flex}.tool-surface{border:1px solid var(--pop-border-soft);border-radius:var(--pop-radius-lg);box-shadow:var(--pop-shadow-sm);background:#fff;padding:20px}.tool-input,.tool-search-input{border:1px solid var(--pop-border-soft);border-radius:var(--pop-radius-sm);color:#0f172a;width:100%;min-height:48px;font:inherit;background:#fff;outline:none;padding:0 14px;font-size:15px;font-weight:700}.tool-input:focus,.tool-search-input:focus{border-color:#bfdbfe;box-shadow:0 0 0 4px #3b82f61a}.tool-empty{text-align:center;color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:180px;display:flex}.tool-empty.compact{min-height:100px}.tool-empty .material-symbols-outlined{font-size:42px}.tool-empty p{font-size:14px;line-height:1.7}.counter-list{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.tool-page-shell--counter{max-width:1120px;margin:0 auto}.counter-card{flex-direction:column;gap:18px;padding:28px;display:flex}.counter-card-header,.counter-card-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.counter-card-title{align-items:center;gap:16px;min-width:0;display:flex}.counter-index-badge{border-radius:18px;justify-content:center;align-items:center;min-width:58px;min-height:58px;padding:0 14px;font-size:24px;font-weight:900;line-height:1;display:inline-flex}.counter-index-badge.yellow{color:#f4b100;background:#fff7e0}.counter-index-badge.blue{color:#4d8eff;background:#eef4ff}.counter-card-name{color:#0f172a;min-width:0;font:inherit;background:0 0;border:none;outline:none;flex:1;font-size:clamp(24px,3vw,34px);font-weight:800;line-height:1.1}.counter-card-name::placeholder{color:#94a3b8}.counter-card-delete{color:#64748b;cursor:pointer;background:#f8fafc;border:none;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s,color .2s,transform .2s;display:inline-flex}.counter-card-delete .material-symbols-outlined{font-size:20px}.counter-card-delete:hover:not(:disabled),.counter-card-delete:focus-visible:not(:disabled){color:#334155;background:#e2e8f0;transform:translateY(-1px)}.counter-card-delete:disabled{opacity:.48;cursor:not-allowed}.counter-card-main{justify-content:center;align-items:center;gap:20px;padding:2px 0 6px;display:flex}.counter-step-button{border-radius:var(--pop-radius-md);cursor:pointer;border:1px solid #d6dee9;justify-content:center;align-items:center;width:64px;height:64px;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.counter-step-button .material-symbols-outlined{font-variation-settings:"wght" 700;font-size:28px}.counter-step-button:hover,.counter-step-button:focus-visible{box-shadow:var(--pop-shadow-md);transform:translateY(-1px)}.counter-step-button-secondary{color:#334155;background:#fff;border-color:#cbd5e1}.counter-step-button-primary.blue{background:var(--pop-blue);color:#fff;border-color:#0000}.counter-step-button-primary.yellow{color:#fff;background:#fbbf24;border-color:#0000}.counter-value-block{flex-direction:column;align-items:center;min-width:132px;display:flex}.counter-value{color:#0f172a;font-variant-numeric:tabular-nums;font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:clamp(48px,6vw,64px);font-weight:900;line-height:1}.counter-value-label{color:#64748b;margin-top:8px;font-size:13px;font-weight:700}.counter-inline-button{border:1px solid var(--pop-border-soft);color:#334155;min-height:44px;font:inherit;cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:800;transition:border-color .2s,box-shadow .2s,color .2s;display:inline-flex}.counter-inline-button .material-symbols-outlined{font-size:18px}.counter-inline-button:hover,.counter-inline-button:focus-visible{color:var(--pop-blue);border-color:#bfdbfe;box-shadow:0 0 0 4px #3b82f614}.counter-inline-button.ghost{background:#f8fafc}.counter-step-editor{color:#475569;align-items:center;gap:10px;font-size:13px;font-weight:800;display:inline-flex}.counter-step-input{text-align:center;width:92px;min-height:44px;padding:0 12px}.counter-step-pill{min-height:46px;font:inherit;cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;padding:0 18px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.counter-step-pill:hover,.counter-step-pill:focus-visible{box-shadow:var(--pop-shadow-sm);transform:translateY(-1px)}.counter-step-pill.yellow{color:#c27a00;background:#fff7e0}.counter-step-pill.blue{color:#3b82f6;background:#eef4ff}.counter-add-card{color:#3b82f6;min-height:96px;font:inherit;cursor:pointer;background:linear-gradient(#fff 0%,#f8fbff 100%);border:2px dashed #bfd7ff;border-radius:20px;grid-column:1/-1;justify-content:center;align-items:center;gap:12px;font-size:16px;font-weight:800;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;position:relative}.counter-add-card:hover,.counter-add-card:focus-visible{box-shadow:var(--pop-shadow-sm);border-color:#93c5fd;transform:translateY(-1px)}.counter-add-card-plus{font-size:34px;font-weight:500;line-height:1}.counter-add-card-doodle{color:#fbbf24;font-size:28px;position:absolute;bottom:14px;right:28px}.tool-page-shell--gauge{max-width:1120px;margin:0 auto}.gauge-stack{gap:18px}.gauge-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.gauge-clear-row{justify-content:flex-end;display:flex}.gauge-clear-btn{color:#94a3b8;font:inherit;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:4px;padding:6px 14px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.gauge-clear-btn:hover{color:#ef4444;background:#fff5f5;border-color:#fecaca}.gauge-clear-btn .material-symbols-outlined{font-size:16px}.gauge-mode-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #d9e4f3;border-radius:24px;align-items:center;gap:18px;min-height:116px;padding:22px;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;display:flex}.gauge-mode-card:hover,.gauge-mode-card:focus-visible{box-shadow:var(--pop-shadow-sm);transform:translateY(-1px)}.gauge-mode-card.active.active-yellow{background:linear-gradient(#fffdf4 0%,#fff7dd 100%);border-color:#f7d36d}.gauge-mode-card.active.active-blue{background:linear-gradient(#fff 0%,#f5f9ff 100%);border-color:#bfdbfe}.gauge-mode-icon{border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex}.gauge-mode-icon.yellow{color:#f4b100;background:#fff7e0}.gauge-mode-icon.blue{color:#4d8eff;background:#eef4ff}.gauge-mode-icon .material-symbols-outlined{font-size:30px}.gauge-mode-content{flex-direction:column;gap:6px;display:flex}.gauge-mode-title{color:#0f172a;font-size:20px;font-weight:800;line-height:1.2}.gauge-mode-copy{color:#64748b;font-size:14px;line-height:1.7}.gauge-field-grid{gap:16px;display:grid}.gauge-field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.gauge-field-card{flex-direction:column;gap:10px;display:flex}.gauge-field-label{color:#0f172a;font-size:15px;font-weight:800}.gauge-input-wrap{position:relative}.gauge-input{-moz-appearance:textfield;padding-right:64px}.gauge-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.gauge-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.gauge-input-suffix{color:#64748b;pointer-events:none;font-size:16px;font-weight:800;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.gauge-result-card{text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:92px;padding:16px;display:flex}.gauge-result-card.blue{color:#4d8eff;background:#eef4ff}.gauge-result-card.yellow{color:#c27a00;background:#fff7e0}.gauge-formula-box{color:#475569;background:#f8fafc;border-radius:16px;margin-top:18px;padding:14px 16px;font-size:13px;font-weight:700;line-height:1.7}.gauge-flow{flex-direction:column;gap:0;padding:28px 28px 24px;display:flex}.gauge-flow-step{gap:20px;padding-bottom:28px;display:flex}.gauge-flow-step--last{padding-bottom:0}.gauge-flow-indicator{flex-direction:column;flex-shrink:0;align-items:center;gap:0;width:32px;display:flex}.gauge-flow-dot{color:#94a3b8;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:800;transition:all .3s;display:flex}.gauge-flow-dot.done{color:#fff;background:linear-gradient(135deg,#3b82f6,#60a5fa);border-color:#3b82f6;box-shadow:0 2px 8px #3b82f640}.gauge-flow-dot.result{color:#c27a00;background:#fff7e0;border-color:#fde68a}.gauge-flow-dot.result.done{color:#fff;background:linear-gradient(135deg,#f59e0b,#fbbf24);border-color:#f59e0b;box-shadow:0 2px 8px #fbbf244d}.gauge-flow-line{background:#e2e8f0;border-radius:999px;flex:1;width:2px;min-height:20px;margin-top:6px}.gauge-flow-body{flex-direction:column;flex:1;gap:16px;min-width:0;display:flex}.gauge-flow-head{flex-direction:column;gap:4px;display:flex}.gauge-flow-title{color:#0f172a;margin:0;font-size:16px;font-weight:800;line-height:1.4}.gauge-flow-desc{color:#94a3b8;margin:0;font-size:13px;font-weight:600;line-height:1.5}.gauge-result-inline{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.gauge-result-pill{text-align:center;background:linear-gradient(#eef4ff 0%,#e0ecff 100%);border:1px solid #bfdbfe;border-radius:18px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:120px;min-height:72px;padding:12px 20px;transition:all .3s;display:flex}.gauge-result-pill.compact{flex:0;min-width:90px;min-height:56px;padding:8px 14px}.gauge-result-pill-number{color:#0f172a;font-size:32px;font-weight:900;line-height:1}.gauge-result-pill.compact .gauge-result-pill-number{font-size:26px}.gauge-result-pill-label{color:#3b82f6;margin-top:4px;font-size:13px;font-weight:800}.gauge-result-x{color:#cbd5e1;font-size:20px;font-weight:800}.gauge-flow .gauge-formula-box{margin-top:14px}.gauge-convert-pair{align-items:center;gap:10px;margin-bottom:12px;display:flex}.gauge-convert-pair:last-of-type{margin-bottom:0}.gauge-convert-label{color:#64748b;text-align:right;flex-shrink:0;width:36px;font-size:13px;font-weight:800}.gauge-convert-input{flex:1;min-width:0}.gauge-convert-input .tool-input{min-height:42px;padding-right:12px;font-size:15px}.gauge-convert-arrow{color:#cbd5e1;flex-shrink:0;font-size:18px;font-weight:800}.gauge-convert-result{color:#94a3b8;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;min-width:64px;height:42px;padding:0 14px;font-size:22px;font-weight:900;transition:all .3s;display:flex}.gauge-convert-result.has-value{color:#0f172a;background:linear-gradient(#eef4ff 0%,#e0ecff 100%);border-color:#bfdbfe}@media (max-width:640px){.gauge-flow{padding:20px 16px 18px}.gauge-flow-step{gap:14px;padding-bottom:22px}.gauge-flow-indicator{width:28px}.gauge-flow-dot{width:28px;height:28px;font-size:12px}.gauge-result-pill{min-width:80px;min-height:60px;padding:10px 14px}.gauge-result-pill-number{font-size:26px}.gauge-convert-label{width:28px;font-size:12px}.gauge-convert-result{min-width:54px;font-size:18px}}.gauge-tip-card{background:linear-gradient(#fff 0%,#f8fbff 100%);border:2px dashed #bfd7ff;border-radius:20px;align-items:center;gap:12px;min-height:84px;padding:18px 22px;display:flex;position:relative;overflow:hidden}.gauge-tip-card p{color:#64748b;margin:0;font-size:14px;font-weight:700;line-height:1.8}.gauge-tip-icon{color:#4d8eff;background:#eef4ff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.gauge-tip-icon .material-symbols-outlined{font-size:20px}.gauge-tip-doodle{width:120px;height:44px;position:absolute;bottom:10px;right:16px}.gauge-tip-thread{border-bottom:4px solid #67a7ff;border-radius:999px;width:84px;height:28px;position:absolute;bottom:2px;right:0}.gauge-tip-heart{color:#fbbf24;font-size:16px;position:absolute;top:8px;left:46px}.gauge-tip-star{color:#8ab4ff;font-size:14px;position:absolute;top:2px;right:12px}.tool-page-shell--stitch{max-width:1120px;margin:0 auto}.stitch-stack{gap:18px}.stitch-search-surface{box-shadow:none;background:0 0;border:none;padding:0}.stitch-searchbar{position:relative}.stitch-search-input{background:#fff;border-color:#bfd7ff;border-radius:18px;min-height:60px;padding-left:20px;font-size:16px;font-weight:700}.stitch-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-top:18px;display:flex}.stitch-toolbar-count{color:#64748b;font-size:14px;font-weight:700}.stitch-toolbar-actions{align-items:center;gap:12px;display:flex}.stitch-toolbar-select{border:1px solid var(--pop-border-soft);color:#64748b;background:#fff;border-radius:14px;align-items:center;gap:8px;min-height:44px;padding:0 12px;display:inline-flex}.stitch-toolbar-select select{font:inherit;color:#64748b;cursor:pointer;background:0 0;border:none;outline:none;font-size:14px;font-weight:700}.stitch-toolbar-select .material-symbols-outlined{font-size:20px}.stitch-toolbar-select-accent{color:#c27a00;background:#fff9eb;border-color:#fde7a8}.stitch-toolbar-select-accent select{color:#c27a00}.stitch-group{flex-direction:column;gap:16px;display:flex}.stitch-group-header{justify-content:space-between;align-items:center;display:flex}.stitch-group-title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stitch-group-title h2{color:#0f172a;margin:0;font-size:18px;font-weight:800;line-height:1.2}.stitch-group-title span:last-child{color:#64748b;font-size:14px;font-weight:700}.stitch-group-icon{border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.stitch-group-icon.add{color:#f4b100;background:#fff7e0}.stitch-group-icon.sub{color:#ef4444;background:#ffeaea}.stitch-group-icon.neutral{color:#3b82f6;background:#eef4ff}.stitch-group-icon .material-symbols-outlined{font-size:18px}.stitch-group-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;display:grid}.stitch-item-card{background:#fff;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;min-height:62px;padding:14px 18px;display:flex}.stitch-item-card.add{background:linear-gradient(#fffdf7 0%,#fff9ec 100%);border:1px solid #fde7a8}.stitch-item-card.sub{background:linear-gradient(#fffdfd 0%,#fff5f5 100%);border:1px solid #ffd5d5}.stitch-item-card.neutral{background:linear-gradient(#fff 0%,#f7faff 100%);border:1px solid #d8e8ff}.stitch-item-main{align-items:center;gap:14px;min-width:0;display:flex}.stitch-item-chip{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;min-width:74px;min-height:32px;padding:0 14px;font-size:14px;font-weight:800;display:inline-flex}.stitch-item-chip.add{color:#c27a00;background:#fff7e0}.stitch-item-chip.sub{color:#dc2626;background:#ffeaea}.stitch-item-chip.neutral{color:#2563eb;background:#eef4ff}.stitch-item-name{color:#334155;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;font-weight:700;overflow:hidden}.stitch-item-delta{background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;min-width:52px;min-height:38px;padding:0 12px;font-size:16px;font-weight:800;display:inline-flex}.stitch-item-delta.add{color:#f4b100;border:2px solid #f4b100}.stitch-item-delta.sub{color:#ef4444;border:2px solid #ef4444}.stitch-item-delta.neutral{color:#3b82f6;border:2px solid #3b82f6}.stitch-tip-card{background:linear-gradient(#fff 0%,#f8fbff 100%);border:2px dashed #bfd7ff;border-radius:20px;align-items:center;gap:12px;min-height:84px;padding:18px 22px;display:flex;position:relative;overflow:hidden}.stitch-tip-card p{color:#64748b;margin:0;font-size:14px;font-weight:700;line-height:1.8}.stitch-tip-icon{color:#4d8eff;background:#eef4ff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.stitch-tip-icon .material-symbols-outlined{font-size:20px}.stitch-tip-doodle{width:112px;height:36px;position:absolute;bottom:6px;right:18px}.stitch-tip-thread{border-bottom:4px solid #67a7ff;border-radius:999px;width:76px;height:24px;position:absolute;bottom:0;right:0}.stitch-tip-heart{color:#67a7ff;font-size:16px;position:absolute;top:0;right:28px}.tool-page-shell--needle{max-width:1120px;margin:0 auto}.needle-stack{gap:18px}.needle-panel{padding:18px 20px}.needle-section-title{align-items:center;gap:10px;margin-bottom:16px;display:flex}.needle-section-title h2{color:#0f172a;margin:0;font-size:18px;font-weight:800;line-height:1.2}.needle-section-badge{border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:inline-flex}.needle-section-badge.pink{color:#ff6a9f;background:#ffe7f1}.needle-section-badge.blue{color:#4d8eff;background:#eaf3ff}.needle-section-badge.yellow{color:#f4b100;background:#fff7e0}.needle-system-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.needle-system-tab{color:#334155;min-height:42px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;font-size:15px;font-weight:800;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}.needle-system-tab:hover,.needle-system-tab:focus-visible{box-shadow:var(--pop-shadow-sm);transform:translateY(-1px)}.needle-system-tab.active{color:#1d4ed8;background:linear-gradient(#eff6ff 0%,#dbeafe 100%);border-color:#93c5fd}.needle-search-row{flex-wrap:nowrap;align-items:center;gap:10px;display:flex}.needle-input{-moz-appearance:textfield;flex:1}.needle-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.needle-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.needle-inline-unit{color:#334155;font-size:18px;font-weight:800}.needle-inline-note{color:#94a3b8;margin-top:10px;font-size:13px;font-weight:700}.needle-chip-value.warm{color:#c2416a;background:#ffe7f1}.needle-chip-value.cool{color:#2563eb;background:#dbeafe}.needle-chip-value.sunshine{color:#c27a00;background:#fff7e0}.needle-chip-value.mint{color:#1f8a5b;background:#e7f7ef}.needle-table-surface{padding:18px 18px 14px}.needle-table-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.needle-table-toggle{color:#64748b;cursor:pointer;align-items:center;gap:10px;font-size:14px;font-weight:700;display:inline-flex}.needle-table-toggle input{opacity:0;pointer-events:none;position:absolute}.needle-table-toggle-track{background:#e2e8f0;border-radius:999px;align-items:center;width:42px;height:24px;padding:3px;transition:background .2s;display:inline-flex}.needle-table-toggle-thumb{background:#fff;border-radius:999px;width:18px;height:18px;transition:transform .2s;box-shadow:0 1px 3px #0f172a2e}.needle-table-toggle input:checked+.needle-table-toggle-track{background:#bfdbfe}.needle-table-toggle input:checked+.needle-table-toggle-track .needle-table-toggle-thumb{transform:translate(18px)}.needle-table-wrap{border:1px solid #e2e8f0;border-radius:14px;overflow-x:auto}.needle-table{border-collapse:separate;border-spacing:0;width:100%;min-width:720px}.needle-table th,.needle-table td{text-align:center;color:#334155;padding:11px 10px;font-size:15px}.needle-table th{color:#1d4ed8;letter-spacing:.3px;background:#eff6ff;border-bottom:2px solid #bfdbfe;font-size:13px;font-weight:800}.needle-table td{background:#fff;border-bottom:1px solid #f1f5f9;font-weight:700}.needle-table tbody tr:last-child td{border-bottom:none}.needle-table th.mm{color:#1e40af;background:#dbeafe}.needle-table td.mm{color:#0f172a;background:#f0f6ff;font-weight:900}.needle-table tbody tr:hover td{background:#fafbff}.needle-table tbody tr:hover td.mm{background:#e8f0fe}.needle-tip-card{background:linear-gradient(#fff 0%,#f8fbff 100%);border:2px dashed #bfd7ff;border-radius:20px;align-items:center;gap:12px;min-height:84px;padding:18px 22px;display:flex;position:relative;overflow:hidden}.needle-tip-card p{color:#64748b;margin:0;font-size:14px;font-weight:700;line-height:1.8}.needle-tip-icon{color:#4d8eff;background:#eef4ff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.needle-tip-icon .material-symbols-outlined{font-size:20px}.needle-tip-doodle{width:112px;height:36px;position:absolute;bottom:6px;right:18px}.needle-tip-thread{border-bottom:4px solid #67a7ff;border-radius:999px;width:76px;height:24px;position:absolute;bottom:0;right:0}.needle-tip-heart{color:#f4b100;font-size:16px;position:absolute;top:0;right:28px}.needle-chip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.needle-chip{border-radius:var(--pop-radius-md);background:#f8fafc;flex-direction:column;gap:8px;padding:14px;display:flex}.needle-chip-label{color:#64748b;font-size:12px;font-weight:800}.needle-chip-value{color:#1d4ed8;background:#eef4ff;border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:0 12px;font-size:15px;font-weight:900;display:inline-flex}.needle-chip-value.blue{color:var(--pop-blue);background:#dbeafe}.needle-chip-value.yellow{background:var(--pop-yellow-light);color:#a16207}.needle-chip-value.neutral{color:#334155;background:#e2e8f0}.needle-table-wrap{border:1px solid var(--pop-border-soft);border-radius:var(--pop-radius-md);margin-top:16px;overflow:auto}.needle-table{border-collapse:collapse;width:100%;font-size:13px}.needle-table th,.needle-table td{text-align:center;border-bottom:1px solid #e5e7eb;padding:10px 12px}.needle-table th{color:#334155;background:#f8fafc;font-weight:800}.needle-table td{color:#475569}@media (min-width:768px){.tool-page-shell{padding:32px 32px 64px}.tool-workbench.two-column{grid-template-columns:minmax(0,1fr) 280px}}@media (max-width:767px){.tool-page-shell{padding-bottom:110px}.tool-page-shell--counter,.tool-page-shell--gauge,.tool-page-shell--stitch,.tool-page-shell--needle{padding-bottom:108px}.needle-panel,.needle-table-surface{padding:16px}.gauge-mode-card{padding:20px 16px}.gauge-mode-grid{grid-template-columns:1fr}.gauge-field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gauge-mode-card{min-height:104px}.gauge-mode-title{font-size:18px}.gauge-result-card{min-height:82px}.gauge-tip-card{align-items:flex-start;padding:18px 16px 44px}.gauge-tip-doodle{bottom:4px;right:10px}.stitch-toolbar,.stitch-toolbar-actions,.stitch-group-grid{grid-template-columns:1fr}.stitch-toolbar{flex-direction:column;align-items:stretch}.stitch-toolbar-actions{display:grid}.stitch-toolbar-select,.stitch-toolbar-select select{width:100%}.stitch-group-grid{display:grid}.stitch-item-card{padding:14px}.stitch-item-main{gap:10px}.stitch-item-name{font-size:15px}.stitch-tip-card{align-items:flex-start;padding:18px 16px 40px}.needle-system-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.needle-search-row{flex-wrap:wrap;gap:8px}.needle-table-header{flex-direction:column;align-items:stretch}.needle-chip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.needle-inline-unit{font-size:16px}.needle-table-toggle{justify-content:flex-end}.needle-tip-card{align-items:flex-start;padding:18px 16px 40px}}@media (prefers-reduced-motion:reduce){.counter-card-delete,.counter-step-button,.counter-inline-button,.counter-step-pill,.counter-add-card,.gauge-mode-card,.stitch-toolbar-select,.stitch-item-card,.needle-system-tab,.needle-table-toggle-track,.needle-table-toggle-thumb{transition:none}}.tools-desktop-embed .home-shell,.tools-desktop-embed .home-main{all:unset;display:contents}.tools-desktop-embed .tool-page-shell{max-width:none;padding:0}.tools-desktop-embed .tool-page-topbar{display:none}.tools-desktop-embed .tool-workbench{padding:0}@media (max-width:767px){.counter-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.counter-card{gap:8px;padding:12px 10px}.counter-index-badge{border-radius:8px;min-width:28px;min-height:28px;padding:0 6px;font-size:12px}.counter-card-title{gap:6px}.counter-card-name{font-size:13px}.counter-card-delete{width:26px;height:26px}.counter-card-delete .material-symbols-outlined{font-size:14px}.counter-value{font-size:28px}.counter-value-label{margin-top:2px;font-size:10px}.counter-value-block{min-width:0}.counter-card-main{gap:6px;padding:0}.counter-step-button{border-radius:8px;width:34px;height:34px}.counter-step-button .material-symbols-outlined{font-size:18px}.counter-card-footer{flex-wrap:wrap;gap:4px}.counter-inline-button,.counter-step-pill{min-width:0;min-height:28px;padding:0 8px;font-size:11px}.counter-add-card{min-height:60px;font-size:13px}.counter-add-card-plus{font-size:20px}}.colorwork-screen{background:var(--pop-bg);color:var(--pop-border)}.colorwork-mini-tabs-scroll::-webkit-scrollbar{display:none}.colorwork-screen.screen.active{max-width:1120px}.colorwork-panel,.colorwork-flow-card,.colorwork-control-card,.colorwork-progress-card,.colorwork-upload-zone,.colorwork-tips-card,.colorwork-save-card,.colorwork-dialog{border:1px solid var(--pop-border-soft)!important;border-radius:var(--pop-radius-lg)!important;box-shadow:var(--pop-shadow-sm)!important;background:#fff!important}.colorwork-panel{padding:24px!important}.colorwork-flow-card,.colorwork-control-card,.colorwork-progress-card{margin-bottom:12px!important;padding:14px!important}.colorwork-flow-card summary,.colorwork-control-card summary{color:#0f172a!important;margin-bottom:10px!important;padding:0!important}.colorwork-step-dot{border-color:var(--pop-border-soft)!important;color:var(--pop-text-muted)!important;background:#f8fafc!important}.colorwork-step-dot[style*=pop-pink],.colorwork-flow-card [style*=pop-pink]{background:var(--pop-blue-light)!important;color:var(--pop-blue-text)!important;border-color:#bfdbfe!important}.colorwork-note-card{border-radius:var(--pop-radius-md)!important;color:var(--pop-blue-text)!important;background:#f8fbff!important;border:1px solid #3b82f62e!important}.colorwork-upload-zone{background:linear-gradient(#fff 0%,#f8fbff 100%)!important;border-style:dashed!important;border-color:#bfdbfe!important;min-height:240px!important;transition:border-color .15s,box-shadow .15s,transform .15s!important}.colorwork-upload-zone:hover{transform:translateY(-2px);border-color:var(--pop-blue)!important;box-shadow:var(--pop-shadow-md)!important}.colorwork-upload-icon{box-shadow:var(--pop-shadow-sm);background:var(--pop-blue-light)!important;color:var(--pop-blue-text)!important;border:none!important}.colorwork-tips-card{background:#fffbeb!important;border-color:#facc1557!important}.colorwork-segmented,.colorwork-calibrate [style*="overflow: hidden"],.colorwork-work [style*="overflow: hidden"]{border-color:var(--pop-border-soft)!important;border-radius:var(--pop-radius-md)!important}.colorwork-segmented button,.colorwork-calibrate button,.colorwork-work button,.colorwork-screen button{border-radius:var(--pop-radius-sm)!important}.colorwork-primary-button{color:var(--pop-blue-text)!important;box-shadow:var(--pop-shadow-sm)!important;background:#eff6ff!important;border:1px solid #bfdbfe!important}.colorwork-primary-button:hover{box-shadow:var(--pop-shadow-sm)!important;background:#dbeafe!important}.colorwork-secondary-button,.colorwork-mini-button,.colorwork-nav-button,.colorwork-stepper-button{border:1px solid var(--pop-border-soft)!important;color:#334155!important;box-shadow:var(--pop-shadow-sm)!important;background:#fff!important}.colorwork-secondary-button:hover,.colorwork-mini-button:hover,.colorwork-stepper-button:hover{color:var(--pop-blue-text)!important;background:#eff6ff!important;border-color:#bfdbfe!important}.colorwork-stepper-button{min-width:28px!important;min-height:28px!important}.colorwork-link-button{color:var(--pop-text-muted)!important}.colorwork-link-button:hover{color:var(--pop-blue-text)!important}.colorwork-status-card{border-radius:var(--pop-radius-md)!important;padding:8px 10px!important}.colorwork-status-card.is-ready{background:#eff6ff!important;border-color:#bfdbfe!important}.colorwork-status-card.is-ready span{color:var(--pop-blue-text)!important}.colorwork-status-card.is-editing{background:#fffbeb!important;border-color:#facc1573!important}.colorwork-status-card.is-editing span{color:#a16207!important}.colorwork-canvas-frame,.colorwork-work-canvas-frame{box-shadow:var(--pop-shadow-sm);border:1px solid var(--pop-border-soft)!important;border-radius:var(--pop-radius-lg)!important;background:#0f172a!important}.colorwork-repeat-card{border:1px solid var(--pop-border-soft)!important;border-radius:var(--pop-radius-md)!important;background:#f8fafc!important}.colorwork-work-settings [style*=pop-yellow]{background:var(--pop-blue-light)!important;color:var(--pop-blue-text)!important}.colorwork-bottom-actions{flex-wrap:wrap;gap:8px!important;display:flex!important}.colorwork-bottom-actions .colorwork-nav-button{flex:calc(50% - 4px);order:1;min-width:0;width:auto!important;height:44px!important;font-size:0!important;font-weight:800!important}.colorwork-bottom-actions .colorwork-nav-button:before,.colorwork-bottom-actions .colorwork-nav-button:first-child:after{font-size:13px}.colorwork-bottom-actions .colorwork-nav-button:after{margin-left:6px;font-size:13px}.colorwork-bottom-actions .colorwork-nav-button:first-child:before{content:"↑"}.colorwork-bottom-actions .colorwork-nav-button:first-child:after{content:"上一行"}.colorwork-bottom-actions .colorwork-nav-button:last-child:before{content:"↓"}.colorwork-bottom-actions .colorwork-nav-button:last-child:after{content:"下一行"}.colorwork-bottom-actions .colorwork-primary-button{order:2;min-height:52px;flex:100%!important}.colorwork-save-card{padding:12px!important}.colorwork-save-card button{box-shadow:var(--pop-shadow-sm);border:1px solid var(--pop-border-soft)!important;color:#334155!important;background:#fff!important}.colorwork-save-card button:hover{color:var(--pop-blue-text)!important;background:#eff6ff!important;border-color:#bfdbfe!important}.colorwork-progress-card{border-color:var(--pop-border-soft)!important}.colorwork-toast{box-shadow:var(--pop-shadow-md)!important;background:#0f172a!important;border-radius:999px!important}.colorwork-dialog-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a47!important}.colorwork-dialog{max-width:380px!important;padding:20px!important}.colorwork-dialog button:last-child{background:var(--pop-blue)!important;color:#fff!important;border:none!important}@media (min-width:768px){.colorwork-screen.screen.active{padding:24px 32px 56px}}@media (max-width:767px){.colorwork-panel{padding:16px!important}}@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-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-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 enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}