/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
  *, :before, :after {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-translate-z: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scale-z: 1;
    --tw-rotate-x: initial;
    --tw-rotate-y: initial;
    --tw-rotate-z: initial;
    --tw-skew-x: initial;
    --tw-skew-y: initial;
    --tw-space-y-reverse: 0;
    --tw-space-x-reverse: 0;
    --tw-divide-y-reverse: 0;
    --tw-border-style: solid;
    --tw-gradient-position: initial;
    --tw-gradient-from: rgba(0, 0, 0, 0);
    --tw-gradient-via: rgba(0, 0, 0, 0);
    --tw-gradient-to: rgba(0, 0, 0, 0);
    --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-ordinal: initial;
    --tw-slashed-zero: initial;
    --tw-numeric-figure: initial;
    --tw-numeric-spacing: initial;
    --tw-numeric-fraction: initial;
    --tw-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-shadow-color: initial;
    --tw-shadow-alpha: 100%;
    --tw-inset-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-inset-shadow-color: initial;
    --tw-inset-shadow-alpha: 100%;
    --tw-ring-color: initial;
    --tw-ring-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-inset-ring-color: initial;
    --tw-inset-ring-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-ring-inset: initial;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
    --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-opacity: 1;
    --tw-enter-rotate: 0;
    --tw-enter-scale: 1;
    --tw-enter-translate-x: 0;
    --tw-enter-translate-y: 0;
    --tw-exit-opacity: 1;
    --tw-exit-rotate: 0;
    --tw-exit-scale: 1;
    --tw-exit-translate-x: 0;
    --tw-exit-translate-y: 0;
  }

  ::backdrop {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-translate-z: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scale-z: 1;
    --tw-rotate-x: initial;
    --tw-rotate-y: initial;
    --tw-rotate-z: initial;
    --tw-skew-x: initial;
    --tw-skew-y: initial;
    --tw-space-y-reverse: 0;
    --tw-space-x-reverse: 0;
    --tw-divide-y-reverse: 0;
    --tw-border-style: solid;
    --tw-gradient-position: initial;
    --tw-gradient-from: rgba(0, 0, 0, 0);
    --tw-gradient-via: rgba(0, 0, 0, 0);
    --tw-gradient-to: rgba(0, 0, 0, 0);
    --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-ordinal: initial;
    --tw-slashed-zero: initial;
    --tw-numeric-figure: initial;
    --tw-numeric-spacing: initial;
    --tw-numeric-fraction: initial;
    --tw-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-shadow-color: initial;
    --tw-shadow-alpha: 100%;
    --tw-inset-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-inset-shadow-color: initial;
    --tw-inset-shadow-alpha: 100%;
    --tw-ring-color: initial;
    --tw-ring-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-inset-ring-color: initial;
    --tw-inset-ring-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-ring-inset: initial;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
    --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-opacity: 1;
    --tw-enter-rotate: 0;
    --tw-enter-scale: 1;
    --tw-enter-translate-x: 0;
    --tw-enter-translate-y: 0;
    --tw-exit-opacity: 1;
    --tw-exit-rotate: 0;
    --tw-exit-scale: 1;
    --tw-exit-translate-x: 0;
    --tw-exit-translate-y: 0;
  }
}

:root:not(#\#):not(#\#), :host:not(#\#):not(#\#) {
  --font-sans: "Inter",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --color-red-50: #fef2f2;
  --color-red-100: #ffe2e2;
  --color-red-200: #ffcaca;
  --color-red-300: #ffa3a3;
  --color-red-400: #ff6568;
  --color-red-500: #fb2c36;
  --color-red-600: #e40014;
  --color-red-700: #bf000f;
  --color-red-800: #9f0712;
  --color-red-900: #82181a;
  --color-red-950: #460809;
  --color-orange-50: #fff7ed;
  --color-orange-100: #ffedd5;
  --color-orange-200: #ffd7a8;
  --color-orange-300: #ffb96d;
  --color-orange-400: #ff8b1a;
  --color-orange-500: #fe6e00;
  --color-orange-600: #f05100;
  --color-orange-700: #c53c00;
  --color-orange-900: #7e2a0c;
  --color-orange-950: #441306;
  --color-amber-50: #fffbeb;
  --color-amber-100: #fef3c6;
  --color-amber-200: #fee685;
  --color-amber-300: #ffd236;
  --color-amber-400: #fcbb00;
  --color-amber-500: #f99c00;
  --color-amber-600: #dd7400;
  --color-amber-700: #b75000;
  --color-amber-800: #953d00;
  --color-amber-900: #7b3306;
  --color-amber-950: #461901;
  --color-yellow-50: #fefce8;
  --color-yellow-200: #fff085;
  --color-yellow-300: #ffe02a;
  --color-yellow-400: #fac800;
  --color-yellow-500: #edb200;
  --color-yellow-700: #a36100;
  --color-yellow-900: #733e0a;
  --color-yellow-950: #432004;
  --color-green-50: #f0fdf4;
  --color-green-200: #b9f8cf;
  --color-green-400: #05df72;
  --color-green-500: #00c758;
  --color-green-600: #00a544;
  --color-green-900: #0d542b;
  --color-green-950: #032e15;
  --color-emerald-50: #ecfdf5;
  --color-emerald-100: #d0fae5;
  --color-emerald-200: #a4f4cf;
  --color-emerald-300: #5ee9b5;
  --color-emerald-400: #00d294;
  --color-emerald-500: #00bb7f;
  --color-emerald-600: #009767;
  --color-emerald-700: #007956;
  --color-emerald-800: #005f46;
  --color-emerald-900: #004e3b;
  --color-emerald-950: #002c22;
  --color-teal-50: #f0fdfa;
  --color-teal-200: #96f7e4;
  --color-teal-300: #46ecd5;
  --color-teal-400: #00d3bd;
  --color-teal-600: #009588;
  --color-teal-700: #00776e;
  --color-teal-800: #005f5a;
  --color-teal-900: #0b4f4a;
  --color-teal-950: #022f2e;
  --color-cyan-200: #a2f4fd;
  --color-cyan-400: #00d2ef;
  --color-cyan-500: #00b7d7;
  --color-cyan-600: #0092b5;
  --color-sky-100: #dff2fe;
  --color-sky-200: #b8e6fe;
  --color-sky-400: #00bcfe;
  --color-sky-500: #00a5ef;
  --color-sky-600: #0084cc;
  --color-sky-900: #024a70;
  --color-blue-50: #eff6ff;
  --color-blue-100: #dbeafe;
  --color-blue-200: #bedbff;
  --color-blue-500: #3080ff;
  --color-blue-600: #155dfc;
  --color-indigo-100: #e0e7ff;
  --color-indigo-500: #625fff;
  --color-indigo-600: #4f39f6;
  --color-indigo-900: #312c85;
  --color-violet-50: #f5f3ff;
  --color-violet-100: #ede9fe;
  --color-violet-200: #ddd6ff;
  --color-violet-300: #c4b4ff;
  --color-violet-400: #a685ff;
  --color-violet-500: #8d54ff;
  --color-violet-600: #7f22fe;
  --color-violet-700: #7008e7;
  --color-violet-800: #5d0ec0;
  --color-violet-900: #4d179a;
  --color-violet-950: #2f0d68;
  --color-purple-50: #faf5ff;
  --color-purple-100: #f3e8ff;
  --color-purple-400: #c07eff;
  --color-purple-500: #ac4bff;
  --color-purple-600: #9810fa;
  --color-purple-700: #8200da;
  --color-fuchsia-50: #fdf4ff;
  --color-fuchsia-100: #fae8ff;
  --color-fuchsia-200: #f6cfff;
  --color-fuchsia-300: #f2a9ff;
  --color-fuchsia-400: #ec6cff;
  --color-fuchsia-500: #e12afb;
  --color-fuchsia-600: #c600db;
  --color-fuchsia-800: #8a0194;
  --color-fuchsia-900: #721378;
  --color-fuchsia-950: #4b004f;
  --color-pink-50: #fdf2f8;
  --color-pink-100: #fce7f3;
  --color-pink-200: #fccee8;
  --color-pink-300: #fda5d5;
  --color-pink-400: #fb64b6;
  --color-pink-500: #f6339a;
  --color-pink-600: #e30076;
  --color-pink-700: #c4005c;
  --color-pink-800: #a2004c;
  --color-pink-900: #861043;
  --color-pink-950: #510424;
  --color-rose-400: #ff667f;
  --color-rose-500: #ff2357;
  --color-rose-600: #e70044;
  --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-100: #f3f4f6;
  --color-gray-200: #e5e7eb;
  --color-gray-300: #d1d5dc;
  --color-gray-400: #99a1af;
  --color-gray-500: #6a7282;
  --color-gray-600: #4a5565;
  --color-gray-700: #364153;
  --color-gray-800: #1e2939;
  --color-gray-900: #101828;
  --color-zinc-50: #fafafa;
  --color-zinc-100: #f4f4f5;
  --color-zinc-200: #e4e4e7;
  --color-zinc-300: #d4d4d8;
  --color-zinc-400: #9f9fa9;
  --color-zinc-500: #71717b;
  --color-zinc-600: #52525c;
  --color-zinc-700: #3f3f46;
  --color-zinc-800: #27272a;
  --color-zinc-900: #18181b;
  --color-zinc-950: #09090b;
  --color-neutral-950: #0a0a0a;
  --color-stone-900: #1c1917;
  --color-black: #000;
  --color-white: #fff;
  --spacing: .25rem;
  --container-sm: 24rem;
  --container-md: 28rem;
  --container-lg: 32rem;
  --container-xl: 36rem;
  --container-2xl: 42rem;
  --container-3xl: 48rem;
  --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: 1.5;
  --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: 1.2;
  --text-4xl: 2.25rem;
  --text-4xl--line-height: calc(2.5/2.25);
  --text-5xl: 3rem;
  --text-5xl--line-height: 1;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;
  --tracking-tighter: -.05em;
  --tracking-tight: -.025em;
  --tracking-wide: .025em;
  --tracking-widest: .1em;
  --leading-tight: 1.25;
  --leading-snug: 1.375;
  --leading-normal: 1.5;
  --leading-relaxed: 1.625;
  --radius-2xl: 1rem;
  --radius-3xl: 1.5rem;
  --drop-shadow-sm: 0 1px 2px rgba(0, 0, 0, .15);
  --drop-shadow-md: 0 3px 3px rgba(0, 0, 0, .12);
  --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-2xl: 40px;
  --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);
}

@supports (color: lab(0% 0 0)) {
  :root:not(#\#):not(#\#), :host:not(#\#):not(#\#) {
    --color-red-50: lab(96.5005% 4.18508 1.52328);
    --color-red-100: lab(92.243% 10.2865 3.83865);
    --color-red-200: lab(86.017% 19.8815 7.75869);
    --color-red-300: lab(76.5514% 36.422 15.5335);
    --color-red-400: lab(63.7053% 60.745 31.3109);
    --color-red-500: lab(55.4814% 75.0732 48.8528);
    --color-red-600: lab(48.4493% 77.4328 61.5452);
    --color-red-700: lab(40.4273% 67.2623 53.7441);
    --color-red-800: lab(33.7174% 55.8993 41.0293);
    --color-red-900: lab(28.5139% 44.5539 29.0463);
    --color-red-950: lab(13.003% 29.04 16.7519);
    --color-orange-50: lab(97.7008% 1.53735 5.90649);
    --color-orange-100: lab(94.7127% 3.58394 14.3151);
    --color-orange-200: lab(88.4871% 9.94918 28.8378);
    --color-orange-300: lab(80.8059% 21.7313 50.4455);
    --color-orange-400: lab(70.0429% 42.5156 75.8207);
    --color-orange-500: lab(64.272% 57.1788 90.3583);
    --color-orange-600: lab(57.1026% 64.2584 89.8886);
    --color-orange-700: lab(46.4615% 57.7275 70.8507);
    --color-orange-900: lab(30.2951% 36.0434 37.671);
    --color-orange-950: lab(14.1747% 23.4515 19.4461);
    --color-amber-50: lab(98.6252% -.635922 8.42309);
    --color-amber-100: lab(95.916% -1.21653 23.111);
    --color-amber-200: lab(91.7203% -.505269 49.9084);
    --color-amber-300: lab(86.4156% 6.13147 78.3961);
    --color-amber-400: lab(80.1641% 16.6016 99.2089);
    --color-amber-500: lab(72.7183% 31.8672 97.9407);
    --color-amber-600: lab(60.3514% 40.5624 87.1228);
    --color-amber-700: lab(47.2709% 42.9082 69.2966);
    --color-amber-800: lab(37.8822% 37.1699 52.2718);
    --color-amber-900: lab(31.2288% 30.2627 40.0378);
    --color-amber-950: lab(15.8111% 20.9107 23.3752);
    --color-yellow-50: lab(98.6846% -1.79055 9.7766);
    --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-700: lab(47.8202% 25.2426 66.5015);
    --color-yellow-900: lab(32.3865% 21.1273 38.5959);
    --color-yellow-950: lab(16.8146% 15.7422 23.1133);
    --color-green-50: lab(98.1563% -5.60117 2.75915);
    --color-green-200: lab(92.4222% -26.4702 12.9427);
    --color-green-400: lab(78.503% -64.9265 39.7492);
    --color-green-500: lab(70.5521% -66.5147 45.8073);
    --color-green-600: lab(59.0978% -58.6621 41.2579);
    --color-green-900: lab(30.797% -29.6927 17.382);
    --color-green-950: lab(15.6845% -20.4225 11.7249);
    --color-emerald-50: lab(97.8462% -6.94966 1.85487);
    --color-emerald-100: lab(94.9004% -17.0769 5.63836);
    --color-emerald-200: lab(90.2247% -31.039 9.47084);
    --color-emerald-300: lab(83.9203% -48.7124 13.8849);
    --color-emerald-400: lab(75.0771% -60.7313 19.4147);
    --color-emerald-500: lab(66.9756% -58.27 19.5419);
    --color-emerald-600: lab(55.0481% -49.9246 15.93);
    --color-emerald-700: lab(44.4871% -41.0396 11.0361);
    --color-emerald-800: lab(35.3675% -33.1188 8.04002);
    --color-emerald-900: lab(28.8637% -26.9249 5.45986);
    --color-emerald-950: lab(15.0582% -17.9507 2.38369);
    --color-teal-50: lab(98.3189% -4.74921 -.111711);
    --color-teal-200: lab(90.7612% -33.1343 -.542295);
    --color-teal-300: lab(84.8977% -48.1516 -1.3321);
    --color-teal-400: lab(76.0109% -53.3483 -2.27906);
    --color-teal-600: lab(55.0223% -41.0774 -3.90277);
    --color-teal-700: lab(44.4134% -33.1436 -4.22149);
    --color-teal-800: lab(35.5975% -26.6648 -4.34487);
    --color-teal-900: lab(29.506% -21.4706 -3.59886);
    --color-teal-950: lab(16.6371% -15.3183 -3.81732);
    --color-cyan-200: lab(91.0821% -24.0435 -12.8306);
    --color-cyan-400: lab(76.6045% -40.9406 -29.6231);
    --color-cyan-500: lab(67.805% -35.3952 -30.2018);
    --color-cyan-600: lab(55.1767% -26.7496 -30.5139);
    --color-sky-100: lab(94.3709% -4.56053 -8.23453);
    --color-sky-200: lab(88.6983% -11.3978 -16.8488);
    --color-sky-400: lab(70.687% -23.6078 -45.9483);
    --color-sky-500: lab(63.3038% -18.433 -51.0407);
    --color-sky-600: lab(51.7754% -11.4712 -49.8349);
    --color-sky-900: lab(29.1959% -8.34689 -28.2453);
    --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-500: lab(54.1736% 13.3369 -74.6839);
    --color-blue-600: lab(44.0605% 29.0279 -86.0352);
    --color-indigo-100: lab(91.6577% 1.04591 -12.7199);
    --color-indigo-500: lab(48.295% 38.3129 -81.9673);
    --color-indigo-600: lab(38.4009% 52.6132 -92.3857);
    --color-indigo-900: lab(23.3911% 24.6978 -50.4718);
    --color-violet-50: lab(96.2416% 2.28849 -5.51657);
    --color-violet-100: lab(93.0838% 4.35197 -9.88284);
    --color-violet-200: lab(87.0888% 8.53688 -19.4189);
    --color-violet-300: lab(76.7419% 18.3911 -37.0706);
    --color-violet-400: lab(62.8239% 34.9159 -60.0512);
    --color-violet-500: lab(49.9355% 55.1776 -81.8963);
    --color-violet-600: lab(41.088% 68.9966 -91.995);
    --color-violet-700: lab(35.2783% 67.9912 -88.793);
    --color-violet-800: lab(29.3188% 57.7986 -76.1493);
    --color-violet-900: lab(24.3783% 45.7525 -61.4902);
    --color-violet-950: lab(14.0706% 33.3353 -46.7553);
    --color-purple-50: lab(97.1627% 2.99937 -4.13398);
    --color-purple-100: lab(93.3333% 6.97437 -9.83434);
    --color-purple-400: lab(63.6946% 47.6127 -59.2066);
    --color-purple-500: lab(52.0183% 66.11 -78.2316);
    --color-purple-600: lab(43.0295% 75.21 -86.5669);
    --color-purple-700: lab(36.1758% 69.8525 -80.0381);
    --color-fuchsia-50: lab(97.1083% 4.46233 -4.09334);
    --color-fuchsia-100: lab(93.9419% 9.57647 -9.08735);
    --color-fuchsia-200: lab(87.7108% 19.9958 -18.2054);
    --color-fuchsia-300: lab(78.5378% 39.3533 -32.9615);
    --color-fuchsia-400: lab(66.1178% 66.0652 -52.4733);
    --color-fuchsia-500: lab(56.4256% 83.132 -64.639);
    --color-fuchsia-600: lab(47.5131% 83.4271 -63.0363);
    --color-fuchsia-800: lab(32.904% 60.2883 -43.6569);
    --color-fuchsia-900: lab(27.755% 48.6174 -34.3553);
    --color-fuchsia-950: lab(15.7348% 39.0235 -27.4073);
    --color-pink-50: lab(96.4459% 4.53997 -1.49434);
    --color-pink-100: lab(93.5864% 9.01193 -3.15079);
    --color-pink-200: lab(87.4504% 19.6 -6.46662);
    --color-pink-300: lab(77.8308% 38.525 -10.5394);
    --color-pink-400: lab(64.5597% 64.3615 -12.7988);
    --color-pink-500: lab(56.9303% 76.8162 -8.07021);
    --color-pink-600: lab(49.5493% 79.8381 2.31768);
    --color-pink-700: lab(42.1737% 71.8009 7.42233);
    --color-pink-800: lab(34.9559% 60.2885 5.99639);
    --color-pink-900: lab(29.4367% 49.3962 3.35757);
    --color-pink-950: lab(15.6116% 35.2166 3.53979);
    --color-rose-400: lab(64.4125% 63.0291 19.2068);
    --color-rose-500: lab(56.101% 79.4328 31.4532);
    --color-rose-600: lab(49.1882% 81.577 36.0311);
    --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-100: lab(96.1596% -.0823438 -1.13575);
    --color-gray-200: lab(91.6229% -.159115 -2.26791);
    --color-gray-300: lab(85.1236% -.612259 -3.7138);
    --color-gray-400: lab(65.9269% -.832707 -8.17473);
    --color-gray-500: lab(47.7841% -.393182 -10.0268);
    --color-gray-600: lab(35.6337% -1.58697 -10.8425);
    --color-gray-700: lab(27.1134% -.956401 -12.3224);
    --color-gray-800: lab(16.1051% -1.18239 -11.7533);
    --color-gray-900: lab(8.11897% .811279 -12.254);
    --color-zinc-50: lab(98.26% 0 0);
    --color-zinc-100: lab(96.1634% .0993311 -.364041);
    --color-zinc-200: lab(90.6853% .399232 -1.45452);
    --color-zinc-300: lab(84.9837% .601262 -2.17986);
    --color-zinc-400: lab(65.6464% 1.53497 -5.42429);
    --color-zinc-500: lab(47.8878% 1.65477 -5.77283);
    --color-zinc-600: lab(35.1166% 1.78212 -6.1173);
    --color-zinc-700: lab(26.8019% 1.35387 -4.68303);
    --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-950: lab(2.75381% 0 0);
    --color-stone-900: lab(9.03835% 1.15298 1.92955);
  }
}

:not(#\#):not(#\#):not(#\#):not(#\#), :not(#\#):not(#\#):not(#\#):not(#\#):after, :not(#\#):not(#\#):not(#\#):not(#\#):before {
  box-sizing: border-box;
  border: 0 solid;
  margin: 0;
  padding: 0;
}

:not(#\#):not(#\#):not(#\#):not(#\#)::backdrop {
  box-sizing: border-box;
  border: 0 solid;
  margin: 0;
  padding: 0;
}

:not(#\#):not(#\#):not(#\#):not(#\#)::file-selector-button {
  box-sizing: border-box;
  border: 0 solid;
  margin: 0;
  padding: 0;
}

html:not(#\#):not(#\#):not(#\#):not(#\#), :host:not(#\#):not(#\#):not(#\#):not(#\#) {
  -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:not(#\#):not(#\#):not(#\#):not(#\#) {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}

abbr:where([title]):not(#\#):not(#\#):not(#\#):not(#\#) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

h1:not(#\#):not(#\#):not(#\#):not(#\#), h2:not(#\#):not(#\#):not(#\#):not(#\#), h3:not(#\#):not(#\#):not(#\#):not(#\#), h4:not(#\#):not(#\#):not(#\#):not(#\#), h5:not(#\#):not(#\#):not(#\#):not(#\#), h6:not(#\#):not(#\#):not(#\#):not(#\#) {
  font-size: inherit;
  font-weight: inherit;
}

a:not(#\#):not(#\#):not(#\#):not(#\#) {
  color: inherit;
  -webkit-text-decoration: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}

b:not(#\#):not(#\#):not(#\#):not(#\#), strong:not(#\#):not(#\#):not(#\#):not(#\#) {
  font-weight: bolder;
}

code:not(#\#):not(#\#):not(#\#):not(#\#), kbd:not(#\#):not(#\#):not(#\#):not(#\#), samp:not(#\#):not(#\#):not(#\#):not(#\#), pre:not(#\#):not(#\#):not(#\#):not(#\#) {
  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:not(#\#):not(#\#):not(#\#):not(#\#) {
  font-size: 80%;
}

sub:not(#\#):not(#\#):not(#\#):not(#\#), sup:not(#\#):not(#\#):not(#\#):not(#\#) {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sub:not(#\#):not(#\#):not(#\#):not(#\#) {
  bottom: -.25em;
}

sup:not(#\#):not(#\#):not(#\#):not(#\#) {
  top: -.5em;
}

table:not(#\#):not(#\#):not(#\#):not(#\#) {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}

:-moz-focusring:not(#\#):not(#\#):not(#\#):not(#\#) {
  outline: auto;
}

progress:not(#\#):not(#\#):not(#\#):not(#\#) {
  vertical-align: baseline;
}

summary:not(#\#):not(#\#):not(#\#):not(#\#) {
  display: list-item;
}

ol:not(#\#):not(#\#):not(#\#):not(#\#), ul:not(#\#):not(#\#):not(#\#):not(#\#), menu:not(#\#):not(#\#):not(#\#):not(#\#) {
  list-style: none;
}

img:not(#\#):not(#\#):not(#\#):not(#\#), svg:not(#\#):not(#\#):not(#\#):not(#\#), video:not(#\#):not(#\#):not(#\#):not(#\#), canvas:not(#\#):not(#\#):not(#\#):not(#\#), audio:not(#\#):not(#\#):not(#\#):not(#\#), iframe:not(#\#):not(#\#):not(#\#):not(#\#), embed:not(#\#):not(#\#):not(#\#):not(#\#), object:not(#\#):not(#\#):not(#\#):not(#\#) {
  vertical-align: middle;
  display: block;
}

img:not(#\#):not(#\#):not(#\#):not(#\#), video:not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: 100%;
  height: auto;
}

button:not(#\#):not(#\#):not(#\#):not(#\#), input:not(#\#):not(#\#):not(#\#):not(#\#), select:not(#\#):not(#\#):not(#\#):not(#\#), optgroup:not(#\#):not(#\#):not(#\#):not(#\#), textarea:not(#\#):not(#\#):not(#\#):not(#\#) {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
}

:not(#\#):not(#\#):not(#\#):not(#\#)::file-selector-button {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
}

:where(select:is([multiple], [size])):not(#\#):not(#\#):not(#\#):not(#\#) optgroup {
  font-weight: bolder;
}

:where(select:is([multiple], [size])):not(#\#):not(#\#):not(#\#):not(#\#) optgroup option {
  padding-inline-start: 20px;
}

:not(#\#):not(#\#):not(#\#):not(#\#)::file-selector-button {
  margin-inline-end: 4px;
}

:not(#\#):not(#\#):not(#\#):not(#\#)::placeholder {
  opacity: 1;
}

@supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
  :not(#\#):not(#\#):not(#\#):not(#\#)::placeholder {
    color: currentColor;
  }

  @supports (color: color-mix(in lab,red,red)) {
    :not(#\#):not(#\#):not(#\#):not(#\#)::placeholder {
      color: color-mix(in oklab,currentcolor 50%,transparent);
    }
  }
}

textarea:not(#\#):not(#\#):not(#\#):not(#\#) {
  resize: vertical;
}

:not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-search-decoration {
  -webkit-appearance: none;
}

:not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-date-and-time-value {
  min-height: 1lh;
  text-align: inherit;
}

:not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-datetime-edit {
  display: inline-flex;
}

:not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}

:not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-datetime-edit {
  padding-block: 0;
}

:not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-datetime-edit-year-field {
  padding-block: 0;
}

:not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-datetime-edit-month-field {
  padding-block: 0;
}

:not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-datetime-edit-day-field {
  padding-block: 0;
}

:not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-datetime-edit-hour-field {
  padding-block: 0;
}

:not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-datetime-edit-minute-field {
  padding-block: 0;
}

:not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-datetime-edit-second-field {
  padding-block: 0;
}

:not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-datetime-edit-millisecond-field {
  padding-block: 0;
}

:not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-datetime-edit-meridiem-field {
  padding-block: 0;
}

:-moz-ui-invalid:not(#\#):not(#\#):not(#\#):not(#\#) {
  box-shadow: none;
}

button:not(#\#):not(#\#):not(#\#):not(#\#), input:where([type="button"], [type="reset"], [type="submit"]):not(#\#):not(#\#):not(#\#):not(#\#) {
  appearance: button;
}

:not(#\#):not(#\#):not(#\#):not(#\#)::file-selector-button {
  appearance: button;
}

:not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-inner-spin-button {
  height: auto;
}

:not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-outer-spin-button {
  height: auto;
}

[hidden]:where(:not([hidden="until-found"])):not(#\#) {
  display: none !important;
}

:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--border);
  outline-color: var(--ring);
}

@supports (color: color-mix(in lab,red,red)) {
  :not(#\#):not(#\#):not(#\#):not(#\#) {
    outline-color:var(--ring);outline-color: color-mix(in oklab,var(--ring)50%,transparent);
  }
}

body:not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--background);
  color: var(--foreground);
}

.\@container\/card-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  container: card-header / inline-size;
}

.pointer-events-auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  pointer-events: auto;
}

.pointer-events-none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  pointer-events: none;
}

.collapse:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  visibility: collapse;
}

.invisible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  visibility: hidden;
}

.visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  visibility: visible;
}

.sr-only:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.absolute:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  position: absolute;
}

.fixed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  position: fixed;
}

.relative:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  position: relative;
}

.static:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  position: static;
}

.sticky:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  position: sticky;
}

.inset-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  inset: calc(var(--spacing)*0);
}

.inset-x-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  inset-inline: calc(var(--spacing)*0);
}

.inset-x-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  inset-inline: calc(var(--spacing)*3);
}

.inset-x-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  inset-inline: calc(var(--spacing)*4);
}

.inset-y-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  inset-block: calc(var(--spacing)*0);
}

.-top-10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  top: calc(var(--spacing)*-10);
}

.top-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  top: calc(var(--spacing)*0);
}

.top-0\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  top: calc(var(--spacing)*.5);
}

.top-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  top: calc(var(--spacing)*1);
}

.top-1\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  top: calc(var(--spacing)*1.5);
}

.top-1\/2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  top: 50%;
}

.top-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  top: calc(var(--spacing)*2);
}

.top-2\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  top: calc(var(--spacing)*2.5);
}

.top-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  top: calc(var(--spacing)*3);
}

.top-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  top: calc(var(--spacing)*4);
}

.right-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  right: calc(var(--spacing)*0);
}

.right-0\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  right: calc(var(--spacing)*.5);
}

.right-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  right: calc(var(--spacing)*1);
}

.right-1\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  right: calc(var(--spacing)*1.5);
}

.right-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  right: calc(var(--spacing)*2);
}

.right-2\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  right: calc(var(--spacing)*2.5);
}

.right-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  right: calc(var(--spacing)*3);
}

.right-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  right: calc(var(--spacing)*4);
}

.bottom-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  bottom: calc(var(--spacing)*0);
}

.bottom-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  bottom: calc(var(--spacing)*1);
}

.bottom-1\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  bottom: calc(var(--spacing)*1.5);
}

.bottom-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  bottom: calc(var(--spacing)*2);
}

.bottom-2\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  bottom: calc(var(--spacing)*2.5);
}

.bottom-14:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  bottom: calc(var(--spacing)*14);
}

.left-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  left: calc(var(--spacing)*0);
}

.left-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  left: calc(var(--spacing)*1);
}

.left-1\/2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  left: 50%;
}

.left-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  left: calc(var(--spacing)*2);
}

.left-2\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  left: calc(var(--spacing)*2.5);
}

.left-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  left: calc(var(--spacing)*3);
}

.isolate:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  isolation: isolate;
}

.z-10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  z-index: 10;
}

.z-20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  z-index: 20;
}

.z-30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  z-index: 30;
}

.z-40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  z-index: 40;
}

.z-50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  z-index: 50;
}

.z-\[1\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  z-index: 1;
}

.z-\[2\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  z-index: 2;
}

.z-\[120\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  z-index: 120;
}

.z-\[500\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  z-index: 500;
}

.z-\[999\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  z-index: 999;
}

.z-\[9999\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  z-index: 9999;
}

.z-\[999999\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  z-index: 999999;
}

.order-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  order: 1;
}

.col-span-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-column: span 2 / span 2;
}

.col-span-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-column: span 3 / span 3;
}

.col-span-full:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-column: 1 / -1;
}

.col-start-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-column-start: 1;
}

.col-start-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-column-start: 2;
}

.row-span-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-row: span 2 / span 2;
}

.row-start-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-row-start: 1;
}

.row-start-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-row-start: 2;
}

.container:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 100%;
}

@media (min-width: 40rem) {
  .container:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 40rem;
  }
}

@media (min-width: 48rem) {
  .container:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 48rem;
  }
}

@media (min-width: 64rem) {
  .container:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 64rem;
  }
}

@media (min-width: 80rem) {
  .container:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 80rem;
  }
}

@media (min-width: 96rem) {
  .container:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 96rem;
  }
}

.-mx-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-inline: calc(var(--spacing)*-1);
}

.-mx-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-inline: calc(var(--spacing)*-4);
}

.mx-0\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-inline: calc(var(--spacing)*.5);
}

.mx-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-inline: calc(var(--spacing)*4);
}

.mx-auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-inline: auto;
}

.my-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-block: calc(var(--spacing)*1);
}

.mt-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-top: calc(var(--spacing)*0);
}

.mt-0\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-top: calc(var(--spacing)*.5);
}

.mt-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-top: calc(var(--spacing)*1);
}

.mt-1\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-top: calc(var(--spacing)*1.5);
}

.mt-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-top: calc(var(--spacing)*2);
}

.mt-2\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-top: calc(var(--spacing)*2.5);
}

.mt-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-top: calc(var(--spacing)*3);
}

.mt-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-top: calc(var(--spacing)*4);
}

.mt-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-top: calc(var(--spacing)*5);
}

.mt-6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-top: calc(var(--spacing)*6);
}

.mt-8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-top: calc(var(--spacing)*8);
}

.mt-auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-top: auto;
}

.mr-0\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-right: calc(var(--spacing)*.5);
}

.mr-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-right: calc(var(--spacing)*1);
}

.mr-1\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-right: calc(var(--spacing)*1.5);
}

.mr-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-right: calc(var(--spacing)*2);
}

.mr-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-right: calc(var(--spacing)*3);
}

.mb-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-bottom: calc(var(--spacing)*0);
}

.mb-0\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-bottom: calc(var(--spacing)*.5);
}

.mb-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-bottom: calc(var(--spacing)*1);
}

.mb-1\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-bottom: calc(var(--spacing)*1.5);
}

.mb-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-bottom: calc(var(--spacing)*2);
}

.mb-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-bottom: calc(var(--spacing)*3);
}

.mb-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-bottom: calc(var(--spacing)*4);
}

.mb-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-bottom: calc(var(--spacing)*5);
}

.mb-6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-bottom: calc(var(--spacing)*6);
}

.ml-0\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-left: calc(var(--spacing)*.5);
}

.ml-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-left: calc(var(--spacing)*1);
}

.ml-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-left: calc(var(--spacing)*2);
}

.ml-auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-left: auto;
}

.line-clamp-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.line-clamp-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.line-clamp-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.line-clamp-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.block:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  display: block;
}

.contents:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  display: contents;
}

.flex:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  display: flex;
}

.grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  display: grid;
}

.hidden:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  display: none;
}

.inline:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  display: inline;
}

.inline-block:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  display: inline-block;
}

.inline-flex:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  display: inline-flex;
}

.table:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  display: table;
}

.field-sizing-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  field-sizing: content;
}

.aspect-\[3\/4\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  aspect-ratio: 3 / 4;
}

.aspect-\[4\/3\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  aspect-ratio: 4 / 3;
}

.aspect-\[5\/4\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  aspect-ratio: 5 / 4;
}

.aspect-\[9\/16\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  aspect-ratio: 9 / 16;
}

.aspect-\[16\/10\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  aspect-ratio: 16 / 10;
}

.aspect-square:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  aspect-ratio: 1;
}

.size-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(var(--spacing)*2);
  height: calc(var(--spacing)*2);
}

.size-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(var(--spacing)*3);
  height: calc(var(--spacing)*3);
}

.size-3\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(var(--spacing)*3.5);
  height: calc(var(--spacing)*3.5);
}

.size-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(var(--spacing)*4);
  height: calc(var(--spacing)*4);
}

.size-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(var(--spacing)*5);
  height: calc(var(--spacing)*5);
}

.size-8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(var(--spacing)*8);
  height: calc(var(--spacing)*8);
}

.size-9:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(var(--spacing)*9);
  height: calc(var(--spacing)*9);
}

.size-full:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 100%;
  height: 100%;
}

.\!h-5 {
  height: calc(var(--spacing)*5) !important;
}

.h-0\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  height: calc(var(--spacing)*.5);
}

.h-1\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  height: calc(var(--spacing)*1.5);
}

.h-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  height: calc(var(--spacing)*2);
}

.h-2\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  height: calc(var(--spacing)*2.5);
}

.h-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  height: calc(var(--spacing)*3);
}

.h-3\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  height: calc(var(--spacing)*3.5);
}

.h-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  height: calc(var(--spacing)*4);
}

.h-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  height: calc(var(--spacing)*5);
}

.h-6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  height: calc(var(--spacing)*6);
}

.h-7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  height: calc(var(--spacing)*7);
}

.h-8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  height: calc(var(--spacing)*8);
}

.h-9:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  height: calc(var(--spacing)*9);
}

.h-10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  height: calc(var(--spacing)*10);
}

.h-11:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  height: calc(var(--spacing)*11);
}

.h-12:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  height: calc(var(--spacing)*12);
}

.h-14:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  height: calc(var(--spacing)*14);
}

.h-16:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  height: calc(var(--spacing)*16);
}

.h-20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  height: calc(var(--spacing)*20);
}

.h-24:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  height: calc(var(--spacing)*24);
}

.h-28:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  height: calc(var(--spacing)*28);
}

.h-44:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  height: calc(var(--spacing)*44);
}

.h-\[1\.2rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  height: 1.2rem;
}

.h-\[2px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  height: 2px;
}

.h-\[18px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  height: 18px;
}

.h-\[80vh\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  height: 80vh;
}

.h-\[82dvh\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  height: 82vh;height: 82dvh;
}

.h-\[var\(--radix-select-trigger-height\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  height: var(--radix-select-trigger-height);
}

.h-auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  height: auto;
}

.h-dvh:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  height: 100vh;height: 100dvh;
}

.h-full:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  height: 100%;
}

.h-px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  height: 1px;
}

.max-h-\(--radix-dropdown-menu-content-available-height\):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  max-height: var(--radix-dropdown-menu-content-available-height);
}

.max-h-\(--radix-select-content-available-height\):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  max-height: var(--radix-select-content-available-height);
}

.max-h-48:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  max-height: calc(var(--spacing)*48);
}

.max-h-56:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  max-height: calc(var(--spacing)*56);
}

.max-h-60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  max-height: calc(var(--spacing)*60);
}

.max-h-96:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  max-height: calc(var(--spacing)*96);
}

.max-h-\[50vh\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  max-height: 50vh;
}

.max-h-\[60vh\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  max-height: 60vh;
}

.max-h-\[65vh\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  max-height: 65vh;
}

.max-h-\[70vh\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  max-height: 70vh;
}

.max-h-\[80vh\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  max-height: 80vh;
}

.max-h-\[85vh\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  max-height: 85vh;
}

.max-h-\[min\(85vh\,28rem\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  max-height: min(85vh, 28rem);
}

.max-h-\[min\(85vh\,820px\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  max-height: min(85vh, 820px);
}

.max-h-full:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  max-height: 100%;
}

.min-h-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: calc(var(--spacing)*0);
}

.min-h-7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: calc(var(--spacing)*7);
}

.min-h-10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: calc(var(--spacing)*10);
}

.min-h-16:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: calc(var(--spacing)*16);
}

.min-h-36:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: calc(var(--spacing)*36);
}

.min-h-\[2\.5rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: 2.5rem;
}

.min-h-\[40vh\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: 40vh;
}

.min-h-\[60px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: 60px;
}

.min-h-\[72px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: 72px;
}

.min-h-\[80px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: 80px;
}

.min-h-\[88px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: 88px;
}

.min-h-\[100px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: 100px;
}

.min-h-\[340px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: 340px;
}

.min-h-\[min\(70vh\,720px\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: min(70vh, 720px);
}

.min-h-full:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: 100%;
}

.min-h-screen:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: 100vh;
}

.\!w-auto {
  width: auto !important;
}

.w-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(var(--spacing)*1);
}

.w-1\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(var(--spacing)*1.5);
}

.w-1\/2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 50%;
}

.w-1\/3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 33.3333%;
}

.w-2\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(var(--spacing)*2.5);
}

.w-2\/3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 66.6667%;
}

.w-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(var(--spacing)*3);
}

.w-3\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(var(--spacing)*3.5);
}

.w-3\/4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 75%;
}

.w-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(var(--spacing)*4);
}

.w-4\/5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 80%;
}

.w-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(var(--spacing)*5);
}

.w-6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(var(--spacing)*6);
}

.w-7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(var(--spacing)*7);
}

.w-8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(var(--spacing)*8);
}

.w-9:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(var(--spacing)*9);
}

.w-10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(var(--spacing)*10);
}

.w-11:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(var(--spacing)*11);
}

.w-12:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(var(--spacing)*12);
}

.w-14:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(var(--spacing)*14);
}

.w-16:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(var(--spacing)*16);
}

.w-20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(var(--spacing)*20);
}

.w-24:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(var(--spacing)*24);
}

.w-32:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(var(--spacing)*32);
}

.w-36:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(var(--spacing)*36);
}

.w-40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(var(--spacing)*40);
}

.w-72:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(var(--spacing)*72);
}

.w-\[1\.2rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 1.2rem;
}

.w-\[4\.5rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 4.5rem;
}

.w-\[18px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 18px;
}

.w-\[42\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 42%;
}

.w-\[72px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 72px;
}

.w-\[90vw\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 90vw;
}

.w-\[92vw\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 92vw;
}

.w-\[232px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 232px;
}

.w-\[calc\(100\%\+2rem\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(100% + 2rem);
}

.w-\[calc\(100vw-2\.5rem\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(100vw - 2.5rem);
}

.w-\[calc\(100vw-2rem\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(100vw - 2rem);
}

.w-\[calc\(100vw-3rem\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: calc(100vw - 3rem);
}

.w-\[min\(92vw\,42rem\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: min(92vw, 42rem);
}

.w-\[min\(100\%\,400px\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: min(100%, 400px);
}

.w-auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: auto;
}

.w-fit:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: fit-content;
}

.w-full:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 100%;
}

.w-max:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: max-content;
}

.max-w-2xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: var(--container-2xl);
}

.max-w-3xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: var(--container-3xl);
}

.max-w-\[17rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: 17rem;
}

.max-w-\[55\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: 55%;
}

.max-w-\[380px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: 380px;
}

.max-w-\[480px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: 480px;
}

.max-w-\[680px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: 680px;
}

.max-w-\[1440px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: 1440px;
}

.max-w-\[calc\(100\%-1rem\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: calc(100% - 1rem);
}

.max-w-\[calc\(100\%-2\.5rem\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: calc(100% - 2.5rem);
}

.max-w-\[calc\(100\%-2rem\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: calc(100% - 2rem);
}

.max-w-\[calc\(100vw-1\.5rem\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: calc(100vw - 1.5rem);
}

.max-w-\[min\(100\%\,10\.5rem\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: min(100%, 10.5rem);
}

.max-w-\[min\(100\%\,14rem\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: min(100%, 14rem);
}

.max-w-full:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: 100%;
}

.max-w-lg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: var(--container-lg);
}

.max-w-md:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: var(--container-md);
}

.max-w-none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: none;
}

.max-w-sm:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: var(--container-sm);
}

.max-w-xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: var(--container-xl);
}

.\!min-w-0 {
  min-width: calc(var(--spacing)*0) !important;
}

.min-w-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-width: calc(var(--spacing)*0);
}

.min-w-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-width: calc(var(--spacing)*5);
}

.min-w-32:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-width: calc(var(--spacing)*32);
}

.min-w-\[8rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-width: 8rem;
}

.min-w-\[9\.5rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-width: 9.5rem;
}

.min-w-\[48px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-width: 48px;
}

.min-w-\[68px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-width: 68px;
}

.min-w-\[120px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-width: 120px;
}

.min-w-\[150px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-width: 150px;
}

.min-w-\[var\(--radix-select-trigger-width\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-width: var(--radix-select-trigger-width);
}

.flex-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex: 1;
}

.flex-shrink-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-shrink: 0;
}

.shrink:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-shrink: 1;
}

.shrink-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-shrink: 0;
}

.grow:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-grow: 1;
}

.origin-\(--radix-dropdown-menu-content-transform-origin\):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
}

.origin-\(--radix-popover-content-transform-origin\):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  transform-origin: var(--radix-popover-content-transform-origin);
}

.origin-\(--radix-select-content-transform-origin\):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  transform-origin: var(--radix-select-content-transform-origin);
}

.origin-left:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  transform-origin: 0;
}

.-translate-x-1\/2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-translate-x: -50%;
  translate: var(--tw-translate-x)var(--tw-translate-y);
}

.-translate-y-1\/2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-translate-y: -50%;
  translate: var(--tw-translate-x)var(--tw-translate-y);
}

.scale-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-scale-x: 0%;
  --tw-scale-y: 0%;
  --tw-scale-z: 0%;
  scale: var(--tw-scale-x)var(--tw-scale-y);
}

.scale-100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-scale-x: 100%;
  --tw-scale-y: 100%;
  --tw-scale-z: 100%;
  scale: var(--tw-scale-x)var(--tw-scale-y);
}

.scale-105:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-scale-x: 105%;
  --tw-scale-y: 105%;
  --tw-scale-z: 105%;
  scale: var(--tw-scale-x)var(--tw-scale-y);
}

.scale-110:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-scale-x: 110%;
  --tw-scale-y: 110%;
  --tw-scale-z: 110%;
  scale: var(--tw-scale-x)var(--tw-scale-y);
}

.scale-\[0\.85\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  scale: .85;
}

.scale-\[0\.92\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  scale: .92;
}

.rotate-180:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  rotate: 180deg;
}

.transform:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, );
}

.animate-in:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  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);
}

.animate-pulse:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  animation: var(--animate-pulse);
}

.animate-spin:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  animation: var(--animate-spin);
}

.cursor-default:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  cursor: default;
}

.cursor-not-allowed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  cursor: not-allowed;
}

.cursor-pointer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  cursor: pointer;
}

.\[touch-action\:pan-y\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  touch-action: pan-y;
}

.touch-none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  touch-action: none;
}

.resize:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  resize: both;
}

.resize-none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  resize: none;
}

.scroll-my-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  scroll-margin-block: calc(var(--spacing)*1);
}

.scroll-mt-16:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  scroll-margin-top: calc(var(--spacing)*16);
}

.scroll-px-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  scroll-padding-inline: calc(var(--spacing)*2);
}

.list-disc:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  list-style-type: disc;
}

.auto-rows-min:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-auto-rows: min-content;
}

.grid-cols-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-\[1fr_auto_1fr\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: 1fr auto 1fr;
}

.grid-cols-\[auto_minmax\(0\,1fr\)_auto\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.grid-cols-\[minmax\(0\,1fr\)_88px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: minmax(0, 1fr) 88px;
}

.grid-cols-\[minmax\(0\,1fr\)_96px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: minmax(0, 1fr) 96px;
}

.grid-rows-\[auto_auto\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-rows: auto auto;
}

.flex-col:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-direction: column;
}

.flex-col-reverse:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-direction: column-reverse;
}

.flex-nowrap:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-wrap: nowrap;
}

.flex-wrap:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-wrap: wrap;
}

.items-baseline:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  align-items: baseline;
}

.items-center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  align-items: center;
}

.items-end:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  align-items: flex-end;
}

.items-start:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  align-items: flex-start;
}

.justify-around:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: space-around;
}

.justify-between:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: space-between;
}

.justify-center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: center;
}

.justify-end:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: flex-end;
}

.justify-start:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: flex-start;
}

.gap-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  gap: calc(var(--spacing)*0);
}

.gap-0\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  gap: calc(var(--spacing)*.5);
}

.gap-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  gap: calc(var(--spacing)*1);
}

.gap-1\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  gap: calc(var(--spacing)*1.5);
}

.gap-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  gap: calc(var(--spacing)*2);
}

.gap-2\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  gap: calc(var(--spacing)*2.5);
}

.gap-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  gap: calc(var(--spacing)*3);
}

.gap-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  gap: calc(var(--spacing)*4);
}

.gap-6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  gap: calc(var(--spacing)*6);
}

.gap-8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  gap: calc(var(--spacing)*8);
}

:where(.space-y-0 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)));
}

:where(.space-y-0\.5 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing)*.5)*var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing)*.5)*calc(1 - var(--tw-space-y-reverse)));
}

:where(.space-y-1 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --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-1\.5 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --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)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --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)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --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)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --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)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --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)));
}

.gap-x-1\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  column-gap: calc(var(--spacing)*1.5);
}

.gap-x-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  column-gap: calc(var(--spacing)*2);
}

.gap-x-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  column-gap: calc(var(--spacing)*3);
}

:where(.space-x-1 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)));
}

:where(.space-x-1\.5 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing)*1.5)*var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-x-reverse)));
}

:where(.space-x-2 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)));
}

:where(.space-x-3 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)));
}

.gap-y-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  row-gap: calc(var(--spacing)*0);
}

.gap-y-0\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  row-gap: calc(var(--spacing)*.5);
}

.gap-y-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  row-gap: calc(var(--spacing)*1);
}

.gap-y-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  row-gap: calc(var(--spacing)*3);
}

:where(.divide-y > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --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-border > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--border);
}

.self-center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  align-self: center;
}

.self-start:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  align-self: flex-start;
}

.justify-self-end:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-self: flex-end;
}

.justify-self-start:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-self: flex-start;
}

.truncate:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.overflow-auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  overflow: auto;
}

.overflow-hidden:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  overflow: hidden;
}

.overflow-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  overflow: visible;
}

.overflow-x-auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  overflow-x: auto;
}

.overflow-x-hidden:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  overflow-x: hidden;
}

.overflow-y-auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  overflow-y: auto;
}

.overscroll-contain:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  overscroll-behavior: contain;
}

.\!rounded-lg {
  border-radius: var(--radius) !important;
}

.rounded:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-radius: .25rem;
}

.rounded-2xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-radius: var(--radius-2xl);
}

.rounded-3xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-radius: var(--radius-3xl);
}

.rounded-\[15px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-radius: 15px;
}

.rounded-\[inherit\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-radius: inherit;
}

.rounded-full:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-radius: 2147483647px;
}

.rounded-lg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-radius: var(--radius);
}

.rounded-md:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-radius: calc(var(--radius) - 2px);
}

.rounded-sm:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-radius: calc(var(--radius) - 4px);
}

.rounded-xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-radius: calc(var(--radius) + 4px);
}

.rounded-t-2xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-top-left-radius: var(--radius-2xl);
  border-top-right-radius: var(--radius-2xl);
}

.rounded-t-3xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-top-left-radius: var(--radius-3xl);
  border-top-right-radius: var(--radius-3xl);
}

.rounded-l-full:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-top-left-radius: 2147483647px;
  border-bottom-left-radius: 2147483647px;
}

.rounded-tl-xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-top-left-radius: calc(var(--radius) + 4px);
}

.rounded-r-full:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-top-right-radius: 2147483647px;
  border-bottom-right-radius: 2147483647px;
}

.rounded-br-xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-bottom-right-radius: calc(var(--radius) + 4px);
}

.border:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-style: var(--tw-border-style);
  border-width: 1px;
}

.border-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-style: var(--tw-border-style);
  border-width: 0;
}

.border-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-style: var(--tw-border-style);
  border-width: 2px;
}

.border-y:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-block-style: var(--tw-border-style);
  border-block-width: 1px;
}

.border-t:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}

.border-r:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
}

.border-b:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}

.border-b-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
}

.border-l:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
}

.border-l-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-left-style: var(--tw-border-style);
  border-left-width: 2px;
}

.border-dashed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-border-style: dashed;
  border-style: dashed;
}

.border-solid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-border-style: solid;
  border-style: solid;
}

.border-\[\#df6683\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: #df6683;
}

.border-amber-100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--color-amber-100);
}

.border-amber-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--color-amber-200);
}

.border-amber-300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--color-amber-300);
}

.border-amber-300\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(255, 210, 54, .4);
}

@supports (color: color-mix(in lab,red,red)) {
  .border-amber-300\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color:var(--color-amber-300);border-color: color-mix(in oklab,var(--color-amber-300)40%,transparent);
  }
}

.border-amber-300\/70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(255, 210, 54, .7);
}

@supports (color: color-mix(in lab,red,red)) {
  .border-amber-300\/70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color:var(--color-amber-300);border-color: color-mix(in oklab,var(--color-amber-300)70%,transparent);
  }
}

.border-amber-400\/70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(252, 187, 0, .7);
}

@supports (color: color-mix(in lab,red,red)) {
  .border-amber-400\/70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color:var(--color-amber-400);border-color: color-mix(in oklab,var(--color-amber-400)70%,transparent);
  }
}

.border-amber-400\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(252, 187, 0, .8);
}

@supports (color: color-mix(in lab,red,red)) {
  .border-amber-400\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color:var(--color-amber-400);border-color: color-mix(in oklab,var(--color-amber-400)80%,transparent);
  }
}

.border-amber-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--color-amber-500);
}

.border-amber-500\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(249, 156, 0, .3);
}

@supports (color: color-mix(in lab,red,red)) {
  .border-amber-500\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color:var(--color-amber-500);border-color: color-mix(in oklab,var(--color-amber-500)30%,transparent);
  }
}

.border-blue-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--color-blue-200);
}

.border-border:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .border-border\/70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--border);
}

@supports (color: color-mix(in lab,red,red)) {
  .border-border\/70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color:var(--border);border-color: color-mix(in oklab,var(--border)70%,transparent);
  }
}

.border-emerald-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--color-emerald-200);
}

.border-gray-100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--color-gray-100);
}

.border-gray-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--color-gray-200);
}

.border-gray-300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--color-gray-300);
}

.border-gray-900:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--color-gray-900);
}

.border-green-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--color-green-200);
}

.border-green-200\/70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(185, 248, 207, .7);
}

@supports (color: color-mix(in lab,red,red)) {
  .border-green-200\/70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color:var(--color-green-200);border-color: color-mix(in oklab,var(--color-green-200)70%,transparent);
  }
}

.border-input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--input);
}

.border-orange-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--color-orange-200);
}

.border-orange-200\/70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(255, 215, 168, .7);
}

@supports (color: color-mix(in lab,red,red)) {
  .border-orange-200\/70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color:var(--color-orange-200);border-color: color-mix(in oklab,var(--color-orange-200)70%,transparent);
  }
}

.border-orange-200\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(255, 215, 168, .8);
}

@supports (color: color-mix(in lab,red,red)) {
  .border-orange-200\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color:var(--color-orange-200);border-color: color-mix(in oklab,var(--color-orange-200)80%,transparent);
  }
}

.border-orange-300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--color-orange-300);
}

.border-orange-400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--color-orange-400);
}

.border-orange-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--color-orange-500);
}

.border-pink-100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--color-pink-100);
}

.border-pink-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--color-pink-200);
}

.border-pink-200\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(252, 206, 232, .8);
}

@supports (color: color-mix(in lab,red,red)) {
  .border-pink-200\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color:var(--color-pink-200);border-color: color-mix(in oklab,var(--color-pink-200)80%,transparent);
  }
}

.border-pink-300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--color-pink-300);
}

.border-pink-400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--color-pink-400);
}

.border-pink-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--color-pink-500);
}

.border-primary:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .border-primary\/35:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--primary);
}

@supports (color: color-mix(in lab,red,red)) {
  .border-primary\/35:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color:var(--primary);border-color: color-mix(in oklab,var(--primary)35%,transparent);
  }
}

.border-primary\/70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--primary);
}

@supports (color: color-mix(in lab,red,red)) {
  .border-primary\/70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color:var(--primary);border-color: color-mix(in oklab,var(--primary)70%,transparent);
  }
}

.border-red-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--color-red-200);
}

.border-red-200\/70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(255, 202, 202, .7);
}

@supports (color: color-mix(in lab,red,red)) {
  .border-red-200\/70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color:var(--color-red-200);border-color: color-mix(in oklab,var(--color-red-200)70%,transparent);
  }
}

.border-red-300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--color-red-300);
}

.border-red-400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--color-red-400);
}

.border-sidebar-border:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--sidebar-border);
}

.border-sidebar-primary:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .border-sidebar-primary\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--sidebar-primary);
}

@supports (color: color-mix(in lab,red,red)) {
  .border-sidebar-primary\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color:var(--sidebar-primary);border-color: color-mix(in oklab,var(--sidebar-primary)30%,transparent);
  }
}

.border-sidebar-primary\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--sidebar-primary);
}

@supports (color: color-mix(in lab,red,red)) {
  .border-sidebar-primary\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color:var(--sidebar-primary);border-color: color-mix(in oklab,var(--sidebar-primary)40%,transparent);
  }
}

.border-teal-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--color-teal-200);
}

.border-teal-200\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(150, 247, 228, .8);
}

@supports (color: color-mix(in lab,red,red)) {
  .border-teal-200\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color:var(--color-teal-200);border-color: color-mix(in oklab,var(--color-teal-200)80%,transparent);
  }
}

.border-transparent:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(0, 0, 0, 0);
}

.border-violet-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--color-violet-200);
}

.border-violet-300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--color-violet-300);
}

.border-white:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--color-white);
}

.border-white\/8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(255, 255, 255, .08);
}

@supports (color: color-mix(in lab,red,red)) {
  .border-white\/8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color:var(--color-white);border-color: color-mix(in oklab,var(--color-white)8%,transparent);
  }
}

.border-white\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(255, 255, 255, .1);
}

@supports (color: color-mix(in lab,red,red)) {
  .border-white\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color:var(--color-white);border-color: color-mix(in oklab,var(--color-white)10%,transparent);
  }
}

.border-white\/12:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(255, 255, 255, .12);
}

@supports (color: color-mix(in lab,red,red)) {
  .border-white\/12:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color:var(--color-white);border-color: color-mix(in oklab,var(--color-white)12%,transparent);
  }
}

.border-white\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(255, 255, 255, .3);
}

@supports (color: color-mix(in lab,red,red)) {
  .border-white\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color:var(--color-white);border-color: color-mix(in oklab,var(--color-white)30%,transparent);
  }
}

.border-white\/70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(255, 255, 255, .7);
}

@supports (color: color-mix(in lab,red,red)) {
  .border-white\/70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color:var(--color-white);border-color: color-mix(in oklab,var(--color-white)70%,transparent);
  }
}

.border-yellow-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--color-yellow-200);
}

.border-t-transparent:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-top-color: rgba(0, 0, 0, 0);
}

.border-l-transparent:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-left-color: rgba(0, 0, 0, 0);
}

.bg-\[\#2a2a32\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: #2a2a32;
}

.bg-\[\#141418\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: #141418;
}

.bg-\[\#222228\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: #222228;
}

.bg-\[\#df6683\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: #df6683;
}

.bg-\[\#ffc700\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: #ffc700;
}

.bg-\[var\(--studio-raised\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--studio-raised);
}

.bg-\[var\(--studio-surface-subtle\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--studio-surface-subtle);
}

.bg-accent:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--accent);
}

.bg-amber-50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-amber-50);
}

.bg-amber-100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-amber-100);
}

.bg-amber-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-amber-200);
}

.bg-amber-300\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(255, 210, 54, .4);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-amber-300\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-amber-300);background-color: color-mix(in oklab,var(--color-amber-300)40%,transparent);
  }
}

.bg-amber-900\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(123, 51, 6, .1);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-amber-900\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-amber-900);background-color: color-mix(in oklab,var(--color-amber-900)10%,transparent);
  }
}

.bg-background:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .bg-background\/70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--background);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-background\/70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--background);background-color: color-mix(in oklab,var(--background)70%,transparent);
  }
}

.bg-background\/95:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--background);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-background\/95:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--background);background-color: color-mix(in oklab,var(--background)95%,transparent);
  }
}

.bg-black:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-black);
}

.bg-black\/0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(0, 0, 0, 0);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-black\/0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-black);background-color: color-mix(in oklab,var(--color-black)0%,transparent);
  }
}

.bg-black\/15:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(0, 0, 0, .15);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-black\/15:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-black);background-color: color-mix(in oklab,var(--color-black)15%,transparent);
  }
}

.bg-black\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(0, 0, 0, .2);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-black\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-black);background-color: color-mix(in oklab,var(--color-black)20%,transparent);
  }
}

.bg-black\/25:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(0, 0, 0, .25);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-black\/25:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-black);background-color: color-mix(in oklab,var(--color-black)25%,transparent);
  }
}

.bg-black\/35:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(0, 0, 0, .35);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-black\/35:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-black);background-color: color-mix(in oklab,var(--color-black)35%,transparent);
  }
}

.bg-black\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(0, 0, 0, .4);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-black\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-black);background-color: color-mix(in oklab,var(--color-black)40%,transparent);
  }
}

.bg-black\/50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(0, 0, 0, .5);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-black\/50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-black);background-color: color-mix(in oklab,var(--color-black)50%,transparent);
  }
}

.bg-black\/55:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(0, 0, 0, .55);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-black\/55:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-black);background-color: color-mix(in oklab,var(--color-black)55%,transparent);
  }
}

.bg-black\/60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(0, 0, 0, .6);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-black\/60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-black);background-color: color-mix(in oklab,var(--color-black)60%,transparent);
  }
}

.bg-black\/65:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(0, 0, 0, .65);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-black\/65:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-black);background-color: color-mix(in oklab,var(--color-black)65%,transparent);
  }
}

.bg-black\/70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(0, 0, 0, .7);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-black\/70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-black);background-color: color-mix(in oklab,var(--color-black)70%,transparent);
  }
}

.bg-black\/75:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(0, 0, 0, .75);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-black\/75:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-black);background-color: color-mix(in oklab,var(--color-black)75%,transparent);
  }
}

.bg-black\/90:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(0, 0, 0, .9);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-black\/90:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-black);background-color: color-mix(in oklab,var(--color-black)90%,transparent);
  }
}

.bg-border:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--border);
}

.bg-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .bg-card\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--card);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-card\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--card);background-color: color-mix(in oklab,var(--card)80%,transparent);
  }
}

.bg-card\/90:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--card);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-card\/90:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--card);background-color: color-mix(in oklab,var(--card)90%,transparent);
  }
}

.bg-card\/95:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--card);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-card\/95:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--card);background-color: color-mix(in oklab,var(--card)95%,transparent);
  }
}

.bg-destructive:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--destructive);
}

.bg-emerald-50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-emerald-50);
}

.bg-emerald-500\/15:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(0, 187, 127, .15);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-emerald-500\/15:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-emerald-500);background-color: color-mix(in oklab,var(--color-emerald-500)15%,transparent);
  }
}

.bg-fuchsia-100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-fuchsia-100);
}

.bg-gray-50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-gray-50);
}

.bg-gray-100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-gray-100);
}

.bg-gray-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-gray-200);
}

.bg-gray-700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-gray-700);
}

.bg-gray-800:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-gray-800);
}

.bg-gray-900:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-gray-900);
}

.bg-green-50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-green-50);
}

.bg-green-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-green-500);
}

.bg-indigo-100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-indigo-100);
}

.bg-muted:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .bg-muted\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--muted);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-muted\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--muted);background-color: color-mix(in oklab,var(--muted)30%,transparent);
  }
}

.bg-muted\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--muted);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-muted\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--muted);background-color: color-mix(in oklab,var(--muted)40%,transparent);
  }
}

.bg-muted\/50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--muted);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-muted\/50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--muted);background-color: color-mix(in oklab,var(--muted)50%,transparent);
  }
}

.bg-muted\/60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--muted);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-muted\/60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--muted);background-color: color-mix(in oklab,var(--muted)60%,transparent);
  }
}

.bg-muted\/70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--muted);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-muted\/70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--muted);background-color: color-mix(in oklab,var(--muted)70%,transparent);
  }
}

.bg-orange-50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-orange-50);
}

.bg-orange-50\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(255, 247, 237, .8);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-orange-50\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-orange-50);background-color: color-mix(in oklab,var(--color-orange-50)80%,transparent);
  }
}

.bg-orange-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-orange-500);
}

.bg-orange-500\/90:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(254, 110, 0, .9);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-orange-500\/90:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-orange-500);background-color: color-mix(in oklab,var(--color-orange-500)90%,transparent);
  }
}

.bg-pink-50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-pink-50);
}

.bg-pink-50\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(253, 242, 248, .8);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-pink-50\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-pink-50);background-color: color-mix(in oklab,var(--color-pink-50)80%,transparent);
  }
}

.bg-pink-100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-pink-100);
}

.bg-pink-400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-pink-400);
}

.bg-pink-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-pink-500);
}

.bg-pink-500\/15:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(246, 51, 154, .15);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-pink-500\/15:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-pink-500);background-color: color-mix(in oklab,var(--color-pink-500)15%,transparent);
  }
}

.bg-popover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--popover);
}

.bg-primary:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .bg-primary\/8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--primary);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-primary\/8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--primary);background-color: color-mix(in oklab,var(--primary)8%,transparent);
  }
}

.bg-red-50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-red-50);
}

.bg-red-50\/70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(254, 242, 242, .7);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-red-50\/70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-red-50);background-color: color-mix(in oklab,var(--color-red-50)70%,transparent);
  }
}

.bg-red-50\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(254, 242, 242, .8);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-red-50\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-red-50);background-color: color-mix(in oklab,var(--color-red-50)80%,transparent);
  }
}

.bg-red-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-red-500);
}

.bg-red-500\/15:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(251, 44, 54, .15);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-red-500\/15:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-red-500);background-color: color-mix(in oklab,var(--color-red-500)15%,transparent);
  }
}

.bg-rose-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-rose-500);
}

.bg-secondary:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--secondary);
}

.bg-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--sidebar);
}

.bg-sidebar-accent\/60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--sidebar-accent);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-sidebar-accent\/60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--sidebar-accent);background-color: color-mix(in oklab,var(--sidebar-accent)60%,transparent);
  }
}

.bg-sidebar-primary:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .bg-sidebar-primary\/5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--sidebar-primary);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-sidebar-primary\/5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--sidebar-primary);background-color: color-mix(in oklab,var(--sidebar-primary)5%,transparent);
  }
}

.bg-sidebar-primary\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--sidebar-primary);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-sidebar-primary\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--sidebar-primary);background-color: color-mix(in oklab,var(--sidebar-primary)10%,transparent);
  }
}

.bg-sky-100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-sky-100);
}

.bg-teal-50\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(240, 253, 250, .8);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-teal-50\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-teal-50);background-color: color-mix(in oklab,var(--color-teal-50)80%,transparent);
  }
}

.bg-teal-50\/90:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(240, 253, 250, .9);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-teal-50\/90:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-teal-50);background-color: color-mix(in oklab,var(--color-teal-50)90%,transparent);
  }
}

.bg-transparent:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(0, 0, 0, 0);
}

.bg-violet-50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-violet-50);
}

.bg-violet-50\/50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(245, 243, 255, .5);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-violet-50\/50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-violet-50);background-color: color-mix(in oklab,var(--color-violet-50)50%,transparent);
  }
}

.bg-violet-100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-violet-100);
}

.bg-violet-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-violet-500);
}

.bg-violet-600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-violet-600);
}

.bg-white:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-white);
}

.bg-white\/5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(255, 255, 255, .05);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-white\/5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-white);background-color: color-mix(in oklab,var(--color-white)5%,transparent);
  }
}

.bg-white\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(255, 255, 255, .1);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-white\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-white);background-color: color-mix(in oklab,var(--color-white)10%,transparent);
  }
}

.bg-white\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(255, 255, 255, .2);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-white\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-white);background-color: color-mix(in oklab,var(--color-white)20%,transparent);
  }
}

.bg-white\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(255, 255, 255, .8);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-white\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-white);background-color: color-mix(in oklab,var(--color-white)80%,transparent);
  }
}

.bg-white\/95:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(255, 255, 255, .95);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-white\/95:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-white);background-color: color-mix(in oklab,var(--color-white)95%,transparent);
  }
}

.bg-yellow-400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-yellow-400);
}

.bg-zinc-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-zinc-200);
}

.bg-zinc-700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-zinc-700);
}

.bg-zinc-700\/90:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(63, 63, 70, .9);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-zinc-700\/90:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-zinc-700);background-color: color-mix(in oklab,var(--color-zinc-700)90%,transparent);
  }
}

.bg-zinc-800:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-zinc-800);
}

.bg-zinc-800\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(39, 39, 42, .8);
}

@supports (color: color-mix(in lab,red,red)) {
  .bg-zinc-800\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-zinc-800);background-color: color-mix(in oklab,var(--color-zinc-800)80%,transparent);
  }
}

.bg-zinc-900:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-zinc-900);
}

.bg-gradient-to-b:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-position: to bottom in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}

.bg-gradient-to-br:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-position: to bottom right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}

.bg-gradient-to-r:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-position: to right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}

.bg-\[image\:var\(--studio-gradient\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-image: var(--studio-gradient);
}

.bg-\[radial-gradient\(ellipse_80\%_120\%_at_10\%_0\%\,rgba\(255\,255\,255\,0\.22\)\,transparent_55\%\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-image: radial-gradient(80% 120% at 10% 0, rgba(255, 255, 255, .22), rgba(0, 0, 0, 0) 55%);
}

.bg-\[radial-gradient\(ellipse_at_top\,rgba\(251\,191\,36\,0\.35\)\,transparent_70\%\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-image: radial-gradient(at top, rgba(251, 191, 36, .35), rgba(0, 0, 0, 0) 70%);
}

.bg-\[url\(\'data\:image\/svg\+xml\;base64\,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI\+PGRlZnM\+PHBhdHRlcm4gaWQ9ImdyaWQiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI\+PHBhdGggZD0iTSAwIDEwIEwgNDAgMTAgTSAxMCAwIEwgMTAgNDAgTSAwIDIwIEwgNDAgMjAgTSAyMCAwIEwgMjAgNDAgTSAwIDMwIEwgNDAgMzAgTSAzMCAwIEwgMzAgNDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1vcGFjaXR5PSIwLjAzIiBzdHJva2Utd2lkdGg9IjEiLz48L3BhdHRlcm4\+PC9kZWZzPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JpZCkiLz48L3N2Zz4\=\'\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImdyaWQiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTSAwIDEwIEwgNDAgMTAgTSAxMCAwIEwgMTAgNDAgTSAwIDIwIEwgNDAgMjAgTSAyMCAwIEwgMjAgNDAgTSAwIDMwIEwgNDAgMzAgTSAzMCAwIEwgMzAgNDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1vcGFjaXR5PSIwLjAzIiBzdHJva2Utd2lkdGg9IjEiLz48L3BhdHRlcm4+PC9kZWZzPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JpZCkiLz48L3N2Zz4=");
}

.from-\[\#2a1a08\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: #2a1a08;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-\[\#FF7A3D\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: #ff7a3d;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-amber-50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-amber-50);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-amber-100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-amber-100);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-amber-300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-amber-300);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-amber-400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-amber-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-amber-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-amber-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-amber-800:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-amber-800);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-blue-50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-blue-50);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-blue-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-blue-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-cyan-400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-cyan-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-emerald-50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-emerald-50);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-fuchsia-400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-fuchsia-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-fuchsia-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-fuchsia-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-gray-50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-gray-50);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-gray-100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-gray-100);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-gray-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-gray-200);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-gray-300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-gray-300);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-gray-400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-gray-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-indigo-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-indigo-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-orange-50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-orange-50);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-orange-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-orange-200);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-orange-400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-orange-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-orange-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-orange-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-pink-50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-pink-50);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-pink-100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-pink-100);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-pink-400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-pink-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-pink-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-pink-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-primary\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--primary);
}

@supports (color: color-mix(in lab,red,red)) {
  .from-primary\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-from:var(--primary);--tw-gradient-from: color-mix(in oklab,var(--primary)10%,transparent);
  }
}

.from-primary\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-purple-50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-purple-50);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-purple-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-purple-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-red-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-red-200);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-red-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-red-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-rose-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-rose-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-sky-400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-sky-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-sky-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-sky-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-slate-50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-slate-50);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-slate-100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-slate-100);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-slate-600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-slate-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));
}

.from-teal-400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-teal-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-transparent:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: 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));
}

.from-violet-50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-violet-50);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-violet-400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-violet-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-violet-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-violet-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-violet-600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-violet-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));
}

.from-violet-700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-violet-700);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-white\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: rgba(255, 255, 255, .8);
}

@supports (color: color-mix(in lab,red,red)) {
  .from-white\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-from:var(--color-white);--tw-gradient-from: color-mix(in oklab,var(--color-white)80%,transparent);
  }
}

.from-white\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-yellow-50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-yellow-50);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-zinc-50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-zinc-50);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.from-zinc-400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-zinc-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.via-\[\#4a2f0f\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-via: #4a2f0f;
  --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.via-\[\#F43F8C\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-via: #f43f8c;
  --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.via-\[\#fff8e8\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-via: #fff8e8;
  --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.via-amber-300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-via: var(--color-amber-300);
  --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.via-amber-400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-via: var(--color-amber-400);
  --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.via-amber-400\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-via: rgba(252, 187, 0, .8);
}

@supports (color: color-mix(in lab,red,red)) {
  .via-amber-400\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-via:var(--color-amber-400);--tw-gradient-via: color-mix(in oklab,var(--color-amber-400)80%,transparent);
  }
}

.via-amber-400\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.via-amber-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-via: var(--color-amber-500);
  --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.via-amber-700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-via: var(--color-amber-700);
  --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.via-background:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-via: var(--background);
  --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.via-fuchsia-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-via: var(--color-fuchsia-500);
  --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.via-fuchsia-600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-via: var(--color-fuchsia-600);
  --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.via-orange-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-via: var(--color-orange-500);
  --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.via-pink-50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-via: var(--color-pink-50);
  --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.via-pink-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-via: var(--color-pink-500);
  --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.via-rose-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-via: var(--color-rose-500);
  --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.via-slate-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-via: var(--color-slate-200);
  --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.via-transparent:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-via: transparent;
  --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.via-white:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-via: var(--color-white);
  --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.via-yellow-400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-via: var(--color-yellow-400);
  --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.via-yellow-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-via: var(--color-yellow-500);
  --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.to-\[\#1a1008\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: #1a1008;
  --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-\[\#A855F7\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: #a855f7;
  --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-amber-50\/70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: rgba(255, 251, 235, .7);
}

@supports (color: color-mix(in lab,red,red)) {
  .to-amber-50\/70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-to:var(--color-amber-50);--tw-gradient-to: color-mix(in oklab,var(--color-amber-50)70%,transparent);
  }
}

.to-amber-50\/70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --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-amber-100\/90:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: rgba(254, 243, 198, .9);
}

@supports (color: color-mix(in lab,red,red)) {
  .to-amber-100\/90:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-to:var(--color-amber-100);--tw-gradient-to: color-mix(in oklab,var(--color-amber-100)90%,transparent);
  }
}

.to-amber-100\/90:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --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-amber-200\/90:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: rgba(254, 230, 133, .9);
}

@supports (color: color-mix(in lab,red,red)) {
  .to-amber-200\/90:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-to:var(--color-amber-200);--tw-gradient-to: color-mix(in oklab,var(--color-amber-200)90%,transparent);
  }
}

.to-amber-200\/90:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --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-amber-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-amber-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-amber-600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-amber-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));
}

.to-blue-50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-blue-50);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.to-blue-600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-blue-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));
}

.to-cyan-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-cyan-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-emerald-100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-emerald-100);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.to-emerald-600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-emerald-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));
}

.to-fuchsia-50\/60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: rgba(253, 244, 255, .6);
}

@supports (color: color-mix(in lab,red,red)) {
  .to-fuchsia-50\/60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-to:var(--color-fuchsia-50);--tw-gradient-to: color-mix(in oklab,var(--color-fuchsia-50)60%,transparent);
  }
}

.to-fuchsia-50\/60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --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-fuchsia-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-fuchsia-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-fuchsia-600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-fuchsia-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));
}

.to-gray-100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-gray-100);
  --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-gray-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-gray-200);
  --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-gray-300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-gray-300);
  --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-gray-400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-gray-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.to-gray-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-gray-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-indigo-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-indigo-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-muted\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--muted);
}

@supports (color: color-mix(in lab,red,red)) {
  .to-muted\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-to:var(--muted);--tw-gradient-to: color-mix(in oklab,var(--muted)30%,transparent);
  }
}

.to-muted\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --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-orange-50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-orange-50);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.to-orange-100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-orange-100);
  --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-orange-400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-orange-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.to-orange-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-orange-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-orange-600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-orange-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));
}

.to-orange-700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-orange-700);
  --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-pink-400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-pink-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.to-pink-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-pink-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-pink-600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-pink-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));
}

.to-purple-50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-purple-50);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.to-purple-100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-purple-100);
  --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-purple-400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-purple-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.to-purple-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-purple-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-purple-600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-purple-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));
}

.to-red-50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-red-50);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.to-red-300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-red-300);
  --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-red-400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-red-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.to-red-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-red-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-rose-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-rose-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-rose-600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-rose-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));
}

.to-slate-400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-slate-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.to-slate-800:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-slate-800);
  --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:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --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));
}

.to-transparent:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --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));
}

.to-violet-50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-violet-50);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.to-violet-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-violet-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-violet-600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-violet-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));
}

.to-violet-700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-violet-700);
  --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-white:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-white);
  --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-yellow-50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-yellow-50);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.to-yellow-700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-yellow-700);
  --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-zinc-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-zinc-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));
}

.bg-clip-text:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  -webkit-background-clip: text;
  background-clip: text;
}

.fill-current:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  fill: currentColor;
}

.fill-pink-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  fill: var(--color-pink-500);
}

.fill-white:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  fill: var(--color-white);
}

.stroke-\[2\.5\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  stroke-width: 2.5px;
}

.stroke-\[2\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  stroke-width: 2px;
}

.object-contain:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  object-fit: contain;
}

.object-cover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  object-fit: cover;
}

.object-top:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  object-position: top;
}

.p-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding: calc(var(--spacing)*0);
}

.p-0\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding: calc(var(--spacing)*.5);
}

.p-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding: calc(var(--spacing)*1);
}

.p-1\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding: calc(var(--spacing)*1.5);
}

.p-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding: calc(var(--spacing)*2);
}

.p-2\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding: calc(var(--spacing)*2.5);
}

.p-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding: calc(var(--spacing)*3);
}

.p-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding: calc(var(--spacing)*4);
}

.p-6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding: calc(var(--spacing)*6);
}

.p-20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding: calc(var(--spacing)*20);
}

.p-\[1px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .p-px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding: 1px;
}

.\!px-0\.5 {
  padding-inline: calc(var(--spacing)*.5) !important;
}

.px-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-inline: calc(var(--spacing)*0);
}

.px-0\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-inline: calc(var(--spacing)*.5);
}

.px-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-inline: calc(var(--spacing)*1);
}

.px-1\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-inline: calc(var(--spacing)*1.5);
}

.px-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-inline: calc(var(--spacing)*2);
}

.px-2\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-inline: calc(var(--spacing)*2.5);
}

.px-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-inline: calc(var(--spacing)*3);
}

.px-3\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-inline: calc(var(--spacing)*3.5);
}

.px-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-inline: calc(var(--spacing)*4);
}

.px-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-inline: calc(var(--spacing)*5);
}

.px-6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-inline: calc(var(--spacing)*6);
}

.px-16:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-inline: calc(var(--spacing)*16);
}

.py-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-block: calc(var(--spacing)*0);
}

.py-0\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-block: calc(var(--spacing)*.5);
}

.py-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-block: calc(var(--spacing)*1);
}

.py-1\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-block: calc(var(--spacing)*1.5);
}

.py-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-block: calc(var(--spacing)*2);
}

.py-2\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-block: calc(var(--spacing)*2.5);
}

.py-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-block: calc(var(--spacing)*3);
}

.py-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-block: calc(var(--spacing)*4);
}

.py-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-block: calc(var(--spacing)*5);
}

.py-6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-block: calc(var(--spacing)*6);
}

.py-8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-block: calc(var(--spacing)*8);
}

.py-10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-block: calc(var(--spacing)*10);
}

.py-12:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-block: calc(var(--spacing)*12);
}

.py-16:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-block: calc(var(--spacing)*16);
}

.py-20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-block: calc(var(--spacing)*20);
}

.py-px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-block: 1px;
}

.pt-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-top: calc(var(--spacing)*0);
}

.pt-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-top: calc(var(--spacing)*1);
}

.pt-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-top: calc(var(--spacing)*2);
}

.pt-2\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-top: calc(var(--spacing)*2.5);
}

.pt-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-top: calc(var(--spacing)*3);
}

.pt-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-top: calc(var(--spacing)*4);
}

.pt-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-top: calc(var(--spacing)*5);
}

.pt-6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-top: calc(var(--spacing)*6);
}

.pt-10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-top: calc(var(--spacing)*10);
}

.pt-12:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-top: calc(var(--spacing)*12);
}

.pr-0\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-right: calc(var(--spacing)*.5);
}

.pr-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-right: calc(var(--spacing)*1);
}

.pr-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-right: calc(var(--spacing)*2);
}

.pr-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-right: calc(var(--spacing)*3);
}

.pr-6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-right: calc(var(--spacing)*6);
}

.pr-8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-right: calc(var(--spacing)*8);
}

.pr-10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-right: calc(var(--spacing)*10);
}

.pr-12:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-right: calc(var(--spacing)*12);
}

.pb-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-bottom: calc(var(--spacing)*0);
}

.pb-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-bottom: calc(var(--spacing)*1);
}

.pb-1\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-bottom: calc(var(--spacing)*1.5);
}

.pb-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-bottom: calc(var(--spacing)*2);
}

.pb-2\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-bottom: calc(var(--spacing)*2.5);
}

.pb-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-bottom: calc(var(--spacing)*3);
}

.pb-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-bottom: calc(var(--spacing)*4);
}

.pb-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-bottom: calc(var(--spacing)*5);
}

.pb-6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-bottom: calc(var(--spacing)*6);
}

.pb-8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-bottom: calc(var(--spacing)*8);
}

.pb-12:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-bottom: calc(var(--spacing)*12);
}

.pb-\[calc\(1rem\+env\(safe-area-inset-bottom\)\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-bottom: calc(1rem + env(safe-area-inset-bottom));
}

.pb-\[max\(0\.35rem\,env\(safe-area-inset-bottom\)\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-bottom: max(.35rem,env(safe-area-inset-bottom));
}

.pl-0\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-left: calc(var(--spacing)*.5);
}

.pl-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-left: calc(var(--spacing)*2);
}

.pl-2\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-left: calc(var(--spacing)*2.5);
}

.pl-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-left: calc(var(--spacing)*4);
}

.pl-8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-left: calc(var(--spacing)*8);
}

.text-center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  text-align: center;
}

.text-left:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  text-align: left;
}

.text-right:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  text-align: right;
}

.font-mono:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  font-family: var(--font-mono);
}

.text-2xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
}

.text-3xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
}

.text-4xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
}

.text-base:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}

.text-lg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}

.text-sm:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}

.text-xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}

.text-xs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}

.\!text-\[10px\] {
  font-size: 10px !important;
}

.text-\[0\.8em\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  font-size: .8em;
}

.text-\[9px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  font-size: 9px;
}

.text-\[10px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  font-size: 10px;
}

.text-\[11px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  font-size: 11px;
}

.text-\[13px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  font-size: 13px;
}

.text-\[15px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  font-size: 15px;
}

.text-\[16px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  font-size: 16px;
}

.leading-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-leading: calc(var(--spacing)*4);
  line-height: calc(var(--spacing)*4);
}

.leading-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-leading: calc(var(--spacing)*5);
  line-height: calc(var(--spacing)*5);
}

.leading-6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-leading: calc(var(--spacing)*6);
  line-height: calc(var(--spacing)*6);
}

.leading-none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-leading: 1;
  line-height: 1;
}

.leading-normal:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-leading: var(--leading-normal);
  line-height: var(--leading-normal);
}

.leading-relaxed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
}

.leading-snug:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
}

.leading-tight:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
}

.font-black:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-font-weight: var(--font-weight-black);
  font-weight: var(--font-weight-black);
}

.font-bold:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}

.font-extrabold:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
}

.font-medium:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}

.font-normal:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}

.font-semibold:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}

.tracking-tight:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
}

.tracking-tighter:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-tracking: var(--tracking-tighter);
  letter-spacing: var(--tracking-tighter);
}

.tracking-wide:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide);
}

.tracking-widest:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
}

.break-words:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  overflow-wrap: break-word;
}

.break-all:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  word-break: break-all;
}

.whitespace-normal:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  white-space: normal;
}

.whitespace-nowrap:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  white-space: nowrap;
}

.whitespace-pre-wrap:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  white-space: pre-wrap;
}

.text-\[\#1a1a1a\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #1a1a1a;
}

.text-\[\#333\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #333;
}

.text-\[\#FFEBA3\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #ffeba3;
}

.text-\[\#FFEBA3\]\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgba(255, 235, 163, .8);
}

.text-\[\#c43a7a\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #c43a7a;
}

.text-\[\#ff8eab\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #ff8eab;
}

.text-\[\#ffb0c4\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #ffb0c4;
}

.text-\[var\(--studio-danger\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--studio-danger);
}

.text-\[var\(--studio-on-gradient\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--studio-on-gradient);
}

.text-\[var\(--studio-success\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--studio-success);
}

.text-accent-foreground:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--accent-foreground);
}

.text-amber-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-amber-200);
}

.text-amber-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-amber-500);
}

.text-amber-500\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgba(249, 156, 0, .8);
}

@supports (color: color-mix(in lab,red,red)) {
  .text-amber-500\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color:var(--color-amber-500);color: color-mix(in oklab,var(--color-amber-500)80%,transparent);
  }
}

.text-amber-600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-amber-600);
}

.text-amber-700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-amber-700);
}

.text-amber-700\/90:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgba(183, 80, 0, .9);
}

@supports (color: color-mix(in lab,red,red)) {
  .text-amber-700\/90:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color:var(--color-amber-700);color: color-mix(in oklab,var(--color-amber-700)90%,transparent);
  }
}

.text-amber-800:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-amber-800);
}

.text-amber-800\/60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgba(149, 61, 0, .6);
}

@supports (color: color-mix(in lab,red,red)) {
  .text-amber-800\/60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color:var(--color-amber-800);color: color-mix(in oklab,var(--color-amber-800)60%,transparent);
  }
}

.text-amber-900:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-amber-900);
}

.text-amber-900\/70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgba(123, 51, 6, .7);
}

@supports (color: color-mix(in lab,red,red)) {
  .text-amber-900\/70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color:var(--color-amber-900);color: color-mix(in oklab,var(--color-amber-900)70%,transparent);
  }
}

.text-amber-950:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-amber-950);
}

.text-black:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-black);
}

.text-blue-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-blue-500);
}

.text-blue-600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-blue-600);
}

.text-card-foreground:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--card-foreground);
}

.text-cyan-600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-cyan-600);
}

.text-destructive:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--destructive);
}

.text-emerald-600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-emerald-600);
}

.text-emerald-700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-emerald-700);
}

.text-emerald-800:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-emerald-800);
}

.text-foreground:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .text-foreground\/75:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--foreground);
}

@supports (color: color-mix(in lab,red,red)) {
  .text-foreground\/75:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color:var(--foreground);color: color-mix(in oklab,var(--foreground)75%,transparent);
  }
}

.text-foreground\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--foreground);
}

@supports (color: color-mix(in lab,red,red)) {
  .text-foreground\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color:var(--foreground);color: color-mix(in oklab,var(--foreground)80%,transparent);
  }
}

.text-foreground\/85:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--foreground);
}

@supports (color: color-mix(in lab,red,red)) {
  .text-foreground\/85:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color:var(--foreground);color: color-mix(in oklab,var(--foreground)85%,transparent);
  }
}

.text-gray-400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-gray-400);
}

.text-gray-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-gray-500);
}

.text-gray-600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-gray-600);
}

.text-gray-700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-gray-700);
}

.text-gray-800:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-gray-800);
}

.text-gray-900:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-gray-900);
}

.text-green-400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-green-400);
}

.text-green-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-green-500);
}

.text-green-600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-green-600);
}

.text-muted-foreground:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .text-muted-foreground\/60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
}

@supports (color: color-mix(in lab,red,red)) {
  .text-muted-foreground\/60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color:var(--muted-foreground);color: color-mix(in oklab,var(--muted-foreground)60%,transparent);
  }
}

.text-muted-foreground\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
}

@supports (color: color-mix(in lab,red,red)) {
  .text-muted-foreground\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color:var(--muted-foreground);color: color-mix(in oklab,var(--muted-foreground)80%,transparent);
  }
}

.text-orange-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-orange-500);
}

.text-orange-600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-orange-600);
}

.text-orange-700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-orange-700);
}

.text-pink-300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-pink-300);
}

.text-pink-400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-pink-400);
}

.text-pink-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-pink-500);
}

.text-pink-600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-pink-600);
}

.text-pink-700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-pink-700);
}

.text-pink-700\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgba(196, 0, 92, .8);
}

@supports (color: color-mix(in lab,red,red)) {
  .text-pink-700\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color:var(--color-pink-700);color: color-mix(in oklab,var(--color-pink-700)80%,transparent);
  }
}

.text-popover-foreground:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--popover-foreground);
}

.text-primary:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--primary);
}

.text-primary-foreground:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--primary-foreground);
}

.text-purple-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-purple-500);
}

.text-purple-600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-purple-600);
}

.text-red-400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-red-400);
}

.text-red-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-red-500);
}

.text-red-600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-red-600);
}

.text-red-700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-red-700);
}

.text-red-800:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-red-800);
}

.text-rose-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-rose-500);
}

.text-rose-600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-rose-600);
}

.text-secondary-foreground:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--secondary-foreground);
}

.text-sidebar-foreground:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--sidebar-foreground);
}

.text-sidebar-primary:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--sidebar-primary);
}

.text-sidebar-primary-foreground:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--sidebar-primary-foreground);
}

.text-sky-600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-sky-600);
}

.text-slate-400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-slate-400);
}

.text-slate-700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-slate-700);
}

.text-slate-800:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-slate-800);
}

.text-teal-600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-teal-600);
}

.text-teal-700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-teal-700);
}

.text-teal-800:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-teal-800);
}

.text-teal-900:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-teal-900);
}

.text-transparent:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgba(0, 0, 0, 0);
}

.text-violet-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-violet-500);
}

.text-violet-600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-violet-600);
}

.text-violet-700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-violet-700);
}

.text-violet-900\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgba(77, 23, 154, .8);
}

@supports (color: color-mix(in lab,red,red)) {
  .text-violet-900\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color:var(--color-violet-900);color: color-mix(in oklab,var(--color-violet-900)80%,transparent);
  }
}

.text-white:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-white);
}

.text-white\/70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgba(255, 255, 255, .7);
}

@supports (color: color-mix(in lab,red,red)) {
  .text-white\/70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color:var(--color-white);color: color-mix(in oklab,var(--color-white)70%,transparent);
  }
}

.text-white\/85:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgba(255, 255, 255, .85);
}

@supports (color: color-mix(in lab,red,red)) {
  .text-white\/85:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color:var(--color-white);color: color-mix(in oklab,var(--color-white)85%,transparent);
  }
}

.text-white\/90:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgba(255, 255, 255, .9);
}

@supports (color: color-mix(in lab,red,red)) {
  .text-white\/90:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color:var(--color-white);color: color-mix(in oklab,var(--color-white)90%,transparent);
  }
}

.text-white\/95:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgba(255, 255, 255, .95);
}

@supports (color: color-mix(in lab,red,red)) {
  .text-white\/95:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color:var(--color-white);color: color-mix(in oklab,var(--color-white)95%,transparent);
  }
}

.text-yellow-300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-yellow-300);
}

.text-yellow-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-yellow-500);
}

.text-yellow-900:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-yellow-900);
}

.text-zinc-100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-zinc-100);
}

.text-zinc-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-zinc-200);
}

.text-zinc-400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-zinc-400);
}

.text-zinc-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-zinc-500);
}

.uppercase:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  text-transform: uppercase;
}

.italic:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  font-style: italic;
}

.ordinal:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ordinal: ordinal;
  font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, );
}

.tabular-nums:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, );
}

.line-through:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  text-decoration-line: line-through;
}

.underline:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  text-decoration-line: underline;
}

.underline-offset-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  text-underline-offset: 4px;
}

.opacity-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  opacity: 0;
}

.opacity-40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  opacity: .4;
}

.opacity-50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  opacity: .5;
}

.opacity-60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  opacity: .6;
}

.opacity-70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  opacity: .7;
}

.opacity-80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  opacity: .8;
}

.opacity-100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  opacity: 1;
}

.shadow:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgba(0, 0, 0, .1)),0 1px 2px -1px var(--tw-shadow-color, rgba(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-2xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgba(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-\[0_-4px_12px_rgba\(0\,0\,0\,0\.06\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow: 0 -4px 12px var(--tw-shadow-color, rgba(0, 0, 0, .06));
  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_16px_rgba\(0\,0\,0\,0\.08\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow: 0 -4px 16px var(--tw-shadow-color, rgba(0, 0, 0, .08));
  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_16px_rgba\(0\,0\,0\,0\.12\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow: 0 -4px 16px var(--tw-shadow-color, rgba(0, 0, 0, .12));
  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_0_8px_rgba\(245\,158\,11\,0\.35\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow: 0 0 8px var(--tw-shadow-color, rgba(245, 158, 11, .35));
  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_0_10px_rgba\(245\,158\,11\,0\.55\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow: 0 0 10px var(--tw-shadow-color, rgba(245, 158, 11, .55));
  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_0_12px_rgba\(245\,158\,11\,0\.55\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow: 0 0 12px var(--tw-shadow-color, rgba(245, 158, 11, .55));
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
}

.shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.04\)\,0_8px_20px_rgba\(0\,0\,0\,0\.06\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(0, 0, 0, .04)),0 8px 20px var(--tw-shadow-color, rgba(0, 0, 0, .06));
  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_2px_12px_rgba\(168\,85\,247\,0\.35\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow: 0 2px 12px var(--tw-shadow-color, rgba(168, 85, 247, .35));
  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_16px_rgba\(236\,72\,153\,0\.35\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow: 0 4px 16px var(--tw-shadow-color, rgba(236, 72, 153, .35));
  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_20px_rgba\(0\,0\,0\,0\.16\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow: 0 4px 20px var(--tw-shadow-color, rgba(0, 0, 0, .16));
  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_8px_30px_rgba\(0\,0\,0\,0\.35\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow: 0 8px 30px var(--tw-shadow-color, rgba(0, 0, 0, .35));
  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_40px_rgba\(180\,83\,9\,0\.45\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow: 0 12px 40px var(--tw-shadow-color, rgba(180, 83, 9, .45));
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
}

.shadow-inner:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgba(0, 0, 0, .05));
  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:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgba(0, 0, 0, .1)),0 4px 6px -4px var(--tw-shadow-color, rgba(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:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgba(0, 0, 0, .1)),0 2px 4px -2px var(--tw-shadow-color, rgba(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-none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow: 0 0 rgba(0, 0, 0, 0);
  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:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgba(0, 0, 0, .1)),0 1px 2px -1px var(--tw-shadow-color, rgba(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:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgba(0, 0, 0, .1)),0 8px 10px -6px var(--tw-shadow-color, rgba(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-xs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgba(0, 0, 0, .05));
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
}

.ring:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --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:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --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:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
}

.ring-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
}

.shadow-amber-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow-color: #fee685;
}

@supports (color: lab(0% 0 0)) {
  .shadow-amber-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-shadow-color: lab(91.7203% -.505269 49.9084);
  }
}

@supports (color: color-mix(in lab,red,red)) {
  .shadow-amber-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-shadow-color:var(--color-amber-200);--tw-shadow-color: color-mix(in oklab,var(--color-amber-200)var(--tw-shadow-alpha),transparent);
  }
}

.shadow-amber-300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow-color: #ffd236;
}

@supports (color: lab(0% 0 0)) {
  .shadow-amber-300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-shadow-color: lab(86.4156% 6.13147 78.3961);
  }
}

@supports (color: color-mix(in lab,red,red)) {
  .shadow-amber-300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-shadow-color:var(--color-amber-300);--tw-shadow-color: color-mix(in oklab,var(--color-amber-300)var(--tw-shadow-alpha),transparent);
  }
}

.shadow-cyan-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow-color: #a2f4fd;
}

@supports (color: lab(0% 0 0)) {
  .shadow-cyan-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-shadow-color: lab(91.0821% -24.0435 -12.8306);
  }
}

@supports (color: color-mix(in lab,red,red)) {
  .shadow-cyan-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-shadow-color:var(--color-cyan-200);--tw-shadow-color: color-mix(in oklab,var(--color-cyan-200)var(--tw-shadow-alpha),transparent);
  }
}

.shadow-fuchsia-900\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow-color: rgba(114, 19, 120, .2);
}

@supports (color: color-mix(in lab,red,red)) {
  .shadow-fuchsia-900\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-shadow-color:var(--color-fuchsia-900);--tw-shadow-color: color-mix(in oklab,color-mix(in oklab,var(--color-fuchsia-900)20%,transparent)var(--tw-shadow-alpha),transparent);
  }
}

.shadow-sky-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow-color: #b8e6fe;
}

@supports (color: lab(0% 0 0)) {
  .shadow-sky-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-shadow-color: lab(88.6983% -11.3978 -16.8488);
  }
}

@supports (color: color-mix(in lab,red,red)) {
  .shadow-sky-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-shadow-color:var(--color-sky-200);--tw-shadow-color: color-mix(in oklab,var(--color-sky-200)var(--tw-shadow-alpha),transparent);
  }
}

.shadow-teal-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow-color: #96f7e4;
}

@supports (color: lab(0% 0 0)) {
  .shadow-teal-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-shadow-color: lab(90.7612% -33.1343 -.542295);
  }
}

@supports (color: color-mix(in lab,red,red)) {
  .shadow-teal-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-shadow-color:var(--color-teal-200);--tw-shadow-color: color-mix(in oklab,var(--color-teal-200)var(--tw-shadow-alpha),transparent);
  }
}

.shadow-violet-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow-color: #ddd6ff;
}

@supports (color: lab(0% 0 0)) {
  .shadow-violet-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-shadow-color: lab(87.0888% 8.53688 -19.4189);
  }
}

@supports (color: color-mix(in lab,red,red)) {
  .shadow-violet-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-shadow-color:var(--color-violet-200);--tw-shadow-color: color-mix(in oklab,var(--color-violet-200)var(--tw-shadow-alpha),transparent);
  }
}

.ring-\[\#df6683\]\/60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-color: rgba(223, 102, 131, .6);
}

@supports (color: lab(0% 0 0)) {
  .ring-\[\#df6683\]\/60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-ring-color: lab(59.2685% 50.1406 8.2163 / .6);
  }
}

.ring-amber-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-color: var(--color-amber-200);
}

.ring-amber-200\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-color: rgba(254, 230, 133, .8);
}

@supports (color: color-mix(in lab,red,red)) {
  .ring-amber-200\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-ring-color:var(--color-amber-200);--tw-ring-color: color-mix(in oklab,var(--color-amber-200)80%,transparent);
  }
}

.ring-amber-300\/50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-color: rgba(255, 210, 54, .5);
}

@supports (color: color-mix(in lab,red,red)) {
  .ring-amber-300\/50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-ring-color:var(--color-amber-300);--tw-ring-color: color-mix(in oklab,var(--color-amber-300)50%,transparent);
  }
}

.ring-amber-400\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-color: rgba(252, 187, 0, .4);
}

@supports (color: color-mix(in lab,red,red)) {
  .ring-amber-400\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-ring-color:var(--color-amber-400);--tw-ring-color: color-mix(in oklab,var(--color-amber-400)40%,transparent);
  }
}

.ring-background:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-color: var(--background);
}

.ring-border:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-color: var(--border);
}

.ring-foreground\/5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-color: var(--foreground);
}

@supports (color: color-mix(in lab,red,red)) {
  .ring-foreground\/5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-ring-color:var(--foreground);--tw-ring-color: color-mix(in oklab,var(--foreground)5%,transparent);
  }
}

.ring-gray-100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-color: var(--color-gray-100);
}

.ring-orange-200\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-color: rgba(255, 215, 168, .8);
}

@supports (color: color-mix(in lab,red,red)) {
  .ring-orange-200\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-ring-color:var(--color-orange-200);--tw-ring-color: color-mix(in oklab,var(--color-orange-200)80%,transparent);
  }
}

.ring-pink-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-color: var(--color-pink-200);
}

.ring-pink-300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-color: var(--color-pink-300);
}

.ring-primary\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-color: var(--primary);
}

@supports (color: color-mix(in lab,red,red)) {
  .ring-primary\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-ring-color:var(--primary);--tw-ring-color: color-mix(in oklab,var(--primary)40%,transparent);
  }
}

.ring-red-400\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-color: rgba(255, 101, 104, .4);
}

@supports (color: color-mix(in lab,red,red)) {
  .ring-red-400\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-ring-color:var(--color-red-400);--tw-ring-color: color-mix(in oklab,var(--color-red-400)40%,transparent);
  }
}

.ring-slate-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-color: var(--color-slate-200);
}

.ring-slate-500\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-color: rgba(98, 116, 142, .4);
}

@supports (color: color-mix(in lab,red,red)) {
  .ring-slate-500\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-ring-color:var(--color-slate-500);--tw-ring-color: color-mix(in oklab,var(--color-slate-500)40%,transparent);
  }
}

.ring-transparent:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-color: transparent;
}

.ring-white\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-color: rgba(255, 255, 255, .2);
}

@supports (color: color-mix(in lab,red,red)) {
  .ring-white\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-ring-color:var(--color-white);--tw-ring-color: color-mix(in oklab,var(--color-white)20%,transparent);
  }
}

.ring-zinc-100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-color: var(--color-zinc-100);
}

.ring-offset-background:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-offset-color: var(--background);
}

.outline-hidden:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-outline-style: none;
  outline-style: none;
}

@media (forced-colors: active) {
  .outline-hidden:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    outline-offset: 2px;
    outline: 2px solid rgba(0, 0, 0, 0);
  }
}

.outline:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
}

.blur:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-blur: blur(8px);
  filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, );
}

.blur-2xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-blur: blur(var(--blur-2xl));
  filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, );
}

.blur-xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-blur: blur(var(--blur-xl));
  filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, );
}

.drop-shadow-\[0_0_8px_rgba\(253\,224\,71\,0\.65\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-drop-shadow-size: drop-shadow(0 0 8px var(--tw-drop-shadow-color, rgba(253, 224, 71, .65)));
  --tw-drop-shadow: var(--tw-drop-shadow-size);
  filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, );
}

.drop-shadow-md:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, rgba(0, 0, 0, .12)));
  --tw-drop-shadow: drop-shadow(var(--drop-shadow-md));
  filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, );
}

.drop-shadow-sm:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgba(0, 0, 0, .15)));
  --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm));
  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:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  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:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-backdrop-blur: blur(8px);
  -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-\[1px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-backdrop-blur: blur(1px);
  -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-\[2px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-backdrop-blur: blur(2px);
  -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-md:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --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:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --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:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --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:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  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, visibility, 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-\[border-color\,background-color\,box-shadow\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  transition-property: border-color, background-color, box-shadow;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

.transition-\[color\,box-shadow\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  transition-property: color, box-shadow;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

.transition-\[width\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  transition-property: width;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

.transition-all:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  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:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  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:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  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:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  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:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  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:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-duration: .15s;
  transition-duration: .15s;
}

.duration-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-duration: .2s;
  transition-duration: .2s;
}

.duration-300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-duration: .3s;
  transition-duration: .3s;
}

.duration-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-duration: .5s;
  transition-duration: .5s;
}

.ease-in-out:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}

.ease-out:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
}

.outline-none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-outline-style: none;
  outline-style: none;
}

.select-none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  -webkit-user-select: none;
  user-select: none;
}

.zoom-in-95:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-enter-scale: .95;
}

.\[-webkit-overflow-scrolling\:touch\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  -webkit-overflow-scrolling: touch;
}

.\[scrollbar-width\:none\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  scrollbar-width: none;
}

.fade-in:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-enter-opacity: 0;
}

.paused:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  animation-play-state: paused;
}

.ring-inset:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-inset: inset;
}

.running:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  animation-play-state: running;
}

.slide-in-from-top-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-enter-translate-y: calc(2*var(--spacing)*-1);
}

@media (hover: hover) {
  .group-hover\:scale-110:is(:where(.group):hover *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-scale-x: 110%;
    --tw-scale-y: 110%;
    --tw-scale-z: 110%;
    scale: var(--tw-scale-x)var(--tw-scale-y);
  }

  .group-hover\:scale-\[1\.03\]:is(:where(.group):hover *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    scale: 1.03;
  }

  .group-hover\:bg-black\/35:is(:where(.group):hover *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgba(0, 0, 0, .35);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .group-hover\:bg-black\/35:is(:where(.group):hover *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color:var(--color-black);background-color: color-mix(in oklab,var(--color-black)35%,transparent);
    }
  }

  .group-hover\:text-sidebar-primary:is(:where(.group):hover *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--sidebar-primary);
  }

  .group-hover\:opacity-100:is(:where(.group):hover *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    opacity: 1;
  }
}

.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  pointer-events: none;
}

.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  opacity: .5;
}

.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  cursor: not-allowed;
}

.peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  opacity: .5;
}

.selection\:bg-primary:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) ::selection, .selection\:bg-primary:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::selection {
  background-color: var(--primary);
}

.selection\:text-primary-foreground:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) ::selection, .selection\:text-primary-foreground:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::selection {
  color: var(--primary-foreground);
}

.file\:inline-flex:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::file-selector-button {
  display: inline-flex;
}

.file\:h-7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::file-selector-button {
  height: calc(var(--spacing)*7);
}

.file\:border-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::file-selector-button {
  border-style: var(--tw-border-style);
  border-width: 0;
}

.file\:bg-transparent:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::file-selector-button {
  background-color: rgba(0, 0, 0, 0);
}

.file\:text-sm:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::file-selector-button {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}

.file\:font-medium:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::file-selector-button {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}

.file\:text-foreground:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::file-selector-button {
  color: var(--foreground);
}

.placeholder\:text-muted-foreground:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::placeholder {
  color: var(--muted-foreground);
}

@media (hover: hover) {
  .hover\:-translate-y-0\.5:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-translate-y: calc(var(--spacing)*-.5);
    translate: var(--tw-translate-x)var(--tw-translate-y);
  }

  .hover\:scale-100:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x)var(--tw-scale-y);
  }

  .hover\:scale-105:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x)var(--tw-scale-y);
  }

  .hover\:border-\[\#df6683\]\/40:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: rgba(223, 102, 131, .4);
  }

  .hover\:border-\[\#df6683\]\/45:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: rgba(223, 102, 131, .45);
  }

  .hover\:border-fuchsia-500\/30:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: rgba(225, 42, 251, .3);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .hover\:border-fuchsia-500\/30:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color:var(--color-fuchsia-500);border-color: color-mix(in oklab,var(--color-fuchsia-500)30%,transparent);
    }
  }

  .hover\:border-orange-300:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: var(--color-orange-300);
  }

  .hover\:border-orange-500:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: var(--color-orange-500);
  }

  .hover\:border-pink-300:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: var(--color-pink-300);
  }

  .hover\:border-pink-400:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: var(--color-pink-400);
  }

  .hover\:border-pink-400\/50:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: rgba(251, 100, 182, .5);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .hover\:border-pink-400\/50:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color:var(--color-pink-400);border-color: color-mix(in oklab,var(--color-pink-400)50%,transparent);
    }
  }

  .hover\:border-pink-500:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: var(--color-pink-500);
  }

  .hover\:border-primary:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .hover\:border-primary\/50:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .hover\:border-primary\/50:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color:var(--primary);border-color: color-mix(in oklab,var(--primary)50%,transparent);
    }
  }

  .hover\:border-sidebar-primary:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: var(--sidebar-primary);
  }

  .hover\:border-white\/20:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: rgba(255, 255, 255, .2);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .hover\:border-white\/20:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color:var(--color-white);border-color: color-mix(in oklab,var(--color-white)20%,transparent);
    }
  }

  .hover\:bg-\[\#2a2a32\]:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: #2a2a32;
  }

  .hover\:bg-\[\#33333c\]:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: #33333c;
  }

  .hover\:bg-\[\#e87a95\]:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: #e87a95;
  }

  .hover\:bg-\[var\(--studio-primary-hover\)\]:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--studio-primary-hover);
  }

  .hover\:bg-\[var\(--studio-soft\)\]:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--studio-soft);
  }

  .hover\:bg-accent:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .hover\:bg-accent\/20:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--accent);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .hover\:bg-accent\/20:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color:var(--accent);background-color: color-mix(in oklab,var(--accent)20%,transparent);
    }
  }

  .hover\:bg-accent\/35:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--accent);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .hover\:bg-accent\/35:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color:var(--accent);background-color: color-mix(in oklab,var(--accent)35%,transparent);
    }
  }

  .hover\:bg-accent\/80:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--accent);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .hover\:bg-accent\/80:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color:var(--accent);background-color: color-mix(in oklab,var(--accent)80%,transparent);
    }
  }

  .hover\:bg-amber-500\/10:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgba(249, 156, 0, .1);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .hover\:bg-amber-500\/10:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color:var(--color-amber-500);background-color: color-mix(in oklab,var(--color-amber-500)10%,transparent);
    }
  }

  .hover\:bg-amber-900\/15:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgba(123, 51, 6, .15);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .hover\:bg-amber-900\/15:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color:var(--color-amber-900);background-color: color-mix(in oklab,var(--color-amber-900)15%,transparent);
    }
  }

  .hover\:bg-black\/50:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgba(0, 0, 0, .5);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .hover\:bg-black\/50:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color:var(--color-black);background-color: color-mix(in oklab,var(--color-black)50%,transparent);
    }
  }

  .hover\:bg-black\/55:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgba(0, 0, 0, .55);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .hover\:bg-black\/55:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color:var(--color-black);background-color: color-mix(in oklab,var(--color-black)55%,transparent);
    }
  }

  .hover\:bg-black\/60:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgba(0, 0, 0, .6);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .hover\:bg-black\/60:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color:var(--color-black);background-color: color-mix(in oklab,var(--color-black)60%,transparent);
    }
  }

  .hover\:bg-black\/70:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgba(0, 0, 0, .7);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .hover\:bg-black\/70:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color:var(--color-black);background-color: color-mix(in oklab,var(--color-black)70%,transparent);
    }
  }

  .hover\:bg-black\/80:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgba(0, 0, 0, .8);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .hover\:bg-black\/80:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color:var(--color-black);background-color: color-mix(in oklab,var(--color-black)80%,transparent);
    }
  }

  .hover\:bg-black\/85:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgba(0, 0, 0, .85);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .hover\:bg-black\/85:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color:var(--color-black);background-color: color-mix(in oklab,var(--color-black)85%,transparent);
    }
  }

  .hover\:bg-black\/90:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgba(0, 0, 0, .9);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .hover\:bg-black\/90:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color:var(--color-black);background-color: color-mix(in oklab,var(--color-black)90%,transparent);
    }
  }

  .hover\:bg-blue-50:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-blue-50);
  }

  .hover\:bg-card:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .hover\:bg-card\/60:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--card);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .hover\:bg-card\/60:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color:var(--card);background-color: color-mix(in oklab,var(--card)60%,transparent);
    }
  }

  .hover\:bg-destructive\/90:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .hover\:bg-destructive\/90:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color:var(--destructive);background-color: color-mix(in oklab,var(--destructive)90%,transparent);
    }
  }

  .hover\:bg-gray-50:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-gray-50);
  }

  .hover\:bg-gray-200:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-gray-200);
  }

  .hover\:bg-green-600:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-green-600);
  }

  .hover\:bg-muted:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--muted);
  }

  .hover\:bg-orange-50:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-orange-50);
  }

  .hover\:bg-orange-100:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-orange-100);
  }

  .hover\:bg-pink-50:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-pink-50);
  }

  .hover\:bg-pink-100:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-pink-100);
  }

  .hover\:bg-pink-600:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-pink-600);
  }

  .hover\:bg-primary\/90:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .hover\:bg-primary\/90:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color:var(--primary);background-color: color-mix(in oklab,var(--primary)90%,transparent);
    }
  }

  .hover\:bg-red-50:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-red-50);
  }

  .hover\:bg-red-100:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-red-100);
  }

  .hover\:bg-red-500\/10:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgba(251, 44, 54, .1);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .hover\:bg-red-500\/10:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color:var(--color-red-500);background-color: color-mix(in oklab,var(--color-red-500)10%,transparent);
    }
  }

  .hover\:bg-red-600:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-red-600);
  }

  .hover\:bg-secondary\/80:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--secondary);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .hover\:bg-secondary\/80:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color:var(--secondary);background-color: color-mix(in oklab,var(--secondary)80%,transparent);
    }
  }

  .hover\:bg-sidebar-accent:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--sidebar-accent);
  }

  .hover\:bg-sidebar-primary\/15:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--sidebar-primary);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .hover\:bg-sidebar-primary\/15:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color:var(--sidebar-primary);background-color: color-mix(in oklab,var(--sidebar-primary)15%,transparent);
    }
  }

  .hover\:bg-sidebar-primary\/90:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--sidebar-primary);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .hover\:bg-sidebar-primary\/90:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color:var(--sidebar-primary);background-color: color-mix(in oklab,var(--sidebar-primary)90%,transparent);
    }
  }

  .hover\:bg-transparent:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgba(0, 0, 0, 0);
  }

  .hover\:bg-violet-700:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-violet-700);
  }

  .hover\:bg-white:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-white);
  }

  .hover\:bg-white\/10:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgba(255, 255, 255, .1);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .hover\:bg-white\/10:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color:var(--color-white);background-color: color-mix(in oklab,var(--color-white)10%,transparent);
    }
  }

  .hover\:bg-white\/20:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgba(255, 255, 255, .2);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .hover\:bg-white\/20:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color:var(--color-white);background-color: color-mix(in oklab,var(--color-white)20%,transparent);
    }
  }

  .hover\:bg-white\/30:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgba(255, 255, 255, .3);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .hover\:bg-white\/30:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color:var(--color-white);background-color: color-mix(in oklab,var(--color-white)30%,transparent);
    }
  }

  .hover\:bg-\[image\:var\(--studio-gradient-hover\)\]:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-image: var(--studio-gradient-hover);
  }

  .hover\:from-fuchsia-500:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-from: var(--color-fuchsia-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));
  }

  .hover\:from-gray-500:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-from: var(--color-gray-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));
  }

  .hover\:from-orange-500:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-from: var(--color-orange-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));
  }

  .hover\:from-orange-600:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-from: var(--color-orange-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));
  }

  .hover\:from-pink-600:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-from: var(--color-pink-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));
  }

  .hover\:from-purple-100:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-from: var(--color-purple-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
  }

  .hover\:from-purple-600:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-from: var(--color-purple-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));
  }

  .hover\:from-violet-500:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-from: var(--color-violet-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));
  }

  .hover\:via-pink-100:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-via: var(--color-pink-100);
    --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .hover\:via-pink-600:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-via: var(--color-pink-600);
    --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .hover\:to-blue-100:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-to: var(--color-blue-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
  }

  .hover\:to-fuchsia-400:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-to: var(--color-fuchsia-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
  }

  .hover\:to-fuchsia-600:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-to: var(--color-fuchsia-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));
  }

  .hover\:to-gray-600:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-to: var(--color-gray-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));
  }

  .hover\:to-orange-500:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-to: var(--color-orange-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));
  }

  .hover\:to-orange-600:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-to: var(--color-orange-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));
  }

  .hover\:to-pink-500:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-to: var(--color-pink-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));
  }

  .hover\:to-purple-500:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-to: var(--color-purple-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));
  }

  .hover\:to-purple-700:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-to: var(--color-purple-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
  }

  .hover\:to-red-500:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-to: var(--color-red-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));
  }

  .hover\:text-accent-foreground:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--accent-foreground);
  }

  .hover\:text-amber-500:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-amber-500);
  }

  .hover\:text-foreground:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--foreground);
  }

  .hover\:text-fuchsia-500:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-fuchsia-500);
  }

  .hover\:text-gray-900:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-gray-900);
  }

  .hover\:text-pink-500:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-pink-500);
  }

  .hover\:text-pink-600:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-pink-600);
  }

  .hover\:text-pink-800:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-pink-800);
  }

  .hover\:text-purple-700:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-purple-700);
  }

  .hover\:text-red-400:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-red-400);
  }

  .hover\:text-red-500:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-red-500);
  }

  .hover\:text-sidebar-accent-foreground:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--sidebar-accent-foreground);
  }

  .hover\:text-sidebar-primary:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .hover\:text-sidebar-primary\/80:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--sidebar-primary);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .hover\:text-sidebar-primary\/80:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      color:var(--sidebar-primary);color: color-mix(in oklab,var(--sidebar-primary)80%,transparent);
    }
  }

  .hover\:text-white:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-white);
  }

  .hover\:underline:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    text-decoration-line: underline;
  }

  .hover\:opacity-80:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    opacity: .8;
  }

  .hover\:opacity-90:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    opacity: .9;
  }

  .hover\:opacity-100:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    opacity: 1;
  }

  .hover\:shadow-lg:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgba(0, 0, 0, .1)),0 4px 6px -4px var(--tw-shadow-color, rgba(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);
  }

  .hover\:shadow-md:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgba(0, 0, 0, .1)),0 2px 4px -2px var(--tw-shadow-color, rgba(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);
  }

  .hover\:ring-fuchsia-500\/40:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-ring-color: rgba(225, 42, 251, .4);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .hover\:ring-fuchsia-500\/40:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      --tw-ring-color:var(--color-fuchsia-500);--tw-ring-color: color-mix(in oklab,var(--color-fuchsia-500)40%,transparent);
    }
  }
}

.focus\:border-transparent:focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(0, 0, 0, 0);
}

.focus\:bg-accent:focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--accent);
}

.focus\:text-accent-foreground:focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--accent-foreground);
}

.focus\:text-red-600:focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-red-600);
}

.focus\:ring-0:focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --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:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --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-orange-300:focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-color: var(--color-orange-300);
}

.focus\:ring-pink-300:focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-color: var(--color-pink-300);
}

.focus\:outline-hidden:focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-outline-style: none;
  outline-style: none;
}

@media (forced-colors: active) {
  .focus\:outline-hidden:focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    outline-offset: 2px;
    outline: 2px solid rgba(0, 0, 0, 0);
  }
}

.focus\:outline-none:focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-outline-style: none;
  outline-style: none;
}

.focus-visible\:border-pink-400:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--color-pink-400);
}

.focus-visible\:border-ring:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--ring);
}

.focus-visible\:bg-accent\/35:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--accent);
}

@supports (color: color-mix(in lab,red,red)) {
  .focus-visible\:bg-accent\/35:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--accent);background-color: color-mix(in oklab,var(--accent)35%,transparent);
  }
}

.focus-visible\:ring-0:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --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-visible\:ring-2:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --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-\[3px\]:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --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-destructive\/20:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-color: var(--destructive);
}

@supports (color: color-mix(in lab,red,red)) {
  .focus-visible\:ring-destructive\/20:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-ring-color:var(--destructive);--tw-ring-color: color-mix(in oklab,var(--destructive)20%,transparent);
  }
}

.focus-visible\:ring-fuchsia-500\/40:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-color: rgba(225, 42, 251, .4);
}

@supports (color: color-mix(in lab,red,red)) {
  .focus-visible\:ring-fuchsia-500\/40:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-ring-color:var(--color-fuchsia-500);--tw-ring-color: color-mix(in oklab,var(--color-fuchsia-500)40%,transparent);
  }
}

.focus-visible\:ring-pink-500\/25:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-color: rgba(246, 51, 154, .25);
}

@supports (color: color-mix(in lab,red,red)) {
  .focus-visible\:ring-pink-500\/25:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-ring-color:var(--color-pink-500);--tw-ring-color: color-mix(in oklab,var(--color-pink-500)25%,transparent);
  }
}

.focus-visible\:ring-ring:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .focus-visible\:ring-ring\/50:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-color: var(--ring);
}

@supports (color: color-mix(in lab,red,red)) {
  .focus-visible\:ring-ring\/50:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-ring-color:var(--ring);--tw-ring-color: color-mix(in oklab,var(--ring)50%,transparent);
  }
}

.focus-visible\:ring-sidebar-primary:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-color: var(--sidebar-primary);
}

.focus-visible\:ring-offset-2:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
}

.focus-visible\:outline-1:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
}

.focus-visible\:outline-none:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-outline-style: none;
  outline-style: none;
}

.focus-visible\:ring-inset:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-inset: inset;
}

.active\:scale-95:active:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-scale-x: 95%;
  --tw-scale-y: 95%;
  --tw-scale-z: 95%;
  scale: var(--tw-scale-x)var(--tw-scale-y);
}

.active\:scale-\[0\.97\]:active:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  scale: .97;
}

.active\:scale-\[0\.98\]:active:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  scale: .98;
}

.active\:bg-\[\#d45774\]:active:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: #d45774;
}

.active\:shadow-md:active:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgba(0, 0, 0, .1)),0 2px 4px -2px var(--tw-shadow-color, rgba(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);
}

.disabled\:pointer-events-none:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  pointer-events: none;
}

.disabled\:cursor-not-allowed:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  cursor: not-allowed;
}

.disabled\:bg-\[\#df6683\]\/50:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(223, 102, 131, .5);
}

.disabled\:opacity-40:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  opacity: .4;
}

.disabled\:opacity-50:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  opacity: .5;
}

.disabled\:opacity-60:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  opacity: .6;
}

.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot="card-action"]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: 1fr auto;
}

.has-\[\>svg\]\:px-2\.5:has( > svg):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-inline: calc(var(--spacing)*2.5);
}

.has-\[\>svg\]\:px-3:has( > svg):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-inline: calc(var(--spacing)*3);
}

.has-\[\>svg\]\:px-4:has( > svg):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-inline: calc(var(--spacing)*4);
}

.aria-invalid\:border-destructive[aria-invalid="true"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--destructive);
}

.aria-invalid\:ring-destructive\/20[aria-invalid="true"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-color: var(--destructive);
}

@supports (color: color-mix(in lab,red,red)) {
  .aria-invalid\:ring-destructive\/20[aria-invalid="true"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-ring-color:var(--destructive);--tw-ring-color: color-mix(in oklab,var(--destructive)20%,transparent);
  }
}

.data-\[disabled\]\:pointer-events-none[data-disabled]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  pointer-events: none;
}

.data-\[disabled\]\:opacity-50[data-disabled]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  opacity: .5;
}

.data-\[inset\]\:pl-8[data-inset]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-left: calc(var(--spacing)*8);
}

.data-\[placeholder\]\:text-muted-foreground[data-placeholder]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
}

.data-\[side\=bottom\]\:translate-y-1[data-side="bottom"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-translate-y: calc(var(--spacing)*1);
  translate: var(--tw-translate-x)var(--tw-translate-y);
}

.data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-enter-translate-y: calc(2*var(--spacing)*-1);
}

.data-\[side\=left\]\:-translate-x-1[data-side="left"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-translate-x: calc(var(--spacing)*-1);
  translate: var(--tw-translate-x)var(--tw-translate-y);
}

.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-enter-translate-x: calc(2*var(--spacing));
}

.data-\[side\=right\]\:translate-x-1[data-side="right"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-translate-x: calc(var(--spacing)*1);
  translate: var(--tw-translate-x)var(--tw-translate-y);
}

.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-enter-translate-x: calc(2*var(--spacing)*-1);
}

.data-\[side\=top\]\:-translate-y-1[data-side="top"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-translate-y: calc(var(--spacing)*-1);
  translate: var(--tw-translate-x)var(--tw-translate-y);
}

.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-enter-translate-y: calc(2*var(--spacing));
}

.data-\[size\=default\]\:h-9[data-size="default"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  height: calc(var(--spacing)*9);
}

.data-\[size\=sm\]\:h-8[data-size="sm"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  height: calc(var(--spacing)*8);
}

:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot="select-value"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

:is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot="select-value"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  display: flex;
}

:is(.\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot="select-value"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  align-items: center;
}

:is(.\*\:data-\[slot\=select-value\]\:gap-2 > *)[data-slot="select-value"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  gap: calc(var(--spacing)*2);
}

.data-\[state\=active\]\:bg-accent[data-state="active"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--accent);
}

.data-\[state\=active\]\:text-accent-foreground[data-state="active"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--accent-foreground);
}

.data-\[state\=active\]\:shadow-sm[data-state="active"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgba(0, 0, 0, .1)),0 1px 2px -1px var(--tw-shadow-color, rgba(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);
}

.data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state="checked"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-translate-x: calc(100% - 2px);
  translate: var(--tw-translate-x)var(--tw-translate-y);
}

.data-\[state\=checked\]\:bg-pink-500[data-state="checked"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-pink-500);
}

.data-\[state\=checked\]\:bg-primary[data-state="checked"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--primary);
}

.data-\[state\=closed\]\:animate-out[data-state="closed"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  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-\[state\=closed\]\:duration-300[data-state="closed"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-duration: .3s;
  transition-duration: .3s;
}

.data-\[state\=closed\]\:fade-out-0[data-state="closed"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-exit-opacity: 0;
}

.data-\[state\=closed\]\:zoom-out-95[data-state="closed"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-exit-scale: .95;
}

.data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-exit-translate-y: 100%;
}

.data-\[state\=closed\]\:slide-out-to-left[data-state="closed"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-exit-translate-x: -100%;
}

.data-\[state\=closed\]\:slide-out-to-right[data-state="closed"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-exit-translate-x: 100%;
}

.data-\[state\=closed\]\:slide-out-to-top[data-state="closed"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-exit-translate-y: -100%;
}

.data-\[state\=open\]\:animate-in[data-state="open"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  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-\[state\=open\]\:bg-accent[data-state="open"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--accent);
}

.data-\[state\=open\]\:bg-transparent[data-state="open"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(0, 0, 0, 0);
}

.data-\[state\=open\]\:text-accent-foreground[data-state="open"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--accent-foreground);
}

.data-\[state\=open\]\:duration-500[data-state="open"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-duration: .5s;
  transition-duration: .5s;
}

.data-\[state\=open\]\:fade-in-0[data-state="open"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-enter-opacity: 0;
}

.data-\[state\=open\]\:zoom-in-95[data-state="open"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-enter-scale: .95;
}

.data-\[state\=open\]\:slide-in-from-bottom[data-state="open"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-enter-translate-y: 100%;
}

.data-\[state\=open\]\:slide-in-from-left[data-state="open"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-enter-translate-x: -100%;
}

.data-\[state\=open\]\:slide-in-from-right[data-state="open"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-enter-translate-x: 100%;
}

.data-\[state\=open\]\:slide-in-from-top[data-state="open"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-enter-translate-y: -100%;
}

.data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-translate-x: calc(var(--spacing)*0);
  translate: var(--tw-translate-x)var(--tw-translate-y);
}

.data-\[state\=unchecked\]\:bg-zinc-300[data-state="unchecked"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-zinc-300);
}

.data-\[variant\=destructive\]\:text-destructive[data-variant="destructive"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--destructive);
}

.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--destructive);
}

@supports (color: color-mix(in lab,red,red)) {
  .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--destructive);background-color: color-mix(in oklab,var(--destructive)10%,transparent);
  }
}

.data-\[variant\=destructive\]\:focus\:text-destructive[data-variant="destructive"]:focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--destructive);
}

@supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
  .supports-\[backdrop-filter\]\:bg-background\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .supports-\[backdrop-filter\]\:bg-background\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color:var(--background);background-color: color-mix(in oklab,var(--background)80%,transparent);
    }
  }
}

@media not all and (min-width: 48rem) {
  .max-md\:pb-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: calc(var(--spacing)*4);
  }

  .max-md\:pb-28:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: calc(var(--spacing)*28);
  }
}

@media (min-width: 360px) {
  .min-\[360px\]\:inline-flex:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: inline-flex;
  }
}

@media (min-width: 40rem) {
  .sm\:col-span-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-column: span 1 / span 1;
  }

  .sm\:row-span-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-row: span 2 / span 2;
  }

  .sm\:row-start-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-row-start: 1;
  }

  .sm\:-mx-6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-inline: calc(var(--spacing)*-6);
  }

  .sm\:mt-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: calc(var(--spacing)*0);
  }

  .sm\:block:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: block;
  }

  .sm\:flex:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: flex;
  }

  .sm\:hidden:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: none;
  }

  .sm\:inline:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: inline;
  }

  .sm\:h-7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(var(--spacing)*7);
  }

  .sm\:min-h-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: calc(var(--spacing)*0);
  }

  .sm\:min-h-\[104px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 104px;
  }

  .sm\:w-7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    width: calc(var(--spacing)*7);
  }

  .sm\:w-\[calc\(100\%\+3rem\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    width: calc(100% + 3rem);
  }

  .sm\:w-auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    width: auto;
  }

  .sm\:max-w-2xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: var(--container-2xl);
  }

  .sm\:max-w-lg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: var(--container-lg);
  }

  .sm\:max-w-md:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: var(--container-md);
  }

  .sm\:max-w-sm:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: var(--container-sm);
  }

  .sm\:max-w-xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: var(--container-xl);
  }

  .sm\:min-w-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: calc(var(--spacing)*0);
  }

  .sm\:flex-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    flex: 1;
  }

  .sm\:scale-100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x)var(--tw-scale-y);
  }

  .sm\:grid-cols-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:grid-cols-\[minmax\(0\,1fr\)_104px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: minmax(0, 1fr) 104px;
  }

  .sm\:grid-cols-\[minmax\(0\,1fr\)_112px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: minmax(0, 1fr) 112px;
  }

  .sm\:flex-col:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    flex-direction: column;
  }

  .sm\:flex-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    flex-direction: row;
  }

  .sm\:items-center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    align-items: center;
  }

  .sm\:justify-end:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    justify-content: flex-end;
  }

  .sm\:gap-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: calc(var(--spacing)*0);
  }

  .sm\:gap-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: calc(var(--spacing)*2);
  }

  .sm\:gap-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: calc(var(--spacing)*3);
  }

  .sm\:gap-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: calc(var(--spacing)*4);
  }

  .sm\:self-center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    align-self: center;
  }

  .sm\:rounded-2xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: var(--radius-2xl);
  }

  .sm\:px-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-inline: calc(var(--spacing)*2);
  }

  .sm\:px-2\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-inline: calc(var(--spacing)*2.5);
  }

  .sm\:px-6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-inline: calc(var(--spacing)*6);
  }

  .sm\:text-left:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    text-align: left;
  }

  .sm\:text-5xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }

  .sm\:text-base:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .sm\:text-sm:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .sm\:text-xs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .sm\:text-muted-foreground:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--muted-foreground);
  }
}

@media (min-width: 48rem) {
  .md\:static:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    position: static;
  }

  .md\:inset-x-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    inset-inline: calc(var(--spacing)*4);
  }

  .md\:right-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    right: calc(var(--spacing)*0);
  }

  .md\:bottom-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    bottom: calc(var(--spacing)*0);
  }

  .md\:left-\[var\(--desktop-nav-w\,232px\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    left: var(--desktop-nav-w, 232px);
  }

  .md\:mt-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: calc(var(--spacing)*0);
  }

  .md\:mt-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: calc(var(--spacing)*4);
  }

  .md\:mb-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: calc(var(--spacing)*3);
  }

  .md\:block:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: block;
  }

  .md\:flex:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: flex;
  }

  .md\:grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: grid;
  }

  .md\:hidden:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: none;
  }

  .md\:inline:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: inline;
  }

  .md\:h-11:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(var(--spacing)*11);
  }

  .md\:h-12:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(var(--spacing)*12);
  }

  .md\:h-24:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(var(--spacing)*24);
  }

  .md\:h-full:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 100%;
  }

  .md\:w-11:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    width: calc(var(--spacing)*11);
  }

  .md\:w-\[420px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 420px;
  }

  .md\:max-w-\[420px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 420px;
  }

  .md\:max-w-\[680px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 680px;
  }

  .md\:flex-none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    flex: none;
  }

  .md\:grid-cols-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:gap-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: calc(var(--spacing)*2);
  }

  .md\:gap-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: calc(var(--spacing)*4);
  }

  .md\:overflow-hidden:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    overflow: hidden;
  }

  .md\:rounded-lg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: var(--radius);
  }

  .md\:rounded-none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 0;
  }

  .md\:border:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .md\:border-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .md\:border-border:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: var(--border);
  }

  .md\:border-fuchsia-500\/35:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: rgba(225, 42, 251, .35);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .md\:border-fuchsia-500\/35:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color:var(--color-fuchsia-500);border-color: color-mix(in oklab,var(--color-fuchsia-500)35%,transparent);
    }
  }

  .md\:border-fuchsia-500\/50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: rgba(225, 42, 251, .5);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .md\:border-fuchsia-500\/50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color:var(--color-fuchsia-500);border-color: color-mix(in oklab,var(--color-fuchsia-500)50%,transparent);
    }
  }

  .md\:border-orange-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: var(--color-orange-200);
  }

  .md\:border-pink-500\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: rgba(246, 51, 154, .4);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .md\:border-pink-500\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color:var(--color-pink-500);border-color: color-mix(in oklab,var(--color-pink-500)40%,transparent);
    }
  }

  .md\:border-red-500\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: rgba(251, 44, 54, .3);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .md\:border-red-500\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color:var(--color-red-500);border-color: color-mix(in oklab,var(--color-red-500)30%,transparent);
    }
  }

  .md\:border-white\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: rgba(255, 255, 255, .2);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .md\:border-white\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color:var(--color-white);border-color: color-mix(in oklab,var(--color-white)20%,transparent);
    }
  }

  .md\:bg-background:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--background);
  }

  .md\:bg-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--card);
  }

  .md\:bg-fuchsia-50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-fuchsia-50);
  }

  .md\:bg-muted:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .md\:bg-muted\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .md\:bg-muted\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color:var(--muted);background-color: color-mix(in oklab,var(--muted)30%,transparent);
    }
  }

  .md\:bg-muted\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .md\:bg-muted\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color:var(--muted);background-color: color-mix(in oklab,var(--muted)40%,transparent);
    }
  }

  .md\:bg-muted\/50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .md\:bg-muted\/50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color:var(--muted);background-color: color-mix(in oklab,var(--muted)50%,transparent);
    }
  }

  .md\:bg-orange-50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-orange-50);
  }

  .md\:bg-pink-500\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgba(246, 51, 154, .1);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .md\:bg-pink-500\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color:var(--color-pink-500);background-color: color-mix(in oklab,var(--color-pink-500)10%,transparent);
    }
  }

  .md\:bg-red-500\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgba(251, 44, 54, .1);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .md\:bg-red-500\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color:var(--color-red-500);background-color: color-mix(in oklab,var(--color-red-500)10%,transparent);
    }
  }

  .md\:bg-transparent:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgba(0, 0, 0, 0);
  }

  .md\:bg-zinc-700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-zinc-700);
  }

  .md\:bg-zinc-800:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-zinc-800);
  }

  .md\:bg-none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-image: none;
  }

  .md\:from-pink-500\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-from: rgba(246, 51, 154, .2);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .md\:from-pink-500\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      --tw-gradient-from:var(--color-pink-500);--tw-gradient-from: color-mix(in oklab,var(--color-pink-500)20%,transparent);
    }
  }

  .md\:from-pink-500\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --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));
  }

  .md\:from-transparent:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-from: 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));
  }

  .md\:from-zinc-800:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-from: var(--color-zinc-800);
    --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));
  }

  .md\:to-purple-500\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-to: rgba(172, 75, 255, .1);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .md\:to-purple-500\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      --tw-gradient-to:var(--color-purple-500);--tw-gradient-to: color-mix(in oklab,var(--color-purple-500)10%,transparent);
    }
  }

  .md\:to-purple-500\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --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));
  }

  .md\:to-transparent:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --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));
  }

  .md\:to-zinc-700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-to: var(--color-zinc-700);
    --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));
  }

  .md\:p-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: calc(var(--spacing)*0);
  }

  .md\:p-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: calc(var(--spacing)*5);
  }

  .md\:px-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-inline: calc(var(--spacing)*0);
  }

  .md\:px-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-inline: calc(var(--spacing)*2);
  }

  .md\:px-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-inline: calc(var(--spacing)*4);
  }

  .md\:px-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-inline: calc(var(--spacing)*5);
  }

  .md\:px-8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-inline: calc(var(--spacing)*8);
  }

  .md\:py-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-block: calc(var(--spacing)*3);
  }

  .md\:py-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-block: calc(var(--spacing)*5);
  }

  .md\:pt-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: calc(var(--spacing)*0);
  }

  .md\:text-sm:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .md\:text-\[15px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 15px;
  }

  .md\:text-\[\#ff8eab\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: #ff8eab;
  }

  .md\:text-foreground:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--foreground);
  }

  .md\:text-fuchsia-800:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-fuchsia-800);
  }

  .md\:text-muted-foreground:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--muted-foreground);
  }

  .md\:text-pink-600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-pink-600);
  }

  .md\:text-red-400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-red-400);
  }

  .md\:opacity-80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    opacity: .8;
  }

  .md\:shadow-none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-shadow: 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
  }

  .md\:shadow-sm:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgba(0, 0, 0, .1)),0 1px 2px -1px var(--tw-shadow-color, rgba(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);
  }

  .md\:ring-border:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-ring-color: var(--border);
  }

  @media (hover: hover) {
    .md\:hover\:border-fuchsia-500\/50:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color: rgba(225, 42, 251, .5);
    }

    @supports (color: color-mix(in lab,red,red)) {
      .md\:hover\:border-fuchsia-500\/50:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
        border-color:var(--color-fuchsia-500);border-color: color-mix(in oklab,var(--color-fuchsia-500)50%,transparent);
      }
    }

    .md\:hover\:border-sidebar-primary\/30:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color: var(--sidebar-primary);
    }

    @supports (color: color-mix(in lab,red,red)) {
      .md\:hover\:border-sidebar-primary\/30:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
        border-color:var(--sidebar-primary);border-color: color-mix(in oklab,var(--sidebar-primary)30%,transparent);
      }
    }

    .md\:hover\:bg-accent:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: var(--accent);
    }

    .md\:hover\:bg-secondary:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: var(--secondary);
    }

    .md\:hover\:text-fuchsia-300:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      color: var(--color-fuchsia-300);
    }

    .md\:hover\:shadow-md:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgba(0, 0, 0, .1)),0 2px 4px -2px var(--tw-shadow-color, rgba(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);
    }
  }

  .md\:data-\[state\=unchecked\]\:bg-zinc-600[data-state="unchecked"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-zinc-600);
  }
}

@media (min-width: 64rem) {
  .lg\:grid-cols-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:px-8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-inline: calc(var(--spacing)*8);
  }

  .lg\:px-12:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-inline: calc(var(--spacing)*12);
  }

  .lg\:text-2xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
}

@media (min-width: 80rem) {
  .xl\:grid-cols-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xl\:grid-cols-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .xl\:gap-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: calc(var(--spacing)*5);
  }

  .xl\:px-16:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-inline: calc(var(--spacing)*16);
  }
}

.dark\:border-amber-400\/60:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(252, 187, 0, .6);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:border-amber-400\/60:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color:var(--color-amber-400);border-color: color-mix(in oklab,var(--color-amber-400)60%,transparent);
  }
}

.dark\:border-amber-500\/30:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(249, 156, 0, .3);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:border-amber-500\/30:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color:var(--color-amber-500);border-color: color-mix(in oklab,var(--color-amber-500)30%,transparent);
  }
}

.dark\:border-amber-500\/40:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(249, 156, 0, .4);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:border-amber-500\/40:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color:var(--color-amber-500);border-color: color-mix(in oklab,var(--color-amber-500)40%,transparent);
  }
}

.dark\:border-amber-900\/50:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(123, 51, 6, .5);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:border-amber-900\/50:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color:var(--color-amber-900);border-color: color-mix(in oklab,var(--color-amber-900)50%,transparent);
  }
}

.dark\:border-amber-900\/60:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(123, 51, 6, .6);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:border-amber-900\/60:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color:var(--color-amber-900);border-color: color-mix(in oklab,var(--color-amber-900)60%,transparent);
  }
}

.dark\:border-border:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--border);
}

.dark\:border-emerald-900\/60:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(0, 78, 59, .6);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:border-emerald-900\/60:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color:var(--color-emerald-900);border-color: color-mix(in oklab,var(--color-emerald-900)60%,transparent);
  }
}

.dark\:border-gray-100:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--color-gray-100);
}

.dark\:border-green-500\/40:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(0, 199, 88, .4);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:border-green-500\/40:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color:var(--color-green-500);border-color: color-mix(in oklab,var(--color-green-500)40%,transparent);
  }
}

.dark\:border-green-900\/60:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(13, 84, 43, .6);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:border-green-900\/60:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color:var(--color-green-900);border-color: color-mix(in oklab,var(--color-green-900)60%,transparent);
  }
}

.dark\:border-input:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--input);
}

.dark\:border-orange-500\/70:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(254, 110, 0, .7);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:border-orange-500\/70:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color:var(--color-orange-500);border-color: color-mix(in oklab,var(--color-orange-500)70%,transparent);
  }
}

.dark\:border-orange-900\/40:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(126, 42, 12, .4);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:border-orange-900\/40:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color:var(--color-orange-900);border-color: color-mix(in oklab,var(--color-orange-900)40%,transparent);
  }
}

.dark\:border-orange-900\/60:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(126, 42, 12, .6);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:border-orange-900\/60:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color:var(--color-orange-900);border-color: color-mix(in oklab,var(--color-orange-900)60%,transparent);
  }
}

.dark\:border-pink-500\/40:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(246, 51, 154, .4);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:border-pink-500\/40:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color:var(--color-pink-500);border-color: color-mix(in oklab,var(--color-pink-500)40%,transparent);
  }
}

.dark\:border-pink-500\/50:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(246, 51, 154, .5);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:border-pink-500\/50:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color:var(--color-pink-500);border-color: color-mix(in oklab,var(--color-pink-500)50%,transparent);
  }
}

.dark\:border-pink-500\/70:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(246, 51, 154, .7);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:border-pink-500\/70:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color:var(--color-pink-500);border-color: color-mix(in oklab,var(--color-pink-500)70%,transparent);
  }
}

.dark\:border-pink-900\/40:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(134, 16, 67, .4);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:border-pink-900\/40:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color:var(--color-pink-900);border-color: color-mix(in oklab,var(--color-pink-900)40%,transparent);
  }
}

.dark\:border-red-800:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--color-red-800);
}

.dark\:border-red-900\/60:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(130, 24, 26, .6);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:border-red-900\/60:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color:var(--color-red-900);border-color: color-mix(in oklab,var(--color-red-900)60%,transparent);
  }
}

.dark\:border-teal-900\/40:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(11, 79, 74, .4);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:border-teal-900\/40:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color:var(--color-teal-900);border-color: color-mix(in oklab,var(--color-teal-900)40%,transparent);
  }
}

.dark\:border-violet-500\/40:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(141, 84, 255, .4);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:border-violet-500\/40:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color:var(--color-violet-500);border-color: color-mix(in oklab,var(--color-violet-500)40%,transparent);
  }
}

.dark\:border-white\/10:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: rgba(255, 255, 255, .1);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:border-white\/10:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color:var(--color-white);border-color: color-mix(in oklab,var(--color-white)10%,transparent);
  }
}

.dark\:border-zinc-600:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--color-zinc-600);
}

.dark\:border-zinc-700:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--color-zinc-700);
}

.dark\:bg-amber-500\/10:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(249, 156, 0, .1);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:bg-amber-500\/10:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-amber-500);background-color: color-mix(in oklab,var(--color-amber-500)10%,transparent);
  }
}

.dark\:bg-amber-900\/50:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(123, 51, 6, .5);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:bg-amber-900\/50:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-amber-900);background-color: color-mix(in oklab,var(--color-amber-900)50%,transparent);
  }
}

.dark\:bg-amber-950\/30:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(70, 25, 1, .3);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:bg-amber-950\/30:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-amber-950);background-color: color-mix(in oklab,var(--color-amber-950)30%,transparent);
  }
}

.dark\:bg-amber-950\/40:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(70, 25, 1, .4);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:bg-amber-950\/40:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-amber-950);background-color: color-mix(in oklab,var(--color-amber-950)40%,transparent);
  }
}

.dark\:bg-background:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .dark\:bg-background\/98:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--background);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:bg-background\/98:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--background);background-color: color-mix(in oklab,var(--background)98%,transparent);
  }
}

.dark\:bg-card:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--card);
}

.dark\:bg-destructive\/60:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--destructive);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:bg-destructive\/60:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--destructive);background-color: color-mix(in oklab,var(--destructive)60%,transparent);
  }
}

.dark\:bg-emerald-950\/30:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(0, 44, 34, .3);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:bg-emerald-950\/30:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-emerald-950);background-color: color-mix(in oklab,var(--color-emerald-950)30%,transparent);
  }
}

.dark\:bg-fuchsia-900\/60:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(114, 19, 120, .6);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:bg-fuchsia-900\/60:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-fuchsia-900);background-color: color-mix(in oklab,var(--color-fuchsia-900)60%,transparent);
  }
}

.dark\:bg-gray-800:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-gray-800);
}

.dark\:bg-gray-900\/80:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(16, 24, 40, .8);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:bg-gray-900\/80:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-gray-900);background-color: color-mix(in oklab,var(--color-gray-900)80%,transparent);
  }
}

.dark\:bg-green-950\/30:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(3, 46, 21, .3);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:bg-green-950\/30:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-green-950);background-color: color-mix(in oklab,var(--color-green-950)30%,transparent);
  }
}

.dark\:bg-indigo-900\/60:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(49, 44, 133, .6);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:bg-indigo-900\/60:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-indigo-900);background-color: color-mix(in oklab,var(--color-indigo-900)60%,transparent);
  }
}

.dark\:bg-input\/30:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--input);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:bg-input\/30:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--input);background-color: color-mix(in oklab,var(--input)30%,transparent);
  }
}

.dark\:bg-muted:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .dark\:bg-muted\/30:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--muted);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:bg-muted\/30:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--muted);background-color: color-mix(in oklab,var(--muted)30%,transparent);
  }
}

.dark\:bg-muted\/40:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--muted);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:bg-muted\/40:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--muted);background-color: color-mix(in oklab,var(--muted)40%,transparent);
  }
}

.dark\:bg-muted\/50:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--muted);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:bg-muted\/50:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--muted);background-color: color-mix(in oklab,var(--muted)50%,transparent);
  }
}

.dark\:bg-orange-500\/10:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(254, 110, 0, .1);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:bg-orange-500\/10:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-orange-500);background-color: color-mix(in oklab,var(--color-orange-500)10%,transparent);
  }
}

.dark\:bg-orange-950\/30:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(68, 19, 6, .3);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:bg-orange-950\/30:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-orange-950);background-color: color-mix(in oklab,var(--color-orange-950)30%,transparent);
  }
}

.dark\:bg-pink-500\/10:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(246, 51, 154, .1);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:bg-pink-500\/10:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-pink-500);background-color: color-mix(in oklab,var(--color-pink-500)10%,transparent);
  }
}

.dark\:bg-pink-950\/30:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(81, 4, 36, .3);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:bg-pink-950\/30:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-pink-950);background-color: color-mix(in oklab,var(--color-pink-950)30%,transparent);
  }
}

.dark\:bg-pink-950\/40:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(81, 4, 36, .4);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:bg-pink-950\/40:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-pink-950);background-color: color-mix(in oklab,var(--color-pink-950)40%,transparent);
  }
}

.dark\:bg-red-950\/20:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(70, 8, 9, .2);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:bg-red-950\/20:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-red-950);background-color: color-mix(in oklab,var(--color-red-950)20%,transparent);
  }
}

.dark\:bg-red-950\/30:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(70, 8, 9, .3);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:bg-red-950\/30:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-red-950);background-color: color-mix(in oklab,var(--color-red-950)30%,transparent);
  }
}

.dark\:bg-sky-900\/60:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(2, 74, 112, .6);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:bg-sky-900\/60:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-sky-900);background-color: color-mix(in oklab,var(--color-sky-900)60%,transparent);
  }
}

.dark\:bg-teal-950\/30:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(2, 47, 46, .3);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:bg-teal-950\/30:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-teal-950);background-color: color-mix(in oklab,var(--color-teal-950)30%,transparent);
  }
}

.dark\:bg-violet-900\/60:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(77, 23, 154, .6);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:bg-violet-900\/60:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-violet-900);background-color: color-mix(in oklab,var(--color-violet-900)60%,transparent);
  }
}

.dark\:bg-violet-950\/40:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(47, 13, 104, .4);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:bg-violet-950\/40:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-violet-950);background-color: color-mix(in oklab,var(--color-violet-950)40%,transparent);
  }
}

.dark\:bg-zinc-700:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-zinc-700);
}

.dark\:bg-zinc-800:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-zinc-800);
}

.dark\:bg-zinc-900:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-zinc-900);
}

.dark\:bg-zinc-900\/80:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(24, 24, 27, .8);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:bg-zinc-900\/80:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-zinc-900);background-color: color-mix(in oklab,var(--color-zinc-900)80%,transparent);
  }
}

.dark\:bg-zinc-900\/92:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: rgba(24, 24, 27, .92);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:bg-zinc-900\/92:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--color-zinc-900);background-color: color-mix(in oklab,var(--color-zinc-900)92%,transparent);
  }
}

.dark\:bg-none:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-image: none;
}

.dark\:from-amber-500:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-amber-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));
}

.dark\:from-amber-600:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-amber-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));
}

.dark\:from-amber-950\/80:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: rgba(70, 25, 1, .8);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:from-amber-950\/80:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-from:var(--color-amber-950);--tw-gradient-from: color-mix(in oklab,var(--color-amber-950)80%,transparent);
  }
}

.dark\:from-amber-950\/80:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.dark\:from-fuchsia-600:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-fuchsia-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));
}

.dark\:from-indigo-600:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-indigo-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));
}

.dark\:from-pink-500\/20:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: rgba(246, 51, 154, .2);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:from-pink-500\/20:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-from:var(--color-pink-500);--tw-gradient-from: color-mix(in oklab,var(--color-pink-500)20%,transparent);
  }
}

.dark\:from-pink-500\/20:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.dark\:from-rose-600:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-rose-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));
}

.dark\:from-sky-600:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-sky-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));
}

.dark\:from-stone-900\/90:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: rgba(28, 25, 23, .9);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:from-stone-900\/90:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-from:var(--color-stone-900);--tw-gradient-from: color-mix(in oklab,var(--color-stone-900)90%,transparent);
  }
}

.dark\:from-stone-900\/90:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.dark\:from-transparent:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: 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));
}

.dark\:from-violet-400:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-violet-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.dark\:from-violet-600:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-violet-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));
}

.dark\:from-violet-700:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-violet-700);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.dark\:from-violet-950\/70:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: rgba(47, 13, 104, .7);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:from-violet-950\/70:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-from:var(--color-violet-950);--tw-gradient-from: color-mix(in oklab,var(--color-violet-950)70%,transparent);
  }
}

.dark\:from-violet-950\/70:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.dark\:from-zinc-600:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-zinc-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));
}

.dark\:from-zinc-900:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-from: var(--color-zinc-900);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.dark\:via-amber-600:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-via: var(--color-amber-600);
  --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.dark\:via-fuchsia-400:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-via: var(--color-fuchsia-400);
  --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.dark\:via-neutral-950:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-via: var(--color-neutral-950);
  --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.dark\:via-orange-600:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-via: var(--color-orange-600);
  --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.dark\:via-rose-600:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-via: var(--color-rose-600);
  --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.dark\:via-zinc-950:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-via: var(--color-zinc-950);
  --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.dark\:to-amber-950\/50:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: rgba(70, 25, 1, .5);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:to-amber-950\/50:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-to:var(--color-amber-950);--tw-gradient-to: color-mix(in oklab,var(--color-amber-950)50%,transparent);
  }
}

.dark\:to-amber-950\/50:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.dark\:to-cyan-600:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-cyan-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));
}

.dark\:to-fuchsia-600:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-fuchsia-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));
}

.dark\:to-fuchsia-950\/40:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: rgba(75, 0, 79, .4);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:to-fuchsia-950\/40:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-to:var(--color-fuchsia-950);--tw-gradient-to: color-mix(in oklab,var(--color-fuchsia-950)40%,transparent);
  }
}

.dark\:to-fuchsia-950\/40:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.dark\:to-indigo-600:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-indigo-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));
}

.dark\:to-pink-600:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-pink-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));
}

.dark\:to-purple-500\/10:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: rgba(172, 75, 255, .1);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:to-purple-500\/10:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-to:var(--color-purple-500);--tw-gradient-to: color-mix(in oklab,var(--color-purple-500)10%,transparent);
  }
}

.dark\:to-purple-500\/10:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.dark\:to-rose-600:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-rose-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));
}

.dark\:to-transparent:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --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));
}

.dark\:to-violet-500:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-violet-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));
}

.dark\:to-violet-600:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-violet-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));
}

.dark\:to-violet-700:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-violet-700);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.dark\:to-violet-800:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-violet-800);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.dark\:to-violet-950\/40:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: rgba(47, 13, 104, .4);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:to-violet-950\/40:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-to:var(--color-violet-950);--tw-gradient-to: color-mix(in oklab,var(--color-violet-950)40%,transparent);
  }
}

.dark\:to-violet-950\/40:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.dark\:to-yellow-950\/40:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: rgba(67, 32, 4, .4);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:to-yellow-950\/40:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-to:var(--color-yellow-950);--tw-gradient-to: color-mix(in oklab,var(--color-yellow-950)40%,transparent);
  }
}

.dark\:to-yellow-950\/40:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.dark\:to-zinc-700:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-gradient-to: var(--color-zinc-700);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
}

.dark\:text-\[\#ff8eab\]:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #ff8eab;
}

.dark\:text-amber-100:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-amber-100);
}

.dark\:text-amber-100\/90:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgba(254, 243, 198, .9);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:text-amber-100\/90:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color:var(--color-amber-100);color: color-mix(in oklab,var(--color-amber-100)90%,transparent);
  }
}

.dark\:text-amber-200:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-amber-200);
}

.dark\:text-amber-300:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-amber-300);
}

.dark\:text-amber-400:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-amber-400);
}

.dark\:text-emerald-300:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-emerald-300);
}

.dark\:text-emerald-400:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-emerald-400);
}

.dark\:text-foreground:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--foreground);
}

.dark\:text-fuchsia-300:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-fuchsia-300);
}

.dark\:text-fuchsia-400:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-fuchsia-400);
}

.dark\:text-gray-100:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-gray-100);
}

.dark\:text-muted-foreground:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
}

.dark\:text-orange-300:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-orange-300);
}

.dark\:text-orange-400:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-orange-400);
}

.dark\:text-pink-300:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-pink-300);
}

.dark\:text-red-200:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-red-200);
}

.dark\:text-red-300:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-red-300);
}

.dark\:text-rose-400:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-rose-400);
}

.dark\:text-teal-200:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-teal-200);
}

.dark\:text-teal-300:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-teal-300);
}

.dark\:text-violet-100\/90:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: rgba(237, 233, 254, .9);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:text-violet-100\/90:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color:var(--color-violet-100);color: color-mix(in oklab,var(--color-violet-100)90%,transparent);
  }
}

.dark\:text-violet-300:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-violet-300);
}

.dark\:text-violet-400:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-violet-400);
}

.dark\:text-zinc-100:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-zinc-100);
}

.dark\:opacity-80:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  opacity: .8;
}

.dark\:shadow-\[0_-4px_16px_rgba\(0\,0\,0\,0\.35\)\]:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-shadow: 0 -4px 16px var(--tw-shadow-color, rgba(0, 0, 0, .35));
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
}

.dark\:ring-amber-400\/25:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-color: rgba(252, 187, 0, .25);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:ring-amber-400\/25:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-ring-color:var(--color-amber-400);--tw-ring-color: color-mix(in oklab,var(--color-amber-400)25%,transparent);
  }
}

.dark\:ring-pink-500\/30:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-color: rgba(246, 51, 154, .3);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:ring-pink-500\/30:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-ring-color:var(--color-pink-500);--tw-ring-color: color-mix(in oklab,var(--color-pink-500)30%,transparent);
  }
}

@media (hover: hover) {
  .dark\:hover\:border-pink-500\/50:is(.dark *):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: rgba(246, 51, 154, .5);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .dark\:hover\:border-pink-500\/50:is(.dark *):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color:var(--color-pink-500);border-color: color-mix(in oklab,var(--color-pink-500)50%,transparent);
    }
  }

  .dark\:hover\:bg-accent:is(.dark *):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .dark\:hover\:bg-accent\/50:is(.dark *):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--accent);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .dark\:hover\:bg-accent\/50:is(.dark *):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color:var(--accent);background-color: color-mix(in oklab,var(--accent)50%,transparent);
    }
  }

  .dark\:hover\:bg-input\/50:is(.dark *):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .dark\:hover\:bg-input\/50:is(.dark *):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color:var(--input);background-color: color-mix(in oklab,var(--input)50%,transparent);
    }
  }

  .dark\:hover\:bg-orange-500\/20:is(.dark *):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgba(254, 110, 0, .2);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .dark\:hover\:bg-orange-500\/20:is(.dark *):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color:var(--color-orange-500);background-color: color-mix(in oklab,var(--color-orange-500)20%,transparent);
    }
  }

  .dark\:hover\:bg-pink-500\/20:is(.dark *):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgba(246, 51, 154, .2);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .dark\:hover\:bg-pink-500\/20:is(.dark *):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color:var(--color-pink-500);background-color: color-mix(in oklab,var(--color-pink-500)20%,transparent);
    }
  }

  .dark\:hover\:bg-red-950\/30:is(.dark *):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgba(70, 8, 9, .3);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .dark\:hover\:bg-red-950\/30:is(.dark *):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color:var(--color-red-950);background-color: color-mix(in oklab,var(--color-red-950)30%,transparent);
    }
  }

  .dark\:hover\:bg-red-950\/50:is(.dark *):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgba(70, 8, 9, .5);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .dark\:hover\:bg-red-950\/50:is(.dark *):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color:var(--color-red-950);background-color: color-mix(in oklab,var(--color-red-950)50%,transparent);
    }
  }

  .dark\:hover\:bg-zinc-700:is(.dark *):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-zinc-700);
  }

  .dark\:hover\:text-foreground:is(.dark *):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--foreground);
  }

  .dark\:hover\:text-fuchsia-300:is(.dark *):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-fuchsia-300);
  }

  .dark\:hover\:text-white:is(.dark *):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-white);
  }
}

.dark\:focus\:bg-zinc-800:is(.dark *):focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-zinc-800);
}

.dark\:focus\:text-zinc-50:is(.dark *):focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-zinc-50);
}

.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-color: var(--destructive);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-ring-color:var(--destructive);--tw-ring-color: color-mix(in oklab,var(--destructive)40%,transparent);
  }
}

.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tw-ring-color: var(--destructive);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-ring-color:var(--destructive);--tw-ring-color: color-mix(in oklab,var(--destructive)40%,transparent);
  }
}

.dark\:data-\[state\=unchecked\]\:bg-zinc-600:is(.dark *)[data-state="unchecked"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-zinc-600);
}

.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant="destructive"]:focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--destructive);
}

@supports (color: color-mix(in lab,red,red)) {
  .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant="destructive"]:focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color:var(--destructive);background-color: color-mix(in oklab,var(--destructive)20%,transparent);
  }
}

@media (min-width: 48rem) {
  .dark\:md\:border-fuchsia-500\/60:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: rgba(225, 42, 251, .6);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .dark\:md\:border-fuchsia-500\/60:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color:var(--color-fuchsia-500);border-color: color-mix(in oklab,var(--color-fuchsia-500)60%,transparent);
    }
  }

  .dark\:md\:border-orange-500\/30:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: rgba(254, 110, 0, .3);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .dark\:md\:border-orange-500\/30:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color:var(--color-orange-500);border-color: color-mix(in oklab,var(--color-orange-500)30%,transparent);
    }
  }

  .dark\:md\:bg-fuchsia-500\/15:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgba(225, 42, 251, .15);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .dark\:md\:bg-fuchsia-500\/15:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color:var(--color-fuchsia-500);background-color: color-mix(in oklab,var(--color-fuchsia-500)15%,transparent);
    }
  }

  .dark\:md\:bg-orange-500\/10:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgba(254, 110, 0, .1);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .dark\:md\:bg-orange-500\/10:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color:var(--color-orange-500);background-color: color-mix(in oklab,var(--color-orange-500)10%,transparent);
    }
  }

  .dark\:md\:bg-secondary:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--secondary);
  }

  .dark\:md\:text-fuchsia-200:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-fuchsia-200);
  }

  .dark\:md\:text-fuchsia-300:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-fuchsia-300);
  }

  .dark\:md\:ring-white\/8:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-ring-color: rgba(255, 255, 255, .08);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .dark\:md\:ring-white\/8:is(.dark *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      --tw-ring-color:var(--color-white);--tw-ring-color: color-mix(in oklab,var(--color-white)8%,transparent);
    }
  }
}

.\[\&_\[data-slot\=dialog-close\]\]\:top-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="dialog-close"] {
  top: calc(var(--spacing)*1);
}

.\[\&_\[data-slot\=dialog-close\]\]\:right-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="dialog-close"] {
  right: calc(var(--spacing)*1);
}

.\[\&_\[data-slot\=dialog-close\]\]\:p-1\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="dialog-close"] {
  padding: calc(var(--spacing)*1.5);
}

.\[\&_\[data-slot\=dialog-close\]_svg\]\:\!size-5 [data-slot="dialog-close"] svg {
  width: calc(var(--spacing)*5) !important;
  height: calc(var(--spacing)*5) !important;
}

.\[\&_button\]\:text-muted-foreground:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  color: var(--muted-foreground);
}

.\[\&_svg\]\:pointer-events-none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
  pointer-events: none;
}

.\[\&_svg\]\:shrink-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
  flex-shrink: 0;
}

.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg:not([class*="size-"]) {
  width: calc(var(--spacing)*3);
  height: calc(var(--spacing)*3);
}

.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg:not([class*="size-"]) {
  width: calc(var(--spacing)*4);
  height: calc(var(--spacing)*4);
}

.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg:not([class*="size-"]) {
  width: calc(var(--spacing)*5);
  height: calc(var(--spacing)*5);
}

.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg:not([class*="text-"]) {
  color: var(--muted-foreground);
}

.\[\&\:\:-webkit-scrollbar\]\:hidden:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-scrollbar {
  display: none;
}

.\[\.border-b\]\:pb-6.border-b:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-bottom: calc(var(--spacing)*6);
}

.\[\.border-t\]\:pt-6.border-t:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-top: calc(var(--spacing)*6);
}

:is(.\*\:\[span\]\:last\:flex > *):is(span):last-child:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  display: flex;
}

:is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  align-items: center;
}

:is(.\*\:\[span\]\:last\:gap-2 > *):is(span):last-child:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  gap: calc(var(--spacing)*2);
}

:is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive[data-variant="destructive"] > *):is(svg) {
  color: var(--destructive) !important;
}

.\[\&\>\*\]\:min-w-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > * {
  min-width: calc(var(--spacing)*0);
}

.\[\&\>button\]\:hidden:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > button {
  display: none;
}

.\[\&\>div\>div\:first-child\]\:\!h-4 > div > div:first-child {
  height: calc(var(--spacing)*4) !important;
}

.\[\&\>div\>div\:first-child\]\:\!w-4 > div > div:first-child {
  width: calc(var(--spacing)*4) !important;
}

.\[\&\>div\>div\:first-child_span\]\:\!text-\[10px\] > div > div:first-child span, .\[\&\>div\>div\:last-child\]\:\!text-\[10px\] > div > div:last-child {
  font-size: 10px !important;
}

.\[\&\>div\>div\:last-child\]\:\!font-medium > div > div:last-child {
  --tw-font-weight: var(--font-weight-medium) !important;
  font-weight: var(--font-weight-medium) !important;
}

.\[\&\>svg\]\:pointer-events-none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg {
  pointer-events: none;
}

.\[\&\>svg\]\:size-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg {
  width: calc(var(--spacing)*3);
  height: calc(var(--spacing)*3);
}

@media (hover: hover) {
  a.\[a\&\]\:hover\:bg-accent:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--accent);
  }

  a.\[a\&\]\:hover\:bg-destructive\/90:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab,red,red)) {
    a.\[a\&\]\:hover\:bg-destructive\/90:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color:var(--destructive);background-color: color-mix(in oklab,var(--destructive)90%,transparent);
    }
  }

  a.\[a\&\]\:hover\:bg-primary\/90:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab,red,red)) {
    a.\[a\&\]\:hover\:bg-primary\/90:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color:var(--primary);background-color: color-mix(in oklab,var(--primary)90%,transparent);
    }
  }

  a.\[a\&\]\:hover\:bg-secondary\/90:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--secondary);
  }

  @supports (color: color-mix(in lab,red,red)) {
    a.\[a\&\]\:hover\:bg-secondary\/90:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color:var(--secondary);background-color: color-mix(in oklab,var(--secondary)90%,transparent);
    }
  }

  a.\[a\&\]\:hover\:text-accent-foreground:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--accent-foreground);
  }
}

@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-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-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;
}

.scrollbar-hide:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.scrollbar-hide:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-scrollbar {
  display: none;
}

@keyframes gift-bounce {
  0%, to {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-5px);
  }
}

.animate-gift-bounce:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  animation: 2s ease-in-out infinite gift-bounce;
}

@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }

  to {
    background-position: 200% 0;
  }
}

@keyframes media-soft-pulse {
  0%, to {
    opacity: .4;
    transform: scale(.94);
  }

  50% {
    opacity: 1;
    transform: scale(1);
  }
}

.animate-media-shimmer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-image: linear-gradient(110deg,var(--studio-raised)0%,var(--studio-soft)42%,var(--studio-raised)85%);
  background-size: 200% 100%;
  animation: 1.45s linear infinite shimmer;
}

.animate-media-soft-pulse:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  animation: 1.55s ease-in-out infinite media-soft-pulse;
}

html:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), #root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 100%;
  min-height: 100vh;
}

.mobile-app-host:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 100%;
  min-height: 100dvh;
}

.mobile-app-shell:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--background);
  width: 100%;
  height: 100vh;height: 100dvh;
  position: relative;
  overflow: hidden;
}

.mobile-app-shell__portal:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > * {
  pointer-events: auto;
}

[data-app-shell-scroll]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > [data-app-shell-fill] {
  min-height: 100%;
}

@media (min-width: 768px) {
  .mobile-app-host:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background: var(--background);
    min-height: 100vh;min-height: 100dvh;
    color: var(--foreground);
    overflow: hidden;
  }

  .mobile-app-shell:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 100%;
    max-width: none;
    height: 100vh;height: 100dvh;
    max-height: 100vh;max-height: 100dvh;
    box-shadow: none;
    z-index: 1;
    background: var(--background);
    border-radius: 0;
    margin: 0;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    transform: none;
  }

  .mobile-app-shell__main:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background: var(--background);
  }
}

html:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: var(--background);
  color: var(--foreground);
}

@media (prefers-color-scheme: dark) {
  html:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
  }
}

:root:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --radius: .625rem;
  --background: #f4f4f5;
  --foreground: #18181b;
  --card: #fff;
  --card-foreground: #18181b;
  --popover: #fff;
  --popover-foreground: #18181b;
  --primary: #18181b;
  --primary-foreground: #fafafa;
  --secondary: #f4f4f5;
  --secondary-foreground: #18181b;
  --muted: #ececef;
  --muted-foreground: #71717a;
  --accent: #ececef;
  --accent-foreground: #18181b;
  --destructive: #e40014;
  --border: #e4e4e7;
  --input: #e4e4e7;
  --ring: #a1a1aa;
  --chart-1: #f05100;
  --chart-2: #009588;
  --chart-3: #104e64;
  --chart-4: #fcbb00;
  --chart-5: #f99c00;
  --sidebar: #fff;
  --sidebar-foreground: #18181b;
  --sidebar-primary: #7c3aed;
  --sidebar-primary-foreground: #fff;
  --sidebar-accent: #f4f4f5;
  --sidebar-accent-foreground: #18181b;
  --sidebar-border: #e4e4e7;
  --sidebar-ring: #a1a1aa;
}

.dark:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --background: #0c0c0f;
  --foreground: #f4f4f5;
  --card: #16161a;
  --card-foreground: #f4f4f5;
  --popover: #16161a;
  --popover-foreground: #f4f4f5;
  --primary: #f4f4f5;
  --primary-foreground: #18181b;
  --secondary: #1c1c22;
  --secondary-foreground: #f4f4f5;
  --muted: #1a1a1f;
  --muted-foreground: #a1a1aa;
  --accent: #1c1c22;
  --accent-foreground: #f4f4f5;
  --destructive: #ff6568;
  --border: rgba(255, 255, 255, .1);
  --input: rgba(255, 255, 255, .12);
  --ring: #71717a;
  --sidebar: #0e0e12;
  --sidebar-foreground: #f4f4f5;
  --sidebar-primary: #a855f7;
  --sidebar-primary-foreground: #fff;
  --sidebar-accent: #1a1a1f;
  --sidebar-accent-foreground: #f4f4f5;
  --sidebar-border: rgba(255, 255, 255, .08);
  --sidebar-ring: #71717a;
  --chart-1: #1447e6;
  --chart-2: #00bb7f;
  --chart-3: #f99c00;
  --chart-4: #ac4bff;
  --chart-5: #ff2357;
  background-color: #0c0c0f;
}

.dark:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) body, .dark:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #root, .dark:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-rk] {
  background-color: #0c0c0f;
}

.debug-outline {
  outline: 2px dashed red !important;
}

.debug-collapsible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  position: relative;
}

.debug-collapsible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
  content: "collapsible";
  color: #fff;
  z-index: 999;
  background: rgba(255, 0, 0, .3);
  padding: 2px 4px;
  font-size: 10px;
  position: absolute;
  top: 0;
  right: 0;
}

.scrollArea-viewport > div {
  display: block !important;
}

@keyframes banner-mask {
  0% {
    clip-path: inset(0% 0 0);
  }

  to {
    clip-path: inset(80% 0 0);
  }
}

.general-banner-scan:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.loading-container:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.loading-image-container:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.loading-base-image:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.loading-scan-image:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  animation: 6s cubic-bezier(.71, .13, .61, 1.01) infinite alternate banner-mask;
  position: absolute;
  inset: 0;
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: rgba(0, 0, 0, 0);
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: rgba(0, 0, 0, 0);
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: rgba(0, 0, 0, 0);
}

@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-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 rgba(0, 0, 0, 0);
}

@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 rgba(0, 0, 0, 0);
}

@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 rgba(0, 0, 0, 0);
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 rgba(0, 0, 0, 0);
}

@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 rgba(0, 0, 0, 0);
}

@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 spin {
  to {
    transform: rotate(360deg);
  }
}

@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));
  }
}

@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));
  }
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --studio-bottom-height: calc(56px + env(safe-area-inset-bottom, 0px));
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(button, a, input, textarea, select):focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 3px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="button"] {
  border-radius: 10px;
  font-weight: 600;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="button"][data-variant="default"] {
  background: var(--studio-gradient);
  color: #fff;
  box-shadow: none;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="button"]:disabled {
  opacity: .45;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [class*="from-pink-500"][class*="to-orange-500"], .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [class*="from-violet-600"][class*="to-fuchsia-500"] {
  background-image: var(--studio-gradient);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [class*="md:text-[#ff8eab]"] {
  color: var(--studio-ink);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where([data-slot="input"], [data-slot="textarea"], [data-slot="select-trigger"]) {
  border-color: var(--input);
  background: var(--card);
  border-radius: 10px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="tabs-list"] {
  background: var(--muted);
  border-radius: 10px;
  padding: 4px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="dialog-content"] > div {
  border-color: var(--border);
  border-radius: 18px;
  max-height: calc(100vh - 32px);max-height: calc(100dvh - 32px);
  overflow-y: auto;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .15);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="dialog-content"] > .studio-media-lightbox {
  background: #0b0a10;
  border: 0;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  gap: 0;
  width: auto;
  max-width: min(96vw, 1100px);
  max-height: calc(100vh - 32px);max-height: calc(100dvh - 32px);
  margin: 0;
  padding: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .45);
}

.studio-media-lightbox-frame:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: center;
  align-items: center;
  max-width: min(96vw, 1100px);
  max-height: calc(100vh - 32px);max-height: calc(100dvh - 32px);
  display: flex;
  position: relative;
}

.studio-media-lightbox:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) img {
  object-fit: contain;
  width: auto;
  max-width: min(96vw, 1100px);
  height: auto;
  max-height: calc(100vh - 32px);max-height: calc(100dvh - 32px);
  display: block;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="dialog-header"] {
  text-align: left;
  padding: 8px 24px 12px 0;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="dialog-title"] {
  font-size: 19px;
  line-height: 1.5;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="dialog-close"] {
  background: var(--muted);
  place-items: center;
  width: 32px;
  height: 32px;
  display: grid;
  top: 12px;
  right: 12px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="sheet-content"] {
  background: var(--card);
  border-color: var(--border);
}

.studio-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: var(--desktop-nav-w, 200px);
  background: var(--sidebar);
  border-right: 1px solid var(--sidebar-border);
  flex-direction: column;
  flex: none;
  height: 100vh;height: 100dvh;
  display: none;
}

.studio-sidebar.is-collapsed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 72px;
}

.studio-brand:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  white-space: nowrap;
  color: var(--foreground);
  align-items: center;
  gap: 8px;
  padding: 16px 12px 4px;
  display: flex;
}

.studio-sidebar-scroll:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex: 1;
  min-height: 0;
  padding: 8px 12px 16px;
  overflow-y: auto;
}

.studio-nav-caption:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #8d7b96;
  margin: 0;
  padding: 8px 8px 4px;
  font-size: 11px;
  font-weight: 560;
}

.studio-nav-link:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #ddd4e6;
  border-radius: 10px;
  align-items: center;
  gap: 0;
  width: 100%;
  min-height: 34px;
  margin-top: 2px;
  padding: 0 8px;
  font-size: 14px;
  font-weight: 500;
  transition: background .15s, color .15s;
  display: flex;
}

.studio-nav-link:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg {
  flex-shrink: 0;
}

.studio-nav-link[aria-current="page"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--primary);
  background: var(--accent);
  font-weight: 560;
}

.studio-sidebar-account:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-top: 1px solid var(--border);
  padding: 14px;
}

.studio-sidebar-account:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) span {
  flex: 1;
}

.is-collapsed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-sidebar-scroll, .is-collapsed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-sidebar-account {
  padding-left: 10px;
  padding-right: 10px;
}

.is-collapsed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-nav-link {
  justify-content: center;
  padding: 12px 0;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-studio-topbar] {
  background: var(--card);
  height: 68px;
  padding-inline: 24px;
}

.studio-breadcrumb:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  align-items: center;
  gap: 12px;
  font-size: 12px;
  display: flex;
}

.studio-breadcrumb:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :last-child {
  color: var(--foreground);
}

.studio-mobile-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--card);
  border-top: 1px solid var(--border);
  min-height: var(--studio-bottom-height);
  padding-bottom: env(safe-area-inset-bottom, 0px);
  display: flex;
}

.studio-mobile-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > a {
  min-width: 0;
  min-height: 56px;
  color: var(--muted-foreground);
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  display: flex;
}

.studio-mobile-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > a[aria-current="page"] {
  color: var(--studio-ink);
  font-weight: 700;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-shell, .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-gradient, .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-page {
  background: var(--background);
  background-image: none;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-price {
  background: var(--card);
  border: 1px solid var(--border);
  box-shadow: none;
  background-image: none;
  padding: 14px 18px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-panel, .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-example {
  background: var(--card);
  border: 1px solid var(--border);
  box-shadow: none;
  background-image: none;
  border-radius: 16px;
  padding: 20px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-library {
  background: var(--card);
  border: 0;
  border-radius: 0;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-desktop-heading > div {
  text-align: left;
  max-width: none;
  padding: 0;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-desktop-heading > button {
  margin-bottom: 12px;
  font-size: 12px;
  position: static;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-desktop-heading h1 {
  letter-spacing: -.7px;
  justify-content: flex-start;
  font-size: 28px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-desktop-heading h1 > span:first-child[class*="w-1"] {
  display: none;
}

.studio-home-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
  color: var(--muted-foreground);
  margin-top: 6px;
  font-size: 13px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-home-card {
  box-shadow: none;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 16px;
  gap: 16px;
  padding: 14px;
  transition: border-color .16s, box-shadow .16s;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-home-card:hover {
  background: var(--card);
  border-color: var(--border);
  transform: none;
  box-shadow: 0 5px 20px rgba(0, 0, 0, .03);
}

.studio-home-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-card-preview {
  background: var(--studio-raised);
  border-radius: 10px;
  width: 100px;
  height: 110px;
}

.studio-home-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-card-title {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.5;
}

.studio-home-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-card-cta {
  color: var(--studio-ink);
  font-weight: 650;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-home-card .studio-card-heat {
  color: var(--muted-foreground);
  font-size: 11px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-profile-card {
  background: var(--card);
  color: var(--foreground);
  border: 1px solid var(--border);
  box-shadow: none;
  padding: 24px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-profile-card [class*="text-white"] {
  color: var(--foreground);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-profile-card [data-recharge-trigger] {
  background: var(--studio-soft);
  box-shadow: none;
  border-color: var(--border);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-profile-card [data-recharge-trigger] * {
  color: var(--studio-ink);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-auth-layout {
  background: var(--card);
  padding-top: 112px;
  padding-bottom: 40px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-auth-form {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 20px;
  padding: 28px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-payment {
  background: var(--background);
  flex: 1;
  width: 100%;
  min-height: 100%;
  padding: 28px 18px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-payment [data-slot="card"] {
  border-color: var(--border);
  border-radius: 18px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .024);
}

@media (min-width: 768px) {
  .studio-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: flex;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-shell, .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-page {
    margin-inline: auto;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-library {
    border: 1px solid var(--border);
    border-radius: 18px;
    width: calc(100% - 48px);
    margin: 24px auto;
    padding-block: 20px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-home-desktop {
    margin-inline: auto;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-home-list {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-home-card {
    gap: 24px;
    padding: 18px;
  }

  .studio-home-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-card-preview {
    width: 186px;
    height: 126px;
  }

  .studio-home-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-card-body {
    flex-direction: row;
    align-items: center;
    gap: 24px;
  }

  .studio-home-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-card-title {
    font-size: 21px;
  }

  .studio-home-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-card-description {
    margin-top: 10px;
    font-size: 14px;
  }

  .studio-home-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-card-cta {
    color: #fff;
    background: var(--studio-gradient);
    border-radius: 10px;
    padding: 11px 18px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-auth-layout {
    padding-top: 48px;
  }
}

@media (max-width: 767px) {
  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-shell {
    padding-bottom: 7rem;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-panel {
    border-radius: 14px;
    padding: 16px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [class*="fixed"][class*="bottom-14"] {
    bottom: var(--studio-bottom-height);
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="input"], .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="textarea"] {
    font-size: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .studio-theme *, .studio-theme :before, .studio-theme :after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-studio-page="coin-detail"] {
  background: var(--background);
  background-image: none;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-studio-page="my-works"] [role="tablist"] {
  border-bottom: 1px solid var(--border);
}

@media (min-width: 768px) {
  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-studio-page="profile"] > .space-y-3 {
    flex-direction: column;
    gap: 20px;
    display: flex;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-studio-page="profile"] > .space-y-3 > * {
    width: 100%;
    margin-top: 0;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-studio-page="profile"] > .space-y-3 > .studio-profile-card {
    grid-column: 1 / -1;
  }
}

.studio-mobile-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  z-index: 50;
  background: var(--card);
  border-bottom: 1px solid var(--border);
  justify-content: space-between;
  align-items: center;
  height: 48px;
  padding: 0 16px;
  display: flex;
  position: fixed;
  inset: 0 0 auto;
}

.studio-mobile-brand:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex: none;
  align-items: center;
  gap: 8px;
  display: flex;
}

.studio-mobile-register-coins:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #ffe14a;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  background: none;
  border: 0;
  flex: 1;
  min-width: 0;
  margin-inline: 10px;
  padding: 0;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.2;
  overflow: hidden;
}

.studio-mobile-brand:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span:not(.studio-brand-seal) {
  font-size: 16px;
  font-weight: 650;
}

.studio-mobile-account:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  align-items: center;
  gap: 6px;
  display: flex;
}

.studio-mobile-account:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :is(button, a) {
  justify-content: center;
  align-items: center;
  gap: 5px;
  min-width: 36px;
  min-height: 40px;
  font-size: 12px;
  display: inline-flex;
}

.studio-mobile-account:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-mobile-language button {
  min-width: 36px;
  min-height: 40px;
  color: var(--muted-foreground);
}

.studio-mobile-account:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-mobile-login {
  color: var(--studio-ink);
  padding: 0 6px;
  font-weight: 650;
}

.studio-section-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--card);
  border-bottom: 1px solid var(--border);
  flex-shrink: 0;
  gap: 24px;
  padding: 0 18px;
  display: flex;
}

.studio-section-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) a {
  color: var(--muted-foreground);
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  padding: 12px 0;
  font-size: 13px;
}

.studio-section-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) a[aria-current] {
  color: var(--studio-ink);
  border-color: var(--studio-border-accent);
  font-weight: 650;
}

@media (min-width: 768px) {
  .studio-section-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: none;
  }
}

.studio-error-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--card);
  color: var(--foreground);
}

.studio-error-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 20px;
  padding: 32px;
}

.studio-error-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h1 {
  color: var(--studio-ink);
}

.studio-error-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
  color: var(--muted-foreground);
}

.studio-error-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) a {
  background: var(--studio-gradient);
  color: #fff;
  border-radius: 10px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-studio-templates] {
  margin-inline: auto;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-studio-page="my-works"] button[aria-selected="true"] {
  color: var(--studio-ink);
}

@media (min-width: 1024px) {
  .studio-home-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-card-preview {
    width: 35%;
    max-width: 360px;
    height: 142px;
  }

  .studio-home-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-card-cta {
    color: var(--studio-ink);
    background: none;
  }

  .studio-home-card:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-card-cta, .studio-home-card:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-card-cta {
    color: #fff;
    background: var(--studio-gradient);
  }
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-sign-in-state {
  text-align: center;
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 18px;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  width: min(100%, 440px);
  margin: 48px auto;
  padding: 36px 24px;
  display: flex;
}

.studio-sign-in-state:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div {
  background: var(--studio-soft);
  color: var(--studio-ink);
  border-radius: 16px;
  padding: 16px;
}

.studio-sign-in-state:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h1 {
  font-size: 22px;
  font-weight: 700;
}

.studio-sign-in-state:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
  color: var(--muted-foreground);
  font-size: 14px;
}

.studio-sign-in-state:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  min-width: 120px;
  margin-top: 8px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-auth-inner {
  background: none;
  width: 100%;
  min-height: 0;
  padding: 0;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-auth-inner [data-slot="card"] {
  box-shadow: none;
  background: none;
  border: 0;
  padding-block: 0;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-auth-inner [data-slot="card-content"], .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-auth-inner [data-slot="card-header"] {
  padding-inline: 0;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-auth-inner [data-slot="card-title"] {
  text-align: left;
  color: var(--foreground);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-auth-inner [class*="text-purple-"] {
  color: var(--studio-ink);
}

@media (max-width: 767px) {
  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-auth-layout {
    justify-content: flex-start;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-auth-form {
    padding: 24px;
  }

  .studio-home-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-card-preview {
    width: 42%;
    max-width: 156px;
    height: 112px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-home-card {
    gap: 14px;
    padding: 12px;
  }

  .studio-home-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-card-title {
    font-size: 17px;
  }

  .studio-home-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-card-title > span:first-child {
    white-space: normal;
  }
}

.studio-preview-original:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  object-position: 50% 8%;
}

.studio-preview-pose:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  object-position: 50% 30%;
}

.studio-preview-group-photo:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  object-position: 50% 20%;
}

.studio-preview-outfit:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  object-position: top;
}

@media (min-width: 1024px) {
  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-home-desktop {
    margin-inline: auto;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-home-card {
    padding: 14px 18px;
  }

  .studio-home-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-card-preview {
    width: 42%;
    max-width: 480px;
    height: 132px;
  }

  .studio-home-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-card-title {
    font-size: 26px;
  }

  .studio-home-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-card-cta {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .studio-preview-outfit:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    object-fit: contain;
    object-position: center;
    background: var(--studio-raised);
  }
}

.studio-page-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: 24px;
  display: flex;
}

.studio-page-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.studio-page-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h1 {
  letter-spacing: -.6px;
  color: var(--foreground);
  overflow-wrap: anywhere;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.35;
}

.studio-page-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-wrap: wrap;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  display: flex;
}

.studio-back:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  background: var(--card);
  width: 38px;
  height: 38px;
  color: var(--muted-foreground);
  border-radius: 10px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.studio-content-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 100%;
  min-width: 0;
  margin-inline: auto;
}

.studio-empty-state:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  background: var(--card);
  text-align: center;
  border-radius: 18px;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  width: min(100%, 480px);
  margin: 48px auto;
  padding: 40px 28px;
  display: flex;
}

.studio-empty-icon:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--studio-soft);
  width: 64px;
  height: 64px;
  color: var(--studio-ink);
  border-radius: 18px;
  place-items: center;
  display: grid;
}

.studio-empty-state:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.4;
}

.studio-empty-state:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
  color: var(--muted-foreground);
  max-width: 340px;
  font-size: 14px;
  line-height: 1.7;
}

.studio-empty-action:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 8px;
  display: flex;
}

.studio-empty-action:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  min-width: 120px;
}

.studio-account-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
  display: grid;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-library-page {
  background: var(--background);
  box-shadow: none;
  border: 0;
  border-radius: 0;
}

.studio-library-toolbar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 16px;
}

.studio-library-filters:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-block: 16px;
  display: flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-profile-card {
  background-image: none;
  padding: 24px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-profile-card [data-slot="avatar"] {
  border-color: var(--border);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-profile-card [data-slot="avatar-fallback"] {
  background: var(--studio-soft);
  color: var(--studio-ink);
}

.studio-payment-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  background: var(--card);
  text-align: center;
  border-radius: 20px;
  width: 100%;
  max-width: 480px;
  padding: 32px;
}

.studio-payment-icon:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--studio-soft);
  width: 64px;
  height: 64px;
  color: var(--foreground);
  border-radius: 18px;
  place-items: center;
  margin: 0 auto 20px;
  display: grid;
}

.studio-payment-amount:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--foreground);
  font-variant-numeric: tabular-nums;
  margin-top: 16px;
  font-size: 22px;
  font-weight: 650;
}

.studio-payment-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h1 {
  letter-spacing: -.5px;
  font-size: 26px;
  font-weight: 700;
}

.studio-payment-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > p {
  color: var(--muted-foreground);
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.8;
}

.studio-payment-order:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--muted);
  overflow-wrap: anywhere;
  border-radius: 10px;
  margin-top: 20px;
  padding: 14px 16px;
  font-size: 12px;
}

.studio-payment-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  gap: 12px;
  margin-top: 28px;
  display: flex;
}

.studio-payment-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > * {
  flex: 1;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-detail-article {
  border: 1px solid var(--border);
  box-shadow: none;
  border-radius: 18px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .studio-content-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: 1.5rem;
  }

  .studio-page-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 20px;
  }

  .studio-page-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h1 {
    letter-spacing: -.4px;
    font-size: 23px;
  }

  .studio-page-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
    margin-top: 5px;
    font-size: 13px;
  }

  .studio-page-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 6px;
  }

  .studio-page-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 10px;
  }

  .studio-empty-state:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin: 24px auto;
    padding: 32px 20px;
  }

  .studio-empty-state:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
    font-size: 20px;
  }

  .studio-payment-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 28px 20px;
  }

  .studio-payment-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    flex-direction: column-reverse;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-profile-card {
    padding: 20px 16px;
  }
}

.studio-filter-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-wrap: wrap;
  gap: 8px;
  padding-bottom: 20px;
  display: flex;
}

.studio-filter-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  border: 1px solid var(--border);
  color: var(--muted-foreground);
  background: var(--card);
  white-space: nowrap;
  border-radius: 10px;
  padding: 9px 16px;
  font-size: 14px;
}

.studio-filter-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button[aria-pressed="true"] {
  color: var(--studio-ink);
  background: var(--studio-soft);
  border-color: var(--border);
  font-weight: 600;
}

.studio-recharge-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 100%;
  min-width: 0;
}

@media (max-width: 767px) {
  .studio-filter-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    flex-wrap: nowrap;
    max-width: 100%;
    padding-bottom: 12px;
    overflow-x: auto;
  }
}

.studio-tool-desktop-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  display: none;
}

.studio-tool-mobile-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding: 20px 0 0;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-price > div {
  flex-wrap: wrap;
  gap: 12px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-panel h4 {
  font-weight: 650;
}

@media (min-width: 768px) {
  .studio-tool-desktop-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: flex;
  }

  .studio-tool-mobile-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: none;
  }
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --coral-radius: 18px;
  -webkit-font-smoothing: antialiased;
  font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Microsoft YaHei, sans-serif;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) body {
  background: var(--background);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(input, textarea, select, button) {
  font-family: inherit;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(a, button) {
  -webkit-tap-highlight-color: transparent;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="button"] {
  min-height: 40px;
  box-shadow: none;
  border-radius: 11px;
  font-weight: 600;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="button"][data-size="icon"] {
  min-height: 36px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="button"][data-variant="default"] {
  background: var(--studio-gradient);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="button"][data-variant="default"]:hover {
  background: var(--studio-gradient-hover);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="button"][data-variant="outline"] {
  background: var(--card);
  border-color: var(--border);
  color: var(--foreground);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="button"][data-variant="outline"]:hover {
  background: var(--studio-soft);
  border-color: var(--studio-border-accent);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is([data-slot="input"], [data-slot="textarea"], [data-slot="select-trigger"]) {
  border: 1px solid var(--input);
  min-height: 42px;
  box-shadow: none;
  border-radius: 11px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="tabs-list"] {
  border: 1px solid var(--border);
  background: var(--muted);
  border-radius: 12px;
  gap: 4px;
  height: auto;
  min-height: 44px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="tabs-trigger"] {
  border-radius: 9px;
  min-height: 34px;
  padding: 8px 13px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="tabs-trigger"][data-state="active"] {
  color: var(--studio-ink);
  background: var(--card);
  box-shadow: 0 2px 6px rgba(0, 0, 0, .063);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="dialog-overlay"], .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="sheet-overlay"] {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: rgba(10, 9, 13, .314);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="dialog-content"] > div {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 20px;
  padding: 24px;
  box-shadow: 0 25px 90px rgba(0, 0, 0, .18);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="dialog-header"] {
  border-bottom: 1px solid var(--border);
  margin-bottom: 4px;
  padding: 0 30px 14px 0;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="dialog-title"] {
  letter-spacing: -.5px;
  font-size: 21px;
  font-weight: 650;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="dialog-description"] {
  color: var(--muted-foreground);
  font-size: 13px;
  line-height: 1.7;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="sheet-content"] {
  background: var(--card);
  box-shadow: -20px 0 60px rgba(0, 0, 0, .094);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="sheet-header"] {
  border-bottom: 1px solid var(--border);
  padding: 24px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="sheet-title"] {
  font-size: 22px;
  font-weight: 650;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="dropdown-menu-content"], .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="popover-content"], .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="select-content"] {
  border-color: var(--border);
  background: var(--card);
  border-radius: 13px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, .094);
}

.studio-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: var(--desktop-nav-w, 200px);
  background: var(--sidebar);
  border-color: var(--sidebar-border);
}

.studio-brand:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  align-items: center;
  gap: 8px;
  padding: 16px 12px 4px;
}

.studio-brand-seal:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  object-fit: contain;
  flex: none;
  width: 26px;
  height: 26px;
  display: block;
}

.studio-brand:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
  letter-spacing: -.02em;
  font-size: 15px;
  font-weight: 650;
}

.studio-sidebar-scroll:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  scrollbar-width: thin;
  scrollbar-color: var(--input) transparent;
  padding-inline: 12px;
}

.studio-nav-group:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) + .studio-nav-group {
  margin-top: 10px;
}

.studio-nav-group.is-tools:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-top: 10px;
  padding-top: 0;
}

.studio-nav-caption:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #8d7b96;
  margin-bottom: 0;
  padding: 8px 8px 4px;
  font-size: 11px;
  font-weight: 560;
}

.is-collapsed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-nav-caption {
  display: none;
}

.studio-nav-link:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #ddd4e6;
  border-radius: 10px;
  gap: 0;
  min-height: 34px;
  margin-top: 2px;
  padding: 0 8px;
  font-size: 14px;
  font-weight: 500;
}

.studio-nav-link:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--studio-raised);
  color: var(--foreground);
}

.studio-nav-link[aria-current="page"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--accent);
  color: var(--primary);
  font-weight: 560;
}

.studio-nav-link:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
  stroke-width: 1.7px;
}

.studio-sidebar-account:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--border);
  margin: 10px 16px 0;
  padding: 14px 0 16px;
}

.studio-account-link:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  gap: 11px;
  min-height: 59px;
  padding: 9px;
}

.studio-account-link:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .studio-account-avatar {
  background: var(--studio-soft);
  width: 36px;
  height: 36px;
  color: var(--studio-ink);
  object-fit: cover;
  border-radius: 50%;
  flex: 0 0 36px;
  place-items: center;
  display: grid;
  overflow: hidden;
}

.studio-account-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  text-align: left;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.studio-account-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 120px;
  font-size: 13px;
  font-weight: 600;
  overflow: hidden;
}

.studio-account-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) small {
  color: var(--muted-foreground);
  margin-top: 3px;
  font-size: 10px;
}

.studio-account-link:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg:last-child {
  margin-left: auto;
}

.is-collapsed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-brand {
  justify-content: center;
  padding: 16px 8px 8px;
}

.is-collapsed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-sidebar-account {
  margin-inline: 10px;
  padding-inline: 0;
}

.is-collapsed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-account-link {
  padding: 8px 0;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-studio-topbar] {
  border-bottom: 1px solid var(--border);
  background: var(--background);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  height: 72px;
  padding-inline: 32px;
}

.studio-breadcrumb:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  gap: 10px;
  font-size: 12px;
}

.studio-breadcrumb:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :last-child {
  font-weight: 600;
}

.studio-mobile-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--background);
  border-color: var(--border);
  height: 48px;
  padding-inline: 12px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-studio-mobile-offset] {
  height: 48px;
}

.studio-mobile-brand:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-width: 0;
  color: var(--foreground);
  align-items: center;
  gap: 6px;
}

.studio-mobile-brand:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-brand-seal {
  width: 22px;
  height: 22px;
}

.studio-mobile-brand:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span:not(.studio-brand-seal) {
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: 0;
  font-size: 15px;
  font-weight: 650;
  overflow: hidden;
}

.studio-mobile-account:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex: none;
  gap: 2px;
}

.studio-mobile-account:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :is(a, button) {
  min-width: 32px;
  min-height: 32px;
  color: var(--foreground);
}

.studio-mobile-account:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .studio-mobile-balance {
  border: 1px solid var(--input);
  background: var(--studio-raised);
  font-variant-numeric: tabular-nums;
  border-radius: 10px;
  min-width: 0;
  max-width: 90px;
  height: 32px;
  padding: 0 8px;
  font-size: 13px;
}

.studio-mobile-balance:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg {
  color: var(--foreground);
  flex: none;
}

.studio-mobile-balance:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.studio-mobile-account:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .studio-mobile-menu-trigger {
  border: 1px solid var(--input);
  background: var(--studio-raised);
  border-radius: 10px;
  width: 32px;
  height: 32px;
  padding: 0;
}

.studio-mobile-menu-trigger[data-state="open"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--studio-border-accent);
  background: var(--studio-soft);
}

.studio-mobile-account:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .studio-mobile-login {
  min-width: auto;
  padding-inline: 8px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-entry-popover {
  border: 1px solid var(--input);
  background: var(--popover);
  border-radius: 16px;
  width: min(288px, 100vw - 32px);
  max-height: min(80vh, 640px);max-height: min(80dvh, 640px);
  padding: 8px;
  overflow-y: auto;
  box-shadow: 0 16px 48px rgba(0, 0, 0, .6);
}

.studio-entry-quick:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  gap: 2px;
  padding: 4px;
  display: grid;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-entry-quick-link {
  width: 100%;
  height: auto;
  min-height: 48px;
  box-shadow: none;
  color: var(--foreground);
  text-align: left;
  background: none;
  border: 0;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-entry-quick-link:hover, .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-entry-quick-link:focus-visible {
  background: var(--studio-soft);
  color: var(--foreground);
}

.studio-entry-quick-link:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg:first-child {
  width: 19px;
  height: 19px;
  color: var(--foreground);
  flex: none;
}

.studio-entry-quick-link:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span, .studio-entry-quick-label:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex: 1;
  min-width: 0;
}

.studio-entry-quick-link:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg:last-child, .studio-entry-quick-chevron:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  flex: none;
  margin-left: auto;
}

.studio-entry-directory:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-top: 1px solid var(--border);
  margin-top: 6px;
  padding: 14px 8px 8px;
}

.studio-mobile-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--card);
  border-color: var(--border);
  box-shadow: 0 -4px 24px rgba(0, 0, 0, .024);
}

.studio-mobile-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > a {
  min-height: 60px;
  color: var(--muted-foreground);
  gap: 4px;
  font-size: 11px;
}

.studio-mobile-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > a svg {
  box-sizing: border-box;
  border-radius: 10px;
  width: 38px;
  height: 28px;
  padding: 3px 8px;
}

.studio-mobile-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > a[aria-current="page"] svg {
  background: var(--studio-soft);
}

.studio-entry-directory:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  gap: 16px;
  display: grid;
}

.studio-entry-directory:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h3 {
  color: var(--muted-foreground);
  margin-bottom: 10px;
  font-size: 12px;
}

.studio-entry-directory:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) section > div {
  grid-template-columns: minmax(0, 1fr);
  gap: 6px;
  display: grid;
}

.studio-entry-directory:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) a {
  border: 1px solid var(--border);
  border-radius: 10px;
  align-items: center;
  gap: 10px;
  min-width: 0;
  min-height: 40px;
  padding: 9px 12px;
  font-size: 13px;
  display: flex;
}

.studio-entry-directory:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) a > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.studio-entry-directory:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) a[aria-current="page"] {
  border-color: var(--studio-border-accent);
  color: var(--studio-ink);
  background: var(--studio-soft);
}

.studio-section-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--background);
  border-color: var(--border);
  padding: 12px 18px;
}

.studio-section-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) a[aria-current="page"] {
  border-color: var(--studio-border-accent);
  color: var(--studio-ink);
  background: var(--card);
}

.studio-content-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 100%;
  min-width: 0;
}

.studio-page-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  align-items: flex-end;
  gap: 20px;
  margin-bottom: 28px;
}

.studio-page-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h1 {
  letter-spacing: -1px;
  font-size: 32px;
  font-weight: 650;
  line-height: 1.25;
}

.studio-page-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
  color: var(--muted-foreground);
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.8;
}

.studio-back:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--card);
  width: 40px;
  height: 40px;
  color: var(--muted-foreground);
  border-radius: 12px;
}

.studio-back:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--studio-ink);
  border-color: var(--studio-border-accent);
}

.studio-empty-state:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--card);
  border-color: var(--border);
  border-radius: 24px;
  gap: 16px;
  max-width: 500px;
  margin: 60px auto;
  padding: 42px 28px;
}

.studio-empty-icon:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--studio-soft);
  width: 66px;
  height: 66px;
  color: var(--studio-ink);
  border-radius: 20px;
}

.studio-empty-state:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
  letter-spacing: -.5px;
  font-size: 23px;
  font-weight: 600;
}

.studio-empty-state:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
  color: var(--muted-foreground);
  font-size: 13px;
  line-height: 1.8;
}

.studio-filter-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-bottom: 1px solid var(--border);
  gap: 9px;
  margin-bottom: 6px;
  padding-bottom: 20px;
}

.studio-filter-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  border-radius: 10px;
  padding: 9px 17px;
  font-size: 13px;
}

.studio-filter-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button[aria-pressed="true"] {
  background: var(--studio-gradient);
  color: #fff;
  border-color: var(--primary);
}

.studio-filter-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:hover {
  border-color: var(--studio-border-accent);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-home-desktop {
  width: 100%;
  min-width: 0;
  padding-inline: 0;
  container: creation-home / inline-size;
}

.studio-home-desktop:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div {
  padding: 0;
}

.studio-home-desktop:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h1 {
  letter-spacing: -1.2px;
  font-size: 36px;
  font-weight: 650;
  line-height: 1.25;
}

.studio-home-desktop:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h1 + p {
  margin-top: 12px;
  font-size: 14px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-home-list {
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
}

@container creation-home (width >= 900px) {
  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-home-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@container creation-home (width >= 1500px) {
  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-home-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@container creation-home (width >= 2100px) {
  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-home-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-home-card {
  border-color: var(--border);
  border-radius: 18px;
  grid-template-columns: 55% 45%;
  gap: 0;
  height: 200px;
  min-height: 200px;
  padding: 0;
  display: grid;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-home-card:hover {
  border-color: var(--studio-border-accent);
  box-shadow: 0 8px 25px rgba(0, 0, 0, .035);
}

.studio-home-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-card-preview {
  background: var(--muted);
  border-radius: 0;
  grid-area: 1 / 2;
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.studio-home-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-preview-outfit {
  object-fit: cover;
  object-position: center;
}

.studio-home-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-card-body {
  flex-direction: column;
  grid-area: 1 / 1;
  align-items: flex-start;
  gap: 10px;
  padding: 20px 22px;
  display: flex;
}

.coral-tool-icon:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 29px;
  height: 29px;
  color: var(--studio-ink);
  background: var(--studio-soft);
  border-radius: 8px;
  place-items: center;
  margin-bottom: 8px;
  display: grid;
}

.coral-tool-icon:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
  stroke-width: 1.6px;
}

.studio-home-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-card-title {
  letter-spacing: -.5px;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px;
  font-size: 22px;
  font-weight: 650;
  line-height: 1.35;
  display: flex;
}

.studio-home-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-card-title > span:first-child {
  white-space: normal;
  overflow: visible;
}

.studio-home-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-card-description {
  color: var(--muted-foreground);
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.7;
}

.studio-home-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-card-cta {
  color: var(--studio-ink);
  background: none;
  align-items: center;
  gap: 7px;
  padding: 0;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.studio-home-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-card-cta svg {
  color: #fff;
  background: var(--studio-gradient);
  border: 0;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  padding: 5px;
}

.studio-home-card:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-card-cta, .studio-home-card:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-card-cta {
  color: var(--studio-ink);
  background: none;
}

.studio-home-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-card-body > div:last-child {
  justify-content: flex-start;
  margin-top: auto;
}

.coral-home-intro:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  min-height: 185px;
  margin-bottom: 26px;
  display: flex;
}

.coral-home-intro:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h1 {
  letter-spacing: -1.3px;
  white-space: pre-line;
  font-size: 38px;
  font-weight: 650;
  line-height: 1.3;
}

.coral-home-intro:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
  color: var(--muted-foreground);
  margin-top: 16px;
  font-size: 14px;
  line-height: 1.8;
}

.coral-home-photos:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex: none;
  gap: 10px;
  width: 34%;
  max-width: 360px;
  height: 145px;
  display: flex;
}

.coral-home-photos:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) img {
  object-fit: cover;
  object-position: center 25%;
  border-radius: 48px 48px 14px 14px;
  width: calc(50% - 5px);
  height: 100%;
}

.coral-home-photos:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) img:last-child {
  border-radius: 14px 14px 48px 48px;
  height: 125px;
  margin-top: 15px;
}

.coral-tools-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .studio-home-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
  letter-spacing: -.4px;
  font-size: 20px;
  font-weight: 600;
}

.coral-tools-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span:first-child {
  display: none;
}

.studio-home-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding: 12px 0;
}

.studio-home-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h1 {
  letter-spacing: -1px;
  font-size: 32px;
  font-weight: 650;
}

.studio-home-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.8;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-shell {
  background: var(--background);
  width: 100%;
  min-width: 0;
  margin-inline: auto;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-price {
  background: var(--studio-soft);
  border-color: var(--studio-border-accent);
  border-radius: 14px;
  margin-bottom: 24px;
  padding: 16px 20px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-price > div {
  align-items: center;
  gap: 12px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-panel {
  background: var(--card);
  border: 1px solid var(--border);
  box-shadow: none;
  border-radius: 18px;
  padding: 24px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-example {
  background: var(--card);
  border: 1px solid var(--border);
  box-shadow: none;
  border-radius: 18px;
  padding: 22px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-panel :is(h3, h4) {
  margin-bottom: 14px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-upload {
  border: 1.5px dashed var(--studio-border-accent);
  background: var(--studio-surface-subtle);
  border-radius: 15px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-upload:hover {
  border-color: var(--primary);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-toggle {
  border: 1px solid var(--border);
  background: var(--muted);
  border-radius: 12px;
  padding: 4px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-toggle > button {
  border-radius: 9px;
  min-height: 38px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-shell :is(button, [role="button"])[class*="from-pink-"] {
  background: var(--studio-gradient);
  color: #fff;
  box-shadow: none;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-shell :is([class~="text-pink-400"], [class~="text-pink-500"], [class~="text-pink-600"], [class~="text-pink-700"], [class*="md:text-[#ff8eab]"]) {
  color: var(--studio-ink);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-shell :is([class~="border-pink-200"], [class~="border-pink-300"], [class~="border-pink-400"], [class~="ring-pink-300"]) {
  border-color: var(--studio-border-accent);
  --tw-ring-color: var(--ring);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-upload [class*="bg-gradient"] {
  background: var(--studio-soft);
  color: var(--studio-ink);
  background-image: none;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-cta-surface {
  background: var(--studio-surface-subtle);
  border-color: var(--border);
  box-shadow: 0 -6px 30px rgba(0, 0, 0, .03);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-cta-surface button {
  border-radius: 12px;
  min-height: 46px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-panel :where([class~="text-pink-500"], [class~="text-pink-600"], [class~="text-fuchsia-500"]) {
  color: var(--studio-ink);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-panel :where([class~="border-pink-200"], [class~="border-pink-300"]) {
  border-color: var(--studio-border-accent);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-panel :where([class~="bg-pink-50"], [class~="bg-pink-100"]) {
  background: var(--studio-soft);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-ordinary-tool-dialog [class*="border-pink-"] {
  border-color: var(--studio-border-accent);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-ordinary-tool-dialog [class~="bg-pink-50/50"] {
  background: var(--studio-surface-subtle);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-ordinary-tool-dialog [class~="text-pink-500"] {
  color: var(--studio-ink);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-library-toolbar {
  border-color: var(--border);
  border-radius: 14px;
  padding: 14px 16px;
}

.studio-library-filters:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  gap: 14px;
  margin-block: 20px 24px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-library-filters button {
  border-radius: 10px;
  min-height: 38px;
}

.studio-theme .studio-library-filters button[class*="!bg-pink-500"] {
  background: var(--studio-gradient) !important;
  border-color: var(--primary) !important;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-library-filters button[class*="!bg-pink-500"] {
  box-shadow: none;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-detail-article {
  border: 1px solid var(--border);
  box-shadow: none;
  border-radius: 20px;
}

.coral-social-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-bottom: 1px solid var(--border);
  gap: 28px;
  margin-bottom: 22px;
  display: none;
}

.coral-social-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  min-height: 44px;
  font-size: 13px;
}

.coral-post-filters:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 14px;
  padding: 12px;
}

.coral-feed-surface:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-radius: 18px;
}

@media (min-width: 768px) and (max-width: 1050px) {
  .studio-home-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-card-body {
    padding: 20px 16px;
  }

  .studio-home-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-card-title {
    font-size: 21px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-home-list {
    gap: 14px;
  }

  .studio-content-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-shell {
    min-width: 0;
  }
}

@media (max-width: 767px) {
  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --studio-bottom-height: calc(60px + env(safe-area-inset-bottom, 0px));
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .mobile-app-host > [data-mobile-app-shell] {
    background: var(--background);
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="dialog-content"] {
    padding: 12px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="dialog-content"] > div {
    border-radius: 18px;
    max-width: 100%;
    max-height: calc(100vh - 32px);max-height: calc(100dvh - 32px);
    padding: 22px 18px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="dialog-title"] {
    font-size: 20px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is([data-slot="input"], [data-slot="textarea"], .feature-panel input, .feature-panel textarea) {
    font-size: 16px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-shell {
    padding-bottom: 7rem;
  }

  .studio-page-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 23px;
  }

  .studio-page-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h1 {
    letter-spacing: -.8px;
    font-size: 28px;
  }

  .studio-page-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
    margin-top: 8px;
    font-size: 12px;
  }

  .studio-page-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    justify-content: flex-start;
    width: 100%;
  }

  .studio-page-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="button"] {
    font-size: 12px;
  }

  .studio-empty-state:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin: 30px auto;
    padding: 34px 22px;
  }

  .studio-empty-state:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
    font-size: 21px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-panel, .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-example {
    border-radius: 16px;
    padding: 18px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-price {
    margin-bottom: 18px;
    padding: 14px 16px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feature-panel :is(h3, h4) {
    font-size: 15px;
  }

  .studio-tool-mobile-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: 0;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-home-card {
    grid-template-columns: 63% 37%;
    height: 156px;
    min-height: 156px;
  }

  .coral-home-intro:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 16px;
    min-height: 160px;
    margin-bottom: 10px;
    padding: 26px 18px 0;
  }

  .coral-home-intro:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div:first-child {
    flex: 1;
    min-width: 0;
  }

  .coral-home-intro:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h1 {
    letter-spacing: -1px;
    font-size: 30px;
    line-height: 1.3;
  }

  .coral-home-intro:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
    margin-top: 12px;
    font-size: 11px;
  }

  .coral-home-photos:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 31%;
    height: 125px;
  }

  .coral-home-photos:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) img:first-child {
    border-radius: 38px 38px 14px 14px;
    width: 100%;
  }

  .coral-home-photos:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) img:last-child {
    display: none;
  }

  .studio-home-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: 18px;
    padding-bottom: 0;
  }

  .studio-home-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
    font-size: 18px;
  }

  .studio-home-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-card-preview {
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 132px;
  }

  .studio-home-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-card-body {
    gap: 12px;
    padding: 19px 18px;
  }

  .studio-home-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-tool-icon {
    display: none;
  }

  .studio-home-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-card-title {
    font-size: 22px;
  }

  .studio-home-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-card-description {
    margin-top: 5px;
    font-size: 11px;
    line-height: 1.65;
  }

  .studio-home-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-card-cta {
    gap: 5px;
    font-size: 11px;
  }

  .studio-home-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-card-cta svg {
    width: 24px;
    height: 24px;
    padding: 4px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-studio-page="community"] .studio-page-header, .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-studio-page="community_.$id"] .studio-page-header {
    padding: 0;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-detail-article {
    border-radius: 16px;
  }

  .studio-library-filters:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 10px;
  }

  .studio-filter-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .studio-theme *, .studio-theme :before, .studio-theme :after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}

@media (min-width: 768px) {
  .coral-social-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: flex;
  }
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-account-grid {
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
  align-items: start;
  gap: clamp(24px, 4vw, 48px);
  display: grid;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-account-identity, html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-account-main {
  gap: 24px;
  min-width: 0;
  display: grid;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-identity {
  background: var(--card);
  color: var(--foreground);
  border: 1px solid var(--border);
  box-shadow: none;
  text-align: center;
  background-image: none;
  border-radius: 18px;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 32px 20px 24px;
  display: flex;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-identity [data-slot="avatar"] {
  border: 0;
  width: 72px;
  height: 72px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-identity [data-slot="avatar-fallback"] {
  background: var(--studio-soft);
  color: var(--studio-ink);
  font-size: 26px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-details {
  width: 100%;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-name {
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-name > p {
  letter-spacing: -.4px;
  max-width: 100%;
  font-size: 20px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-details > div:last-child {
  align-items: center;
  gap: 8px;
  margin-top: 12px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-details button, html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-details p[title] {
  color: var(--muted-foreground);
  white-space: normal;
  overflow-wrap: anywhere;
  background: none;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-identity button {
  min-height: 40px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-actions {
  align-self: stretch;
  align-items: stretch;
  gap: 8px;
  width: 100%;
  padding-top: 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-actions button {
  border: 1px solid var(--border);
  background: var(--card);
  min-height: 42px;
  color: var(--secondary-foreground);
  box-shadow: none;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 10px 14px;
  font-size: 13px;
  display: flex;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-actions [data-recharge-trigger] {
  background: var(--studio-gradient);
  color: #fff;
  border-color: var(--primary);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-name [data-recharge-trigger] {
  border-color: var(--border);
  background: var(--studio-soft);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-name [data-recharge-trigger] * {
  color: var(--studio-ink);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-account-balance {
  border: 1px solid var(--border);
  background: var(--card);
  text-align: left;
  width: 100%;
  min-width: 0;
  color: var(--foreground);
  border-radius: 18px;
  align-items: center;
  gap: 16px;
  padding: 22px 24px;
  display: flex;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-account-balance > span {
  align-items: center;
  gap: 10px;
  font-size: 14px;
  display: flex;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-account-balance > strong {
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
  margin-left: auto;
  font-size: 30px;
  line-height: 1.2;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-account-balance small {
  color: var(--muted-foreground);
  margin-left: 6px;
  font-size: 12px;
  font-weight: 400;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-menu {
  min-width: 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-menu h3 {
  margin-bottom: 8px;
  font-size: 16px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-menu h3 > span {
  display: none;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-menu-list {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  display: grid;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-menu-list > button {
  border: 0;
  border-bottom: 1px solid var(--border);
  min-width: 0;
  min-height: 60px;
  box-shadow: none;
  background: none;
  border-radius: 0;
  padding: 14px 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-menu-list > button > span:first-child, html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-preferences > div > span:first-child, html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-preferences > button > span:first-child {
  background: var(--studio-soft);
  width: 36px;
  height: 36px;
  color: var(--studio-ink);
  border-radius: 12px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-menu-list > button > span:first-child svg, html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-preferences > div > span:first-child svg, html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-preferences > button > span:first-child svg {
  color: var(--studio-ink);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-menu-list > button > div > span {
  white-space: normal;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-preferences {
  border: 1px solid var(--border);
  box-shadow: none;
  background: var(--card);
  border-radius: 18px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-preferences button[role="switch"] {
  min-height: 24px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-preferences button[role="switch"][data-state="checked"] {
  background: var(--primary);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-preferences > button {
  min-height: 64px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-account-balance:hover, html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-menu-list > button:hover {
  background: var(--studio-soft);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-ledger-body {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 18px;
  overflow: hidden;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-ledger-list {
  padding: 0 24px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-ledger-list > .coral-ledger-row {
  border: 0;
  border-bottom: 1px solid var(--border);
  background: var(--card);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-radius: 0;
  margin: 0;
  padding: 20px 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-ledger-entry {
  align-items: flex-start;
  gap: 20px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-ledger-description {
  overflow-wrap: anywhere;
  min-width: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.65;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-ledger-amount {
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
  font-size: 20px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-lottery-panel {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 18px;
  padding: clamp(16px, 3vw, 32px);
  overflow: hidden;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-layout {
  min-height: 100vh;
  background: var(--background);
  place-items: center;
  min-height: 100dvh;
  padding: 48px 24px;
  display: grid;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-shell {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 24px;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1fr);
  width: min(100%, 960px);
  display: grid;
  overflow: hidden;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-brand {
  background: var(--studio-soft);
  flex-direction: column;
  justify-content: space-between;
  gap: 60px;
  min-width: 0;
  padding: 40px;
  display: flex;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-home {
  color: var(--studio-ink);
  overflow-wrap: anywhere;
  align-items: center;
  gap: 12px;
  font-size: 22px;
  font-weight: 700;
  display: flex;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-logo {
  object-fit: contain;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-art {
  justify-content: center;
  align-items: center;
  gap: 14px;
  min-height: 320px;
  padding: 16px 0 40px;
  display: flex;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-art img {
  object-fit: cover;
  object-position: center top;
  border-radius: 80px 80px 18px 18px;
  width: calc(50% - 7px);
  height: 265px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-art img:last-child {
  border-radius: 18px 18px 80px 80px;
  height: 220px;
  margin-top: 65px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-form {
  background: var(--card);
  border: 0;
  border-radius: 0;
  align-items: center;
  width: 100%;
  max-width: none;
  padding: 48px 40px;
  display: flex;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-inner {
  width: 100%;
  min-width: 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-inner [data-slot="card"] {
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: none;
  gap: 24px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-inner [data-slot="card-header"] {
  gap: 10px;
  padding: 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-inner [data-slot="card-title"] {
  letter-spacing: -.8px;
  color: var(--foreground);
  overflow-wrap: anywhere;
  font-size: clamp(24px, 3vw, 30px);
  line-height: 1.3;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-inner [data-slot="card-description"] {
  color: var(--muted-foreground);
  font-size: 14px;
  line-height: 1.75;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-inner [data-slot="card-content"] {
  padding: 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-inner input:not([type="hidden"]), html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-dialog input:not([type="hidden"]) {
  border: 1px solid var(--input);
  background: var(--studio-surface-subtle);
  min-width: 0;
  min-height: 46px;
  color: var(--foreground);
  box-shadow: none;
  border-radius: 12px;
  font-size: 16px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-inner input::placeholder, html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-dialog input::placeholder {
  color: var(--muted-foreground);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-inner label, html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-dialog label {
  color: var(--secondary-foreground);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-inner button, html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-inner a, html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-dialog button {
  min-height: 42px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-dialog [data-slot="dialog-close"] {
  min-width: 42px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-inner button[class*="bg-gradient"], html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-dialog button[class*="bg-gradient"], html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-dialog button[class*="bg-[#df6683]"] {
  background: var(--studio-gradient);
  color: #fff;
  box-shadow: none;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-inner button[class*="text-purple-"] {
  color: var(--studio-ink);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-dialog {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 18px;
  width: calc(100vw - 32px);
  max-height: calc(100vh - 48px);max-height: calc(100dvh - 48px);
  overflow-y: auto;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .125);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-dialog-content {
  background: var(--card);
  background-image: none;
  padding: 28px 24px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-dialog [data-slot="dialog-title"] {
  letter-spacing: -.5px;
  font-size: 24px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-register-dialog {
  padding: 28px 24px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-recharge-surface {
  border-color: var(--border);
  background: var(--card);
  box-shadow: none;
  border-radius: 18px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-recharge-page-panel {
  min-height: 0;
  padding: 24px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-recharge-page-panel .coral-recharge-body {
  min-height: 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-recharge-options {
  flex-direction: column;
  gap: 18px;
  display: flex;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-recharge-options > * {
  margin-top: 0;
}

html.studio-theme .coral-recharge-balance {
  background: var(--studio-soft) !important;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-recharge-balance {
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 12px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-recharge-balance [class*="text-white"] {
  color: var(--studio-ink);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-recharge-balance button {
  border: 1px solid var(--studio-border-accent);
  background: var(--card);
  border-radius: 10px;
  min-height: 40px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-recharge-tabs {
  background: var(--studio-soft);
  border-color: var(--border);
  padding: 5px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-recharge-tabs button {
  min-height: 44px;
  box-shadow: none;
  color: var(--muted-foreground);
  background: none;
  border: 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-recharge-tabs button[data-selected="true"] {
  background: var(--card);
  color: var(--studio-ink);
  box-shadow: 0 2px 6px rgba(0, 0, 0, .063);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-recharge-packages {
  gap: 12px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-recharge-surface [data-coral-package] {
  border: 1px solid var(--border);
  background: var(--studio-surface-subtle);
  min-height: 100px;
  color: var(--foreground);
  box-shadow: none;
  background-image: none;
  border-radius: 14px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-recharge-surface [data-coral-package][data-selected="true"] {
  background: var(--studio-soft);
  border: 2px solid var(--primary);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-recharge-surface [data-coral-package] [class*="text-white"], html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-recharge-surface [data-coral-package] [class*="text-black"], html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-recharge-surface [data-coral-package] [class*="text-zinc-"], html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-recharge-surface [data-coral-package] [class*="text-[#FFEBA3]"] {
  color: var(--secondary-foreground);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-recharge-surface [data-coral-package] > div[class*="bg-gradient"] {
  background: var(--studio-border-accent);
  color: var(--studio-ink);
  background-image: none;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-recharge-surface [data-coral-package] .coral-package-purchased {
  background: var(--studio-soft);
  color: var(--primary);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-recharge-surface [data-coral-payment-method] {
  border-color: var(--border);
  background: var(--studio-surface-subtle);
  color: var(--foreground);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-recharge-surface [data-coral-payment-method][data-selected="true"] {
  border-color: var(--primary);
  background: var(--studio-soft);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-recharge-surface [data-coral-payment-method] [class*="text-zinc-"], html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-recharge-options h3 {
  color: var(--secondary-foreground);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-recharge-footer {
  border-color: var(--border);
  background: var(--card);
  padding-bottom: max(16px,env(safe-area-inset-bottom));
  margin-top: 16px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-recharge-footer > div > button {
  background: var(--studio-gradient);
  color: #fff;
  border-radius: 12px;
  min-height: 48px;
  font-size: 16px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-recharge-footer [class*="text-[#ff8eab]"] {
  color: var(--studio-ink);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-error-page {
  background: var(--background);
  min-height: 70vh;
  color: var(--foreground);
  padding: 48px 24px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-error-page > div {
  border: 1px solid var(--border);
  background: var(--card);
  max-width: 520px;
  box-shadow: none;
  border-radius: 18px;
  padding: 40px 32px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-error-page h1 {
  letter-spacing: -5px;
  color: var(--primary);
  font-size: clamp(64px, 14vw, 100px);
  font-weight: 650;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-error-page h2 {
  overflow-wrap: anywhere;
  font-size: 24px;
  line-height: 1.5;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-error-page p {
  color: var(--muted-foreground);
  line-height: 1.8;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-error-page pre {
  border: 1px solid var(--border);
  background: var(--studio-surface-subtle);
  color: var(--muted-foreground);
  border-radius: 12px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-error-page a {
  background: var(--studio-gradient);
  color: #fff;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  min-height: 44px;
  padding: 12px 20px;
  display: inline-flex;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-runtime-error {
  min-height: 100vh;
  min-height: 100dvh;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-runtime-error > div {
  min-width: 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(.coral-account-page, .coral-ledger-page, .coral-auth-layout, .coral-auth-dialog, .coral-recharge-surface, .coral-error-page) :is(button, a, input):focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 3px;
}

@media (max-width: 900px) {
  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-account-grid {
    grid-template-columns: minmax(200px, 240px) minmax(0, 1fr);
    gap: 24px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-brand {
    padding: 32px 24px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-form {
    padding: 40px 28px;
  }
}

@media (max-width: 767px) {
  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-account-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-account-identity, html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-account-main {
    gap: 16px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-identity {
    padding: 24px 20px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-actions {
    flex-flow: wrap;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-actions button {
    flex: 100px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-mobile-menu {
    border: 1px solid var(--border);
    box-shadow: none;
    background: var(--card);
    border-radius: 18px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-mobile-menu > button {
    min-height: 62px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-mobile-menu > button > span:first-child {
    background: var(--studio-soft);
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-mobile-menu > button > span:first-child svg {
    color: var(--studio-ink);
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-account-balance {
    padding: 20px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-account-balance > strong {
    font-size: 26px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-ledger-list {
    padding: 0 18px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-ledger-entry {
    gap: 14px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-ledger-amount {
    font-size: 18px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-layout {
    padding: 24px 16px max(24px,env(safe-area-inset-bottom));
    display: block;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-shell {
    border-radius: 18px;
    grid-template-columns: minmax(0, 1fr);
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-brand {
    border-bottom: 1px solid var(--border);
    gap: 0;
    padding: 22px 24px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-home {
    font-size: 20px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-logo {
    width: 30px;
    height: 30px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-art {
    display: none;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-form {
    padding: 32px 24px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-recharge-page-panel {
    padding: 16px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-recharge-packages {
    gap: 8px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-recharge-surface[data-slot="sheet-content"] {
    border-radius: 20px 20px 0 0;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-recharge-surface[data-slot="dialog-content"] {
    width: calc(100vw - 24px);
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-error-page {
    padding: 24px 16px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-error-page > div {
    padding: 32px 24px;
  }
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-shell {
  background: var(--background);
  min-width: 0;
  min-height: 100vh;min-height: 100dvh;
  color: var(--foreground);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-main {
  background: var(--background);
  flex: 1;
  width: 0;
  min-width: 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-topbar {
  z-index: 20;
  background: var(--background);
  border-bottom: 1px solid var(--border);
  min-height: 64px;
  position: sticky;
  top: 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-breadcrumb {
  width: 100%;
  min-width: 0;
  padding-inline: clamp(16px, 3vw, 32px);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-breadcrumb [data-slot="breadcrumb-list"] {
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
  font-size: 13px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-breadcrumb [data-slot="breadcrumb-page"] {
  color: var(--foreground);
  font-weight: 600;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-content {
  width: 100%;
  min-width: 0;
  padding: 28px clamp(16px, 3vw, 32px) 48px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-page {
  flex-direction: column;
  gap: 24px;
  width: 100%;
  min-width: 0;
  max-width: 1440px;
  margin-inline: auto;
  display: flex;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-page-heading {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 0;
  display: flex;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-page-heading > div {
  min-width: 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-page-heading h1, html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-page-title {
  color: var(--foreground);
  letter-spacing: -.6px;
  overflow-wrap: anywhere;
  font-size: clamp(23px, 2.2vw, 28px);
  font-weight: 650;
  line-height: 1.4;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-page-heading p {
  max-width: 70ch;
  color: var(--muted-foreground);
  margin-top: 6px;
  line-height: 1.7;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-page-title > svg {
  width: 42px;
  height: 42px;
  color: var(--studio-ink);
  background: var(--studio-soft);
  border-radius: 13px;
  flex-shrink: 0;
  padding: 11px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-panel {
  border: 1px solid var(--border);
  background: var(--card);
  min-width: 0;
  box-shadow: none;
  border-radius: 18px;
  gap: 0;
  padding: 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-panel-heading {
  border-bottom: 1px solid var(--border);
  align-items: center;
  gap: 16px;
  min-width: 0;
  padding: 20px 24px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-panel-heading [data-slot="card-title"] {
  color: var(--foreground);
  font-size: 17px;
  line-height: 1.5;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-page .text-muted-foreground, html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-dialog .text-muted-foreground {
  color: var(--muted-foreground);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-shell [data-slot="sidebar-inner"] {
  background: var(--card);
  border-color: var(--border);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-sidebar {
  border-color: var(--border);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-sidebar-header {
  padding: 16px 12px 4px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-sidebar-header:empty {
  padding-top: 12px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-sidebar-content {
  scrollbar-width: thin;
  scrollbar-color: var(--input) transparent;
  gap: 8px;
  min-height: 0;
  padding: 4px 10px 20px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-sidebar-content [data-slot="sidebar-group"] {
  padding: 4px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-sidebar-content [data-slot="sidebar-group-label"] {
  height: 36px;
  color: var(--muted-foreground);
  font-size: 11px;
  font-weight: 600;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-sidebar-content [data-slot="sidebar-menu"] {
  gap: 4px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-sidebar-content [data-slot="sidebar-menu-button"], html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-sidebar-footer [data-slot="sidebar-menu-button"] {
  min-height: 42px;
  color: var(--secondary-foreground);
  border-radius: 11px;
  font-size: 13px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-sidebar-content [data-slot="sidebar-menu-button"]:hover, html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-sidebar-content [data-slot="sidebar-menu-sub-button"]:hover {
  background: var(--studio-soft);
  color: var(--studio-ink);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-sidebar-content [data-slot="sidebar-menu-sub"] {
  border-color: var(--border);
  margin: 6px 0 6px 18px;
  padding-left: 12px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-sidebar-content [data-slot="sidebar-menu-sub-button"] {
  min-height: 36px;
  color: var(--muted-foreground);
  border-radius: 9px;
  font-size: 13px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-sidebar-footer {
  border-top: 1px solid var(--border);
  background: var(--card);
  gap: 10px;
  padding: 12px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-shell [data-collapsible="icon"] .coral-admin-sidebar-content {
  padding-inline: 8px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="sidebar"][data-mobile="true"]:has(.coral-admin-sidebar-content) {
  background: var(--card);
  border-color: var(--border);
  max-width: calc(100vw - 40px);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-stat-grid {
  grid-template-columns: minmax(0, 420px);
  display: grid;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-stat-card {
  border: 1px solid var(--border);
  background: var(--card);
  box-shadow: none;
  border-radius: 18px;
  gap: 0;
  padding: 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-stat-heading {
  padding: 24px 24px 16px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-stat-heading [data-slot="card-title"] {
  color: var(--secondary-foreground);
  font-size: 15px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-stat-heading > svg {
  width: 40px;
  height: 40px;
  color: var(--studio-ink);
  background: var(--studio-soft);
  border-radius: 13px;
  padding: 11px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-stat-card [data-slot="card-content"] {
  padding: 0 24px 28px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-stat-value {
  letter-spacing: -2px;
  font-variant-numeric: tabular-nums;
  font-size: clamp(44px, 5vw, 64px);
  font-weight: 600;
  line-height: 1.15;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-stat-card p {
  max-width: 44ch;
  margin-top: 12px;
  font-size: 13px;
  line-height: 1.7;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-form-grid {
  gap: 20px 24px;
  padding: 24px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-form-grid > *, html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-user-form > * {
  min-width: 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-page label, html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-dialog label {
  color: var(--secondary-foreground);
  font-size: 13px;
  line-height: 1.5;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-form-section {
  border-top: 1px solid var(--border);
  margin-top: 4px;
  padding-top: 24px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-form-section:first-child {
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-form-section > p {
  color: var(--foreground);
  font-size: 14px;
  font-weight: 650;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-page :is(input:not([type="hidden"]):not([type="file"]), textarea, [data-slot="select-trigger"]), html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-dialog :is(input:not([type="hidden"]), textarea, [data-slot="select-trigger"]) {
  border: 1px solid var(--input);
  background: var(--studio-surface-subtle);
  min-width: 0;
  max-width: 100%;
  min-height: 42px;
  color: var(--foreground);
  box-shadow: none;
  border-radius: 11px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-page input::placeholder, html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-dialog input::placeholder {
  color: var(--muted-foreground);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-page [data-slot="button"], html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-dialog [data-slot="button"] {
  border-radius: 11px;
  min-height: 40px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-page [data-slot="button"][data-variant="default"], html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-dialog [data-slot="button"][data-variant="default"] {
  background: var(--studio-gradient);
  color: #fff;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-page [data-slot="button"][data-variant="outline"], html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-dialog [data-slot="button"][data-variant="outline"] {
  border-color: var(--border);
  background: var(--card);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-media-input {
  flex-wrap: nowrap;
  align-items: stretch;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-media-input > [data-slot="input"] {
  flex: 1;
  width: 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-media-field > div:last-child:not(.coral-admin-media-input) {
  border-color: var(--border);
  background: var(--studio-surface-subtle);
  border-radius: 12px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-form-actions {
  border-top: 1px solid var(--border);
  justify-content: flex-end;
  margin-top: 4px;
  padding-top: 24px;
  display: flex;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-form-actions > button {
  min-width: 144px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-toolbar {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 14px;
  padding: 12px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-list-heading {
  align-items: flex-start;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-list-heading .coral-admin-toolbar {
  margin-left: auto;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-table-content {
  width: 100%;
  min-width: 0;
  padding: 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-table-content [data-slot="table-container"] {
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--input) var(--background);
  border-radius: 0 0 18px 18px;
  max-width: 100%;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-table {
  width: 100%;
  color: var(--foreground);
  font-size: 13px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-table [data-slot="table-head"] {
  background: var(--background);
  height: 48px;
  color: var(--muted-foreground);
  padding: 12px 18px;
  font-size: 12px;
  font-weight: 600;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-table [data-slot="table-cell"] {
  font-variant-numeric: tabular-nums;
  padding: 16px 18px;
  line-height: 1.6;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-table [data-slot="table-row"] {
  border-color: var(--border);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-table [data-slot="table-body"] [data-slot="table-row"]:hover {
  background: var(--studio-surface-subtle);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-plaza-table {
  min-width: 1060px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-video-table {
  min-width: 780px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-users-table {
  min-width: 960px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-table [data-slot="table-cell"]:last-child {
  white-space: nowrap;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-status {
  border: 1px solid var(--border);
  min-height: 26px;
  color: var(--secondary-foreground);
  background: var(--background);
  border-radius: 7px;
  align-items: center;
  padding: 2px 9px;
  font-size: 12px;
  display: inline-flex;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-loading, html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-table .coral-admin-empty {
  min-height: 140px;
  color: var(--muted-foreground);
  text-align: center;
  padding: 48px 24px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-loading {
  align-items: center;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-users, html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-variables {
  background: none;
  border: 0;
  gap: 24px;
  padding: 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-users-content, html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-variables > .coral-admin-table-content {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 18px;
  min-width: 0;
  padding: 0;
  overflow: hidden;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-user-card {
  border-color: var(--border);
  padding: 20px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-user-card:last-child {
  border-bottom: 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-user-card > div:first-child {
  gap: 12px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-user-card > div:first-child > div:first-child, html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-user-card > div:nth-child(2) {
  overflow-wrap: anywhere;
  min-width: 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-user-card > div:last-child {
  gap: 10px;
  margin-top: 12px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-user-card [data-slot="badge"] {
  flex-shrink: 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-variable-table {
  table-layout: fixed;
  min-width: 620px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-variable-table [data-slot="table-cell"] {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  vertical-align: top;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-variable-table [data-slot="table-cell"]:first-child {
  width: 34%;
  color: var(--secondary-foreground);
  font-weight: 600;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-variable-table [data-slot="table-cell"]:last-child {
  color: var(--muted-foreground);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-variable-detail {
  background: var(--studio-surface-subtle);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-dialog {
  border: 1px solid var(--border);
  background: var(--card);
  color: var(--foreground);
  border-radius: 18px;
  max-height: calc(100vh - 40px);max-height: calc(100dvh - 40px);
  padding: 24px;
  overflow-y: auto;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .125);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-user-form {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 18px;
  display: grid;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-user-form > * {
  margin-top: 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-user-form > div:first-of-type, html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-user-form > [data-slot="dialog-footer"] {
  grid-column: 1 / -1;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-user-form [data-slot="dialog-footer"] {
  border-top: 1px solid var(--border);
  padding-top: 20px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-user-delete {
  width: min(480px, 100vw - 32px);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-user-delete [data-slot="alert-dialog-description"] {
  color: var(--muted-foreground);
  overflow-wrap: anywhere;
  line-height: 1.8;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-shell :is(button, a, input, textarea, [tabindex]):focus-visible, html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-dialog :is(button, a, input, textarea, [tabindex]):focus-visible, html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-sidebar-content :is(button, a):focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 3px;
}

@media (max-width: 767px) {
  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-topbar {
    min-height: 60px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-content {
    padding: 22px 16px 32px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-page {
    gap: 20px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-page-heading {
    align-items: flex-start;
    gap: 14px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-page-heading > div:first-child {
    width: 100%;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-page-heading p {
    font-size: 13px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-panel-heading {
    flex-wrap: wrap;
    gap: 12px;
    padding: 18px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-form-grid {
    gap: 18px;
    padding: 18px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-form-section {
    padding-top: 20px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-page :is(input:not([type="hidden"]), textarea, [data-slot="select-trigger"]), html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-dialog :is(input, textarea, [data-slot="select-trigger"]) {
    font-size: 16px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-toolbar {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px;
    width: 100%;
    display: grid;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-toolbar > [data-slot="select-trigger"], html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-form-actions > button {
    width: 100%;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-user-form {
    grid-template-columns: minmax(0, 1fr);
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-dialog {
    max-height: calc(100vh - 32px);max-height: calc(100dvh - 32px);
    padding: 22px 18px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-stat-heading {
    padding: 20px 20px 14px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-stat-card [data-slot="card-content"] {
    padding: 0 20px 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.studio-theme .coral-admin-shell *, html.studio-theme .coral-admin-dialog *, html.studio-theme .coral-admin-sidebar-content * {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-user-cards > .coral-admin-empty {
  color: var(--muted-foreground);
  text-align: center;
  padding: 48px 24px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-admin-video-list .coral-admin-panel-heading {
  justify-content: space-between;
  display: flex;
}

@media (prefers-reduced-motion: reduce) {
  html.studio-theme .coral-admin-shell [class*="animate-spin"] {
    animation: none !important;
  }
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-shared-overlay {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: rgba(10, 9, 13, .4);
  padding: 20px 16px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-shared-dialog {
  width: min(100%, 480px);
  max-width: min(100%, 480px);
  max-height: calc(100vh - 48px);
  border: 1px solid var(--border);
  background: var(--card);
  max-height: calc(100dvh - 48px);
  color: var(--foreground);
  overflow-wrap: anywhere;
  border-radius: 18px;
  flex-direction: column;
  gap: 0;
  padding: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .16);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-shared-header {
  border-bottom: 1px solid var(--border);
  background: var(--card);
  text-align: left;
  flex-shrink: 0;
  margin: 0;
  padding: 22px 58px 18px 24px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-shared-dialog [data-slot="dialog-title"], html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-shared-header h2 {
  letter-spacing: -.4px;
  color: var(--foreground);
  justify-content: flex-start;
  font-size: 20px;
  line-height: 1.4;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-shared-dialog [data-slot="dialog-description"] {
  color: var(--muted-foreground);
  line-height: 1.65;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-shared-scroll {
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--input) transparent;
  flex: auto;
  min-height: 0;
  max-height: none;
  margin-top: 0;
  padding: 20px 24px;
  overflow-y: auto;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-shared-actions {
  padding: 18px 24px max(18px,env(safe-area-inset-bottom));
  border-top: 1px solid var(--border);
  background: var(--card);
  flex-shrink: 0;
  gap: 10px;
  margin: 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-shared-dialog :is(input:not([type="file"]), textarea) {
  border-color: var(--input);
  background: var(--card);
  min-width: 0;
  min-height: 46px;
  color: var(--foreground);
  border-radius: 11px;
  font-size: 16px;
  line-height: 1.5;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-shared-dialog textarea {
  resize: vertical;
  min-height: 112px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-shared-dialog button {
  white-space: normal;
  overflow-wrap: anywhere;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-shared-dialog [data-slot="button"] {
  height: auto;
  min-height: 42px;
  padding-block: 10px;
  line-height: 1.35;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-shared-primary, html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-shared-dialog .coral-shared-primary {
  border-color: var(--primary);
  background: var(--studio-gradient);
  color: #fff;
  box-shadow: none;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-shared-primary:hover {
  background: var(--studio-gradient-hover);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-shared-dialog button:disabled {
  cursor: not-allowed;
  opacity: .6;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-shared-close, html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-shared-dialog [data-slot="dialog-close"], html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-level-sheet > button:last-child {
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  color: var(--muted-foreground);
  opacity: 1;
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  top: 10px;
  right: 10px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-shared-close:hover, html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-shared-dialog [data-slot="dialog-close"]:hover {
  color: var(--foreground);
  background: var(--studio-soft);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-shared-dialog :is(button, input, textarea):focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-feedback-dialog {
  width: min(100%, 520px);
  max-width: 520px;
  height: min(780px, 100vh - 48px);height: min(780px, 100dvh - 48px);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-feedback-body {
  flex: 1;
  min-height: 0;
  padding: 0;
  display: flex;
  overflow: hidden;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-feedback-tabs {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-feedback-tabbar {
  background: var(--muted);
  border-radius: 12px;
  flex-shrink: 0;
  gap: 4px;
  width: auto;
  height: auto;
  margin: 18px 24px 0;
  padding: 4px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-feedback-tabbar [role="tab"] {
  min-height: 40px;
  color: var(--muted-foreground);
  background-image: none;
  border-radius: 9px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-feedback-tabbar [role="tab"][data-state="active"] {
  background: var(--card);
  color: var(--studio-ink);
  box-shadow: 0 2px 5px rgba(0, 0, 0, .063);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-feedback-form[data-state="active"] {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  margin-top: 0;
  display: flex;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-feedback-form > div {
  overscroll-behavior: contain;
  flex: 1;
  min-height: 0;
  padding: 22px 24px;
  overflow-y: auto;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-feedback-form > .coral-feedback-submit {
  width: calc(100% - 48px);
  margin: 0 24px max(20px,env(safe-area-inset-bottom));
  flex-shrink: 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-feedback-history {
  overscroll-behavior: contain;
  flex: 1;
  min-height: 0;
  margin: 0;
  padding: 8px 24px 24px;
  overflow-y: auto;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-feedback-record {
  border: 0;
  border-bottom: 1px solid var(--border);
  background: var(--card);
  border-radius: 0;
  margin: 0;
  padding: 20px 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-feedback-record > div:first-child {
  flex-wrap: wrap;
  gap: 8px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-feedback-record > div:first-child > div {
  flex-shrink: 0;
  margin-left: 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-feedback-record > div:first-child h4 {
  display: block;
  overflow: visible;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-feedback-upload {
  flex-wrap: wrap;
  align-items: flex-start;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-feedback-upload > span {
  flex: 1;
  min-width: 140px;
  line-height: 1.6;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-feedback-remove {
  place-items: center;
  min-width: 32px;
  min-height: 32px;
  display: grid;
  top: 2px;
  right: 2px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-feedback-form .dropdown-container > button {
  border-radius: 11px;
  gap: 12px;
  min-height: 46px;
  font-size: 16px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-feedback-form .dropdown-container > div {
  border-radius: 11px;
  max-height: 240px;
  overflow-y: auto;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-feedback-form .dropdown-container > div button {
  min-height: 42px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-edit-profile .coral-profile-fields {
  gap: 24px;
  display: grid;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-fields > div {
  margin-top: 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-avatar {
  flex-direction: row;
  justify-content: flex-start;
  gap: 20px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-avatar > p {
  max-width: 220px;
  line-height: 1.7;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-fields button {
  background: var(--studio-gradient);
  min-width: 40px;
  min-height: 40px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-profile-avatar [data-slot="avatar-fallback"] {
  background: var(--studio-soft);
  color: var(--studio-ink);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-edit-profile .coral-shared-actions {
  flex-wrap: wrap;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-bind-fields {
  overscroll-behavior: contain;
  min-height: 0;
  padding: 22px 24px max(24px,env(safe-area-inset-bottom));
  margin: 0;
  overflow-y: auto;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-bind-fields > div + div {
  margin-top: 20px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-bind-code {
  align-items: stretch;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-bind-code > input {
  flex: 1;
  width: 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-bind-code > button {
  max-width: 50%;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-bind-fields .coral-bind-submit {
  margin-top: 24px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-anti-loss-layout, html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-tasks-layout {
  flex-direction: column;
  min-height: 0;
  padding: 0;
  display: flex;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-anti-loss-layout > p {
  flex-shrink: 0;
  margin: 0;
  padding: 0 24px 20px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-anti-loss .coral-shared-header > span {
  background: var(--studio-gradient);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-anti-loss-entries {
  gap: 24px;
  display: grid;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-anti-loss-entries > div {
  margin-top: 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-anti-loss-entries > div > div:first-child > button {
  min-height: 40px;
  color: var(--studio-ink);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-anti-loss-row {
  background: var(--card);
  border-width: 0 0 1px;
  border-color: var(--border);
  border-radius: 0;
  padding: 14px 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-task-list {
  padding-block: 4px 16px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-task-row {
  border-width: 0 0 1px;
  border-color: var(--border);
  background: var(--card);
  border-radius: 0;
  margin: 0;
  padding: 18px 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-task-row > div {
  flex-wrap: wrap;
  align-items: flex-start;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-task-row > div > div:nth-child(2) {
  min-width: 140px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-task-row > div > div:last-child {
  align-self: center;
  margin-left: auto;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-task-row > div > span {
  background: var(--studio-soft);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-task-row > div > span svg {
  color: var(--studio-ink);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-tier-list, html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-checkin-reward-list {
  padding-block: 6px 20px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-tier-row, html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-checkin-reward-list > div {
  border-width: 0 0 1px;
  border-color: var(--border);
  background: var(--card);
  border-radius: 0;
  gap: 10px;
  margin: 0;
  padding: 16px 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-tier-row > div:nth-child(2) {
  line-height: 1.65;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-tier-claim:not(:disabled) {
  background: var(--studio-gradient);
  color: #fff;
  box-shadow: none;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-tier-claim:disabled {
  background: var(--muted);
  color: var(--muted-foreground);
  opacity: 1;
  box-shadow: none;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-checkin-body {
  padding: 20px 24px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-checkin-days {
  gap: 4px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-checkin-days > div {
  border-width: 1px;
  min-height: 84px;
  padding: 8px 2px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-checkin-rules {
  border: 1px solid var(--border);
  background: var(--background);
  border-radius: 12px;
  padding: 16px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-checkin-rules > div:first-child svg {
  color: var(--studio-ink);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-checkin-rules > ul {
  margin-left: 0;
  line-height: 1.75;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-checkin-rules > ul > li {
  flex-wrap: wrap;
  align-items: flex-start;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-checkin-progress {
  border-color: var(--border);
  background: var(--background);
  box-shadow: none;
  padding: 16px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-checkin-progress > div:nth-child(2) > div:first-child > div {
  background: var(--studio-gradient);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-checkin-submit {
  z-index: 1;
  background: var(--studio-gradient);
  min-height: 46px;
  box-shadow: 0 0 0 8px var(--card);
  position: sticky;
  bottom: 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-checkin-submit:disabled[data-variant="secondary"] {
  background: var(--studio-success-soft);
  color: var(--studio-success);
  opacity: 1;
  border: 1px solid #4d8560;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-checkin-info > [data-slot="dialog-header"], html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-checkin-rewards > [data-slot="dialog-header"] {
  text-align: left;
  flex-shrink: 0;
  margin: 0;
  padding: 22px 58px 18px 24px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-checkin-info > ul {
  overscroll-behavior: contain;
  min-height: 0;
  padding: 20px 24px max(24px,env(safe-area-inset-bottom));
  margin: 0;
  line-height: 1.75;
  overflow-y: auto;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-checkin-success {
  min-height: 0;
  padding: 28px 24px;
  overflow-y: auto;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-level-dialog {
  width: min(100%, 720px);
  max-width: 720px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-level-viewport {
  flex-direction: column;
  height: min(800px, 100vh - 48px);height: min(800px, 100dvh - 48px);
  max-height: none;
  display: flex;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-level-body {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-level-header {
  border-bottom: 1px solid var(--border);
  background: var(--card);
  flex-shrink: 0;
  justify-content: flex-start;
  padding: 22px 58px 18px 24px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-level-header > div {
  font-size: 20px;
  font-weight: 600;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-level-summary {
  background: var(--studio-gradient);
  border: 0;
  border-radius: 12px;
  flex-shrink: 0;
  margin: 20px 24px 0;
  padding: 20px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-level-summary > div {
  justify-content: flex-start;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-level-summary [role="progressbar"] {
  box-shadow: none;
  background: rgba(20, 17, 22, .3);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-level-summary [role="progressbar"] > div {
  background: var(--card);
  box-shadow: none;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-level-summary > div > div {
  text-align: left;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 8px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-level-details {
  overscroll-behavior: contain;
  flex: 1;
  min-height: 0;
  margin: 0;
  padding: 24px;
  overflow-y: auto;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-level-details > div:first-child {
  text-align: left;
  font-size: 16px;
  font-weight: 600;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-level-list {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  margin-block: 12px 0;
  display: grid;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-level-list > div {
  background: var(--card);
  height: auto;
  min-height: 0;
  box-shadow: none;
  --tw-ring-shadow: 0 0 transparent;
  background-image: none;
  border-width: 0 0 1px;
  border-radius: 0;
  margin-top: 0;
  padding: 20px 16px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-level-list > div > div.absolute {
  background: var(--studio-gradient);
  align-self: flex-start;
  margin-bottom: 12px;
  position: static;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-level-list > div > div:last-child {
  background: var(--muted);
  align-self: flex-start;
  margin-top: 8px;
  padding: 6px 12px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-level-actions {
  padding: 16px 24px max(18px,env(safe-area-inset-bottom));
  background: var(--card);
  border-color: var(--border);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  flex-shrink: 0;
  position: static;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-level-actions > div {
  padding: 0;
}

html.studio-theme .coral-level-actions .coral-level-recharge {
  background: var(--studio-gradient) !important;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-level-actions .coral-level-recharge {
  border-radius: 11px;
  width: 100%;
  min-height: 44px;
  margin-top: 14px;
  padding: 10px 16px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-level-sheet {
  border: 1px solid var(--border);
  height: min(88vh, 850px);height: min(88dvh, 850px);
  color: var(--foreground);
  border-radius: 18px 18px 0 0;
  gap: 0;
  padding: 0;
  overflow: hidden;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-level-members {
  width: min(100%, 420px);
  max-width: 420px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-level-members-frame {
  background: var(--card);
  min-height: 0;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  flex-direction: column;
  padding: 0;
  display: flex;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-level-members-frame > div {
  background: var(--card);
  border-radius: 0;
  flex-direction: column;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-level-members-frame > div > div.pointer-events-none {
  display: none;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-level-members [data-slot="dialog-header"] {
  text-align: left;
  flex-shrink: 0;
  padding: 22px 58px 18px 24px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-level-members [data-slot="dialog-header"] > div:first-child {
  background: var(--studio-soft);
  box-shadow: none;
  --tw-ring-shadow: 0 0 transparent;
  margin-inline: 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-level-members [data-slot="dialog-title"] {
  color: var(--foreground);
  background: none;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-level-members [data-slot="dialog-header"] > div:last-child {
  display: none;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-level-members .coral-shared-scroll {
  max-height: min(55vh, 480px);max-height: min(55dvh, 480px);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-level-members li > div {
  border-width: 0 0 1px;
  border-color: var(--border);
  background: var(--card);
  box-shadow: none;
  border-radius: 0;
  padding: 14px 0;
}

@media (min-width: 640px) {
  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-level-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 24px;
  }
}

@media (max-width: 480px) {
  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-shared-overlay {
    padding: 16px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-shared-header, html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-level-header {
    padding: 20px 54px 16px 20px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-shared-dialog [data-slot="dialog-title"], html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-shared-header h2 {
    font-size: 18px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-shared-scroll, html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-shared-actions, html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-feedback-form > div {
    padding-inline: 20px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-feedback-tabbar {
    margin-inline: 20px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-feedback-form > .coral-feedback-submit {
    width: calc(100% - 40px);
    margin-inline: 20px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-feedback-history, html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-bind-fields {
    padding-inline: 20px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-checkin-body {
    padding-inline: 16px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-checkin-rules, html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-checkin-progress {
    padding: 12px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-tier-row {
    flex-wrap: wrap;
    align-items: flex-start;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-tier-row > div:nth-child(2) {
    min-width: 100px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-tier-row > button {
    margin-left: auto;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-level-summary {
    margin-inline: 20px;
    padding: 16px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-level-details {
    padding: 20px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-level-actions {
    padding-inline: 20px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-level-actions > div > div:first-child {
    flex-wrap: wrap;
    gap: 4px;
  }
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-nav-link[aria-current="page"] {
  background: var(--accent);
  color: var(--primary);
  box-shadow: none;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-mobile-nav > a[aria-current="page"] svg {
  background: var(--studio-soft-gradient);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-studio-topbar] button[data-slot="button"][data-variant="default"], html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-shared-primary:not(:disabled), html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-recharge-footer > div > button:not(:disabled), html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-inner button[type="submit"]:not(:disabled) {
  box-shadow: var(--studio-glow-shadow);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-home-intro {
  border: 1px solid var(--border);
  background: var(--studio-hero-gradient);
  border-radius: 18px;
  padding: 26px 28px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-home-intro h1 {
  color: var(--primary);
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-home-intro h1 {
    background-image: var(--studio-display-gradient);
    color: rgba(0, 0, 0, 0);
    -webkit-background-clip: text;
    background-clip: text;
  }
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-home-photos img {
  border: 3px solid var(--border);
  box-shadow: 0 8px 22px rgba(0, 0, 0, .07);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-home-card .studio-card-cta svg {
  background: var(--studio-gradient);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-home-card:hover, html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-home-card:focus-visible {
  border-color: var(--studio-border-accent);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .07);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-auth-brand {
  background: var(--studio-hero-gradient);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-recharge-surface [data-coral-package][data-selected="true"] {
  background: linear-gradient(125deg,rgba(195, 123, 229, .12),var(--card) 85%);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-error-page a {
  background: var(--studio-gradient);
}

@media (max-width: 767px) {
  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-home-intro {
    gap: 12px;
    margin: 18px 16px 12px;
    padding: 23px 19px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-home-intro h1 {
    font-size: clamp(25px, 7.6vw, 30px);
  }
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-home-desktop .coral-tools-heading > span {
  background: var(--studio-gradient);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-sidebar {
  background: var(--sidebar);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-home-intro {
  background: var(--studio-hero-gradient);
  align-items: baseline;
  gap: 16px 28px;
  min-height: 0;
  margin-bottom: 18px;
  padding: 18px 28px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-home-intro h1 {
  white-space: normal;
  color: var(--primary);
  -webkit-text-fill-color: var(--primary);
  background-image: none;
  flex: none;
  margin: 0;
  font-size: clamp(22px, 1.8vw, 28px);
  line-height: 1.35;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-home-intro p {
  color: var(--muted-foreground);
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-home-photos {
  gap: 10px;
  width: 31%;
  height: 145px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-home-photos img, html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-home-photos img:last-child {
  height: 100%;
  box-shadow: none;
  border: 0;
  border-radius: 10px;
  margin: 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-home-card-ordinary {
  background: var(--card);
  border-radius: 13px;
  height: 196px;
  min-height: 196px;
  display: block;
  position: relative;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-home-card-ordinary .studio-card-preview {
  width: 56%;
  height: 100%;
  position: absolute;
  inset: 0 0 0 auto;
  -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), #000 12%);
  mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), #000 12%);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-home-card-ordinary .studio-card-preview :is(img, video) {
  object-fit: cover;
  object-position: center top;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-home-card-ordinary .studio-card-body {
  z-index: 1;
  gap: 8px;
  width: 48%;
  height: 100%;
  padding: 18px 20px;
  position: relative;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-home-card-ordinary .coral-tool-icon {
  display: none;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-home-card-ordinary .studio-card-title {
  font-size: 20px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-home-card-ordinary .studio-card-description {
  max-width: 220px;
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.5;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-home-card-ordinary .studio-card-cta {
  color: #fff;
  background: var(--studio-gradient);
  border-radius: 999px;
  gap: 10px;
  padding: 8px 17px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-home-card-ordinary .studio-card-cta svg {
  background: none;
  width: 16px;
  height: 16px;
  padding: 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-home-card-ordinary:hover .studio-card-cta {
  background: var(--studio-gradient-hover);
}

@media (max-width: 767px) {
  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-home-intro {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 16px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-home-intro h1 {
    font-size: 22px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-home-intro p {
    font-size: 13px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .coral-home-photos {
    width: 28%;
    height: 110px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-home-card-ordinary {
    height: 176px;
    min-height: 176px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-home-card-ordinary .studio-card-preview {
    width: 54%;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-home-card-ordinary .studio-card-body {
    width: 50%;
    padding: 16px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-home-card-ordinary .studio-card-title {
    font-size: 18px;
  }
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-editorial-hero {
  isolation: isolate;
  background: var(--studio-hero-gradient);
  grid-template-rows: 1fr auto;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  align-items: center;
  gap: 24px 40px;
  min-height: 300px;
  margin: 0 0 24px;
  padding: 32px;
  display: grid;
  position: relative;
  overflow: hidden;
  container-type: normal;
}

.studio-hero-waves:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  pointer-events: none;
  z-index: -1;
  fill: none;
  width: 100%;
  height: 100%;
  stroke: var(--primary);
  stroke-opacity: .18;
  stroke-width: 1.7px;
  position: absolute;
  inset: 0;
}

.studio-hero-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-area: 1 / 1;
  min-width: 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-editorial-hero h1 {
  font-size: 36px;
  letter-spacing: -.035em;
  text-wrap: balance;
  color: var(--primary);
  -webkit-text-fill-color: initial;
  margin: 0;
  font-size: clamp(28px, 3cqw, 42px);
  font-weight: 700;
  line-height: 1.3;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-editorial-hero h1 > span {
  color: var(--studio-ink);
  background: var(--studio-display-gradient);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  display: inline;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-editorial-hero p {
  color: var(--muted-foreground);
  margin-top: 14px;
  font-size: 16px;
  line-height: 1.7;
}

.studio-hero-works:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: 36px;
  color: var(--studio-ink);
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  font-size: 14px;
  font-weight: 600;
  display: inline-flex;
}

.studio-hero-works:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  text-decoration: underline;
}

.studio-hero-works:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  outline: 2px solid var(--primary);
  outline-offset: 4px;
  border-radius: 4px;
}

.studio-hero-tools:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-wrap: wrap;
  grid-area: 2 / 1;
  justify-content: flex-start;
  gap: 12px 24px;
  min-width: 0;
  display: flex;
}

.studio-hero-tools:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div {
  color: var(--muted-foreground);
  align-items: center;
  gap: 8px;
  font-size: 12px;
  line-height: 1.5;
  display: flex;
}

.studio-hero-tools:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
  width: 32px;
  height: 32px;
  color: var(--studio-ink);
  stroke-width: 1.5px;
  background: rgba(20, 17, 22, .533);
  border-radius: 10px;
  flex: none;
  padding: 6px;
}

.studio-hero-tools:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) small {
  display: none;
}

.studio-hero-art:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-area: 1 / 2 / 3;
  gap: 12px;
  width: 100%;
  min-width: 0;
  height: 240px;
  padding-inline: 6px;
  display: flex;
}

.studio-hero-photo:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--studio-border-accent);
  border-radius: 18px;
  flex: 1;
  min-width: 0;
  position: relative;
  overflow: hidden;
  box-shadow: 0 12px 22px rgba(0, 0, 0, .08);
}

.studio-hero-photo-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  transform: rotate(-3deg) translateY(3px);
}

.studio-hero-photo-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  transform: rotate(3deg) translateY(7px);
}

.studio-hero-photo-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  transform: rotate(-3deg);
}

.studio-hero-photo:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) img {
  object-fit: cover;
  width: 300%;
  max-width: none;
  height: 100%;
  position: absolute;
}

.studio-hero-photo-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) img {
  left: -100%;
}

.studio-hero-photo-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) img {
  left: -200%;
}

.studio-hero-photo:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) span {
  color: #fff;
  background: rgba(10, 9, 13, .533);
  border-radius: 20px;
  padding: 4px 12px;
  font-size: 12px;
  position: absolute;
  bottom: 12px;
  left: 12px;
}

@container creation-home (width >= 1200px) {
  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-editorial-hero {
    column-gap: 48px;
    padding: 40px 48px;
  }

  .studio-hero-art:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 260px;
  }
}

@container creation-home (width <= 900px) {
  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-editorial-hero {
    column-gap: 28px;
    padding: 28px;
  }

  .studio-hero-art:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 8px;
    height: 210px;
  }

  .studio-hero-photo:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 12px;
  }

  .studio-hero-photo:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) span {
    padding: 3px 8px;
    font-size: 11px;
    bottom: 8px;
    left: 8px;
  }
}

@container creation-home (width <= 640px) {
  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-editorial-hero {
    grid-template-columns: minmax(0, 1fr);
  }

  .studio-hero-art:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-area: 3 / 1;
    justify-self: center;
    max-width: 460px;
  }
}

@media (max-width: 767px) {
  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-editorial-hero {
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
    min-height: 0;
    padding: 24px 20px;
    display: flex;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-editorial-hero h1 {
    font-size: clamp(26px, 7vw, 32px);
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-editorial-hero p {
    margin-top: 12px;
    font-size: 14px;
  }

  .studio-hero-works:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: 12px;
  }

  .studio-hero-art:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 8px;
    height: clamp(160px, 48vw, 220px);
    min-height: 0;
  }

  .studio-hero-photo:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 12px;
  }

  .studio-hero-photo:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) span {
    padding: 3px 7px;
    font-size: 10px;
    bottom: 8px;
    left: 6px;
  }

  .studio-hero-tools:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: none;
  }
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .starlight-dialog .coral-level-viewport {
  height: min(760px, 100vh - 64px);height: min(760px, 100dvh - 64px);
}

.starlight-levels:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  height: 100%;
  min-height: 0;
  color: var(--foreground);
  background: var(--card);
  flex-direction: column;
  display: flex;
}

.starlight-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-bottom: 1px solid var(--border);
  padding: 28px 60px 24px 30px;
}

.starlight-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
  font-size: 25px;
  font-weight: 650;
}

.starlight-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
  color: var(--muted-foreground);
  margin-top: 8px;
  font-size: 13px;
}

.starlight-layout:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex: 1;
  grid-template-columns: 220px minmax(0, 1fr);
  min-height: 0;
  display: grid;
}

.starlight-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-right: 1px solid var(--border);
  padding: 20px 12px;
  overflow-y: auto;
}

.starlight-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > p {
  color: var(--muted-foreground);
  padding: 0 12px 12px;
  font-size: 13px;
}

.starlight-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  text-align: left;
  border-radius: 12px;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 60px;
  padding: 8px 12px;
  font-size: 16px;
  display: flex;
}

.starlight-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button[aria-pressed="true"] {
  background: linear-gradient(100deg,var(--studio-raised),var(--studio-raised));
  box-shadow: inset 3px 0 var(--primary);
  color: var(--studio-ink);
}

.starlight-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:hover {
  background-color: var(--studio-raised);
}

.starlight-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) img {
  object-fit: contain;
  mix-blend-mode: normal;
  width: 38px;
  height: 38px;
}

.starlight-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) small {
  color: var(--muted-foreground);
  margin-left: auto;
  font-size: 10px;
}

.starlight-detail:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-width: 0;
  padding: 24px 32px;
  overflow-y: auto;
}

.starlight-intro:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-bottom: 1px solid var(--border);
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding-bottom: 16px;
  display: flex;
}

.starlight-intro:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) small {
  color: var(--muted-foreground);
  font-size: 12px;
}

.starlight-intro:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h3 {
  margin: 8px 0;
  font-size: 40px;
  font-weight: 650;
  line-height: 1.3;
}

.starlight-intro:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
  color: var(--muted-foreground);
  font-size: 13px;
}

.starlight-intro:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > img {
  object-fit: contain;
  width: 140px;
  height: 140px;
}

.starlight-stats:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin: 22px 0;
  display: grid;
}

.starlight-stats:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.starlight-stats:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) span {
  color: var(--muted-foreground);
  font-size: 12px;
}

.starlight-stats:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
  font-size: 20px;
  font-weight: 600;
}

.starlight-progress-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  justify-content: space-between;
  gap: 16px;
  font-size: 12px;
  display: flex;
}

.starlight-progress:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--studio-raised);
  height: 7px;
  margin: 12px 0 26px;
}

.starlight-progress:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div {
  background: var(--studio-gradient);
}

.starlight-detail:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h4 {
  margin-bottom: 14px;
  font-size: 17px;
  font-weight: 600;
}

.starlight-benefits:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  gap: 10px;
  display: grid;
}

.starlight-benefits:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div {
  border: 1px solid var(--border);
  border-radius: 13px;
  align-items: center;
  gap: 14px;
  padding: 16px;
  font-size: 14px;
  display: flex;
}

.starlight-benefits:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
  background: var(--studio-raised);
  width: 34px;
  height: 34px;
  color: var(--studio-ink);
  border-radius: 10px;
  flex-shrink: 0;
  padding: 7px;
}

.starlight-benefits:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) small {
  color: var(--muted-foreground);
  margin-top: 6px;
  font-size: 12px;
  display: block;
}

.starlight-note:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  margin-top: 18px;
  font-size: 11px;
  line-height: 1.7;
}

.starlight-members:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--studio-ink);
  margin-top: 16px;
  font-size: 13px;
}

.starlight-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-top: 1px solid var(--border);
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 20px 28px;
  display: flex;
}

.starlight-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span {
  color: var(--muted-foreground);
  font-size: 12px;
}

.starlight-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  background: var(--studio-gradient);
  color: #fff;
  border-radius: 12px;
  padding: 12px 22px;
  font-size: 14px;
}

.starlight-levels:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:focus-visible {
  outline: 2px solid var(--studio-border-accent);
  outline-offset: 2px;
}

.starlight-badge:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  background: var(--studio-raised);
  color: var(--muted-foreground);
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  gap: 5px;
  padding: 3px 9px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

.starlight-badge:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) img {
  mix-blend-mode: normal;
  width: 20px;
  height: 20px;
}

@media (max-width: 767px) {
  .starlight-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 22px 52px 18px 20px;
  }

  .starlight-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
    font-size: 22px;
  }

  .starlight-layout:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    flex-direction: column;
    display: flex;
  }

  .starlight-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-right: 0;
    border-bottom: 1px solid var(--border);
    flex: none;
    padding: 10px 16px;
    display: flex;
    overflow: auto hidden;
  }

  .starlight-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > p {
    display: none;
  }

  .starlight-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
    flex-direction: column;
    flex: 0 0 76px;
    gap: 5px;
    width: 76px;
    padding: 8px 4px;
    font-size: 13px;
  }

  .starlight-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) small {
    margin: 0;
  }

  .starlight-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) img {
    width: 30px;
    height: 30px;
  }

  .starlight-detail:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    flex: 1;
    padding: 18px 20px;
  }

  .starlight-intro:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > img {
    width: 95px;
    height: 95px;
  }

  .starlight-intro:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h3 {
    font-size: 32px;
  }

  .starlight-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 14px 20px max(18px,env(safe-area-inset-bottom));
    flex-direction: column;
    gap: 10px;
  }

  .starlight-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
    width: 100%;
  }

  .starlight-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .starlight-levels {
    height: 100%;
  }
}

.starlight-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .starlight-dismiss {
  background: var(--card);
  color: var(--muted-foreground);
  border: 1px solid var(--border);
  margin-left: auto;
}

@media (max-width: 767px) {
  .starlight-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .starlight-dismiss {
    order: 3;
    margin: 0;
  }
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .starlight-dialog {
  width: min(1040px, 100vw - 40px);
  max-width: 1040px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .starlight-dialog .coral-level-viewport {
  height: min(790px, 100vh - 40px);height: min(790px, 100dvh - 40px);
  overflow: hidden;
}

.starlight-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex: none;
  padding: 22px 60px 18px 28px;
}

.starlight-layout:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: 190px minmax(0, 1fr);
}

.starlight-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--card);
  grid-template-rows: 24px repeat(7, minmax(0, 1fr));
  gap: 5px;
  padding: 16px 12px;
  display: grid;
  overflow: visible;
}

.starlight-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > p {
  padding: 0 12px;
}

.starlight-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  border: 1px solid var(--border);
  min-height: 0;
}

.starlight-detail:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-direction: column;
  min-height: 0;
  padding: 16px 24px;
  display: flex;
  overflow: visible;
}

.starlight-intro:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: linear-gradient(120deg,var(--card),var(--studio-raised));
  border: 0;
  border-radius: 16px;
  padding: 8px 12px;
}

.starlight-intro:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > img {
  width: 106px;
  height: 106px;
}

.starlight-intro:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h3 {
  margin: 4px 0;
  font-size: 34px;
}

.starlight-stats:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--studio-raised);
  border-radius: 10px;
  margin: 12px 0;
  padding: 12px 16px;
}

.starlight-stats:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div {
  flex-direction: row;
  align-items: center;
  gap: 16px;
}

.starlight-stats:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
  font-size: 18px;
}

.starlight-progress:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex: none;
  margin: 8px 0 14px;
}

.starlight-detail:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h4 {
  margin-bottom: 10px;
}

.starlight-benefits:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex: 1;
  align-content: start;
  gap: 7px;
  min-height: 0;
}

.starlight-benefits:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div {
  background: var(--card);
  min-height: 54px;
  padding: 10px 12px;
  font-size: 13px;
  line-height: 1.5;
}

.starlight-benefits:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) small {
  margin-top: 2px;
}

.starlight-pagination:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex: none;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
  font-size: 12px;
  display: flex;
}

.starlight-pagination:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span:first-child {
  color: var(--muted-foreground);
  margin-right: auto;
}

.starlight-pagination:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  border: 1px solid var(--border);
  color: var(--studio-ink);
  border-radius: 7px;
  padding: 5px 10px;
}

.starlight-pagination:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:disabled {
  color: var(--muted-foreground);
  cursor: default;
}

.starlight-note:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-top: 8px;
}

.starlight-members:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-top: 6px;
}

.starlight-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex: none;
  padding: 14px 24px;
}

@media (max-width: 767px) {
  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .starlight-sheet {
    height: min(940px, 96vh);height: min(940px, 96dvh);
    max-height: 96vh;max-height: 96dvh;
    overflow-y: auto;
  }

  .starlight-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .starlight-levels {
    flex: none;
    height: auto;
    min-height: 100%;
  }

  .starlight-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .starlight-layout, .starlight-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .starlight-detail, .starlight-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .starlight-benefits {
    flex: none;
  }

  .starlight-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 16px 48px 12px 18px;
  }

  .starlight-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
    margin-top: 4px;
  }

  .starlight-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-rows: repeat(2, 70px);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
    padding: 8px 14px;
    display: grid;
    overflow: visible;
  }

  .starlight-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
    gap: 2px;
    width: auto;
    min-height: 0;
    padding: 5px 2px;
    position: relative;
  }

  .starlight-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) small {
    font-size: 8px;
    position: absolute;
    top: 3px;
    right: 3px;
  }

  .starlight-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) img {
    width: 32px;
    height: 32px;
  }

  .starlight-detail:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 10px 14px;
  }

  .starlight-intro:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 5px;
    padding: 8px;
  }

  .starlight-intro:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h3 {
    font-size: 27px;
  }

  .starlight-intro:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > img {
    width: 70px;
    height: 70px;
  }

  .starlight-intro:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
    font-size: 11px;
  }

  .starlight-stats:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 8px;
    margin: 8px 0;
    padding: 10px;
  }

  .starlight-stats:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div {
    gap: 6px;
  }

  .starlight-stats:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
    font-size: 15px;
  }

  .starlight-stats:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) span {
    font-size: 10px;
  }

  .starlight-benefits:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 176px;
  }

  .starlight-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 12px 14px max(14px,env(safe-area-inset-bottom));
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    display: grid;
  }

  .starlight-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span {
    grid-column: 1 / -1;
  }

  .starlight-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .starlight-dismiss {
    order: initial;
  }

  .starlight-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
    padding: 9px 6px;
  }
}

@media (min-width: 768px) and (max-height: 760px) {
  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .starlight-dialog .coral-level-viewport {
    height: calc(100vh - 20px);height: calc(100dvh - 20px);
  }

  .starlight-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: 12px;
    padding-bottom: 10px;
  }

  .starlight-intro:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > img {
    width: 70px;
    height: 70px;
  }

  .starlight-intro:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h3 {
    font-size: 28px;
  }

  .starlight-stats:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin: 8px 0;
    padding: 8px 12px;
  }

  .starlight-benefits:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div {
    min-height: 46px;
    padding: 6px 10px;
  }

  .starlight-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.studio-topbar-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-shrink: 0;
  gap: 10px;
}

.studio-topbar-checkin:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  background: var(--card);
  height: 36px;
  color: var(--muted-foreground);
  white-space: nowrap;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 500;
  display: inline-flex;
}

.studio-topbar-checkin:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
  width: 18px;
  height: 18px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-topbar-level {
  border-radius: 10px;
  height: 36px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-topbar-level .starlight-badge {
  border-radius: 10px;
  gap: 6px;
  height: 36px;
  padding: 0 12px;
  font-size: 13px;
  line-height: 1;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-topbar-level .starlight-badge img {
  width: 22px;
  height: 22px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-topbar-wallet {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 10px;
  gap: 8px;
  height: 36px;
  padding: 0 0 0 12px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-topbar-wallet > span {
  color: var(--muted-foreground);
  min-width: 1ch;
  font-size: 13px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-topbar-wallet > img {
  width: 17px;
  height: 17px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-studio-topbar] .studio-topbar-recharge {
  height: 36px;
  min-height: 36px;
  box-shadow: none;
  border-radius: 9px;
  margin: -1px -1px -1px 4px;
  padding: 0 14px;
  font-size: 13px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-topbar-language > button {
  border: 1px solid var(--border);
  background: var(--card);
  width: 36px;
  height: 36px;
  min-height: 36px;
  box-shadow: none;
  color: var(--muted-foreground);
  border-radius: 10px;
  padding: 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-topbar-language > button svg {
  width: 18px;
  height: 18px;
}

.studio-topbar-checkin:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-topbar-language > button:hover {
  background: var(--studio-raised);
  color: var(--studio-ink);
  border-color: var(--border);
}

.studio-topbar-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:focus-visible {
  outline: 2px solid var(--studio-border-accent);
  outline-offset: 3px;
}

@media (min-width: 768px) and (max-width: 1100px) {
  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-studio-topbar] {
    gap: 8px;
    padding-inline: 16px;
  }

  .studio-topbar-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 6px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-studio-topbar] .studio-breadcrumb {
    white-space: nowrap;
    min-width: 0;
    overflow: hidden;
  }
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .aurora-profile-page {
  width: 100%;
  min-width: 0;
  color: var(--foreground);
  margin-inline: auto;
}

.aurora-profile-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: 26px;
  display: flex;
}

.aurora-profile-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h1 {
  letter-spacing: -.7px;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.3;
}

.aurora-profile-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
  color: var(--muted-foreground);
  margin-top: 7px;
  font-size: 14px;
  line-height: 1.6;
}

.aurora-profile-layout:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template: "identity content"
                 "support content"
                 "logout content" minmax(64px, 1fr)
                 / minmax(260px, 27%) minmax(0, 1fr);
  align-items: stretch;
  column-gap: 28px;
  display: grid;
}

.aurora-profile-identity:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  background: var(--card);
  text-align: center;
  border-bottom: 0;
  border-radius: 18px 18px 0 0;
  grid-area: identity;
  min-width: 0;
  padding: 28px 24px 0;
}

.aurora-profile-avatar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 3px solid var(--border);
  border-radius: 50%;
  width: 120px;
  height: 120px;
  margin: 0 auto 18px;
  padding: 6px;
  display: block;
  overflow: hidden;
}

.aurora-profile-avatar:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--studio-border-accent);
}

.aurora-profile-identity:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > h2 {
  overflow-wrap: anywhere;
  font-size: 26px;
  font-weight: 650;
  line-height: 1.4;
}

.aurora-profile-badges:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  display: flex;
}

.aurora-profile-badges:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :is(button, span) {
  min-height: 26px;
  font-size: 13px;
}

.aurora-profile-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 100%;
  color: var(--muted-foreground);
  text-align: left;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 18px;
  font-size: 14px;
  line-height: 1.6;
  display: flex;
}

.aurora-profile-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) span {
  overflow-wrap: anywhere;
  min-width: 0;
}

.aurora-profile-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
  flex: none;
}

.aurora-profile-copy:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .aurora-profile-text-link:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--foreground);
}

.aurora-profile-bound-email:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.5;
  display: flex;
}

.aurora-profile-bound-email:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) span {
  overflow-wrap: anywhere;
  min-width: 0;
}

.aurora-profile-bound-email:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
  flex: none;
}

.aurora-profile-person-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  margin-top: 22px;
  display: flex;
}

.aurora-profile-person-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .aurora-profile-button {
  border-color: var(--studio-border-accent);
  height: 48px;
  min-height: 48px;
}

.aurora-profile-person-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .aurora-profile-text-link {
  justify-content: center;
  min-height: 40px;
}

.aurora-profile-button:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  min-height: 46px;
  color: var(--foreground);
  background: none;
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  font-size: 16px;
  font-weight: 550;
  line-height: 1.5;
  display: inline-flex;
}

.aurora-profile-button:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--studio-border-accent);
  background: var(--studio-raised);
}

.aurora-profile-button.aurora-profile-primary:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--studio-gradient);
  color: var(--studio-on-gradient);
  border-color: rgba(0, 0, 0, 0);
}

.aurora-profile-button.aurora-profile-primary:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--studio-gradient-hover);
}

.aurora-profile-text-link:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: 44px;
  color: var(--muted-foreground);
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  line-height: 1.5;
  display: inline-flex;
}

.aurora-profile-support:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-inline: 1px solid var(--border);
  background: var(--card);
  grid-area: support;
  min-width: 0;
  padding: 24px 24px 0;
}

.aurora-profile-support:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > h2 {
  border-top: 1px solid var(--border);
  margin-bottom: 12px;
  padding-top: 24px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
}

.aurora-profile-shortcuts:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.aurora-profile-shortcut:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-bottom: 1px solid var(--border);
  text-align: left;
  background: none;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-width: 0;
  min-height: 74px;
  padding: 12px 0;
  display: flex;
}

.aurora-profile-shortcut:last-child:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-bottom: 0;
}

.aurora-profile-shortcut:hover:not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--studio-surface-subtle);
}

.aurora-profile-icon:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--studio-raised);
  width: 42px;
  height: 42px;
  color: var(--studio-ink);
  border-radius: 12px;
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.aurora-profile-icon:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
  width: 21px;
  height: 21px;
  color: inherit;
}

.aurora-profile-shortcut-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex: 1;
  gap: 3px;
  min-width: 0;
  display: grid;
}

.aurora-profile-shortcut:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
  overflow-wrap: anywhere;
  font-size: 16px;
  font-weight: 550;
  line-height: 1.5;
  display: block;
}

.aurora-profile-shortcut:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) small {
  color: var(--muted-foreground);
  overflow-wrap: anywhere;
  font-size: 14px;
  line-height: 1.5;
  display: block;
}

.aurora-profile-chevron:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 14px;
  height: 14px;
  color: var(--muted-foreground);
  flex: none;
  margin-left: auto;
}

.aurora-profile-shortcut:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  cursor: default;
}

.aurora-profile-shortcut:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .aurora-profile-chevron {
  visibility: hidden;
}

.aurora-profile-logout-region:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  background: var(--card);
  border-top: 0;
  border-radius: 0 0 18px 18px;
  grid-area: logout;
  align-items: flex-end;
  min-width: 0;
  padding: 0 24px 20px;
  display: flex;
}

.aurora-profile-logout:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: fit-content;
  min-height: 44px;
  color: var(--studio-danger);
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin-top: auto;
  padding: 16px 0 0;
  font-size: 16px;
  font-weight: 550;
  line-height: 1.5;
  display: flex;
}

.aurora-profile-logout:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  text-underline-offset: 4px;
  text-decoration: underline;
}

.aurora-profile-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-area: content;
  grid-template-rows: auto minmax(224px, 1fr) auto;
  gap: 20px;
  min-width: 0;
  display: grid;
}

.aurora-profile-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 18px;
  min-width: 0;
}

.aurora-profile-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
  font-size: 22px;
  font-weight: 650;
  line-height: 1.4;
}

.aurora-profile-wallet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-direction: column;
  justify-content: center;
  gap: 14px;
  min-height: 196px;
  padding: 24px 28px;
  display: flex;
}

.aurora-profile-wallet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > h2 {
  font-size: 24px;
}

.aurora-profile-wallet-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  align-items: center;
  gap: 18px;
  min-width: 0;
  display: flex;
}

.aurora-profile-feature-icon:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--studio-ink);
  flex: none;
  width: 40px;
  height: 40px;
}

.aurora-profile-balance:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-width: 0;
}

.aurora-profile-balance:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h3 {
  font-size: 18px;
  font-weight: 550;
  line-height: 1.5;
}

.aurora-profile-balance:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
  display: flex;
}

.aurora-profile-balance:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
  letter-spacing: -1px;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
  min-width: 0;
  font-size: 48px;
  font-weight: 650;
  line-height: 1.25;
}

.aurora-profile-balance:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p > span {
  color: var(--muted-foreground);
  font-size: 16px;
}

.aurora-profile-wallet-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  margin-left: auto;
  display: flex;
}

.aurora-profile-wallet-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .aurora-profile-text-link {
  border-left: 1px solid var(--border);
  color: var(--foreground);
  padding-left: 20px;
}

.aurora-profile-promotions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-wrap: wrap;
  gap: 8px 18px;
  display: flex;
}

.aurora-profile-bonus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: 28px;
  color: var(--studio-ink);
  text-align: left;
  align-items: center;
  gap: 6px;
  font-size: 16px;
  line-height: 1.5;
  display: flex;
}

.aurora-profile-bonus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg {
  flex: none;
}

.aurora-profile-creative:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  isolation: isolate;
  border: 1px solid var(--studio-border-accent);
  text-align: left;
  background: var(--card);
  border-radius: 18px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 0;
  min-height: 264px;
  padding: 28px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.aurora-profile-creative-art:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  z-index: -1;
  object-fit: contain;
  object-position: right center;
  pointer-events: none;
  width: 53%;
  height: 92%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.aurora-profile-creative:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--primary);
}

.aurora-profile-creative:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
  overflow-wrap: anywhere;
  max-width: 60%;
  font-size: 32px;
  font-weight: 650;
  line-height: 1.4;
}

.aurora-profile-creative:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
  max-width: 52%;
  color: var(--muted-foreground);
  margin: 10px 0 24px;
  font-size: 16px;
  line-height: 1.6;
}

.aurora-profile-works-action:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  align-items: center;
  gap: 10px;
  min-height: 36px;
  font-size: 16px;
  font-weight: 550;
  line-height: 1.5;
  display: inline-flex;
}

.aurora-profile-bottom:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  min-width: 0;
  display: grid;
}

.aurora-profile-checkin:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  align-items: center;
  min-height: 244px;
  padding: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.aurora-profile-checkin-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  z-index: 1;
  width: 100%;
  min-width: 0;
  position: relative;
}

.aurora-profile-checkin:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
  align-items: center;
  gap: 12px;
  display: flex;
}

.aurora-profile-checkin:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 > svg {
  width: 28px;
  height: 28px;
  color: var(--studio-ink);
  flex: none;
}

.aurora-profile-checkin:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
  max-width: 100%;
  color: var(--muted-foreground);
  margin: 14px 0 28px;
  font-size: 16px;
  line-height: 1.7;
}

.aurora-profile-checkin:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .aurora-profile-button {
  width: 64%;
  min-width: 0;
  max-width: 220px;
}

.aurora-profile-checkin-art:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  aspect-ratio: 1;
  object-fit: contain;
  pointer-events: none;
  width: 36%;
  max-width: 164px;
  height: auto;
  position: absolute;
  bottom: 22px;
  right: 12px;
}

.aurora-profile-benefits:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding: 24px;
}

.aurora-profile-benefits:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > h2 {
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
}

.aurora-profile-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 4px;
}

@media (max-width: 1100px) and (min-width: 768px) {
  .aurora-profile-layout:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: 240px minmax(0, 1fr);
    column-gap: 20px;
  }

  .aurora-profile-identity:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .aurora-profile-support:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 24px 18px 0;
  }

  .aurora-profile-logout-region:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 0 18px 18px;
  }

  .aurora-profile-bottom:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .aurora-profile-checkin:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 190px;
  }

  .aurora-profile-checkin-art:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 120px;
  }

  .aurora-profile-wallet-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    flex-wrap: wrap;
  }

  .aurora-profile-wallet-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 100%;
    margin-left: 0;
  }

  .aurora-profile-creative:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 220px;
  }

  .aurora-profile-creative:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
    max-width: 60%;
    font-size: 24px;
  }

  .aurora-profile-creative:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
    max-width: 50%;
    margin: 8px 0 18px;
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .aurora-profile-page[data-studio-page="profile"] {
    padding: 14px 16px 32px;
  }

  .aurora-profile-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 12px;
    margin-bottom: 12px;
  }

  .aurora-profile-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h1 {
    letter-spacing: -.4px;
    font-size: 22px;
    line-height: 28px;
  }

  .aurora-profile-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
    margin-top: 4px;
    font-size: 12px;
    line-height: 18px;
  }

  .aurora-profile-layout:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template: "identity"
                   "content"
                   "support"
                   "logout"
                   / minmax(0, 1fr);
    gap: 12px;
  }

  .aurora-profile-identity:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border: 1px solid var(--border);
    background: var(--card);
    border-radius: 16px;
    padding: 15px 16px;
  }

  .aurora-profile-avatar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 60px;
    height: 60px;
    margin-bottom: 6px;
    padding: 4px;
  }

  .aurora-profile-identity:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > h2 {
    font-size: 18px;
    line-height: 25px;
  }

  .aurora-profile-badges:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: 8px;
  }

  .aurora-profile-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 6px;
    margin-top: 8px;
    font-size: 11px;
    line-height: 16px;
  }

  .aurora-profile-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
    width: 12px;
    height: 12px;
  }

  .aurora-profile-bound-email:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 6px;
    margin-top: 8px;
    font-size: 11px;
    line-height: 16px;
  }

  .aurora-profile-bound-email:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
    width: 12px;
    height: 12px;
  }

  .aurora-profile-person-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: 16px;
  }

  .aurora-profile-person-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .aurora-profile-button {
    height: 44px;
    min-height: 44px;
  }

  .aurora-profile-button:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 10px;
    gap: 7px;
    min-height: 32px;
    padding: 5px 14px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
  }

  .aurora-profile-button:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg {
    flex: none;
    width: 16px;
    height: 16px;
  }

  .aurora-profile-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-rows: auto;
    gap: 12px;
  }

  .aurora-profile-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 16px;
  }

  .aurora-profile-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
    font-size: 18px;
    line-height: 25px;
  }

  .aurora-profile-wallet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 4px;
    min-height: 138px;
    padding: 12px 16px 8px;
  }

  .aurora-profile-wallet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > h2 {
    font-size: 16px;
    line-height: 22px;
  }

  .aurora-profile-wallet-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: 32px minmax(0, 1fr);
    align-items: center;
    gap: 7px 18px;
    display: grid;
  }

  .aurora-profile-feature-icon:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 32px;
    height: 32px;
  }

  .aurora-profile-balance:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h3 {
    font-size: 12px;
    line-height: 16px;
  }

  .aurora-profile-balance:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
    gap: 6px;
  }

  .aurora-profile-balance:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
    letter-spacing: -.5px;
    font-size: 26px;
    line-height: 32px;
  }

  .aurora-profile-balance:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p > span {
    font-size: 12px;
    line-height: 18px;
  }

  .aurora-profile-wallet-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-column: 1 / -1;
    gap: 16px;
    width: 100%;
    margin-left: 0;
  }

  .aurora-profile-wallet-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .aurora-profile-button {
    min-width: 62px;
  }

  .aurora-profile-text-link:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 7px;
    min-height: 32px;
    font-size: 13px;
    line-height: 20px;
  }

  .aurora-profile-wallet-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .aurora-profile-text-link {
    padding-left: 16px;
  }

  .aurora-profile-text-link:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg {
    flex: none;
    width: 16px;
    height: 16px;
  }

  .aurora-profile-bonus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 12px;
  }

  .aurora-profile-creative:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 16px;
    min-height: 122px;
    padding: 16px;
  }

  .aurora-profile-creative-art:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 47%;
    height: 95%;
    right: -2px;
  }

  .aurora-profile-creative:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
    max-width: 60%;
    font-size: 18px;
    line-height: 25px;
  }

  .aurora-profile-creative:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
    max-width: 58%;
    margin: 4px 0 10px;
    font-size: 12px;
    line-height: 18px;
  }

  .aurora-profile-works-action:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 7px;
    min-height: 22px;
    font-size: 13px;
    line-height: 20px;
  }

  .aurora-profile-works-action:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg {
    width: 16px;
    height: 16px;
  }

  .aurora-profile-bottom:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .aurora-profile-checkin:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 124px;
    padding: 16px;
  }

  .aurora-profile-checkin:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
    gap: 8px;
  }

  .aurora-profile-checkin:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 > svg {
    width: 22px;
    height: 22px;
  }

  .aurora-profile-checkin:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
    max-width: calc(100% - 80px);
    margin: 8px 0;
    font-size: 12px;
    line-height: 18px;
  }

  .aurora-profile-checkin-art:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 80px;
    bottom: 12px;
    right: 12px;
  }

  .aurora-profile-checkin:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .aurora-profile-button {
    width: 60%;
    max-width: 200px;
  }

  .aurora-profile-benefits:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 12px 16px;
  }

  .aurora-profile-benefits:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > h2 {
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
  }

  .aurora-profile-shortcut:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 8px;
    min-height: 56px;
    padding: 10px 0;
  }

  .aurora-profile-icon:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 8px;
    width: 28px;
    height: 28px;
  }

  .aurora-profile-icon:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
    width: 18px;
    height: 18px;
  }

  .aurora-profile-shortcut-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 2px;
  }

  .aurora-profile-shortcut:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
    font-size: 14px;
    line-height: 20px;
  }

  .aurora-profile-shortcut:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) small {
    font-size: 11px;
    line-height: 16px;
  }

  .aurora-profile-chevron:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 12px;
    height: 12px;
  }

  .aurora-profile-support:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border: 1px solid var(--border);
    background: var(--card);
    border-radius: 16px;
    margin-top: 0;
    padding: 12px 16px;
  }

  .aurora-profile-support:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > h2 {
    border-top: 0;
    margin-bottom: 6px;
    padding-top: 0;
    font-size: 16px;
    line-height: 22px;
  }

  .aurora-profile-logout-region:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background: none;
    border: 0;
    border-radius: 0;
    padding: 0;
  }

  .aurora-profile-logout:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border: 1px solid var(--studio-border-accent);
    background: var(--card);
    width: 100%;
    min-height: 40px;
    color: var(--foreground);
    border-radius: 10px;
    justify-content: center;
    gap: 8px;
    margin-top: 4px;
    padding: 8px 14px;
    font-size: 14px;
    line-height: 20px;
  }

  .aurora-profile-logout:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg {
    width: 16px;
    height: 16px;
  }

  .aurora-profile-logout:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background: var(--studio-raised);
    text-decoration: none;
  }
}

@media (max-width: 359px) {
  .aurora-profile-checkin:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .aurora-profile-button {
    width: 58%;
  }

  .aurora-profile-checkin-art:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 64px;
    right: 10px;
  }
}

.works-library:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--foreground);
  min-width: 0;
}

.works-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  display: flex;
}

.works-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h1 {
  letter-spacing: -.025em;
  margin: 0 0 8px;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3;
}

.works-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
  color: var(--muted-foreground);
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
}

.works-create:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--studio-gradient);
  min-height: 40px;
  color: var(--studio-on-gradient);
  border-radius: 10px;
  flex: none;
  justify-content: center;
  align-items: center;
  gap: 7px;
  padding: 0 16px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.works-create:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--studio-gradient-hover);
}

.works-filter-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-bottom: 1px solid var(--border);
  margin: 24px 0 18px;
}

.works-filters:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-wrap: wrap;
  align-items: center;
  gap: 0 26px;
  min-width: 0;
  display: flex;
}

.works-chip:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: 100%;
  min-height: 48px;
  color: var(--muted-foreground);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 0;
  flex: none;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 2px;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
  position: relative;
}

.works-chip:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
  flex: none;
}

.works-chip:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
  content: "";
  background: none;
  border-radius: 2px;
  height: 2px;
  position: absolute;
  inset: auto 0 -1px;
}

.works-chip:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--foreground);
}

.works-chip[aria-pressed="true"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--primary);
  font-weight: 600;
}

.works-chip[aria-pressed="true"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
  background: var(--primary);
}

.works-toolbar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px 16px;
  margin-bottom: 20px;
  display: flex;
}

.works-statuses:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 11px;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px;
  max-width: 100%;
  padding: 4px;
  display: inline-flex;
}

.works-statuses:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  min-height: 30px;
  color: var(--muted-foreground);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 0 11px;
  font-size: 13px;
  font-weight: 500;
  display: inline-flex;
}

.works-statuses:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button[aria-pressed="true"] {
  background: var(--studio-soft);
  color: var(--primary);
  font-weight: 600;
}

.works-statuses:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:hover:not([aria-pressed="true"]) {
  color: var(--foreground);
}

.works-refresh:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  min-height: 36px;
  color: var(--muted-foreground);
  cursor: pointer;
  background: none;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 500;
  display: inline-flex;
}

.works-refresh:hover:not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--studio-border-accent);
  color: var(--foreground);
}

.works-refresh:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  cursor: wait;
  opacity: .5;
}

.works-library:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(button, a):focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 3px;
}

.works-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-width: 0;
}

.works-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: start;
  gap: 18px;
  display: grid;
}

.works-library:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .works-card {
  border: 1px solid var(--border);
  background: var(--card);
  box-shadow: none;
  border-radius: 13px;
  flex-direction: column;
  gap: 0;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.works-library:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .works-card:hover {
  border-color: var(--studio-border-accent);
  box-shadow: none;
}

.works-card-media:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--studio-raised);
  width: 100%;
  position: relative;
  overflow: hidden;
}

.works-card-media:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div[class*="aspect-"] {
  aspect-ratio: 16 / 9;
}

.works-library:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .works-card-media [class*="bg-gradient-to-br"] {
  background: var(--studio-raised);
  background-image: none;
}

.works-library:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .works-preview-hit, .works-library:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .works-preview-hit:hover {
  transform: none;
}

.works-card-media:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) video, .works-card-media:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

.works-media-badge:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--card);
  color: var(--foreground);
  border-radius: 7px;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
}

.works-play:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  z-index: 2;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.works-play:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span {
  background: var(--card);
  width: 38px;
  height: 38px;
  color: var(--foreground);
  border-radius: 50%;
  place-items: center;
  display: grid;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .2);
}

.works-play:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
  fill: currentColor;
}

.works-card-info:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--card);
  padding: 12px;
}

.works-card-title:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  overflow: hidden;
}

.works-card-meta:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  margin: 5px 0 0;
  font-size: 12px;
  line-height: 1.5;
}

.works-card-error:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--studio-danger-soft);
  color: var(--studio-danger);
  border-radius: 7px;
  margin-top: 8px;
  padding: 7px 9px;
  font-size: 12px;
  line-height: 1.5;
}

.works-card-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-top: 1px solid var(--border);
  margin-top: auto;
  display: flex;
}

.works-card-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  min-width: 0;
  min-height: 40px;
  color: var(--muted-foreground);
  cursor: pointer;
  background: none;
  border: 0;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  display: inline-flex;
}

.works-card-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button span {
  overflow-wrap: anywhere;
  min-width: 0;
}

.works-card-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button + button {
  box-shadow: inset 1px 0 var(--border);
}

.works-card-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:hover:not(:disabled) {
  background: var(--studio-raised);
  color: var(--primary);
}

.works-card-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:disabled {
  cursor: not-allowed;
  opacity: .4;
}

.works-grid-sentinel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-column: 1 / -1;
  height: 16px;
}

.works-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px dashed var(--border);
  text-align: center;
  background: none;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 18px;
  min-height: 320px;
  padding: 36px 24px;
  display: flex;
}

.works-empty-art:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  object-fit: contain;
  flex: none;
  width: 96px;
  height: 76px;
}

.works-empty-status-icon:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--studio-soft);
  width: 58px;
  height: 58px;
  color: var(--primary);
  border-radius: 18px;
  place-items: center;
  display: grid;
}

.works-empty-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: 380px;
}

.works-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
  color: var(--foreground);
  overflow-wrap: anywhere;
  margin: 0 0 8px;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.5;
}

.works-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
  color: var(--muted-foreground);
  margin: 0;
  font-size: 13px;
  line-height: 1.7;
}

.works-empty-action:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--studio-border-accent);
  background: var(--studio-soft);
  max-width: 100%;
  min-height: 36px;
  color: var(--primary);
  cursor: pointer;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  display: inline-flex;
}

.works-empty-action:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--primary);
}

.works-error:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .works-empty-status-icon {
  color: var(--studio-danger);
  background: var(--studio-danger-soft);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-studio-page="my-works"] {
  width: 100%;
  min-width: 0;
}

@media (min-width: 1900px) {
  .works-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (max-width: 1199px) {
  .works-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .works-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .works-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    align-items: flex-start;
    gap: 12px;
  }

  .works-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h1 {
    font-size: 24px;
  }

  .works-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
    max-width: 240px;
    font-size: 12px;
  }

  .works-create:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 5px;
    min-height: 36px;
    padding: 0 11px;
    font-size: 12px;
  }

  .works-create:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
    width: 15px;
  }

  .works-filter-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: 16px;
    margin-bottom: 14px;
  }

  .works-filters:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 0 16px;
  }

  .works-chip:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 6px;
    min-height: 42px;
    font-size: 13px;
  }

  .works-chip:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
    width: 15px;
  }

  .works-toolbar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 8px;
    margin-bottom: 16px;
  }

  .works-statuses:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 0;
    padding: 3px;
  }

  .works-statuses:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
    min-height: 30px;
    padding: 0 9px;
    font-size: 12px;
  }

  .works-statuses:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button svg {
    display: none;
  }

  .works-refresh:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 0 9px;
    font-size: 12px;
  }

  .works-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 12px;
  }

  .works-card-title:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 13px;
  }

  .works-card-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
    flex-direction: column;
    gap: 4px;
    min-height: 52px;
    padding: 7px 1px;
    font-size: 11px;
    line-height: 1.4;
  }

  .works-card-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button svg {
    width: 13px;
  }

  .works-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 16px;
    min-height: 300px;
    padding: 28px 16px;
  }

  .works-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
    font-size: 16px;
  }
}

@media (max-width: 379px) {
  .works-refresh:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 34px;
    min-height: 34px;
    padding: 0;
  }

  .works-refresh:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) span {
    display: none;
  }

  .works-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  .works-library *, .works-library :after {
    transition: none !important;
    animation: none !important;
  }
}

.coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-width: 0;
}

.coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-page-header {
  align-items: flex-start;
  margin-bottom: 22px;
}

.coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-page-actions [data-slot="button"] {
  background: none;
  border-radius: 11px;
  gap: 9px;
  min-height: 40px;
  padding-inline: 18px;
}

.coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-page-actions [data-slot="button"]:hover {
  border-color: var(--studio-border-accent);
}

.coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-controls {
  border-bottom: 1px solid var(--border);
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  min-width: 0;
  display: flex;
}

.coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-media-tabs {
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-media-tabs button {
  min-height: 48px;
  color: var(--muted-foreground);
  white-space: nowrap;
  background: none;
  border: 0;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 12px 17px 15px;
  font-size: 14px;
  font-weight: 550;
  transition: color .18s;
  display: inline-flex;
  position: relative;
}

.coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-media-tabs button:after {
  background: var(--primary);
  content: "";
  opacity: 0;
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
}

.coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-media-tabs button:hover {
  color: var(--foreground);
}

.coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-media-tabs button[aria-pressed="true"] {
  color: var(--primary);
}

.coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-media-tabs button[aria-pressed="true"]:after {
  opacity: 1;
}

.coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-media-tabs button:focus-visible, .coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-card button:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}

.coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-order-hint {
  color: var(--muted-foreground);
  flex-shrink: 0;
  padding-bottom: 3px;
  font-size: 12px;
}

.coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-feed {
  min-height: 280px;
  padding-top: 26px;
}

.coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-grid {
  column-count: 2;
  column-gap: 12px;
  padding-bottom: 30px;
  display: block;
}

.coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-grid.hidden {
  display: none;
}

.coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-card {
  break-inside: avoid;
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 15px;
  width: 100%;
  min-width: 0;
  margin: 0 0 12px;
  transition: transform .2s, border-color .2s, box-shadow .2s;
  display: inline-block;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
}

.coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-card:hover {
  border-color:var(--primary);border-color: color-mix(in srgb,var(--primary) 55%,var(--border));
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
}

.coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-open {
  text-align: left;
  width: 100%;
  padding: 0;
  display: block;
}

.coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-cover {
  aspect-ratio: 3 / 4;
  background: var(--muted);
  width: 100%;
  position: relative;
  overflow: hidden;
}

.coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-cover > img, .coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-cover > video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}

.coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-stacked {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
  height: 100%;
  display: grid;
}

.coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-stacked img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  min-height: 0;
}

.coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-cover-empty {
  width: 100%;
  height: 100%;
  color: var(--muted-foreground);
  justify-content: center;
  align-items: center;
  display: flex;
}

.coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-media-badge, .coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-unlocked {
  z-index: 1;
  color: #fff;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: rgba(12, 10, 18, .78);
  border-radius: 8px;
  align-items: center;
  gap: 5px;
  min-height: 25px;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
  position: absolute;
  top: 10px;
}

.coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-media-badge {
  left: 10px;
}

.coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-unlocked {
  top: auto;
  bottom: 10px;
  right: 10px;
}

.coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-play {
  color: #fff;
  opacity: .9;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, .6));
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-title {
  color: var(--muted-foreground);
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 12px 13px 5px;
  font-size: 12px;
  font-weight: 500;
  display: block;
  overflow: hidden;
}

.coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-meta {
  min-height: 39px;
  color: var(--muted-foreground);
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 0 13px 11px;
  font-size: 12px;
  display: flex;
}

.coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-author {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-like {
  color: var(--muted-foreground);
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
  align-items: center;
  gap: 5px;
  padding: 4px;
  font-size: 12px;
  display: inline-flex;
}

.coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-like:hover, .coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-like.is-liked {
  color: #e06fac;
}

.coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-state {
  min-height: 260px;
  color: var(--muted-foreground);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  font-size: 14px;
  display: flex;
}

.coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-skeleton {
  pointer-events: none;
}

.coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-skeleton .plaza-discover-cover, .coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-skeleton-title, .coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-skeleton-meta {
  background: var(--muted);
  animation: 1.5s ease-in-out infinite plaza-discover-pulse;
}

.coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-skeleton-title {
  border-radius: 4px;
  width: 50%;
  height: 14px;
  margin: 13px;
}

.coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-skeleton-meta {
  border-radius: 4px;
  width: 70%;
  height: 10px;
  margin: 9px 13px 14px;
}

@keyframes plaza-discover-pulse {
  50% {
    opacity: .5;
  }
}

@media (min-width: 768px) {
  .coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-grid.md\:grid {
    display: block;
  }

  .coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-grid.md\:hidden {
    display: none;
  }
}

@media (min-width: 1024px) {
  .coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-grid {
    column-count: 3;
    column-gap: 16px;
  }
}

@media (min-width: 1280px) {
  .coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-grid {
    column-count: 4;
  }
}

@media (max-width: 767px) {
  .coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-page-header {
    flex-wrap: nowrap;
    gap: 12px;
    margin-bottom: 18px;
  }

  .coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-page-actions {
    width: auto;
  }

  .coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-page-actions [data-slot="button"] {
    gap: 6px;
    min-height: 36px;
    padding-inline: 11px;
    font-size: 12px;
  }

  .coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-controls {
    gap: 12px;
  }

  .coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-media-tabs {
    scrollbar-width: none;
    gap: 8px;
    max-width: 100%;
    overflow-x: auto;
  }

  .coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-media-tabs::-webkit-scrollbar {
    display: none;
  }

  .coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-media-tabs button {
    gap: 6px;
    min-height: 44px;
    padding: 10px 12px 13px;
    font-size: 13px;
  }

  .coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-media-tabs button:after {
    bottom: 0;
  }

  .coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-media-tabs button:focus-visible {
    outline-offset: -3px;
  }

  .coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-order-hint {
    display: none;
  }

  .coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-feed {
    padding-top: 20px;
  }

  .coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-grid {
    column-count: 2;
    column-gap: 8px;
  }

  .coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-card {
    border-radius: 12px;
  }

  .coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-title {
    padding: 9px 9px 0;
    font-size: 12px;
  }

  .coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-meta {
    min-height: 34px;
    padding: 0 9px 7px;
    font-size: 11px;
  }

  .coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-media-badge, .coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-unlocked {
    min-height: 22px;
    padding: 2px 6px;
    font-size: 10px;
    top: 7px;
  }

  .coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-media-badge {
    left: 7px;
  }

  .coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-unlocked {
    top: auto;
    bottom: 7px;
    right: 7px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-card, .coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-media-tabs button {
    transition: none;
  }

  .coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-skeleton .plaza-discover-cover, .coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-skeleton-title, .coral-plaza-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .plaza-discover-skeleton-meta {
    animation: none;
  }
}

.film-studio-shell:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .film-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --film-blue: var(--studio-ink);
  --film-line: var(--border);
  --film-muted: var(--muted-foreground);
  background: var(--background);
  color: var(--foreground);
  min-height: 100vh;min-height: 100dvh;
  font-family: Inter, -apple-system, BlinkMacSystemFont, PingFang SC, Microsoft YaHei, sans-serif;
  font-size: 14px;
}

.film-studio-shell:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) *, .film-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) * {
  box-sizing: border-box;
}

.film-studio-shell:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button, .film-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button, .film-studio-shell:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input, .film-studio-shell:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select {
  font: inherit;
  cursor: pointer;
}

.film-studio-shell:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) a, .film-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) a {
  color: inherit;
  text-decoration: none;
}

.film-studio-shell:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:focus-visible, .film-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:focus-visible, .film-studio-shell:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) a:focus-visible, .film-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) a:focus-visible {
  outline: 3px solid var(--border);
  outline-offset: 3px;
}

.film-studio-shell:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h1, .film-studio-shell:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2, .film-studio-shell:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p, .film-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h1, .film-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2, .film-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h3, .film-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
  margin: 0;
}

.film-studio-shell:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button, .film-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  background: none;
  border: 0;
}

.film-studio-shell:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:disabled, .film-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:disabled {
  cursor: not-allowed;
}

.film-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--card);
  border-right: 1px solid var(--border);
  z-index: 20;
  width: 242px;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
}

.film-brand:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-bottom: 1px solid var(--border);
  align-items: center;
  gap: 12px;
  height: 68px;
  padding: 0 28px;
  display: flex;
}

.film-brand:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg {
  color: var(--studio-ink);
  width: 30px;
  height: 30px;
}

.film-brand:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) span {
  letter-spacing: -.5px;
  font-size: 23px;
  font-weight: 700;
}

.film-brand:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) small {
  letter-spacing: 0;
  color: var(--film-muted);
  margin-top: 2px;
  font-size: 12px;
  font-weight: 400;
  display: block;
}

.film-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) nav {
  padding: 24px 12px;
}

.film-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) nav a {
  border-radius: 9px;
  align-items: center;
  gap: 16px;
  min-height: 50px;
  margin-bottom: 12px;
  padding: 12px 20px;
  font-size: 16px;
  display: flex;
}

.film-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) nav a[aria-current] {
  color: var(--film-blue);
  background: var(--studio-raised);
  border-left: 5px solid var(--film-blue);
  padding-left: 15px;
}

.film-accountbar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-bottom: 1px solid var(--border);
  background: rgba(20, 17, 22, .72);
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
  height: 68px;
  margin-left: 242px;
  padding: 0 32px;
  display: flex;
}

.film-account-coins:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  align-items: center;
  gap: 8px;
  font-size: 15px;
  display: flex;
}

.film-account-coins:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
  color: #efae1e;
}

.film-account-divider:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-left: 1px solid var(--border);
  height: 24px;
}

.film-account-avatar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--studio-raised);
  width: 40px;
  height: 40px;
  color: var(--muted-foreground);
  border-radius: 50%;
  place-items: center;
  display: grid;
  overflow: hidden;
}

.film-account-avatar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.film-mobile-brand:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .film-bottom-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  display: none;
}

.film-list-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-width: 0;
  margin-left: 242px;
  padding: 26px 30px 12px;
}

.film-page-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-bottom: 22px;
}

.film-page-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h1 {
  letter-spacing: -1.5px;
  font-size: 44px;
  font-weight: 750;
  line-height: 1.3;
}

.film-page-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
  color: var(--film-muted);
  margin-top: 2px;
  font-size: 19px;
}

.film-primary {
  background: var(--studio-gradient) !important;
  color: #fff !important;
  border-radius: 9px !important;
  gap: 8px !important;
  padding: 0 20px !important;
  font-size: 14px !important;
}

.film-primary:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  font-weight: 600;
  display: inline-flex;
}

.film-primary:hover:not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  filter: brightness(1.08);
}

.film-resume:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--card);
  border-radius: 12px;
  align-items: center;
  gap: 20px;
  min-height: 88px;
  margin-bottom: 24px;
  padding: 12px;
  display: flex;
}

.film-resume:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > img {
  object-fit: cover;
  border-radius: 7px;
  width: 158px;
  height: 64px;
}

.film-resume:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
  font-size: 18px;
}

.film-resume:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div > span {
  color: var(--film-muted);
  margin-top: 5px;
  font-size: 14px;
  display: block;
}

.film-resume-progress:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--studio-raised);
  border-radius: 8px;
  flex: 1;
  max-width: 315px;
  height: 7px;
  margin-left: 14px;
}

.film-resume-progress:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span, .film-card-progress:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span, .film-progress:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span {
  border-radius: inherit;
  background: var(--studio-brand-start);
  height: 100%;
  display: block;
}

.film-resume:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-primary {
  margin-left: auto;
}

.film-toolbar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  align-items: center;
  gap: 24px;
  margin-bottom: 22px;
  display: flex;
}

.film-search:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--film-line);
  background: var(--card);
  min-width: 0;
  max-width: 395px;
  height: 46px;
  color: var(--muted-foreground);
  border-radius: 10px;
  flex: 1;
  align-items: center;
  gap: 10px;
  padding: 0 14px;
  display: flex;
}

.film-search:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input {
  width: 100%;
  min-width: 0;
  color: var(--foreground);
  background: none;
  border: 0;
  outline: none;
  font-size: 17px;
}

.film-search:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  color: var(--muted-foreground);
  padding: 0;
  display: flex;
}

.film-filters:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  gap: 12px;
  display: flex;
}

.film-filters:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  color: var(--muted-foreground);
  border: 1px solid var(--border);
  background: var(--card);
  white-space: nowrap;
  border-radius: 24px;
  height: 40px;
  padding: 0 20px;
  font-size: 14px;
}

.film-filters:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button[aria-pressed="true"] {
  background: var(--studio-gradient);
  color: var(--studio-on-gradient);
  border-color: var(--film-blue);
}

.film-sort:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  white-space: nowrap;
  border: 1px solid var(--film-line);
  background: var(--card);
  height: 44px;
  color: var(--muted-foreground);
  border-radius: 11px;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  padding: 0 14px;
  display: flex;
}

.film-sort:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select {
  background: none;
  border: 0;
  max-width: 100px;
}

.film-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  display: grid;
}

.film-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 3px 13px rgba(0, 0, 0, .016);
}

.film-cover {
  background: var(--studio-raised) !important;
}

.film-cover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  aspect-ratio: 1.88;
  width: 100%;
  padding: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.film-cover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.film-role:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #fff;
  background: rgba(10, 9, 13, .537);
  border-radius: 16px;
  align-items: center;
  gap: 6px;
  padding: 5px 9px;
  font-size: 12px;
  display: flex;
  position: absolute;
  top: 9px;
  left: 11px;
}

.film-cover-meta:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #fff;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(10, 9, 13, .65));
  justify-content: space-between;
  padding: 17px 12px 10px;
  font-size: 13px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.film-cover-meta:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span {
  align-items: center;
  gap: 7px;
  display: flex;
}

.film-card-body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding: 9px 16px 11px;
}

.film-card-body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
  font-size: 19px;
  font-weight: 700;
  line-height: 1.4;
}

.film-card-body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > p {
  color: var(--film-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 3px;
  font-size: 13px;
  overflow: hidden;
}

.film-card-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  display: flex;
}

.film-card-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span {
  color: var(--muted-foreground);
  font-size: 13px;
}

.film-card-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span.has-progress {
  color: var(--film-blue);
}

.film-card-footer .film-primary {
  padding: 0 23px !important;
  font-size: 13px !important;
}

.film-card-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-primary {
  min-height: 37px;
}

.film-card-footer .film-primary:not(.is-continuing) {
  background: var(--studio-brand-start) !important;
}

.film-card-progress:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .film-role-mobile:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .film-duration-mobile:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .film-card-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > small {
  display: none;
}

.film-pagination:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: center;
  align-items: center;
  gap: 9px;
  margin-top: 18px;
  display: flex;
}

.film-pagination:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  border: 1px solid var(--film-line);
  background: var(--card);
  min-width: 34px;
  height: 34px;
  color: var(--muted-foreground);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 0 10px;
  display: flex;
}

.film-pagination:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button[aria-current] {
  background: var(--studio-brand-start);
  color: #fff;
}

.film-pagination:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:disabled {
  color: var(--muted-foreground);
}

.film-pagination:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:first-child > span, .film-page-count:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  display: none;
}

.film-list-note {
  margin-top: 6px !important;
}

.film-list-note:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  text-align: center;
  color: var(--muted-foreground);
  font-size: 10px;
}

.film-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  justify-items: center;
  gap: 18px;
  padding: 70px 20px;
  display: grid;
}

.film-outline {
  background: var(--card) !important;
  color: var(--film-blue) !important;
  border: 1px solid var(--border) !important;
  border-radius: 7px !important;
  padding: 0 14px !important;
  font-size: 13px !important;
}

.film-outline:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  display: inline-flex;
}

.film-outline:disabled {
  color: var(--muted-foreground) !important;
  border-color: var(--border) !important;
}

.film-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 100%;
  max-width: none;
  padding: 0 16px 14px;
}

.film-breadcrumb:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: space-between;
  align-items: center;
  height: 54px;
  font-size: 14px;
  display: flex;
  position: relative;
}

.film-breadcrumb:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button, .film-desktop-works:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  align-items: center;
  gap: 7px;
  display: flex;
}

.film-breadcrumb-center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  align-items: center;
  gap: 18px;
  display: flex;
}

.film-breadcrumb-center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > strong {
  font-size: 22px;
}

.film-breadcrumb-center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) b {
  color: var(--studio-ink);
}

.film-breadcrumb-center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span {
  color: var(--muted-foreground);
}

.film-mobile-title, .film-more, .film-mobile-role-heading {
  display: none !important;
}

.film-workspace-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: minmax(0, 2.1fr) minmax(330px, 1fr);
  gap: 10px;
  display: grid;
}

.film-main-column:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 13px;
  min-width: 0;
  padding: 15px;
}

.film-project-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  align-items: center;
  gap: 24px;
  margin-bottom: 12px;
  display: flex;
}

.film-back:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  height: 34px;
  color: var(--muted-foreground);
  border-radius: 9px;
  flex: none;
  align-items: center;
  gap: 4px;
  margin-right: -12px;
  padding: 0 8px 0 2px;
  font-size: 14px;
  font-weight: 650;
  display: inline-flex;
}

.film-back:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--film-blue);
}

.film-project-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h1 {
  letter-spacing: -.7px;
  font-size: 32px;
  font-weight: 750;
  line-height: 1.3;
}

.film-project-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span {
  color: var(--muted-foreground);
  font-size: 14px;
}

.film-project-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) small {
  color: var(--muted-foreground);
  align-items: center;
  gap: 7px;
  font-size: 12px;
  display: flex;
}

.film-project-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) small svg {
  color: var(--studio-success);
}

.film-preview:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  aspect-ratio: 2.18;
  background: var(--studio-raised);
  border-radius: 9px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.film-preview:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > img {
  object-fit: cover;
  object-position: center 48%;
  width: 100%;
  height: 100%;
}

.film-preview-caption:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #fff;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(10, 9, 13, .81));
  align-items: center;
  gap: 12px;
  padding: 24px 20px 13px;
  font-size: 13px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.film-preview-caption:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) small {
  color: var(--muted-foreground);
  margin-left: auto;
  font-size: 11px;
}

.film-result-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  height: 100%;
  color: var(--muted-foreground);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  font-size: 13px;
  display: flex;
}

.film-result-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
  font-size: 18px;
}

.film-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-bottom: 1px solid var(--border);
  gap: 22px;
  margin: 3px 3px 16px;
  display: flex;
}

.film-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  color: var(--muted-foreground);
  border-bottom: 3px solid rgba(0, 0, 0, 0);
  padding: 15px 24px 11px;
  font-size: 16px;
  font-weight: 650;
}

.film-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button[aria-selected="true"] {
  color: var(--studio-ink);
  border-color: var(--studio-border-accent);
}

.film-scenes:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > header {
  align-items: center;
  gap: 20px;
  margin-bottom: 12px;
  display: flex;
}

.film-step {
  font-size: 20px !important;
  font-weight: 700 !important;
}

.film-step:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  align-items: center;
  gap: 9px;
  line-height: 1.4;
  display: flex;
}

.film-step:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg {
  color: var(--studio-ink);
  background: var(--studio-raised);
  border-radius: 8px;
  width: 28px;
  height: 28px;
  padding: 3px;
}

.film-step:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span {
  color: var(--studio-ink);
  font-size: 19px;
  font-weight: 600;
}

.film-scenes:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-step > span, .film-merge:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-step > span {
  display: none;
}

.film-completed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--studio-success-soft);
  color: var(--studio-success);
  border-radius: 20px;
  align-items: center;
  gap: 7px;
  padding: 5px 12px;
  font-size: 13px;
  display: flex;
}

.film-completed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
  color: var(--studio-success);
}

.film-scenes:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > header > small {
  color: var(--muted-foreground);
  font-size: 12px;
}

.film-scene-tools:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  align-items: center;
  gap: 9px;
  margin-bottom: 12px;
  display: flex;
}

.film-scene-tools:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-filters {
  gap: 9px;
  margin-right: auto;
}

.film-scene-tools:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-filters button {
  height: 35px;
  padding: 0 20px;
  font-size: 13px;
}

.film-select-same:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: 35px;
}

.film-clear {
  font-size: 12px !important;
}

.film-clear:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  padding: 0 5px;
}

.film-selection-hint:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  display: none;
}

.film-scene-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.film-scene:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--studio-raised);
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 7px;
  min-width: 0;
  position: relative;
  overflow: hidden;
}

.film-scene.is-selected:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--studio-border-accent);
  box-shadow: 0 0 0 1px #dce6ff;
}

.film-scene-preview:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  aspect-ratio: 1.98;
  width: 100%;
  padding: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.film-scene-preview:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
  content: "";
  pointer-events: none;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(10, 9, 13, .44));
  position: absolute;
  inset: 55% 0 0;
}

.film-scene-preview:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.film-scene-label:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .film-scene-people:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .film-scene-time:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #fff;
  z-index: 1;
  border-radius: 4px;
  padding: 3px 6px;
  font-size: 11px;
  line-height: 1.4;
  position: absolute;
}

.film-scene-label:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: rgba(10, 9, 13, .66);
  top: 4px;
  left: 4px;
}

.film-scene-people:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: rgba(195, 123, 229, .7);
  top: 4px;
  right: 4px;
}

.film-scene-time:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: rgba(10, 9, 13, .65);
  font-size: 10px;
  bottom: 4px;
  right: 4px;
}

.film-check {
  background: rgba(10, 9, 13, .467) !important;
  border: 1px solid rgba(255, 255, 255, .69) !important;
}

.film-check:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #fff;
  z-index: 2;
  opacity: 0;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  padding: 0;
  display: flex;
  position: absolute;
  top: 5px;
  left: 5px;
}

.film-scene:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-check, .film-check:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .film-check[aria-pressed="true"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  opacity: 1;
}

.film-check[aria-pressed="true"] {
  background: var(--studio-brand-start) !important;
}

.film-scene.is-selected:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-scene-label {
  padding-left: 26px;
}

.film-scene-complete:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--card);
  color: var(--studio-success);
  z-index: 2;
  border-radius: 100%;
  position: absolute;
  top: 6px;
  left: 76px;
}

.film-scene-status:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #fff;
  z-index: 2;
  background: rgba(10, 9, 13, .5);
  justify-content: center;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  display: flex;
  position: absolute;
  inset: 0;
}

.film-scene-status.is-error:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #ff8e8e;
  background: rgba(123, 38, 43, .74);
  border-radius: 20px;
  padding: 5px;
  inset: auto 6px 28px;
}

.film-expand:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  display: none;
}

.film-settings-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .film-merge:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 12px;
  padding: 22px 19px 18px;
}

.film-helper {
  margin: 5px 0 14px 44px !important;
}

.film-helper:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  font-size: 12px;
  line-height: 1.7;
}

.film-reference:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--film-line);
  border-radius: 10px;
  grid-template-columns: 36% minmax(0, 1fr);
  gap: 10px 16px;
  margin-bottom: 24px;
  padding: 8px;
  display: grid;
}

.film-reference:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > img, .film-upload-icon:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  aspect-ratio: 1;
  object-fit: cover;
  object-position: 40% center;
  border-radius: 7px;
  width: 100%;
}

.film-upload-icon:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--studio-ink);
  background: var(--studio-raised);
  place-items: center;
  display: grid;
}

.film-reference-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  align-self: center;
}

.film-reference-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > strong {
  font-size: 20px;
}

.film-reference-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span {
  color: var(--muted-foreground);
  margin-top: 7px;
  font-size: 12px;
  display: block;
}

.film-reference-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > p {
  color: var(--muted-foreground);
  overflow-wrap: anywhere;
  margin-top: 7px;
  font-size: 13px;
  line-height: 1.65;
}

.film-reference-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-column: 1 / -1;
  gap: 10px;
  display: flex;
}

.film-reference-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > * {
  flex: 1;
  min-width: 0;
}

.film-upload-label:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.film-upload-label:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input {
  opacity: 0;
  cursor: pointer;
  width: 100%;
  position: absolute;
  inset: 0;
}

.film-upload-label:focus-within:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  outline: 3px solid var(--border);
}

.film-model-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h3 {
  margin: 18px 0 9px;
  font-size: 14px;
  font-weight: 650;
}

.film-models:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  gap: 8px;
  margin-bottom: 26px;
  display: flex;
}

.film-models:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  text-align: left;
  border: 1px solid var(--film-line);
  background: var(--card);
  border-radius: 7px;
  flex: 1;
  gap: 10px;
  min-width: 0;
  padding: 13px;
  display: flex;
}

.film-models:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button[aria-pressed="true"] {
  border-color: var(--border);
  color: var(--studio-ink);
  background: var(--card);
}

.film-radio:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  border-radius: 50%;
  flex-shrink: 0;
  width: 19px;
  height: 19px;
  display: block;
}

.film-models:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button[aria-pressed="true"] .film-radio {
  border: 6px solid var(--studio-border-accent);
}

.film-models:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
  font-size: 14px;
}

.film-models:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) small {
  color: var(--muted-foreground);
  white-space: nowrap;
  margin-top: 6px;
  font-size: 10px;
  display: block;
}

.film-selection-summary:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--studio-raised);
  color: var(--studio-ink);
  border-radius: 7px;
  margin: 15px 0;
  padding: 13px;
  font-size: 17px;
  font-weight: 650;
}

.film-billing:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) dl {
  margin: 0;
}

.film-billing:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) dl > div {
  justify-content: space-between;
  align-items: center;
  margin: 10px 0;
  font-size: 14px;
  display: flex;
}

.film-billing:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) dt {
  color: var(--muted-foreground);
}

.film-billing:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) dd {
  margin: 0;
  font-weight: 600;
}

.film-billing:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-total {
  color: var(--studio-ink);
  font-size: 24px;
}

.film-service-note {
  margin: 7px 0 12px !important;
}

.film-service-note:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  align-items: center;
  gap: 6px;
  font-size: 11px;
  display: flex;
}

.film-generate {
  font-size: 18px !important;
}

.film-generate:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 100%;
  height: 48px;
}

.film-generate:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  opacity: .75;
}

.film-merge:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-top: 9px;
  padding-top: 18px;
}

.film-merge-progress:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  align-items: center;
  gap: 12px;
  margin-top: 13px;
  font-size: 13px;
  display: flex;
}

.film-progress:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--studio-raised);
  border-radius: 8px;
  flex: 1;
  height: 7px;
}

.film-merge-progress:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span {
  color: var(--muted-foreground);
}

.film-merge .film-helper {
  margin: 9px 0 14px !important;
}

.film-merge:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-helper {
  align-items: center;
  gap: 5px;
  font-size: 11px;
  display: flex;
}

.film-merge .film-outline {
  background: var(--card) !important;
  border-color: var(--border) !important;
  font-size: 15px !important;
}

.film-merge:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-outline {
  width: 100%;
  height: 49px;
  font-weight: 650;
}

.film-mobile-action:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .film-mobile-label:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  display: none;
}

.film-more-menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--film-line);
  background: var(--card);
  z-index: 20;
  border-radius: 9px;
  padding: 12px;
  position: absolute;
  top: 47px;
  right: 0;
  box-shadow: 0 6px 24px rgba(0, 0, 0, .125);
}

.film-more-menu > * {
  padding: 9px !important;
  display: block !important;
}

.film-modal-backdrop:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  z-index: 100;
  background: rgba(10, 9, 13, .333);
  place-items: center;
  padding: 20px;
  display: grid;
  position: fixed;
  inset: 0;
}

.film-picker:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--card);
  border-radius: 18px;
  width: min(540px, 100%);
  padding: 25px;
  position: relative;
}

.film-picker:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
  font-size: 20px;
}

.film-picker:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
  color: var(--muted-foreground);
  margin: 12px 0;
  font-size: 13px;
}

.film-picker:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div {
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  display: grid;
}

.film-picker:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div button {
  text-align: left;
  color: var(--muted-foreground);
  padding: 0;
}

.film-picker:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) img {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: 8px;
}

.film-picker-close:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  position: absolute;
  top: 12px;
  right: 12px;
}

.film-spinner:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  animation: 1.2s linear infinite film-spin;
}

@keyframes film-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (min-width: 1600px) {
  .film-list-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 1440px;
    margin-left: max(242px, 50vw - 599px);
  }

  .film-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 1600px;
    margin: auto;
  }

  .film-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 242px;
  }
}

@media (min-width: 761px) and (max-width: 1150px) {
  .film-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 190px;
  }

  .film-brand:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 0 18px;
  }

  .film-brand:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) span {
    font-size: 19px;
  }

  .film-list-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .film-accountbar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-left: 190px;
  }

  .film-list-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 24px 20px;
  }

  .film-toolbar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    flex-wrap: wrap;
    gap: 12px;
  }

  .film-search:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: none;
  }

  .film-filters:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
    padding: 0 13px;
  }

  .film-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 14px;
  }

  .film-card-body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 10px;
  }

  .film-card-body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
    font-size: 17px;
  }

  .film-card-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    flex-wrap: wrap;
  }

  .film-card-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-primary {
    width: 100%;
  }

  .film-resume-progress:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: none;
  }

  .film-workspace-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: minmax(0, 1.6fr) minmax(290px, 1fr);
  }

  .film-scenes:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > header > small {
    display: none;
  }

  .film-project-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 10px;
  }

  .film-project-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h1 {
    font-size: 25px;
  }

  .film-project-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) small {
    font-size: 10px;
  }

  .film-step {
    font-size: 17px !important;
  }

  .film-models:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) small {
    white-space: normal;
  }

  .film-scene-tools:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-filters button {
    padding: 0 10px;
  }

  .film-select-same {
    padding: 0 8px !important;
    font-size: 11px !important;
  }

  .film-reference-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > strong {
    font-size: 17px;
  }

  .film-workspace .film-helper {
    margin-left: 0 !important;
  }
}

@media (max-width: 760px) {
  .film-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: none;
  }

  .film-accountbar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background: var(--card);
    border: 0;
    gap: 12px;
    height: 56px;
    margin: 0;
    padding: 0 17px;
  }

  .film-mobile-brand:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-right: auto;
    display: block;
  }

  .film-brand:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border: 0;
    gap: 8px;
    height: auto;
    padding: 0;
  }

  .film-brand:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg {
    width: 25px;
    height: 25px;
  }

  .film-brand:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) span {
    font-size: 19px;
  }

  .film-brand:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) small {
    display: none;
  }

  .film-account-coins {
    color: var(--studio-ink) !important;
  }

  .film-account-coins:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 5px;
    font-size: 14px;
  }

  .film-account-coins:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
    color: var(--studio-ink);
    width: 18px;
  }

  .film-account-coins:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span, .film-account-chevron:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: none;
  }

  .film-account-divider:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 20px;
  }

  .film-account-avatar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 29px;
    height: 29px;
  }

  .film-list-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin: 0;
    padding: 0 11px 78px;
  }

  .film-page-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin: 0 0 18px;
    padding: 0 6px;
  }

  .film-page-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h1 {
    letter-spacing: -1px;
    font-size: 31px;
    line-height: 1.6;
  }

  .film-page-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
    font-size: 15px;
  }

  .film-resume:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background: var(--studio-raised);
    grid-template-rows: auto auto;
    grid-template-columns: 90px minmax(0, 1fr) 58px;
    gap: 3px 11px;
    min-height: 67px;
    margin: 0 6px 12px;
    padding: 10px;
    display: grid;
  }

  .film-resume:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > img {
    grid-row: 1 / 3;
    width: 90px;
    height: 46px;
  }

  .film-resume:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div:not(.film-resume-progress) {
    flex-wrap: wrap;
    align-self: end;
    align-items: center;
    gap: 4px;
    min-width: 0;
    display: flex;
  }

  .film-resume:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
    white-space: nowrap;
    font-size: 14px;
  }

  .film-resume:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div > span {
    margin: 0;
    font-size: 10px;
  }

  .film-resume-progress:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-area: 2 / 2;
    align-self: start;
    width: 100%;
    max-width: none;
    height: 7px;
    margin: 3px 0 0;
    display: block;
  }

  .film-resume .film-primary {
    background: var(--studio-brand-start) !important;
    border-radius: 8px !important;
    padding: 0 9px !important;
    font-size: 12px !important;
  }

  .film-resume:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-primary {
    grid-area: 1 / 3 / 3;
    min-height: 31px;
  }

  .film-resume:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-primary span {
    font-size: 0;
  }

  .film-resume:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-primary span:after {
    content: "继续";
    font-size: 12px;
  }

  .film-resume:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-primary svg {
    display: none;
  }

  .film-toolbar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    flex-wrap: wrap;
    gap: 12px;
    margin: 0 6px 13px;
    display: flex;
  }

  .film-search:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background: var(--studio-raised);
    border: 0;
    border-radius: 26px;
    flex-basis: 100%;
    max-width: none;
    height: 39px;
    padding: 0 15px;
  }

  .film-search:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input {
    font-size: 14px;
  }

  .film-search:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg {
    width: 19px;
    height: 19px;
  }

  .film-filters:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 9px;
  }

  .film-filters:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
    background: var(--studio-raised);
    border: 0;
    height: 31px;
    padding: 0 17px;
    font-size: 13px;
  }

  .film-sort:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: none;
  }

  .film-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 9px;
  }

  .film-cover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    aspect-ratio: 1.71;
  }

  .film-role:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .film-cover-meta:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: none;
  }

  .film-duration-mobile:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: #fff;
    background: rgba(10, 9, 13, .6);
    border-radius: 5px;
    padding: 3px 5px;
    font-size: 10px;
    display: block;
    position: absolute;
    top: 6px;
    right: 5px;
  }

  .film-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 8px;
  }

  .film-card-body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 8px 10px 10px;
  }

  .film-role-mobile:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--studio-ink);
    background: var(--studio-raised);
    border-radius: 13px;
    margin-bottom: 5px;
    padding: 2px 7px;
    font-size: 11px;
    display: inline-flex;
  }

  .film-card-body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
    font-size: 16px;
    line-height: 1.5;
  }

  .film-card-body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > p {
    display: none;
  }

  .film-card-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: 1fr auto;
    gap: 7px 2px;
    margin-top: 6px;
    display: grid;
  }

  .film-card-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span, .film-card-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > small {
    white-space: nowrap;
    color: var(--muted-foreground);
    font-size: 10px;
  }

  .film-card-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > small {
    color: var(--muted-foreground);
    display: block;
  }

  .film-card-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span.has-progress {
    color: var(--muted-foreground);
  }

  .film-card-progress:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background: var(--studio-raised);
    border-radius: 5px;
    grid-column: 1 / -1;
    height: 7px;
    margin-bottom: 3px;
    display: block;
  }

  .film-card-footer .film-primary {
    background: var(--studio-brand-start) !important;
    border-radius: 7px !important;
    padding: 0 8px !important;
    font-size: 12px !important;
  }

  .film-card-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-primary {
    grid-column: 1 / -1;
    width: 100%;
    min-height: 31px;
  }

  .film-card-footer .film-primary.is-continuing, .film-card-footer .film-primary:not(.is-continuing) {
    background: var(--studio-brand-start) !important;
  }

  .film-pagination:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 20px;
    margin: 11px 0 5px;
  }

  .film-pagination:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
    background: var(--studio-raised);
    border-radius: 20px;
    height: 30px;
    padding: 0 15px;
    font-size: 12px;
  }

  .film-pagination:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:first-child > span, .film-page-count:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: inline;
  }

  .film-pagination:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button[aria-current] {
    color: var(--muted-foreground);
    background: none;
    border: 0;
    min-width: 0;
    margin-right: -16px;
    padding: 0;
  }

  .film-page-count:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--muted-foreground);
    font-size: 13px;
  }

  .film-list-note {
    font-size: 9px !important;
  }

  .film-bottom-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    z-index: 30;
    background: var(--card);
    border-top: 1px solid var(--border);
    padding: 8px 0 max(7px,env(safe-area-inset-bottom));
    justify-content: space-around;
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .film-bottom-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) a {
    color: var(--muted-foreground);
    flex-direction: column;
    align-items: center;
    gap: 3px;
    width: 25%;
    font-size: 11px;
    display: flex;
    position: relative;
  }

  .film-bottom-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) a[aria-current] {
    color: var(--studio-ink);
  }

  .film-bottom-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) a[aria-current]:after {
    content: "";
    background: var(--studio-brand-start);
    border-radius: 2px;
    width: 35px;
    height: 2px;
    position: absolute;
    bottom: -5px;
  }

  .film-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 0 14px 100px;
  }

  .film-breadcrumb:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 49px;
    font-size: 12px;
  }

  .film-breadcrumb:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > button {
    padding: 0;
  }

  .film-breadcrumb-center, .film-desktop-works {
    display: none !important;
  }

  .film-mobile-title {
    display: flex !important;
  }

  .film-mobile-title:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    white-space: nowrap;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
  }

  .film-mobile-title:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
    font-size: 16px;
  }

  .film-mobile-title:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) span {
    color: var(--muted-foreground);
    font-size: 11px;
  }

  .film-more {
    display: flex !important;
  }

  .film-workspace-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: block;
  }

  .film-main-column:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background: none;
    border: 0;
    border-radius: 0;
    padding: 0;
  }

  .film-project-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    flex-wrap: wrap;
    display: flex;
  }

  .film-preview:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    aspect-ratio: 2.38;
    border-radius: 5px;
  }

  .film-preview-caption:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 6px;
    padding: 17px 10px 9px;
    font-size: 10px;
  }

  .film-preview-caption:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) small {
    font-size: 8px;
  }

  .film-preview-caption:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
    width: 13px;
  }

  .film-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    justify-content: space-around;
    gap: 0;
    margin: 0 0 12px;
  }

  .film-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
    border-bottom-width: 2px;
    padding: 11px 16px 8px;
    font-size: 14px;
  }

  .film-scenes:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background: var(--card);
    border: 1px solid var(--film-line);
    border-radius: 9px;
    padding: 9px;
  }

  .film-scenes:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > header {
    justify-content: space-between;
    gap: 6px;
    margin-bottom: 8px;
  }

  .film-step {
    font-size: 16px !important;
  }

  .film-step:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 9px;
  }

  .film-step:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg {
    display: none;
  }

  .film-scenes:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-step > span, .film-merge:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-step > span {
    display: inline-flex;
  }

  .film-step:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span, .film-mobile-role-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span {
    background: var(--studio-brand-start);
    color: #fff;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    min-width: 27px;
    height: 24px;
    font-size: 14px;
    font-weight: 650;
    display: inline-flex;
  }

  .film-completed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--muted-foreground);
    background: none;
    padding: 0;
    font-size: 11px;
  }

  .film-completed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg, .film-scenes:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > header > small {
    display: none;
  }

  .film-scene-tools:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: 7px;
  }

  .film-scene-tools:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-filters {
    gap: 6px;
  }

  .film-scene-tools:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-filters button {
    height: 28px;
    padding: 0 13px;
    font-size: 12px;
  }

  .film-select-same:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: none;
  }

  .film-clear {
    font-size: 10px !important;
  }

  .film-selection-hint {
    margin: 0 0 8px !important;
  }

  .film-selection-hint:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background: var(--studio-raised);
    color: var(--muted-foreground);
    border-radius: 5px;
    align-items: center;
    gap: 8px;
    padding: 8px 9px;
    font-size: 11px;
    display: flex;
  }

  .film-selection-hint:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
    color: var(--studio-ink);
    width: 15px;
    height: 15px;
  }

  .film-scene-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  .film-scene-overflow:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: none;
  }

  .film-scene-grid.is-expanded:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-scene-overflow {
    display: block;
  }

  .film-scene:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 5px;
  }

  .film-scene-preview:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    aspect-ratio: 1.95;
  }

  .film-scene-label:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background: none;
    padding: 1px;
    font-size: 11px;
    top: auto;
    bottom: 3px;
    left: 3px;
  }

  .film-scene-people:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background: rgba(195, 123, 229, .74);
    padding: 2px 3px;
    font-size: 9px;
    top: auto;
    bottom: 4px;
    right: 27px;
  }

  .film-scene-time:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 2px 3px;
    font-size: 9px;
    bottom: 4px;
    right: 3px;
  }

  .film-check {
    background: rgba(10, 9, 13, .333) !important;
  }

  .film-check:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    opacity: 1;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    top: 4px;
    left: auto;
    right: 4px;
  }

  .film-scene.is-selected:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-scene-label {
    padding-left: 0;
  }

  .film-scene-complete:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    top: 5px;
    left: auto;
    right: 5px;
  }

  .film-scene-status:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 11px;
  }

  .film-scene-status.is-error:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 4px;
    font-size: 9px;
    inset: auto 8px 33%;
  }

  .film-expand {
    background: var(--studio-raised) !important;
    font-size: 12px !important;
  }

  .film-expand:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 100%;
    height: 34px;
    color: var(--muted-foreground);
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    display: flex;
  }

  .film-settings:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: 10px;
  }

  .film-settings-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .film-merge:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 9px;
    padding: 10px;
  }

  .film-role-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-step, .film-role-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .film-helper, .film-model-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: none;
  }

  .film-mobile-role-heading {
    margin-bottom: 9px !important;
    display: flex !important;
  }

  .film-mobile-role-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    align-items: center;
    gap: 9px;
    font-size: 16px;
  }

  .film-reference:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border: 0;
    grid-template-columns: 73px minmax(0, 1fr);
    gap: 9px;
    margin-bottom: 10px;
    padding: 0;
  }

  .film-reference:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > img, .film-upload-icon:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    aspect-ratio: 1;
    grid-row: 1 / 3;
    width: 73px;
    height: 73px;
  }

  .film-reference-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    align-self: start;
  }

  .film-reference-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
    font-size: 14px;
  }

  .film-reference-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span {
    color: var(--studio-ink);
    background: var(--studio-raised);
    border-radius: 12px;
    margin: 0 0 0 7px;
    padding: 3px 7px;
    font-size: 10px;
    display: inline-block;
  }

  .film-reference-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 5px;
    font-size: 10px;
    line-height: 1.5;
    overflow: hidden;
  }

  .film-reference-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-column: 2;
    justify-content: flex-start;
    gap: 8px;
  }

  .film-reference-actions > * {
    padding: 0 15px !important;
    font-size: 11px !important;
  }

  .film-reference-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > * {
    flex: 0 auto;
    min-height: 27px;
  }

  .film-reference-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
    display: none;
  }

  .film-desktop-label {
    display: none !important;
  }

  .film-mobile-label:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: inline;
  }

  .film-model-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    align-items: center;
    gap: 12px;
    margin-left: 82px;
    display: flex;
  }

  .film-model-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h3 {
    white-space: nowrap;
    margin: 0;
    font-size: 11px;
  }

  .film-model-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h3 .film-mobile-label {
    display: none;
  }

  .film-models:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    flex: 1;
    gap: 8px;
    margin: 0;
  }

  .film-models:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
    border-radius: 6px;
    justify-content: center;
    gap: 0;
    padding: 7px 10px;
  }

  .film-models:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
    font-size: 12px;
  }

  .film-models:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) small, .film-radio:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .film-billing:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: none;
  }

  .film-merge:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: 10px;
    position: relative;
  }

  .film-merge-progress:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--muted-foreground);
    margin: 0;
    font-size: 10px;
    position: absolute;
    top: 13px;
    right: 11px;
  }

  .film-merge-progress:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-progress, .film-merge-progress:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span {
    display: none;
  }

  .film-merge:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-step {
    margin-bottom: 9px;
  }

  .film-merge .film-outline {
    font-size: 12px !important;
  }

  .film-merge:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-outline {
    height: 30px;
    min-height: 30px;
  }

  .film-merge .film-helper {
    margin: 8px 0 0 !important;
  }

  .film-merge:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-helper {
    justify-content: center;
    font-size: 9px;
  }

  .film-merge:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    flex-direction: column;
    display: flex;
  }

  .film-merge:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-helper {
    order: 3;
  }

  .film-mobile-action:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border-top: 1px solid var(--border);
    padding: 10px 16px max(10px,env(safe-area-inset-bottom));
    z-index: 25;
    background: rgba(20, 17, 22, .97);
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .film-mobile-action:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div {
    flex: 1;
    min-width: 0;
  }

  .film-mobile-action:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
    white-space: nowrap;
    font-size: 12px;
  }

  .film-mobile-action:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong b {
    color: var(--studio-warning);
  }

  .film-mobile-action:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div > button {
    color: var(--muted-foreground);
    align-items: center;
    gap: 3px;
    margin-left: 8px;
    padding: 0;
    font-size: 10px;
    display: inline-flex;
  }

  .film-mobile-action:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) small {
    color: var(--muted-foreground);
    margin-top: 7px;
    font-size: 8px;
    display: block;
  }

  .film-mobile-action > .film-primary {
    padding: 0 12px !important;
    font-size: 13px !important;
  }

  .film-mobile-action:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .film-primary {
    min-width: 130px;
    height: 38px;
    min-height: 38px;
  }

  .film-picker:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 22px;
  }

  .film-picker:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
    font-size: 18px;
  }

  .film-picker:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
    font-size: 11px;
  }

  .film-picker:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div {
    gap: 8px;
  }

  .film-picker:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div button {
    font-size: 11px;
  }
}

@media (max-width: 360px) {
  .film-resume:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: 70px 1fr 48px;
    gap: 7px;
  }

  .film-resume:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > img {
    width: 70px;
  }

  .film-filters:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
    padding: 0 13px;
  }

  .film-card-body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 7px;
  }

  .film-card-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span, .film-card-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > small {
    font-size: 9px;
  }

  .film-mobile-action:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div > button {
    display: none;
  }

  .film-model-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-left: 0;
  }

  .film-reference-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
    font-size: 9px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .film-spinner:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    animation: none;
  }

  .film-studio-shell *, .film-workspace * {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}

@media (min-width: 761px) {
  .film-list-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-left: 32px;
    padding-right: 30px;
  }

  .film-page-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h1 {
    font-size: 48px;
  }

  .film-page-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: 26px;
  }

  .film-resume:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div:not(.film-resume-progress) {
    min-width: 120px;
  }

  .film-settings-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: 20px;
  }

  .film-models:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: 30px;
  }

  .film-reference:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: 28px;
  }

  .film-reference-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > p {
    font-size: 14px;
  }
}

@media (max-width: 760px) {
  .film-card-progress.is-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background: none;
  }

  .film-scene.is-complete:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: none;
  }

  .is-expanded:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-scene.is-complete {
    display: block;
  }

  .film-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-reference > img {
    object-position: 30% center;
  }
}

.film-modal-backdrop:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 0;
  width: 100vw;
  max-width: none;
  height: 100vh;height: 100dvh;
  max-height: none;
  margin: 0;
}

.film-modal-backdrop:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop {
  background: none;
}

@media (max-width: 760px) {
  .film-breadcrumb:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 39px;
  }

  .film-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
    padding: 8px 16px 7px;
    font-size: 13px;
  }

  .film-scenes:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 7px;
  }

  .film-scenes:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > header {
    margin-bottom: 7px;
  }

  .film-scene-tools:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-filters button {
    height: 25px;
  }

  .film-selection-hint {
    margin-bottom: 7px !important;
  }

  .film-selection-hint:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 5px 8px;
  }

  .film-reference:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 73px;
    position: relative;
  }

  .film-reference-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    align-self: start;
    padding-right: 84px;
  }

  .film-reference-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > strong {
    font-size: 12px;
  }

  .film-reference-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span {
    margin-left: 4px;
    padding: 2px 4px;
    font-size: 8px;
  }

  .film-reference-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > p {
    margin-top: 0;
    font-size: 10px;
    position: absolute;
    top: 24px;
    left: 82px;
    right: 0;
  }

  .film-reference-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 5px;
    position: absolute;
    top: 0;
    right: 0;
  }

  .film-reference-actions > * {
    padding: 0 9px !important;
    font-size: 10px !important;
  }

  .film-reference-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > * {
    min-height: 27px;
  }

  .film-model-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: -35px;
    margin-bottom: 3px;
    position: relative;
  }

  .film-model-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h3 {
    font-size: 10px;
  }

  .film-models:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
    padding: 6px 10px;
  }

  .film-models:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
    font-size: 11px;
  }

  .film-merge:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 8px 10px;
  }

  .film-merge .film-step {
    font-size: 14px !important;
  }

  .film-merge:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-step {
    margin-bottom: 6px;
  }

  .film-merge:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-outline {
    height: 28px;
    min-height: 28px;
  }

  .film-merge .film-helper {
    margin-top: 5px !important;
  }

  .film-merge:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-helper {
    font-size: 8px;
  }

  .film-mobile-action:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: 8px;
    padding-bottom: max(8px,env(safe-area-inset-bottom));
  }

  .film-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: 5px;
  }

  .film-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
    padding-top: 6px;
    padding-bottom: 5px;
  }

  .film-selection-hint:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 4px 8px;
    font-size: 10px;
  }

  .film-selection-hint:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
    width: 13px;
    height: 13px;
  }

  .film-expand:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 26px;
    margin-top: 5px;
  }

  .film-settings-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 8px 10px;
  }

  .film-mobile-role-heading {
    margin-bottom: 7px !important;
  }

  .film-reference:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .film-model-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: 0;
  }

  .film-step {
    font-size: 15px !important;
  }
}

.film-reference:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  position: relative;
}

.film-reference-remove {
  background: rgba(10, 9, 13, .467) !important;
}

.film-reference-remove:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #fff;
  opacity: 0;
  border-radius: 50%;
  place-items: center;
  width: 20px;
  height: 20px;
  padding: 0;
  display: grid;
  position: absolute;
  top: 10px;
  left: 10px;
}

.film-reference:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-reference-remove, .film-reference-remove:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  opacity: 1;
}

@media (max-width: 760px) {
  .film-page-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h1 {
    line-height: 1.4;
  }

  .film-page-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: 16px;
  }

  .film-resume:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-primary .film-mobile-label {
    font-size: 12px;
  }

  .film-resume:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-primary span:after {
    content: none;
  }

  .film-reference-remove:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    opacity: 1;
    top: 3px;
    left: 3px;
  }
}

.film-studio-shell:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 100%;
  min-width: 0;
  min-height: 100%;
}

.film-studio-shell:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-list-page {
  width: 100%;
  margin-left: 0;
}

@media (max-width: 760px) {
  .film-studio-shell:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-list-page {
    padding-top: 16px;
    padding-bottom: 24px;
  }
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace.film-workspace--preview-first {
  --film-accent: #c58bed;
  --film-accent-strong: #a357dc;
  --film-accent-soft: #291c35;
  --film-gradient: linear-gradient(100deg, #b671ed, #8e3bc3);
  --film-blue: var(--film-accent);
  --film-line: var(--border);
  --film-muted: var(--muted-foreground);
  background: var(--background);
  max-width: 1440px;
  min-height: 100%;
  padding-top: 24px;
  padding-bottom: 48px;
  display: block;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first button:focus-visible, .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first a:focus-visible, .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-upload-target:focus-within {
  outline: 2px solid var(--film-accent);
  outline-offset: 3px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-workspace-header {
  border-bottom: 1px solid var(--film-line);
  align-items: center;
  gap: 24px;
  min-width: 0;
  margin-bottom: 24px;
  padding-bottom: 18px;
  display: flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-back {
  border-right: 1px solid var(--film-line);
  height: 44px;
  min-height: 44px;
  color: var(--foreground);
  white-space: nowrap;
  border-radius: 0;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0 22px 0 0;
  font-size: 14px;
  font-weight: 450;
  display: inline-flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-back:hover {
  color: var(--film-accent);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-workspace-heading {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 20px;
  min-width: 0;
  display: flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-workspace-heading h1 {
  letter-spacing: -.5px;
  overflow-wrap: anywhere;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.35;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-workspace-heading p {
  color: var(--film-muted);
  font-size: 13px;
  line-height: 1.6;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-workspace-meta {
  flex: none;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
  margin-left: auto;
  display: flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-project-progress {
  color: var(--film-muted);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  font-size: 13px;
  line-height: 1.5;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-workspace-grid {
  grid-template-columns: minmax(0, 1fr) minmax(264px, 320px);
  align-items: stretch;
  gap: 28px;
  display: grid;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-main-column {
  background: none;
  border: 0;
  border-radius: 0;
  min-width: 0;
  padding: 0;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-preview {
  aspect-ratio: 16 / 9;
  border: 1px solid var(--film-line);
  background: var(--card);
  border-radius: 12px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-preview > img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  display: block;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-preview > video, .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-preview video {
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
  display: block;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-preview-number {
  z-index: 2;
  color: #fff;
  pointer-events: none;
  background: rgba(10, 9, 13, .78);
  border-radius: 6px;
  padding: 5px 9px;
  font-size: 12px;
  line-height: 1.5;
  position: absolute;
  top: 12px;
  left: 12px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-result-empty {
  text-align: center;
  gap: 10px;
  min-height: 100%;
  padding: 24px;
  font-size: 13px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-result-empty h2 {
  font-size: 17px;
  font-weight: 500;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-scenes {
  border: 0;
  border-top: 1px solid var(--film-line);
  background: none;
  border-radius: 0;
  width: 100%;
  min-width: 0;
  margin-top: 22px;
  padding: 14px 0 0;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-scenes-heading {
  align-items: center;
  gap: 20px;
  min-width: 0;
  margin-bottom: 10px;
  display: flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-scenes-heading h2 {
  flex: none;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.5;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-filters {
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-filters button {
  height: auto;
  min-height: 44px;
  color: var(--film-muted);
  white-space: nowrap;
  background: none;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 22px;
  justify-content: center;
  align-items: center;
  padding: 0 13px;
  font-size: 13px;
  line-height: 1.5;
  display: inline-flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-filters button[aria-pressed="true"] {
  border-color: var(--film-accent);
  background: var(--film-accent-soft);
  color: var(--film-accent);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-scene-nav {
  align-items: center;
  gap: 4px;
  margin-left: auto;
  display: none;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-scene-nav button {
  border: 1px solid var(--border);
  background: var(--card);
  width: 28px;
  height: 28px;
  color: var(--foreground);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-scene-nav button:hover:not(:disabled) {
  border-color: var(--studio-border-accent);
  background: var(--studio-raised);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-scene-nav button:disabled {
  opacity: .35;
  cursor: default;
}

.studio-theme .film-workspace--preview-first .film-clear {
  font-size: 12px !important;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-clear {
  min-height: 44px;
  color: var(--film-muted);
  white-space: nowrap;
  margin-left: auto;
  padding: 0 2px;
}

@media (min-width: 761px) {
  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-scene-nav {
    display: inline-flex;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-clear {
    margin-left: 10px;
  }
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-clear:hover {
  color: var(--foreground);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-scene-rail {
  min-width: 0;
  position: relative;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-scene-grid {
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  grid-template-columns: none;
  grid-auto-columns: clamp(130px, 12.5% - 8.75px, 170px);
  grid-auto-flow: column;
  align-items: start;
  gap: 10px;
  min-width: 0;
  padding: 2px 1px;
  display: grid;
  overflow-x: auto;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-scene-grid::-webkit-scrollbar {
  display: none;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-scene {
  border: 2px solid var(--film-line);
  background: var(--card);
  min-width: 0;
  box-shadow: none;
  scroll-snap-align: center;
  border-radius: 9px;
  display: block;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-scene.is-selected {
  border-color: var(--film-accent);
  box-shadow: none;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-scene-preview {
  aspect-ratio: auto;
  width: 100%;
  height: auto;
  min-height: 0;
  color: var(--foreground);
  text-align: left;
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0;
  display: block;
  position: relative;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-scene-preview:after {
  content: none;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-scene-preview:focus-visible {
  outline-offset: -4px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-scene-media {
  aspect-ratio: 16 / 10;
  background: var(--muted);
  width: 100%;
  display: block;
  overflow: hidden;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-scene-media > img, .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-scene-media > video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-scene-footer {
  font-variant-numeric: tabular-nums;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  padding: 5px 7px;
  font-size: 12px;
  line-height: 18px;
  display: flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-scene-footer > :last-child {
  color: var(--film-muted);
  font-size: 11px;
}

.studio-theme .film-workspace--preview-first .film-check {
  background: rgba(10, 9, 13, .55) !important;
  border: 1px solid rgba(255, 255, 255, .65) !important;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-check {
  color: #fff;
  opacity: 0;
  pointer-events: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 21px;
  height: 21px;
  padding: 0;
  display: flex;
  position: absolute;
  top: 6px;
  left: auto;
  right: 6px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-scene:hover .film-check, .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-scene:focus-within .film-check {
  opacity: 1;
}

.studio-theme .film-workspace--preview-first .film-scene.is-selected .film-check {
  border-color: var(--film-accent) !important;
  background: var(--film-accent-strong) !important;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-scene.is-selected .film-check {
  opacity: 1;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-check > svg {
  width: 13px;
  height: 13px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-settings {
  border: 0;
  border-left: 1px solid var(--film-line);
  background: none;
  border-radius: 0;
  align-self: stretch;
  min-width: 0;
  margin: 0;
  padding: 0 0 0 28px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-settings-panel {
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-settings-heading {
  margin-bottom: 22px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-settings-heading h2 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.4;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-settings-heading p {
  color: var(--film-muted);
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.6;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-role-heading {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}

.studio-theme .film-workspace--preview-first .film-helper {
  margin: 4px 0 14px !important;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-helper {
  color: var(--film-muted);
  font-size: 12px;
  line-height: 1.7;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-references {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 12px;
  min-width: 0;
  display: grid;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-references[data-count="1"] {
  grid-template-columns: minmax(0, 1fr);
  max-width: 180px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-reference {
  border: 1px dashed color-mix(in srgb,var(--film-accent) 60%,var(--film-line));
  border-radius: 10px;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-reference:hover {
  border-color: var(--film-accent);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-upload-target {
  aspect-ratio: 1;
  background: var(--card);
  width: 100%;
  min-height: 142px;
  color: var(--foreground);
  text-align: center;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 12px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-upload-target:focus-within {
  outline-offset: -3px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-upload-target > svg {
  width: 28px;
  height: 28px;
  color: var(--film-accent);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-upload-target > img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-upload-target > strong {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  position: relative;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-upload-target > span {
  color: var(--film-muted);
  font-size: 11px;
  line-height: 1.5;
  position: relative;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-upload-target > img ~ strong, .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-upload-target > img ~ span {
  color: #fff;
  background: rgba(10, 9, 13, .7);
  border-radius: 4px;
  padding: 3px 6px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-upload-target input {
  clip-path: inset(50%);
  white-space: nowrap;
  opacity: 0;
  width: 1px;
  height: 1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.studio-theme .film-workspace--preview-first .film-reference-remove {
  background: rgba(10, 9, 13, .75) !important;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-reference-remove {
  z-index: 2;
  color: #fff;
  opacity: 1;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  padding: 0;
  top: 5px;
  left: auto;
  right: 5px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-upload-tips {
  color: var(--film-muted);
  margin: 12px 0 20px;
  padding: 0;
  font-size: 11px;
  line-height: 1.8;
  list-style: none;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-upload-tips > * {
  margin: 0;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-billing {
  border-top: 1px solid var(--film-line);
  padding-top: 12px;
  display: block;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-billing-summary {
  min-width: 0;
  color: var(--foreground);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 5px 12px;
  font-size: 14px;
  line-height: 1.6;
  display: flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-billing-summary > span:last-child {
  text-align: right;
  white-space: nowrap;
  margin-left: auto;
}

.studio-theme .film-workspace--preview-first .film-primary {
  background: var(--film-gradient) !important;
  color: #fff !important;
  border-radius: 9px !important;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-primary {
  border: 0;
  min-height: 44px;
}

.studio-theme .film-workspace--preview-first .film-generate, .studio-theme .film-workspace--preview-first .film-generate-compact {
  gap: 0 !important;
  padding: 12px 0 !important;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-generate, .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-generate-compact {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  justify-content: stretch;
  align-items: center;
  min-width: 0;
  display: grid;
}

.studio-theme .film-workspace--preview-first .film-generate {
  font-size: 16px !important;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-generate {
  width: 100%;
  height: auto;
  min-height: 48px;
  margin-top: 14px;
  font-weight: 600;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-generate-label {
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  gap: 6px;
  min-width: 0;
  padding-inline: 10px;
  line-height: 1.35;
  display: flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-generate-label > svg {
  flex: none;
  width: 16px;
  height: 16px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-generate-cost {
  color: #fff;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  border-left: 1px solid rgba(255, 255, 255, .4);
  justify-content: center;
  align-items: center;
  min-width: 0;
  padding-inline: 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.35;
  display: flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-generate:disabled {
  opacity: .55;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-records {
  border-top: 1px solid var(--film-line);
  min-width: 0;
  margin-top: 26px;
  padding-top: 22px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-records > header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px 16px;
  min-width: 0;
  margin-bottom: 10px;
  display: flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-records h2 {
  margin: 0;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.5;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-record-actions {
  flex-wrap: wrap;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  gap: 8px 12px;
  max-width: 100%;
  margin-left: auto;
  display: flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-record-all {
  min-height: 44px;
  color: var(--film-muted);
  white-space: nowrap;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 0 8px;
  font-size: 12px;
  line-height: 1.5;
  text-decoration: none;
  display: inline-flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-record-all:hover {
  color: var(--foreground);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-record-actions button {
  min-height: 44px;
  color: var(--film-muted);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  padding: 0 12px;
  font-size: 12px;
  display: inline-flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-record-actions button:last-child {
  background: var(--muted);
  color: var(--foreground);
  padding-inline: 16px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-record-actions button:disabled {
  opacity: .45;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-record-actions button > svg {
  width: 16px;
  height: 16px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-record-filters {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  min-width: 0;
  margin-bottom: 8px;
  display: flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-record-filters button {
  min-height: 44px;
  color: var(--film-muted);
  white-space: nowrap;
  background: none;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 22px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 0 13px;
  font-size: 13px;
  display: inline-flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-record-filters button[aria-pressed="true"], .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-record-filters button[aria-selected="true"] {
  border-color: var(--film-accent);
  background: var(--film-accent-soft);
  color: var(--film-accent);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-record-empty {
  min-height: 132px;
  color: var(--film-muted);
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 24px 16px;
  font-size: 13px;
  line-height: 1.7;
  display: flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-record-empty > svg {
  flex: none;
  width: 24px;
  height: 24px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-record-empty > small {
  flex-basis: 100%;
  margin-top: -6px;
  font-size: 11px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-record-list {
  min-width: 0;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-record-row {
  border-bottom: 1px solid var(--film-line);
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 20px;
  min-width: 0;
  padding: 16px 0;
  display: flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-record-info {
  flex: 1;
  min-width: 140px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-record-info strong {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  display: block;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-record-info p, .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-record-info small, .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-record-info time {
  color: var(--film-muted);
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.6;
  display: block;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-record-status {
  color: var(--film-accent);
  flex: none;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  line-height: 1.6;
  display: inline-flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-record-status.is-failed {
  color: var(--studio-danger);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-record-status.is-completed {
  color: var(--studio-success);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-record-note {
  color: var(--film-muted);
  margin-top: 12px;
  font-size: 11px;
  line-height: 1.7;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-record-row button, .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-record-row a {
  border: 1px solid var(--film-line);
  min-height: 44px;
  color: var(--film-accent);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 0 12px;
  font-size: 12px;
  display: inline-flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-mobile-action {
  display: none;
}

@media (min-width: 768px) {
  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace.film-workspace--preview-first {
    padding-bottom: 32px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-preview {
    aspect-ratio: 1.96;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-filters button, .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-record-filters button {
    height: 32px;
    min-height: 32px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-record-empty {
    min-height: 96px;
  }
}

@media (min-width: 1024px) {
  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-main-column {
    min-height: 0;
    display: flex;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-preview {
    aspect-ratio: auto;
    flex: 1;
    min-height: 0;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-preview > video, .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-preview > img, .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-preview > .film-result-empty {
    object-fit: contain;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-settings {
    display: flex;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-settings-panel {
    flex-direction: column;
    flex: 1;
    min-width: 0;
    display: flex;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-billing {
    margin-top: auto;
  }
}

@media (min-width: 1200px) {
  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace.film-workspace--preview-first {
    padding-inline: 48px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-workspace-grid {
    grid-template-columns: minmax(0, 1fr) 380px;
    gap: 32px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-settings {
    padding-left: 32px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-upload-target {
    aspect-ratio: auto;
    min-height: 130px;
  }
}

@media (min-width: 1024px) and (max-width: 1199px) {
  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-workspace-grid {
    grid-template-columns: minmax(0, 1fr) 264px;
    gap: 22px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-settings {
    padding-left: 22px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-scenes-heading {
    gap: 12px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-filters {
    gap: 4px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-filters button {
    padding-inline: 10px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-upload-target {
    min-height: 128px;
  }
}

@media (max-width: 1023px) {
  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-workspace-heading {
    display: block;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-workspace-heading h1 {
    font-size: 23px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-workspace-heading p {
    margin-top: 3px;
    font-size: 12px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-workspace-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 26px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-settings {
    border-left: 0;
    border-top: 1px solid var(--film-line);
    padding: 24px 0 0;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-settings-heading {
    margin-bottom: 18px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-references {
    max-width: 400px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-references[data-count="1"] {
    max-width: 190px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-upload-target {
    min-height: 150px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-billing, .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-generate {
    max-width: 400px;
  }
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-history-link {
  min-height: 44px;
  color: var(--film-muted);
  justify-content: center;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  display: inline-flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-main-column {
  flex-direction: column;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-preview-heading {
  justify-content: space-between;
  gap: 8px;
  padding-bottom: 10px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-preview-heading > :last-child {
  color: var(--film-muted);
  font-size: 11px;
  font-weight: 400;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-preview-caption-note {
  color: var(--film-accent);
  align-items: center;
  gap: 4px;
  margin-top: 8px;
  font-size: 11px;
  line-height: 1.6;
  display: flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-preview-caption-note > span {
  color: var(--film-muted);
  margin-left: auto;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-scene {
  position: relative;
  overflow: hidden;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-scene.is-previewing .film-scene-footer {
  background: var(--film-accent-soft);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-scene.is-previewing .film-scene-footer > :first-child {
  color: var(--film-accent);
  font-weight: 650;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-scene-role {
  color: #fff;
  background: rgba(10, 9, 13, .72);
  border-radius: 4px;
  padding: 2px 5px;
  font-size: 10px;
  line-height: 1.5;
  position: absolute;
  top: 6px;
  left: 6px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-scene-select {
  border-radius: 8px;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  display: grid;
  position: absolute;
  top: 0;
  right: 0;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-scene-select > span {
  color: #fff;
  background: rgba(10, 9, 13, .55);
  border: 1.5px solid rgba(255, 255, 255, .8);
  border-radius: 50%;
  place-items: center;
  width: 22px;
  height: 22px;
  display: grid;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-scene-select[aria-pressed="true"] > span {
  background: var(--film-accent-strong);
  border-color: var(--film-accent);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-scenes-hint {
  color: var(--film-muted);
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 4px 12px;
  margin-top: 10px;
  font-size: 11px;
  line-height: 1.6;
  display: flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first .film-primary:disabled {
  opacity: .5;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--preview-first #film-workspace-records {
  scroll-margin-top: 16px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-workspace-grid {
  grid-template-areas: "preview roles"
                       "scenes scenes";
  row-gap: 24px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-main-column {
  grid-area: preview;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-settings {
  grid-area: roles;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-scenes {
  grid-area: scenes;
  margin-top: 0;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-workspace-title {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-workspace-breadcrumb {
  color: var(--film-accent);
  white-space: nowrap;
  align-items: center;
  gap: 3px;
  font-size: 12px;
  display: none;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-role-cards {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-role-card {
  border: 1px solid var(--film-line);
  background: var(--card);
  border-radius: 12px;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "title"
                       "portrait"
                       "actions";
  align-content: start;
  gap: 10px;
  min-width: 0;
  padding: 12px;
  display: grid;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-role-copy {
  display: contents;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-role-title {
  flex-wrap: wrap;
  grid-area: title;
  align-items: center;
  gap: 5px 10px;
  min-width: 0;
  display: flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-role-title h3 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-role-status {
  color: var(--film-muted);
  align-items: center;
  gap: 4px;
  font-size: 11px;
  line-height: 1.5;
  display: inline-flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .has-image .film-role-status {
  color: var(--film-accent);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .has-error .film-role-status {
  color: var(--studio-danger);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-role-portrait {
  border: 1px dashed var(--film-accent);
  background: var(--studio-raised);
  width: 100%;
  min-width: 0;
  height: 168px;
  color: var(--film-accent);
  border-radius: 8px;
  flex-direction: column;
  grid-area: portrait;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-role-portrait > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-role-portrait > svg {
  width: 26px;
  height: 26px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-role-portrait > span {
  font-size: 11px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .has-image .film-role-portrait {
  border: 0;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-role-description {
  min-width: 0;
  color: var(--film-muted);
  grid-area: description;
  font-size: 12px;
  line-height: 1.5;
  display: none;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-role-actions {
  grid-area: actions;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-role-change, .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-role-remove {
  border: 1px solid var(--film-accent);
  min-width: 0;
  min-height: 44px;
  color: var(--foreground);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.4;
  display: inline-flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-role-change {
  flex: 1;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-role-change > svg, .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-role-remove > svg {
  flex: none;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-role-remove {
  border-color: var(--film-line);
  width: 44px;
  color: var(--film-muted);
  flex: none;
  padding: 0;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-role-card button:disabled {
  cursor: not-allowed;
  opacity: .55;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-role-cards[data-count="1"] {
  grid-template-columns: minmax(0, 1fr);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-role-cards[data-count="1"] .film-role-card {
  grid-template-columns: 84px minmax(0, 1fr);
  grid-template-areas: "portrait title"
                       "portrait description"
                       "portrait actions";
  align-items: center;
  gap: 7px 14px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-role-cards[data-count="1"] .film-role-portrait {
  height: 100%;
  min-height: 108px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-role-cards[data-count="1"] .film-role-description {
  display: block;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-role-cards[data-count="1"] .film-role-change {
  flex: 0 140px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-record-toolbar {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px 12px;
  margin-bottom: 12px;
  display: flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-record-filters {
  margin: 0;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-record-all {
  color: var(--film-accent);
  gap: 4px;
  padding-right: 0;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-record-actions .film-record-merge {
  border: 1px solid var(--film-accent);
  color: var(--film-accent);
  background: none;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-record-row {
  border: 1px solid var(--film-line);
  background: var(--card);
  border-radius: 10px;
  flex-wrap: nowrap;
  gap: 12px;
  margin-top: 8px;
  padding: 10px 12px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-record-thumb {
  background: var(--studio-raised);
  width: 58px;
  height: 42px;
  color: var(--film-muted);
  border-radius: 6px;
  flex: none;
  place-items: center;
  display: grid;
  overflow: hidden;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-record-thumb img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-record-info {
  min-width: 0;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-record-status {
  background: var(--film-accent-soft);
  border-radius: 999px;
  padding: 4px 8px;
  font-size: 11px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-record-status.is-completed {
  background: var(--studio-success-soft);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-record-row > a {
  border: 0;
  flex: none;
  padding: 0 6px;
}

@media (min-width: 1024px) and (max-width: 1199px) {
  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-workspace-grid {
    grid-template-columns: minmax(0, 1fr) 340px;
  }
}

@media (max-width: 1023px) {
  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-workspace-grid {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "preview"
                         "scenes"
                         "roles";
    gap: 20px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-role-cards {
    max-width: 520px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-settings {
    padding-top: 18px;
  }
}

@media (max-width: 767px) {
  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace.film-workspace--casting {
    padding: 12px 16px calc(132px + env(safe-area-inset-bottom, 0px));
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting button {
    min-width: 44px;
    min-height: 44px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-workspace-header {
    border: 0;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    padding: 0;
    display: flex;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-back {
    border: 0;
    justify-content: center;
    width: 32px;
    min-width: 32px;
    height: 44px;
    padding: 0;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-back > span {
    display: none;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-back > svg {
    width: 22px;
    height: 22px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-workspace-heading {
    flex: 1;
    min-width: 0;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-workspace-heading h1 {
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: 0;
    font-size: 18px;
    font-weight: 650;
    overflow: hidden;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-workspace-breadcrumb {
    display: inline-flex;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-workspace-heading p {
    margin-top: 3px;
    font-size: 12px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-workspace-meta {
    flex-direction: column;
    gap: 0;
    margin: 0;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-project-progress {
    font-size: 10px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-history-link {
    gap: 4px;
    min-width: 44px;
    font-size: 12px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-workspace-grid {
    gap: 16px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-preview-heading, .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-preview-caption-note {
    display: none;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-preview {
    aspect-ratio: 16 / 7;
    background: #0a090d;
    border-radius: 12px;
    height: auto;
    min-height: 150px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-preview-number {
    padding: 3px 6px;
    font-size: 11px;
    top: 8px;
    left: 8px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-scenes {
    border: 0;
    margin: 0;
    padding: 0;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-scenes-heading {
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 8px;
    margin-bottom: 8px;
    display: flex;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-scenes-heading h2 {
    font-size: 16px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-scenes-heading .film-filters {
    gap: 2px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-filters button {
    border-radius: 999px;
    width: auto;
    min-width: 0;
    height: 28px;
    min-height: 28px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 1;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-filters button[aria-pressed="true"] {
    background: var(--film-gradient);
    color: #fff;
    border-color: rgba(0, 0, 0, 0);
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-scene-nav {
    display: none;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-clear {
    color: var(--film-accent);
    margin-left: auto;
    padding: 0;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-scene-grid {
    grid-auto-columns: 112px;
    gap: 8px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-scene-preview {
    min-width: 0;
    min-height: 0;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-scene-media {
    aspect-ratio: 4 / 3;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-scene-footer {
    color: #fff;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7));
    padding: 22px 34px 7px 7px;
    font-size: 11px;
    position: absolute;
    inset: auto 0 0;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-scene-footer > :last-child {
    color: #fff;
    font-size: 10px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-scene.is-previewing .film-scene-footer {
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7));
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-scene-select {
    top: auto;
    bottom: 0;
    right: 0;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-scene-select > span {
    width: 20px;
    height: 20px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-scenes-hint {
    gap: 3px;
    margin-top: 7px;
    font-size: 11px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-scenes-hint > :last-child {
    color: var(--film-muted);
    font-size: 10px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-settings {
    border: 0;
    border-top: 1px solid var(--film-line);
    padding: 16px 0 0;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-settings-heading {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 4px 10px;
    margin: 0 0 12px;
    display: flex;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-settings-heading h2 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-settings-heading p {
    margin: 0;
    font-size: 11px;
    line-height: 1.5;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-role-cards {
    gap: 10px;
    max-width: none;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-role-card {
    gap: 8px;
    padding: 10px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-role-title {
    gap: 4px 8px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-role-title h3 {
    font-size: 14px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-role-portrait {
    height: 156px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-role-actions {
    gap: 6px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-role-change {
    min-width: 0;
    padding: 6px;
    font-size: 12px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-role-cards[data-count="2"] .film-role-change > svg {
    display: none;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-role-cards[data-count="1"] .film-role-card {
    grid-template-columns: 80px minmax(0, 1fr);
    gap: 5px 14px;
    padding: 12px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-role-cards[data-count="1"] .film-role-portrait {
    min-height: 100px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-upload-tips {
    margin: 8px 0 0;
    font-size: 11px;
    line-height: 1.6;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-billing, .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-settings .film-generate {
    display: none;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-records {
    margin-top: 20px;
    padding-top: 16px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-records > header {
    gap: 8px;
    margin-bottom: 6px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-records h2 {
    white-space: nowrap;
    font-size: 16px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-record-all {
    font-size: 12px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-record-toolbar {
    gap: 4px 8px;
    margin-bottom: 6px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-record-filters {
    gap: 2px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-record-filters button {
    border-radius: 999px;
    gap: 3px;
    width: auto;
    min-width: 0;
    height: 28px;
    min-height: 28px;
    padding: 0 8px;
    font-size: 12px;
    line-height: 1;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-record-filters button > span {
    font-variant-numeric: tabular-nums;
    font-size: 12px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-record-filters button[aria-pressed="true"] {
    background: var(--film-gradient);
    color: #fff;
    border-color: rgba(0, 0, 0, 0);
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-record-actions {
    gap: 4px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-record-actions button {
    border-radius: 8px;
    gap: 3px;
    min-width: 28px;
    height: 28px;
    min-height: 28px;
    padding: 0 8px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-record-actions button:last-child {
    padding-inline: 8px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-record-actions button > svg {
    width: 13px;
    height: 13px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-record-refresh > span {
    display: none;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-record-empty {
    min-height: 100px;
    padding: 16px 0;
    font-size: 12px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-record-row {
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-record-info strong {
    font-size: 13px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-record-info small {
    font-size: 10px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-record-row > a {
    font-size: 11px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-mobile-action {
    z-index: 40;
    padding: 10px 16px calc(12px + env(safe-area-inset-bottom, 0px));
    border-top: 1px solid var(--film-line);
    background: var(--card);
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 12px;
    display: flex;
    position: fixed;
    inset: auto 0 0;
    box-shadow: 0 -8px 30px rgba(0, 0, 0, .16);
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-action-hint {
    color: var(--film-muted);
    flex: 1 0 100%;
    align-items: center;
    gap: 6px;
    margin: 0;
    font-size: 12px;
    line-height: 18px;
    display: flex;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-action-hint.is-ready > svg {
    color: var(--film-accent);
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-action-summary {
    flex: 1;
    min-width: 76px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-action-summary strong {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    display: block;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-action-summary strong b {
    font-weight: inherit;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-action-summary > span {
    color: var(--film-muted);
    margin-top: 3px;
    font-size: 11px;
    display: block;
  }

  .studio-theme .film-workspace--casting .film-mobile-action > .film-generate-compact {
    border-radius: 12px !important;
    padding: 12px 0 !important;
    font-size: 14px !important;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-mobile-action > .film-generate-compact {
    flex: 0 224px;
    width: 224px;
    min-width: 0;
    max-width: calc(100% - 88px);
    height: auto;
    min-height: 50px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-generate-compact .film-generate-label {
    gap: 4px;
    padding-inline: 6px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-generate-compact .film-generate-cost {
    padding-inline: 6px;
    font-size: 14px;
  }
}

@media (max-width: 359px) {
  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace.film-workspace--casting {
    padding-inline: 12px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-workspace-breadcrumb {
    font-size: 10px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-filters button {
    padding-inline: 7px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-scenes-heading {
    gap: 4px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-role-cards[data-count="1"] .film-role-card {
    grid-template-columns: 68px minmax(0, 1fr);
    gap: 5px 10px;
    padding: 10px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-role-card {
    padding: 8px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-role-change {
    font-size: 11px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-workspace--casting .film-mobile-action {
    padding-inline: 12px;
  }
}

.outfit-workspace.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--studio-raised);
  max-width: 1440px;
  color: var(--foreground);
  background-image: none;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-tool-desktop-header {
  margin-bottom: 22px;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-workbench {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: stretch;
  gap: 20px 24px;
  margin-bottom: 28px;
  display: grid;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-preview {
  border-radius: 20px;
  align-self: stretch;
  min-width: 0;
  overflow: hidden;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .063);
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-example-image {
  background: var(--studio-raised);
  height: 100%;
  min-height: 510px;
  position: relative;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-example-image > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-image-badge {
  color: #fff;
  background: rgba(195, 123, 229, .66);
  border-radius: 7px;
  padding: 5px 9px;
  font-size: 11px;
  position: absolute;
  top: 14px;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-image-before {
  left: 14px;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-image-after {
  background: rgba(195, 123, 229, .79);
  left: calc(50% + 14px);
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-example-caption {
  color: var(--muted-foreground);
  background: rgba(20, 17, 22, .81);
  border-radius: 6px;
  padding: 4px 9px;
  font-size: 11px;
  position: absolute;
  bottom: 12px;
  left: 14px;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-controls {
  flex-direction: column;
  gap: 20px;
  min-width: 0;
  display: flex;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(.outfit-upload-panel, .outfit-style-panel, .outfit-history) {
  background: var(--card);
  border-radius: 20px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .02);
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-upload-panel {
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.25fr);
  gap: 18px;
  padding: 22px;
  display: grid;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-source-column {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-upload-tiles {
  flex: 1;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  display: grid;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-upload-tiles button {
  background: var(--studio-raised);
  border: 1px dashed var(--border);
  min-width: 0;
  min-height: 178px;
  color: var(--muted-foreground);
  cursor: pointer;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 12px 4px;
  font-size: 13px;
  font-weight: 550;
  transition: background .15s, border-color .15s;
  display: flex;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-upload-tiles button:hover {
  background: var(--studio-raised);
  border-color: var(--border);
  color: var(--studio-ink);
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-network-link {
  color: var(--muted-foreground);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding-top: 10px;
  font-size: 11px;
  display: flex;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-upload-notes {
  counter-reset: outfit-note;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-upload-notes li {
  counter-increment: outfit-note;
  border: 1px solid var(--border);
  background: var(--studio-raised);
  color: var(--muted-foreground);
  border-radius: 11px;
  padding: 9px 11px;
  font-size: 12px;
  line-height: 1.5;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-upload-notes li:before {
  content: counter(outfit-note) ". ";
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-style-panel {
  flex: 1;
  padding: 22px;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-mode-header {
  border-bottom: 1px solid var(--border);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 17px;
  padding-bottom: 17px;
  display: flex;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-mode-title {
  flex: 180px;
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-mode-icon {
  background: var(--studio-raised);
  width: 36px;
  height: 36px;
  color: var(--studio-ink);
  border-radius: 12px;
  flex: 0 0 36px;
  place-items: center;
  display: grid;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-mode-title h2 {
  margin: 0;
  font-size: 16px;
  font-weight: 650;
  line-height: 1.4;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-mode-title p {
  color: var(--muted-foreground);
  margin: 3px 0 0;
  font-size: 12px;
  line-height: 1.5;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-mode-tabs {
  background: var(--studio-raised);
  border: 1px solid var(--border);
  border-radius: 14px;
  flex-shrink: 0;
  padding: 3px;
  display: flex;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-mode-tabs button {
  color: var(--muted-foreground);
  cursor: pointer;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-mode-tabs button[aria-selected="true"] {
  background: var(--card);
  color: var(--studio-ink);
  box-shadow: 0 1px 4px rgba(0, 0, 0, .04);
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-presets-label {
  color: var(--muted-foreground);
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-presets-label button {
  cursor: pointer;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 400;
  display: flex;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-preset-chips {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-preset-chips button {
  border: 1px solid var(--border);
  background: var(--card);
  min-height: 32px;
  color: var(--muted-foreground);
  cursor: pointer;
  border-radius: 999px;
  padding: 6px 13px;
  font-size: 13px;
  line-height: 1.35;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-preset-chips button:hover {
  border-color: var(--border);
  color: var(--studio-ink);
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-preset-chips button[aria-pressed="true"] {
  border-color: var(--border);
  background: var(--studio-raised);
  color: var(--studio-ink);
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-custom-field {
  margin-top: 15px;
  position: relative;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-custom-field label {
  color: var(--muted-foreground);
  margin-bottom: 7px;
  font-size: 12px;
  display: block;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-custom-field textarea {
  border: 1px solid var(--border);
  background: var(--card);
  resize: vertical;
  border-radius: 11px;
  width: 100%;
  min-height: 75px;
  padding: 11px 12px 25px;
  font-size: 13px;
  display: block;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-character-count {
  color: var(--muted-foreground);
  font-size: 11px;
  position: absolute;
  bottom: 7px;
  right: 12px;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-custom-selects {
  gap: 10px;
  margin-top: 15px;
  display: grid;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-custom-selects label {
  color: var(--muted-foreground);
  flex-direction: column;
  gap: 6px;
  font-size: 12px;
  display: flex;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-custom-selects select {
  border: 1px solid var(--border);
  background: var(--card);
  width: 100%;
  color: var(--foreground);
  border-radius: 11px;
  padding: 10px 12px;
  font-size: 13px;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-submit-area {
  flex-direction: column;
  grid-column: 2;
  align-items: stretch;
  gap: 10px;
  display: flex;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-generate-button {
  color: #fff;
  background: var(--studio-gradient, var(--studio-brand-start));
  border-radius: 999px;
  gap: 9px;
  width: 100%;
  min-height: 52px;
  font-size: 16px;
  font-weight: 600;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-generate-button:disabled {
  background: var(--studio-soft);
  color: var(--muted-foreground);
  opacity: 1;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-cost-summary {
  color: var(--muted-foreground);
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
  display: flex;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-cost-summary strong {
  font-weight: 600;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-free-quota {
  text-align: center;
  color: var(--muted-foreground);
  margin: -5px 0 0;
  font-size: 11px;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-person-ready {
  text-align: center;
  flex: 1;
  position: relative;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-person-thumbnail {
  background: var(--studio-raised);
  border-radius: 12px;
  height: 165px;
  overflow: hidden;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-person-thumbnail img {
  object-fit: contain;
  height: 165px;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-text-button {
  color: var(--studio-ink);
  cursor: pointer;
  margin: 7px auto 0;
  font-size: 12px;
  display: block;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-remove {
  background: var(--card);
  border: 1px solid var(--border);
  cursor: pointer;
  border-radius: 50%;
  flex-shrink: 0;
  place-items: center;
  width: 28px;
  height: 28px;
  display: grid;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-person-ready > .outfit-remove {
  position: absolute;
  top: 6px;
  right: 6px;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-reference-drop {
  border: 1px dashed var(--border);
  background: var(--card);
  width: 100%;
  min-height: 115px;
  color: var(--studio-ink);
  cursor: pointer;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  display: flex;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-person-drop {
  flex: 1;
  min-height: 178px;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-reference-cost {
  color: var(--muted-foreground);
  margin-top: 10px;
  font-size: 11px;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-clothes-selection {
  align-items: center;
  gap: 15px;
  display: flex;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-clothes-thumbnail {
  border-radius: 10px;
  width: 85px;
  height: 110px;
  overflow: hidden;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-clothes-thumbnail img {
  object-fit: contain;
  height: 110px;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-clothes-selection > .outfit-remove {
  margin-left: auto;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-history {
  margin-bottom: 20px;
  padding: 22px;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-history-heading {
  align-items: center;
  gap: 9px;
  margin-bottom: 16px;
  display: flex;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-history-heading > svg {
  color: var(--studio-ink);
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-history-heading h2 {
  margin: 0;
  font-size: 16px;
  font-weight: 650;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-history-heading button {
  background: var(--studio-raised);
  border: 1px solid var(--border);
  color: var(--muted-foreground);
  cursor: pointer;
  border-radius: 99px;
  align-items: center;
  gap: 6px;
  margin-left: auto;
  padding: 5px 12px;
  font-size: 12px;
  display: flex;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-history-toolbar {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
  display: flex;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-history-filters {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-history-filters button {
  background: var(--studio-raised);
  color: var(--muted-foreground);
  cursor: pointer;
  border-radius: 999px;
  align-items: center;
  gap: 5px;
  padding: 6px 11px;
  font-size: 12px;
  display: flex;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-history-filters button[aria-pressed="true"] {
  background: var(--studio-soft);
  color: #fff;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-history-more {
  color: var(--muted-foreground);
  cursor: pointer;
  align-items: center;
  gap: 3px;
  font-size: 11px;
  display: flex;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-history-empty {
  background: var(--card);
  min-height: 165px;
  color: var(--muted-foreground);
  border-radius: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 13px;
  font-size: 13px;
  display: flex;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-history-empty svg {
  color: var(--muted-foreground);
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-notice-details {
  color: var(--muted-foreground);
  padding: 6px 2px 20px;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-notice-details summary {
  cursor: pointer;
  font-size: 12px;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-notice-details ul {
  margin-top: 12px;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(button, textarea):focus-visible {
  outline: 2px solid var(--border);
  outline-offset: 3px;
}

.outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:disabled {
  cursor: not-allowed;
}

@media (max-width: 1250px) {
  .outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-upload-panel {
    grid-template-columns: 1fr;
    gap: 13px;
  }

  .outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-upload-tiles button {
    min-height: 105px;
  }

  .outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-upload-notes {
    grid-template-columns: 1fr 1fr;
    display: grid;
  }

  .outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-mode-tabs {
    width: 100%;
  }

  .outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-mode-tabs button {
    flex: 1;
  }
}

@media (max-width: 800px) {
  .outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-workbench {
    flex-direction: column;
    gap: 16px;
    display: flex;
  }

  .outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-controls {
    order: 0;
    gap: 16px;
  }

  .outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-submit-area {
    order: 1;
  }

  .outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-preview {
    order: 2;
  }

  .outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-example-image {
    aspect-ratio: 1.2;
    min-height: 0;
  }

  .outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(.outfit-upload-panel, .outfit-style-panel, .outfit-history) {
    border-radius: 17px;
    padding: 18px;
  }

  .outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-history-toolbar {
    flex-wrap: wrap;
  }

  .outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-history-filters button {
    padding: 6px 9px;
    font-size: 11px;
  }

  .outfit-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .outfit-upload-notes li {
    padding: 8px;
    font-size: 11px;
  }
}

.image-studio-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.image-studio-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) small {
  color: var(--muted-foreground);
  font-size: .52em;
  font-weight: 550;
}

.image-studio-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) em {
  background:var(--primary);background: color-mix(in srgb,var(--primary) 20%,transparent);
  color: var(--primary);
  border-radius: 999px;
  padding: 4px 8px;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
}

.image-studio-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: minmax(0, .92fr) minmax(280px, 1.08fr);
  align-items: stretch;
  gap: 16px;
  display: grid;
}

.image-studio-controls:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.image-studio-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 16px;
  flex-direction: column;
  gap: 10px;
  padding: 14px;
  display: flex;
}

.image-studio-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2, .image-studio-stage:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2, .image-studio-card-head:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
  color: var(--foreground);
  margin: 0;
  font-size: 14px;
  font-weight: 700;
}

.image-studio-card-head:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.image-studio-card-head:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button, .image-studio-stage-head:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  border: 1px solid var(--border);
  color: var(--muted-foreground);
  cursor: pointer;
  background: none;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 12px;
}

.image-studio-card-head:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:hover, .image-studio-stage-head:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:hover {
  color: var(--foreground);
}

.image-studio-drop:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1.5px dashed color-mix(in srgb,var(--primary) 70%,var(--border));
  background:var(--primary);background: color-mix(in srgb,var(--primary) 6%,var(--background));
  border-radius: 14px;
  place-items: center;
  min-height: 148px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.image-studio-drop.has-image:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-style: solid;
}

.image-studio-drop:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) img {
  object-fit: contain;
  background: var(--background);
  width: 100%;
  height: 220px;
}

.image-studio-drop-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--primary);
  cursor: pointer;
  background: none;
  border: 0;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  display: flex;
}

.image-studio-drop-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
  font-size: 14px;
}

.image-studio-drop-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) span {
  color: var(--muted-foreground);
  font-size: 12px;
}

.image-studio-drop-clear:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #fff;
  cursor: pointer;
  background: rgba(0, 0, 0, .62);
  border: 0;
  border-radius: 999px;
  place-items: center;
  width: 28px;
  height: 28px;
  display: grid;
  position: absolute;
  top: 8px;
  right: 8px;
}

.image-studio-drop-status:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #fff;
  background: rgba(0, 0, 0, .62);
  border-radius: 999px;
  padding: 3px 8px;
  font-size: 12px;
  position: absolute;
  bottom: 8px;
  right: 8px;
}

.image-studio-sources:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.image-studio-sources:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button, .image-studio-action-tools:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  border: 1px solid var(--border);
  background: var(--background);
  color: var(--foreground);
  cursor: pointer;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: 13px;
  display: inline-flex;
}

.image-studio-sources:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:first-child {
  border-color: var(--primary);
  color: var(--primary);
}

.image-studio-action:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  border-radius: 12px;
  grid-template-columns: 58px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 8px;
  display: grid;
}

.image-studio-action:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) img, .image-studio-action-blank:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  object-fit: cover;
  background: var(--muted);
  border-radius: 8px;
  width: 58px;
  height: 74px;
}

.image-studio-action-blank:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  place-items: center;
  display: grid;
}

.image-studio-action:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
  font-size: 14px;
  display: block;
}

.image-studio-action:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p, .image-studio-note:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  margin: 2px 0 0;
  font-size: 12px;
  line-height: 1.45;
}

.image-studio-action-tools:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.image-studio-category:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 0 2px;
  display: flex;
}

.image-studio-category:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span {
  color: var(--muted-foreground);
  font-size: 13px;
}

.image-studio-category:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) label {
  align-items: center;
  display: inline-flex;
  position: relative;
}

.image-studio-category:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select {
  appearance: none;
  border: 1px solid var(--border);
  background: var(--card);
  color: var(--foreground);
  border-radius: 999px;
  padding: 7px 30px 7px 12px;
  font-size: 13px;
}

.image-studio-category:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
  pointer-events: none;
  color: var(--muted-foreground);
  position: absolute;
  right: 10px;
}

.image-studio-thumbs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  scrollbar-width: none;
  scroll-behavior: smooth;
  gap: 10px;
  padding-bottom: 2px;
  display: flex;
  overflow-x: auto;
}

.image-studio-thumbs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-scrollbar {
  display: none;
}

.image-studio-thumb:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 78px;
  color: var(--muted-foreground);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  flex: 0 0 78px;
  padding: 0;
  scroll-margin-inline: 24px;
}

.image-studio-thumb-frame:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  display: block;
  position: relative;
}

.image-studio-thumb:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) img {
  object-fit: cover;
  background: var(--muted);
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 10px;
  width: 78px;
  height: 98px;
}

.image-studio-thumb.is-selected:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) img {
  border-color: var(--primary);
}

.image-studio-thumb:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) b {
  color: #fff;
  background: rgba(0, 0, 0, .62);
  border-radius: 4px;
  padding: 0 4px;
  font-size: 10px;
  line-height: 1.5;
  position: absolute;
  top: 6px;
  left: 6px;
}

.image-studio-thumb:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span:last-child {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 6px;
  font-size: 11px;
  line-height: 1.35;
  display: -webkit-box;
  overflow: hidden;
}

.image-studio-thumb.is-selected:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span:last-child {
  color: var(--foreground);
}

.image-studio-sizes:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.image-studio-sizes:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  border: 1px solid var(--border);
  background: var(--background);
  min-height: 74px;
  color: var(--muted-foreground);
  cursor: pointer;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.image-studio-sizes:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button i {
  border: 1.5px solid;
  border-radius: 3px;
  display: block;
}

.image-studio-sizes:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button.is-selected {
  border-color: var(--primary);
  background:var(--primary);background: color-mix(in srgb,var(--primary) 14%,var(--card));
  color: var(--foreground);
}

.image-studio-submit:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
  color: var(--muted-foreground);
  text-align: center;
  margin: 8px 0 0;
  font-size: 12px;
}

.image-studio-generate:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--studio-gradient);
  width: 100%;
  min-height: 48px;
  color: var(--studio-on-gradient);
  cursor: pointer;
  border: 0;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 700;
  display: flex;
}

.image-studio-generate:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) b {
  background: rgba(255, 255, 255, .18);
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  padding: 1px 8px;
  font-size: 13px;
  display: inline-flex;
}

.image-studio-generate:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) b img {
  width: 14px;
  height: 14px;
}

.image-studio-generate:hover:not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--studio-gradient-hover);
}

.image-studio-generate:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--studio-soft);
  color: var(--muted-foreground);
  cursor: not-allowed;
}

.image-studio-stage:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 16px;
  flex-direction: column;
  gap: 12px;
  min-height: 100%;
  padding: 16px;
  display: flex;
}

.image-studio-stage-head:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.image-studio-history-tab:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.image-studio-history-tab:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  color: var(--muted-foreground);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 650;
}

.image-studio-history-tab:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button[aria-selected="true"] {
  background:var(--primary);background: color-mix(in srgb,var(--primary) 18%,var(--card));
  color: var(--foreground);
}

.image-studio-drop-multi:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  display: grid;
}

.image-studio-drop-multi:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-drop {
  min-height: 132px;
}

.image-studio-drop-multi:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-drop img {
  height: 168px;
}

.image-studio-drop-caption:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--foreground);
  text-align: center;
  margin: 0 0 6px;
  font-size: 12px;
  font-weight: 650;
}

.image-studio-thumb-frame:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .i2v-thumb-empty {
  background: var(--muted);
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 10px;
  width: 78px;
  height: 98px;
  display: block;
}

.image-studio-result:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(video, img), .image-studio-result-image:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(video, img) {
  object-fit: cover;
  background: #000;
  width: 100%;
  height: 100%;
}

.image-studio-stage-body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.image-studio-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: 240px;
  color: var(--muted-foreground);
  text-align: center;
  flex: 1;
  place-items: center;
  display: grid;
}

.image-studio-results:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: repeat(auto-fill, minmax(112px, 1fr));
  align-content: start;
  gap: 10px;
  display: grid;
}

.image-studio-result:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .image-studio-result-image:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  aspect-ratio: 3 / 4;
  background: var(--muted);
  border-radius: 12px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.image-studio-result:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  place-items: center;
  gap: 6px;
  font-size: 12px;
  display: grid;
}

.image-studio-result.is-failed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--destructive, #d4536a);
}

.image-studio-editor:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .image-studio-picker:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: min(760px, 100%);
  max-width: 760px;
}

.image-studio-editor:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.image-studio-field:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.image-studio-field:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) span, .image-studio-editor:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div > p {
  color: var(--muted-foreground);
  font-size: 12px;
}

.image-studio-fields:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  display: grid;
}

.image-studio-field:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  position: relative;
}

.image-studio-field:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) textarea, .image-studio-field:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input, .image-studio-field:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select {
  border: 1px solid var(--border);
  background: var(--background);
  width: 100%;
  color: var(--foreground);
  border-radius: 12px;
  padding: 10px 12px;
  font-size: 13px;
}

.image-studio-field:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select {
  appearance: none;
  padding-right: 32px;
}

.image-studio-field:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg {
  pointer-events: none;
  color: var(--muted-foreground);
  position: absolute;
  bottom: 12px;
  right: 10px;
}

.image-studio-field:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) textarea {
  resize: vertical;
  min-height: 160px;
  line-height: 1.55;
}

.image-studio-styles:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
  display: flex;
}

.image-studio-styles:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  border: 1px solid var(--border);
  color: var(--muted-foreground);
  cursor: pointer;
  background: none;
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 13px;
}

.image-studio-styles:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button[aria-pressed="true"] {
  border-color: var(--primary);
  background:var(--primary);background: color-mix(in srgb,var(--primary) 14%,transparent);
  color: var(--foreground);
}

.image-studio-blank:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  width: fit-content;
  color: var(--foreground);
  cursor: pointer;
  background: none;
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 13px;
}

.image-studio-picker-body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-direction: column;
  gap: 16px;
  max-height: min(68vh, 640px);
  display: flex;
  overflow: auto;
}

.image-studio-picker-body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h3 {
  margin: 0 0 8px;
  font-size: 13px;
}

.image-studio-picker-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: repeat(auto-fill, minmax(108px, 1fr));
  gap: 10px;
  display: grid;
}

.image-studio-picker-item:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--background);
  min-width: 0;
  color: var(--foreground);
  text-align: left;
  cursor: pointer;
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 12px;
  flex-direction: column;
  gap: 6px;
  padding: 4px;
  display: flex;
}

.image-studio-picker-item.is-selected:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--primary);
}

.image-studio-picker-item:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) img, .image-studio-picker-item:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .i2v-thumb-empty {
  aspect-ratio: 3 / 4;
  object-fit: cover;
  border-radius: 8px;
  width: 100%;
}

.image-studio-picker-item:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) span {
  font-size: 12px;
  line-height: 1.35;
}

.image-studio-picker-item:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) b {
  color: var(--primary);
}

[data-studio-page="image-studio"].image-studio:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  container: image-studio-page / inline-size;
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-workspace {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-config {
  --image-studio-image-media-height: clamp(320px, 22vw, 375px);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
  gap: 12px;
  display: grid;
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-config > .image-studio-card {
  gap: 0;
  min-width: 0;
  padding: 18px;
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-card-head {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-height: 30px;
  margin-bottom: 15px;
  display: flex;
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-card-head h2 {
  flex: none;
  font-size: 16px;
  line-height: 1.2;
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-media {
  width: 100%;
  height: var(--image-studio-image-media-height);
  min-height: var(--image-studio-image-media-height);
  border: 1.5px solid color-mix(in srgb,var(--primary) 70%,var(--border));
  background: var(--background);
  border-radius: 14px;
  place-items: center;
  display: grid;
  overflow: hidden;
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-media img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-drop-empty {
  justify-content: center;
  gap: 7px;
  width: 100%;
  height: 100%;
  padding: 16px;
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-blank {
  color: var(--muted-foreground);
  flex-direction: column;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  display: flex;
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-caption {
  overflow-wrap: anywhere;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 8px;
  min-width: 0;
  min-height: 30px;
  margin-top: 12px;
  display: flex;
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-caption strong {
  font-size: 13px;
  line-height: 1.5;
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-caption p {
  color: var(--muted-foreground);
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-custom-frame {
  box-sizing: border-box;
  width: 100%;
  height: var(--image-studio-image-media-height);
  min-height: var(--image-studio-image-media-height);
  border: 1.5px solid color-mix(in srgb,var(--primary) 70%,var(--border));
  background: var(--background);
  border-radius: 14px;
  overflow: hidden;
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-custom-frame:focus-within {
  border-color: var(--primary);
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-custom-input {
  box-sizing: border-box;
  resize: none;
  width: 100%;
  height: 100%;
  box-shadow: none;
  color: var(--foreground);
  text-align: start;
  vertical-align: top;
  background: none;
  border: 0;
  border-radius: 0;
  outline: none;
  margin: 0;
  padding: 12px 14px;
  font-size: 13px;
  line-height: 1.55;
  display: block;
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-custom-input:focus, [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-custom-input:focus-visible {
  outline-offset: 0;
  box-shadow: none;
  outline: none;
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-custom-input::placeholder {
  color: var(--muted-foreground);
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-custom-footer {
  min-height: 32px;
  color: var(--muted-foreground);
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  font-size: 12px;
  display: flex;
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-optimize button {
  border: 1px solid color-mix(in srgb,var(--primary) 42%,var(--border));
  background:var(--primary);background: color-mix(in srgb,var(--primary) 10%,var(--card));
  height: 32px;
  min-height: 32px;
  color: var(--primary);
  white-space: nowrap;
  cursor: pointer;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 5px 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  display: inline-flex;
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-optimize button:hover:not(:disabled) {
  border-color: var(--primary);
  background:var(--primary);background: color-mix(in srgb,var(--primary) 18%,var(--card));
  color: var(--foreground);
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-optimize button:disabled {
  opacity: .5;
  cursor: not-allowed;
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-optimize > div {
  gap: 6px;
  padding-top: 0;
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-optimize > div > span {
  display: none;
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(.image-studio-sources, .image-studio-action-tools) {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-sources {
  flex-wrap: nowrap;
  justify-content: space-between;
  min-height: 30px;
  margin-top: 12px;
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .media-source-bar {
  margin-top: 12px;
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(.image-studio-sources, .image-studio-action-tools) button {
  border-color:var(--primary);border-color: color-mix(in srgb,var(--primary) 52%,var(--border));
  background:var(--primary);background: color-mix(in srgb,var(--primary) 8%,var(--card));
  min-height: 26px;
  color: var(--primary);
  white-space: nowrap;
  justify-content: center;
  gap: 4px;
  padding: 4px 7px;
  font-size: 12px;
  line-height: 1;
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-action-tools {
  flex-wrap: nowrap;
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-action-tools button {
  min-height: 30px;
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(.image-studio-sources, .image-studio-action-tools) button svg {
  flex: none;
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(.image-studio-sources, .image-studio-action-tools) button:hover {
  border-color: var(--primary);
  background: var(--studio-soft);
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-category {
  min-height: 28px;
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-thumb {
  flex: 0 0 calc(25% - 7.5px);
  width: calc(25% - 7.5px);
  min-width: 88px;
  max-width: 148px;
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-thumb img {
  aspect-ratio: 3 / 4;
  width: 100%;
  height: auto;
  max-height: 172px;
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-thumb > span:last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  min-width: 0;
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.35;
  display: block;
  overflow: hidden;
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-generate {
  min-height: 52px;
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-generate b {
  min-height: 26px;
  padding: 3px 8px;
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-generate b img {
  object-fit: contain;
  flex: none;
  width: 18px;
  height: 18px;
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-result-tabs {
  flex-wrap: nowrap;
  gap: 8px;
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-result-tabs button {
  border: 1px solid var(--border);
  white-space: nowrap;
  min-width: 62px;
  min-height: 34px;
  padding: 6px 14px;
  font-weight: 550;
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-result-tabs button[aria-selected="true"] {
  border-color: var(--primary);
  background: var(--studio-gradient);
  color: var(--studio-on-gradient);
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-result-tabs button:hover:not([aria-selected="true"]) {
  background: var(--studio-soft);
  color: var(--foreground);
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-empty {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 32px 16px;
  display: flex;
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-empty > svg {
  opacity: .65;
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-empty p {
  margin: 0;
  font-size: 15px;
}

[data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-result {
  align-content: center;
  padding: 12px;
}

@container image-studio-page (width <= 1060px) {
  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-workspace {
    grid-template-columns: 1fr;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-stage {
    min-height: 420px;
  }
}

@media (max-width: 960px) {
  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-workspace {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-studio-page="image-studio"].feature-shell.image-studio {
    padding-top: .25rem;
    padding-bottom: calc(4.75rem + env(safe-area-inset-bottom, 0px));
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-submit {
    z-index: 40;
    padding: 6px 12px max(6px,env(safe-area-inset-bottom, 0px));
    border-top: 1px solid var(--border);
    background: var(--card);
    flex-direction: column;
    gap: 2px;
    margin: 0;
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-submit p {
    margin: 0;
    font-size: 11px;
    line-height: 1;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-submit .image-studio-generate {
    min-height: 40px;
    font-size: 15px;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-tool-mobile-header {
    gap: 8px;
    margin-bottom: 8px;
    padding-top: 0;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-tool-mobile-header h1 {
    letter-spacing: -.2px;
    font-size: 16px;
    line-height: 1.25;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-back {
    width: 32px;
    height: 32px;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-controls {
    gap: 8px;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-workspace {
    gap: 10px;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-config {
    --image-studio-image-media-height: 208px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding-bottom: 40px;
    position: relative;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-card {
    border-radius: 12px;
    gap: 6px;
    padding: 8px;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-config > .image-studio-card {
    border: 1px solid var(--border);
    background:var(--card);background: color-mix(in srgb,var(--card) 92%,var(--primary));
    box-shadow: none;
    border-radius: 12px;
    gap: 6px;
    margin: 0;
    padding: 8px;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-card-head {
    align-items: center;
    gap: 4px;
    height: 28px;
    min-height: 28px;
    margin: 0;
    padding: 0;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-card-head h2, [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-card h2 {
    font-size: 13px;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-action .image-studio-action-tools button span {
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-config[data-custom="true"] .image-studio-image-action {
    position: relative;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-config[data-custom="true"] .image-studio-image-custom-frame {
    height: var(--image-studio-image-media-height);
    min-height: var(--image-studio-image-media-height);
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-config[data-custom="true"] .image-studio-image-custom-input {
    padding: 22px 8px 34px;
    font-size: 12px;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-config[data-custom="true"] .image-studio-image-custom-footer {
    font-size: 11px;
    display: contents;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-config[data-custom="true"] .image-studio-image-optimize {
    z-index: 1;
    max-width: calc(100% - 28px);
    position: absolute;
    bottom: 14px;
    left: 14px;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-config[data-custom="true"] .image-studio-image-custom-footer > span {
    z-index: 1;
    font-variant-numeric: tabular-nums;
    position: absolute;
    top: 46px;
    right: 16px;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-config[data-custom="true"] .image-studio-image-optimize button {
    gap: 3px;
    height: 24px;
    min-height: 24px;
    padding: 2px 6px;
    font-size: 11px;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-action-tools button {
    width: 28px;
    height: 28px;
    min-height: 28px;
    padding: 0;
    position: relative;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-action-tools button svg {
    flex: none;
    width: 14px;
    height: 14px;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-action .image-studio-image-media, [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-reference .image-studio-image-media {
    border: 1.5px solid color-mix(in srgb,var(--primary) 70%,var(--border));
    border-radius: 10px;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-drop-empty {
    gap: 2px;
    padding: 8px;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-drop-empty strong {
    font-size: 12px;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-drop-empty span {
    font-size: 11px;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-caption {
    display: none;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-reference .media-source-bar {
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 6px;
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-reference .media-source-bar-btn {
    min-height: 28px;
    padding: 4px 8px;
    font-size: 12px;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-thumb {
    flex-basis: 68px;
    width: 68px;
    min-width: 68px;
    max-width: 68px;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-thumb img {
    max-height: 88px;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-thumb > span:last-child {
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 4px;
    font-size: 11px;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-sizes {
    gap: 6px;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-sizes button {
    border-radius: 10px;
    gap: 4px;
    min-height: 52px;
    font-size: 11px;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-plaza-share {
    min-height: 0;
    padding: 8px 10px;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-plaza-share-title {
    font-size: 13px;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-stage {
    gap: 8px;
    min-height: 180px;
    padding: 10px;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-empty {
    gap: 8px;
    min-height: 140px;
    padding: 12px;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-empty > svg {
    width: 32px;
    height: 32px;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-empty p {
    font-size: 13px;
  }
}

@media (max-width: 420px) {
  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-result-tabs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    display: grid;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-image-result-tabs button {
    min-width: 0;
    padding-inline: 6px;
  }
}

[data-studio-page="image-to-video"].image-studio:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  container: video-studio / inline-size;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-workspace {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 14px;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-controls {
  gap: 8px;
  container: video-controls / inline-size;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-config {
  --image-studio-video-media-height: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 12px;
  min-width: 0;
  display: grid;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-config > .image-studio-card {
  gap: 0;
  min-width: 0;
  padding: 14px;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-card-head {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-height: 30px;
  margin-bottom: 10px;
  display: flex;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-card-head h2 {
  min-width: 0;
  font-size: 18px;
  line-height: 1.2;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-card-head button {
  border: 1px solid color-mix(in srgb,var(--primary) 52%,var(--border));
  background:var(--primary);background: color-mix(in srgb,var(--primary) 8%,var(--card));
  min-height: 30px;
  color: var(--primary);
  white-space: nowrap;
  cursor: pointer;
  border-radius: 999px;
  flex: none;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-card-head button[aria-pressed="true"] {
  border-color: var(--primary);
  background:var(--primary);background: color-mix(in srgb,var(--primary) 30%,var(--card));
  color: var(--foreground);
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-media {
  aspect-ratio: 3 / 4;
  border: 1.5px solid color-mix(in srgb,var(--primary) 70%,var(--border));
  background: var(--background);
  border-radius: 14px;
  width: 100%;
  height: auto;
  min-height: 300px;
  max-height: 420px;
  overflow: hidden;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-media.image-studio-drop {
  place-items: stretch stretch;
  display: grid;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-media.image-studio-drop:not(.has-image) {
  border-style: dashed;
  border-color:var(--primary);border-color: color-mix(in srgb,var(--primary) 40%,var(--border));
  place-items: center;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-drop-empty {
  gap: 7px;
  padding: 14px;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-drop-empty > svg {
  width: 28px;
  height: 28px;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-drop-empty strong {
  font-size: 15px;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-drop-empty span {
  font-size: 13px;
  line-height: 1.5;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-media.image-studio-drop img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-player {
  place-items: stretch stretch;
  display: grid;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-player .image-studio-note {
  place-self: center;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-player video, [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) video.image-studio-video-player, [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-player img {
  object-fit: contain;
  object-position: center;
  background: #08070a;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-custom-input {
  resize: none;
  color: var(--foreground);
  outline: none;
  padding: 10px 12px;
  font-size: 13px;
  line-height: 1.55;
  display: block;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-custom-input::placeholder {
  color: var(--muted-foreground);
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-footer {
  align-items: center;
  gap: 8px;
  min-height: 24px;
  margin-top: 8px;
  display: flex;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-custom-footer {
  color: var(--muted-foreground);
  justify-content: space-between;
  font-size: 12px;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-action-caption {
  white-space: nowrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-action-caption strong {
  color: var(--foreground);
  flex: none;
  font-size: 13px;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-action-caption p {
  min-width: 0;
  color: var(--muted-foreground);
  text-overflow: ellipsis;
  flex: 1;
  margin: 0;
  font-size: 12px;
  overflow: hidden;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .media-source-bar {
  margin-top: 8px;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-sources button, [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-sources button:first-child, [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-optimize button {
  border: 1px solid color-mix(in srgb,var(--primary) 42%,var(--border));
  background:var(--primary);background: color-mix(in srgb,var(--primary) 10%,var(--card));
  height: 32px;
  min-height: 32px;
  color: var(--primary);
  white-space: nowrap;
  cursor: pointer;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 5px 6px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  display: inline-flex;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-sources button:hover:not(:disabled), [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-optimize button:hover:not(:disabled) {
  border-color: var(--primary);
  background:var(--primary);background: color-mix(in srgb,var(--primary) 18%,var(--card));
  color: var(--foreground);
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-sources button:disabled, [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-optimize button:disabled {
  opacity: .5;
  cursor: not-allowed;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-optimize > div {
  gap: 6px;
  padding-top: 0;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-optimize > div > span {
  display: none;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-media.image-studio-drop-multi {
  background: none;
  border: 0;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  grid-template-columns: 1fr;
  gap: 8px;
  display: grid;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-drop-multi > div, [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-media.image-studio-drop-multi > div {
  flex-direction: column;
  min-height: 0;
  display: flex;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-media.image-studio-drop-multi .image-studio-drop {
  flex: 1;
  min-height: 0;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-media.image-studio-drop-multi .image-studio-drop img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-media.image-studio-drop-multi .image-studio-drop-caption {
  flex: none;
  margin-bottom: 4px;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-category {
  min-height: 28px;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-templates {
  gap: 6px;
  padding: 8px 10px;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-thumb {
  flex-basis: 62px;
  width: 62px;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-thumb :is(img, .i2v-thumb-empty) {
  width: 62px;
  height: 78px;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-thumb > span:last-child {
  margin-top: 4px;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-stage {
  min-width: 0;
  padding: 16px;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-stage-head {
  border-bottom: 1px solid var(--border);
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-stage-head h2 {
  padding-bottom: 12px;
  font-size: 18px;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-result-tabs {
  flex-wrap: nowrap;
  gap: 12px;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-result-tabs button {
  white-space: nowrap;
  background: none;
  border-radius: 0;
  min-height: 40px;
  padding: 4px 8px 12px;
  font-size: 14px;
  position: relative;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-result-tabs button[aria-selected="true"] {
  color: var(--primary);
  background: none;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-result-tabs button[aria-selected="true"]:after {
  background: var(--primary);
  content: "";
  border-radius: 2px;
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: 6px;
  right: 6px;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-empty {
  flex-direction: column;
  justify-content: center;
  gap: 14px;
  padding: 40px 16px;
  display: flex;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-empty > svg {
  color: var(--primary);
  opacity: .4;
  margin-bottom: 14px;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-empty strong {
  color: var(--foreground);
  font-size: 18px;
  font-weight: 650;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-empty p {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-all-results {
  color: var(--muted-foreground);
  cursor: pointer;
  background: none;
  border: 0;
  align-self: flex-end;
  padding: 6px 0;
  font-size: 12px;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-all-results:hover {
  color: var(--primary);
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-failed {
  min-height: 160px;
  color: var(--destructive);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 14px;
  display: flex;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-failed p {
  color: var(--muted-foreground);
  overflow-wrap: anywhere;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio[data-studio-page="image-to-video"] .image-studio-video-options {
  border-radius: 16px;
  gap: 10px;
  min-width: 0;
  padding: 12px;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-settings {
  min-width: 0;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-settings-head {
  align-items: center;
  gap: 9px;
  margin-bottom: 8px;
  display: flex;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-settings-title {
  color: var(--foreground);
  margin: 0;
  font-size: 18px;
  font-weight: 750;
  line-height: 1.3;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-settings-head > span {
  border: 1px solid color-mix(in srgb,var(--primary) 45%,var(--border));
  background: var(--studio-soft);
  color: var(--primary);
  border-radius: 8px;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 650;
  line-height: 1.25;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-duration-static {
  border: 1px solid var(--border);
  background: var(--studio-raised);
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 7px 12px;
  display: flex;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-duration-static > div {
  gap: 3px;
  display: grid;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-duration-static span {
  color: var(--foreground);
  font-size: 14px;
  font-weight: 650;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-duration-static small {
  color: var(--muted-foreground);
  font-size: 11px;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-duration-static strong {
  color: var(--foreground);
  white-space: nowrap;
  flex: none;
  font-size: 17px;
  font-weight: 750;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-choice-section {
  border: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-settings-head + .image-studio-choice-section {
  margin-top: 1px;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-duration-static + .image-studio-choice-section, [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-choice-section + .image-studio-choice-section {
  margin-top: 8px;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-choice-title {
  width: 100%;
  color: var(--foreground);
  margin: 0 0 6px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  display: block;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-choice-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  min-width: 0;
  display: grid;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-choice-grid[data-kind="duration"] {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-choice {
  border: 1px solid color-mix(in srgb,var(--border) 85%,var(--muted-foreground));
  background: var(--studio-raised);
  min-width: 0;
  min-height: 48px;
  color: var(--foreground);
  text-align: left;
  cursor: pointer;
  border-radius: 11px;
  grid-template-rows: auto auto;
  grid-template-columns: 17px minmax(0, 1fr);
  align-content: center;
  align-items: center;
  column-gap: 9px;
  padding: 6px 10px;
  transition: border-color .15s, background .15s, box-shadow .15s;
  display: grid;
  position: relative;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-choice input {
  opacity: 0;
  width: 1px;
  height: 1px;
  position: absolute;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-choice:focus-within {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-choice:before {
  border: 2px solid color-mix(in srgb,var(--muted-foreground) 65%,var(--border));
  content: "";
  border-radius: 50%;
  grid-area: 1 / 1 / span 2;
  width: 17px;
  height: 17px;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-choice[data-selected="true"] {
  border-color: var(--primary);
  background:var(--primary);background: color-mix(in srgb,var(--primary) 17%,var(--card));
  box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--primary) 52%,transparent);
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-choice[data-selected="true"]:before {
  border: 5px solid var(--primary);
  background: #fff;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-choice:hover:not([data-disabled="true"]):not([data-selected="true"]) {
  border-color:var(--primary);border-color: color-mix(in srgb,var(--primary) 70%,var(--border));
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-choice[data-disabled="true"] {
  opacity: .55;
  cursor: not-allowed;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-choice-label {
  color: var(--foreground);
  white-space: nowrap;
  grid-column: 2;
  font-size: 16px;
  font-weight: 680;
  line-height: 1.25;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-choice-price {
  color: var(--muted-foreground);
  white-space: nowrap;
  grid-column: 2;
  font-size: 12px;
  line-height: 1.25;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-choice[data-selected="true"] .image-studio-choice-price {
  color: var(--primary);
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-choice-grid[data-kind="duration"] .image-studio-choice {
  min-height: 44px;
  padding-inline: 9px;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-choice-grid[data-kind="duration"] .image-studio-choice-label {
  font-size: 13px;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-choice-hint {
  color: var(--muted-foreground);
  margin: 6px 0 0;
  font-size: 11px;
  line-height: 1.45;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-plaza-share, [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-plaza-share {
  border: 1px solid var(--border);
  background: var(--studio-raised);
  border-radius: 11px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 48px;
  padding: 8px 12px;
  display: flex;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-plaza-share-copy, [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-plaza-share-copy {
  gap: 3px;
  min-width: 0;
  display: grid;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-plaza-share-title, [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-plaza-share-title {
  color: var(--foreground);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-plaza-share-description, [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-plaza-share-description {
  color: var(--muted-foreground);
  font-size: 11px;
  line-height: 1.35;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-plaza-share-actions {
  flex: none;
  align-items: center;
  gap: 12px;
  display: flex;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-plaza-share-settings {
  color: var(--primary);
  cursor: pointer;
  background: none;
  border: 0;
  padding: 4px;
  font-size: 12px;
  font-weight: 650;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-plaza-share [role="switch"], [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-plaza-share [role="switch"] {
  flex: none;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-submit {
  gap: 8px;
  display: grid;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-submit-row {
  border: 1px solid var(--border);
  background: var(--studio-raised);
  border-radius: 11px;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  align-items: center;
  gap: 12px;
  padding: 7px 10px 7px 14px;
  display: grid;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-generation-summary {
  min-width: 0;
  color: var(--foreground);
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 10px;
  font-size: 14px;
  line-height: 1.25;
  display: flex;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-generation-summary strong {
  color: var(--primary);
  font-variant-numeric: tabular-nums;
  align-items: baseline;
  gap: 6px;
  font-size: 30px;
  font-weight: 750;
  display: inline-flex;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-generation-summary small {
  font-size: 14px;
  font-weight: 550;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio[data-studio-page="image-to-video"] .image-studio-generate {
  background: var(--studio-gradient);
  min-height: 46px;
  box-shadow: none;
  color: #fff;
  border-radius: 10px;
  font-size: 17px;
  font-weight: 750;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio[data-studio-page="image-to-video"] .image-studio-generate:hover:not(:disabled) {
  background: var(--studio-gradient-hover);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio[data-studio-page="image-to-video"] .image-studio-generate:disabled {
  background: var(--studio-soft);
  box-shadow: none;
  color: var(--muted-foreground);
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-generate b {
  color: inherit;
  font-size: 13px;
  font-weight: 750;
}

@container video-controls (width <= 620px) {
  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-choice-grid[data-kind="duration"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@container video-controls (width <= 440px) {
  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-choice-grid:not([data-kind="duration"]) {
    gap: 6px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-choice-grid:not([data-kind="duration"]) .image-studio-choice {
    min-height: 52px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-choice {
    grid-template-columns: 14px minmax(0, 1fr);
    column-gap: 6px;
    padding-inline: 7px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-choice:before {
    width: 14px;
    height: 14px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-choice[data-selected="true"]:before {
    border-width: 4px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-choice-label {
    font-size: 13px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-choice-price {
    font-size: 11px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-submit-row {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 10px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-generation-summary {
    justify-content: space-between;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-generation-summary strong {
    font-size: 25px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-plaza-share, [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-plaza-share {
    padding-inline: 12px;
  }
}

@container video-controls (width <= 540px) {
  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-config {
    grid-template-columns: 1fr;
  }
}

@container video-studio (width <= 1060px) {
  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-workspace {
    grid-template-columns: 1fr;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-stage {
    min-height: 420px;
  }
}

@media (max-width: 960px) {
  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-workspace {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 380px) {
  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-choice-grid[data-kind="quality"] {
    grid-template-columns: 1fr;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-stage-head {
    gap: 8px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-result-tabs {
    gap: 4px;
  }
}

.image-studio:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(button, textarea, input, select):focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}

@media (max-width: 960px) {
  .image-studio-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: 1fr;
  }

  .image-studio-stage:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 420px;
  }

  .image-studio-fields:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: 1fr;
  }

  .image-studio:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-page-header h1 {
    letter-spacing: -.3px;
    font-size: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .image-studio-thumbs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    scroll-behavior: auto;
  }

  .image-studio-generate:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    transition: none;
  }
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-action-tools {
  align-items: center;
  gap: 6px;
  display: flex;
}

[data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-card-head .image-studio-video-change-template, [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-generate .image-studio-video-mobile-cost {
  display: none;
}

@media (max-width: 767px) {
  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-studio-page="image-to-video"].feature-shell.image-studio {
    padding-top: 8px;
    padding-bottom: calc(128px + env(safe-area-inset-bottom, 0px));
  }

  [data-studio-page="image-to-video"].image-studio:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-controls {
    container-type: normal;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-tool-mobile-header {
    gap: 8px;
    margin-bottom: 8px;
    padding-top: 0;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-tool-mobile-header h1 {
    letter-spacing: -.2px;
    font-size: 16px;
    line-height: 1.3;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-heading {
    gap: 6px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-heading small {
    font-size: 11px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-back {
    width: 36px;
    height: 36px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-workspace {
    gap: 10px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-controls {
    gap: 8px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-card {
    border-radius: 12px;
    gap: 8px;
    padding: 10px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-card h2 {
    font-size: 13px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-config {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding-bottom: 48px;
    position: relative;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-config > .image-studio-card {
    background:var(--card);background: color-mix(in srgb,var(--card) 92%,var(--primary));
    border-radius: 12px;
    padding: 8px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-card-head {
    gap: 2px;
    min-height: 32px;
    margin-bottom: 6px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-card-head h2 {
    white-space: nowrap;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-action-tools {
    gap: 4px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-card-head button {
    justify-content: center;
    width: 28px;
    height: 28px;
    min-height: 28px;
    padding: 0;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-card-head button svg {
    flex: none;
    width: 14px;
    height: 14px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-card-head .image-studio-video-change-template {
    display: inline-flex;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-action-tools button span {
    clip-path: inset(50%);
    white-space: nowrap;
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-media {
    aspect-ratio: 3 / 4;
    border-radius: 10px;
    height: auto;
    min-height: 0;
    max-height: none;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-media.image-studio-drop:not(.has-image) {
    border-style: solid;
    border-color:var(--primary);border-color: color-mix(in srgb,var(--primary) 70%,var(--border));
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-drop-empty {
    justify-content: center;
    gap: 6px;
    width: 100%;
    height: 100%;
    padding: 8px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-drop-empty strong {
    font-size: 13px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-drop-empty span {
    font-size: 11px;
    line-height: 1.45;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-action-caption {
    display: none;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-reference-card .media-source-bar {
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 6px;
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .media-source-bar-btn {
    gap: 4px;
    height: 28px;
    min-height: 28px;
    padding: 4px 8px;
    font-size: 12px;
    line-height: 1;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .media-source-bar-btn > svg {
    width: 14px;
    height: 14px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-config[data-custom="true"] .image-studio-video-action-card {
    position: relative;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-config[data-custom="true"] .image-studio-video-custom-input {
    aspect-ratio: 3 / 4;
    height: auto;
    min-height: 0;
    padding: 22px 8px 34px;
    font-size: 12px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-config[data-custom="true"] .image-studio-video-custom-footer {
    font-size: 11px;
    display: contents;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-config[data-custom="true"] .image-studio-video-optimize {
    z-index: 1;
    max-width: calc(100% - 28px);
    position: absolute;
    bottom: 14px;
    left: 14px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-config[data-custom="true"] .image-studio-video-custom-footer > span {
    z-index: 1;
    font-variant-numeric: tabular-nums;
    position: absolute;
    top: 52px;
    right: 16px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-config[data-custom="true"] .image-studio-video-optimize button {
    gap: 3px;
    height: 24px;
    min-height: 24px;
    padding: 2px 6px;
    font-size: 11px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-config[data-multi="true"] .image-studio-video-media {
    aspect-ratio: auto;
    height: 292px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-drop-multi .image-studio-drop-caption {
    font-size: 12px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-drop-multi .image-studio-drop-empty {
    gap: 3px;
    padding: 5px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-drop-multi .image-studio-drop-empty > svg {
    width: 20px;
    height: 20px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-drop-clear {
    width: 32px;
    height: 32px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-reference-card .image-studio-drop.has-image > img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-category select {
    max-width: 230px;
    min-height: 36px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-templates {
    padding: 8px 10px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-card-head button {
    min-height: 32px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-thumbs {
    gap: 10px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-thumb {
    flex: 0 0 72px;
    width: 72px;
    min-width: 72px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-thumb :is(img, .i2v-thumb-empty) {
    width: 72px;
    height: 92px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-thumb > span:last-child {
    font-size: 11px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio[data-studio-page="image-to-video"] .image-studio-video-options {
    display: contents;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-settings {
    border: 1px solid var(--border);
    background: var(--card);
    border-radius: 12px;
    padding: 10px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-settings-head {
    margin-bottom: 8px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-duration-static {
    border-radius: 10px;
    gap: 8px;
    min-height: 40px;
    padding: 6px 8px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-duration-static > div {
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 8px;
    display: flex;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-duration-static span, [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-duration-static strong {
    font-size: 12px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-choice-title {
    font-size: 13px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-choice-grid, [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-choice-grid[data-kind="quality"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-choice-grid[data-kind="duration"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-choice {
    text-align: center;
    grid-template-columns: 1fr;
    gap: 4px;
    min-height: 48px;
    padding: 6px 4px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-choice:before {
    display: none;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-choice-label {
    grid-column: 1;
    font-size: 14px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-choice-price {
    grid-column: 1;
    font-size: 11px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-plaza-share {
    border-radius: 12px;
    min-height: 56px;
    padding: 8px 10px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-plaza-share-title {
    font-size: 13px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-stage {
    border-radius: 12px;
    gap: 10px;
    min-height: 220px;
    padding: 10px;
    position: relative;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-stage-head {
    border: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-stage-head h2 {
    min-height: 32px;
    padding: 6px 0;
    font-size: 14px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-result-tabs {
    gap: 8px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-result-tabs button {
    border: 1px solid var(--border);
    border-radius: 999px;
    min-height: 36px;
    padding: 6px 16px;
    font-size: 12px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-result-tabs button[aria-selected="true"] {
    border-color: var(--primary);
    background: var(--studio-soft);
    color: var(--foreground);
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-result-tabs button[aria-selected="true"]:after {
    display: none;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-all-results {
    min-height: 32px;
    color: var(--primary);
    padding: 4px 8px;
    position: absolute;
    top: 10px;
    right: 10px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-empty {
    gap: 8px;
    min-height: 140px;
    padding: 18px 8px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-empty > svg {
    width: 36px;
    height: 36px;
    margin: 0;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-empty strong {
    font-size: 14px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-empty p {
    font-size: 12px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-submit {
    z-index: 40;
    padding: 8px 12px max(8px,env(safe-area-inset-bottom, 0px));
    border-top: 1px solid var(--border);
    background: var(--card);
    gap: 4px;
    margin: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-submit-row {
    background: none;
    border: 0;
    padding: 0;
    display: block;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-generation-summary {
    display: none;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio[data-studio-page="image-to-video"] .image-studio-generate {
    border-radius: 999px;
    min-height: 44px;
    font-size: 15px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-generate .image-studio-video-mobile-cost {
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    font-size: 13px;
    display: inline-flex;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-submit p {
    margin: 0;
    font-size: 11px;
    line-height: 1.4;
  }
}

@media (max-width: 359px) {
  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-card-head {
    flex-wrap: wrap;
    align-content: center;
    min-height: 58px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-card-head h2 {
    width: 100%;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-config[data-custom="true"] .image-studio-video-card-head {
    flex-wrap: nowrap;
    min-height: 32px;
  }

  [data-studio-page="image-to-video"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .image-studio-video-config[data-custom="true"] .image-studio-video-card-head h2 {
    width: auto;
  }
}

.media-source-bar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  margin-top: 10px;
  display: flex;
}

.media-source-bar-btn:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid color-mix(in srgb,var(--primary) 58%,var(--border));
  min-height: 30px;
  color: var(--primary);
  white-space: nowrap;
  cursor: pointer;
  background: none;
  border-radius: 999px;
  flex: none;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  display: inline-flex;
}

.media-source-bar-btn:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
  flex: none;
  width: 14px;
  height: 14px;
}

.media-source-bar-btn:hover:not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--primary);
  background:var(--primary);background: color-mix(in srgb,var(--primary) 10%,transparent);
  color: var(--primary);
}

.media-source-bar-btn:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  opacity: .5;
  cursor: not-allowed;
}

@media (max-width: 380px) {
  .media-source-bar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 4px;
  }

  .media-source-bar-btn:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 5px 8px;
    font-size: 11px;
  }
}

.template-catalog:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .template-studio:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --tc-ink: var(--foreground);
  --tc-muted: var(--muted-foreground);
  --tc-line: var(--border);
  --tc-panel: var(--card);
  --tc-soft: var(--studio-raised);
  --tc-chip: var(--studio-raised);
  --tc-blue: var(--studio-ink);
  --tc-blue-hover: var(--studio-primary-hover);
  width: 100%;
  min-width: 0;
  color: var(--tc-ink);
  background: none;
}

.template-catalog:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding: 8px 0 40px;
}

.template-catalog-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .template-studio-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  min-width: 0;
  margin-bottom: 18px;
  display: flex;
}

.template-catalog-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .template-studio-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.template-catalog-back:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .template-studio-back:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 36px;
  height: 36px;
  color: var(--muted-foreground);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 10px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.template-catalog-back:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .template-studio-back:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--studio-raised);
  color: var(--tc-ink);
}

.template-catalog-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h1, .template-studio-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h1 {
  letter-spacing: -.3px;
  margin: 0;
  font-size: 20px;
  font-weight: 650;
  line-height: 1.3;
}

.template-catalog-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
  color: var(--tc-muted);
  margin: 2px 0 0;
  font-size: 13px;
}

.template-catalog-crumb:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-width: 0;
  color: var(--tc-muted);
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.template-catalog-crumb:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
  color: var(--tc-ink);
  font-weight: 650;
}

.template-catalog-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  flex-shrink: 0;
  align-items: center;
  gap: 14px;
  font-size: 13px;
  display: flex;
}

.template-catalog-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 6px;
  padding: 0;
  display: inline-flex;
}

.template-catalog-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:hover {
  color: var(--tc-blue);
}

.template-catalog-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .template-catalog-custom {
  background: var(--studio-gradient);
  color: var(--studio-on-gradient);
  border-radius: 999px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 700;
}

.template-catalog-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .template-catalog-custom:hover {
  color: var(--studio-on-gradient);
  background: var(--studio-gradient-hover);
}

.template-catalog-toolbar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  align-items: center;
  gap: 16px;
  min-width: 0;
  margin-bottom: 22px;
  display: flex;
}

.template-catalog-categories:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  scrollbar-width: none;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
  overflow-x: auto;
}

.template-catalog-categories:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-scrollbar {
  display: none;
}

.template-catalog-categories:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  height: 34px;
  color: var(--muted-foreground);
  white-space: nowrap;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 999px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 550;
}

.template-catalog-categories:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button[aria-pressed="true"] {
  background: var(--studio-raised);
  color: var(--tc-blue);
}

.template-catalog-search:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--tc-line);
  background: var(--card);
  width: min(280px, 100%);
  height: 38px;
  color: var(--muted-foreground);
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  padding: 0 14px;
  display: flex;
}

.template-catalog-search:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input {
  width: 100%;
  min-width: 0;
  color: var(--tc-ink);
  background: none;
  border: 0;
  outline: none;
  font-size: 13px;
}

.template-catalog-sort:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
  display: flex;
}

.template-catalog-sort:not(:has(button)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  display: none;
}

.template-catalog-sort:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  height: 34px;
  color: var(--muted-foreground);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 999px;
  padding: 0 12px;
  font-size: 13px;
}

.template-catalog-sort:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button[aria-pressed="true"] {
  color: var(--tc-blue);
  font-weight: 650;
}

.template-catalog-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px 16px;
  display: grid;
}

.template-catalog-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  background: var(--card);
  cursor: pointer;
  text-align: left;
  border-radius: 16px;
  flex-direction: column;
  min-width: 0;
  padding: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .063);
}

.template-catalog-card:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--border);
  box-shadow: 0 10px 28px rgba(0, 0, 0, .08);
}

.template-catalog-cover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  aspect-ratio: 4 / 5;
  background: var(--studio-raised);
  position: relative;
  overflow: hidden;
}

.template-catalog-cover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) img, .template-catalog-cover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.template-catalog-bookmark:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 28px;
  height: 28px;
  color: var(--muted-foreground);
  cursor: pointer;
  background: rgba(20, 17, 22, .84);
  border: 0;
  border-radius: 8px;
  place-items: center;
  display: grid;
  position: absolute;
  top: 10px;
  right: 10px;
}

.template-catalog-bookmark[aria-pressed="true"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--studio-danger);
  background: var(--card);
}

.template-catalog-duration:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #fff;
  background: rgba(10, 9, 13, .72);
  border-radius: 6px;
  padding: 2px 6px;
  font-size: 11px;
  font-weight: 650;
  position: absolute;
  bottom: 10px;
  left: 10px;
}

.template-catalog-body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-direction: column;
  gap: 8px;
  padding: 12px 12px 13px;
  display: flex;
}

.template-catalog-body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.4;
  overflow: hidden;
}

.template-catalog-meta:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.template-catalog-meta:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) span {
  color: var(--tc-muted);
  font-size: 12px;
}

.template-catalog-use:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  display: inline-flex;
}

.template-catalog-use:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--tc-blue);
}

.template-catalog-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .template-catalog-error:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  text-align: center;
  color: var(--tc-muted);
  grid-column: 1 / -1;
  padding: 72px 16px;
}

.template-catalog-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h3, .template-catalog-error:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h3 {
  color: var(--tc-ink);
  margin: 0 0 8px;
  font-size: 16px;
}

.template-catalog-skel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 16px;
  overflow: hidden;
}

.template-catalog-skel-cover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .template-catalog-skel-line:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: linear-gradient(90deg,var(--studio-raised),var(--studio-raised),var(--studio-raised));
  background-size: 200% 100%;
  animation: 1.4s ease-in-out infinite template-catalog-pulse;
}

.template-catalog-skel-cover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  aspect-ratio: 4 / 5;
}

.template-catalog-skel-line:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-radius: 6px;
  height: 12px;
  margin: 14px 12px 16px;
}

@keyframes template-catalog-pulse {
  0% {
    background-position: 0 0;
  }

  to {
    background-position: 200% 0;
  }
}

.template-studio:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding: 4px 0 36px;
}

.template-studio-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, .9fr);
  align-items: start;
  gap: 22px;
  margin-bottom: 22px;
  display: grid;
}

.template-studio-preview:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--studio-raised);
  border-radius: 18px;
  min-width: 0;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .05);
}

.template-studio-split:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  aspect-ratio: 16 / 10;
  background: var(--studio-soft);
  min-height: 420px;
  display: flex;
}

.template-studio-split:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div {
  width: 50%;
  position: relative;
  overflow: hidden;
}

.template-studio-split:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) img, .template-studio-split:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.template-studio-badge:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #fff;
  background: rgba(10, 9, 13, .7);
  border-radius: 8px;
  padding: 4px 9px;
  font-size: 12px;
  position: absolute;
  top: 14px;
  left: 14px;
}

.template-studio-controls:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-direction: column;
  gap: 14px;
  min-width: 0;
  display: flex;
}

.template-studio-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 18px;
  padding: 18px 18px 16px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .03);
}

.template-studio-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
  margin: 0 0 14px;
  font-size: 16px;
  font-weight: 650;
}

.template-studio-uploads:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  display: grid;
}

.template-studio-uploads:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button, .template-studio-tile:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px dashed var(--border);
  background: var(--studio-raised);
  min-height: 118px;
  color: var(--muted-foreground);
  cursor: pointer;
  border-radius: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 14px 8px;
  font-size: 13px;
  display: flex;
}

.template-studio-uploads:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:hover, .template-studio-tile:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--border);
  background: var(--studio-raised);
  color: var(--tc-blue);
}

.template-studio-uploads:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button svg, .template-studio-tile:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
  width: 22px;
  height: 22px;
}

.template-studio-setting-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-bottom: 1px solid var(--border);
  min-height: 46px;
  color: var(--muted-foreground);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 8px 0;
  font-size: 13px;
  display: flex;
}

.template-studio-setting-row:last-of-type:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-bottom: 0;
}

.template-studio-setting-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span:first-child {
  flex-shrink: 0;
}

.template-studio-generate, .template-studio button.template-studio-generate {
  background: var(--studio-gradient) !important;
  color: var(--studio-on-gradient) !important;
}

.template-studio-generate:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .template-studio:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button.template-studio-generate {
  cursor: pointer;
  border: 0;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 48px;
  font-size: 16px;
  font-weight: 650;
  display: inline-flex;
}

.template-studio-generate:hover:not(:disabled) {
  background: var(--studio-gradient-hover) !important;
}

.template-studio-generate:disabled {
  background: var(--studio-raised) !important;
  color: var(--muted-foreground) !important;
}

.template-studio-generate:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  cursor: not-allowed;
}

.template-studio-cost:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  text-align: center;
  color: var(--tc-muted);
  margin: 8px 0 0;
  font-size: 12px;
}

.template-studio-history:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 18px;
  padding: 18px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .03);
}

.template-studio-history-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  display: flex;
}

.template-studio-history-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
  margin: 0;
  font-size: 16px;
  font-weight: 650;
}

.template-studio-history-filters:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.template-studio-history-filters:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  background: var(--studio-raised);
  height: 30px;
  color: var(--muted-foreground);
  cursor: pointer;
  border: 0;
  border-radius: 999px;
  padding: 0 12px;
  font-size: 12px;
}

.template-studio-history-filters:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button[aria-pressed="true"] {
  background: var(--studio-raised);
  color: var(--tc-blue);
}

.template-studio-history-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: 140px;
  color: var(--muted-foreground);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  display: flex;
}

@media (max-width: 1280px) {
  .template-catalog-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 1024px) {
  .template-catalog-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .template-studio-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: 1fr 1fr;
  }

  .template-studio-split:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    aspect-ratio: 16 / 11;
    min-height: 0;
  }
}

@media (max-width: 860px) {
  .template-catalog:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 0 0 28px;
  }

  .template-catalog-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .template-studio-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: 14px;
  }

  .template-catalog-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h1, .template-studio-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h1 {
    font-size: 17px;
  }

  .template-catalog-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p, .template-catalog-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) span {
    display: none;
  }

  .template-catalog-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .template-catalog-custom {
    white-space: nowrap;
    gap: 4px;
    padding: 7px 12px;
    font-size: 13px;
    line-height: 1.2;
  }

  .template-catalog-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .template-catalog-custom span {
    display: inline;
  }

  .template-catalog-toolbar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
  }

  .template-catalog-search:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    order: -1;
    width: 100%;
    margin-left: 0;
  }

  .template-catalog-sort:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-left: auto;
  }

  .template-catalog-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 10px;
  }

  .template-catalog-body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 10px;
  }

  .template-studio-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    flex-direction: column;
    gap: 14px;
    display: flex;
  }

  .template-studio-split:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    aspect-ratio: 16 / 11;
  }

  .template-studio-controls:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    order: -1;
  }
}

.i2v-groups:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

.i2v-groups:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .template-catalog-empty, .i2v-groups:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .template-catalog-error, .i2v-groups:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .col-span-full {
  grid-column: 1 / -1;
}

.i2v-group:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: #16131c;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 18px;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
  padding: 10px;
  display: flex;
}

.i2v-hero:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  aspect-ratio: 3 / 4;
  background: #0d0b10;
  border-radius: 14px;
  position: relative;
  overflow: hidden;
}

.i2v-hero-media:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: #0d0b10;
  position: absolute;
  inset: 0;
}

.i2v-hero:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > img, .i2v-hero-media:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .i2v-hero-media:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) video, .i2v-hero-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .i2v-thumb-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  object-fit: cover;
  object-position: center top;
  width: 100%;
  height: 100%;
}

.i2v-hero-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .i2v-thumb-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: #2a2433;
  display: block;
}

.i2v-badges:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  gap: 6px;
  display: flex;
  position: absolute;
  top: 10px;
  left: 10px;
}

.i2v-badges:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) span {
  color: #fff;
  background: rgba(12, 10, 16, .72);
  border-radius: 8px;
  padding: 5px 8px;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.2;
}

.i2v-favorite:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #fff;
  cursor: pointer;
  background: rgba(12, 10, 16, .72);
  border: 0;
  border-radius: 8px;
  place-items: center;
  width: 28px;
  height: 28px;
  display: grid;
  position: absolute;
  top: 10px;
  right: 10px;
}

.i2v-favorite.is-on:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #fb7185;
}

.i2v-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-direction: column;
  gap: 2px;
  padding: 0 4px;
  display: flex;
}

.i2v-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}

.i2v-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) small {
  color: #a39aab;
  font-size: 13px;
}

.i2v-thumbs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  scrollbar-width: none;
  scroll-behavior: smooth;
  gap: 8px;
  padding: 2px;
  display: flex;
  overflow-x: auto;
}

.i2v-thumbs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-scrollbar {
  display: none;
}

.i2v-thumb:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  cursor: pointer;
  background: #0d0b10;
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
  flex: 0 0 64px;
  width: 64px;
  height: 72px;
  padding: 0;
  scroll-margin-inline: 24px;
  transition: border-color .2s;
  position: relative;
  overflow: hidden;
}

.i2v-thumb.is-selected:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--primary);
}

.i2v-thumb:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) img, .i2v-thumb:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) video {
  object-fit: cover;
  object-position: center top;
  width: 100%;
  height: 100%;
}

.i2v-thumb:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) b {
  color: #fff;
  background: rgba(0, 0, 0, .62);
  border-radius: 4px;
  padding: 0 4px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.5;
  position: absolute;
  bottom: 4px;
  left: 4px;
}

.i2v-foot:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  display: grid;
}

.i2v-all:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .i2v-use:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  cursor: pointer;
  border: 0;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 2px;
  min-height: 40px;
  font-size: 13px;
  font-weight: 700;
  display: inline-flex;
}

.i2v-all:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #fff;
  white-space: nowrap;
  background: #2a2633;
  padding: 0 12px;
}

.i2v-use:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--studio-gradient);
  min-width: 0;
  color: var(--studio-on-gradient);
  white-space: nowrap;
  padding: 0 8px;
}

.i2v-picker:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #fff;
  background: #16131c;
  border-color: rgba(255, 255, 255, .08);
  width: min(720px, 100%);
  max-width: 720px;
}

.i2v-picker-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: repeat(auto-fill, minmax(108px, 1fr));
  gap: 10px;
  max-height: min(70vh, 640px);
  display: grid;
  overflow: auto;
}

.i2v-picker-item:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #fff;
  text-align: left;
  cursor: pointer;
  background: #0d0b10;
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 12px;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  padding: 4px;
  display: flex;
}

.i2v-picker-item.is-selected:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--primary);
}

.i2v-picker-item:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) img, .i2v-picker-item:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) video, .i2v-picker-item:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .i2v-thumb-empty {
  aspect-ratio: 3 / 4;
  object-fit: cover;
  object-position: center top;
  border-radius: 8px;
  width: 100%;
}

.i2v-picker-item:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) span {
  font-size: 12px;
  line-height: 1.35;
}

.i2v-picker-item:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) b {
  color: var(--primary);
}

.drama-groups:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: start;
  gap: 16px;
  display: grid;
}

@media (max-width: 767px) {
  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .film-catalog-page.page-frame {
    padding-top: 8px;
  }

  .film-catalog-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-tool-mobile-header {
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    padding-top: 0;
  }

  .film-catalog-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-tool-mobile-header h1 {
    letter-spacing: -.2px;
    font-size: 16px;
    line-height: 1.25;
  }

  .film-catalog-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-back {
    border-radius: 10px;
    width: 32px;
    height: 32px;
  }
}

.drama-progress:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  padding: 0 2px 10px;
  font-size: 11px;
  display: block;
}

.drama-kicker:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--studio-soft);
  width: fit-content;
  color: var(--primary);
  border-radius: 6px;
  padding: 2px 6px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
}

.drama-groups:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .i2v-thumb {
  scroll-margin-inline: 24px;
  transition: border-color .2s;
}

.drama-groups:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .i2v-thumb.is-selected, .drama-groups:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .i2v-picker-item.is-selected {
  border-color: var(--primary);
}

.drama-groups:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .i2v-picker-item b {
  color: var(--primary);
}

.drama-groups:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .i2v-all {
  padding: 0 8px;
  font-size: 12px;
}

.drama-groups:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .i2v-use {
  background: var(--studio-gradient);
  min-width: 0;
  color: var(--studio-on-gradient);
  padding: 0 6px;
  font-size: 12px;
}

@media (max-width: 1280px) {
  .i2v-groups:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .drama-groups:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  .i2v-groups:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .drama-groups:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-studio-page="image-studio"].template-catalog.page-frame, html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .i2v-catalog.template-catalog.page-frame {
    padding-top: 8px;
  }

  [data-studio-page="image-studio"].template-catalog:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .i2v-catalog.template-catalog:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: 0;
  }

  [data-studio-page="image-studio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .template-catalog-header, .i2v-catalog:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .template-catalog-header {
    margin-bottom: 8px;
  }
}

@media (max-width: 640px) {
  .template-catalog-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 12px;
  }

  .template-catalog-body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
    font-size: 13px;
  }

  .template-studio-uploads:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: 1fr 1fr;
  }
}

.pd-studio:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --pd-ink: var(--foreground);
  --pd-muted: var(--muted-foreground);
  --pd-line: var(--border);
  --pd-blue: var(--studio-ink);
  --pd-blue-soft: var(--studio-soft);
  --pd-panel: var(--card);
  width: 100%;
  min-width: 0;
  color: var(--pd-ink);
  padding: 8px 0 28px;
}

.pd-studio-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 22px;
  display: flex;
}

.pd-studio-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.pd-studio-back:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 36px;
  height: 36px;
  color: var(--muted-foreground);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 10px;
  place-items: center;
  margin-top: 4px;
  display: none;
}

.pd-studio-back:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--studio-raised);
  color: var(--pd-ink);
}

.pd-studio-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h1 {
  letter-spacing: -.6px;
  margin: 0;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.25;
}

.pd-studio-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p, .pd-studio-crumb:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--pd-muted);
  margin: 4px 0 0;
  font-size: 13px;
}

.pd-studio-crumb:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-bottom: 8px;
}

.pd-studio-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-shrink: 0;
  align-items: center;
  gap: 14px;
  display: flex;
}

.pd-studio-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button, .pd-studio-link:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  display: inline-flex;
}

.pd-studio-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:hover, .pd-studio-link:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--pd-blue);
}

.pd-studio-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: minmax(320px, .92fr) minmax(0, 1.2fr);
  align-items: start;
  gap: 18px;
  margin-bottom: 18px;
  display: grid;
}

.pd-studio-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  background: var(--pd-panel);
  border-radius: 18px;
  padding: 18px 18px 16px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .03);
}

.pd-studio-section-title:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: 0 0 14px;
  font-size: 16px;
  font-weight: 700;
  display: flex;
}

.pd-studio-section-title:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.pd-studio-step:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-width: 0;
  height: auto;
  color: var(--pd-blue);
  background: none;
  border-radius: 0;
  padding: 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  display: inline;
}

.pd-studio-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  gap: 8px;
  margin-bottom: 14px;
  display: flex;
}

.pd-studio-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  background: var(--studio-raised);
  height: 36px;
  color: var(--muted-foreground);
  cursor: pointer;
  border: 0;
  border-radius: 999px;
  flex: 1;
  font-size: 13px;
  font-weight: 550;
}

.pd-studio-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button[aria-pressed="true"] {
  background: var(--studio-gradient);
  color: #fff;
}

.pd-studio-cast:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  display: grid;
}

.pd-studio-cast.is-single:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: minmax(0, 240px);
}

.pd-studio-cast-slot:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--pd-line);
  background: var(--studio-raised);
  aspect-ratio: 4 / 5;
  cursor: pointer;
  border-radius: 14px;
  position: relative;
  overflow: hidden;
}

.pd-studio-cast-slot:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.pd-studio-cast-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  height: 100%;
  color: var(--muted-foreground);
  justify-content: center;
  align-items: center;
  display: flex;
}

.pd-studio-cast-tools:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  gap: 6px;
  display: flex;
  position: absolute;
  bottom: 8px;
  right: 8px;
}

.pd-studio-cast-tools:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  width: 26px;
  height: 26px;
  color: var(--muted-foreground);
  cursor: pointer;
  background: rgba(20, 17, 22, .95);
  border: 0;
  border-radius: 8px;
  place-items: center;
  display: grid;
}

.pd-studio-cast-meta:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  font-size: 12px;
  display: flex;
}

.pd-studio-cast-replace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--pd-blue);
  cursor: pointer;
  background: none;
  border: 0;
  font-size: 12px;
  display: none;
}

.pd-studio-upload-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 14px;
  display: grid;
}

.pd-studio-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .media-source-bar {
  margin-top: 14px;
}

.pd-studio-upload-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  border: 1px solid var(--border);
  background: var(--studio-raised);
  min-height: 40px;
  color: var(--pd-blue);
  cursor: pointer;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  display: flex;
}

.pd-studio-hint:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--pd-muted);
  margin: 8px 0 0;
  font-size: 11px;
}

.pd-studio-short-label:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  display: none;
}

.pd-studio-picked:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-top: 18px;
}

.pd-studio-picked:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h3 {
  color: var(--muted-foreground);
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: 650;
}

.pd-studio-picked-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--pd-line);
  background: var(--studio-raised);
  border-radius: 14px;
  overflow: hidden;
}

.pd-studio-picked-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) img, .pd-studio-picked-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .pd-studio-script-fallback {
  object-fit: cover;
  width: 100%;
  height: 148px;
}

.pd-studio-picked-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) div {
  padding: 12px 14px 14px;
}

.pd-studio-picked-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
  font-size: 14px;
  display: block;
}

.pd-studio-picked-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
  color: var(--pd-muted);
  margin: 6px 0 0;
  font-size: 12px;
  line-height: 1.6;
}

.pd-studio-toolbar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  display: flex;
}

.pd-studio-cats:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  scrollbar-width: none;
  gap: 8px;
  min-width: 0;
  display: flex;
  overflow-x: auto;
}

.pd-studio-cats:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-scrollbar {
  display: none;
}

.pd-studio-cats:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  height: 32px;
  color: var(--muted-foreground);
  white-space: nowrap;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 999px;
  padding: 0 12px;
  font-size: 13px;
}

.pd-studio-cats:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button[aria-pressed="true"] {
  background: var(--pd-blue-soft);
  color: var(--pd-blue);
  font-weight: 650;
}

.pd-studio-scripts:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 16px;
  display: grid;
}

.pd-studio-scripts-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px dashed var(--pd-line);
  min-height: 148px;
  color: var(--pd-muted);
  border-radius: 14px;
  place-items: center;
  margin-bottom: 16px;
  font-size: 13px;
  display: grid;
}

.pd-studio-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > * {
  width: 100%;
  min-width: 0;
}

.pd-studio-script:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--pd-line);
  background: var(--card);
  text-align: left;
  cursor: pointer;
  border-radius: 14px;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.pd-studio-script.is-active:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--pd-blue);
  box-shadow: 0 0 0 1px var(--pd-blue);
}

.pd-studio-script:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) img, .pd-studio-script-fallback:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  aspect-ratio: 16 / 10;
  object-fit: cover;
  background: var(--studio-raised);
  width: 100%;
}

.pd-studio-script-fallback:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  place-items: center;
  display: grid;
}

.pd-studio-script-check:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--studio-gradient);
  color: #fff;
  border-radius: 999px;
  place-items: center;
  width: 22px;
  height: 22px;
  display: none;
  position: absolute;
  top: 8px;
  right: 8px;
}

.pd-studio-script.is-active:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .pd-studio-script-check {
  display: grid;
}

.pd-studio-script-body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding: 9px 10px 10px;
}

.pd-studio-script-body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  display: block;
  overflow: hidden;
}

.pd-studio-script-body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) span, .pd-studio-script-body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) em {
  color: var(--pd-muted);
  margin-top: 3px;
  font-size: 11px;
  font-style: normal;
  display: block;
}

.pd-studio-script-desc:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  display: none;
}

.pd-studio-shots-head:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  justify-content: space-between;
  align-items: center;
  margin: 4px 0 10px;
  font-size: 13px;
  font-weight: 650;
  display: flex;
}

.pd-studio-shot:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  grid-template-columns: 18px 56px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 58px;
  margin-bottom: 8px;
  padding: 0;
  display: grid;
}

.pd-studio-check:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1.5px solid var(--border);
  background: var(--card);
  border-radius: 4px;
  width: 16px;
  height: 16px;
}

.pd-studio-shot.is-active:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .pd-studio-check {
  border-color: var(--pd-blue);
  background: var(--studio-gradient);
  box-shadow: inset 0 0 0 3px #fff;
}

.pd-studio-shot:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) img, .pd-studio-shot-fallback:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  object-fit: cover;
  background: var(--studio-raised);
  border-radius: 8px;
  width: 56px;
  height: 40px;
}

.pd-studio-shot-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
  font-size: 13px;
  display: block;
}

.pd-studio-shot-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) span {
  color: var(--pd-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 2px;
  font-size: 11px;
  display: none;
  overflow: hidden;
}

.pd-studio-shot:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) time {
  color: var(--pd-muted);
  align-items: center;
  gap: 4px;
  font-size: 12px;
  display: inline-flex;
}

.pd-studio-shot-go:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  display: none;
}

.pd-studio-settings:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-direction: column;
  gap: 16px;
  margin-top: 4px;
  display: flex;
}

.pd-studio-setting:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: 72px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  display: grid;
}

.pd-studio-setting.is-split:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: 72px minmax(180px, 1fr) auto minmax(220px, auto);
}

.pd-studio-setting:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span:first-child, .pd-studio-quality-label:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  font-size: 13px;
}

.pd-studio-setting-side:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  white-space: nowrap;
  font-size: 12px;
}

.pd-studio-pills:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.pd-studio-pills:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  background: var(--studio-raised);
  height: 32px;
  color: var(--muted-foreground);
  cursor: pointer;
  border: 0;
  border-radius: 999px;
  padding: 0 12px;
  font-size: 12px;
}

.pd-studio-pills:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button[aria-pressed="true"] {
  background: var(--studio-gradient);
  color: #fff;
}

.pd-studio-model, .pd-studio-model.rounded-xl {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
}

.pd-studio-model:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h3 {
  display: none;
}

.pd-studio-model button, .pd-studio-model [data-slot="select-trigger"] {
  background: var(--studio-raised) !important;
  border-radius: 10px !important;
  height: 36px !important;
}

.pd-studio-recent:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 18px;
  padding: 16px 18px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .03);
}

.pd-studio-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-top: 16px;
  padding: 14px 4px 0;
  display: flex;
}

.pd-studio-cost:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--pd-muted);
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 10px;
  font-size: 13px;
  display: flex;
}

.pd-studio-cost:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
  color: var(--pd-ink);
  font-size: 22px;
  font-weight: 700;
}

.pd-studio-generate, .pd-studio button.pd-studio-generate {
  background: var(--studio-gradient) !important;
  color: #fff !important;
}

.pd-studio-generate:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .pd-studio:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button.pd-studio-generate {
  border: 0;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-width: 168px;
  min-height: 46px;
  font-size: 15px;
  font-weight: 650;
  display: inline-flex;
}

.pd-studio-generate:disabled {
  background: var(--studio-soft) !important;
  color: var(--muted-foreground) !important;
}

.pd-studio-contest:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-bottom: 14px;
}

@media (max-width: 1024px) {
  .pd-studio-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: 1fr;
  }

  .pd-studio-scripts:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pd-studio-setting:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .pd-studio-setting.is-split:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: 72px minmax(0, 1fr);
  }

  .pd-studio-setting-side:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .pd-studio-quality-label:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-column: 1 / -1;
  }
}

@media (max-width: 760px) {
  .pd-studio:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 0 0 96px;
  }

  .pd-studio-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    justify-content: center;
    margin-bottom: 14px;
    position: relative;
  }

  .pd-studio-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    text-align: center;
    justify-content: center;
    width: 100%;
  }

  .pd-studio-back:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: 0;
    display: grid;
    position: absolute;
    top: 0;
    left: 0;
  }

  .pd-studio-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h1 {
    letter-spacing: 0;
    font-size: 16px;
  }

  .pd-studio-crumb:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .pd-studio-works-link:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .pd-studio-picked:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .pd-studio-create:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .pd-studio-cast-tools:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: none;
  }

  .pd-studio-cast-replace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .pd-studio-short-label:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: inline;
  }

  .pd-studio-full-label:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: none;
  }

  .pd-studio-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .pd-studio-recent:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 16px;
    padding: 14px;
  }

  .pd-studio-scripts:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pd-studio-scripts:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .pd-studio-script:nth-child(n+3) {
    display: none;
  }

  .pd-studio-script-desc:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: block;
  }

  .pd-studio-shot:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: 18px 48px minmax(0, 1fr) 16px;
  }

  .pd-studio-shot:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) time {
    display: none;
  }

  .pd-studio-shot-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) span, .pd-studio-shot-go:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: block;
  }

  .pd-studio-setting:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .pd-studio-setting.is-split:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .pd-studio-setting-side:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    justify-self: end;
  }

  .pd-studio-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border-top: 1px solid var(--border);
    z-index: 20;
    background: rgba(20, 17, 22, .95);
    margin: 0 -4px;
    position: sticky;
    bottom: 0;
  }

  .pd-studio-cost:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 6px 8px;
  }

  .pd-studio-cost:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
    font-size: 18px;
  }

  .pd-studio-cost:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .pd-studio-hint {
    display: none;
  }

  .pd-studio-generate:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 132px;
    min-height: 40px;
    font-size: 14px;
  }
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="dialog-content"] > .checkin-redesign {
  border: 1px solid var(--border);
  background: var(--card);
  width: min(940px, 100vw - 32px);
  max-width: 940px;
  max-height: calc(100vh - 32px);max-height: calc(100dvh - 32px);
  color: var(--foreground);
  border-radius: 20px;
  flex-direction: column;
  gap: 0;
  padding: 20px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 22px 65px rgba(0, 0, 0, .18);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-overlay[data-slot="dialog-overlay"] {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background: rgba(10, 9, 13, .72);
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-heading {
  text-align: left;
  border: 0;
  flex-direction: row;
  flex: none;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 0 36px 14px 2px;
  display: flex;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-heading > svg {
  width: 32px;
  height: 32px;
  color: var(--primary);
  fill: var(--studio-soft);
  flex: none;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-heading h2 {
  color: var(--foreground);
  font-size: 25px;
  font-weight: 750;
  line-height: 1.25;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-heading p {
  color: var(--muted-foreground);
  margin-top: 3px;
  font-size: 13px;
  line-height: 18px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-redesign > [data-slot="dialog-close"] {
  color: var(--muted-foreground);
  background: none;
  top: 17px;
  right: 17px;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-scroll {
  overscroll-behavior: contain;
  scrollbar-width: none;
  min-height: 0;
  overflow-y: auto;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-scroll::-webkit-scrollbar {
  display: none;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-main {
  grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr);
  align-items: stretch;
  gap: 12px;
  display: grid;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-cycle {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 15px;
  order: 0;
  min-width: 0;
  padding: 16px 18px 14px;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-section-heading {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-section-heading h3 {
  min-width: 0;
  color: var(--foreground);
  align-items: center;
  gap: 7px;
  font-size: 19px;
  font-weight: 700;
  line-height: 25px;
  display: flex;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-section-heading > span {
  color: var(--muted-foreground);
  white-space: nowrap;
  flex: none;
  font-size: 13px;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-section-heading strong {
  color: var(--primary);
  font-size: 27px;
  line-height: 30px;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-cycle-caption {
  color: var(--muted-foreground);
  margin-top: 3px;
  font-size: 13px;
  line-height: 17px;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-route {
  margin: 12px 0 8px;
  position: relative;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-route-line {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: visible;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-route-line path {
  fill: none;
  stroke: var(--studio-border-accent);
  stroke-width: 1.1px;
  stroke-dasharray: 5 4;
  vector-effect: non-scaling-stroke;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-stamps {
  grid-template-columns: repeat(8, minmax(0, 1fr));
  row-gap: 22px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  position: relative;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-stamp {
  color: var(--foreground);
  flex-direction: column;
  grid-column: span 2;
  align-items: center;
  gap: 3px;
  font-size: 13px;
  line-height: 16px;
  display: flex;
  position: relative;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-stamp:nth-child(5) {
  grid-column: 2 / span 2;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-stamp:nth-child(6) {
  grid-column: 4 / span 2;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-stamp:nth-child(7) {
  grid-column: 6 / span 2;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-stamp-icon {
  z-index: 1;
  border: 1px solid var(--border);
  outline: 4px solid var(--card);
  background: var(--studio-raised);
  width: 56px;
  height: 56px;
  box-shadow: inset 0 0 0 4px var(--border);
  border-radius: 50%;
  place-items: center;
  display: grid;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-stamp-icon img {
  filter: grayscale();
  opacity: .6;
  width: 38px;
  height: 38px;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-stamp-icon svg {
  width: 28px;
  height: 28px;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-stamp strong {
  color: var(--foreground);
  font-size: 16px;
  line-height: 19px;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-stamp.is-checked .checkin-stamp-icon {
  color: var(--primary);
  border-color: var(--studio-border-accent);
  background: var(--studio-soft);
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-stamp.is-today .checkin-stamp-icon {
  border: 2px solid var(--primary);
  background: var(--studio-soft);
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-stamp.is-today img {
  filter: none;
  opacity: 1;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-stamp.is-bonus .checkin-stamp-icon {
  border-color: var(--studio-border-accent);
  background: var(--studio-soft);
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-stamp.is-bonus img {
  filter: none;
  opacity: .78;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-stamp.is-bonus strong {
  color: var(--primary);
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-stamp small {
  z-index: 2;
  background: var(--studio-gradient);
  color: var(--studio-on-gradient);
  border-radius: 10px;
  padding: 0 9px;
  font-size: 10px;
  line-height: 14px;
  position: absolute;
  top: 63px;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-account-note {
  color: var(--muted-foreground);
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  line-height: 16px;
  display: flex;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-account-note svg {
  flex: none;
  width: 14px;
  height: 14px;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-ticket {
  border: 4px solid var(--border);
  background: linear-gradient(135deg,var(--studio-raised),var(--studio-soft));
  border-radius: 16px;
  flex-direction: column;
  order: 1;
  align-items: center;
  min-width: 0;
  padding: 16px 14px 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-ticket:before, .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-ticket:after {
  content: "";
  background: var(--card);
  border-radius: 50%;
  width: 25px;
  height: 30px;
  position: absolute;
  top: 88px;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-ticket:before {
  left: -19px;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-ticket:after {
  right: -19px;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-ticket-label {
  background: var(--studio-soft);
  color: var(--primary);
  border-radius: 18px;
  padding: 4px 16px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  position: relative;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-ticket-label:before, .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-ticket-label:after {
  content: "✦";
  color: var(--primary);
  font-size: 14px;
  position: absolute;
  top: 5px;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-ticket-label:before {
  left: -22px;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-ticket-label:after {
  right: -22px;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-coin-scene {
  width: 120px;
  height: 118px;
  margin: 9px 0 6px;
  position: relative;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-hero-coin {
  object-fit: contain;
  filter: drop-shadow(0 7px 9px rgba(255, 174, 80, .376));
  width: 115px;
  height: 115px;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-coin-scene i {
  color: #ffc928;
  font-size: 23px;
  font-style: normal;
  position: absolute;
  top: 52px;
  left: -16px;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-coin-scene i:last-child {
  font-size: 19px;
  top: 11px;
  left: auto;
  right: -10px;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-amount {
  align-items: baseline;
  gap: 7px;
  display: flex;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-amount strong {
  color: var(--foreground);
  letter-spacing: -2px;
  font-size: 54px;
  font-weight: 800;
  line-height: 1;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-amount span {
  color: var(--foreground);
  font-size: 18px;
  font-weight: 650;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-ticket > p {
  color: var(--muted-foreground);
  white-space: nowrap;
  align-items: center;
  gap: 10px;
  margin: 12px 0 15px;
  font-size: 13px;
  line-height: 18px;
  display: flex;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-ticket > p:before, .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-ticket > p:after {
  content: "";
  background: var(--studio-border-accent);
  width: 25px;
  height: 1px;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-ticket-footer {
  background: var(--studio-raised);
  width: calc(100% + 28px);
  margin-top: auto;
  padding: 11px 14px 13px;
  position: relative;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-claim {
  border: 1px solid var(--studio-border-accent);
  background: var(--studio-gradient);
  width: 100%;
  min-height: 46px;
  color: var(--studio-on-gradient);
  box-shadow: var(--studio-glow-shadow);
  white-space: normal;
  border-radius: 10px;
  padding: 8px 10px;
  font-size: 18px;
  font-weight: 700;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-claim svg {
  width: 17px;
  height: 17px;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-claim:disabled {
  opacity: .65;
  cursor: not-allowed;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-streak-section {
  border: 1px solid var(--border);
  border-radius: 15px 15px 0 0;
  margin-top: 12px;
  padding: 12px 18px 8px;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-streak-section .checkin-section-heading h3 {
  font-size: 17px;
  line-height: 23px;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-section-heading h3 > svg {
  width: 19px;
  height: 19px;
  color: var(--primary);
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-streak-section .checkin-section-heading > span {
  font-size: 12px;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-streak-section .checkin-section-heading strong {
  font-size: 20px;
  line-height: 23px;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-section-heading button {
  color: var(--muted-foreground);
  padding: 2px;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-section-heading button svg {
  width: 14px;
  height: 14px;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-milestones {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 10px 0 6px;
  display: grid;
  position: relative;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-milestones:before {
  content: "";
  background: var(--border);
  width: 100%;
  height: 2px;
  position: absolute;
  top: 17px;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-milestones:after {
  content: "";
  border: 2px solid var(--border);
  background: var(--primary);
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 13px;
  left: -3px;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-milestone {
  color: var(--foreground);
  flex-direction: column;
  align-items: center;
  gap: 2px;
  font-size: 13px;
  line-height: 16px;
  display: flex;
  position: relative;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-milestone-icon {
  z-index: 1;
  border: 1px solid var(--border);
  outline: 3px solid var(--card);
  background: var(--studio-raised);
  width: 38px;
  height: 38px;
  color: var(--muted-foreground);
  box-shadow: inset 0 0 0 3px var(--border);
  border-radius: 50%;
  place-items: center;
  margin-bottom: 2px;
  display: grid;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-milestone-icon svg {
  width: 16px;
  height: 16px;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-milestone strong {
  color: var(--primary);
  font-size: 16px;
  line-height: 18px;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-milestone-unit {
  color: var(--muted-foreground);
  font-size: 11px;
  font-weight: 400;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-milestone.is-claimable .checkin-milestone-icon, .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-milestone.is-claimed .checkin-milestone-icon {
  color: var(--primary);
  border-color: var(--studio-border-accent);
  background: var(--studio-soft);
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-milestone button {
  background: var(--studio-gradient);
  color: var(--studio-on-gradient);
  border-radius: 7px;
  padding: 3px 8px;
  font-size: 11px;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-milestone button:disabled {
  opacity: .6;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-milestone small {
  color: var(--primary);
  font-size: 11px;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-next {
  color: var(--muted-foreground);
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  line-height: 16px;
  display: flex;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-next svg {
  width: 13px;
  height: 13px;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-disclosure {
  border: 1px solid var(--border);
  color: var(--primary);
  border-radius: 12px;
  margin-top: 12px;
  padding: 10px 16px;
  font-size: 13px;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-streak-section + .checkin-disclosure {
  border-radius: 0 0 15px 15px;
  margin-top: -1px;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-disclosure summary {
  cursor: pointer;
  align-items: center;
  gap: 7px;
  list-style: none;
  display: flex;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-disclosure summary::-webkit-details-marker {
  display: none;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-disclosure summary svg {
  width: 15px;
  height: 15px;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-disclosure summary svg:last-child {
  margin-left: auto;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-disclosure[open] summary svg:last-child {
  transform: rotate(180deg);
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-disclosure ul {
  padding: 8px 0 4px 20px;
  line-height: 1.6;
  list-style: outside;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-disclosure > button {
  color: var(--primary);
  margin-top: 3px;
  text-decoration: underline;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-success, .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-error {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 14px;
  min-height: 320px;
  display: flex;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-success > svg {
  width: 48px;
  height: 48px;
  color: var(--primary);
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-success img {
  width: 58px;
  height: 58px;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-success strong {
  color: var(--primary);
  font-size: 42px;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-success h3 {
  font-size: 22px;
}

.checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:focus-visible, .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) summary:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 3px;
}

@media (min-width: 701px) and (max-width: 900px) {
  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-ticket > p {
    text-align: center;
    white-space: normal;
    justify-content: center;
    gap: 5px;
    font-size: 12px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-ticket > p:before, .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-ticket > p:after {
    flex: none;
    width: 10px;
  }
}

@media (max-width: 700px) {
  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="dialog-content"] > .checkin-redesign {
    border-radius: 17px;
    width: calc(100vw - 20px);
    max-height: calc(100vh - 32px);max-height: calc(100dvh - 32px);
    padding: 14px 12px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-heading {
    gap: 9px;
    padding: 0 27px 12px 0;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-heading > svg {
    width: 27px;
    height: 27px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-heading h2 {
    font-size: 20px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-heading p {
    font-size: 11px;
    line-height: 15px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-redesign > [data-slot="dialog-close"] {
    top: 10px;
    right: 9px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-main {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-ticket {
    border-width: 3px;
    order: 0;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    column-gap: 8px;
    padding: 10px 12px 0;
    display: grid;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-ticket-label {
    grid-column: 1 / -1;
    justify-self: center;
    padding: 3px 14px;
    font-size: 12px;
    line-height: 18px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-ticket:before, .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-ticket:after {
    width: 18px;
    height: 22px;
    top: 48px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-ticket:before {
    left: -13px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-ticket:after {
    right: -13px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-coin-scene {
    justify-self: end;
    width: 72px;
    height: 72px;
    margin: 5px 0;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-hero-coin {
    width: 72px;
    height: 72px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-coin-scene i {
    font-size: 16px;
    top: 32px;
    left: -12px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-coin-scene i:last-child {
    font-size: 13px;
    top: 7px;
    right: -6px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-amount {
    justify-self: start;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-amount strong {
    font-size: 38px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-amount span {
    font-size: 14px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-ticket > p {
    grid-column: 1 / -1;
    justify-content: center;
    margin: 0 0 7px;
    font-size: 11px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-ticket-footer {
    grid-column: 1 / -1;
    width: calc(100% + 24px);
    margin-left: -12px;
    padding: 7px 10px 9px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-claim {
    min-height: 42px;
    font-size: 14px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-cycle {
    order: 1;
    padding: 12px 10px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-section-heading h3 {
    font-size: 15px;
    line-height: 20px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-section-heading > span {
    font-size: 11px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-section-heading strong {
    font-size: 21px;
    line-height: 23px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-cycle-caption {
    font-size: 10px;
    line-height: 14px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-route {
    margin: 9px 0 7px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-stamps {
    row-gap: 16px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-stamp {
    gap: 2px;
    font-size: 10px;
    line-height: 14px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-stamp-icon {
    width: 42px;
    height: 42px;
    box-shadow: inset 0 0 0 3px var(--border);
    outline-width: 3px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-stamp-icon img {
    width: 30px;
    height: 30px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-stamp-icon svg {
    width: 23px;
    height: 23px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-stamp strong {
    font-size: 12px;
    line-height: 15px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-stamp small {
    font-size: 9px;
    line-height: 12px;
    top: 48px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-account-note {
    font-size: 10px;
    line-height: 14px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-streak-section {
    padding: 10px 10px 7px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-streak-section .checkin-section-heading h3 {
    gap: 4px;
    font-size: 13px;
    line-height: 19px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-section-heading h3 > svg {
    width: 16px;
    height: 16px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-streak-section .checkin-section-heading > span {
    font-size: 10px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-streak-section .checkin-section-heading strong {
    font-size: 16px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-milestones {
    margin: 8px 0 5px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-milestones:before {
    top: 15px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-milestones:after {
    top: 11px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-milestone {
    gap: 1px;
    font-size: 10px;
    line-height: 13px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-milestone-icon {
    width: 32px;
    height: 32px;
    margin-bottom: 2px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-milestone-icon svg {
    width: 14px;
    height: 14px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-milestone strong {
    font-size: 12px;
    line-height: 15px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-milestone-unit {
    display: none;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-next {
    font-size: 10px;
    line-height: 14px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-disclosure {
    padding: 9px 10px;
    font-size: 11px;
  }
}

@media (max-width: 360px) {
  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-streak-section .checkin-section-heading {
    flex-wrap: wrap;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-milestone-icon {
    width: 28px;
    height: 28px;
  }

  .checkin-redesign:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .checkin-milestone strong {
    font-size: 11px;
  }
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .fc-overlay {
  z-index: 999;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background: rgba(10, 9, 13, .72);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .fc-container {
  z-index: 1000;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="dialog-content"] > .feedback-center {
  border: 1px solid var(--border);
  background: var(--card);
  width: min(1080px, 100vw - 40px);
  max-width: 1080px;
  height: min(700px, 100vh - 48px);height: min(700px, 100dvh - 48px);
  max-height: calc(100vh - 48px);max-height: calc(100dvh - 48px);
  color: var(--foreground);
  border-radius: 22px;
  flex-direction: row;
  gap: 0;
  padding: 0;
  font-size: 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .18);
}

.feedback-center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button, .feedback-center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input, .feedback-center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) textarea, .feedback-center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select {
  font: inherit;
}

.feedback-center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  cursor: pointer;
}

.feedback-center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.feedback-center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:focus-visible, .feedback-center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input:focus-visible, .feedback-center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) textarea:focus-visible, .feedback-center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 3px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feedback-center > [data-slot="dialog-close"] {
  color: var(--muted-foreground);
  z-index: 2;
  background: none;
  width: 28px;
  height: 28px;
  top: 16px;
  right: 16px;
}

.fc-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--studio-raised);
  border-right: 1px solid var(--border);
  flex-direction: column;
  flex-shrink: 0;
  width: 220px;
  padding: 26px 16px 22px;
  display: flex;
}

.fc-brand:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  align-items: flex-start;
  gap: 10px;
  padding: 0 4px;
  display: flex;
}

.fc-brand:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg {
  background: var(--studio-gradient);
  width: 34px;
  height: 34px;
  color: var(--studio-on-gradient);
  border-radius: 9px;
  flex-shrink: 0;
  padding: 7px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feedback-center .fc-brand h2 {
  letter-spacing: 0;
  font-size: 21px;
  font-weight: 750;
  line-height: 1.25;
}

.fc-brand:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
  color: var(--muted-foreground);
  margin-top: 6px;
  font-size: 11px;
  line-height: 1.6;
}

.fc-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) nav {
  flex-direction: column;
  gap: 10px;
  margin-top: 30px;
  display: flex;
}

.fc-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) nav button {
  min-height: 46px;
  color: var(--foreground);
  text-align: left;
  border-radius: 10px;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  font-weight: 600;
  display: flex;
}

.fc-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) nav button svg {
  width: 20px;
  height: 20px;
}

.fc-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) nav button.is-active {
  background: var(--studio-soft);
  color: var(--primary);
}

.fc-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) nav b {
  min-width: 20px;
  height: 20px;
  color: var(--foreground);
  text-align: center;
  background: #c84d70;
  border-radius: 12px;
  margin-left: auto;
  padding: 0 5px;
  font-size: 11px;
  line-height: 20px;
}

.fc-sidebar-note:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  align-items: flex-start;
  gap: 8px;
  margin-top: auto;
  padding: 20px 4px 0;
  font-size: 11px;
  line-height: 1.6;
  display: flex;
}

.fc-sidebar-note:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
  flex-shrink: 0;
  width: 15px;
  height: 15px;
  margin-top: 2px;
}

.fc-form:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.fc-form-scroll:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  overscroll-behavior: contain;
  flex: 1;
  min-height: 0;
  padding: 30px 30px 22px;
  overflow-y: auto;
}

.fc-form:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) fieldset {
  border: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.fc-form:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) legend {
  margin: 0 0 16px;
  font-size: 19px;
  font-weight: 700;
}

.fc-categories:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.fc-categories:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  border: 1px solid var(--border);
  text-align: left;
  background: var(--card);
  border-radius: 10px;
  align-items: center;
  gap: 11px;
  min-height: 76px;
  padding: 14px 12px;
  display: flex;
  position: relative;
}

.fc-categories:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button > svg {
  width: 27px;
  height: 27px;
  color: var(--foreground);
  flex-shrink: 0;
}

.fc-categories:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
  font-size: 13px;
  line-height: 1.4;
  display: block;
}

.fc-categories:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) small {
  color: var(--muted-foreground);
  margin-top: 4px;
  font-size: 10px;
  line-height: 1.5;
  display: block;
}

.fc-categories:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .is-selected {
  border-color: var(--primary);
  background: var(--studio-soft);
  color: var(--primary);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .15);
}

.fc-categories:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .is-selected > svg, .fc-categories:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .is-selected small {
  color: var(--primary);
}

.fc-categories:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button > .fc-category-check {
  width: 15px;
  height: 15px;
  color: var(--studio-on-gradient);
  background: var(--studio-gradient);
  border-radius: 50%;
  padding: 2px;
  position: absolute;
  top: 5px;
  right: 5px;
}

.fc-fields:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 22px;
  display: grid;
}

.fc-fields:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) label, .fc-description-label:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  font-size: 13px;
  font-weight: 600;
  display: block;
}

.feedback-center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .fc-fields :is(select, input) {
  border: 1px solid var(--input);
  background: var(--studio-raised);
  width: 100%;
  min-width: 0;
  height: 40px;
  color: var(--foreground);
  border-radius: 8px;
  margin-top: 7px;
  padding: 8px 10px;
  font-size: 13px;
  font-weight: 400;
  display: block;
}

.feedback-center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) ::placeholder {
  color: var(--muted-foreground);
}

.fc-fields:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select:disabled {
  background: var(--studio-raised);
  color: var(--muted-foreground);
}

.fc-description-label:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-top: 20px;
  margin-bottom: 8px;
}

.fc-textarea:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  position: relative;
}

.feedback-center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .fc-textarea textarea {
  resize: vertical;
  border: 1px solid var(--input);
  background: var(--studio-raised);
  width: 100%;
  min-height: 112px;
  max-height: 240px;
  color: var(--foreground);
  border-radius: 8px;
  padding: 12px 12px 28px;
  font-size: 13px;
  line-height: 1.7;
}

.fc-textarea:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span {
  color: var(--muted-foreground);
  font-size: 11px;
  position: absolute;
  bottom: 10px;
  right: 12px;
}

.fc-upload-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  align-items: center;
  gap: 16px;
  margin-top: 16px;
  display: flex;
}

.fc-upload:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--studio-raised);
  border: 1px dashed var(--studio-border-accent);
  text-align: left;
  border-radius: 9px;
  flex: 1.3;
  align-items: center;
  gap: 12px;
  min-height: 76px;
  padding: 14px;
  display: flex;
}

.fc-upload:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg {
  width: 36px;
  height: 36px;
  color: var(--primary);
  background: var(--studio-soft);
  border-radius: 10px;
  flex-shrink: 0;
  padding: 8px;
}

.fc-upload:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
  font-size: 12px;
  font-weight: 600;
  display: block;
}

.fc-upload:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) small {
  color: var(--muted-foreground);
  margin-top: 5px;
  font-size: 10px;
  line-height: 1.6;
  display: block;
}

.fc-upload-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > p {
  color: var(--muted-foreground);
  flex: 1;
  align-items: flex-start;
  gap: 8px;
  font-size: 11px;
  line-height: 1.6;
  display: flex;
}

.fc-upload-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > p svg {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.fc-file-previews:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 14px;
  display: flex;
}

.fc-file-previews:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div {
  border: 1px solid var(--border);
  border-radius: 10px;
  width: 150px;
  padding: 6px;
  position: relative;
}

.fc-file-previews:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(img, video) {
  object-fit: contain;
  background: var(--card);
  border-radius: 6px;
  width: 100%;
  height: 90px;
}

.fc-file-previews:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) span {
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 5px;
  padding-right: 22px;
  font-size: 10px;
  display: block;
  overflow: hidden;
}

.fc-file-previews:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  color: var(--muted-foreground);
  background: var(--card);
  border-radius: 4px;
  padding: 4px;
  position: absolute;
  bottom: 4px;
  right: 5px;
}

.fc-file-previews:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button svg {
  width: 14px;
  height: 14px;
}

.fc-submit-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-top: 1px solid var(--border);
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 16px 30px;
  display: flex;
}

.fc-submit-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
  color: var(--muted-foreground);
  align-items: center;
  gap: 7px;
  font-size: 11px;
  display: flex;
}

.fc-submit-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p svg {
  flex-shrink: 0;
  width: 15px;
  height: 15px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .feedback-center .fc-primary {
  background: var(--studio-gradient);
  min-height: 42px;
  color: var(--studio-on-gradient);
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 600;
  display: inline-flex;
}

.fc-primary:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
  width: 18px;
  height: 18px;
}

.fc-history:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex: 1;
  min-width: 0;
  padding-top: 30px;
  display: flex;
  overflow: hidden;
}

.fc-records:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-right: 1px solid var(--border);
  flex-direction: column;
  width: 42%;
  min-width: 0;
  padding: 0 20px 20px;
  display: flex;
}

.fc-records:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > header {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  display: flex;
}

.fc-records:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h3, .fc-detail:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h3 {
  font-size: 18px;
  font-weight: 700;
}

.fc-records:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > header button {
  color: var(--muted-foreground);
  padding: 4px;
}

.fc-records:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > header svg {
  width: 17px;
  height: 17px;
}

.fc-filters:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--studio-raised);
  border-radius: 8px;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 12px;
  padding: 4px;
  display: flex;
}

.fc-filters:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  white-space: nowrap;
  color: var(--muted-foreground);
  border-radius: 6px;
  flex: 1;
  padding: 6px 4px;
  font-size: 11px;
}

.fc-filters:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .is-active {
  color: var(--primary);
  background: var(--studio-soft);
  box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
}

.fc-record-list:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: 0;
  overflow-y: auto;
}

.fc-record:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  text-align: left;
  border-bottom: 1px solid var(--border);
  border-radius: 8px;
  width: 100%;
  padding: 14px 10px;
  display: block;
}

.fc-record:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div {
  justify-content: space-between;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.fc-record:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
  font-size: 13px;
  line-height: 1.6;
}

.fc-record:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) small {
  color: var(--muted-foreground);
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 6px;
  margin-top: 9px;
  font-size: 10px;
  display: flex;
}

.fc-record.is-selected:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--studio-soft);
  box-shadow: inset 3px 0 var(--primary);
  color: var(--primary);
}

.fc-status:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .fc-unread:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-radius: 20px;
  flex-shrink: 0;
  align-items: center;
  padding: 3px 7px;
  font-size: 10px;
  line-height: 1.5;
  display: inline-flex;
}

.fc-status.is-pending:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #f2ca78;
  background: #34291a;
}

.fc-status.is-processing:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--studio-soft);
  color: var(--primary);
}

.fc-status.is-resolved:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #86d9bf;
  background: #17342d;
}

.fc-status.is-rejected:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .fc-unread:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #ff9aac;
  background: #321b26;
}

.fc-unread:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
  content: "";
  background: currentColor;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  margin-right: 4px;
}

.fc-detail:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex: 1;
  min-width: 0;
  padding: 14px 24px 24px;
  overflow-y: auto;
}

.fc-detail:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > header {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding-right: 8px;
  display: flex;
}

.fc-record-id:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  overflow-wrap: anywhere;
  margin-top: 8px;
  font-size: 11px;
}

.fc-timeline:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-left: 1px solid var(--border);
  margin-top: 26px;
  padding-left: 16px;
}

.fc-timeline:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > section {
  margin-bottom: 22px;
  position: relative;
}

.fc-timeline:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > section:before {
  content: "";
  background: var(--primary);
  width: 10px;
  height: 10px;
  box-shadow: 0 0 0 4px var(--card);
  border-radius: 50%;
  position: absolute;
  top: 5px;
  left: -22px;
}

.fc-detail-title:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
  display: flex;
}

.fc-detail-title:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h4 {
  font-size: 13px;
  font-weight: 650;
}

.fc-detail-title:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) time {
  color: var(--muted-foreground);
  font-size: 10px;
}

.fc-timeline:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: 13px;
  line-height: 1.8;
}

.fc-timeline:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .fc-official-reply {
  background: var(--studio-soft);
  border-radius: 10px;
  padding: 14px;
}

.fc-timeline:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .fc-official-reply:before {
  background: var(--primary);
}

.fc-awaiting:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
}

.fc-attachments:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
  display: flex;
}

.fc-attachment-link:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 88px;
  color: var(--primary);
  flex-direction: column;
  gap: 5px;
  font-size: 10px;
  display: flex;
  overflow: hidden;
}

.fc-attachment-link:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) img {
  border: 1px solid var(--border);
  object-fit: contain;
  background: var(--card);
  border-radius: 7px;
  width: 88px;
  height: 64px;
}

.fc-attachment-link:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg {
  width: 24px;
  height: 24px;
}

.fc-state:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  text-align: center;
  min-width: 0;
  min-height: 180px;
  color: var(--muted-foreground);
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 14px;
  padding: 22px;
  font-size: 13px;
  display: flex;
}

.fc-state:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg {
  width: 30px;
  height: 30px;
  color: var(--muted-foreground);
}

.fc-state:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > button {
  color: var(--primary);
}

.fc-back:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  display: none;
}

@media (max-width: 760px) {
  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="dialog-content"] > .feedback-center {
    border-radius: 20px;
    flex-direction: column;
    width: calc(100vw - 20px);
    height: calc(100vh - 28px);height: calc(100dvh - 28px);
    max-height: calc(100vh - 28px);max-height: calc(100dvh - 28px);
  }

  .fc-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background: var(--studio-raised);
    border: 0;
    flex-shrink: 0;
    width: 100%;
    padding: 20px 18px 0;
  }

  .fc-brand:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 0 30px 0 0;
  }

  .fc-brand:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg {
    width: 30px;
    height: 30px;
  }

  .fc-brand:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
    font-size: 10px;
  }

  .fc-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) nav {
    border-bottom: 1px solid var(--border);
    flex-direction: row;
    gap: 0;
    margin-top: 18px;
  }

  .fc-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) nav button {
    border-radius: 0;
    flex: 1;
    justify-content: center;
    gap: 6px;
    min-height: 40px;
    padding: 8px 5px;
    font-size: 13px;
  }

  .fc-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) nav button > svg {
    display: none;
  }

  .fc-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) nav button.is-active {
    color: var(--primary);
    box-shadow: inset 0 -2px var(--primary);
    background: none;
  }

  .fc-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) nav b {
    min-width: 16px;
    height: 16px;
    margin: 0;
    font-size: 10px;
    line-height: 16px;
  }

  .fc-sidebar-note:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: none;
  }

  .fc-form:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 0;
  }

  .fc-form-scroll:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 20px 18px;
  }

  .fc-form:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) legend {
    margin-bottom: 14px;
    font-size: 16px;
  }

  .fc-categories:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
  }

  .fc-categories:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
    gap: 8px;
    min-height: 74px;
    padding: 12px 9px;
  }

  .fc-categories:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button > svg {
    width: 23px;
    height: 23px;
  }

  .fc-categories:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
    font-size: 12px;
  }

  .fc-categories:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) small {
    font-size: 9px;
  }

  .fc-fields:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 20px;
  }

  .fc-description-label:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: 18px;
  }

  .fc-upload-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .fc-upload:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 100%;
    min-height: 78px;
  }

  .fc-upload-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > p {
    font-size: 10px;
  }

  .fc-submit-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 12px 18px max(14px,env(safe-area-inset-bottom));
  }

  .fc-submit-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > p {
    display: none;
  }

  .fc-submit-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .fc-primary {
    width: 100%;
    min-height: 44px;
  }

  .fc-history:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 0;
    padding-top: 16px;
  }

  .fc-records:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border: 0;
    width: 100%;
    padding: 0 18px 16px;
  }

  .fc-detail:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 0 18px 18px;
    display: none;
  }

  .fc-history.has-selection:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .fc-records {
    display: none;
  }

  .fc-history.has-selection:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .fc-detail {
    display: block;
  }

  .fc-back:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--muted-foreground);
    align-items: center;
    gap: 6px;
    margin: 0 0 18px;
    font-size: 12px;
    display: flex;
  }

  .fc-back:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
    width: 16px;
    height: 16px;
  }

  .fc-record:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
    font-size: 14px;
  }

  .fc-record:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) small {
    font-size: 11px;
  }

  .fc-filters:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
    font-size: 12px;
  }
}

@media (min-width: 761px) {
  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="dialog-content"] > .feedback-center.is-history {
    height: min(540px, 100vh - 48px);height: min(540px, 100dvh - 48px);
  }

  .fc-brand:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
    font-size: 10px;
  }
}

html:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-recharge-v2.coral-recharge-surface {
  border: 1px solid var(--border);
  background: var(--card);
  width: min(800px, 100vw - 48px);
  max-width: 100%;
  height: auto;
  min-height: 0;
  max-height: calc(100vh - 48px);max-height: calc(100dvh - 48px);
  color: var(--foreground);
  border-radius: 18px;
  flex-direction: column;
  gap: 0;
  padding: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .19);
}

html:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-recharge-v2.coral-recharge-page-panel {
  width: 100%;
  height: auto;
  max-height: none;
  box-shadow: none;
  overflow: visible;
}

.recharge-v2-modal-body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.studio-recharge-v2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :is([data-slot="dialog-close"], button:last-child) {
  width: 36px;
  height: 36px;
  color: var(--muted-foreground);
  background: none;
  border-radius: 9px;
  place-items: center;
  padding: 6px;
  display: grid;
  top: 16px;
  right: 16px;
}

.studio-recharge-v2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :is([data-slot="dialog-close"], button:last-child):hover {
  background: var(--card);
}

.recharge-v2-body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: 0;
  color: var(--foreground);
  font-variant-numeric: tabular-nums;
  flex-direction: column;
  flex: 1;
  font-family: inherit;
  display: flex;
  position: relative;
}

.recharge-v2-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 18px 64px 18px 24px;
  display: flex;
}

.recharge-v2-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
  letter-spacing: -.5px;
  flex-shrink: 0;
  margin: 0;
  font-size: 23px;
  font-weight: 750;
  line-height: 1.3;
}

.recharge-v2-scroll:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  overscroll-behavior: contain;
  scrollbar-width: none;
  flex-direction: column;
  flex: auto;
  min-height: 0;
  padding: 0 24px 12px;
  display: flex;
  overflow: hidden auto;
}

.recharge-v2-first-promo:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #ffe14a;
  margin: 0 0 12px;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.4;
}

.recharge-v2-scroll:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-scrollbar {
  display: none;
}

.recharge-v2-wallet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.recharge-v2-balance:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.recharge-v2-balance:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span:not(.recharge-v2-coin) {
  color: var(--muted-foreground);
  font-size: 13px;
  font-weight: 600;
}

.recharge-v2-balance:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > strong {
  color: var(--primary);
  align-items: baseline;
  gap: 5px;
  font-size: 25px;
  font-weight: 750;
  line-height: 1.2;
  display: flex;
}

.recharge-v2-balance:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) small {
  color: var(--foreground);
  font-size: 13px;
  font-weight: 500;
}

.recharge-v2-wallet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > button {
  min-height: 36px;
  color: var(--primary);
  cursor: pointer;
  background: none;
  border: 0;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 3px;
  padding: 5px 0 5px 8px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}

.recharge-v2-coin:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #fff1b6;
  background: linear-gradient(145deg, #ffd66c, #ffb71d 65%, #eda013);
  border: 2px solid #ffe394;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: inline-flex;
  box-shadow: inset 0 0 0 1px #e9a023, 0 1px 2px rgba(189, 125, 23, .125);
}

.recharge-v2-coin:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg {
  fill: currentColor;
  stroke: #f2aa27;
  stroke-width: 1.5px;
  filter: drop-shadow(0 1px #d58c16);
  width: 16px;
  height: 16px;
}

.recharge-v2-balance:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .recharge-v2-coin {
  width: 30px;
  height: 30px;
}

.recharge-v2-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  background: var(--studio-raised);
  border-radius: 14px;
  flex-shrink: 0;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  margin: 0 0 16px;
  padding: 4px;
  display: grid;
}

.recharge-v2-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  min-height: 42px;
  color: var(--foreground);
  text-align: center;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 10px;
  padding: 7px 14px;
  font-size: 16px;
  font-weight: 650;
  line-height: 1.5;
  transition: background .16s, color .16s;
}

.recharge-v2-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button[aria-selected="true"] {
  color: var(--primary);
  background: var(--studio-soft);
  box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
}

.recharge-v2-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex: none;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: minmax(0, 1fr);
  gap: 10px;
  height: 325px;
  display: grid;
}

.recharge-v2-grid.recharge-v2-value:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.recharge-v2-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  background: var(--card);
  min-width: 0;
  min-height: 0;
  color: var(--foreground);
  text-align: left;
  cursor: pointer;
  border-radius: 11px;
  flex-direction: column;
  padding: 14px 13px 12px;
  transition: border-color .16s, background .16s, box-shadow .16s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.recharge-v2-card:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--studio-border-accent);
  background: var(--studio-raised);
}

.recharge-v2-card[aria-pressed="true"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--primary);
  background: var(--studio-soft);
  box-shadow: inset 0 0 0 1px var(--primary);
  color: var(--primary);
}

.recharge-v2-card-top:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--foreground);
  padding-right: 16px;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.4;
  display: block;
}

.recharge-v2-check:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--primary);
  justify-content: center;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 500;
  display: inline-flex;
  position: absolute;
  top: 11px;
  right: 10px;
}

.recharge-v2-check:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg {
  background: var(--studio-gradient);
  width: 19px;
  height: 19px;
  color: var(--studio-on-gradient);
  border-radius: 50%;
  padding: 3px;
}

.recharge-v2-check:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span {
  display: none;
}

.recharge-v2-amount:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--primary);
  letter-spacing: -.7px;
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  margin: 7px 0 4px;
  font-size: clamp(26px, 2.5vw, 30px);
  font-weight: 750;
  line-height: 1.2;
  display: flex;
}

.recharge-v2-amount:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .recharge-v2-coin {
  width: 26px;
  height: 26px;
}

.recharge-v2-amount:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) small {
  letter-spacing: 0;
  align-self: baseline;
  margin-top: auto;
  margin-bottom: 2px;
  font-size: 13px;
  font-weight: 650;
}

.recharge-v2-price:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--foreground);
  align-items: baseline;
  gap: 3px;
  margin: 0;
  font-size: 17px;
  font-weight: 650;
  line-height: 1.2;
  display: flex;
}

.recharge-v2-price:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
  letter-spacing: -.6px;
  font-size: 25px;
  font-weight: 750;
}

.recharge-v2-benefit:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  flex-wrap: wrap;
  gap: 4px;
  margin-top: auto;
  font-size: 11px;
  line-height: 1.4;
  display: flex;
}

.recharge-v2-benefit:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) b {
  color: var(--primary);
  font-weight: 600;
}

.recharge-v2-value:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .recharge-v2-card {
  align-items: center;
  padding: 17px 12px 16px;
}

.recharge-v2-value:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .recharge-v2-card-top {
  padding: 0;
  font-size: 17px;
}

.recharge-v2-value:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .recharge-v2-card[aria-pressed="true"] .recharge-v2-card-top {
  color: var(--primary);
}

.recharge-v2-value:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .recharge-v2-check {
  background: var(--studio-gradient);
  color: var(--studio-on-gradient);
  border-radius: 0 10px 0 8px;
  padding: 5px 7px;
  top: 0;
  right: 0;
}

.recharge-v2-value:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .recharge-v2-check > svg {
  width: 15px;
  height: 15px;
  padding: 0;
}

.recharge-v2-value:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .recharge-v2-check > span {
  display: inline;
}

.recharge-v2-coin-stack:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: radial-gradient(ellipse at 50% 80%,var(--studio-raised) 55%,transparent 57%);
  border-radius: 50%;
  width: 120px;
  height: 58px;
  margin: 13px 0 8px;
  display: block;
  position: relative;
}

.recharge-v2-coin-stack:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .recharge-v2-coin {
  border-radius: 50%;
  width: 39px;
  height: 26px;
  position: absolute;
  bottom: 7px;
  box-shadow: 0 5px #efad28, 0 7px #ffe497, 0 11px #efad28, 0 13px #ffe497;
}

.recharge-v2-coin-stack:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .recharge-v2-coin:first-child {
  bottom: 12px;
  left: 13px;
}

.recharge-v2-coin-stack:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .recharge-v2-coin:nth-child(2) {
  bottom: 28px;
  left: 47px;
}

.recharge-v2-coin-stack:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .recharge-v2-coin:nth-child(3) {
  bottom: 9px;
  left: 72px;
}

.recharge-v2-value:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .recharge-v2-price {
  justify-content: center;
  margin: 8px 0 15px;
}

.recharge-v2-value:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .recharge-v2-price strong {
  font-size: 36px;
}

.recharge-v2-value:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .recharge-v2-card[aria-pressed="true"] .recharge-v2-price {
  color: var(--primary);
}

.recharge-v2-quotas:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-top: 1px solid var(--border);
  flex-direction: column;
  align-self: stretch;
  gap: 10px;
  padding-top: 14px;
  font-size: 13px;
  line-height: 1.5;
  display: flex;
}

.recharge-v2-quotas:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span {
  white-space: nowrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.recharge-v2-quotas:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span > svg {
  background: var(--studio-gradient);
  width: 21px;
  height: 21px;
  color: var(--studio-on-gradient);
  fill: var(--studio-soft);
  border-radius: 5px;
  flex-shrink: 0;
  padding: 4px;
}

.recharge-v2-quotas:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span:last-child > svg {
  background: var(--studio-gradient);
}

.recharge-v2-quotas:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .recharge-v2-coin {
  width: 21px;
  height: 21px;
}

.recharge-v2-quotas:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) b {
  font-weight: 650;
}

.recharge-v2-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--card);
  flex-shrink: 0;
  padding: 8px 24px 18px;
}

.recharge-v2-methods:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
  gap: 8px;
  margin: 0 0 12px;
  display: grid;
}

.recharge-v2-methods-status:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  text-align: center;
  grid-column: 1 / -1;
  margin: 0;
  padding: 6px 0;
  font-size: 12px;
}

.recharge-v2-method:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  background: var(--studio-raised);
  min-height: 46px;
  color: var(--foreground);
  cursor: pointer;
  text-align: left;
  border-radius: 12px;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
}

.recharge-v2-method:hover:not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color:var(--primary);border-color: color-mix(in srgb,var(--primary) 45%,var(--border));
}

.recharge-v2-method[aria-pressed="true"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--primary);
  background: var(--studio-soft);
}

.recharge-v2-method:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  opacity: .5;
  cursor: not-allowed;
}

.recharge-v2-method:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span:first-child {
  width: 28px;
  height: 28px;
}

.recharge-v2-method-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex: 1;
  min-width: 0;
}

.recharge-v2-method-name:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 650;
  display: block;
  overflow: hidden;
}

.recharge-v2-method-hint:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  margin-top: 1px;
  font-size: 11px;
  display: block;
}

.recharge-v2-method-dot:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 2px solid var(--border);
  background: none;
  border-radius: 50%;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
}

.recharge-v2-method[aria-pressed="true"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .recharge-v2-method-dot {
  border-color: var(--primary);
  background: var(--primary);
}

.recharge-v2-checkout:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  align-items: center;
  gap: 18px;
  display: flex;
}

.recharge-v2-submit:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 100%;
  min-height: 52px;
  color: var(--studio-on-gradient);
  background: var(--studio-gradient);
  text-align: center;
  cursor: pointer;
  border: 0;
  border-radius: 12px;
  flex: 1;
  padding: 10px 16px;
  font-size: 17px;
  font-weight: 650;
  line-height: 1.4;
  display: block;
}

.recharge-v2-submit:hover:not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  filter: brightness(1.05);
  background: var(--studio-gradient-hover);
}

.recharge-v2-submit:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  background: var(--studio-raised);
  cursor: not-allowed;
}

.recharge-v2-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > p {
  color: var(--muted-foreground);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 2px 5px;
  margin: 8px 0 0;
  font-size: 11px;
  line-height: 1.4;
  display: flex;
}

.recharge-v2-checkout-note:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  white-space: nowrap;
}

.recharge-v2-body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:focus-visible {
  outline: 3px solid var(--primary);
  outline-offset: 3px;
}

.coral-recharge-page-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .recharge-v2-amount > .recharge-v2-coin {
  display: none;
}

.coral-recharge-page-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .recharge-v2-scroll {
  overflow: visible;
}

.coral-recharge-page-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .recharge-v2-grid {
  height: auto;
  min-height: 325px;
}

.coral-recharge-page-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .recharge-v2-grid.recharge-v2-value {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

@media (min-width: 768px) and (max-height: 700px) {
  .recharge-v2-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-block: 12px;
  }

  .recharge-v2-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: 12px;
  }

  .recharge-v2-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 300px;
  }
}

@media (min-width: 768px) and (max-width: 850px) {
  .recharge-v2-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 12px;
    padding-right: 54px;
  }

  .recharge-v2-balance:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 6px;
  }

  .recharge-v2-balance:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > strong {
    font-size: 22px;
  }

  .recharge-v2-scroll:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .recharge-v2-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-inline: 18px;
  }

  .recharge-v2-amount:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 26px;
  }

  .recharge-v2-value:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .recharge-v2-card {
    padding-inline: 10px;
  }

  .recharge-v2-quotas:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 12px;
  }

  .recharge-v2-quotas:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span {
    gap: 6px;
  }
}

@media (max-width: 767px) {
  html:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-recharge-v2.coral-recharge-surface {
    border: 0;
    border-radius: 20px 20px 0 0;
    width: 100%;
    height: 94vh;height: 94dvh;
    max-height: 94vh;max-height: 94dvh;
  }

  html:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-recharge-v2.coral-recharge-page-panel {
    border: 1px solid var(--border);
    border-radius: 16px;
    height: auto;
    max-height: none;
  }

  .studio-recharge-v2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :is([data-slot="dialog-close"], button:last-child) {
    width: 34px;
    height: 34px;
    top: 14px;
    right: 12px;
  }

  .recharge-v2-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 18px 54px 12px 16px;
    display: block;
  }

  .recharge-v2-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
    font-size: 22px;
  }

  .recharge-v2-scroll:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 0 16px 14px;
  }

  .recharge-v2-wallet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background: var(--studio-raised);
    border-radius: 12px;
    justify-content: space-between;
    gap: 5px;
    min-height: 56px;
    margin: 14px -38px 0 0;
    padding: 10px 12px;
  }

  .recharge-v2-balance:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 7px;
  }

  .recharge-v2-balance:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span:not(.recharge-v2-coin) {
    font-size: 12px;
  }

  .recharge-v2-balance:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > strong {
    gap: 4px;
    font-size: 26px;
  }

  .recharge-v2-balance:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) small {
    font-size: 12px;
  }

  .recharge-v2-wallet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > button {
    gap: 0;
    padding-left: 0;
    font-size: 12px;
  }

  .recharge-v2-balance:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .recharge-v2-coin {
    width: 29px;
    height: 29px;
  }

  .recharge-v2-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 12px;
    gap: 3px;
    margin: 12px 0 18px;
    padding: 3px;
  }

  .recharge-v2-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
    border-radius: 9px;
    min-height: 40px;
    padding: 7px;
    font-size: 17px;
  }

  .recharge-v2-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .recharge-v2-grid.recharge-v2-value:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: auto;
    gap: 11px;
    height: auto;
  }

  .coral-recharge-page-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .recharge-v2-grid.recharge-v2-value {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .recharge-v2-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 12px;
    min-height: 148px;
    padding: 15px 13px 13px;
  }

  .recharge-v2-card-top:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-right: 16px;
    font-size: 15px;
  }

  .recharge-v2-amount:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 4px;
    margin: 7px 0 5px;
    font-size: clamp(25px, 7.7vw, 34px);
  }

  .recharge-v2-amount:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .recharge-v2-coin {
    display: none;
  }

  .recharge-v2-amount:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) small {
    margin-bottom: 2px;
    font-size: 14px;
  }

  .recharge-v2-price:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 2px;
    font-size: 16px;
  }

  .recharge-v2-price:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
    font-size: 26px;
  }

  .recharge-v2-benefit:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-top: 1px solid var(--border);
    gap: 3px;
    margin-top: 10px;
    padding-top: 9px;
    font-size: 10px;
  }

  .recharge-v2-check:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    top: 12px;
    right: 10px;
  }

  .recharge-v2-check:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg {
    width: 19px;
    height: 19px;
  }

  .recharge-v2-value:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .recharge-v2-card {
    align-items: stretch;
    min-height: 220px;
    padding: 15px 13px;
  }

  .recharge-v2-value:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .recharge-v2-card-top {
    font-size: 17px;
  }

  .recharge-v2-value:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .recharge-v2-check {
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    border-radius: 0;
    width: 34px;
    height: 32px;
    padding: 3px;
  }

  .recharge-v2-value:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .recharge-v2-check > svg {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 3px;
    right: 3px;
  }

  .recharge-v2-value:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .recharge-v2-check > span, .recharge-v2-coin-stack:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: none;
  }

  .recharge-v2-value:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .recharge-v2-price {
    justify-content: flex-start;
    margin: 9px 0 12px;
  }

  .recharge-v2-value:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .recharge-v2-price strong {
    font-size: 34px;
  }

  .recharge-v2-quotas:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 13px;
    padding-top: 13px;
    font-size: 12px;
  }

  .recharge-v2-quotas:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span {
    gap: 9px;
  }

  .recharge-v2-quotas:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span > svg, .recharge-v2-quotas:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .recharge-v2-coin {
    width: 21px;
    height: 21px;
  }

  .recharge-v2-quotas:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) b {
    color: var(--primary);
    font-weight: 650;
  }

  .recharge-v2-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 10px 16px max(14px,env(safe-area-inset-bottom));
    border-top: 1px solid var(--border);
  }

  .recharge-v2-methods:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 7px;
    margin-bottom: 10px;
  }

  .recharge-v2-method:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 10px;
    min-height: 42px;
    padding: 7px 10px;
  }

  .recharge-v2-method-name:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 12px;
  }

  .recharge-v2-checkout:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 14px;
  }

  .recharge-v2-submit:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 12px;
    min-height: 48px;
    padding: 10px 8px;
    font-size: 17px;
  }

  .recharge-v2-submit-price:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: inline;
  }

  .recharge-v2-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > p {
    margin-top: 8px;
    font-size: 10px;
  }
}

@media (max-width: 359px) {
  .recharge-v2-scroll:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-inline: 12px;
  }

  .recharge-v2-balance:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 5px;
  }

  .recharge-v2-balance:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .recharge-v2-coin {
    width: 23px;
    height: 23px;
  }

  .recharge-v2-balance:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span:not(.recharge-v2-coin), .recharge-v2-wallet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > button {
    font-size: 11px;
  }

  .recharge-v2-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-inline: 11px;
  }

  .recharge-v2-value:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .recharge-v2-card {
    padding-inline: 10px;
  }

  .recharge-v2-quotas:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 11px;
  }

  .recharge-v2-quotas:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span {
    gap: 6px;
  }

  .recharge-v2-checkout:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 9px;
  }

  .recharge-v2-submit:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 15px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .recharge-v2-body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) *, .recharge-v2-body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :before, .recharge-v2-body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :after {
    transition-property: none;
  }
}

.account-auth-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: rgba(10, 9, 13, .72);
}

.account-auth-dialog:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 24px;
  gap: 0;
  width: min(640px, 100%);
  max-width: 100%;
  max-height: calc(100vh - 32px);max-height: calc(100dvh - 32px);
  padding: 0;
  overflow-y: auto;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .15);
}

.account-auth-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--foreground);
  text-align: left;
  padding: 32px 40px 30px;
}

.account-auth-brand:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  letter-spacing: .04em;
  align-items: center;
  gap: 12px;
  font-size: 13px;
  display: flex;
}

.account-auth-logo:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  object-fit: contain;
  flex: none;
  width: 44px;
  height: 44px;
  display: block;
}

.account-auth-dialog:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > [data-slot="dialog-close"] {
  width: 32px;
  height: 32px;
  color: var(--muted-foreground);
  opacity: 1;
  border-radius: 50%;
  place-items: center;
  padding: 6px;
  display: grid;
  top: 21px;
  right: 21px;
}

.account-auth-dialog:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > [data-slot="dialog-close"]:hover {
  background: var(--studio-raised);
}

.account-auth-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin: 27px 0 26px;
}

.account-auth-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h1, .account-auth-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
  color: var(--foreground);
  letter-spacing: -.6px;
  margin: 0;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.4;
}

.account-auth-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
  color: var(--muted-foreground);
  margin: 7px 0 0;
  font-size: 14px;
  line-height: 1.6;
}

.account-auth-form:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  gap: 19px;
  display: grid;
}

.account-auth-field:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > label {
  color: var(--foreground);
  margin-bottom: 9px;
  font-size: 14px;
  font-weight: 500;
  display: block;
}

.account-auth-input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  position: relative;
}

.account-auth-input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg {
  width: 18px;
  height: 18px;
  color: var(--muted-foreground);
  pointer-events: none;
  position: absolute;
  top: 17px;
  left: 15px;
}

.account-auth-input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input {
  border: 1px solid var(--input);
  background: var(--studio-raised);
  width: 100%;
  height: 52px;
  color: var(--foreground);
  box-shadow: none;
  border-radius: 10px;
  padding: 0 44px;
  font-size: 15px;
}

.account-auth-input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input::placeholder {
  color: var(--muted-foreground);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .account-auth-input input:focus, html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .account-auth-input input:focus-visible {
  border-color: var(--primary);
  box-shadow: none;
  outline: none;
}

.account-auth-eye:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 42px;
  height: 42px;
  color: var(--muted-foreground);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 7px;
  place-items: center;
  display: grid;
  position: absolute;
  top: 5px;
  right: 5px;
}

.account-auth-eye:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
  width: 18px;
  height: 18px;
}

.account-auth-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button.account-auth-submit, .account-auth-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button.account-auth-create {
  width: 100%;
  height: 50px;
  box-shadow: none;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 600;
  display: flex;
}

.account-auth-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button.account-auth-submit {
  background: var(--studio-gradient);
  color: var(--studio-on-gradient);
  border: 1px solid var(--border);
  margin-top: 3px;
}

.account-auth-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button.account-auth-submit:hover {
  background: var(--studio-gradient-hover);
}

.account-auth-register:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-top: 8px;
}

.account-auth-error:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--destructive, #f87171);
  margin: -8px 0 0;
  font-size: 12px;
}

.account-auth-register:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .account-auth-create {
  margin-top: 10px;
}

.account-auth-register-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  font-size: 13px;
  display: flex;
}

.account-auth-gift:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #f4c969;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  display: inline-flex;
}

.account-auth-gift:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
  width: 15px;
  height: 15px;
}

.account-auth-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button.account-auth-create {
  border: 1px solid var(--studio-border-accent);
  background: var(--studio-raised);
  color: var(--primary);
}

.account-auth-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button.account-auth-create:hover {
  background: var(--studio-soft);
}

.account-auth-register:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
  text-align: center;
  color: var(--muted-foreground);
  margin: 13px 0 0;
  font-size: 12px;
  line-height: 1.85;
}

.account-auth-register:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .account-auth-format-hint {
  text-align: left;
  margin: 0 0 16px;
  line-height: 1.6;
}

.account-auth-register:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .account-auth-error {
  color: var(--destructive, #f87171);
  text-align: left;
  margin: -4px 0 0;
  line-height: 1.6;
}

.account-auth-social:empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  display: none;
}

.account-auth-social:not(:empty):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  gap: 10px;
  margin-top: 20px;
  display: grid;
}

.account-auth-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.account-auth-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:focus-visible, .account-auth-dialog:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > [data-slot="dialog-close"]:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 3px;
}

.account-auth-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 70vh;min-height: 70dvh;
  padding: 24px 16px;
  display: flex;
}

.account-auth-page-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 24px;
  width: 500px;
  max-width: 100%;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .15);
}

.account-auth-page-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .account-auth-manual {
  color: var(--primary);
  margin: 0 auto 18px;
  display: block;
}

.account-auth-modes:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  gap: 18px;
  margin-bottom: 18px;
  display: flex;
}

.account-auth-modes:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  color: var(--muted-foreground);
  cursor: pointer;
  background: none;
  border: 0;
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  padding: 0 0 6px;
  font-size: 15px;
}

.account-auth-modes:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button[aria-pressed="true"] {
  border-bottom-color: var(--primary);
  color: var(--foreground);
  font-weight: 650;
}

.account-auth-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: 168px minmax(0, 1fr);
  padding: 0;
  display: grid;
}

.account-auth-side:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: radial-gradient(120px 80px at 20% 0%,rgba(195, 123, 229, .267),transparent 70%),var(--sidebar, #110e12);
  flex-direction: column;
  justify-content: flex-end;
  gap: 12px;
  padding: 28px 18px;
  display: flex;
}

.account-auth-side:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
  font-size: 18px;
}

.account-auth-side:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
  color: var(--muted-foreground);
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
}

.account-auth-main:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding: 28px 28px 24px;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="dialog-content"] > .account-auth-dialog {
  border-radius: 24px;
  padding: 0;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .account-auth-heading [data-slot="dialog-title"] {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.4;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .account-auth-heading [data-slot="dialog-description"] {
  color: var(--muted-foreground);
  font-size: 14px;
  line-height: 1.6;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .account-auth-panel button.account-auth-submit {
  background: var(--studio-gradient);
  color: var(--studio-on-gradient);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .account-auth-panel button.account-auth-submit:hover {
  background: var(--studio-gradient-hover);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .account-auth-panel button.account-auth-create {
  background: var(--studio-raised);
  color: var(--primary);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .account-auth-panel button.account-auth-create:hover {
  background: var(--studio-soft);
}

@media (max-width: 767px) {
  .account-auth-dialog:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="dialog-content"] > .account-auth-dialog {
    overscroll-behavior: contain;
    border-radius: 20px;
    width: 100%;
    max-width: 400px;
    max-height: calc(100vh - 32px);max-height: calc(100dvh - 32px);
    margin: 0;
    padding: 0;
  }

  .account-auth-panel.account-auth-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 0;
    display: block;
  }

  .account-auth-side:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background: none;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 9px;
    padding: 22px 64px 0 20px;
  }

  .account-auth-side:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .account-auth-logo {
    width: 30px;
    height: 30px;
  }

  .account-auth-side:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
  }

  .account-auth-side:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
    display: none;
  }

  .account-auth-dialog:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > [data-slot="dialog-close"] {
    width: 40px;
    height: 40px;
    padding: 11px;
    top: 16px;
    right: 12px;
  }

  .account-auth-dialog:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > [data-slot="dialog-close"] svg {
    width: 18px;
    height: 18px;
  }

  .account-auth-main:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 0;
    padding: 20px 20px 24px;
  }

  .account-auth-modes:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border: 1px solid var(--border);
    background: var(--studio-surface-subtle);
    border-radius: 12px;
    gap: 4px;
    margin-bottom: 20px;
    padding: 3px;
  }

  .account-auth-modes:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
    border: 0;
    border-radius: 8px;
    flex: 1;
    min-width: 0;
    min-height: 38px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 20px;
  }

  .account-auth-modes:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button[aria-pressed="true"] {
    background: var(--studio-soft);
    color: var(--foreground);
    font-weight: 600;
  }

  .account-auth-form:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 16px;
  }

  .account-auth-field:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > label {
    color: var(--secondary-foreground);
    margin-bottom: 7px;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
  }

  .account-auth-input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg {
    width: 16px;
    height: 16px;
    top: 15px;
    left: 13px;
  }

  .account-auth-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .account-auth-input input {
    border-radius: 10px;
    height: 46px;
    min-height: 46px;
    padding: 0 42px 0 39px;
    font-size: 16px;
    line-height: normal;
  }

  .account-auth-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .account-auth-input input::placeholder {
    font-size: 13px;
  }

  .account-auth-eye:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 42px;
    height: 44px;
    top: 1px;
    right: 1px;
  }

  .account-auth-eye:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
    width: 16px;
    height: 16px;
  }

  .account-auth-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button.account-auth-submit, .account-auth-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button.account-auth-create {
    gap: 6px;
    height: 44px;
    min-height: 44px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
  }

  .account-auth-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button.account-auth-submit {
    margin-top: 4px;
  }

  .account-auth-register:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: 0;
  }

  .account-auth-register-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: 6px;
    font-size: 12px;
    line-height: 18px;
  }

  .account-auth-gift:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 4px;
    font-size: 11px;
    line-height: 18px;
  }

  .account-auth-gift:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
    width: 13px;
    height: 13px;
  }

  .account-auth-register:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .account-auth-format-hint {
    margin-bottom: 16px;
    font-size: 11px;
    line-height: 18px;
  }

  .account-auth-register:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .account-auth-create {
    margin-top: 10px;
  }

  .account-auth-register:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > p:last-child {
    margin-top: 12px;
    font-size: 11px;
    line-height: 18px;
  }

  .account-auth-social:not(:empty):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 10px;
    margin-top: 16px;
  }

  .account-auth-social:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="button"] {
    min-height: 44px;
    font-size: 13px;
  }

  .account-auth-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 16px;
  }

  .account-auth-page-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 20px;
    max-width: 400px;
  }

  .coral-auth-form:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .account-auth-page {
    min-height: 0;
    padding: 0;
  }

  .coral-auth-form:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .account-auth-page-card {
    box-shadow: none;
    background: none;
    border: 0;
  }

  .coral-auth-form:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .account-auth-side {
    display: none;
  }

  .coral-auth-form:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .account-auth-main {
    padding: 0;
  }
}

.vu-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --vu-surface: #15111b;
  --vu-surface-raised: #1d1725;
  --vu-line: #3a2c46;
  --vu-line-strong: #75508e;
  --vu-ink: #f8f3fb;
  --vu-muted: #b9a8c2;
  --vu-accent: #c37be5;
  --vu-accent-soft: #2a1a35;
  color: var(--vu-ink);
}

.vu-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: minmax(0, 1.13fr) minmax(0, 1fr);
  align-items: stretch;
  gap: 20px;
  min-width: 0;
  display: grid;
}

.vu-editor:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.vu-editor-surface:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .vu-demo-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .vu-settings-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .vu-cost-strip:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .vu-notice-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .vu-results:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--vu-line);
  background: var(--vu-surface);
  border-radius: 18px;
  min-width: 0;
}

.vu-editor-surface:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .vu-settings-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .vu-cost-strip:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .vu-notice-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding: 16px;
}

.vu-section-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .vu-settings-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > h3 {
  color: var(--vu-ink);
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
}

.vu-source-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: stretch;
  gap: 12px;
  display: grid;
}

.vu-source-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .vu-editor-surface, .vu-source-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .vu-demo-panel {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.vu-upload-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.vu-upload-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1.5px dashed var(--vu-line-strong);
  text-align: center;
  background: #18121f;
  border-radius: 14px;
  flex-direction: column;
  flex: auto;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 176px;
  display: flex;
}

.vu-upload-target:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 100%;
  color: var(--vu-accent);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 7px;
  padding: 22px 16px 6px;
  font-size: 15px;
  font-weight: 700;
  display: flex;
}

.vu-upload-target:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
  width: 29px;
  height: 29px;
}

.vu-upload-hint:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--vu-muted);
  font-size: 12px;
  font-weight: 450;
}

.vu-upload-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) ol {
  display: none;
}

.vu-upload-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .relative {
  flex-direction: column;
  flex: auto;
  min-height: 0;
  display: flex;
}

.vu-upload-preview:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--vu-line);
  background: #08070a;
  border-radius: 14px;
  flex: auto;
  width: 100%;
  min-height: 176px;
  position: relative;
  overflow: hidden;
}

.vu-upload-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .media-source-bar, .vu-upload-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .mt-2 {
  margin-top: 12px;
}

.vu-upload-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .mt-2 button {
  border-color: var(--vu-line);
  min-height: 38px;
  color: var(--vu-muted);
  background: none;
  border-radius: 10px;
  padding-inline: 13px;
}

.vu-upload-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .mt-2 button:hover, .vu-upload-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .mt-2 button:focus-visible {
  border-color: var(--vu-accent);
  color: var(--vu-ink);
}

.vu-upload-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .mt-2 button[class*="bg-pink-500/10"] {
  color: #f3a4df;
  background: #3a1d39;
  border-color: #c25aab;
}

.vu-demo-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-direction: column;
  padding: 16px;
  display: flex;
  overflow: hidden;
}

.vu-demo-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .vu-demo-media {
  background: #08070a;
  border-radius: 14px;
  flex: auto;
  width: 100%;
  min-height: 176px;
  position: relative;
  overflow: hidden;
}

.vu-demo-compare:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  aspect-ratio: 9 / 8;
  background: none;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  width: 100%;
  min-height: 0;
  display: grid;
}

.vu-demo-compare:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div {
  background: #08070a;
  border-radius: 12px;
  min-width: 0;
  height: 100%;
  min-height: 0;
  position: relative;
  overflow: hidden;
}

.vu-demo-compare:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div > .relative, .vu-demo-compare:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.vu-demo-compare:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) span {
  z-index: 2;
  color: #fff;
  background: rgba(0, 0, 0, .55);
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.4;
  position: absolute;
  bottom: 8px;
  left: 8px;
}

.vu-model-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [role="combobox"] {
  border: 1px solid var(--vu-line);
  background: var(--vu-surface-raised);
  border-radius: 11px;
  min-height: 44px;
}

.vu-duration-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > p {
  color: var(--vu-muted);
  margin-bottom: 11px;
  font-size: 12px;
}

.vu-duration-option:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--vu-line);
  min-height: 39px;
  color: var(--vu-ink);
  background: #120f17;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 7px 12px;
  font-size: 12px;
  font-weight: 600;
  transition: border-color .2s, background-color .2s, color .2s;
  display: inline-flex;
}

.vu-duration-option:hover:not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .vu-resolution-option:hover:not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--vu-accent);
}

.vu-duration-option.is-active:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .vu-resolution-option.is-active:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--vu-accent);
  background: var(--vu-accent-soft);
  color: #f4dfff;
}

.vu-resolution-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div {
  flex-wrap: wrap;
  min-width: 0;
}

.vu-resolution-option:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--vu-line);
  min-width: 105px;
  min-height: 58px;
  color: var(--vu-ink);
  background: #120f17;
  border-radius: 11px;
  padding: 8px;
  font-size: 13px;
  font-weight: 650;
  transition: border-color .2s, background-color .2s, color .2s;
}

.vu-cost-strip:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: #1a1421;
}

.vu-cost-strip:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .text-pink-600 {
  color: var(--vu-accent);
}

.vu-notice-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: #25131d;
  border-color: #602638;
}

.vu-notice-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h3 {
  color: #f0b3ca;
}

.vu-notice-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) li {
  line-height: 1.45;
}

.vu-generate-button:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #fff;
  background: linear-gradient(95deg, #8e54b7, #ae63c7);
  border: 0;
  border-radius: 13px;
  width: 100%;
  min-height: 52px;
  font-size: 15px;
  font-weight: 700;
  box-shadow: 0 8px 24px rgba(123, 63, 162, .18);
}

.vu-generate-button:hover:not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: linear-gradient(95deg, #9e63c4, #bd72d3);
}

.vu-generate-button:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  opacity: .52;
  box-shadow: none;
}

.vu-results:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-direction: column;
  min-height: 810px;
  padding: 20px;
  display: flex;
}

.vu-results-head:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.vu-results-head:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
  color: var(--vu-ink);
  font-size: 20px;
  font-weight: 750;
}

.vu-results-head:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  color: var(--vu-accent);
  font-size: 13px;
  font-weight: 650;
}

.vu-results-head:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:hover {
  color: #e4a8e4;
}

.vu-results-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-bottom: 1px solid var(--vu-line);
  min-height: 57px;
  color: var(--vu-muted);
  align-items: center;
  gap: 25px;
  margin-top: 4px;
  font-size: 13px;
  font-weight: 650;
  display: flex;
}

.vu-results-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button, .vu-results-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) span {
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  align-items: center;
  height: 100%;
  display: inline-flex;
}

.vu-results-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:hover {
  color: var(--vu-ink);
}

.vu-results-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) span {
  border-color: var(--vu-accent);
  color: var(--vu-accent);
}

.vu-results-body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  padding-top: 18px;
  display: flex;
}

.vu-results-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--vu-muted);
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 14px;
  display: flex;
}

.vu-results-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
  color: #6b5576;
  stroke-width: 1.5px;
  width: 40px;
  height: 40px;
}

.vu-results-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
  font-size: 15px;
  font-weight: 600;
}

.vu-progress-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--vu-line);
  background: var(--vu-surface-raised);
  text-align: center;
  border-radius: 13px;
  padding: 22px;
}

.vu-current-result:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--vu-line);
  background: #070609;
  border-radius: 13px;
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
}

.vu-current-result:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) video {
  aspect-ratio: 16 / 9;
  object-fit: contain;
  width: 100%;
  max-height: 480px;
  display: block;
}

.vu-results-body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .mb-3 {
  margin-bottom: 0;
}

.vu-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(button, [role="combobox"]):focus-visible {
  outline-offset: 3px;
  outline: 2px solid #dda5f1;
}

@media (max-width: 900px) {
  .vu-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: 1fr;
  }

  .vu-results:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 440px;
  }
}

@media (max-width: 767px) {
  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .vu-page.page-frame, .vu-page.page-frame:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: 0;
    padding-bottom: calc(120px + env(safe-area-inset-bottom, 0px));
  }

  .vu-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --vu-surface: #141116;
    --vu-surface-raised: #1b1420;
    --vu-line: #33283e;
  }

  .vu-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .vu-editor-surface, .vu-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .vu-demo-panel, .vu-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .vu-settings-panel, .vu-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .vu-cost-strip, .vu-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .vu-results {
    border-radius: 17px;
    padding: 12px;
  }

  .vu-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 14px;
    padding-top: 8px;
  }

  .vu-editor:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 12px;
  }

  .vu-source-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px;
  }

  .vu-source-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .vu-demo-panel {
    order: -1;
  }

  .vu-source-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .vu-editor-surface, .vu-source-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .vu-demo-panel {
    min-height: clamp(320px, 84vw, 380px);
  }

  .vu-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .vu-section-heading, .vu-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .vu-settings-panel > h3 {
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 1.4;
  }

  .vu-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .vu-demo-media.vu-demo-compare {
    aspect-ratio: auto;
    background: none;
    gap: 6px;
    min-height: 240px;
  }

  .vu-demo-compare:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div {
    border-radius: 12px;
  }

  .vu-demo-compare:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) span {
    padding: 2px 6px;
    font-size: 11px;
    bottom: 6px;
    left: 4px;
  }

  .vu-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .vu-upload-empty, .vu-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .vu-upload-preview {
    border-radius: 12px;
    min-height: 160px;
  }

  .vu-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .vu-upload-target {
    flex: 1;
    gap: 10px;
    padding: 16px 8px;
  }

  .vu-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .vu-upload-target svg {
    width: 28px;
    height: 28px;
    margin-bottom: 2px;
  }

  .vu-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .vu-upload-hint {
    overflow-wrap: anywhere;
    font-size: 11px;
    line-height: 1.6;
  }

  .vu-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .vu-upload-panel > .media-source-bar {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    margin-top: 12px;
    display: grid;
  }

  .vu-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .media-source-bar-btn {
    border-color: var(--vu-line-strong);
    width: 100%;
    min-width: 0;
    min-height: 36px;
    color: var(--vu-accent);
    white-space: normal;
    overflow-wrap: anywhere;
    padding: 8px 6px;
    font-size: 12px;
    line-height: 1.3;
  }

  .vu-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .vu-duration-panel > p {
    font-size: 11px;
    line-height: 1.6;
  }

  .vu-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .vu-duration-panel > p:last-child {
    margin-bottom: 0;
  }

  .vu-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .vu-resolution-panel > div {
    flex-wrap: nowrap;
  }

  .vu-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .vu-resolution-option {
    border-radius: 12px;
    min-width: 0;
    min-height: 58px;
    padding: 8px 4px;
    font-size: 13px;
  }

  .vu-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .vu-cost-strip {
    background: var(--vu-surface);
  }

  .vu-cost-strip:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div {
    align-items: flex-start;
    font-size: 12px;
    line-height: 1.5;
  }

  .vu-cost-strip:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > p {
    margin-top: 5px;
    line-height: 1.5;
  }

  .vu-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .vu-notice-panel {
    background: none;
    border: 0;
    padding: 4px 2px;
  }

  .vu-notice-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h3 {
    color: var(--vu-muted);
    font-size: 13px;
  }

  .vu-notice-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) li {
    font-size: 11px;
    line-height: 1.6;
  }

  .vu-generate-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    z-index: 40;
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
    border-top: 1px solid var(--vu-line);
    background: var(--background, #0a090d);
    position: fixed;
    inset: auto 0 0;
  }

  .vu-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .vu-generate-button {
    background: var(--studio-gradient, linear-gradient(105deg, #6e44be, #ad3dad));
    white-space: normal;
    height: auto;
    min-height: 52px;
    box-shadow: none;
    border-radius: 14px;
    font-size: 16px;
    line-height: 1.4;
    display: flex;
  }

  .vu-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .vu-generate-button:hover:not(:disabled) {
    background: var(--studio-gradient-hover, linear-gradient(105deg, #7c50cc, #b84ab8));
  }

  .vu-results:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 360px;
  }
}

@media (min-width: 640px) and (max-width: 767px) {
  .vu-generate-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-inline: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .vu-page * {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-page.page-frame {
  max-width: 1440px;
}

.community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-page-header {
  align-items: center;
  gap: 24px;
  margin-bottom: 24px;
}

.community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-page-header h1 {
  letter-spacing: -.7px;
  font-size: 28px;
  line-height: 1.3;
}

.community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-page-header p {
  color: var(--muted-foreground);
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.6;
}

.community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-page-actions {
  flex-wrap: nowrap;
  flex: none;
  gap: 10px;
}

.community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-page-actions button {
  border-radius: 10px;
  gap: 8px;
  min-height: 42px;
  padding-inline: 18px;
  font-size: 13px;
}

.community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-my-posts {
  border-color: var(--border);
  color: var(--foreground);
  background: none;
}

.community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-my-posts:hover {
  background: var(--muted);
}

.community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-mobile-my-posts {
  display: none;
}

.community-content-layout:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .community-main-column:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 100%;
  min-width: 0;
}

.community-feed-toolbar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-bottom: 1px solid var(--border);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  column-gap: 16px;
  min-width: 0;
  min-height: 48px;
  display: flex;
}

.community-gallery-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-wrap: wrap;
  align-self: stretch;
  column-gap: 28px;
  min-width: 0;
  max-width: 100%;
  display: flex;
}

.community-gallery-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > button {
  min-height: 48px;
  color: var(--muted-foreground);
  white-space: nowrap;
  align-items: center;
  gap: 8px;
  padding: 0 8px;
  font-size: 15px;
  font-weight: 500;
  display: inline-flex;
  position: relative;
}

.community-gallery-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > button[aria-pressed="true"] {
  color: var(--primary);
  font-weight: 600;
}

.community-gallery-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > button[aria-pressed="true"]:after {
  content: "";
  background: var(--primary);
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
}

.community-gallery-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:focus-visible, .community-gallery-sort:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select:focus-visible, .community-weekly:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) a:focus-visible, .community-weekly-toggle:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  outline: 2px solid var(--primary);
  outline-offset: 3px;
}

.community-review-count:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-width: 18px;
  height: 18px;
  color: var(--primary);
  background: var(--accent);
  font-variant-numeric: tabular-nums;
  border-radius: 6px;
  place-items: center;
  padding-inline: 4px;
  font-size: 10px;
  display: inline-grid;
}

.community-gallery-sort:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--foreground);
  flex: none;
  margin-left: auto;
  position: relative;
}

.community-gallery-sort:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select {
  appearance: none;
  border: 1px solid var(--border);
  max-width: 180px;
  min-height: 36px;
  color: inherit;
  font: inherit;
  cursor: pointer;
  background: none;
  border-radius: 8px;
  padding: 0 29px 0 14px;
  font-size: 12px;
  display: block;
}

.community-gallery-sort:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select:hover {
  background: var(--muted);
}

.community-gallery-sort:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) option {
  background: var(--card);
  color: var(--foreground);
}

.community-gallery-sort:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg {
  pointer-events: none;
  position: absolute;
  top: 50%;
  right: 9px;
  transform: translateY(-50%);
}

.community-gallery-results:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-width: 0;
  margin-top: 18px;
}

.community-gallery-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  text-align: center;
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 300px;
  padding: 36px 24px;
  display: flex;
}

.community-weekly-region:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-width: 0;
  margin-top: 18px;
}

.community-weekly:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 10px;
  padding: 0 16px;
}

.community-weekly-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  align-items: center;
  gap: 9px;
  min-width: 0;
  min-height: 46px;
  display: flex;
}

.community-weekly-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg {
  color: var(--destructive);
  flex: none;
}

.community-weekly-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
  flex: none;
  margin: 0 18px 0 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
}

.community-weekly-preview:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex: 1;
  align-items: center;
  min-width: 0;
  display: flex;
}

.community-weekly-preview:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > a {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  color: var(--muted-foreground);
  flex: 1;
  padding-right: 24px;
  font-size: 13px;
  line-height: 1.7;
  text-decoration: none;
  display: block;
  overflow: hidden;
}

.community-weekly-preview:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > a + a {
  border-left: 1px solid var(--border);
  padding-left: 24px;
}

.community-weekly-preview:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > a:hover {
  color: var(--primary);
}

.community-weekly-toggle:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 44px;
  height: 44px;
  color: var(--muted-foreground);
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: -10px;
  display: inline-flex;
}

.community-weekly-toggle:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--foreground);
}

.community-weekly[data-expanded="true"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-weekly-toggle > svg {
  transform: rotate(90deg);
}

.community-weekly[data-expanded="true"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-weekly-preview {
  visibility: hidden;
}

.community-weekly-list:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-top: 1px solid var(--border);
  margin: 0;
  padding: 0;
  list-style: none;
}

.community-weekly-list[hidden]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  display: none;
}

.community-weekly-list:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > li + li {
  border-top: 1px solid var(--border);
}

.community-weekly-item:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-width: 0;
  color: var(--foreground);
  border-radius: 4px;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 0;
  text-decoration: none;
  display: flex;
}

.community-weekly-item:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h3 {
  color: var(--primary);
}

.community-weekly-rank:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  font-variant-numeric: tabular-nums;
  width: 18px;
  color: var(--muted-foreground);
  flex: none;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
}

.community-weekly-list:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > li:nth-child(-n+3) .community-weekly-rank {
  color: var(--primary);
}

.community-weekly-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex: 1;
  min-width: 0;
}

.community-weekly-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h3 {
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.6;
  overflow: hidden;
}

.community-weekly-meta:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-width: 0;
  color: var(--muted-foreground);
  align-items: center;
  gap: 10px;
  margin-top: 5px;
  font-size: 11px;
  line-height: 16px;
  display: flex;
}

.community-weekly-author:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.community-weekly-likes:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  font-variant-numeric: tabular-nums;
  flex: none;
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.community-weekly-meta:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg {
  flex: none;
}

.community-weekly-skeleton:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  align-items: flex-start;
  gap: 10px;
  padding: 14px 0;
  animation: 1.5s ease-in-out infinite community-pulse;
  display: flex;
}

.community-weekly-skeleton:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span {
  background: var(--muted);
  border-radius: 4px;
  width: 18px;
  height: 18px;
}

.community-weekly-skeleton:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div {
  flex: 1;
  padding-top: 2px;
}

.community-weekly-skeleton:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div > span, .community-weekly-preview-skeleton:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--muted);
  border-radius: 4px;
  width: min(460px, 85%);
  height: 12px;
  display: block;
}

.community-weekly-skeleton:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div > span + span {
  width: 40%;
  height: 9px;
  margin-top: 10px;
}

.community-weekly-preview-skeleton:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  animation: 1.5s ease-in-out infinite community-pulse;
}

@keyframes community-pulse {
  50% {
    opacity: .45;
  }
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 16px;
  gap: 20px;
  width: 100%;
  max-width: 760px;
  max-height: calc(100vh - 48px);max-height: calc(100dvh - 48px);
  padding: 24px;
  overflow-y: auto;
  box-shadow: 0 20px 70px rgba(0, 0, 0, .25);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog [data-slot="dialog-header"] {
  text-align: left;
  border: 0;
  margin: 0;
  padding: 0 44px 0 0;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog [data-slot="dialog-title"] {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.4;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-body {
  flex-direction: column;
  gap: 20px;
  min-width: 0;
  display: flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-grid {
  grid-template-columns: minmax(0, 1fr) 230px;
  align-items: stretch;
  gap: 20px;
  min-width: 0;
  display: grid;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-editor {
  background: var(--muted);
  border-radius: 10px;
  min-width: 0;
  min-height: 286px;
  display: flex;
  position: relative;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-editor:focus-within {
  outline: 1px solid var(--primary);
  outline-offset: 1px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-text {
  resize: none;
  border-radius: inherit;
  width: 100%;
  min-width: 0;
  min-height: 286px;
  color: var(--foreground);
  box-shadow: none;
  background: none;
  border: 0;
  outline: none;
  flex: 1;
  padding: 17px 16px 38px;
  font-size: 15px;
  line-height: 1.75;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-text:focus-visible {
  box-shadow: none;
  outline: none;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-count {
  color: var(--muted-foreground);
  font-variant-numeric: tabular-nums;
  pointer-events: none;
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  position: absolute;
  bottom: 12px;
  right: 14px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-media {
  border-left: 1px solid var(--border);
  min-width: 0;
  padding-left: 24px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-media-title {
  margin: 3px 0 4px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-media-options {
  flex-direction: column;
  gap: 0;
  display: flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-media-option {
  width: 100%;
  min-height: 72px;
  color: var(--foreground);
  text-align: left;
  background: none;
  border: 0;
  border-radius: 4px;
  grid-template-columns: 40px minmax(0, 1fr) 14px;
  align-items: center;
  gap: 10px;
  padding: 12px 0;
  display: grid;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-media-option + .community-compose-media-option {
  border-top: 1px solid var(--border);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-media-option:hover {
  color: var(--primary);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-media-option:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 3px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-media-icon {
  background: var(--muted);
  width: 40px;
  height: 40px;
  color: var(--muted-foreground);
  border-radius: 9px;
  place-items: center;
  display: grid;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-media-icon > svg {
  width: 22px;
  height: 22px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-media-copy {
  min-width: 0;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-media-copy > strong {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  display: block;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-media-copy > small {
  color: var(--muted-foreground);
  margin-top: 4px;
  font-size: 11px;
  line-height: 1.5;
  display: block;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-media-option > svg {
  width: 14px;
  height: 14px;
  color: var(--muted-foreground);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-media-hint {
  color: var(--muted-foreground);
  align-items: flex-start;
  gap: 7px;
  margin: 18px 0 0;
  font-size: 11px;
  line-height: 1.7;
  display: flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-media-hint > svg {
  flex: none;
  width: 14px;
  height: 14px;
  margin-top: 2px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-selected {
  min-width: 0;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-previews {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-previews > * {
  min-width: 0;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-selected-tip {
  color: var(--muted-foreground);
  margin: 9px 0 0;
  font-size: 11px;
  line-height: 1.65;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-remove {
  color: #fff;
  background: rgba(0, 0, 0, .7);
  border-radius: 50%;
  place-items: center;
  width: 28px;
  height: 28px;
  display: grid;
  position: absolute;
  top: 4px;
  right: 4px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-remove:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-video-preview {
  aspect-ratio: 16 / 10;
  border: 1px solid var(--border);
  background: var(--background);
  border-radius: 9px;
  width: 100%;
  max-width: 100%;
  max-height: 150px;
  position: relative;
  overflow: hidden;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-video-preview > video {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-visibility {
  border-top: 1px solid var(--border);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 14px;
  padding-top: 14px;
  display: flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-visibility > div {
  min-width: 0;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-visibility label {
  font-size: 12px;
  line-height: 1.5;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-visibility p {
  color: var(--muted-foreground);
  margin-top: 4px;
  font-size: 11px;
  line-height: 1.6;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-visibility [role="switch"] {
  flex: none;
  position: relative;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-bottom {
  border-top: 1px solid var(--border);
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding-top: 18px;
  display: flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-notice {
  min-width: 0;
  color: var(--muted-foreground);
  background: none;
  flex: 1;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 1.75;
  display: flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-notice > svg {
  flex: none;
  width: 18px;
  height: 18px;
  margin-top: 2px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-notice p {
  margin: 0;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-footer {
  flex: none;
  justify-content: flex-end;
  gap: 10px;
  margin: 0;
  padding: 0;
  display: flex;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-footer > button {
  border-radius: 10px;
  flex: none;
  min-width: 96px;
  min-height: 44px;
  padding-inline: 18px;
  font-size: 14px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-footer > button:first-child {
  border: 1px solid var(--border);
  color: var(--foreground);
  background: none;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-footer > button:last-child {
  background: var(--studio-gradient);
  min-width: 112px;
  color: var(--studio-on-gradient);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog [data-slot="dialog-close"] {
  background: var(--muted);
  border-radius: 9px;
  place-items: center;
  width: 40px;
  height: 40px;
  display: grid;
  top: 14px;
  right: 14px;
}

@media (max-width: 640px) {
  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog {
    gap: 18px;
    max-width: 100%;
    max-height: calc(100vh - 24px);max-height: calc(100dvh - 24px);
    padding: 20px 18px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog [data-slot="dialog-title"] {
    font-size: 21px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-body {
    gap: 18px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-editor, .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-text {
    min-height: 190px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-text {
    padding: 14px 14px 36px;
    font-size: 16px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-media {
    border-left: 0;
    padding: 0;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-media-title {
    margin-top: 0;
    margin-bottom: 6px;
    font-size: 16px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-media-option {
    grid-template-columns: 40px minmax(0, 1fr) 16px;
    gap: 12px;
    min-height: 64px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-media-hint {
    margin-top: 10px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-previews {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: 280px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-remove {
    width: 44px;
    height: 44px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-video-preview {
    aspect-ratio: 16 / 9;
    max-width: 280px;
    max-height: 160px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-visibility [role="switch"]:before {
    content: "";
    position: absolute;
    inset: -12px -6px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-bottom {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    padding-top: 16px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-notice {
    font-size: 11px;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-footer {
    width: 100%;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog .community-compose-footer > button {
    flex: 1;
    min-width: 0;
  }

  .studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-compose-host .community-compose-dialog [data-slot="dialog-close"] {
    width: 44px;
    height: 44px;
    top: 10px;
    right: 10px;
  }
}

@media (max-width: 767px) {
  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-page.page-frame {
    padding-top: 20px;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-page-header {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 6px 12px;
    margin-bottom: 12px;
    display: grid;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-page-heading, .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-page-heading > div {
    display: contents;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-page-header h1 {
    letter-spacing: -.5px;
    overflow-wrap: anywhere;
    grid-area: 1 / 1;
    font-size: 24px;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-page-header p {
    grid-area: 2 / 1;
    margin: 0;
    font-size: 12px;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-page-actions {
    grid-area: 1 / 2 / 3;
    width: auto;
    margin-left: 0;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-page-actions .community-publish {
    background: var(--primary);
    width: 40px;
    height: 40px;
    min-height: 40px;
    color: var(--primary-foreground);
    border-radius: 10px;
    padding: 0;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-page-actions .community-publish:hover {
    background: var(--studio-primary-hover);
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-publish > svg {
    width: 19px;
    height: 19px;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-publish-label {
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-my-posts {
    display: none;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-feed-toolbar {
    border-bottom: 0;
    column-gap: 12px;
    min-height: 40px;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-tabs {
    column-gap: 22px;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-tabs > button, .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-mobile-my-posts {
    max-width: 100%;
    min-height: 40px;
    color: var(--muted-foreground);
    white-space: normal;
    overflow-wrap: anywhere;
    align-items: center;
    gap: 6px;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    text-decoration: none;
    display: inline-flex;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-tabs > button {
    font-size: 16px;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-tabs > button > svg {
    display: none;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-tabs > button[aria-pressed="true"] {
    color: var(--primary);
    font-weight: 600;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-tabs > button[aria-pressed="true"]:after {
    border-radius: 999px;
    width: 32px;
    height: 3px;
    bottom: 0;
    left: 0;
    right: auto;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-mobile-my-posts:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: 3px;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-sort {
    max-width: 100%;
    color: var(--muted-foreground);
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-sort select {
    background: none;
    border: 0;
    border-radius: 0;
    max-width: 100%;
    min-height: 40px;
    padding: 0 20px 0 0;
    font-size: 13px;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-sort > svg {
    width: 12px;
    height: 12px;
    right: 0;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-results {
    margin-top: 24px;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-weekly-region {
    margin-top: 8px;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-weekly {
    background: var(--studio-raised);
    border: 0;
    border-radius: 10px;
    padding-inline: 12px;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-weekly-heading {
    gap: 8px;
    min-height: 38px;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-weekly-heading > svg {
    width: 18px;
    height: 18px;
    color: var(--destructive);
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-weekly-heading h2 {
    border-right: 1px solid var(--border);
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 45%;
    margin-right: 0;
    padding-right: 10px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    overflow: hidden;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-weekly-preview > a {
    padding-right: 0;
    font-size: 12px;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-weekly-preview > a + a {
    display: none;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-weekly-toggle {
    width: 24px;
    height: 38px;
    margin-right: -4px;
  }
}

@media (max-width: 399px) {
  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-tabs {
    column-gap: 18px;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-feed-toolbar {
    column-gap: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .community-weekly-skeleton:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .community-weekly-preview-skeleton:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    animation: none;
  }
}

.community-gallery-feed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  min-width: 0;
  display: flex;
}

.community-gallery-column:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-direction: column;
  flex: 1 1 0;
  gap: 16px;
  min-width: 0;
  display: flex;
}

.community-gallery-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  background: var(--card);
  width: 100%;
  min-width: 0;
  color: var(--foreground);
  cursor: pointer;
  border-radius: 12px;
  outline: none;
  transition: border-color .18s;
  display: block;
  overflow: hidden;
}

.community-gallery-card:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color:var(--primary);border-color: color-mix(in srgb,var(--primary) 42%,var(--border));
}

.community-gallery-card:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  outline: 2px solid var(--primary);
  outline-offset: 3px;
}

.community-gallery-card__layout:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
  height: auto;
  padding: 12px;
  display: grid;
}

.community-gallery-card__author:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-area: 1 / 1;
  align-items: center;
  gap: 10px;
  min-width: 0;
  margin-bottom: 12px;
  display: flex;
}

.community-gallery-card__author:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > button {
  width: 32px;
  height: 32px;
}

.community-gallery-card__author:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div:nth-child(2) {
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  display: flex;
}

.community-gallery-card__author:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div:nth-child(2) > div {
  min-width: 0;
}

.community-gallery-card__author:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) time {
  white-space: nowrap;
  margin: 0;
  font-size: 11px;
  line-height: 1.4;
}

.community-gallery-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__follow {
  min-height: 32px;
  color: var(--primary);
  white-space: nowrap;
  background: none;
  border: 0;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0 4px;
  font-size: 12px;
  font-weight: 500;
  transition: color .18s;
  display: inline-flex;
}

.community-gallery-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__follow[aria-pressed="true"] {
  color: var(--muted-foreground);
}

.community-gallery-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__follow:hover {
  color: var(--foreground);
  background: none;
}

.community-gallery-card__follow:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  opacity: .6;
  cursor: wait;
}

.community-gallery-card__body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  display: contents;
}

.community-gallery-card__title:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  -webkit-line-clamp: 2;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  grid-area: 2 / 1;
  min-width: 0;
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
}

.community-gallery-card__title--content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  -webkit-line-clamp: 3;
  white-space: pre-wrap;
  font-size: 15px;
  font-weight: 450;
  line-height: 1.65;
}

.community-gallery-card__content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  -webkit-line-clamp: 2;
  min-width: 0;
  color: var(--muted-foreground);
  overflow-wrap: anywhere;
  white-space: pre-wrap;
  -webkit-box-orient: vertical;
  grid-area: 3 / 1;
  align-self: start;
  margin: 3px 0 0;
  font-size: 14px;
  line-height: 1.65;
  display: -webkit-box;
  overflow: hidden;
}

.community-gallery-card__media:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--muted);
  border-radius: 9px;
  grid-area: 4 / 1;
  align-self: start;
  width: 100%;
  height: auto;
  min-height: 0;
  margin-top: 10px;
  position: relative;
  overflow: hidden;
}

.community-gallery-card__media:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: auto;
  max-height: 520px;
  display: block;
}

.community-gallery-card__media:has(.community-gallery-card__placeholder):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  aspect-ratio: 3 / 4;
}

.community-gallery-card__placeholder:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background:var(--muted);background: color-mix(in srgb,var(--muted) 72%,var(--card));
  color: var(--muted-foreground);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 16px;
  display: flex;
  position: absolute;
  inset: 0;
}

.community-gallery-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__lock-icon {
  width: 36px;
  height: 36px;
}

.community-gallery-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__lock-icon svg {
  width: 17px;
  height: 17px;
}

.community-gallery-card__lock-label:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  text-align: center;
  overflow-wrap: anywhere;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}

.community-gallery-card__video:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.community-gallery-card__video:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.community-gallery-card__play:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  z-index: 2;
  color: #fff;
  background: rgba(0, 0, 0, .55);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 11px;
  position: relative;
}

.community-gallery-card__stats:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-width: 0;
  color: var(--muted-foreground);
  font-variant-numeric: tabular-nums;
  grid-area: 5 / 1;
  align-self: end;
  align-items: center;
  gap: 14px;
  margin-top: 10px;
  font-size: 12px;
  display: flex;
}

.community-gallery-card__stats:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > button {
  gap: 7px;
  min-width: 36px;
  min-height: 32px;
}

.community-gallery-card__stats:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span {
  order: 3;
  gap: 6px;
  margin-left: auto;
}

.community-gallery-card__stats:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
  width: 18px;
  height: 18px;
}

.community-gallery-card__stats:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span svg {
  width: 14px;
  height: 14px;
}

.community-gallery-card--text:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__title {
  -webkit-line-clamp: 3;
}

.community-gallery-card--text:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__title--content {
  -webkit-line-clamp: 9;
  font-size: 15px;
  line-height: 1.8;
}

.community-gallery-card--text:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__content {
  -webkit-line-clamp: 7;
  margin-top: 12px;
  font-size: 15px;
  line-height: 1.8;
}

.community-gallery-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 3px;
}

.community-gallery-card--skeleton:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  cursor: default;
  grid-template-rows: 36px 16px 14px auto 32px;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 10px;
  padding: 16px;
  display: grid;
}

.community-gallery-card--skeleton:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before, .community-gallery-card--skeleton:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
  content: "";
  background: var(--muted);
  border-radius: 5px;
  grid-column: 1;
  align-self: center;
}

.community-gallery-card--skeleton:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
  grid-row: 1;
  width: 156px;
  height: 28px;
}

.community-gallery-card--skeleton:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
  grid-row: 5;
  width: 112px;
  height: 12px;
}

.community-gallery-skeleton-media:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  aspect-ratio: 3 / 4;
  background: var(--muted);
  border-radius: 9px;
  grid-area: 4 / 1;
  width: 100%;
}

.community-gallery-skeleton-media[data-ratio="1"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  aspect-ratio: 1;
}

.community-gallery-skeleton-media[data-ratio="2"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  aspect-ratio: 4 / 5;
}

.community-gallery-skeleton-media[data-ratio="3"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  aspect-ratio: 16 / 10;
}

.community-gallery-skeleton-line:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--muted);
  border-radius: 5px;
  grid-area: 2 / 1;
  width: 85%;
  height: 14px;
}

.community-gallery-skeleton-line--short:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-row: 3;
  width: 65%;
}

.community-gallery-feed--loading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  animation: 1.5s ease-in-out infinite community-gallery-pulse;
}

@keyframes community-gallery-pulse {
  50% {
    opacity: .55;
  }
}

@media (max-width: 767px) {
  .community-gallery-feed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .community-gallery-column:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 10px;
  }

  .community-gallery-card__author:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 8px;
  }

  .community-gallery-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__follow {
    min-height: 32px;
    padding-inline: 2px;
  }

  .community-gallery-card__media:has(.community-gallery-card__placeholder):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    aspect-ratio: 3 / 4;
  }

  .community-gallery-card__stats:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 10px;
    margin-top: 6px;
  }

  .community-gallery-card--text:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__title--content {
    -webkit-line-clamp: 8;
  }

  .community-gallery-card--text:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__content {
    -webkit-line-clamp: 6;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-feed {
    flex-direction: column;
    gap: 20px;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-column {
    flex: none;
    gap: 20px;
    width: 100%;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card {
    border: 0;
    border-bottom: 1px solid var(--border);
    background: none;
    border-radius: 0;
    overflow: visible;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__layout {
    padding: 0;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__author {
    gap: 10px;
    min-height: 40px;
    margin-bottom: 12px;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__avatar {
    width: 40px;
    height: 40px;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__author .community-gallery-card__identity {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 2px 8px;
    display: grid;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__name-row {
    display: contents;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__name {
    grid-area: 1 / 1 / auto / -1;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__time {
    color: var(--muted-foreground);
    grid-area: 2 / 1;
    font-size: 11px;
    line-height: 18px;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__badges {
    grid-area: 2 / 2;
    min-width: 0;
    display: inline-flex;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__badges > span {
    min-width: 0;
    max-width: 100%;
  }

  .community-gallery-page .community-gallery-card__badges .starlight-badge {
    border-radius: 5px !important;
    height: 18px !important;
    padding-inline: 5px !important;
    font-size: 11px !important;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__badges .starlight-badge {
    border-color: var(--muted-foreground);
    background: none;
    max-width: 100%;
    font-weight: 400;
    line-height: 16px;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__badges .starlight-badge > img {
    display: none;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__badges .starlight-badge > span {
    text-overflow: ellipsis;
    min-width: 0;
    overflow: hidden;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__author-actions {
    gap: 4px;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card .community-gallery-card__follow {
    border: 1px solid var(--primary);
    border-radius: 999px;
    min-width: 68px;
    min-height: 28px;
    padding: 0 10px;
    font-size: 13px;
    font-weight: 500;
    position: relative;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__follow:after {
    content: "";
    position: absolute;
    inset: -8px -4px;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card .community-gallery-card__follow[aria-pressed="true"] {
    border-color: var(--border);
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__follow-plus {
    flex: none;
    width: 14px;
    height: 14px;
    display: block;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__follow-desktop-icon {
    display: none;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__title {
    font-size: 15px;
    line-height: 1.5;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__title--content {
    -webkit-line-clamp: 3;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__content {
    color: var(--foreground);
    margin-top: 4px;
    font-size: 14px;
    line-height: 1.6;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card--text .community-gallery-card__title--content {
    -webkit-line-clamp: 8;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card--text .community-gallery-card__content {
    -webkit-line-clamp: 6;
  }

  :is(.community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__media, .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__media:has(.community-gallery-card__placeholder)) {
    aspect-ratio: 16 / 9;
    border-radius: 12px;
    margin-top: 12px;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__media > img {
    height: 100%;
    max-height: none;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__play, .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__poster-play {
    color: #fff;
    background: rgba(0, 0, 0, .55);
    border-radius: 50%;
    width: 44px;
    height: 44px;
    padding: 12px;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__poster-play {
    pointer-events: none;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__stats {
    gap: 28px;
    min-height: 44px;
    margin-top: 6px;
    font-size: 13px;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__stats > button {
    gap: 7px;
    min-height: 44px;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__stats svg {
    width: 18px;
    height: 18px;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card--skeleton {
    grid-template-rows: 40px 16px 14px auto 44px;
    padding: 0 0 12px;
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-skeleton-media, .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-skeleton-media[data-ratio] {
    aspect-ratio: 16 / 9;
    border-radius: 12px;
  }
}

@media (max-width: 359px) {
  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__author--with-menu .community-gallery-card__identity {
    grid-template-columns: minmax(0, 1fr);
  }

  .community-gallery-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-gallery-card__author--with-menu .community-gallery-card__badges {
    grid-area: 3 / 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .community-gallery-feed--loading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    animation: none;
  }

  .community-gallery-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .community-gallery-card__follow:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .community-gallery-card__media:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) img {
    transition: none;
  }
}

.community-comments:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-width: 0;
  color: var(--foreground);
}

.community-comments.community-comments-inline:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: none;
  border: 0;
  flex-direction: column;
  width: 100%;
  max-width: 960px;
  margin-inline: auto;
  display: flex;
  overflow: visible;
}

.community-comments-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-bottom: 1px solid var(--border);
  flex-shrink: 0;
  padding: 0 0 20px;
}

.community-comments-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
  color: var(--foreground);
  letter-spacing: -.02em;
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5;
}

.community-comments-body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-width: 0;
  padding-block: 24px;
}

.community-comments-state:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: 160px;
  color: var(--muted-foreground);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 32px 16px;
  font-size: 14px;
  line-height: 22px;
  display: flex;
}

.community-comments-state:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
  margin: 0;
}

.community-comments-load-more:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 100%;
  min-height: 44px;
  color: var(--primary);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  padding: 10px 16px;
  font-size: 13px;
  line-height: 20px;
  display: flex;
}

.community-comments-load-more:hover:not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--studio-raised);
}

.community-comments-load-more:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  cursor: wait;
  opacity: .6;
}

.community-comment-list:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.community-comment-thread:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-bottom: 1px solid var(--border);
  min-width: 0;
  padding-block: 24px;
}

.community-comment-thread:first-child:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding-top: 0;
}

.community-comment-thread:last-child:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-bottom: 0;
  padding-bottom: 0;
}

.community-comment-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: 40px minmax(0, 1fr) 44px;
  align-items: start;
  column-gap: 16px;
  min-width: 0;
  display: grid;
}

.community-comment-avatar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--muted);
  border-radius: 50%;
  place-items: center;
  width: 40px;
  height: 40px;
  display: grid;
  overflow: hidden;
}

.community-comment-avatar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.community-comment-main:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-width: 0;
  max-width: 720px;
}

.community-comment-author:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 12px;
  min-width: 0;
  line-height: 24px;
  display: flex;
}

.community-comment-name:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-width: 0;
  color: var(--foreground);
  overflow-wrap: anywhere;
  font-size: 16px;
  font-weight: 600;
}

.community-comment-reply-context:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  overflow-wrap: anywhere;
  font-size: 13px;
  line-height: 20px;
}

.community-comment-reply-context:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
  color: var(--primary);
  margin-inline-start: 4px;
  font-weight: 500;
}

.community-comment-text:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--foreground);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  margin: 6px 0 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.community-comment-meta:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  font-size: 13px;
  line-height: 20px;
  display: flex;
}

.community-comment-reply:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: 28px;
  color: inherit;
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 4px;
  align-items: center;
  padding: 0 4px;
  display: inline-flex;
}

.community-comment-reply:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--primary);
}

.community-comment-like:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-width: 36px;
  min-height: 40px;
  color: var(--muted-foreground);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 5px;
  flex-direction: column;
  justify-content: flex-start;
  justify-self: end;
  align-items: center;
  gap: 4px;
  padding: 4px 0;
  font-size: 12px;
  line-height: 18px;
  display: inline-flex;
}

.community-comment-like:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}

.community-comment-like:hover:not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .community-comment-like[aria-pressed="true"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--primary);
}

.community-comment-like:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  cursor: default;
  opacity: .55;
}

.community-comment-replies:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  background: var(--studio-raised);
  border-radius: 12px;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
  margin: 16px 0 0 56px;
  padding: 16px;
  display: flex;
}

.community-comment-row--reply:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: 28px minmax(0, 1fr) 44px;
  column-gap: 12px;
}

.community-comment-row--reply:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-comment-avatar {
  width: 28px;
  height: 28px;
}

.community-comment-row--reply:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-comment-name {
  font-size: 14px;
}

.community-comment-row--reply:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-comment-text {
  margin-top: 4px;
  font-size: 15px;
  line-height: 24px;
}

.community-comment-row--reply:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-comment-meta {
  margin-top: 6px;
}

.community-comment-composer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-shrink: 0;
  min-width: 0;
  margin-left: 56px;
  padding: 8px 0 24px;
}

.community-comment-replying:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: 32px;
  color: var(--muted-foreground);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
  font-size: 13px;
  line-height: 20px;
  display: flex;
}

.community-comment-replying:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span {
  overflow-wrap: anywhere;
  min-width: 0;
}

.community-comment-replying:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
  color: var(--primary);
  margin-inline-start: 4px;
  font-weight: 600;
}

.community-comment-cancel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: 32px;
  color: var(--muted-foreground);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 4px;
  flex-shrink: 0;
  align-items: center;
  gap: 5px;
  padding: 0 4px;
  display: inline-flex;
}

.community-comment-cancel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
  width: 14px;
  height: 14px;
}

.community-comment-cancel:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--foreground);
}

.community-comment-field:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  background: var(--studio-raised);
  border-radius: 12px;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  min-width: 0;
  min-height: 162px;
  padding: 16px;
  transition: border-color .15s;
  display: flex;
}

.community-comment-field:focus-within:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--studio-border-accent);
}

.community-comment-field:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-comment-input {
  resize: vertical;
  width: 100%;
  min-width: 0;
  height: 64px;
  min-height: 64px;
  max-height: 240px;
  color: var(--foreground);
  font: inherit;
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  outline: none;
  flex: 1;
  margin: 0;
  padding: 0;
  font-size: 15px;
  line-height: 24px;
  display: block;
}

.community-comment-field:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-comment-input:focus, .community-comment-field:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-comment-input:focus-visible {
  box-shadow: none;
  border: 0;
  outline: none;
}

.community-comment-input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::placeholder {
  color: var(--muted-foreground);
  opacity: .8;
}

.community-comment-input:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  cursor: wait;
  opacity: .65;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-comment-field [data-slot="button"].community-comment-send {
  background: var(--primary);
  width: 86px;
  min-width: 86px;
  height: 38px;
  min-height: 38px;
  color: var(--primary-foreground);
  box-shadow: none;
  border: 0;
  border-radius: 8px;
  align-self: flex-end;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 600;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-comment-field [data-slot="button"].community-comment-send:hover:not(:disabled) {
  background: var(--studio-primary-hover);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-comment-field [data-slot="button"].community-comment-send:disabled {
  opacity: .5;
  cursor: not-allowed;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-comment-field [data-slot="button"].community-comment-send[aria-busy="true"] {
  cursor: wait;
}

.community-comments:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(button, textarea):focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 3px;
}

.community-comments-sheet[data-slot="sheet-content"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--card);
  gap: 0;
  width: min(960px, 100vw - 64px);
  max-width: min(960px, 100vw - 64px);
  padding: 0;
  overflow: hidden;
  box-shadow: -12px 0 48px rgba(0, 0, 0, .24);
}

.community-comments-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-comments-header {
  padding: 24px 32px 20px;
}

.community-comments-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-comments-close {
  border-radius: 50%;
  place-items: center;
  width: 40px;
  height: 40px;
  display: grid;
}

.community-comments-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-comments-body {
  overscroll-behavior: contain;
  flex: 1;
  min-height: 0;
  padding: 24px 32px;
  overflow-y: auto;
}

.community-comments-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-comment-composer {
  padding: 16px 32px max(24px,env(safe-area-inset-bottom, 0px)) 88px;
  border-top: 1px solid var(--border);
  background: var(--card);
  margin: 0;
}

.community-comments-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-comment-field {
  gap: 8px;
  min-height: 140px;
  padding: 12px 16px;
}

.community-comments-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-comment-input {
  height: 68px;
  min-height: 68px;
}

@media (max-width: 767px) {
  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-page--with-comments[data-studio-page] {
    flex-direction: column;
    min-height: 100%;
    padding-bottom: 0;
    display: flex;
  }

  .community-detail-page--with-comments:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-comments {
    flex-direction: column;
    flex: 1 0 auto;
    display: flex;
  }

  .community-comments.community-comments-inline:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --community-comments-page-gutter: 16px;
    flex: 1 0 auto;
  }

  .community-comments-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: 16px;
  }

  .community-comments-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
    font-size: 18px;
    line-height: 28px;
  }

  .community-comments-body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-block: 20px;
  }

  .community-comments-inline:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-comments-body {
    flex: 1 0 auto;
  }

  .community-comment-thread:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-block: 20px;
  }

  .community-comment-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: 32px minmax(0, 1fr) 36px;
    column-gap: 10px;
  }

  .community-comment-avatar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 32px;
    height: 32px;
  }

  .community-comment-author:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 2px 8px;
    line-height: 20px;
  }

  .community-comment-name:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 13px;
  }

  .community-comment-text:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: 4px;
    font-size: 14px;
    line-height: 22px;
  }

  .community-comment-meta:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 6px;
    margin-top: 6px;
    font-size: 11px;
    line-height: 18px;
  }

  .community-comment-reply:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 32px;
    font-size: 12px;
  }

  .community-comment-like:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 4px;
    min-width: 32px;
    font-size: 11px;
  }

  .community-comment-replies:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 16px;
    margin: 12px 0 0 42px;
    padding: 10px;
  }

  .community-comment-row--reply:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: 24px minmax(0, 1fr) 32px;
    gap: 0 8px;
  }

  .community-comment-row--reply:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-comment-avatar {
    grid-area: 1 / 1;
    width: 24px;
    height: 24px;
  }

  .community-comment-row--reply:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-comment-main {
    display: contents;
  }

  .community-comment-row--reply:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-comment-author {
    flex-direction: column;
    grid-area: 1 / 2;
    align-items: flex-start;
    gap: 0;
  }

  .community-comment-row--reply:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-comment-name {
    font-size: 13px;
  }

  .community-comment-row--reply:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-comment-reply-context {
    font-size: 11px;
    line-height: 18px;
    display: block;
  }

  .community-comment-row--reply:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-comment-text {
    grid-area: 2 / 1 / auto / -1;
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px;
  }

  .community-comment-row--reply:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-comment-meta {
    grid-area: 3 / 1 / auto / -1;
    margin-top: 4px;
  }

  .community-comment-row--reply:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-comment-like {
    grid-area: 1 / 3;
  }

  .community-comment-composer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-top: 1px solid var(--border);
    background: var(--background);
    margin-left: 0;
    padding: 12px 16px;
  }

  .community-comments-inline:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-comment-composer {
    z-index: 20;
    margin-inline: calc(-1 * var(--community-comments-page-gutter));
    padding-inline: var(--community-comments-page-gutter);
    position: sticky;
    bottom: 0;
  }

  .community-comment-replying:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: 6px;
    font-size: 12px;
  }

  .community-comment-cancel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    justify-content: center;
    min-width: 32px;
    min-height: 32px;
  }

  .community-comment-cancel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
    width: 18px;
    height: 18px;
  }

  .community-comment-cancel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span {
    display: none;
  }

  .community-comment-field:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    flex-direction: row;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    padding: 6px 6px 6px 12px;
  }

  .community-comment-field:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-comment-input {
    resize: none;
    flex: 1 1 0;
    height: 34px;
    min-height: 34px;
    max-height: 34px;
    padding-block: 6px;
    font-size: 16px;
    line-height: 22px;
    overflow-y: auto;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-comment-field [data-slot="button"].community-comment-send {
    flex-shrink: 0;
    align-self: center;
    width: 64px;
    min-width: 64px;
    height: 34px;
    min-height: 34px;
    padding-inline: 12px;
    font-size: 13px;
  }

  .community-comments-sheet[data-slot="sheet-content"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 18px 18px 0 0;
    width: 100%;
    max-width: 100%;
    height: 82vh;height: 82dvh;
    max-height: 82vh;max-height: 82dvh;
  }

  .community-comments-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-comments-header {
    padding: 16px 16px 12px;
  }

  .community-comments-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-comments-body {
    padding: 20px 16px;
  }

  .community-comments-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-comment-composer {
    padding: 12px 16px max(12px,env(safe-area-inset-bottom, 0px));
  }

  .community-comments-sheet:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-comment-field {
    gap: 10px;
    min-height: 48px;
    padding: 6px 6px 6px 12px;
  }
}

@media (min-width: 640px) and (max-width: 767px) {
  .community-comments.community-comments-inline:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --community-comments-page-gutter: 24px;
  }
}

.community-own-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-page-header {
  align-items: center;
}

.community-own-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-own-filter-bar {
  background: var(--background);
}

.community-own-filters:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  gap: 10px;
}

.community-own-filters:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > button {
  min-height: 48px;
}

.community-own-posts:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 18px;
  margin-top: 16px;
  display: grid;
}

.community-own-posts:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-own-post {
  border: 1px solid var(--border);
  min-width: 0;
  box-shadow: none;
  border-radius: 14px;
  padding: 20px;
}

.community-own-images:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: 100%;
}

.community-own-image--single:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  aspect-ratio: 16 / 10;
  width: 100%;
}

.community-own-image:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-radius: 10px;
}

.community-own-video:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-radius: 10px;
  max-width: 100%;
}

.community-own-video:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) video {
  aspect-ratio: 4 / 3;
}

.community-own-metrics:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-wrap: wrap;
  gap: 14px;
}

.community-own-delete:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-width: 36px;
  min-height: 36px;
}

@media (max-width: 767px) {
  .community-reading-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > button {
    min-height: 44px;
  }

  .community-own-posts:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .community-own-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-page-header {
    flex-direction: row;
    justify-content: space-between;
    gap: 12px;
  }

  .community-own-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-page-header h1 {
    font-size: 24px;
  }

  .community-own-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-page-actions {
    flex-shrink: 0;
    width: auto;
    margin: 0;
  }

  .community-own-posts:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-own-post {
    padding: 16px;
  }

  .community-own-delete:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 44px;
    min-height: 44px;
  }

  .community-own-filters:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 0;
    padding-inline: 0;
  }
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-navigation {
  min-height: 40px;
  color: var(--muted-foreground);
  align-items: center;
  gap: 20px;
  margin-bottom: 24px;
  font-size: 13px;
  display: flex;
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-navigation button {
  min-height: 40px;
  color: var(--primary);
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 8px;
  padding: 0;
  display: inline-flex;
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-navigation > span {
  border-left: 1px solid var(--border);
  padding-left: 20px;
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-layout {
  grid-template: "media heading"
                 "media content" 1fr
                 / minmax(0, 1.65fr) minmax(0, 1fr);
  align-items: start;
  gap: 20px 32px;
  min-width: 0;
  display: grid;
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-heading {
  grid-area: heading;
  min-width: 0;
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-media {
  flex-direction: column;
  grid-area: media;
  gap: 20px;
  min-width: 0;
  display: flex;
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-content {
  grid-area: content;
  min-width: 0;
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-author {
  align-items: center;
  gap: 12px;
  padding: 0;
  display: flex;
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-avatar {
  background: var(--muted);
  cursor: pointer;
  border: 0;
  border-radius: 50%;
  flex: none;
  width: 44px;
  height: 44px;
  padding: 0;
  overflow: hidden;
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-author-copy {
  min-width: 0;
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-author-name {
  flex-wrap: wrap;
  align-items: center;
  gap: 5px 8px;
  min-width: 0;
  display: flex;
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-author-name > button {
  max-width: 100%;
  color: var(--foreground);
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  overflow: hidden;
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-author-name > button:hover {
  color: var(--primary);
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-author time {
  color: var(--muted-foreground);
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.5;
  display: block;
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-title {
  color: var(--foreground);
  letter-spacing: -.025em;
  overflow-wrap: anywhere;
  margin: 18px 0 0;
  font-size: 24px;
  font-weight: 650;
  line-height: 1.5;
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-body {
  max-width: 68ch;
  color: var(--foreground);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  margin: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.85;
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-photo-set {
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-image-stage, .community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-video-stage {
  background: var(--studio-surface-subtle);
  border: 0;
  border-radius: 12px;
  width: 100%;
  padding: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-video-stage {
  aspect-ratio: 16 / 9;
  place-items: center;
  max-height: 560px;
  display: grid;
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-image-stage {
  cursor: zoom-in;
  height: auto;
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-image-stage > img {
  object-fit: contain;
  width: 100%;
  height: auto;
  display: block;
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-video-stage > video {
  object-fit: contain;
  width: 100%;
  height: 100%;
  max-height: 560px;
  display: block;
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-thumbnails {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
  display: flex;
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-thumbnails > button {
  border: 1px solid var(--border);
  background: var(--muted);
  cursor: zoom-in;
  border-radius: 8px;
  flex: none;
  width: 112px;
  height: 64px;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-thumbnails img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-thumbnails > button:hover {
  border-color: var(--primary);
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-thumbnails > button > span {
  color: #fff;
  background: rgba(0, 0, 0, .5);
  place-items: center;
  font-size: 18px;
  display: grid;
  position: absolute;
  inset: 0;
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-media-placeholder {
  aspect-ratio: 16 / 9;
  background: var(--studio-raised);
  width: 100%;
  color: var(--muted-foreground);
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  font-size: 13px;
  display: flex;
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-play {
  color: #fff;
  cursor: pointer;
  background: rgba(0, 0, 0, .6);
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 50%;
  place-items: center;
  width: 48px;
  height: 48px;
  display: grid;
  position: absolute;
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-play svg {
  fill: currentColor;
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-access {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
  display: flex;
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-access > button {
  background: var(--studio-gradient);
  max-width: 100%;
  min-height: 40px;
  color: var(--studio-on-gradient);
  cursor: pointer;
  border: 0;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  padding: 9px 14px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
  display: inline-flex;
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-access > button:disabled {
  cursor: wait;
  opacity: .6;
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-actions {
  border-top: 1px solid var(--border);
  color: var(--muted-foreground);
  align-items: center;
  gap: 24px;
  margin-top: 24px;
  padding: 12px 0 0;
  font-size: 13px;
  display: flex;
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-actions > button {
  min-height: 36px;
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 7px;
  padding: 0;
  display: inline-flex;
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-actions > button:hover:not(:disabled) {
  color: var(--foreground);
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-actions > button[aria-pressed="true"] {
  color: var(--studio-danger);
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-actions > button:disabled {
  cursor: default;
  opacity: .5;
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-views {
  align-items: center;
  gap: 7px;
  margin-left: auto;
  display: inline-flex;
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-comments {
  background: none;
  border: 0;
  border-radius: 0;
  width: 100%;
  min-width: 0;
  margin-top: 28px;
  overflow: visible;
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(button, a, input):focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 3px;
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-layout--text {
  display: block;
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-layout--text .community-detail-content {
  margin-top: 20px;
}

.community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-layout--text .community-detail-actions {
  max-width: 760px;
}

@media (max-width: 1023px) {
  .community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-layout {
    grid-template: "heading"
                   "media"
                   "content"
                   / minmax(0, 1fr);
    row-gap: 18px;
  }

  .community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-title {
    margin-top: 14px;
  }

  .community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-comments {
    margin-top: 24px;
  }
}

@media (min-width: 1024px) {
  .community-detail-page--with-comments:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template: "nav nav"
                   "media heading"
                   "media content" minmax(auto, 1fr)
                   "comments ."
                   / minmax(0, 1.65fr) minmax(0, 1fr);
    align-items: start;
    gap: 20px 32px;
    display: grid;
  }

  .community-detail-page--with-comments:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-navigation {
    grid-area: nav;
    margin-bottom: 4px;
  }

  .community-detail-page--with-comments:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-layout {
    display: contents;
  }

  .community-detail-page--with-comments:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-layout--text {
    grid-column: 1 / -1;
    display: block;
  }

  .community-detail-page--with-comments:has(.community-detail-layout--text):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-areas: "nav nav"
                         "post post"
                         "comments comments";
  }

  .community-detail-page--with-comments:has(.community-detail-layout--text):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-layout--text {
    grid-area: post;
  }

  .community-detail-page--with-comments:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-comments {
    grid-area: comments;
    width: auto;
    margin-top: 8px;
  }

  .community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-comments.community-comments-inline {
    max-width: none;
    margin-inline: 0;
  }

  .community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-comment-composer {
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-page[data-studio-page] {
    padding-top: 12px;
  }

  .community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-navigation {
    gap: 14px;
    min-height: 32px;
    margin-bottom: 8px;
    font-size: 12px;
  }

  .community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-navigation button {
    min-height: 32px;
  }

  .community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-navigation > span {
    display: none;
  }

  .community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-avatar {
    width: 38px;
    height: 38px;
  }

  .community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-author {
    gap: 10px;
  }

  .community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-author-name > button {
    font-size: 14px;
  }

  .community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-author time {
    margin-top: 2px;
  }

  .community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-title {
    font-size: 22px;
    line-height: 1.5;
  }

  .community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-body {
    font-size: 15px;
    line-height: 1.8;
  }

  .community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-thumbnails {
    gap: 8px;
    margin-top: 8px;
  }

  .community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-thumbnails > button {
    width: 96px;
    height: 56px;
  }

  .community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-actions {
    gap: 22px;
    margin-top: 18px;
    padding-top: 10px;
  }

  .community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-actions > button, .community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-access > button {
    min-height: 44px;
  }

  .community-detail-page:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .community-detail-comments {
    margin-top: 20px;
  }
}

.group-photo-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --group-gap: 20px;
}

.group-workspace-columns:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  gap: var(--group-gap);
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  display: grid;
}

.group-creator:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .group-results:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 18px;
  min-width: 0;
  padding: 20px;
}

.group-mode-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  background: var(--background);
  border-radius: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  margin-bottom: 18px;
  padding: 4px;
  display: grid;
}

.group-mode-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  min-height: 44px;
  color: var(--muted-foreground);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 8px;
  font-size: 15px;
  font-weight: 600;
  display: flex;
}

.group-mode-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button[aria-pressed="true"] {
  background: var(--studio-gradient);
  color: #fff;
  box-shadow: 0 3px 14px rgba(110, 68, 190, .15);
}

.group-form-section:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-width: 0;
  margin-bottom: 16px;
}

.group-section-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 12px;
  display: flex;
}

.group-section-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2, .group-form-section:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(h3, h4) {
  color: var(--foreground);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}

.group-section-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span {
  color: var(--muted-foreground);
  font-size: 12px;
}

.group-upload-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.group-upload-slot:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .group-add-person:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  aspect-ratio: 3 / 4;
  border: 1px dashed var(--input);
  background: var(--background);
  border-radius: 10px;
  min-width: 0;
  position: relative;
  overflow: hidden;
}

.group-upload-slot[data-active="true"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-style: solid;
  border-color: var(--primary);
  box-shadow: 0 0 0 1px rgba(195, 123, 229, .15);
}

.group-upload-pick:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 100%;
  height: 100%;
  color: var(--muted-foreground);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 9px;
  font-size: 12px;
  display: flex;
}

.group-upload-pick:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.group-upload-pick:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg, .group-add-person:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg {
  color: var(--primary);
}

.group-upload-remove:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #fff;
  background: rgba(10, 9, 13, .7);
  border: 1px solid rgba(255, 255, 255, .19);
  border-radius: 50%;
  place-items: center;
  width: 26px;
  height: 26px;
  display: grid;
  position: absolute;
  top: 7px;
  right: 7px;
}

.group-upload-caption:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #fff;
  pointer-events: none;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(10, 9, 13, .9));
  justify-content: space-between;
  align-items: center;
  min-height: 35px;
  padding: 5px 8px;
  font-size: 12px;
  display: flex;
  position: absolute;
  inset: auto 0 0;
}

.group-upload-caption:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  pointer-events: auto;
  place-items: center;
  width: 26px;
  height: 26px;
  display: grid;
}

.group-add-person:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  display: flex;
}

.group-upload-status:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--primary);
  pointer-events: none;
  background: rgba(10, 9, 13, .8);
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 8px;
  font-size: 12px;
  display: flex;
  position: absolute;
  inset: 0;
}

.group-upload-status.is-error:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--studio-danger);
  inset: auto 0 32px;
}

.group-upload-grid.is-many:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.group-media-sources:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-top: 10px;
}

.group-media-sources:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .media-source-bar {
  margin-top: 0;
}

.group-field-hint:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  margin-top: 9px;
  font-size: 11px;
  line-height: 1.6;
}

.group-creative-settings:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  display: block;
}

.group-creator:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(.group-action-settings, .group-background-settings, .group-image-options) button:not([role]) {
  border-radius: 8px;
  min-height: 34px;
  font-size: 12px;
}

.group-creator:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(.group-action-settings, .group-background-settings, .group-image-options) button[aria-pressed] {
  border: 1px solid var(--border);
  background: var(--muted);
  color: var(--muted-foreground);
  box-shadow: none;
}

.group-creator:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(.group-action-settings, .group-background-settings, .group-image-options) button[aria-pressed="true"] {
  border-color: var(--primary);
  background: var(--accent);
  color: var(--primary);
}

.group-creator:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(input:not([type="file"]), textarea) {
  border-radius: 8px;
  min-height: 38px;
}

.group-action-settings:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [role="tablist"] {
  border: 1px solid var(--border);
  background: var(--background);
  border-radius: 9px;
  height: auto;
  min-height: 36px;
  padding: 3px;
}

.group-action-settings:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [role="tab"] {
  min-height: 30px;
  font-size: 12px;
}

.group-action-settings:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [role="tab"][data-state="active"] {
  background: var(--accent);
  color: var(--primary);
}

.group-image-options:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  gap: 12px;
  display: grid;
}

.group-image-options:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div {
  grid-template-columns: 65px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  margin: 0;
  display: grid;
}

.group-image-options:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(h3, h4) {
  margin: 0;
}

.group-image-options:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
  grid-column: 2;
  margin: 0;
}

.group-aspect-controls:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  gap: 6px;
  display: flex;
}

.group-aspect-controls:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > button {
  flex: 1;
  min-width: 0;
  padding: 5px 4px;
}

.group-photo-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-more-select {
  border-color: var(--border);
  background: var(--muted);
  border-radius: 8px;
  gap: 5px;
  width: auto;
  min-height: 34px;
  padding: 6px 10px;
  font-size: 12px;
}

.group-aspect-controls:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .group-more-select {
  min-width: 67px;
}

.group-image-options:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
  font-size: 11px;
  line-height: 1.6;
}

.group-video-options:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-direction: column;
  gap: 14px;
  display: flex;
}

.group-video-options:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div {
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
}

.group-video-options:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [role="combobox"] {
  background: var(--background);
  border-color: var(--input);
  min-height: 40px;
}

.group-resolution-buttons:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-wrap: wrap;
  gap: 4px;
  display: flex;
}

.group-resolution-buttons:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  border: 1px solid var(--border);
  background: var(--background);
  min-height: 40px;
  color: var(--muted-foreground);
  border-radius: 7px;
  flex: 1;
  padding: 4px;
  font-size: 12px;
}

.group-resolution-buttons:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button[aria-pressed="true"] {
  color: var(--primary);
  background: var(--accent);
  border-color: var(--primary);
}

.group-share-setting:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 8px 0;
  display: flex;
}

.group-notice:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-top: 1px solid var(--border);
  color: var(--muted-foreground);
  padding-top: 12px;
}

.group-notice:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > summary {
  cursor: pointer;
  align-items: center;
  gap: 7px;
  min-height: 30px;
  margin-bottom: 0;
  font-size: 12px;
  display: flex;
}

.group-notice:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > summary > svg:last-child {
  margin-left: auto;
  transition: transform .15s;
}

.group-notice[open]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > summary > svg:last-child {
  transform: rotate(180deg);
}

.group-notice:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div {
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.7;
}

.group-billing:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-top: 1px solid var(--border);
  margin-top: 14px;
  padding-top: 16px;
}

.group-submit:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-top: 14px;
}

.group-submit-meta:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  text-align: center;
}

.group-price-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.group-price-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span {
  align-items: center;
  gap: 5px;
  display: flex;
}

.group-price-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) img {
  width: 18px;
  height: 18px;
}

.group-price-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
  color: var(--foreground);
  font-size: 20px;
  line-height: 1;
}

.group-price-details:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  position: relative;
}

.group-price-details:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) summary {
  cursor: pointer;
  align-items: center;
  gap: 3px;
  display: flex;
}

.group-price-details:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div {
  z-index: 10;
  border: 1px solid var(--input);
  background: var(--popover);
  width: 270px;
  max-width: calc(100vw - 64px);
  box-shadow: var(--studio-shadow);
  border-radius: 10px;
  padding: 14px;
  font-size: 12px;
  line-height: 1.7;
  position: absolute;
  bottom: calc(100% + 12px);
  right: 0;
}

.group-price-details:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p + p {
  margin-top: 6px;
}

.group-photo-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-generate-button {
  background: var(--studio-gradient);
  color: #fff;
  width: 100%;
  min-height: 48px;
  box-shadow: var(--studio-glow-shadow);
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  font-size: 15px;
  font-weight: 600;
  display: flex;
}

.group-generate-button:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  opacity: .5;
  cursor: not-allowed;
  box-shadow: none;
}

.group-submit-hint:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  text-align: center;
  color: var(--muted-foreground);
  margin-top: 8px;
  font-size: 11px;
  line-height: 1.5;
}

.group-results:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  scroll-margin-top: 20px;
}

.group-results-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  display: flex;
}

.group-results-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
  align-items: center;
  gap: 9px;
  font-size: 18px;
  font-weight: 600;
  display: flex;
}

.group-results-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 svg {
  width: 22px;
  color: var(--primary);
}

.group-results-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > button {
  color: var(--primary);
  align-items: center;
  gap: 4px;
  padding: 6px 0;
  font-size: 12px;
  display: flex;
}

.group-results-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  background: var(--background);
  border-radius: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 3px;
  margin-bottom: 18px;
  padding: 3px;
  display: grid;
}

.group-results-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  min-height: 38px;
  color: var(--muted-foreground);
  white-space: nowrap;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 5px 2px;
  font-size: 13px;
  display: flex;
}

.group-results-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button[aria-pressed="true"] {
  color: #fff;
  background: var(--studio-gradient);
}

.group-results-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button span {
  font-variant-numeric: tabular-nums;
  font-size: 11px;
}

.group-results-count-note:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  margin: -9px 0 14px;
  font-size: 11px;
}

.group-results-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.group-result-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  background: var(--background);
  border-radius: 11px;
  min-width: 0;
  overflow: hidden;
}

.group-result-media:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .group-result-pending:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  aspect-ratio: 3 / 4;
  background: var(--muted);
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.group-result-media:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(img, video) {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.group-result-play:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #fff;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background: rgba(10, 9, 13, .533);
  border: 1px solid rgba(255, 255, 255, .5);
  border-radius: 50%;
  place-items: center;
  width: 42px;
  height: 42px;
  display: grid;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.group-result-play:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
  width: 18px;
  height: 18px;
}

.group-result-duration:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #fff;
  font-variant-numeric: tabular-nums;
  background: rgba(10, 9, 13, .8);
  border-radius: 4px;
  padding: 2px 5px;
  font-size: 11px;
  position: absolute;
  bottom: 7px;
  right: 7px;
}

.group-result-pending:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  text-align: center;
  background: linear-gradient(145deg,var(--muted),var(--background));
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 16px;
}

.group-result-pending:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg {
  width: 30px;
  height: 30px;
  color: var(--primary);
}

.group-result-pending:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
  color: var(--foreground);
  font-size: 13px;
  font-weight: 500;
}

.group-result-pending:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
  color: var(--muted-foreground);
  font-size: 11px;
  line-height: 1.6;
}

.group-result-card.is-failed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-result-pending > svg {
  color: var(--studio-danger);
}

.group-result-footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: 79px;
  padding: 10px 9px;
}

.group-result-caption:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 5px;
  font-size: 11px;
  display: flex;
}

.group-result-caption:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span {
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.group-result-caption:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span:first-child {
  color: var(--muted-foreground);
}

.group-result-status:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--studio-success);
}

.is-processing:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-result-status {
  color: var(--primary);
}

.is-failed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-result-status {
  color: var(--studio-danger);
}

.group-result-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  margin-top: 9px;
  display: grid;
}

.group-result-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  border: 1px solid var(--border);
  min-height: 28px;
  color: var(--muted-foreground);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 3px;
  font-size: 11px;
  display: flex;
}

.group-result-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:first-child {
  color: var(--primary);
}

.group-results-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  text-align: center;
  min-height: 360px;
  color: var(--muted-foreground);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 14px;
  padding: 40px 20px;
  font-size: 13px;
  display: flex;
}

.group-results-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg {
  width: 36px;
  height: 36px;
  color: var(--primary);
}

.group-results-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
  color: var(--foreground);
  font-size: 15px;
  font-weight: 500;
}

.group-results-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
  max-width: 32ch;
  font-size: 12px;
  line-height: 1.7;
}

.group-results-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button, .group-results-load:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  min-height: 36px;
  color: var(--primary);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  padding: 8px 18px;
  font-size: 12px;
  display: flex;
}

.group-results-load:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin: 20px auto 0;
}

.group-latest-result:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-top: 1px solid var(--border);
  margin-top: 18px;
  padding-top: 16px;
}

.group-latest-result:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > summary {
  cursor: pointer;
  color: var(--primary);
  padding-bottom: 10px;
  font-size: 13px;
}

.group-result-dialog:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--card);
  width: min(900px, 100vw - 32px);
  max-width: 900px;
  max-height: calc(100vh - 32px);max-height: calc(100dvh - 32px);
  overflow-y: auto;
}

.group-result-dialog:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :is(img, video) {
  object-fit: contain;
  background: #000;
  border-radius: 8px;
  width: 100%;
  max-height: 65vh;max-height: 65dvh;
  display: block;
}

.group-preview-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: center;
  gap: 10px;
  display: flex;
}

.group-preview-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  border: 1px solid var(--border);
  min-height: 40px;
  color: var(--primary);
  border-radius: 8px;
  align-items: center;
  gap: 7px;
  padding: 8px 16px;
  font-size: 13px;
  display: flex;
}

.group-photo-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:not(:disabled), .group-result-dialog:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:not(:disabled) {
  cursor: pointer;
}

.group-photo-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:disabled {
  cursor: not-allowed;
}

.group-photo-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(button, summary, input, textarea):focus-visible, .group-result-dialog:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 3px;
}

@media (hover: hover) {
  .group-photo-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:not(:disabled):hover {
    filter: brightness(1.12);
  }

  .group-add-person:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .group-result-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:hover {
    border-color: var(--primary);
  }

  .group-generate-button:not(:disabled):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background: var(--studio-gradient-hover);
  }
}

@media (min-width: 1100px) {
  .group-workspace-columns:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: minmax(350px, .8fr) minmax(0, 1.2fr);
  }

  .group-results:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 680px;
  }
}

@media (min-width: 1600px) {
  .group-creator:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .group-results:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 24px;
  }

  .group-results-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 16px;
  }
}

@media (max-width: 767px) {
  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-photo-workspace[data-studio-page] {
    padding-bottom: 190px;
  }

  .group-creator:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .group-results:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 14px;
    padding: 14px;
  }

  .group-photo-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    --group-gap: 16px;
  }

  .group-mode-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: 18px;
  }

  .group-upload-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 8px;
  }

  .group-upload-grid.is-many:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .group-results-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .group-results-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
    gap: 2px;
    font-size: 12px;
  }

  .group-results-tabs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button span {
    font-size: 10px;
  }

  .group-results-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
    font-size: 16px;
  }

  .group-results-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 260px;
  }

  .group-submit:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    z-index: 40;
    left: 0;
    right: 0;
    bottom: calc(56px + env(safe-area-inset-bottom, 0px));
    border-top: 1px solid var(--border);
    background: var(--card);
    margin: 0;
    padding: 10px 16px;
    position: fixed;
    box-shadow: 0 -10px 30px rgba(0, 0, 0, .267);
  }

  .group-price-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: 8px;
  }

  .group-price-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
    font-size: 18px;
  }

  .group-generate-button:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 42px;
  }

  .group-submit-hint:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .group-photo-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) *, .group-photo-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :before {
    scroll-behavior: auto;
    transition: none;
    animation-duration: 0s;
  }
}

.group-action-catalog:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-direction: column;
  gap: 14px;
  display: flex;
}

.group-action-catalog-head:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: flex-end;
  display: flex;
}

.group-action-custom:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  height: 36px;
  color: var(--foreground);
  background: none;
  border-radius: 11px;
  padding: 0 14px;
}

.group-action-filters:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.group-action-filters:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  height: 30px;
  color: var(--muted-foreground);
  background: none;
  border: 0;
  border-radius: 999px;
  padding: 0 10px;
}

.group-action-filters:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button[aria-selected="true"] {
  background: var(--accent);
  color: var(--primary);
}

.group-action-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  text-align: center;
  color: var(--muted-foreground);
  padding: 48px 16px;
}

.group-action-retry:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  min-height: 40px;
  color: var(--primary);
  border-radius: 9px;
  margin-top: 12px;
  padding: 7px 16px;
}

.group-works-link:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--primary);
  margin-top: 8px;
  font-size: 13px;
  display: inline-flex;
}

.group-make-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}

.group-make-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-page-heading {
  min-width: 0;
}

.group-photo-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-make-heading h1 {
  letter-spacing: -.5px;
  overflow-wrap: anywhere;
  font-size: 28px;
  line-height: 1.35;
}

.group-make-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-back {
  flex-shrink: 0;
}

.group-change-template:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: 40px;
  color: var(--primary);
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 5px 0 5px 8px;
  font-size: 13px;
  display: inline-flex;
}

.group-template-preview:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 16px;
  min-width: 0;
  margin: 0;
  padding: 16px;
  position: relative;
  overflow: hidden;
}

.group-template-preview-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  font-size: 15px;
  font-weight: 600;
  display: flex;
}

.group-template-preview-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span {
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: inline-flex;
}

.group-template-preview-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
  width: 20px;
  height: 20px;
  color: var(--primary);
  flex-shrink: 0;
}

.group-template-preview-meta:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  font-size: 12px;
  font-weight: 400;
}

.group-template-preview-media:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  aspect-ratio: 16 / 9;
  background: var(--background);
  border-radius: 10px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.group-template-preview-media:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > img, .group-template-preview-video:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.group-template-preview-label:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  z-index: 3;
  background: var(--studio-overlay);
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border-radius: 7px;
  max-width: calc(100% - 24px);
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.5;
  position: absolute;
  bottom: 12px;
  left: 12px;
  overflow: hidden;
}

.group-template-preview-fallback:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 100%;
  height: 100%;
  color: var(--muted-foreground);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 24px;
  font-size: 13px;
  display: flex;
}

.group-template-preview-fallback:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
  width: 32px;
  height: 32px;
  color: var(--primary);
}

.group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-upload-grid[data-count="2"] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-upload-slot {
  aspect-ratio: 6 / 5;
  border-radius: 12px;
}

.group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-upload-pick > img {
  object-position: top;
}

.group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-upload-grid.is-many .group-upload-slot {
  aspect-ratio: 3 / 4;
}

.group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-section-heading h2 {
  font-size: 16px;
}

.group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-upload-pick {
  font-size: 14px;
}

.group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-field-hint {
  font-size: 12px;
}

.group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-materials {
  margin-bottom: 18px;
}

.group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-media-sources {
  margin-top: 14px;
}

.group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .media-source-bar-btn {
  min-height: 36px;
  padding: 7px 10px;
}

.group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-share-setting {
  border-top: 1px solid var(--border);
  padding: 14px 0;
}

.group-photo-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-share-setting .image-studio-plaza-share-copy {
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  display: flex;
}

.group-photo-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-share-setting .image-studio-plaza-share-title {
  color: var(--foreground);
  font-size: 14px;
  line-height: 1.5;
}

.group-photo-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-share-setting .image-studio-plaza-share-description {
  color: var(--muted-foreground);
  font-size: 12px;
  line-height: 1.5;
}

.group-photo-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-share-setting > button {
  flex-shrink: 0;
}

.group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-notice {
  padding-top: 10px;
}

.group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-notice > summary {
  min-height: 34px;
  font-size: 13px;
}

.group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-results-tabs {
  border: 0;
  border-bottom: 1px solid var(--border);
  background: none;
  border-radius: 0;
  gap: 0;
  margin-bottom: 16px;
  padding: 0;
}

.group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-results-tabs button {
  background: none;
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  border-radius: 0;
  min-height: 42px;
  margin-bottom: -1px;
}

.group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-results-tabs button[aria-pressed="true"] {
  border-bottom-color: var(--primary);
  color: var(--primary);
  background: none;
}

.group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-results-empty {
  gap: 12px;
  min-height: 100px;
  padding: 20px 16px;
}

@media (min-width: 1100px) {
  .group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-workspace-columns {
    grid-template: "preview creator"
                   "results creator" 1fr
                   / minmax(0, 1.3fr) minmax(340px, 1fr);
  }

  .group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-template-preview {
    grid-area: preview;
  }

  .group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-creator {
    grid-area: creator;
    align-self: stretch;
    padding: 22px;
  }

  .group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-results {
    grid-area: results;
    min-height: 240px;
  }
}

@media (max-width: 767px) {
  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-photo-workspace[data-group-entry="template"] {
    padding-top: 8px;
    padding-inline: 12px;
    padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px));
  }

  .group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-workspace-columns {
    gap: 10px;
  }

  .group-make-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
  }

  .group-make-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-page-heading {
    gap: 10px;
  }

  .group-photo-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-make-heading h1 {
    letter-spacing: 0;
    font-size: 19px;
    line-height: 1.4;
  }

  .group-make-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-back {
    border-radius: 10px;
    width: 34px;
    height: 34px;
  }

  .group-make-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-page-actions {
    width: auto;
    margin-left: auto;
  }

  .group-change-template:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 36px;
    padding-left: 0;
    font-size: 12px;
  }

  .group-change-template:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
    width: 14px;
  }

  .group-template-preview:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 12px;
    padding: 0;
  }

  .group-template-preview-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    z-index: 3;
    background: var(--studio-overlay);
    color: #fff;
    pointer-events: none;
    border-radius: 6px;
    margin: 0;
    padding: 4px 8px;
    font-size: 12px;
    line-height: 1.5;
    position: absolute;
    top: 10px;
    left: 10px;
  }

  .group-template-preview-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span {
    gap: 5px;
  }

  .group-template-preview-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
    width: 15px;
    height: 15px;
  }

  .group-template-preview-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-template-preview-meta {
    display: none;
  }

  .group-template-preview-media:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    aspect-ratio: 2;
    border-radius: 0;
  }

  .group-template-preview-label:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 12px;
    bottom: 10px;
    left: 10px;
  }

  .group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-creator {
    padding: 12px;
  }

  .group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-section-heading {
    margin-bottom: 8px;
  }

  .group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-section-heading h2 {
    font-size: 14px;
  }

  .group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-upload-slot {
    aspect-ratio: 2;
    border-radius: 10px;
  }

  .group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-upload-grid[data-filled="true"] .group-upload-slot {
    aspect-ratio: 1;
  }

  .group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-upload-pick {
    gap: 7px;
    font-size: 12px;
  }

  .group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-media-sources {
    margin-top: 8px;
  }

  .group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .media-source-bar-btn {
    min-height: 32px;
    padding: 6px 9px;
  }

  .group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-field-hint {
    margin-top: 6px;
    font-size: 11px;
  }

  .group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-materials {
    margin-bottom: 8px;
  }

  .group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-share-setting {
    padding: 8px 0;
  }

  .group-photo-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-share-setting .image-studio-plaza-share-title {
    font-size: 13px;
  }

  .group-photo-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-share-setting .image-studio-plaza-share-description {
    font-size: 11px;
  }

  .group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-notice {
    padding-top: 0;
  }

  .group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-notice > summary {
    min-height: 30px;
    font-size: 12px;
  }

  .group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-billing {
    margin-top: 6px;
    padding-top: 10px;
  }

  .group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-price-row {
    margin: 0;
  }

  .group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-price-details {
    display: contents;
  }

  .group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-price-details > div {
    width: 100%;
    max-width: none;
    box-shadow: none;
    margin-top: 8px;
    padding: 12px;
    position: static;
  }

  .group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-submit {
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
    background: var(--background);
    box-shadow: none;
    bottom: 0;
  }

  .group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-generate-button {
    min-height: 48px;
  }

  .group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-submit-meta {
    display: none;
  }

  .group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-results {
    border-radius: 12px;
    padding: 12px;
  }

  .group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-results-heading {
    margin-bottom: 4px;
  }

  .group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-results-tabs {
    margin-bottom: 8px;
  }

  .group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-results-tabs button {
    min-height: 36px;
  }

  .group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-results-empty {
    flex-direction: row;
    gap: 8px;
    min-height: 42px;
    padding: 8px 4px;
  }

  .group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-results-empty > strong + p {
    display: none;
  }

  .group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-results-empty > svg {
    width: 26px;
    height: 26px;
  }

  .group-photo-workspace[data-group-entry="template"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-results-empty strong {
    font-size: 13px;
  }
}

.group-photo-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-mobile-catalog-header {
  --tc-ink: var(--foreground);
  display: none;
}

@media (max-width: 767px) {
  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-photo-workspace[data-group-entry="catalog"], html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-photo-workspace[data-group-entry="custom"] {
    padding-top: 8px;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-photo-workspace[data-group-entry="catalog"] {
    padding-bottom: 96px;
  }

  .group-photo-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-mobile-catalog-header {
    margin-bottom: 8px;
    display: flex;
  }

  .group-photo-workspace[data-group-entry="custom"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-tool-mobile-header {
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    padding-top: 0;
  }

  .group-photo-workspace:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-tool-mobile-header .studio-back {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
  }

  .group-mobile-catalog:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 0;
  }

  .group-catalog-modes:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border: 1px solid var(--input);
    background: var(--card);
    border-radius: 11px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3px;
    padding: 2px;
    display: grid;
  }

  .group-catalog-modes:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > button {
    min-width: 0;
    min-height: 34px;
    color: var(--muted-foreground);
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    display: flex;
  }

  .group-catalog-modes:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > button > svg {
    width: 16px;
    height: 16px;
  }

  .group-catalog-modes:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > button[aria-pressed="true"] {
    background: var(--studio-gradient);
    color: #fff;
  }

  .group-catalog-people:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 6px;
    margin: 10px 0;
    display: flex;
  }

  .group-catalog-people:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > button {
    border: 1px solid var(--input);
    background: var(--card);
    min-height: 28px;
    color: var(--muted-foreground);
    border-radius: 999px;
    padding: 3px 13px;
    font-size: 12px;
    line-height: 18px;
  }

  .group-catalog-people:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > button[aria-pressed="true"] {
    background: var(--studio-gradient);
    color: #fff;
    border-color: rgba(0, 0, 0, 0);
  }

  .group-catalog-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    display: grid;
  }

  .group-catalog-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border: 1px solid var(--border);
    background: var(--card);
    border-radius: 12px;
    flex-direction: column;
    min-width: 0;
    display: flex;
    overflow: hidden;
  }

  .group-catalog-cover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    aspect-ratio: 1;
    background: var(--muted);
    position: relative;
    overflow: hidden;
  }

  .group-catalog-image:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .group-catalog-video:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    place-items: center;
    width: 100%;
    height: 100%;
    display: grid;
    position: relative;
  }

  .group-catalog-image:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > img {
    object-fit: cover;
    object-position: top;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
  }

  .group-catalog-image:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > img[hidden] {
    display: none;
  }

  .group-catalog-cover-fallback:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--muted-foreground);
  }

  .group-catalog-badge:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    z-index: 3;
    color: #fff;
    pointer-events: none;
    background: rgba(10, 9, 13, .7);
    border-radius: 999px;
    padding: 3px 9px;
    font-size: 11px;
    line-height: 1.5;
    position: absolute;
    top: 8px;
    left: 8px;
  }

  .group-catalog-card-body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    flex-direction: column;
    flex: 1;
    gap: 6px;
    padding: 8px;
    display: flex;
  }

  .group-catalog-card-body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > h2 {
    -webkit-line-clamp: 2;
    min-height: 18px;
    color: var(--foreground);
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    display: -webkit-box;
    overflow: hidden;
  }

  .group-catalog-use:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background: var(--studio-gradient);
    color: #fff;
    border-radius: 7px;
    width: 100%;
    min-height: 28px;
    margin-top: auto;
    padding: 4px 6px;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
  }

  .group-mobile-catalog:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-action-empty {
    justify-content: center;
    align-items: center;
    gap: 8px;
    display: flex;
  }

  .group-mobile-catalog:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
    cursor: pointer;
    touch-action: manipulation;
  }
}

.studio-template-image-trigger:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-radius: inherit;
  cursor: zoom-in;
  background: none;
  border: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.studio-template-image-trigger:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.studio-template-image-trigger:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  cursor: default;
}

.studio-template-image-trigger:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  outline: 2px solid var(--ring);
  outline-offset: -4px;
}

.studio-template-expand:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  z-index: 4;
  color: #fff;
  white-space: nowrap;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: rgba(0, 0, 0, .65);
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 7px 10px;
  font-size: 12px;
  line-height: 18px;
  display: inline-flex;
  position: absolute;
  top: 10px;
  right: 10px;
}

span.studio-template-expand:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  pointer-events: none;
}

button.studio-template-expand:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  cursor: zoom-in;
  min-height: 40px;
}

button.studio-template-expand:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  opacity: .5;
  cursor: default;
}

.studio-template-expand:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .studio-template-lightbox-close:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  outline-offset: 3px;
  outline: 2px solid #fff;
}

.studio-template-image-unavailable:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 100%;
  height: 100%;
  color: var(--muted-foreground);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 16px;
  font-size: 13px;
  display: flex;
}

[data-slot="dialog-content"].studio-template-lightbox-container:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding: 8px;
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-slot="dialog-content"] > .studio-template-lightbox {
  background: #0b0a10;
  border: 0;
  border-radius: 12px;
  gap: 0;
  width: auto;
  max-width: min(100vw - 16px, 1200px);
  max-height: calc(100vh - 16px);max-height: calc(100dvh - 16px);
  margin: 0;
  padding: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .45);
}

.studio-template-lightbox-frame:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: center;
  align-items: center;
  max-width: min(100vw - 16px, 1200px);
  max-height: calc(100vh - 16px);max-height: calc(100dvh - 16px);
  display: flex;
  position: relative;
}

.studio-template-lightbox:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) img, .studio-template-lightbox:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) video {
  object-fit: contain;
  width: auto;
  max-width: min(100vw - 16px, 1200px);
  height: auto;
  max-height: calc(100vh - 16px);max-height: calc(100dvh - 16px);
  display: block;
}

.studio-template-lightbox:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) video {
  width: min(100vw - 16px, 1100px);
}

.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-template-lightbox-close {
  z-index: 2;
  color: #fff;
  cursor: pointer;
  background: rgba(0, 0, 0, .65);
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: 50%;
  place-items: center;
  width: 40px;
  height: 40px;
  display: grid;
  position: absolute;
  top: 8px;
  right: 8px;
}

@media (hover: hover) {
  button.studio-template-expand:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .studio-template-lightbox-close:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background: rgba(0, 0, 0, .85);
  }
}

@media (max-width: 767px) {
  .studio-template-expand:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 0;
    width: 28px;
    height: 28px;
    min-height: 28px;
    padding: 0;
    top: 8px;
    right: 8px;
  }

  .studio-template-expand:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span {
    display: none;
  }

  button.studio-template-expand:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 28px;
    min-height: 28px;
    padding: 0;
  }
}

html:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), html.light:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), html.dark:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --background: #0a090d;
  --foreground: #f8f3fb;
  --card: #141116;
  --card-foreground: var(--foreground);
  --popover: #1b1420;
  --popover-foreground: var(--foreground);
  --primary: #c37be5;
  --primary-foreground: #190e21;
  --secondary: #1b1420;
  --secondary-foreground: #e4d6ed;
  --muted: #1b1420;
  --muted-foreground: #b9a8c2;
  --accent: #261934;
  --accent-foreground: var(--primary);
  --border: #33283e;
  --input: #493650;
  --ring: var(--primary);
  --destructive: #ff8799;
  --sidebar: #110e12;
  --sidebar-foreground: var(--foreground);
  --sidebar-border: #2a2026;
  --sidebar-primary: var(--primary);
  --sidebar-primary-foreground: var(--primary-foreground);
  --sidebar-accent: var(--accent);
  --sidebar-accent-foreground: var(--primary);
  --sidebar-ring: var(--ring);
  --studio-ink: var(--primary);
  --studio-soft: #261934;
  --studio-raised: #1b1420;
  --studio-surface-subtle: #100d13;
  --studio-border-accent: #8155a0;
  --studio-primary-hover: #d8a7f5;
  --studio-brand-start: #6e44be;
  --studio-brand-middle: #8d40b5;
  --studio-brand-end: #ad3dad;
  --studio-on-gradient: #fff;
  --studio-gradient: linear-gradient(105deg, #6e44be, #ad3dad);
  --studio-gradient-hover: linear-gradient(105deg, #7c50cc, #b84ab8);
  --studio-display-gradient: linear-gradient(105deg, #c37be5, #e4a8e4);
  --studio-soft-gradient: linear-gradient(105deg, #261934, #2a1727);
  --studio-hero-gradient: radial-gradient(ellipse at 64% 85%, rgba(124, 63, 162, .29), transparent 70%), linear-gradient(115deg, #1b1328, #211528 45%, #2a1727);
  --studio-glow-shadow: 0 8px 22px rgba(110, 68, 190, .16);
  --studio-shadow: 0 16px 48px rgba(0, 0, 0, .333);
  --studio-overlay: rgba(10, 9, 13, .8);
  --studio-profile-art-mask: linear-gradient(90deg, rgba(20, 17, 22, .96) 0%, rgba(20, 17, 22, .85) 35%, rgba(20, 17, 22, .28) 60%, rgba(20, 17, 22, 0) 82%);
  --studio-success: #86d6a0;
  --studio-success-soft: #14261d;
  --studio-warning: #f4cc78;
  --studio-warning-soft: #2b2114;
  --studio-danger: #ff9aab;
  --studio-danger-soft: #301922;
  --chart-1: #c37be5;
  --chart-2: #86d6a0;
  --chart-3: #f4cc78;
  --chart-4: #ad3dad;
  --chart-5: #ff9aab;
}

html:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), html.dark:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) body, html.dark:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #root, html.dark:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-rk] {
  background-color: var(--background);
  color: var(--foreground);
}

:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::selection {
  color: #fff;
  background: #6e44be;
}

input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), textarea:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  caret-color: var(--primary);
}

input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::placeholder, textarea:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::placeholder {
  color: var(--muted-foreground);
  opacity: .8;
}

input:-webkit-autofill:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  -webkit-text-fill-color: var(--foreground);
  box-shadow: 0 0 0 1000px var(--card) inset;
}

html:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --color-slate-50: #f8f3fb;
  --color-slate-100: #eee5f2;
  --color-slate-200: #dfd0e6;
  --color-slate-300: #cdbbd6;
  --color-slate-400: #b9a8c2;
  --color-slate-500: #9b879f;
  --color-slate-600: #796482;
  --color-slate-700: #493650;
  --color-slate-800: #33283e;
  --color-slate-900: #1b1420;
  --color-slate-950: #0a090d;
  --color-gray-50: var(--color-slate-50);
  --color-gray-100: var(--color-slate-100);
  --color-gray-200: var(--color-slate-200);
  --color-gray-300: var(--color-slate-300);
  --color-gray-400: var(--color-slate-400);
  --color-gray-500: var(--color-slate-500);
  --color-gray-600: var(--color-slate-600);
  --color-gray-700: var(--color-slate-700);
  --color-gray-800: var(--color-slate-800);
  --color-gray-900: var(--color-slate-900);
  --color-gray-950: var(--color-slate-950);
  --color-zinc-50: var(--color-slate-50);
  --color-zinc-100: var(--color-slate-100);
  --color-zinc-200: var(--color-slate-200);
  --color-zinc-300: var(--color-slate-300);
  --color-zinc-400: var(--color-slate-400);
  --color-zinc-500: var(--color-slate-500);
  --color-zinc-600: var(--color-slate-600);
  --color-zinc-700: var(--color-slate-700);
  --color-zinc-800: var(--color-slate-800);
  --color-zinc-900: var(--color-slate-900);
  --color-zinc-950: var(--color-slate-950);
  --color-blue-50: #faf2ff;
  --color-blue-100: #f1dff9;
  --color-blue-200: #e6c8f2;
  --color-blue-300: #d8a7ed;
  --color-blue-400: #c98ae6;
  --color-blue-500: #ad65d6;
  --color-blue-600: #8b48bc;
  --color-blue-700: #6e44be;
  --color-blue-800: #533068;
  --color-blue-900: #38203f;
  --color-blue-950: #1d1224;
  --color-indigo-50: #faf2ff;
  --color-indigo-100: #f1dff9;
  --color-indigo-200: #e6c8f2;
  --color-indigo-300: #d8a7ed;
  --color-indigo-400: #c98ae6;
  --color-indigo-500: #ad65d6;
  --color-indigo-600: #8b48bc;
  --color-indigo-700: #6e44be;
  --color-indigo-800: #533068;
  --color-indigo-900: #38203f;
  --color-indigo-950: #1d1224;
  --color-violet-50: #faf2ff;
  --color-violet-100: #f1dff9;
  --color-violet-200: #e6c8f2;
  --color-violet-300: #d8a7ed;
  --color-violet-400: #c98ae6;
  --color-violet-500: #ad65d6;
  --color-violet-600: #8b48bc;
  --color-violet-700: #6e44be;
  --color-violet-800: #533068;
  --color-violet-900: #38203f;
  --color-violet-950: #1d1224;
  --color-purple-50: #faf2ff;
  --color-purple-100: #f1dff9;
  --color-purple-200: #e6c8f2;
  --color-purple-300: #d8a7ed;
  --color-purple-400: #c98ae6;
  --color-purple-500: #ad65d6;
  --color-purple-600: #8b48bc;
  --color-purple-700: #6e44be;
  --color-purple-800: #533068;
  --color-purple-900: #38203f;
  --color-purple-950: #1d1224;
  --color-fuchsia-50: #faf2ff;
  --color-fuchsia-100: #f1dff9;
  --color-fuchsia-200: #e6c8f2;
  --color-fuchsia-300: #d8a7ed;
  --color-fuchsia-400: #c98ae6;
  --color-fuchsia-500: #ad65d6;
  --color-fuchsia-600: #8b48bc;
  --color-fuchsia-700: #6e44be;
  --color-fuchsia-800: #533068;
  --color-fuchsia-900: #38203f;
  --color-fuchsia-950: #1d1224;
  --color-pink-50: #faf2ff;
  --color-pink-100: #f1dff9;
  --color-pink-200: #e6c8f2;
  --color-pink-300: #d8a7ed;
  --color-pink-400: #c98ae6;
  --color-pink-500: #ad65d6;
  --color-pink-600: #8b48bc;
  --color-pink-700: #6e44be;
  --color-pink-800: #533068;
  --color-pink-900: #38203f;
  --color-pink-950: #1d1224;
  --color-sky-50: #faf2ff;
  --color-sky-100: #f1dff9;
  --color-sky-200: #e6c8f2;
  --color-sky-300: #d8a7ed;
  --color-sky-400: #c98ae6;
  --color-sky-500: #ad65d6;
  --color-sky-600: #8b48bc;
  --color-sky-700: #6e44be;
  --color-sky-800: #533068;
  --color-sky-900: #38203f;
  --color-sky-950: #1d1224;
  --color-cyan-50: #faf2ff;
  --color-cyan-100: #f1dff9;
  --color-cyan-200: #e6c8f2;
  --color-cyan-300: #d8a7ed;
  --color-cyan-400: #c98ae6;
  --color-cyan-500: #ad65d6;
  --color-cyan-600: #8b48bc;
  --color-cyan-700: #6e44be;
  --color-cyan-800: #533068;
  --color-cyan-900: #38203f;
  --color-cyan-950: #1d1224;
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(.page-frame, .studio-content-page, .feature-shell, .studio-home-desktop, .template-catalog, .template-studio, .film-list-page, .film-workspace, .aurora-profile-page, .outfit-workspace, .pose-workspace, .studio-recharge-page, [data-studio-page]) {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 1440px;
  margin-inline: auto;
  padding: 1.5rem 1rem 3rem;
  overflow-x: clip;
}

@media (min-width: 640px) {
  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(.page-frame, .studio-content-page, .feature-shell, .studio-home-desktop, .template-catalog, .template-studio, .film-list-page, .film-workspace, .aurora-profile-page, .outfit-workspace, .pose-workspace, .studio-recharge-page, [data-studio-page]) {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1024px) {
  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(.page-frame, .studio-content-page, .feature-shell, .studio-home-desktop, .template-catalog, .template-studio, .film-list-page, .film-workspace, .aurora-profile-page, .outfit-workspace, .pose-workspace, .studio-recharge-page, [data-studio-page]) {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (max-width: 767px) {
  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(.feature-shell, .film-workspace) {
    padding-bottom: 7rem;
  }
}

.creation-home:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--foreground);
  container: creation-center / inline-size;
}

.creation-home:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(a) {
  text-decoration: none;
}

.creation-home:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(a, button) {
  -webkit-tap-highlight-color: transparent;
}

.creation-mobile-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  display: none;
}

.creation-home-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
  margin-bottom: 24px;
  display: flex;
}

.creation-home-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h1 {
  letter-spacing: -.8px;
  margin: 0;
  font-size: 32px;
  font-weight: 650;
  line-height: 1.3;
}

.creation-home-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
  color: var(--muted-foreground);
  margin-top: 6px;
  font-size: 14px;
  line-height: 1.6;
}

.creation-text-link:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: 36px;
  color: var(--primary);
  white-space: nowrap;
  flex: none;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 500;
  display: inline-flex;
}

.creation-text-link:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--studio-primary-hover);
}

.creation-hero-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  display: grid;
}

.creation-hero:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  isolation: isolate;
  border: 1px solid var(--studio-border-accent);
  background: var(--card);
  color: #faf7ff;
  border-radius: 20px;
  min-width: 0;
  min-height: 280px;
  display: block;
  position: relative;
  overflow: hidden;
}

.creation-hero-art:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  z-index: -2;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.creation-hero:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(20, 17, 22, .9), rgba(20, 17, 22, .6) 38%, rgba(20, 17, 22, .1) 80%);
  position: absolute;
  inset: 0;
}

.creation-image-hero:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .creation-hero-art, .creation-video-hero:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .creation-hero-art {
  object-position: 65% center;
}

.creation-hero-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: inherit;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  display: flex;
}

.creation-hero-label:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  display: flex;
}

.creation-hero-label:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
  color: #e7ddef;
  flex: none;
}

.creation-hero-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h3 {
  letter-spacing: -.4px;
  text-wrap: balance;
  max-width: 76%;
  margin-top: 18px;
  font-size: 24px;
  font-weight: 650;
  line-height: 1.45;
}

.creation-hero-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > p {
  color: #dfd4e7;
  max-width: 70%;
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.8;
}

.creation-hero-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  align-items: center;
  gap: 12px;
  margin-top: auto;
  padding-top: 22px;
  display: flex;
}

.creation-primary-button:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .creation-secondary-button:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 9px;
  flex: none;
  justify-content: center;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 0 20px;
  font-size: 13px;
  font-weight: 550;
  line-height: 1.4;
  transition: background .16s, border-color .16s;
  display: inline-flex;
}

.creation-primary-button:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #fff;
  white-space: nowrap;
  background: linear-gradient(105deg, #9149e7, #a65ce9);
  border-color: rgba(255, 255, 255, .15);
  border-radius: 999px;
  justify-content: center;
  gap: 6px;
  width: auto;
  min-height: 36px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 600;
}

.creation-primary-button:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
  flex: none;
  width: 14px;
  height: 14px;
}

.creation-hero:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .creation-primary-button, .creation-hero:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .creation-primary-button {
  background: linear-gradient(105deg, #9f58f0, #b26cf0);
}

.creation-secondary-button:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--foreground);
  background: rgba(20, 17, 22, .5);
  border-color: rgba(185, 168, 194, .36);
}

.creation-secondary-button:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--primary);
  background: var(--studio-raised);
}

.creation-image-hero:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .creation-video-hero:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  transition: border-color .16s;
}

.creation-image-hero:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .creation-video-hero:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: #b98ce2;
}

.creation-hero:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  outline-offset: 4px;
  outline: 2px solid #bb8cf2;
}

.creation-play:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #fff;
  pointer-events: none;
  background: rgba(248, 243, 251, .15);
  border: 1px solid rgba(248, 243, 251, .35);
  border-radius: 50%;
  place-items: center;
  width: 40px;
  height: 40px;
  display: grid;
  position: absolute;
  top: 24px;
  right: 24px;
}

.creation-tool-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 16px;
  display: grid;
}

.creation-tool-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  aspect-ratio: 1.45;
  isolation: isolate;
  border: 1px solid var(--border);
  min-width: 0;
  color: var(--foreground);
  background: #000;
  border-radius: 13px;
  transition: border-color .16s;
  display: block;
  position: relative;
  overflow: hidden;
}

.creation-tool-card:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--studio-border-accent);
}

.creation-tool-media:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.creation-tool-media:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :is(img, video, div) {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.creation-tool-compare:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-rows: minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  display: grid;
}

.creation-tool-compare:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span {
  min-width: 0;
  min-height: 0;
  position: relative;
  overflow: hidden;
}

.creation-tool-compare:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(img, video, div) {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.creation-tool-caption:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  z-index: 1;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(10, 9, 13, .78) 48%, rgba(10, 9, 13, .95) 100%);
  align-items: center;
  gap: 11px;
  min-height: 54px;
  padding: 36px 15px 12px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.creation-tool-caption:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg:first-child {
  color: var(--secondary-foreground);
  flex: none;
}

.creation-tool-caption:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
  min-width: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}

.creation-tool-caption:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg:last-child {
  color: var(--muted-foreground);
  flex: none;
  margin-left: auto;
}

.creation-section-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  display: flex;
}

.creation-section-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
  letter-spacing: -.4px;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.4;
}

.creation-section-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
  color: var(--muted-foreground);
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.6;
}

.creation-template-section:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .creation-recent-section:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-top: 24px;
}

.creation-template-gallery:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.creation-template-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  isolation: isolate;
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 12px;
  min-width: 0;
  height: 184px;
  display: block;
  position: relative;
  overflow: hidden;
}

.creation-template-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > img, .creation-template-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > video {
  z-index: -2;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.creation-template-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(0deg, rgba(10, 9, 13, .95) 0%, rgba(10, 9, 13, .36) 40%, rgba(0, 0, 0, 0) 70%);
  position: absolute;
  inset: 0;
}

.creation-template-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div {
  position: absolute;
  bottom: 12px;
  left: 14px;
  right: 14px;
}

.creation-template-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h3 {
  color: var(--foreground);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
}

.creation-template-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) div > span {
  color: var(--secondary-foreground);
  align-items: center;
  gap: 6px;
  margin-top: 3px;
  font-size: 11px;
  line-height: 1.5;
  display: flex;
}

.creation-template-card:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border-color: var(--studio-border-accent);
}

.creation-template-image:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > img {
  object-position: 76% center;
}

.creation-template-image2video:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > img {
  object-position: 82% center;
}

.creation-recent-section:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  grid-template-columns: max-content minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  display: grid;
}

.creation-recent-section:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .creation-section-heading {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
}

.creation-recent-section:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .creation-section-heading h2 {
  font-size: 21px;
}

.creation-recent-section:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .creation-section-heading p {
  white-space: nowrap;
}

.creation-recent-section:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .creation-section-heading .creation-text-link {
  font-size: 12px;
}

.creation-recent-gallery:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 13px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  min-width: 0;
  padding: 12px;
  display: grid;
}

.creation-recent-preview:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--muted);
  border-radius: 8px;
  min-width: 0;
  height: 84px;
  display: block;
  position: relative;
  overflow: hidden;
}

.creation-recent-preview:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(img, video) {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.creation-media-type:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #fff;
  background: rgba(10, 9, 13, .7);
  border: 1px solid rgba(248, 243, 251, .15);
  border-radius: 7px;
  place-items: center;
  width: 23px;
  height: 23px;
  display: grid;
  position: absolute;
  bottom: 6px;
  right: 6px;
}

.creation-recent-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 13px;
  align-items: center;
  gap: 14px;
  min-height: 112px;
  padding: 20px;
  display: flex;
}

.creation-recent-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg {
  color: var(--primary);
  flex: none;
}

.creation-recent-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div {
  flex: 1;
  min-width: 0;
}

.creation-recent-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h3 {
  font-size: 14px;
  font-weight: 550;
  line-height: 1.5;
}

.creation-recent-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
  color: var(--muted-foreground);
  margin-top: 5px;
  font-size: 12px;
  line-height: 1.6;
}

.creation-inline-error:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--muted-foreground);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 14px 0;
  font-size: 13px;
  display: flex;
}

.creation-inline-error:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button {
  border: 1px solid var(--border);
  min-height: 44px;
  color: var(--primary);
  cursor: pointer;
  border-radius: 9px;
  flex: none;
  padding-inline: 12px;
}

.creation-recent-section:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .creation-inline-error {
  grid-column: 2;
}

.creation-tool-skeleton:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--muted);
  border-radius: 13px;
  min-height: 200px;
}

.creation-recent-skeleton:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--muted);
  border-radius: 8px;
  height: 84px;
}

@container creation-center (width >= 800px) {
  .creation-hero-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .creation-hero-grid.is-single:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: minmax(0, 1fr);
  }

  .creation-tool-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .creation-template-gallery:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .creation-desktop-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: none;
  }

  .creation-mobile-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: inline;
  }

  html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .creation-home {
    padding-top: 18px;
    padding-bottom: 28px;
  }

  .creation-home-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 8px;
    margin-bottom: 18px;
  }

  .creation-home-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h1 {
    letter-spacing: -.7px;
    font-size: 27px;
  }

  .creation-home-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
    max-width: 240px;
    margin-top: 4px;
    font-size: 12px;
  }

  .creation-text-link:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 5px;
    min-height: 44px;
    font-size: 12px;
  }

  .creation-home-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .creation-text-link {
    align-self: flex-end;
  }

  .creation-entry-layout:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    gap: 12px;
    display: grid;
  }

  .creation-entry-layout:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :is(.creation-hero-grid, .creation-tool-grid) {
    display: contents;
  }

  .creation-image-hero:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-column: 1 / -1;
  }

  .creation-hero:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 16px;
    min-height: 208px;
  }

  .creation-hero-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 18px 16px;
  }

  .creation-hero-label:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 7px;
    font-size: 14px;
  }

  .creation-hero-label:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
    width: 18px;
    height: 18px;
  }

  .creation-hero-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h3 {
    max-width: 76%;
    margin-top: 12px;
    font-size: 20px;
    line-height: 1.45;
  }

  .creation-hero-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > p {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 70%;
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.7;
    display: -webkit-box;
    overflow: hidden;
  }

  .creation-hero-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 8px;
    padding-top: 16px;
  }

  .creation-primary-button:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .creation-secondary-button:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 8px;
    gap: 7px;
    min-height: 44px;
    padding-inline: 13px;
    font-size: 12px;
  }

  .creation-primary-button:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 999px;
    gap: 6px;
    width: auto;
    min-height: 36px;
    padding-inline: 16px;
    font-size: 14px;
  }

  .creation-image-hero:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .creation-hero-art {
    object-position: 66% center;
  }

  .creation-play:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    z-index: 1;
    width: 30px;
    height: 30px;
    top: 12px;
    right: 12px;
  }

  .creation-play:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
    width: 16px;
    height: 16px;
  }

  .creation-tool-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 12px;
    margin-top: 12px;
  }

  .creation-video-hero:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .creation-tool-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    aspect-ratio: 1;
    border-color: var(--border);
    background: var(--muted);
    border-radius: 16px;
    min-height: 0;
    display: block;
    position: relative;
    overflow: hidden;
  }

  .creation-video-hero:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before, .creation-video-hero:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
    display: none;
  }

  .creation-video-hero:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .creation-hero-art, .creation-tool-media:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    z-index: 0;
    aspect-ratio: auto;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
  }

  .creation-video-hero:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .creation-hero-copy, .creation-tool-caption:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    z-index: 1;
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(10, 9, 13, .72) 46%, rgba(10, 9, 13, .95) 100%);
    align-content: end;
    align-items: center;
    gap: 4px 7px;
    min-height: 0;
    padding: 36px 12px 12px;
    display: grid;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .creation-video-hero:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .creation-hero-copy {
    grid-row: 2;
    grid-template-columns: minmax(0, 1fr) 16px;
  }

  .creation-video-hero:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .creation-hero-label {
    min-width: 0;
    color: var(--foreground);
    grid-column: 1 / -1;
    gap: 7px;
    font-size: 16px;
  }

  .creation-video-hero:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .creation-hero-label svg {
    color: var(--secondary-foreground);
  }

  .creation-video-hero:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .creation-hero-copy h3, .creation-tool-description:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 0;
    max-width: none;
    color: var(--muted-foreground);
    letter-spacing: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    overflow: hidden;
  }

  .creation-video-hero:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .creation-hero-copy > p, .creation-video-hero:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .creation-hero-actions {
    display: none;
  }

  .creation-entry-arrow:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 16px;
    height: 16px;
    color: var(--primary);
  }

  .creation-tool-caption:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: 18px minmax(0, 1fr) 16px;
  }

  .creation-tool-caption:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
    grid-column: 2 / -1;
    font-size: 16px;
  }

  .creation-tool-caption:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg:first-child {
    width: 18px;
    height: 18px;
  }

  .creation-tool-description:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-column: 1 / 3;
  }

  .creation-tool-caption:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg:last-child {
    width: 16px;
    height: 16px;
    color: var(--primary);
    grid-area: 2 / 3;
    margin-left: 0;
  }

  .creation-template-section:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .creation-recent-section:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: 24px;
  }

  .creation-section-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 8px;
    margin-bottom: 12px;
  }

  .creation-section-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2, .creation-recent-section:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .creation-section-heading h2 {
    font-size: 20px;
  }

  .creation-section-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
    max-width: 240px;
    font-size: 11px;
  }

  .creation-recent-section:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .creation-section-heading p {
    white-space: nowrap;
    max-width: none;
  }

  .creation-template-gallery:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    scroll-snap-type: x mandatory;
    touch-action: pan-x pan-y;
    scrollbar-width: none;
    gap: 12px;
    margin-inline: -16px;
    padding: 0 16px 4px;
    scroll-padding-inline: 16px;
    display: flex;
    overflow-x: auto;
  }

  .creation-template-gallery:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-scrollbar {
    display: none;
  }

  .creation-template-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    scroll-snap-align: start;
    border-radius: 10px;
    flex: 0 0 42%;
    height: 158px;
  }

  .creation-template-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div {
    bottom: 10px;
    left: 10px;
    right: 10px;
  }

  .creation-template-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h3 {
    font-size: 14px;
  }

  .creation-template-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) div > span {
    gap: 3px;
    font-size: 10px;
  }

  .creation-recent-section:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    display: block;
  }

  .creation-recent-section:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .creation-section-heading {
    flex-direction: row;
    align-items: center;
    margin-bottom: 12px;
  }

  .creation-recent-gallery:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    background: none;
    border: 0;
    gap: 8px;
    padding: 0;
  }

  .creation-recent-preview:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 78px;
  }

  .creation-recent-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 10px;
    min-height: 100px;
    padding: 14px;
  }

  .creation-recent-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > svg {
    width: 23px;
  }

  .creation-recent-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h3 {
    font-size: 13px;
  }

  .creation-recent-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
    font-size: 11px;
  }

  .creation-recent-empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .creation-secondary-button {
    min-height: 44px;
    padding-inline: 12px;
  }

  .creation-tool-skeleton:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 142px;
  }

  .creation-recent-skeleton:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 78px;
  }
}

@media (max-width: 359px) {
  .creation-home-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
    max-width: 185px;
  }

  .creation-hero-copy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h3 {
    font-size: 17px;
  }

  .creation-primary-button:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .creation-secondary-button:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 5px;
    padding-inline: 10px;
    font-size: 11px;
  }

  .creation-primary-button:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 999px;
    gap: 6px;
    min-height: 34px;
    padding-inline: 14px;
    font-size: 13px;
  }

  .creation-video-hero:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .creation-hero-copy, .creation-tool-caption:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    column-gap: 6px;
    padding-inline: 10px;
  }

  .creation-video-hero:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .creation-hero-label, .creation-tool-caption:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2 {
    font-size: 14px;
  }
}

.studio-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-brand {
  padding: 20px 20px 18px;
}

.studio-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-sidebar-scroll {
  scrollbar-gutter: stable;
  padding: 8px 12px 24px;
}

.studio-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-nav-group + .studio-nav-group {
  margin-top: 22px;
}

.studio-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-nav-caption {
  color: #a89aaf;
  margin: 0 0 7px;
  padding: 0 12px;
  font-size: 11px;
  font-weight: 500;
  line-height: 20px;
}

.studio-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-nav-link {
  --studio-nav-icon-color: #b795d9;
  color: #e7dfeb;
  border-radius: 12px;
  gap: 12px;
  min-height: 44px;
  margin-top: 4px;
  padding: 10px 12px;
  font-size: 14px;
  font-weight: 450;
  line-height: 22px;
  transition: background-color .16s, color .16s;
  position: relative;
}

.studio-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-nav-link[data-icon="home"], .studio-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-nav-link[data-icon="compass"], .studio-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-nav-link[data-icon="users"] {
  --studio-nav-icon-color: #62b6cd;
}

.studio-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-nav-link[data-icon="messages"], .studio-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-nav-link[data-icon="sparkles"] {
  --studio-nav-icon-color: #ce82a7;
}

.studio-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-nav-link[data-icon="film"], .studio-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-nav-link[data-icon="clapper"] {
  --studio-nav-icon-color: #d7ae72;
}

.studio-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-nav-icon {
  color: var(--studio-nav-icon-color);
  stroke-width: 1.7px;
  flex: 0 0 21px;
}

.studio-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-nav-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.studio-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-nav-link:hover {
  color: #fff;
  background: rgba(183, 149, 217, .07);
}

html.studio-theme:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-sidebar .studio-nav-link[aria-current="page"] {
  color: #fff3fb;
  background: linear-gradient(100deg, rgba(203, 87, 155, .17), rgba(165, 115, 203, .08));
  font-weight: 600;
  box-shadow: inset 0 0 0 1px rgba(222, 176, 229, .06);
}

.studio-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-nav-link[aria-current="page"]:before {
  content: "";
  background: linear-gradient(#ec74c5, #bb7bea);
  border-radius: 0 3px 3px 0;
  width: 3px;
  height: 22px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.studio-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-nav-link[aria-current="page"] .studio-nav-icon {
  color: #f0c568;
}

.studio-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-nav-link:focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: -2px;
}

.studio-sidebar.is-collapsed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-brand {
  justify-content: center;
  padding: 20px 8px 18px;
}

.studio-sidebar.is-collapsed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-sidebar-scroll {
  scrollbar-gutter: auto;
  padding-inline: 10px;
}

.studio-sidebar.is-collapsed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-nav-link {
  justify-content: center;
  gap: 0;
  padding-inline: 0;
}

.studio-sidebar.is-collapsed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-nav-group + .studio-nav-group {
  margin-top: 20px;
}

.sidebar-account-level.starlight-badge:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #f0c568;
  background: rgba(240, 197, 104, .12);
  border-radius: 999px;
  gap: 3px;
  min-width: 0;
  max-width: 100%;
  height: 20px;
  padding: 0 6px 0 2px;
  font-size: 11px;
  font-weight: 650;
  line-height: 1;
}

.sidebar-account-level.starlight-badge:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) img {
  flex: none;
  width: 14px;
  height: 14px;
}

.sidebar-account-level.starlight-badge:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) span {
  text-overflow: ellipsis;
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .studio-sidebar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .studio-nav-link {
    transition: none;
  }
}

.studio-toaster[data-sonner-toaster]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  z-index: 99999;
  width: min(368px, 100vw - 32px);
  font-family: inherit;
}

.studio-toaster[data-sonner-toaster][data-x-position="center"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  left: 50%;
  right: auto;
  transform: translate(-50%);
}

.studio-toaster[data-sonner-toaster]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-sonner-toast][data-styled="true"] {
  --toast-status: var(--primary);
  --toast-status-soft: var(--studio-soft);
  border: 1px solid var(--border);
  background: var(--popover);
  width: 100%;
  min-height: 64px;
  color: var(--foreground);
  text-align: start;
  border-radius: 16px;
  grid-template-columns: 32px minmax(0, 1fr);
  align-items: center;
  gap: 8px 12px;
  padding: 14px 48px 14px 16px;
  font-size: 14px;
  font-weight: 400;
  display: grid;
  box-shadow: 0 12px 36px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .035);
}

.studio-toaster[data-sonner-toaster]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-sonner-toast][data-type="success"] {
  --toast-status: var(--studio-success);
  --toast-status-soft: var(--studio-success-soft);
}

.studio-toaster[data-sonner-toaster]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-sonner-toast][data-type="error"] {
  --toast-status: var(--studio-danger);
  --toast-status-soft: var(--studio-danger-soft);
}

.studio-toaster[data-sonner-toaster]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-sonner-toast][data-type="warning"] {
  --toast-status: var(--studio-warning);
  --toast-status-soft: var(--studio-warning-soft);
}

.studio-toaster[data-sonner-toaster]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-sonner-toast][data-styled="true"] [data-icon] {
  background: var(--toast-status-soft);
  width: 32px;
  height: 32px;
  color: var(--toast-status);
  border-radius: 10px;
  justify-content: center;
  margin: 0;
}

.studio-toaster[data-sonner-toaster]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-sonner-toast][data-styled="true"] [data-icon] svg {
  margin: 0;
}

.studio-toaster[data-sonner-toaster]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-sonner-toast][data-styled="true"] .sonner-loading-wrapper {
  margin: auto;
  inset: 0;
}

.studio-toaster[data-sonner-toaster]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-sonner-toast][data-styled="true"] [data-content] {
  grid-column: 1 / -1;
  gap: 3px;
  min-width: 0;
}

.studio-toaster[data-sonner-toaster]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-sonner-toast][data-styled="true"] [data-icon] + [data-content] {
  grid-column: 2;
}

.studio-toaster[data-sonner-toaster]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-sonner-toast][data-styled="true"] [data-title] {
  color: var(--foreground);
  overflow-wrap: anywhere;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
}

.studio-toaster[data-sonner-toaster]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-sonner-toast][data-styled="true"] [data-description] {
  color: var(--muted-foreground);
  overflow-wrap: anywhere;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
}

.studio-toaster[data-sonner-toaster]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-sonner-toast][data-styled="true"] [data-close-button] {
  width: 28px;
  height: 28px;
  color: var(--muted-foreground);
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 8px;
  padding: 0;
  top: 50%;
  left: auto;
  right: 10px;
  transform: translateY(-50%);
}

.studio-toaster[data-sonner-toaster]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-sonner-toast][data-styled="true"] [data-close-button]:hover {
  background: var(--studio-soft);
  color: var(--foreground);
}

.studio-toaster[data-sonner-toaster]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-sonner-toast][data-styled="true"] [data-button] {
  border: 1px solid var(--studio-border-accent);
  background: var(--studio-soft);
  max-width: 100%;
  height: auto;
  min-height: 30px;
  color: var(--primary);
  text-align: center;
  overflow-wrap: anywhere;
  border-radius: 8px;
  grid-column: 1 / -1;
  justify-self: start;
  margin: 0;
  padding: 6px 10px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
}

.studio-toaster[data-sonner-toaster]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-sonner-toast][data-styled="true"] [data-icon] ~ [data-button] {
  grid-column: 2;
}

.studio-toaster[data-sonner-toaster]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-sonner-toast][data-styled="true"] [data-cancel] {
  border-color: var(--border);
  color: var(--muted-foreground);
  background: none;
}

.studio-toaster[data-sonner-toaster]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-sonner-toast][data-styled="true"]:focus-visible, .studio-toaster[data-sonner-toaster]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-sonner-toast][data-styled="true"] button:focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 3px;
}

@media (max-width: 767px) {
  .studio-toaster[data-sonner-toaster][data-y-position="top"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    top: calc(60px + env(safe-area-inset-top, 0px));
  }
}

@media (prefers-reduced-motion: reduce) {
  .studio-toaster[data-sonner-toaster]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .studio-toaster[data-sonner-toaster]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [data-sonner-toast] {
    transition: none;
  }
}