@layer properties;@layer theme, base, components, utilities;@layer theme{:root, :host{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
"Courier New", monospace;--color-red-50:oklch(97.1% 0.013 17.38);--color-red-100:oklch(93.6% 0.032 17.717);--color-red-200:oklch(88.5% 0.062 18.334);--color-red-500:oklch(63.7% 0.237 25.331);--color-red-600:oklch(57.7% 0.245 27.325);--color-red-700:oklch(50.5% 0.213 27.518);--color-red-900:oklch(39.6% 0.141 25.723);--color-amber-50:oklch(98.7% 0.022 95.277);--color-amber-200:oklch(92.4% 0.12 95.746);--color-amber-500:oklch(76.9% 0.188 70.08);--color-amber-600:oklch(66.6% 0.179 58.318);--color-amber-900:oklch(41.4% 0.112 45.904);--color-emerald-50:oklch(97.9% 0.021 166.113);--color-emerald-100:oklch(95% 0.052 163.051);--color-emerald-200:oklch(90.5% 0.093 164.15);--color-emerald-400:oklch(76.5% 0.177 163.223);--color-emerald-500:oklch(69.6% 0.17 162.48);--color-emerald-600:oklch(59.6% 0.145 163.225);--color-emerald-700:oklch(50.8% 0.118 165.612);--color-emerald-900:oklch(37.8% 0.077 168.94);--color-teal-600:oklch(60% 0.118 184.704);--color-blue-50:oklch(97% 0.014 254.604);--color-blue-100:oklch(93.2% 0.032 255.585);--color-blue-200:oklch(88.2% 0.059 254.128);--color-blue-500:oklch(62.3% 0.214 259.815);--color-blue-600:oklch(54.6% 0.245 262.881);--color-blue-700:oklch(48.8% 0.243 264.376);--color-blue-900:oklch(37.9% 0.146 265.522);--color-slate-50:oklch(98.4% 0.003 247.858);--color-slate-100:oklch(96.8% 0.007 247.896);--color-slate-200:oklch(92.9% 0.013 255.508);--color-slate-300:oklch(86.9% 0.022 252.894);--color-slate-400:oklch(70.4% 0.04 256.788);--color-slate-500:oklch(55.4% 0.046 257.417);--color-slate-600:oklch(44.6% 0.043 257.281);--color-slate-700:oklch(37.2% 0.044 257.287);--color-slate-900:oklch(20.8% 0.042 265.755);--color-white:#fff;--spacing:0.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--text-xs:0.75rem;--text-xs--line-height:calc(1 / 0.75);--text-sm:0.875rem;--text-sm--line-height:calc(1.25 / 0.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;--tracking-tight:-0.025em;--tracking-wide:0.025em;--tracking-wider:0.05em;--leading-relaxed:1.625;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;--blur-sm:8px;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);}}@layer base{*, ::after, ::before, ::backdrop, ::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid;}html, :host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;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{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}table{text-indent:0;border-color:inherit;border-collapse:collapse;}:-moz-focusring:where(:not(iframe)){outline:auto;}progress{vertical-align:baseline;}summary{display:list-item;}ol, ul, menu{list-style:none;}img, svg, video, canvas, audio, iframe, embed, object{display:block;vertical-align:middle;}img, video{max-width:100%;height:auto;}button, input, select, optgroup, textarea, ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1;}: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)){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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-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"]), ::file-selector-button{appearance:button;}::-webkit-inner-spin-button, ::-webkit-outer-spin-button{height:auto;}[hidden]:where(:not([hidden="until-found"])){display:none !important;}}@layer utilities{.absolute{position:absolute;}.fixed{position:fixed;}.relative{position:relative;}.sticky{position:sticky;}.inset-0{inset:0px;}.inset-y-0{inset-block:0px;}.-top-1\.5{top:calc(var(--spacing) * -1.5);}.top-0{top:0px;}.top-1\/2{top:calc(1 / 2 * 100%);}.top-2{top:calc(var(--spacing) * 2);}.-right-1\.5{right:calc(var(--spacing) * -1.5);}.right-2{right:calc(var(--spacing) * 2);}.right-3{right:calc(var(--spacing) * 3);}.bottom-3{bottom:calc(var(--spacing) * 3);}.left-0{left:0px;}.left-3\.5{left:calc(var(--spacing) * 3.5);}.z-20{z-index:20;}.z-30{z-index:30;}.z-40{z-index:40;}.z-50{z-index:50;}.z-\[100\]{z-index:100;}.col-span-full{grid-column:1 / -1;}.container{width:100%;@media (width >= 40rem){max-width:40rem;}@media (width >= 48rem){max-width:48rem;}@media (width >= 64rem){max-width:64rem;}@media (width >= 80rem){max-width:80rem;}@media (width >= 96rem){max-width:96rem;}}.m-0{margin:0px;}.mt-0\.5{margin-top:calc(var(--spacing) * 0.5);}.mt-1{margin-top:var(--spacing);}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5);}.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);}.mr-1{margin-right:var(--spacing);}.mr-2{margin-right:calc(var(--spacing) * 2);}.mb-0\.5{margin-bottom:calc(var(--spacing) * 0.5);}.mb-1{margin-bottom:var(--spacing);}.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);}.block{display:block;}.flex{display:flex;}.grid{display:grid;}.hidden{display:none;}.inline-flex{display:inline-flex;}.h-2{height:calc(var(--spacing) * 2);}.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-28{height:calc(var(--spacing) * 28);}.h-\[18px\]{height:18px;}.h-full{height:100%;}.max-h-80{max-height:calc(var(--spacing) * 80);}.max-h-\[85vh\]{max-height:85vh;}.max-h-\[90vh\]{max-height:90vh;}.max-h-\[600px\]{max-height:600px;}.min-h-\[60vh\]{min-height:60vh;}.min-h-\[100px\]{min-height:100px;}.min-h-\[160px\]{min-height:160px;}.min-h-\[200px\]{min-height:200px;}.min-h-\[250px\]{min-height:250px;}.min-h-\[300px\]{min-height:300px;}.min-h-\[350px\]{min-height:350px;}.min-h-\[400px\]{min-height:400px;}.min-h-screen{min-height:100vh;}.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-9{width:calc(var(--spacing) * 9);}.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-16{width:calc(var(--spacing) * 16);}.w-20{width:calc(var(--spacing) * 20);}.w-64{width:calc(var(--spacing) * 64);}.w-72{width:calc(var(--spacing) * 72);}.w-auto{width:auto;}.w-full{width:100%;}.max-w-lg{max-width:var(--container-lg);}.max-w-md{max-width:var(--container-md);}.max-w-none{max-width:none;}.max-w-sm{max-width:var(--container-sm);}.min-w-0{min-width:0px;}.min-w-\[18px\]{min-width:18px;}.min-w-\[100px\]{min-width:100px;}.min-w-\[140px\]{min-width:140px;}.flex-1{flex:1;}.shrink-0{flex-shrink:0;}.border-collapse{border-collapse:collapse;}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y);}.translate-x-0{--tw-translate-x:0px;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);}.animate-pulse{animation:var(--animate-pulse);}.animate-spin{animation:var(--animate-spin);}.cursor-pointer{cursor:pointer;}.resize{resize:both;}.resize-none{resize:none;}.resize-y{resize:vertical;}.list-disc{list-style-type:disc;}.list-none{list-style-type:none;}.grid-cols-1{grid-template-columns:repeat(1, 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-between{justify-content:space-between;}.justify-center{justify-content:center;}.justify-end{justify-content:flex-end;}.gap-1{gap:var(--spacing);}.gap-1\.5{gap:calc(var(--spacing) * 1.5);}.gap-2{gap:calc(var(--spacing) * 2);}.gap-2\.5{gap:calc(var(--spacing) * 2.5);}.gap-3{gap:calc(var(--spacing) * 3);}.gap-4{gap:calc(var(--spacing) * 4);}.gap-5{gap:calc(var(--spacing) * 5);}:where(.space-y-0\.5 > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));}:where(.space-y-1 > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));}:where(.space-y-1\.5 > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));}:where(.space-y-2 > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));}:where(.space-y-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(.divide-y > :not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));}:where(.divide-slate-200 > :not(:last-child)){border-color:var(--color-slate-200);}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.overflow-hidden{overflow:hidden;}.overflow-x-auto{overflow-x:auto;}.overflow-y-auto{overflow-y:auto;}.rounded{border-radius:0.25rem;}.rounded-2xl{border-radius:var(--radius-2xl);}.rounded-full{border-radius:calc(infinity * 1px);}.rounded-lg{border-radius:var(--radius-lg);}.rounded-xl{border-radius:var(--radius-xl);}.border{border-style:var(--tw-border-style);border-width:1px;}.border-2{border-style:var(--tw-border-style);border-width:2px;}.border-3{border-style:var(--tw-border-style);border-width:3px;}.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-dashed{--tw-border-style:dashed;border-style:dashed;}.border-amber-200{border-color:var(--color-amber-200);}.border-blue-200{border-color:var(--color-blue-200);}.border-emerald-200{border-color:var(--color-emerald-200);}.border-red-200{border-color:var(--color-red-200);}.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-white{border-color:var(--color-white);}.border-t-emerald-500{border-top-color:var(--color-emerald-500);}.bg-amber-50{background-color:var(--color-amber-50);}.bg-blue-50{background-color:var(--color-blue-50);}.bg-blue-100{background-color:var(--color-blue-100);}.bg-emerald-50{background-color:var(--color-emerald-50);}.bg-emerald-100{background-color:var(--color-emerald-100);}.bg-emerald-500{background-color:var(--color-emerald-500);}.bg-red-50{background-color:var(--color-red-50);}.bg-red-100{background-color:var(--color-red-100);}.bg-red-500{background-color:var(--color-red-500);}.bg-red-600{background-color:var(--color-red-600);}.bg-slate-50{background-color:var(--color-slate-50);}.bg-slate-100{background-color:var(--color-slate-100);}.bg-slate-200{background-color:var(--color-slate-200);}.bg-slate-900\/40{background-color:color-mix(in srgb, oklch(20.8% 0.042 265.755) 40%, transparent);@supports (color:color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-slate-900) 40%, transparent);}}.bg-slate-900\/50{background-color:color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent);@supports (color:color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-slate-900) 50%, transparent);}}.bg-transparent{background-color:transparent;}.bg-white{background-color:var(--color-white);}.bg-white\/20{background-color:color-mix(in srgb, #fff 20%, transparent);@supports (color:color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-white) 20%, transparent);}}.bg-white\/80{background-color:color-mix(in srgb, #fff 80%, transparent);@supports (color:color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-white) 80%, transparent);}}.bg-white\/95{background-color:color-mix(in srgb, #fff 95%, transparent);@supports (color:color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-white) 95%, transparent);}}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));}.from-emerald-500{--tw-gradient-from:var(--color-emerald-500);--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));}.to-teal-600{--tw-gradient-to:var(--color-teal-600);--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));}.p-2{padding:calc(var(--spacing) * 2);}.p-3{padding:calc(var(--spacing) * 3);}.p-3\.5{padding:calc(var(--spacing) * 3.5);}.p-4{padding:calc(var(--spacing) * 4);}.p-5{padding:calc(var(--spacing) * 5);}.p-6{padding:calc(var(--spacing) * 6);}.p-8{padding:calc(var(--spacing) * 8);}.px-1{padding-inline:var(--spacing);}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5);}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5);}.px-3{padding-inline:calc(var(--spacing) * 3);}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5);}.px-4{padding-inline:calc(var(--spacing) * 4);}.px-5{padding-inline:calc(var(--spacing) * 5);}.px-6{padding-inline:calc(var(--spacing) * 6);}.px-8{padding-inline:calc(var(--spacing) * 8);}.py-0\.5{padding-block:calc(var(--spacing) * 0.5);}.py-1{padding-block:var(--spacing);}.py-2{padding-block:calc(var(--spacing) * 2);}.py-2\.5{padding-block:calc(var(--spacing) * 2.5);}.py-3{padding-block:calc(var(--spacing) * 3);}.py-4{padding-block:calc(var(--spacing) * 4);}.py-6{padding-block:calc(var(--spacing) * 6);}.py-12{padding-block:calc(var(--spacing) * 12);}.py-16{padding-block:calc(var(--spacing) * 16);}.pt-2{padding-top:calc(var(--spacing) * 2);}.pt-3{padding-top:calc(var(--spacing) * 3);}.pt-6{padding-top:calc(var(--spacing) * 6);}.pr-2{padding-right:calc(var(--spacing) * 2);}.pr-3\.5{padding-right:calc(var(--spacing) * 3.5);}.pb-2{padding-bottom:calc(var(--spacing) * 2);}.pb-3{padding-bottom:calc(var(--spacing) * 3);}.pb-4{padding-bottom:calc(var(--spacing) * 4);}.pl-3{padding-left:calc(var(--spacing) * 3);}.pl-3\.5{padding-left:calc(var(--spacing) * 3.5);}.pl-5{padding-left:calc(var(--spacing) * 5);}.pl-9{padding-left:calc(var(--spacing) * 9);}.pl-10{padding-left:calc(var(--spacing) * 10);}.text-center{text-align:center;}.text-left{text-align:left;}.text-right{text-align:right;}.font-mono{font-family:var(--font-mono);}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height));}.text-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\.7rem\]{font-size:0.7rem;}.text-\[0\.95rem\]{font-size:0.95rem;}.text-\[10px\]{font-size:10px;}.leading-none{--tw-leading:1;line-height:1;}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);}.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-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);}.text-amber-500{color:var(--color-amber-500);}.text-amber-600{color:var(--color-amber-600);}.text-amber-900{color:var(--color-amber-900);}.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-blue-900{color:var(--color-blue-900);}.text-emerald-100{color:var(--color-emerald-100);}.text-emerald-500{color:var(--color-emerald-500);}.text-emerald-600{color:var(--color-emerald-600);}.text-emerald-700{color:var(--color-emerald-700);}.text-emerald-900{color:var(--color-emerald-900);}.text-red-500{color:var(--color-red-500);}.text-red-600{color:var(--color-red-600);}.text-red-700{color:var(--color-red-700);}.text-red-900{color:var(--color-red-900);}.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);}.lowercase{text-transform:lowercase;}.uppercase{text-transform:uppercase;}.italic{font-style:italic;}.underline{text-decoration-line:underline;}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.placeholder-slate-400::placeholder{color:var(--color-slate-400);}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));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, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));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, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));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, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}.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,);}.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-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-150{--tw-duration:150ms;transition-duration:150ms;}.duration-200{--tw-duration:200ms;transition-duration:200ms;}.duration-300{--tw-duration:300ms;transition-duration:300ms;}.outline-none{--tw-outline-style:none;outline-style:none;}.placeholder\:text-slate-400::placeholder{color:var(--color-slate-400);}.after\:ml-0\.5::after{content:var(--tw-content);margin-left:calc(var(--spacing) * 0.5);}.after\:text-red-500::after{content:var(--tw-content);color:var(--color-red-500);}.after\:content-\[\'\*\'\]::after{--tw-content:'*';content:var(--tw-content);}@media (hover:hover){.hover\:border-emerald-400:hover{border-color:var(--color-emerald-400);}.hover\:border-red-200:hover{border-color:var(--color-red-200);}.hover\:border-slate-300:hover{border-color:var(--color-slate-300);}.hover\:border-slate-400:hover{border-color:var(--color-slate-400);}.hover\:bg-blue-100:hover{background-color:var(--color-blue-100);}.hover\:bg-emerald-50:hover{background-color:var(--color-emerald-50);}.hover\:bg-emerald-50\/30:hover{background-color:color-mix(in srgb, oklch(97.9% 0.021 166.113) 30%, transparent);}@supports (color:color-mix(in lab, red, red)){.hover\:bg-emerald-50\/30:hover{background-color:color-mix(in oklab, var(--color-emerald-50) 30%, transparent);}}.hover\:bg-emerald-600:hover{background-color:var(--color-emerald-600);}.hover\:bg-red-50:hover{background-color:var(--color-red-50);}.hover\:bg-red-600:hover{background-color:var(--color-red-600);}.hover\:bg-red-700:hover{background-color:var(--color-red-700);}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50);}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100);}.hover\:text-emerald-500:hover{color:var(--color-emerald-500);}.hover\:text-emerald-700:hover{color:var(--color-emerald-700);}.hover\:text-red-500:hover{color:var(--color-red-500);}.hover\:text-slate-600:hover{color:var(--color-slate-600);}.hover\:text-slate-700:hover{color:var(--color-slate-700);}.hover\:text-slate-900:hover{color:var(--color-slate-900);}}.focus\:border-emerald-500:focus{border-color:var(--color-emerald-500);}.focus\:ring-1:focus{--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);}.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-emerald-100:focus{--tw-ring-color:var(--color-emerald-100);}.focus\:ring-emerald-500:focus{--tw-ring-color:var(--color-emerald-500);}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none;}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed;}.disabled\:opacity-50:disabled{opacity:50%;}@media (width >= 40rem){.sm\:block{display:block;}.sm\:w-auto{width:auto;}.sm\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr));}.sm\:flex-row{flex-direction:row;}.sm\:items-center{align-items:center;}.sm\:gap-2{gap:calc(var(--spacing) * 2);}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));}}@media (width >= 48rem){.md\:ml-64{margin-left:calc(var(--spacing) * 64);}.md\:flex{display:flex;}.md\:hidden{display:none;}.md\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr));}.md\:p-6{padding:calc(var(--spacing) * 6);}.md\:px-6{padding-inline:calc(var(--spacing) * 6);}}@media (width >= 64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr));}.lg\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr));}}}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0;}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0;}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid;}@property --tw-gradient-position{syntax:"*";inherits:false;}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000;}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000;}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000;}@property --tw-gradient-stops{syntax:"*";inherits:false;}@property --tw-gradient-via-stops{syntax:"*";inherits:false;}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%;}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%;}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%;}@property --tw-leading{syntax:"*";inherits:false;}@property --tw-font-weight{syntax:"*";inherits:false;}@property --tw-tracking{syntax:"*";inherits:false;}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --tw-shadow-color{syntax:"*";inherits:false;}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --tw-inset-shadow-color{syntax:"*";inherits:false;}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --tw-ring-color{syntax:"*";inherits:false;}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --tw-inset-ring-color{syntax:"*";inherits:false;}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --tw-ring-inset{syntax:"*";inherits:false;}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0px;}@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-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-content{syntax:"*";initial-value:"";inherits:false;}@keyframes spin{to{transform:rotate(360deg);}}@keyframes pulse{50%{opacity:0.5;}}@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-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-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-content:"";}}}:root{--color-bg:#ffffff;--color-surface:#f8f9fb;--color-surface-2:#f1f3f7;--color-border:#e2e6ee;--color-border-strong:#d1d5db;--color-text:#1a1a2e;--color-text-muted:#6b7280;--color-text-subtle:#9ca3af;--color-primary:#00b894;--color-primary-hover:#00a383;--color-primary-tint:#e6f9f4;--color-accent:#e84545;--color-accent-tint:#fdecec;--color-info:#0077b6;--color-info-tint:#e6f2fa;--color-warning:#d98c1f;--color-warning-tint:#fdf2e3;--color-success:#00b894;--color-success-tint:#e6f9f4;--radius:12px;}*{box-sizing:border-box;}html{scroll-behavior:smooth;}body{margin:0;font-family:'Inter', system-ui, -apple-system, sans-serif;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;}a{color:inherit;text-decoration:none;}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;}svg.lucide{width:18px;height:18px;stroke-width:2;flex-shrink:0;}.container{max-width:1240px;margin:0 auto;padding:0 20px;}.muted{color:var(--color-text-muted);}.subtle{color:var(--color-text-subtle);}.topbar{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);}.topbar-inner{display:flex;align-items:center;gap:20px;height:64px;}.brand{display:inline-flex;align-items:center;gap:9px;}.brand-mark{width:30px;height:30px;}.brand-name{font-weight:800;font-size:20px;letter-spacing:-0.03em;}.search{position:relative;flex:1;max-width:560px;align-items:center;}.search input{width:100%;height:40px;padding:0 40px 0 38px;border-radius:10px;background:var(--color-surface-2);border:1px solid transparent;outline:none;font-size:14px;color:var(--color-text);transition:border-color .15s, background .15s;}.search input:focus{background:var(--color-bg);border-color:var(--color-primary);}.search input::placeholder{color:var(--color-text-subtle);}.search-icon{position:absolute;left:12px;color:var(--color-text-subtle);width:16px !important;height:16px !important;pointer-events:none;}.kbd{position:absolute;right:10px;font-size:11px;padding:2px 6px;border:1px solid var(--color-border-strong);border-radius:5px;color:var(--color-text-muted);background:var(--color-bg);}.topbar-actions{display:flex;align-items:center;gap:6px;margin-left:auto;}.nav-link{padding:8px 12px;font-size:14px;font-weight:500;color:var(--color-text-muted);border-radius:8px;}.nav-link:hover{color:var(--color-text);background:var(--color-surface-2);}.icon-btn{position:relative;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;color:var(--color-text);}.icon-btn:hover{background:var(--color-surface-2);}.badge{position:absolute;top:4px;right:3px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:var(--color-accent);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #fff;}.badge.hidden{display:none;}.catbar{border-top:1px solid var(--color-border);}.catbar-inner{display:flex;gap:4px;overflow-x:auto;height:46px;align-items:center;scrollbar-width:none;}.catbar-inner::-webkit-scrollbar{display:none;}.cat-link{white-space:nowrap;padding:6px 12px;font-size:13px;font-weight:500;color:var(--color-text-muted);border-radius:8px;display:inline-flex;align-items:center;gap:6px;}.cat-link svg.lucide{width:15px;height:15px;}.cat-link:hover{color:var(--color-text);background:var(--color-surface-2);}.cat-link.active{color:var(--color-primary-hover);background:var(--color-primary-tint);}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:10px;font-size:14px;font-weight:600;white-space:nowrap;transition:background .15s, border-color .15s, color .15s;}.btn svg.lucide{width:16px;height:16px;}.btn-primary{background:var(--color-primary);color:#fff;}.btn-primary:hover{background:var(--color-primary-hover);}.btn-outline{border:1px solid var(--color-border-strong);background:var(--color-bg);}.btn-outline:hover{border-color:var(--color-text);}.btn-ghost{color:var(--color-text-muted);}.btn-ghost:hover{background:var(--color-surface-2);color:var(--color-text);}.btn-dark{background:var(--color-text);color:#fff;}.btn-dark:hover{background:#2c2c48;}.btn-lg{height:48px;padding:0 22px;font-size:15px;}.btn-sm{height:34px;padding:0 12px;font-size:13px;}.btn-block{width:100%;}.btn:disabled{opacity:.55;cursor:not-allowed;}.avatar{width:34px;height:34px;border-radius:99px;background:var(--color-primary-tint);color:var(--color-primary-hover);font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;}.hero{background:var(--color-surface);border-bottom:1px solid var(--color-border);}.hero-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;padding:64px 20px;}.eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--color-primary-hover);background:var(--color-primary-tint);padding:5px 10px;border-radius:99px;}.eyebrow svg.lucide{width:14px;height:14px;}.hero h1{font-size:clamp(34px, 5vw, 54px);line-height:1.05;letter-spacing:-0.035em;font-weight:800;margin:18px 0 16px;}.hero h1 span{color:var(--color-primary);}.hero p.lead{font-size:17px;color:var(--color-text-muted);max-width:520px;line-height:1.6;}.hero-stats{display:flex;gap:32px;margin-top:36px;}.hero-stats strong{display:block;font-size:22px;font-weight:800;letter-spacing:-0.02em;}.hero-stats span{font-size:13px;color:var(--color-text-muted);}.hero-mosaic{display:grid;grid-template-columns:repeat(2, 1fr);gap:14px;}.hero-mosaic .mosaic-tile{border-radius:16px;aspect-ratio:4/3;overflow:hidden;border:1px solid var(--color-border);cursor:pointer;transition:transform .2s;}.hero-mosaic .mosaic-tile:hover{transform:translateY(-3px);}.hero-mosaic .mosaic-tile:nth-child(2){transform:translateY(24px);}.hero-mosaic .mosaic-tile:nth-child(2):hover{transform:translateY(21px);}.hero-mosaic .mosaic-tile:nth-child(4){transform:translateY(24px);}.hero-mosaic .mosaic-tile:nth-child(4):hover{transform:translateY(21px);}.section{padding:56px 0 8px;}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px;}.section-head h2{font-size:24px;font-weight:700;letter-spacing:-0.02em;margin:0;}.section-head p{margin:4px 0 0;color:var(--color-text-muted);font-size:14px;}.link-more{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:var(--color-primary-hover);white-space:nowrap;}.link-more svg.lucide{width:16px;height:16px;}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(170px, 1fr));gap:12px;}.cat-card{border:1px solid var(--color-border);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:14px;transition:border-color .15s, background .15s;}.cat-card:hover{border-color:var(--color-primary);background:var(--color-surface);}.cat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;}.cat-card strong{font-size:14px;font-weight:600;}.cat-card span{font-size:12px;color:var(--color-text-muted);}.grid-products{display:grid;grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));gap:22px 18px;}.card{display:flex;flex-direction:column;gap:12px;cursor:pointer;}.cover{position:relative;aspect-ratio:4/3;border-radius:var(--radius);overflow:hidden;border:1px solid var(--color-border);}.card:hover .cover-art{transform:scale(1.035);}.cover-art{position:absolute;inset:0;transition:transform .35s ease;display:flex;align-items:center;justify-content:center;}.cover-art svg.cover-svg{width:100%;height:100%;}.cover-tags{position:absolute;top:10px;left:10px;display:flex;gap:6px;z-index:2;}.tag{font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;background:#fff;color:var(--color-text);border:1px solid var(--color-border);}.tag-free{background:var(--color-success-tint);color:var(--color-primary-hover);border-color:transparent;}.tag-sale{background:var(--color-accent);color:#fff;border-color:transparent;}.tag-new{background:var(--color-info-tint);color:var(--color-info);border-color:transparent;}.tag-hot{background:var(--color-warning-tint);color:var(--color-warning);border-color:transparent;}.wish-btn{position:absolute;top:8px;right:8px;z-index:2;width:34px;height:34px;border-radius:99px;background:#fff;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:color .15s;}.wish-btn svg.lucide{width:16px;height:16px;}.wish-btn:hover{color:var(--color-accent);}.wish-btn.on{color:var(--color-accent);}.wish-btn.on svg{fill:var(--color-accent);}.card-body{display:flex;flex-direction:column;gap:4px;}.card-title{font-size:15px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:var(--color-text-muted);}.creator{display:inline-flex;align-items:center;gap:6px;min-width:0;}.creator-dot{width:18px;height:18px;border-radius:99px;font-size:9px;font-weight:700;color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}.creator-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.rating{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--color-text-muted);}.rating svg.lucide{width:14px;height:14px;color:var(--color-warning);fill:var(--color-warning);}.price-row{display:flex;align-items:baseline;gap:8px;margin-top:2px;}.price{font-weight:700;font-size:15px;}.price-old{font-size:13px;color:var(--color-text-subtle);text-decoration:line-through;}.sell-banner{margin:64px 0 0;border-radius:20px;background:var(--color-text);color:#fff;padding:48px;display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:center;overflow:hidden;position:relative;}.sell-banner h3{font-size:30px;font-weight:800;letter-spacing:-0.03em;margin:0 0 10px;}.sell-banner p{color:#b4b8c8;margin:0;line-height:1.6;}.sell-points{display:grid;gap:12px;}.sell-point{display:flex;gap:12px;align-items:center;font-size:14px;color:#dfe2ea;}.sell-point i, .sell-point svg.lucide{color:var(--color-primary);}.browse-layout{display:grid;grid-template-columns:240px 1fr;gap:32px;padding:32px 0 24px;}.filters{position:sticky;top:130px;align-self:start;display:flex;flex-direction:column;gap:26px;}.filter-h{font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:600;color:var(--color-text-subtle);margin:0 0 10px;}.filter-opt{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;padding:7px 10px;border-radius:8px;font-size:14px;color:var(--color-text-muted);}.filter-opt:hover{background:var(--color-surface-2);color:var(--color-text);}.filter-opt.active{background:var(--color-primary-tint);color:var(--color-primary-hover);font-weight:600;}.filter-opt .count{font-size:12px;color:var(--color-text-subtle);}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap;}.toolbar h1{font-size:26px;font-weight:700;letter-spacing:-0.02em;margin:0;}.select{height:38px;padding:0 34px 0 12px;border:1px solid var(--color-border-strong);border-radius:10px;font-size:14px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%236b7280' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;color:var(--color-text);outline:none;}.select:focus{border-color:var(--color-primary);}.chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:99px;background:var(--color-surface-2);font-size:13px;color:var(--color-text);}.chip svg.lucide{width:14px;height:14px;}.chip:hover{background:var(--color-border);}.empty{text-align:center;padding:72px 20px;border:1px dashed var(--color-border-strong);border-radius:16px;}.empty-icon{width:52px;height:52px;border-radius:14px;background:var(--color-surface-2);display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted);margin-bottom:14px;}.empty h3{font-size:17px;font-weight:600;margin:0 0 6px;}.empty p{color:var(--color-text-muted);font-size:14px;margin:0 0 18px;}.crumbs{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-muted);padding:22px 0;flex-wrap:wrap;}.crumbs a:hover{color:var(--color-text);}.crumbs svg.lucide{width:14px;height:14px;color:var(--color-text-subtle);}.pd{display:grid;grid-template-columns:1.35fr 1fr;gap:40px;align-items:start;}.pd-cover{aspect-ratio:4/3;border-radius:16px;overflow:hidden;border:1px solid var(--color-border);position:relative;}.pd-thumbs{display:grid;grid-template-columns:repeat(4, 1fr);gap:10px;margin-top:10px;}.pd-thumb{aspect-ratio:4/3;border-radius:10px;overflow:hidden;border:2px solid transparent;position:relative;cursor:pointer;}.pd-thumb.active{border-color:var(--color-primary);}.pd-side{position:sticky;top:130px;}.pd-title{font-size:30px;font-weight:800;letter-spacing:-0.03em;line-height:1.15;margin:10px 0 12px;}.pd-buy{border:1px solid var(--color-border);border-radius:16px;padding:22px;margin-top:22px;}.license-opt{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--color-border);border-radius:12px;cursor:pointer;margin-bottom:10px;transition:border-color .15s, background .15s;}.license-opt:hover{border-color:var(--color-border-strong);}.license-opt.active{border-color:var(--color-primary);background:var(--color-primary-tint);}.radio{width:18px;height:18px;border-radius:99px;border:2px solid var(--color-border-strong);margin-top:2px;flex-shrink:0;position:relative;}.license-opt.active .radio{border-color:var(--color-primary);}.license-opt.active .radio::after{content:'';position:absolute;inset:3px;border-radius:99px;background:var(--color-primary);}.feature-list{display:grid;gap:10px;margin-top:18px;}.feature-list div{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--color-text-muted);}.feature-list svg.lucide{width:16px;height:16px;color:var(--color-primary);}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--color-border);margin-top:40px;}.tab{padding:12px 14px;font-size:14px;font-weight:600;color:var(--color-text-muted);border-bottom:2px solid transparent;margin-bottom:-1px;}.tab:hover{color:var(--color-text);}.tab.active{color:var(--color-text);border-color:var(--color-primary);}.prose{font-size:15px;line-height:1.75;color:#3a3a52;padding:22px 0;max-width:720px;}.prose ul{padding-left:20px;margin:12px 0;}.prose li{margin:4px 0;}.spec{display:grid;grid-template-columns:140px 1fr;gap:0;border:1px solid var(--color-border);border-radius:12px;overflow:hidden;margin:22px 0;max-width:720px;}.spec > div{padding:12px 16px;font-size:14px;border-bottom:1px solid var(--color-border);}.spec > div:nth-child(odd){background:var(--color-surface);color:var(--color-text-muted);}.spec > div:nth-last-child(-n+2){border-bottom:0;}.review{padding:18px 0;border-bottom:1px solid var(--color-border);max-width:720px;}.stars{display:inline-flex;gap:2px;}.stars svg.lucide{width:14px;height:14px;color:var(--color-warning);}.stars svg.lucide.fill{fill:var(--color-warning);}.stars svg.lucide.empty{color:var(--color-border-strong);}.creator-box{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;background:var(--color-surface);margin-top:16px;}.creator-box .creator-dot{width:40px;height:40px;font-size:14px;}.overlay{position:fixed;inset:0;background:rgba(26,26,46,.4);z-index:50;}.overlay.hidden{display:none;}.drawer{position:fixed;top:0;right:0;height:100%;width:min(420px, 100%);background:#fff;z-index:60;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .25s ease;border-left:1px solid var(--color-border);}.drawer.open{transform:translateX(0);}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 14px 22px;border-bottom:1px solid var(--color-border);}.drawer-body{flex:1;overflow-y:auto;padding:8px 22px;}.drawer-foot{border-top:1px solid var(--color-border);padding:18px 22px;}.cart-item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--color-border);}.cart-thumb{width:76px;height:57px;border-radius:8px;overflow:hidden;position:relative;border:1px solid var(--color-border);flex-shrink:0;cursor:pointer;}.sum-row{display:flex;justify-content:space-between;font-size:14px;color:var(--color-text-muted);margin-bottom:8px;}.sum-row.total{color:var(--color-text);font-weight:700;font-size:17px;margin:12px 0 16px;}.modal{position:fixed;inset:0;z-index:70;background:rgba(26,26,46,.45);display:flex;align-items:center;justify-content:center;padding:20px;}.modal.hidden{display:none;}.modal-card{background:#fff;border-radius:18px;width:min(460px, 100%);max-height:90vh;overflow-y:auto;padding:28px;}.success-icon{width:56px;height:56px;border-radius:99px;background:var(--color-success-tint);color:var(--color-success);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;}.success-icon svg.lucide{width:28px;height:28px;}.lib-item{display:flex;align-items:center;gap:16px;padding:14px;border:1px solid var(--color-border);border-radius:12px;}.lib-item + .lib-item{margin-top:10px;}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%, 20px);background:var(--color-text);color:#fff;font-size:14px;padding:11px 16px;border-radius:10px;opacity:0;pointer-events:none;transition:all .25s;z-index:80;display:flex;align-items:center;gap:8px;}.toast.show{opacity:1;transform:translate(-50%, 0);}.toast svg.lucide{width:16px;height:16px;color:var(--color-primary);}.footer{border-top:1px solid var(--color-border);margin-top:80px;background:var(--color-surface);}.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;padding:48px 20px 32px;}.footer-inner a:not(.brand){display:block;font-size:14px;color:var(--color-text-muted);padding:5px 0;}.footer-inner a:not(.brand):hover{color:var(--color-text);}.footer-h{font-size:13px;font-weight:600;margin:0 0 10px;}.footer-bottom{display:flex;justify-content:space-between;gap:12px;padding:20px;border-top:1px solid var(--color-border);font-size:13px;color:var(--color-text-muted);flex-wrap:wrap;}.mobile-filters{display:none;}@media (max-width:960px){.hero-inner{grid-template-columns:1fr;padding:44px 20px;}.hero-mosaic{display:none;}.browse-layout{grid-template-columns:1fr;}.filters{display:none;}.mobile-filters{display:flex;gap:8px;flex-wrap:wrap;}.pd{grid-template-columns:1fr;}.pd-side{position:static;}.sell-banner{grid-template-columns:1fr;padding:32px;}.footer-inner{grid-template-columns:1fr 1fr;}}@media (max-width:560px){.grid-products{grid-template-columns:repeat(2, 1fr);gap:18px 12px;}.card-title{font-size:14px;}.card-meta .rating{display:none;}.hero-stats{gap:20px;}.footer-inner{grid-template-columns:1fr;}.topbar-inner{gap:10px;}}