@layer theme {
@theme default{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-50: oklch(97.1% .013 17.38); --color-red-100: oklch(93.6% .032 17.717); --color-red-200: oklch(88.5% .062 18.334); --color-red-300: oklch(80.8% .114 19.571); --color-red-400: oklch(70.4% .191 22.216); --color-red-500: oklch(63.7% .237 25.331); --color-red-600: oklch(57.7% .245 27.325); --color-red-700: oklch(50.5% .213 27.518); --color-red-800: oklch(44.4% .177 26.899); --color-red-900: oklch(39.6% .141 25.723); --color-red-950: oklch(25.8% .092 26.042); --color-orange-50: oklch(98% .016 73.684); --color-orange-100: oklch(95.4% .038 75.164); --color-orange-200: oklch(90.1% .076 70.697); --color-orange-300: oklch(83.7% .128 66.29); --color-orange-400: oklch(75% .183 55.934); --color-orange-500: oklch(70.5% .213 47.604); --color-orange-600: oklch(64.6% .222 41.116); --color-orange-700: oklch(55.3% .195 38.402); --color-orange-800: oklch(47% .157 37.304); --color-orange-900: oklch(40.8% .123 38.172); --color-orange-950: oklch(26.6% .079 36.259); --color-amber-50: oklch(98.7% .022 95.277); --color-amber-100: oklch(96.2% .059 95.617); --color-amber-200: oklch(92.4% .12 95.746); --color-amber-300: oklch(87.9% .169 91.605); --color-amber-400: oklch(82.8% .189 84.429); --color-amber-500: oklch(76.9% .188 70.08); --color-amber-600: oklch(66.6% .179 58.318); --color-amber-700: oklch(55.5% .163 48.998); --color-amber-800: oklch(47.3% .137 46.201); --color-amber-900: oklch(41.4% .112 45.904); --color-amber-950: oklch(27.9% .077 45.635); --color-yellow-50: oklch(98.7% .026 102.212); --color-yellow-100: oklch(97.3% .071 103.193); --color-yellow-200: oklch(94.5% .129 101.54); --color-yellow-300: oklch(90.5% .182 98.111); --color-yellow-400: oklch(85.2% .199 91.936); --color-yellow-500: oklch(79.5% .184 86.047); --color-yellow-600: oklch(68.1% .162 75.834); --color-yellow-700: oklch(55.4% .135 66.442); --color-yellow-800: oklch(47.6% .114 61.907); --color-yellow-900: oklch(42.1% .095 57.708); --color-yellow-950: oklch(28.6% .066 53.813); --color-lime-50: oklch(98.6% .031 120.757); --color-lime-100: oklch(96.7% .067 122.328); --color-lime-200: oklch(93.8% .127 124.321); --color-lime-300: oklch(89.7% .196 126.665); --color-lime-400: oklch(84.1% .238 128.85); --color-lime-500: oklch(76.8% .233 130.85); --color-lime-600: oklch(64.8% .2 131.684); --color-lime-700: oklch(53.2% .157 131.589); --color-lime-800: oklch(45.3% .124 130.933); --color-lime-900: oklch(40.5% .101 131.063); --color-lime-950: oklch(27.4% .072 132.109); --color-green-50: oklch(98.2% .018 155.826); --color-green-100: oklch(96.2% .044 156.743); --color-green-200: oklch(92.5% .084 155.995); --color-green-300: oklch(87.1% .15 154.449); --color-green-400: oklch(79.2% .209 151.711); --color-green-500: oklch(72.3% .219 149.579); --color-green-600: oklch(62.7% .194 149.214); --color-green-700: oklch(52.7% .154 150.069); --color-green-800: oklch(44.8% .119 151.328); --color-green-900: oklch(39.3% .095 152.535); --color-green-950: oklch(26.6% .065 152.934); --color-emerald-50: oklch(97.9% .021 166.113); --color-emerald-100: oklch(95% .052 163.051); --color-emerald-200: oklch(90.5% .093 164.15); --color-emerald-300: oklch(84.5% .143 164.978); --color-emerald-400: oklch(76.5% .177 163.223); --color-emerald-500: oklch(69.6% .17 162.48); --color-emerald-600: oklch(59.6% .145 163.225); --color-emerald-700: oklch(50.8% .118 165.612); --color-emerald-800: oklch(43.2% .095 166.913); --color-emerald-900: oklch(37.8% .077 168.94); --color-emerald-950: oklch(26.2% .051 172.552); --color-teal-50: oklch(98.4% .014 180.72); --color-teal-100: oklch(95.3% .051 180.801); --color-teal-200: oklch(91% .096 180.426); --color-teal-300: oklch(85.5% .138 181.071); --color-teal-400: oklch(77.7% .152 181.912); --color-teal-500: oklch(70.4% .14 182.503); --color-teal-600: oklch(60% .118 184.704); --color-teal-700: oklch(51.1% .096 186.391); --color-teal-800: oklch(43.7% .078 188.216); --color-teal-900: oklch(38.6% .063 188.416); --color-teal-950: oklch(27.7% .046 192.524); --color-cyan-50: oklch(98.4% .019 200.873); --color-cyan-100: oklch(95.6% .045 203.388); --color-cyan-200: oklch(91.7% .08 205.041); --color-cyan-300: oklch(86.5% .127 207.078); --color-cyan-400: oklch(78.9% .154 211.53); --color-cyan-500: oklch(71.5% .143 215.221); --color-cyan-600: oklch(60.9% .126 221.723); --color-cyan-700: oklch(52% .105 223.128); --color-cyan-800: oklch(45% .085 224.283); --color-cyan-900: oklch(39.8% .07 227.392); --color-cyan-950: oklch(30.2% .056 229.695); --color-sky-50: oklch(97.7% .013 236.62); --color-sky-100: oklch(95.1% .026 236.824); --color-sky-200: oklch(90.1% .058 230.902); --color-sky-300: oklch(82.8% .111 230.318); --color-sky-400: oklch(74.6% .16 232.661); --color-sky-500: oklch(68.5% .169 237.323); --color-sky-600: oklch(58.8% .158 241.966); --color-sky-700: oklch(50% .134 242.749); --color-sky-800: oklch(44.3% .11 240.79); --color-sky-900: oklch(39.1% .09 240.876); --color-sky-950: oklch(29.3% .066 243.157); --color-blue-50: oklch(97% .014 254.604); --color-blue-100: oklch(93.2% .032 255.585); --color-blue-200: oklch(88.2% .059 254.128); --color-blue-300: oklch(80.9% .105 251.813); --color-blue-400: oklch(70.7% .165 254.624); --color-blue-500: oklch(62.3% .214 259.815); --color-blue-600: oklch(54.6% .245 262.881); --color-blue-700: oklch(48.8% .243 264.376); --color-blue-800: oklch(42.4% .199 265.638); --color-blue-900: oklch(37.9% .146 265.522); --color-blue-950: oklch(28.2% .091 267.935); --color-indigo-50: oklch(96.2% .018 272.314); --color-indigo-100: oklch(93% .034 272.788); --color-indigo-200: oklch(87% .065 274.039); --color-indigo-300: oklch(78.5% .115 274.713); --color-indigo-400: oklch(67.3% .182 276.935); --color-indigo-500: oklch(58.5% .233 277.117); --color-indigo-600: oklch(51.1% .262 276.966); --color-indigo-700: oklch(45.7% .24 277.023); --color-indigo-800: oklch(39.8% .195 277.366); --color-indigo-900: oklch(35.9% .144 278.697); --color-indigo-950: oklch(25.7% .09 281.288); --color-violet-50: oklch(96.9% .016 293.756); --color-violet-100: oklch(94.3% .029 294.588); --color-violet-200: oklch(89.4% .057 293.283); --color-violet-300: oklch(81.1% .111 293.571); --color-violet-400: oklch(70.2% .183 293.541); --color-violet-500: oklch(60.6% .25 292.717); --color-violet-600: oklch(54.1% .281 293.009); --color-violet-700: oklch(49.1% .27 292.581); --color-violet-800: oklch(43.2% .232 292.759); --color-violet-900: oklch(38% .189 293.745); --color-violet-950: oklch(28.3% .141 291.089); --color-purple-50: oklch(97.7% .014 308.299); --color-purple-100: oklch(94.6% .033 307.174); --color-purple-200: oklch(90.2% .063 306.703); --color-purple-300: oklch(82.7% .119 306.383); --color-purple-400: oklch(71.4% .203 305.504); --color-purple-500: oklch(62.7% .265 303.9); --color-purple-600: oklch(55.8% .288 302.321); --color-purple-700: oklch(49.6% .265 301.924); --color-purple-800: oklch(43.8% .218 303.724); --color-purple-900: oklch(38.1% .176 304.987); --color-purple-950: oklch(29.1% .149 302.717); --color-fuchsia-50: oklch(97.7% .017 320.058); --color-fuchsia-100: oklch(95.2% .037 318.852); --color-fuchsia-200: oklch(90.3% .076 319.62); --color-fuchsia-300: oklch(83.3% .145 321.434); --color-fuchsia-400: oklch(74% .238 322.16); --color-fuchsia-500: oklch(66.7% .295 322.15); --color-fuchsia-600: oklch(59.1% .293 322.896); --color-fuchsia-700: oklch(51.8% .253 323.949); --color-fuchsia-800: oklch(45.2% .211 324.591); --color-fuchsia-900: oklch(40.1% .17 325.612); --color-fuchsia-950: oklch(29.3% .136 325.661); --color-pink-50: oklch(97.1% .014 343.198); --color-pink-100: oklch(94.8% .028 342.258); --color-pink-200: oklch(89.9% .061 343.231); --color-pink-300: oklch(82.3% .12 346.018); --color-pink-400: oklch(71.8% .202 349.761); --color-pink-500: oklch(65.6% .241 354.308); --color-pink-600: oklch(59.2% .249 .584); --color-pink-700: oklch(52.5% .223 3.958); --color-pink-800: oklch(45.9% .187 3.815); --color-pink-900: oklch(40.8% .153 2.432); --color-pink-950: oklch(28.4% .109 3.907); --color-rose-50: oklch(96.9% .015 12.422); --color-rose-100: oklch(94.1% .03 12.58); --color-rose-200: oklch(89.2% .058 10.001); --color-rose-300: oklch(81% .117 11.638); --color-rose-400: oklch(71.2% .194 13.428); --color-rose-500: oklch(64.5% .246 16.439); --color-rose-600: oklch(58.6% .253 17.585); --color-rose-700: oklch(51.4% .222 16.935); --color-rose-800: oklch(45.5% .188 13.697); --color-rose-900: oklch(41% .159 10.272); --color-rose-950: oklch(27.1% .105 12.094); --color-slate-50: oklch(98.4% .003 247.858); --color-slate-100: oklch(96.8% .007 247.896); --color-slate-200: oklch(92.9% .013 255.508); --color-slate-300: oklch(86.9% .022 252.894); --color-slate-400: oklch(70.4% .04 256.788); --color-slate-500: oklch(55.4% .046 257.417); --color-slate-600: oklch(44.6% .043 257.281); --color-slate-700: oklch(37.2% .044 257.287); --color-slate-800: oklch(27.9% .041 260.031); --color-slate-900: oklch(20.8% .042 265.755); --color-slate-950: oklch(12.9% .042 264.695); --color-gray-50: oklch(98.5% .002 247.839); --color-gray-100: oklch(96.7% .003 264.542); --color-gray-200: oklch(92.8% .006 264.531); --color-gray-300: oklch(87.2% .01 258.338); --color-gray-400: oklch(70.7% .022 261.325); --color-gray-500: oklch(55.1% .027 264.364); --color-gray-600: oklch(44.6% .03 256.802); --color-gray-700: oklch(37.3% .034 259.733); --color-gray-800: oklch(27.8% .033 256.848); --color-gray-900: oklch(21% .034 264.665); --color-gray-950: oklch(13% .028 261.692); --color-zinc-50: oklch(98.5% 0 none); --color-zinc-100: oklch(96.7% .001 286.375); --color-zinc-200: oklch(92% .004 286.32); --color-zinc-300: oklch(87.1% .006 286.286); --color-zinc-400: oklch(70.5% .015 286.067); --color-zinc-500: oklch(55.2% .016 285.938); --color-zinc-600: oklch(44.2% .017 285.786); --color-zinc-700: oklch(37% .013 285.805); --color-zinc-800: oklch(27.4% .006 286.033); --color-zinc-900: oklch(21% .006 285.885); --color-zinc-950: oklch(14.1% .005 285.823); --color-neutral-50: oklch(98.5% 0 none); --color-neutral-100: oklch(97% 0 none); --color-neutral-200: oklch(92.2% 0 none); --color-neutral-300: oklch(87% 0 none); --color-neutral-400: oklch(70.8% 0 none); --color-neutral-500: oklch(55.6% 0 none); --color-neutral-600: oklch(43.9% 0 none); --color-neutral-700: oklch(37.1% 0 none); --color-neutral-800: oklch(26.9% 0 none); --color-neutral-900: oklch(20.5% 0 none); --color-neutral-950: oklch(14.5% 0 none); --color-stone-50: oklch(98.5% .001 106.423); --color-stone-100: oklch(97% .001 106.424); --color-stone-200: oklch(92.3% .003 48.717); --color-stone-300: oklch(86.9% .005 56.366); --color-stone-400: oklch(70.9% .01 56.259); --color-stone-500: oklch(55.3% .013 58.071); --color-stone-600: oklch(44.4% .011 73.639); --color-stone-700: oklch(37.4% .01 67.558); --color-stone-800: oklch(26.8% .007 34.298); --color-stone-900: oklch(21.6% .006 56.043); --color-stone-950: oklch(14.7% .004 49.25); --color-mauve-50: oklch(98.5% 0 none); --color-mauve-100: oklch(96% .003 325.6); --color-mauve-200: oklch(92.2% .005 325.62); --color-mauve-300: oklch(86.5% .012 325.68); --color-mauve-400: oklch(71.1% .019 323.02); --color-mauve-500: oklch(54.2% .034 322.5); --color-mauve-600: oklch(43.5% .029 321.78); --color-mauve-700: oklch(36.4% .029 323.89); --color-mauve-800: oklch(26.3% .024 320.12); --color-mauve-900: oklch(21.2% .019 322.12); --color-mauve-950: oklch(14.5% .008 326); --color-olive-50: oklch(98.8% .003 106.5); --color-olive-100: oklch(96.6% .005 106.5); --color-olive-200: oklch(93% .007 106.5); --color-olive-300: oklch(88% .011 106.6); --color-olive-400: oklch(73.7% .021 106.9); --color-olive-500: oklch(58% .031 107.3); --color-olive-600: oklch(46.6% .025 107.3); --color-olive-700: oklch(39.4% .023 107.4); --color-olive-800: oklch(28.6% .016 107.4); --color-olive-900: oklch(22.8% .013 107.4); --color-olive-950: oklch(15.3% .006 107.1); --color-mist-50: oklch(98.7% .002 197.1); --color-mist-100: oklch(96.3% .002 197.1); --color-mist-200: oklch(92.5% .005 214.3); --color-mist-300: oklch(87.2% .007 219.6); --color-mist-400: oklch(72.3% .014 214.4); --color-mist-500: oklch(56% .021 213.5); --color-mist-600: oklch(45% .017 213.2); --color-mist-700: oklch(37.8% .015 216); --color-mist-800: oklch(27.5% .011 216.9); --color-mist-900: oklch(21.8% .008 223.9); --color-mist-950: oklch(14.8% .004 228.8); --color-taupe-50: oklch(98.6% .002 67.8); --color-taupe-100: oklch(96% .002 17.2); --color-taupe-200: oklch(92.2% .005 34.3); --color-taupe-300: oklch(86.8% .007 39.5); --color-taupe-400: oklch(71.4% .014 41.2); --color-taupe-500: oklch(54.7% .021 43.1); --color-taupe-600: oklch(43.8% .017 39.3); --color-taupe-700: oklch(36.7% .016 35.7); --color-taupe-800: oklch(26.8% .011 36.5); --color-taupe-900: oklch(21.4% .009 43.1); --color-taupe-950: oklch(14.7% .004 49.3); --color-black: #000; --color-white: #fff; --spacing: .25rem; --breakpoint-sm: 40rem; --breakpoint-md: 48rem; --breakpoint-lg: 64rem; --breakpoint-xl: 80rem; --breakpoint-2xl: 96rem; --container-3xs: 16rem; --container-2xs: 18rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --text-8xl: 6rem; --text-8xl--line-height: 1; --text-9xl: 8rem; --text-9xl--line-height: 1; --font-weight-thin: 100; --font-weight-extralight: 200; --font-weight-light: 300; --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-normal: 0em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --radius-xs: .125rem; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --shadow-2xs: 0 1px #0000000d; --shadow-xs: 0 1px 2px 0 #0000000d; --shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a; --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a; --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a; --shadow-xl: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a; --shadow-2xl: 0 25px 50px -12px #00000040; --inset-shadow-2xs: inset 0 1px #0000000d; --inset-shadow-xs: inset 0 1px 1px #0000000d; --inset-shadow-sm: inset 0 2px 4px #0000000d; --drop-shadow-xs: 0 1px 1px #0000000d; --drop-shadow-sm: 0 1px 2px #00000026; --drop-shadow-md: 0 3px 3px #0000001f; --drop-shadow-lg: 0 4px 4px #00000026; --drop-shadow-xl: 0 9px 7px #0000001a; --drop-shadow-2xl: 0 25px 25px #00000026; --text-shadow-2xs: 0px 1px 0px #00000026; --text-shadow-xs: 0px 1px 1px #0003; --text-shadow-sm: 0px 1px 0px #00000013, 0px 1px 1px #00000013, 0px 2px 2px #00000013; --text-shadow-md: 0px 1px 1px #0000001a, 0px 1px 2px #0000001a, 0px 2px 4px #0000001a; --text-shadow-lg: 0px 1px 2px #0000001a, 0px 3px 2px #0000001a, 0px 4px 8px #0000001a; --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --animate-bounce: bounce 1s infinite; @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } @keyframes pulse { 50% { opacity: .5; } } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(.8, 0, 1, 1); } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, .2, 1); } } --blur-xs: 4px; --blur-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --perspective-dramatic: 100px; --perspective-near: 300px; --perspective-normal: 500px; --perspective-midrange: 800px; --perspective-distant: 1200px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: --theme(--font-sans, initial); --default-font-feature-settings: --theme(--font-sans--font-feature-settings, initial); --default-font-variation-settings: --theme(--font-sans--font-variation-settings, initial); --default-mono-font-family: --theme(--font-mono, initial); --default-mono-font-feature-settings: --theme(--font-mono--font-feature-settings, initial); --default-mono-font-variation-settings: --theme(--font-mono--font-variation-settings, initial);}@theme default inline reference{--blur: 8px; --shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a; --shadow-inner: inset 0 2px 4px 0 #0000000d; --drop-shadow: 0 1px 2px #0000001a, 0 1px 1px #0000000f; --radius: .25rem; --max-width-prose: 65ch;}
}

@layer utilities {
@tailwind utilities;
}

:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:#161412;--bg-topbar:#161412e6;--border-topbar:#e8dcc224;--bg-sidebar:#211d19;--border-sidebar:#e8dcc221;--bg-input:#2a2520;--border-input:#e8dcc23d;--border-input-focus:#b88a42;--bg-card:#332c25;--bg-card-subtle:#e8dcc20b;--bg-card-hover:#e8dcc217;--border-card:#e8dcc226;--border-card-hover:#e8dcc24d;--text-primary:#f4eddf;--text-secondary:#e8dcc2;--text-muted:#b7aa96;--text-subtle:#82776a;--bg-workspace:#191614;--btn-primary-bg:#d85b4d;--btn-primary-text:#fff6e8;--btn-primary-hover:#e76f60;--btn-secondary-bg:#2a2520;--btn-secondary-text:#e8dcc2;--btn-secondary-border:#e8dcc238;--btn-secondary-hover-bg:#382f28;--accent-orange:#c94e3d;--accent-orange-hover:#df624e;--accent-orange-soft:#c94e3d33;--export-dock-bg:#19191deb;--export-dock-border:#ffffff24;--export-dock-shadow:0 16px 38px #0000006b, 0 0 0 1px #ffffff0a;--scrollbar-thumb:#ffffff24;--scrollbar-thumb-hover:#ffffff47;color:var(--text-secondary);background:radial-gradient(circle at 9% 0%, #a63c3224, transparent 28%), var(--bg-app);font-synthesis:none;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;font-family:Manrope,system-ui,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-app:#f4eddf;--bg-topbar:#fffcf5f0;--border-topbar:#4433253d;--bg-sidebar:#fffaf0;--border-sidebar:#4433253b;--bg-input:#f3e8d4;--border-input:#44332557;--border-input-focus:#a63c32;--bg-card:#eadcc4;--bg-card-subtle:#4433250b;--bg-card-hover:#44332517;--border-card:#4433252b;--border-card-hover:#44332557;--text-primary:#2b211b;--text-secondary:#3b2e25;--text-muted:#716152;--text-subtle:#968674;--bg-workspace:#f0e3cb;--btn-primary-bg:#a63c32;--btn-primary-text:#fff6e8;--btn-primary-hover:#bf4a3d;--btn-secondary-bg:#fff8e8;--btn-secondary-text:#33271f;--btn-secondary-border:#44332540;--btn-secondary-hover-bg:#eadbc3;--accent-orange:#d85b4d;--accent-orange-hover:#e76f60;--accent-orange-soft:#d85b4d2b;--export-dock-bg:#fffcf5f7;--export-dock-border:#44332557;--export-dock-shadow:5px 6px 0 #6e482d1f, 0 16px 34px #44332524;--scrollbar-thumb:#4433253d;--scrollbar-thumb-hover:#44332566}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset!important;box-shadow:0 0 0 1000px var(--bg-input) inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;color:var(--text-primary)!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset!important;box-shadow:0 0 0 1000px var(--bg-input) inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;color:var(--text-primary)!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset!important;box-shadow:0 0 0 1000px var(--bg-input) inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;color:var(--text-primary)!important}input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset!important;box-shadow:0 0 0 1000px var(--bg-input) inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;color:var(--text-primary)!important}textarea:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset!important;box-shadow:0 0 0 1000px var(--bg-input) inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;color:var(--text-primary)!important}textarea:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset!important;box-shadow:0 0 0 1000px var(--bg-input) inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;color:var(--text-primary)!important}textarea:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset!important;box-shadow:0 0 0 1000px var(--bg-input) inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;color:var(--text-primary)!important}textarea:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset!important;box-shadow:0 0 0 1000px var(--bg-input) inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;color:var(--text-primary)!important}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:9999px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:0 0}body{background:radial-gradient(circle at 8% 0%, #a63c321f, transparent 30%), var(--bg-app);min-width:320px;min-height:100vh;color:var(--text-secondary);scroll-behavior:smooth;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.app-shell{background:var(--bg-app);grid-template-rows:68px minmax(0,1fr);grid-template-columns:340px minmax(0,1fr);height:100vh;max-height:100vh;display:grid;overflow:hidden}@media (max-width:900px){.app-shell{grid-template:"header""workspace""sidebar"/1fr;height:auto;min-height:100vh;overflow:visible;grid-template-columns:1fr!important}.topbar{grid-area:header;height:62px;padding:0 16px;position:sticky;top:0}.sidebar-container{border-bottom:1px solid #ffffff14;border-right:0;grid-area:sidebar;height:auto;min-height:0;max-height:none;overflow:visible}.sidebar{flex:none;height:auto;max-height:none;overflow:visible}.workspace{grid-area:workspace;height:auto;min-height:0;padding:14px 8px 24px;overflow:visible}.canvas-wrap{width:100%;padding:10px 4px}.workspace-stage{flex-direction:column;align-items:center;gap:10px}.canvas{min-height:500px}.export-dock{flex-basis:auto;width:min(100%,520px);margin:0;position:static}.export-dock-actions{flex-direction:column}}.pro-feature-prompt{border:1px solid color-mix(in srgb, var(--accent-orange) 30%, var(--border-card));background:var(--accent-orange-soft);border-radius:10px;gap:5px;padding:12px;font-size:12px;display:grid}.pro-feature-prompt strong{color:var(--text-primary)}.pro-feature-prompt span{color:var(--text-muted);line-height:1.4}.pro-feature-prompt .text-button{color:var(--accent-orange);justify-self:start;margin-top:2px}.pro-control-mark{color:var(--accent-orange);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;margin-left:5px;font-size:9px;font-weight:800}.pro-locked-control{gap:7px;display:grid;position:relative}.pro-locked-control>:disabled{opacity:.48}.pro-locked-primary{border-radius:9px;width:100%}.pro-locked-control>span{color:var(--text-muted);font-size:11px}.pro-locked-fieldset{opacity:.5;border:0;min-width:0;margin:0;padding:0}.pro-locked-fieldset+.text-button{margin-top:9px}.revenuecat-paywall-host{z-index:1000;pointer-events:none;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow:auto}.revenuecat-paywall-host:not(:empty){pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05070cb8}.revenuecat-paywall-host>*{border-radius:20px;overflow:auto;box-shadow:0 24px 80px #00000059;width:min(560px,100%)!important;max-width:560px!important;max-height:calc(100vh - 48px)!important}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8dcc2;background:#161412;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#161412;min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.marketing-shell{background:radial-gradient(circle at 12% 0,#a63c323d,#0000 32%),#161412;overflow:hidden}.marketing-nav{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;max-width:1200px;height:76px;margin:auto;padding:0 32px;display:flex}.marketing-nav-links{color:#a1a1aa;align-items:center;gap:26px;font-size:13px;font-weight:700;display:flex}.marketing-nav-links a:hover{color:#fff}.marketing-nav-cta,.marketing-primary-cta{color:#220f08;font:inherit;background:#f2764b;border:0;border-radius:10px;padding:11px 15px;font-size:13px;font-weight:800;transition:background .18s,transform .18s}.marketing-nav-cta:hover,.marketing-primary-cta:hover{background:#ff8b63;transform:translateY(-1px)}.marketing-hero{text-align:center;background:radial-gradient(circle at 50% -12%,#f2764b29,#0000 41%);padding:96px 24px 62px;position:relative}.marketing-eyebrow{color:#f2764b;letter-spacing:.14em;text-transform:uppercase;margin:0 0 17px;font-size:11px;font-weight:800}.marketing-hero h1{letter-spacing:-.078em;max-width:880px;margin:0 auto;font-family:Fraunces,serif;font-size:clamp(48px,7.2vw,86px);line-height:.94}.marketing-hero h1 em{color:#f2764b;font-style:normal}.marketing-lede{color:#a1a1aa;max-width:610px;margin:27px auto 0;font-size:clamp(16px,2vw,19px);line-height:1.65}.marketing-actions{justify-content:center;gap:11px;margin-top:29px;display:flex}.marketing-primary-cta{align-items:center;gap:8px;padding:13px 18px;display:inline-flex}.marketing-secondary-cta{color:#f4f4f5;cursor:pointer;font:inherit;background:0 0;border:1px solid #ffffff2e;border-radius:10px;padding:12px 17px;font-size:13px;font-weight:800;transition:background .18s,border-color .18s}.marketing-secondary-cta:hover{background:#ffffff0f;border-color:#ffffff52}.marketing-proof{color:#a1a1aa;justify-content:center;gap:20px;margin-top:20px;font-size:12px;font-weight:600;display:flex}.marketing-proof b{color:#f4f4f5}.not-found-page{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:center;gap:clamp(28px,6vw,84px);max-width:1180px;min-height:100vh;margin:0 auto;padding:clamp(48px,8vw,96px) 32px;display:grid;overflow:hidden}.not-found-page img{object-fit:contain;justify-self:center;width:min(100%,680px);max-width:100%;max-height:68vh;display:block}.not-found-page>div{max-width:440px}.not-found-page h1{color:#f4eddf;letter-spacing:-.065em;margin:12px 0 20px;font-family:Fraunces,Georgia,serif;font-size:clamp(38px,5vw,68px);line-height:.98}.not-found-page>div>p:not(.marketing-section-kicker){color:#b7aa96;margin:0 0 28px;font-size:16px;line-height:1.65}@media (max-width:760px){.not-found-page{text-align:center;grid-template-columns:1fr;justify-items:center;gap:18px;padding:42px 22px 64px}.not-found-page img{width:min(100%,560px);max-height:52vh}.not-found-page>div{max-width:520px}.not-found-page .marketing-primary-cta{justify-content:center}}.marketing-preview-wrap{max-width:1030px;margin:0 auto;padding:0 24px 84px}.marketing-preview{background:#121215;border:1px solid #ffffff1f;border-radius:26px;grid-template-columns:minmax(0,1fr) 270px;gap:14px;padding:14px;display:grid;overflow:hidden;box-shadow:0 30px 80px #00000061}.marketing-workspace{background:#18181b;border:1px solid #ffffff14;border-radius:17px;justify-content:center;align-items:center;min-height:500px;padding:40px;display:flex;position:relative}.marketing-workspace-label{color:#a1a1aa;background:#09090bd1;border:1px solid #ffffff1a;border-radius:999px;padding:7px 10px;font-size:11px;position:absolute;top:17px;left:17px}.marketing-workspace-label strong{color:#f4f4f5}.marketing-export{border-radius:22px;width:100%;max-width:min(100%,530px);display:block;box-shadow:0 25px 60px #0000006b}.marketing-platforms{padding-top:12px;padding-bottom:88px}.marketing-platform-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:30px;display:grid}.marketing-platform-card{background:#121215;border:1px solid #ffffff1a;border-radius:15px;align-items:center;gap:11px;min-width:0;padding:14px;transition:background .18s,border-color .18s,transform .18s;display:flex}.marketing-platform-card:hover{background:#19191d;border-color:#f2764b6b;transform:translateY(-2px)}.marketing-platform-card>span:nth-child(2){min-width:0}.marketing-platform-card strong,.marketing-platform-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.marketing-platform-card strong{letter-spacing:-.02em;font-size:13px}.marketing-platform-card small{color:#a1a1aa;margin-top:3px;font-size:10px}.marketing-platform-mark{border-radius:10px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;font-weight:800;display:inline-flex}.marketing-platform-mark img{object-fit:contain;width:18px;height:18px;display:block}.marketing-platform-mark-x img{width:15px;height:15px}.marketing-platform-mark-x{color:#09090b;background:#f4f4f5}.marketing-platform-mark-bluesky{color:#5ca5ff;background:#2d84ff29}.marketing-platform-mark-mastodon{color:#9a9bff;background:#6364ff29}.marketing-platform-mark-substack{color:#f2764b;background:#f2764b29}.marketing-platform-arrow{color:#71717a;margin-left:auto;font-size:16px}.marketing-controls{background:#121215;border:1px solid #ffffff1a;border-radius:17px;flex-direction:column;display:flex;overflow:hidden}.marketing-control-section{padding:15px}.marketing-control-section+.marketing-control-section{border-top:1px solid #ffffff14}.marketing-control-section h3{align-items:center;gap:8px;margin:0 0 13px;font-size:12px;display:flex}.marketing-control-section h3 span{color:#f2764b;font-size:15px}.marketing-control-section h3 b{color:#a1a1aa;margin-left:auto;font-size:15px;font-weight:400}.marketing-control-label{color:#a1a1aa;letter-spacing:.04em;text-transform:uppercase;margin-bottom:9px;font-size:10px;font-weight:800;display:block}.marketing-swatches{grid-template-columns:repeat(6,32px);gap:8px;margin:0 0 14px;display:grid}.marketing-swatches i{border:1px solid #ffffff29;border-radius:50%;width:32px;height:32px}.marketing-swatches i:first-child{background:linear-gradient(135deg,#f3d9b1 0%,#d5b9f6 48%,#94c8ee 100%)}.marketing-swatches i:nth-child(2){background:linear-gradient(145deg,#f8cdda 0%,#8d71d7 100%)}.marketing-swatches i:nth-child(3){background:linear-gradient(135deg,#17203a 0%,#446a9b 52%,#d49a6a 100%)}.marketing-swatches i:nth-child(4){background:linear-gradient(140deg,#b6f0d4 0%,#70b8cc 45%,#7467aa 100%)}.marketing-swatches i:nth-child(5){background:linear-gradient(145deg,#ffcf71 0%,#e86b89 52%,#7d55c7 100%)}.marketing-swatches i:nth-child(6){background:linear-gradient(135deg,#00c6ff 0%,#0072ff 100%)}.marketing-solid-swatches{margin-bottom:0}.marketing-solid-swatches i:first-child{background:#000}.marketing-solid-swatches i:nth-child(2){background:#0f1419}.marketing-solid-swatches i:nth-child(3){background:#1e1e24}.marketing-solid-swatches i:nth-child(4){background:#ff7a00}.marketing-solid-swatches i:nth-child(5){background:#00c853}.marketing-solid-swatches i:nth-child(6){background:#7c3aed}.marketing-upload-control{color:#f4f4f5;text-align:center;border:1px dashed #ffffff38;border-radius:99px;margin-top:16px;padding:10px;font-size:11px;font-weight:700}.marketing-range-control{margin-top:16px}.marketing-range-control>div{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.marketing-range-control span{color:#f4f4f5;font-size:11px;font-weight:700}.marketing-range-control b{color:#f4f4f5;border:1px solid #ffffff29;border-radius:6px;padding:4px 5px;font-size:10px}.marketing-range-control>i{background:#ffffff24;border-radius:99px;height:4px;display:block;position:relative}.marketing-range-control>i em{border-radius:inherit;height:inherit;background:#f2764b;width:38%;display:block;position:relative}.marketing-range-control>i em:after{content:"";background:#f2764b;border-radius:50%;width:13px;height:13px;position:absolute;top:-5px;right:-6px}.marketing-range-control+.marketing-range-control>i em{width:67%}.marketing-detail-toggles{gap:10px;display:grid}.marketing-detail-toggles div{justify-content:space-between;align-items:center;display:flex}.marketing-detail-toggles span{color:#f4f4f5;font-size:11px;font-weight:700}.marketing-detail-toggles i{background:#3f3f46;border-radius:99px;width:30px;height:17px;position:relative}.marketing-detail-toggles i:after{content:"";background:#f4f4f5;border-radius:50%;width:13px;height:13px;position:absolute;top:2px;left:2px}.marketing-detail-toggles i.on{background:#f2764b}.marketing-detail-toggles i.on:after{left:15px}.marketing-section{max-width:1140px;margin:auto;padding:92px 32px}.marketing-section-kicker{color:#f2764b;letter-spacing:.13em;text-transform:uppercase;margin:0 0 13px;font-size:11px;font-weight:800}.marketing-section h2{letter-spacing:-.065em;max-width:650px;margin:0;font-size:clamp(31px,4vw,50px);line-height:1}.marketing-section-lede{color:#a1a1aa;max-width:600px;margin:17px 0 0;font-size:16px;line-height:1.65}.marketing-feature-section{background:#121215;border-block:1px solid #ffffff14}.marketing-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:42px;display:grid}.marketing-feature{background:#18181b;border:1px solid #ffffff14;border-radius:17px;padding:23px}.marketing-feature-icon{color:#ff8d69;font-size:23px}.marketing-feature-heading{align-items:center;gap:12px;display:flex}.marketing-feature h3{letter-spacing:-.04em;margin:0;font-size:17px}.marketing-feature p{color:#a1a1aa;margin:12px 0 0 35px;font-size:13px;line-height:1.6}.marketing-template-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-top:40px;display:grid}.marketing-outcome-carousel{max-width:760px;margin-top:40px}.marketing-outcome{background:#2a2520c7;border:1px solid #e8dcc229;border-radius:8px 16px 10px 13px;overflow:hidden}.marketing-outcome-canvas{place-items:center;height:480px;padding:24px;display:grid}.marketing-outcome.transparent .marketing-outcome-canvas{background-color:#ded4c5;background-image:linear-gradient(45deg,#5a4a3829 25%,#0000 25%),linear-gradient(-45deg,#5a4a3829 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#5a4a3829 75%),linear-gradient(-45deg,#0000 75%,#5a4a3829 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.marketing-outcome-canvas .canvas-wrap{width:min(100%,410px);padding:0}.marketing-outcome-canvas .wasm-svg-wrapper{max-width:100%}.marketing-outcome-copy{border-top:1px solid #e8dcc21f;padding:15px 16px 17px}.marketing-outcome-copy h3{letter-spacing:-.03em;margin:0;font-size:15px}.marketing-outcome-copy p{color:#a1a1aa;margin:5px 0 0;font-size:12px;line-height:1.5}.marketing-outcome-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.marketing-outcome-tabs button{color:#a1a1aa;cursor:pointer;min-height:62px;font:inherit;text-align:center;background:0 0;border:1px solid #e8dcc229;border-radius:8px 12px 9px 10px;place-items:center;font-size:13px;font-weight:700;transition:background .18s,border-color .18s,color .18s;display:grid}.marketing-outcome-tabs button:hover,.marketing-outcome-tabs button:focus-visible{color:#f6ead2;border-color:#e8dcc26b;outline:none}.marketing-outcome-tabs button.active{color:#f6ead2;background:#d8574326;border-color:#d85743}.marketing-template{aspect-ratio:1/1.12;border-radius:18px;padding:16px;transition:transform .2s;position:relative;overflow:hidden}.marketing-template:hover{transform:translateY(-4px)rotate(-1deg)}.marketing-template strong{z-index:1;font-size:13px;display:block;position:relative}.marketing-template small{opacity:.7;z-index:1;margin-top:3px;font-size:10px;display:block;position:relative}.marketing-template:after{content:"";background:#ffffff30;border-radius:12px;height:44%;position:absolute;bottom:17px;left:17px;right:17px}.marketing-template:first-child{color:#341309;background:linear-gradient(145deg,#ffd5bf,#f2774d)}.marketing-template:nth-child(2){background:linear-gradient(145deg,#182537,#6f86aa)}.marketing-template:nth-child(3){color:#102117;background:linear-gradient(145deg,#cbe1c5,#527766)}.marketing-template:nth-child(4){color:#1d1538;background:linear-gradient(145deg,#d9ccff,#6a54a8)}.marketing-faq{background:#121215;border-top:1px solid #ffffff14}.marketing-faq-list{max-width:760px;margin-top:38px}.marketing-faq-list details{border-top:1px solid #ffffff1f;padding:19px 0}.marketing-faq-list details:last-child{border-bottom:1px solid #ffffff1f}.marketing-faq-list summary{cursor:pointer;font-size:15px;font-weight:700;list-style:none}.marketing-faq-list summary:after{color:#ff9d7c;content:"+";float:right;font-size:19px;line-height:.7}.marketing-faq-list details[open] summary:after{content:"−"}.marketing-faq-list p{color:#a1a1aa;margin:13px 32px 0 0;font-size:13px;line-height:1.65}.marketing-final{text-align:center;background:radial-gradient(circle at 50% 100%,#f2764b33,#0000 50%);padding-top:100px;padding-bottom:110px}.marketing-final h2,.marketing-final .marketing-section-lede{margin-inline:auto}.marketing-footer{color:#a1a1aa;border-top:1px solid #ffffff14;justify-content:space-between;max-width:1200px;margin:auto;padding:26px 32px 35px;font-size:12px;display:flex}.marketing-footer-links{gap:17px;display:flex}.marketing-footer a:hover{color:#fff}.marketing-page{max-width:1140px;min-height:calc(100vh - 166px);margin:auto;padding:88px 32px}.marketing-page-hero{max-width:690px}.marketing-page-hero h1{letter-spacing:-.07em;margin:0;font-size:clamp(38px,5vw,64px);line-height:.96}.marketing-page-hero>p:last-child{color:#a1a1aa;margin:20px 0 0;font-size:17px;line-height:1.65}.marketing-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:880px;margin-top:55px;display:grid}.marketing-pricing-card,.marketing-doc-grid article,.marketing-support-grid article,.marketing-changelog article{background:#18181b;border:1px solid #ffffff1a;border-radius:18px;padding:29px}.marketing-pricing-card-pro{border-color:#f2764ba6}.marketing-plan-label{color:#ff8d69;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.marketing-pricing-card h2{letter-spacing:-.06em;margin:11px 0 7px;font-size:38px}.marketing-pricing-card h2 small{color:#a1a1aa;letter-spacing:0;font-size:14px}.marketing-plan-summary,.marketing-pricing-card li,.marketing-doc-grid p,.marketing-support-grid p,.marketing-changelog li{color:#b4b4ba;font-size:14px;line-height:1.6}.marketing-pricing-card ul,.marketing-changelog ul{gap:9px;margin:24px 0 28px;padding:0;list-style:none;display:grid}.marketing-pricing-card li:before,.marketing-changelog li:before{color:#ff8d69;content:"✓";margin-right:9px;font-weight:800}.marketing-billing-note{color:#8b8b93;margin-top:15px;font-size:11px;line-height:1.5;display:block}.marketing-doc-grid,.marketing-support-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:55px;display:grid}.marketing-doc-grid article,.marketing-support-grid article{min-height:190px}.marketing-doc-grid h2,.marketing-support-grid h2,.marketing-changelog h2{letter-spacing:-.04em;margin:0;font-size:19px}.marketing-doc-grid p,.marketing-support-grid p{margin:12px 0 17px}.marketing-doc-grid a,.marketing-support-grid article>a:not(.marketing-primary-cta):not(.marketing-secondary-cta){color:#ff8d69;font-size:13px;font-weight:800}.marketing-changelog{max-width:760px;margin-top:55px}.marketing-changelog .marketing-section-kicker{margin-bottom:10px}.marketing-changelog ul{margin-bottom:0}.media-download-page{max-width:980px;min-height:calc(100vh - 166px);margin:auto;padding:88px 32px}.media-download-hero{max-width:720px}.media-download-hero h1{letter-spacing:-.07em;margin:0;font-size:clamp(38px,5vw,64px);line-height:.96}.media-download-hero>p:not(.marketing-section-kicker){color:#a1a1aa;margin:20px 0 0;font-size:17px;line-height:1.65}.media-download-form{margin-top:32px}.media-download-form label{margin-bottom:8px;font-size:12px;font-weight:800;display:block}.media-download-form>div{gap:10px;display:flex}.media-download-form input{color:#f4eddf;min-width:0;font:inherit;background:#110f0ead;border:1px solid #e8dcc23d;border-radius:10px;flex:1;padding:13px 14px}.media-download-form input:focus{border-color:#f2764b;outline:none}.media-download-form button:disabled,.media-download-card-footer button:disabled{cursor:wait;opacity:.65}.media-download-error{font-weight:700;color:#ff9b7b!important;font-size:14px!important}.media-download-results{margin-top:64px}.media-download-results-heading{justify-content:space-between;align-items:end;gap:18px;display:flex}.media-download-result-actions{align-items:center;gap:10px;display:flex}.media-download-result-actions button:disabled{cursor:wait;opacity:.65}.media-download-results h2{letter-spacing:-.055em;margin:0;font-size:clamp(26px,3vw,38px)}.media-download-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px;display:grid}.media-download-card{background:#211d1a;border:1px solid #e8dcc229;border-radius:13px 18px 11px 15px;overflow:hidden}.media-download-preview{aspect-ratio:1;background:#111}.media-download-preview img,.media-download-preview video{object-fit:cover;width:100%;height:100%;display:block}.media-download-card-footer{justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.media-download-card-footer span{color:#d8d2c7;font-size:13px;font-weight:800}.media-download-card-footer .marketing-primary-cta{padding:9px 12px}.unroll-page{max-width:980px;min-height:calc(100vh - 166px);margin:auto;padding:88px 32px}.unroll-hero{max-width:720px}.unroll-hero h1{letter-spacing:-.07em;margin:0;font-size:clamp(38px,5vw,64px);line-height:.96}.unroll-hero>p:not(.marketing-section-kicker){color:#a1a1aa;margin:20px 0 0;font-size:17px;line-height:1.65}.unroll-reader{grid-template-columns:170px minmax(0,640px);align-items:start;gap:42px;margin-top:64px;display:grid}.unroll-actions{background:#211d1ab8;border:1px solid #e8dcc229;border-radius:10px 14px 11px 13px;gap:8px;padding:12px;display:grid;position:sticky;top:22px}.unroll-actions span{color:#a1a1aa;padding:2px 4px 7px;font-size:12px;font-weight:800}.unroll-actions button,.unroll-actions a{color:#eee3d2;cursor:pointer;font:inherit;text-align:center;background:0 0;border:1px solid #e8dcc233;border-radius:6px 9px 7px 8px;justify-content:center;align-items:center;min-height:34px;padding:7px 9px;font-size:12px;font-weight:800;display:flex}.unroll-actions button:hover,.unroll-actions a:hover{color:#fff6e8;border-color:#d15749}.unroll-thread{gap:14px;display:grid;position:relative}.unroll-thread:before{content:"";background:#e8dcc224;width:1px;position:absolute;top:28px;bottom:28px;left:16px}.unroll-post-card{grid-template-columns:34px minmax(0,1fr);gap:14px;display:grid;position:relative}.unroll-post-marker{color:#d8d2c7;z-index:1;background:#2c2520;border:1px solid #e8dcc247;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:flex;position:relative}.unroll-post-content{background:#211d1a;border:1px solid #e8dcc229;border-radius:13px 18px 11px 15px;padding:18px}.unroll-post-author{align-items:center;gap:10px;display:flex}.unroll-post-author>img{object-fit:cover;border-radius:50%;width:40px;height:40px}.unroll-post-author>span{min-width:0;display:grid}.unroll-post-author strong{color:#f4eddf;align-items:center;gap:5px;font-size:14px;line-height:1.2;display:flex}.unroll-post-author i{color:#fff;background:#1d9bf0;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;font-style:normal;display:inline-flex}.unroll-post-author small,.unroll-post-content>footer,.unroll-link-preview small{color:#a1a1aa;font-size:12px}.unroll-post-author>a{color:#ff9b7b;margin-left:auto;font-size:11px;font-weight:800}.unroll-post-text{color:#f4eddf;white-space:pre-wrap;margin:18px 0 0;font-size:16px;line-height:1.58}.unroll-media{background:#0d0d0d;border-radius:11px;gap:2px;margin-top:16px;display:grid;overflow:hidden}.unroll-media-2,.unroll-media-3,.unroll-media-4{grid-template-columns:repeat(2,minmax(0,1fr))}.unroll-media img,.unroll-media video{aspect-ratio:4/3;object-fit:cover;width:100%;height:100%;display:block}.unroll-link-preview{color:inherit;border:1px solid #e8dcc229;border-radius:10px;align-items:center;gap:12px;margin-top:16px;display:flex;overflow:hidden}.unroll-link-preview>img{object-fit:cover;width:106px;height:76px}.unroll-link-preview>span{gap:3px;min-width:0;padding:9px 12px 9px 0;display:grid}.unroll-link-preview strong{color:#e7ddcf;font-size:13px;line-height:1.3}.unroll-post-content>footer{margin-top:16px}@media (max-width:760px){.marketing-nav{height:66px;padding:0 19px}.marketing-nav-links>a{display:none}.marketing-nav-links{gap:0}.marketing-hero{padding:70px 20px 49px}.marketing-actions{flex-direction:column;align-items:stretch;max-width:290px;margin-inline:auto}.marketing-primary-cta,.marketing-secondary-cta{justify-content:center}.marketing-proof{flex-wrap:wrap;gap:8px 15px}.marketing-workspace{min-height:0;padding:58px 12px 12px}.marketing-preview{grid-template-columns:1fr}.marketing-controls{display:none}.marketing-section{padding:68px 20px}.marketing-feature-grid{grid-template-columns:1fr;margin-top:30px}.marketing-feature{min-height:0}.marketing-feature h3{margin-top:22px}.marketing-template-grid{grid-template-columns:repeat(2,1fr);margin-top:30px}.marketing-outcome-carousel{margin-top:30px}.marketing-outcome-canvas{height:380px;padding:14px}.marketing-outcome-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-platform-grid{grid-template-columns:1fr}.marketing-footer{flex-direction:column;align-items:flex-start;gap:16px;padding:23px 20px 30px}.marketing-page,.media-download-page,.unroll-page{padding:60px 19px}.media-download-form>div,.media-download-results-heading,.media-download-result-actions{flex-direction:column;align-items:stretch}.media-download-results-heading .marketing-secondary-cta{text-align:center}.media-download-grid{grid-template-columns:1fr}.unroll-reader{grid-template-columns:1fr;gap:24px}.unroll-actions{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.unroll-actions span{grid-column:1/-1}.unroll-post-content{padding:14px}.unroll-post-text{font-size:15px}.marketing-pricing-grid,.marketing-doc-grid,.marketing-support-grid{grid-template-columns:1fr;margin-top:35px}}.marketing-shell{background:radial-gradient(circle at 80% 8%,#a63c3233,#0000 25%),#161412;min-height:100vh}.marketing-nav{border-color:#e8dcc229}.marketing-nav-cta,.marketing-primary-cta{color:#fff6e8;background:#b74438;border-radius:6px 12px 8px 10px;box-shadow:3px 3px #45171380}.marketing-nav-cta:hover,.marketing-primary-cta:hover{background:#d15749}.marketing-hero{isolation:isolate;min-height:570px;padding-bottom:90px}.marketing-hero h1,.marketing-page-hero h1,.marketing-section h2{letter-spacing:-.055em;font-family:Fraunces,Georgia,serif;font-weight:500}.marketing-hero h1 em{color:#d15749}.marketing-eyebrow,.marketing-section-kicker{color:#c79b54}.marketing-tatter{z-index:-1;object-fit:cover;object-position:52% top;opacity:.68;filter:sepia(.16)contrast(1.04);width:min(29vw,350px);max-height:490px;position:absolute;bottom:0;right:max(4vw,50vw - 560px);-webkit-mask-image:linear-gradient(#000 68%,#0000);mask-image:linear-gradient(#000 68%,#0000)}.marketing-preview{border-color:#e8dcc233;border-radius:14px 26px 16px 20px;box-shadow:12px 15px #772e242e,0 30px 80px #00000061}.marketing-workspace{background-color:#1c1815;background-image:none}.marketing-workspace-label{color:#c9bba4}.marketing-platform-card,.marketing-feature,.marketing-template,.marketing-pricing-card,.marketing-doc-grid article,.marketing-support-grid article,.marketing-changelog article{background:#2a2520c7;border-color:#e8dcc229;border-radius:8px 16px 10px 13px}.marketing-platform-card:hover,.marketing-feature:hover,.marketing-template:hover{background:#3a2f27f0;border-color:#c79b54ad}.marketing-page{min-height:calc(100vh - 160px)}.marketing-page-hero{border-bottom:1px solid #e8dcc224;padding-bottom:45px}.marketing-pricing-card-pro{border-color:#b74438a6;box-shadow:7px 9px #772e2438}.marketing-footer{border-top-color:#e8dcc224}@media (max-width:760px){.marketing-tatter{opacity:.26;width:260px;right:-54px}.marketing-hero{min-height:0}}.marketing-import{text-align:left;width:min(100%,610px);margin:30px auto 0}.marketing-import label{color:#c79b54;letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px 4px;font-size:11px;font-weight:800;display:block}.marketing-import>div{background:#161412c7;border:1px solid #e8dcc245;border-radius:9px 16px 11px 13px;gap:8px;padding:5px;display:flex;box-shadow:5px 6px #49191542}.marketing-import input{color:#f4eddf;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:0 12px;font:500 13px Manrope,sans-serif}.marketing-import input::placeholder{color:#988b78}.marketing-import .marketing-primary-cta{flex:none}.marketing-controls{background:#211d19;border:1px solid #e8dcc22b;border-radius:10px 18px 12px 16px}.marketing-control-section+.marketing-control-section{border-top-color:#e8dcc224}.marketing-control-section h3{color:#f4eddf;letter-spacing:-.025em;font-family:Fraunces,Georgia,serif;font-size:14px}.marketing-control-section h3 span,.marketing-control-label{color:#c79b54}.marketing-swatches i{box-shadow:0 0 0 1px #e8dcc22e}.marketing-swatches i.selected{box-shadow:0 0 0 2px #c94e3d,0 0 0 4px #c94e3d2e}.marketing-upload-control{color:#e8dcc2;border-color:#e8dcc23d;border-radius:7px 12px 8px 10px}.marketing-range-control span,.marketing-detail-toggles span{color:#e8dcc2}.marketing-range-control b{color:#c9bba4;border-color:#e8dcc238}.marketing-range-control>i{background:#e8dcc22b}.marketing-range-control>i em,.marketing-detail-toggles i.on{background:#c94e3d}.marketing-range-control>i em:after,.marketing-detail-toggles i.on:after{background:#fff6e8}.marketing-detail-toggles div{border-bottom-color:#e8dcc217}.marketing-editor-preview-grid{grid-template-columns:312px minmax(0,1fr);min-height:720px}.marketing-editor-preview .sidebar-container{border:1px solid #e8dcc22e;border-radius:14px 20px 12px 18px;height:auto;min-height:720px;overflow:visible}.marketing-editor-preview .sidebar{flex:none;height:auto;padding:12px 12px 0;overflow:visible}.marketing-editor-preview .control-section{border-top:0}.marketing-editor-preview .workspace{border:1px solid #e8dcc22e;border-radius:16px 22px 14px 18px;height:720px;min-height:0;padding:20px;overflow:visible}.marketing-editor-preview .workspace-stage{width:100%}.marketing-editor-preview .canvas-wrap{width:100%;padding:10px}@media (max-width:760px){.marketing-import>div{flex-direction:column}.marketing-import input{min-height:43px}.marketing-import .marketing-primary-cta{justify-content:center}.marketing-controls{display:flex}}@media (max-width:900px){.marketing-editor-preview-grid{grid-template-columns:1fr}.marketing-editor-preview .sidebar-container,.marketing-editor-preview .workspace{height:auto}.marketing-editor-preview .sidebar-container{max-height:none}}
.brand{color:var(--text-primary);letter-spacing:-.04em;align-items:center;gap:10px;font-family:Fraunces,serif;font-size:20px;font-weight:600;text-decoration:none;transition:color .18s;display:inline-flex}.brand:hover{color:#fff6e8}.brand:focus-visible{outline-offset:4px;border-radius:8px;outline:2px solid #b88a42}.brand>img{border:1px solid #b88a42;border-radius:7px 11px 8px 10px;width:32px;height:32px;display:block;box-shadow:0 4px 13px #00000047}
.button{cursor:pointer;letter-spacing:-.01em;border:0;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .16s cubic-bezier(.16,1,.3,1);display:inline-flex}.button-sm{padding:6px 10px;font-size:11px}.button-md{min-height:34px}.button-lg{min-height:44px;padding:10px 16px}.button-xl{min-height:52px;padding:10px 16px}.button-full-width{width:100%;min-width:0}.button.ghost{border:1px solid var(--border-input);color:var(--text-muted);background:0 0}.button.ghost:hover:not(:disabled){border-color:var(--accent-orange);color:var(--text-primary);background:var(--accent-orange-soft)}.button.danger{color:#ff8b91;background:0 0;border:1px solid #ff4b5273}.button.danger:hover:not(:disabled){background:#ff4b521a}.icon-button{min-width:0;padding:7px}.pro-locked-control{color:var(--text-muted);gap:6px;font-size:12px;display:grid}.pro-locked-control strong{color:var(--text-primary)}.button:hover{transform:translateY(-1px)}.button:active{transform:scale(.97)}.button:disabled{opacity:.45;cursor:wait;transform:none}.spin{transform-box:fill-box;transform-origin:50%;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.button.primary{background:var(--btn-primary-bg);min-width:110px;color:var(--btn-primary-text);box-shadow:0 1px 2px #0000001a, 0 0 0 1px var(--border-topbar)}.button.primary:hover{background:var(--btn-primary-hover)}.button.accent{background:var(--accent-orange);color:#18181b;box-shadow:0 1px 2px #0000001a}.button.accent:hover:not(:disabled){background:var(--accent-orange-hover)}.image-export-actions{box-shadow:0 1px 2px #0000001a, 0 0 0 1px var(--border-topbar);border-radius:9999px;flex-shrink:0;display:inline-flex;overflow:hidden}.image-export-actions .button.primary{box-shadow:none;border-radius:0}.image-export-actions .button:hover{transform:none}.image-export-actions .image-download-button{border-radius:9999px 0 0 9999px;min-width:112px}.image-export-actions .image-copy-button{border-left:1px solid var(--border-topbar);border-radius:0 9999px 9999px 0;min-width:40px;padding:8px 12px}.button.secondary{border:1px solid var(--btn-secondary-border);background:var(--btn-secondary-bg);min-width:116px;color:var(--btn-secondary-text)}.button.secondary:hover{background:var(--btn-secondary-hover-bg);border-color:var(--border-input-focus)}.hint{color:var(--text-subtle);font-size:12px}.error{color:#f87171;font-size:12px;font-weight:500}
.confirm-dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000094;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-dialog{border:1px solid var(--border-card);background:var(--bg-card);width:min(360px,100%);color:var(--text-primary);border-radius:18px;padding:25px;position:relative;box-shadow:0 24px 70px #00000052}.confirm-dialog-close{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:14px;right:14px}.confirm-dialog-close:hover{color:var(--text-primary);background:var(--bg-card-hover)}.confirm-dialog-icon{width:38px;height:38px;color:var(--accent-orange);background:var(--accent-orange-soft);border-radius:11px;place-items:center;margin-bottom:15px;display:grid}.confirm-dialog h2{margin:0 0 8px;font-size:18px}.confirm-dialog p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.confirm-dialog-actions{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.confirm-dialog-confirm{color:#fff;min-height:34px;font:inherit;cursor:pointer;background:#c95745;border:1px solid #0000;border-radius:9px;padding:0 13px;font-size:12px;font-weight:700}.confirm-dialog-confirm:hover{background:#df6853}
.theme-switcher{background:var(--bg-input);border:1px solid var(--border-input);border-radius:9999px;align-items:center;gap:2px;padding:3px;display:inline-flex}.theme-btn{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.theme-btn:hover:not(.active){color:var(--text-primary);background:var(--bg-card-hover)}.theme-btn.active{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-input);box-shadow:0 1px 3px #00000026}
.auth-control,.account-control{flex-shrink:0;align-items:center;gap:6px;display:flex}.account-control{border:1px solid var(--border-input);background:color-mix(in srgb, var(--bg-input) 88%, transparent);border-radius:10px;min-height:36px;padding:0;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 5px 16px #00000024}.account-control-guest{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;overflow:visible}.account-control:hover{border-color:var(--border-input-focus)}.auth-provider-button{gap:6px;min-height:34px;padding:0 10px;font-size:12px}.account-label{max-width:150px;height:36px;color:var(--text-primary);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;padding:0 11px;font-size:12px;font-weight:600;display:inline-flex;overflow:hidden}.account-icon-button{border:0;border-left:1px solid var(--border-input);width:38px;height:36px;color:var(--accent-orange);cursor:pointer;background:0 0;border-radius:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.account-icon-button:hover{color:var(--text-primary);border-color:var(--accent-orange);background:var(--accent-orange-soft)}.sign-in-button{gap:6px;min-height:34px;padding:0 13px;font-size:12px}.auth-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000094;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.auth-modal{border:1px solid var(--border-input);background:var(--bg-card);width:min(100%,410px);color:var(--text-primary);text-align:center;border-radius:24px;padding:38px 34px 30px;position:relative;box-shadow:0 24px 90px #00000061}.auth-modal-close{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:14px;right:14px}.auth-modal-close:hover{background:var(--bg-input);color:var(--text-primary)}.auth-modal-mark{object-fit:cover;border-radius:11px;width:42px;height:42px;margin:0 auto 16px;display:block;box-shadow:0 5px 14px #3922183d}.auth-modal-kicker{color:var(--text-subtle);letter-spacing:.16em;margin:0 0 8px;font-size:10px;font-weight:800}.auth-modal h2{letter-spacing:-.03em;margin:0;font-size:25px}.auth-modal-copy{max-width:310px;color:var(--text-muted);margin:12px auto 24px;font-size:13px;line-height:1.5}.auth-modal-providers{gap:10px;display:grid}.auth-provider-large{border:1px solid var(--border-input);background:var(--bg-input);width:100%;min-height:46px;color:var(--text-primary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:10px;font-size:13px;font-weight:700;transition:border-color .15s,background .15s,transform .15s;display:flex}.auth-provider-large:hover:not(:disabled){border-color:var(--border-input-focus);background:var(--bg-card);transform:translateY(-1px)}.auth-provider-large:disabled{cursor:wait;opacity:.65}.google-mark{color:#4285f4;font-size:18px;font-weight:800}.auth-modal-error{color:#fca5a5;margin:14px 0 0;font-size:12px;line-height:1.4}.auth-modal-terms{color:var(--text-subtle);margin:22px 0 0;font-size:10px}
.feedback-button{border:1px solid var(--border-input);background:var(--bg-input);min-height:34px;color:var(--text-secondary);font:inherit;cursor:pointer;border-radius:9px;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:600;transition:border-color .16s,color .16s,background .16s;display:inline-flex}.feedback-button:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--bg-input));color:var(--text-primary)}
.profile-topbar-title{color:var(--text-primary);font-size:14px;font-weight:700}.profile-page{background:var(--bg-app);min-height:calc(100vh - 68px);color:var(--text-primary);grid-column:1/-1;overflow:auto}.profile-page-inner{width:min(820px,100% - 48px);margin:0 auto;padding:36px 0 64px}.profile-back-button,.profile-delete-button{cursor:pointer;font:inherit;border:0}.profile-back-button{color:var(--text-muted);background:0 0;align-items:center;gap:7px;margin-bottom:28px;padding:7px 0;font-size:13px;display:inline-flex}.profile-back-button:hover{color:var(--text-primary)}.profile-heading{align-items:center;gap:16px;margin-bottom:28px;display:flex}.profile-avatar{border:1px solid color-mix(in srgb, var(--accent-orange) 35%, transparent);width:56px;height:56px;color:var(--accent-orange);background:color-mix(in srgb, var(--accent-orange) 12%, var(--bg-card));border-radius:16px;place-items:center;display:grid}.profile-kicker{color:var(--text-muted);letter-spacing:.12em;margin:0 0 5px;font-size:11px;font-weight:700}.profile-heading h1{margin:0;font-size:28px;line-height:1.15}.profile-heading p:last-child{color:var(--text-muted);margin:6px 0 0;font-size:13px}.profile-card{border:1px solid var(--border-card);background:var(--bg-card-subtle);border-radius:16px;margin-bottom:16px;padding:20px}.profile-card-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.profile-card-heading>div{align-items:center;gap:9px;display:flex}.profile-card-heading svg,.profile-info-item svg{color:var(--accent-orange)}.profile-card h2{margin:0;font-size:15px}.profile-count{color:var(--text-muted);background:var(--bg-card-subtle);border-radius:999px;padding:3px 8px;font-size:11px}.profile-preset-list,.profile-skeleton-list{gap:8px;display:grid}.profile-skeleton-row{background:linear-gradient(90deg, var(--bg-card-subtle) 25%, var(--bg-card-hover) 50%, var(--bg-card-subtle) 75%);background-size:220% 100%;border-radius:10px;height:44px;animation:1.2s ease-in-out infinite profile-skeleton-shimmer;display:block}.profile-skeleton-block,.profile-skeleton-line{background:linear-gradient(90deg, var(--bg-card-subtle) 25%, var(--bg-card-hover) 50%, var(--bg-card-subtle) 75%);background-size:220% 100%;animation:1.2s ease-in-out infinite profile-skeleton-shimmer;display:block}.profile-skeleton-avatar{border-radius:16px;width:56px;height:56px}.profile-heading-skeleton>div{gap:8px;display:grid}.profile-skeleton-kicker{border-radius:4px;width:104px;height:10px}.profile-skeleton-title{border-radius:6px;width:230px;height:30px}.profile-skeleton-email{border-radius:4px;width:150px;height:13px}.profile-skeleton-line{border-radius:5px;height:14px}.profile-skeleton-line-wide{width:min(300px,80vw)}.profile-skeleton-line-medium{width:190px}.profile-skeleton-line-short{width:125px}@media (prefers-reduced-motion:reduce){.profile-skeleton-block,.profile-skeleton-line,.profile-skeleton-row{animation:none}}@keyframes profile-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.profile-preset-row{border:1px solid var(--border-card);background:color-mix(in srgb, var(--bg-card-subtle) 65%, transparent);border-radius:10px;align-items:center;gap:10px;min-height:44px;padding:7px 9px;display:flex}.profile-preset-swatch{border:1px solid #7f7f7f59;border-radius:4px;flex:none;width:13px;height:13px}.profile-preset-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.profile-preset-rename{flex:1;align-items:center;gap:5px;display:flex}.profile-preset-rename input{border:1px solid var(--accent-orange);min-width:0;height:28px;color:var(--text-primary);background:var(--bg-input);font:inherit;border-radius:7px;flex:1;padding:0 7px;font-size:12px}.profile-preset-date{color:var(--text-muted);font-size:11px}.profile-preset-action{width:29px;height:29px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;display:grid}.profile-preset-action:hover{color:var(--text-primary);background:var(--bg-card-hover)}.profile-apply-action{color:var(--accent-orange);transform:rotate(180deg)}.profile-delete-button:hover{color:#d05252;background:#d052521f}.profile-empty-state{max-width:560px;color:var(--text-muted);justify-items:start;gap:12px;margin:72px auto 0;font-size:13px;display:grid}.profile-empty-state svg{color:var(--accent-orange)}.profile-empty-state h1,.profile-empty-state p{margin:0}.profile-empty-state h1{color:var(--text-primary);font-size:28px;line-height:1.15}.profile-empty-state .button{margin-top:8px}.profile-pro-locked{background:var(--accent-orange-soft);border-radius:10px;gap:5px;padding:13px;font-size:12px;display:grid}.profile-pro-locked strong{color:var(--text-primary)}.profile-pro-locked span{color:var(--text-muted)}.profile-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.profile-asset-list{gap:7px;display:grid}.profile-asset-row{border:1px solid var(--border-card);background:color-mix(in srgb, var(--bg-card-subtle) 65%, transparent);border-radius:10px;align-items:center;gap:10px;min-height:46px;padding:7px 9px;display:flex}.profile-asset-row>svg{color:var(--accent-orange);flex:none}.profile-asset-preview{border:1px solid var(--border-card);object-fit:cover;background:var(--bg-card);border-radius:7px;flex:none;width:36px;height:36px}.profile-asset-details{flex:1;min-width:0}.profile-asset-details strong,.profile-asset-details>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.profile-asset-details strong{align-items:center;gap:7px;margin-bottom:2px;font-size:11px;display:flex}.profile-asset-kind{color:var(--text-primary);text-transform:uppercase;letter-spacing:.08em}.profile-asset-usage{min-width:0;color:var(--accent-orange);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;overflow:hidden}.profile-asset-details span,.profile-asset-size{color:var(--text-muted);font-size:11px}.profile-asset-used{color:var(--accent-orange);background:var(--accent-orange-soft);border-radius:999px;padding:3px 7px;font-size:10px;font-weight:700}.profile-info-item{gap:11px;display:flex}.profile-info-item strong{margin-bottom:4px;font-size:13px;display:block}.profile-info-item span{color:var(--text-muted);font-size:12px;line-height:1.4}.profile-subscription-next-charge{color:var(--text-muted);margin-top:-2px}.profile-subscription-link{color:var(--accent-orange);margin-top:10px;font-size:12px;font-weight:700;display:inline-block}.profile-danger-card{border-color:#ff4b5240;justify-content:space-between;align-items:center;gap:20px;display:flex}.profile-danger-card h2{margin:0 0 5px;font-size:14px}.profile-danger-card p{color:var(--text-muted);margin:0;font-size:12px}.profile-danger-button{color:#ff8b91;font:inherit;cursor:pointer;background:0 0;border:1px solid #ff4b5273;border-radius:8px;flex-shrink:0;padding:8px 11px;font-size:11px;font-weight:700}.profile-danger-button:hover{background:#ff4b521a}@media (max-width:680px){.profile-page-inner{width:min(100% - 28px,820px);padding-top:24px}.profile-info-grid{grid-template-columns:1fr}.profile-preset-date{display:none}}
.export-dock{z-index:5;border:1px solid var(--export-dock-border);background:var(--export-dock-bg);box-shadow:var(--export-dock-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:10px 18px 12px 16px;flex-direction:column;flex:0 0 238px;align-self:flex-start;align-items:stretch;gap:12px;margin:15px 0 0;padding:16px;display:flex;position:sticky;top:24px}.export-dock-heading{color:var(--text-primary);letter-spacing:-.03em;justify-content:space-between;align-items:center;font-family:Fraunces,serif;font-size:17px;font-weight:800;display:flex}.export-dock-meta{color:var(--text-subtle);letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px;font-weight:600}.export-dock-actions{flex-direction:column;align-items:stretch;gap:12px;display:flex}.export-tabs{border:1px solid var(--border-input);background:var(--bg-input);border-radius:10px;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;display:grid}.export-tabs button{min-width:0;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:8px 4px;font-size:12px;font-weight:700}.export-tabs button.active{color:var(--text-primary);background:#b88a422e;box-shadow:0 1px 3px #0003}.export-tabs button:disabled,.export-scale button:disabled{cursor:not-allowed;opacity:.35}.export-tabs .pro-control-mark{margin:2px 0 0;font-size:7px;display:block}.export-scale{color:var(--text-subtle);justify-content:space-between;align-items:center;font-size:12px;display:flex}.export-scale>div{gap:4px;display:flex}.export-scale button{background:var(--bg-input);color:var(--text-muted);cursor:pointer;border:1px solid #0000;border-radius:6px;padding:6px 9px;font-size:12px}.export-scale button.active{border-color:var(--accent-orange);color:var(--text-primary)}@media (max-width:900px){.export-dock{flex:none;margin:0}}
.topbar{background:var(--bg-topbar);border-bottom:1px solid var(--border-topbar);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;grid-column:1/-1;justify-content:space-between;align-items:center;gap:20px;height:68px;padding:0 24px;display:flex}.top-center{flex:1;justify-content:center;align-items:center;gap:10px;max-width:560px;margin:0 auto;display:flex;position:relative}.header-reset-button{border:1px solid var(--border-input);background:var(--bg-input);width:44px;height:44px;color:var(--text-muted);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.header-reset-button:hover:not(:disabled){background:var(--bg-card);color:var(--text-primary);border-color:var(--border-input-focus);transform:rotate(-45deg)}.header-reset-button:active:not(:disabled){transform:scale(.94)rotate(-90deg)}.header-reset-button:disabled{opacity:.3;cursor:default}.header-url-box{border:1px solid var(--border-input);background:var(--bg-input);border-radius:9999px;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:10px;width:100%;height:44px;padding:4px 6px 4px 18px;transition:border-color .15s,box-shadow .15s;display:grid;box-shadow:inset 0 1px 1px #0000001a}.header-url-box:focus-within{border-color:var(--accent-orange);box-shadow:0 0 0 2px var(--accent-orange-soft)}.header-url-box input{min-width:0;color:var(--text-primary);background:0 0;border:0;outline:0;font-size:14px;font-weight:500}.header-url-box input::placeholder{color:var(--text-subtle);font-size:14px}.header-url-box button{background:var(--btn-primary-bg);width:34px;height:34px;color:var(--btn-primary-text);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,opacity .15s;display:flex}.header-url-box button:hover:not(:disabled){transform:scale(1.06)}.header-url-box button:active:not(:disabled){transform:scale(.94)}.header-url-box button:disabled{opacity:.3;cursor:default}.header-error-badge{color:#fca5a5;white-space:nowrap;z-index:20;background:#451a1a;border:1px solid #ef444466;border-radius:8px;padding:5px 12px;font-size:12px;font-weight:500;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0006}.top-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}@media (max-width:700px){.topbar{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"brand actions""center center";gap:10px 12px;height:auto;min-height:62px;padding:10px 12px;display:grid}.topbar>.brand{grid-area:brand}.top-center{grid-area:center;width:100%;max-width:none;margin:0}.top-actions{grid-area:actions;justify-content:flex-end;gap:6px}.feedback-button{justify-content:center;width:34px;min-height:34px;padding:0;font-size:0}.header-reset-button{width:38px;height:38px}.header-url-box{height:40px;padding-left:14px}.header-url-box button{width:32px;height:32px}.account-label{max-width:92px;padding:0 8px}.theme-switcher .theme-btn{width:25px;height:25px}}@media (max-width:430px){.brand{gap:7px;font-size:14px}.brand>img{width:28px;height:28px}.feedback-button{display:none}.account-label{max-width:70px}}
.sidebar-container{background:var(--bg-sidebar);border-right:1px solid var(--border-sidebar);flex-direction:column;min-width:260px;max-width:580px;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.sidebar{flex:1;height:100%;min-height:0;padding-bottom:32px;overflow:hidden auto}.sidebar-resize-handle{cursor:col-resize;z-index:50;-webkit-user-select:none;user-select:none;width:8px;height:100%;position:absolute;top:0;right:-4px}.sidebar-resize-handle:after{content:"";background:0 0;width:2px;height:100%;transition:background .15s;position:absolute;top:0;left:3px}.sidebar-resize-handle:hover:after,body.is-resizing .sidebar-resize-handle:after{background:#fff6}body.is-resizing{-webkit-user-select:none!important;user-select:none!important;cursor:col-resize!important}.text-button{color:#a1a1aa;cursor:pointer;background:#ffffff0d;border:0;border-radius:9999px;align-items:center;gap:5px;margin-top:8px;padding:4px 8px;font-size:11px;font-weight:500;transition:all .15s;display:inline-flex}.text-button:hover{color:#fff;background:#ffffff1a}.reset-settings-button{border:1px solid var(--border-input);background:var(--bg-card-subtle);width:max-content;color:var(--text-muted);border-radius:9px;justify-content:flex-start;margin:10px auto 12px;padding:8px 10px;display:flex}.reset-settings-button:hover:not(:disabled){border-color:var(--border-card-hover);background:var(--bg-card-hover);color:var(--text-primary)}.reset-settings-button:disabled{cursor:not-allowed;opacity:.45}.preset-status-line{min-height:18px;color:var(--text-muted);align-items:center;gap:7px;margin:0 2px 8px;font-size:11px;display:flex}.preset-save-now{color:var(--accent-orange);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0;font-size:11px;font-weight:700}.preset-save-now:hover:not(:disabled){text-decoration:underline}.preset-save-now:disabled{cursor:not-allowed;opacity:.4}.preset-status-dot{background:#4d8a5b;border-radius:50%;flex:0 0 6px;width:6px;height:6px;box-shadow:0 0 0 3px #4d8a5b1f}.preset-status-dot.saving{background:var(--accent-orange);box-shadow:0 0 0 3px var(--accent-orange-soft);animation:1s ease-in-out infinite preset-status-pulse}.preset-status-dot.dirty,.preset-status-dot.switched{background:var(--accent-orange);box-shadow:0 0 0 3px var(--accent-orange-soft)}@keyframes preset-status-pulse{50%{opacity:.35}}.preset-list{gap:4px;display:grid}.preset-skeleton-list{gap:7px;padding:4px 2px 2px;display:grid}.preset-skeleton-row{background:linear-gradient(90deg, var(--bg-card-subtle) 20%, var(--bg-card-hover) 50%, var(--bg-card-subtle) 80%);background-size:200% 100%;border-radius:5px;width:78%;height:14px;animation:1.2s ease-in-out infinite preset-skeleton-shimmer;display:block}.preset-skeleton-row:nth-child(2){width:62%}.preset-skeleton-row-short{width:42%}@keyframes preset-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.preset-row{min-width:0;min-height:38px;color:var(--text-primary);cursor:pointer;border:1px solid #0000;border-radius:9px;align-items:center;gap:9px;padding:0 9px;transition:background .14s,border-color .14s,color .14s;display:flex;position:relative}.preset-row:hover{background:#f7f5f1}[data-theme=dark] .preset-row:hover{background:#ffffff12}.preset-row.active{background:var(--accent-orange-soft);color:var(--accent-orange);border-color:#c9622f59}.preset-swatch{border:1px solid #00000029;border-radius:4px;flex:0 0 12px;width:12px;height:12px;box-shadow:inset 0 0 0 1px #ffffff38}.preset-row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.preset-row-check{color:var(--accent-orange);flex:none}.preset-row-actions{align-items:center;gap:2px;margin-left:auto;display:none}.preset-row:hover .preset-row-actions,.preset-row:focus-within .preset-row-actions{display:flex}.preset-row:hover .preset-row-check,.preset-row:focus-within .preset-row-check{display:none}.preset-row-action{width:25px;height:25px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.preset-row-action:hover{color:var(--text-primary);background:#00000012}[data-theme=dark] .preset-row-action:hover{background:#ffffff1a}.preset-row-action.danger:hover{color:#c54d4d}.preset-inline-input{border:1px solid var(--accent-orange);background:var(--bg-input);min-width:0;height:28px;color:var(--text-primary);border-radius:6px;outline:none;flex:1;padding:0 7px;font-size:12px}.preset-empty{color:var(--text-subtle);margin:4px 2px 2px;font-size:11px}.preset-create-area{border-top:1px solid var(--border-sidebar);margin-top:10px;padding-top:10px;position:relative}.preset-split-wrap,.preset-create-inline{align-items:stretch;display:flex}.preset-split-wrap{flex-direction:column;gap:4px}.preset-create-primary{border-radius:10px}.preset-more-button{min-height:24px;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:4px;font-size:11px;display:inline-flex}.preset-more-button:hover{color:var(--text-primary)}.preset-create-inline .preset-name-input{border-radius:9px 0 0 9px;height:36px}.preset-create-inline .preset-action-button{border-color:var(--accent-orange);background:var(--accent-orange);color:#fff;border-radius:0;height:36px}.preset-cancel-button{height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;margin-left:6px;padding:0 8px;font-size:11px}.preset-cancel-button:hover{color:var(--text-primary)}.preset-create-menu{z-index:4;border:1px solid var(--border-input);background:var(--bg-card);border-radius:10px;gap:2px;padding:5px;display:grid;position:absolute;bottom:calc(100% + 7px);left:0;right:0;box-shadow:0 12px 28px #0003}.preset-create-menu button{color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;gap:2px;padding:8px 9px;display:grid}.preset-create-menu button:hover{background:var(--bg-card-hover)}.preset-create-menu strong{font-size:12px}.preset-create-menu span{color:var(--text-muted);font-size:10px}.preset-name-input,.preset-select{border:1px solid var(--border-input);background:var(--bg-input);min-width:0;height:36px;color:var(--text-primary);border-radius:9px;outline:none;flex:1;padding:0 10px;font-size:12px}.preset-name-input:focus,.preset-select:focus{border-color:var(--accent-orange);box-shadow:0 0 0 2px var(--accent-orange-soft)}.preset-action-button{border:1px solid var(--border-input);background:var(--bg-input);width:36px;height:36px;color:var(--text-muted);cursor:pointer;border-radius:9px;flex:0 0 36px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.preset-action-button:hover:not(:disabled){border-color:var(--accent-orange);background:var(--accent-orange-soft);color:var(--text-primary)}.preset-delete-button:hover:not(:disabled){color:#f87171;background:#f871711a;border-color:#f8717199}.preset-action-button:disabled{cursor:not-allowed;opacity:.45}.preset-empty{color:var(--text-subtle);margin:0;font-size:12px;line-height:1.45}.empty-sidebar{color:#71717a;text-align:center;background:#ffffff05;border:1px dashed #ffffff1a;border-radius:14px;justify-items:center;gap:6px;margin:16px;padding:20px 16px;display:grid}.empty-sidebar strong{color:#e4e4e7;font-size:12px;font-weight:600}.empty-sidebar span{max-width:190px;font-size:11px;line-height:1.45}.controls-disabled{opacity:.4;pointer-events:none;-webkit-user-select:none;user-select:none}.control-section{border-top:0}.control-section summary,.control-section-static-header{color:var(--text-primary);letter-spacing:.03em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:space-between;align-items:center;margin:2px 6px;padding:14px 16px;font-size:16px;font-weight:700;list-style:none;transition:background .15s,color .15s;display:flex}.control-section-static-header{cursor:default}.control-section summary::-webkit-details-marker{display:none}.control-section summary:hover{background:var(--bg-card-hover);color:var(--text-primary)}.section-title{color:var(--text-primary);align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.section-chevron{color:var(--text-muted);transition:transform .22s cubic-bezier(.16,1,.3,1),color .15s}.control-section summary:hover .section-chevron{color:var(--text-primary)}.control-section[open] summary .section-chevron{transform:rotate(180deg)}.section-body{gap:14px;padding:8px 16px 22px;display:grid}.swatches{grid-template-columns:repeat(auto-fit,32px);justify-content:start;gap:8px;display:grid}.swatches button{cursor:pointer;border:0;border-radius:50%;width:32px;height:32px;transition:transform .16s,box-shadow .16s;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a,0 1px 3px #0000004d}.swatches button:hover{transform:scale(1.08)}.swatches button.active{box-shadow:0 0 0 2px var(--bg-app), 0 0 0 4px var(--text-primary);transform:scale(1.05)}.upload{border:1px dashed var(--border-input);background:var(--bg-card-subtle);color:var(--text-primary);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.upload:hover{background:var(--bg-card-hover);border-color:var(--border-card-hover);color:var(--text-primary)}.upload input{display:none}.watermark-text-input{border:1px solid var(--border-input);background:var(--bg-input);width:100%;min-height:38px;color:var(--text-primary);border-radius:9px;outline:none;padding:8px 10px;font-size:13px}.watermark-controls{border:0;gap:8px;min-inline-size:0;margin:0;padding:0;display:grid}.watermark-text-input:focus{border-color:var(--accent-orange);box-shadow:0 0 0 2px var(--accent-orange-soft)}.community-note-control{gap:8px;margin-top:8px;display:grid}.community-note-input{resize:vertical;border:1px solid var(--border-input);background:var(--bg-input);width:100%;min-height:88px;color:var(--text-primary);font:inherit;border-radius:9px;outline:none;padding:9px 10px;font-size:13px;line-height:1.45}.community-note-input:focus{border-color:var(--accent-orange);box-shadow:0 0 0 2px var(--accent-orange-soft)}.watermark-position-hint{color:var(--text-subtle);text-align:center;font-size:11px}.watermark-video-warning{color:#d99a32;background:#f59e0b1a;border:1px solid #f59e0b47;border-radius:8px;margin:0;padding:8px 10px;font-size:11px;line-height:1.4}.wasm-svg-wrapper{position:relative}.wasm-svg-content>svg{font-family:inherit!important}.video-overlay-layer{z-index:2;pointer-events:none;position:absolute;inset:0}.video-overlay{object-fit:cover;pointer-events:auto;display:block;position:absolute}.watermark-dragging .watermark-render{visibility:hidden}.watermark-preview{z-index:3;color:#fff;text-align:center;text-shadow:0 0 2px #000,0 0 4px #00000061;white-space:nowrap;pointer-events:none;place-items:center;min-width:32px;min-height:24px;font-family:Manrope,sans-serif;font-size:28px;font-weight:800;line-height:1;display:grid;position:absolute}.watermark-preview img{object-fit:contain;width:28px;height:28px;display:block}.watermark-preview img+span{margin-top:4px;font-size:12px}.watermark-drag-target{z-index:3;border:1px dashed var(--accent-orange);background:var(--accent-orange-soft);color:var(--accent-orange);cursor:move;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:8px;place-items:center;display:grid;position:absolute}.watermark-drag-target:hover,.watermark-drag-target:focus-visible{box-shadow:0 0 0 3px var(--accent-orange-soft);background:#f2764b3d;outline:none}.watermark-drag-label{color:#fff;letter-spacing:.04em;text-transform:uppercase;background:#09090bb8;border-radius:999px;padding:3px 6px;font-size:9px;font-weight:800}.segmented{background:var(--bg-input);border:1px solid var(--border-input);border-radius:9999px;grid-template-columns:1fr 1fr;gap:2px;padding:3px;display:grid}.segmented.thirds{grid-template-columns:repeat(3,1fr)}.segmented.fifths{grid-template-columns:repeat(5,1fr)}.sidebar-subheading{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin-top:6px;margin-bottom:2px;font-size:12px;font-weight:700}.segmented button{color:var(--text-muted);cursor:pointer;text-transform:capitalize;background:0 0;border:0;border-radius:9999px;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:13px;font-weight:600;transition:all .14s;display:flex}.segmented button:hover:not(.active){color:var(--text-primary);background:var(--bg-card-hover)}.segmented button.active{background:linear-gradient(180deg, var(--accent-orange-soft), var(--bg-card));color:var(--text-primary);box-shadow:0 1px 3px #0003, inset 0 0 0 1px var(--accent-orange);border:1px solid var(--accent-orange);font-weight:700}.range{gap:8px;font-size:13px;display:grid}.range-header{justify-content:space-between;align-items:center;display:flex}.range-label{color:var(--text-primary);letter-spacing:.01em;font-size:13px;font-weight:600}.range-badge{background:var(--bg-card);border:1px solid var(--border-input);height:26px;color:var(--text-primary);border-radius:6px;align-items:center;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;font-weight:700;line-height:18px;display:inline-flex}.range-badge-button{appearance:none;cursor:text;transition:border-color .15s,background .15s}.range-badge-button:hover{border-color:var(--accent-orange);background:var(--accent-orange-soft)}.range-badge-editing{border-color:var(--accent-orange);box-shadow:0 0 0 2px var(--accent-orange-soft);gap:2px;padding:2px 5px}.range-badge-input{width:42px;color:var(--text-primary);font:inherit;text-align:right;background:0 0;border:0;outline:0;padding:0}.range-badge-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.range-badge-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.range-badge-input[type=number]{-moz-appearance:textfield}.range-unit{color:var(--text-muted);margin-left:2px;font-size:12px;font-weight:600}.direction-control{gap:8px;display:grid}.direction-control-header{justify-content:space-between;align-items:center;display:flex}.direction-values{gap:4px;display:flex}.direction-value-button{padding-inline:7px}.direction-value-editing{gap:4px;padding-inline:6px}.direction-value-input{width:26px}.direction-pad{border:1px solid var(--border-input);background:linear-gradient(var(--bg-card-subtle), var(--bg-card-subtle)), var(--bg-input);cursor:crosshair;touch-action:none;border-radius:14px;outline:none;width:100%;height:116px;position:relative;overflow:hidden}.direction-pad:focus-visible{border-color:var(--accent-orange);box-shadow:0 0 0 2px var(--accent-orange-soft)}.direction-pad-axis{background:var(--border-input);pointer-events:none;position:absolute}.direction-pad-axis-x{height:1px;top:50%;left:10%;right:10%}.direction-pad-axis-y{width:1px;top:10%;bottom:10%;left:50%}.direction-pad-center{border:1px solid var(--text-muted);pointer-events:none;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.direction-pad-thumb{border:3px solid var(--accent-orange);background:var(--bg-input);width:22px;height:22px;box-shadow:0 3px 10px #0000004d, 0 0 0 4px var(--accent-orange-soft);pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.direction-pad-hint{color:var(--text-subtle);text-align:center;font-size:11px}.range input[type=range]{appearance:none;background:linear-gradient(to right, var(--accent-orange) 0%, var(--accent-orange) var(--slider-pct,0%), #7d7d7d40 var(--slider-pct,0%), #7d7d7d40 100%);cursor:pointer;border-radius:9999px;outline:none;width:100%;height:4px;margin:6px 0}.range input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent-orange);cursor:grab;border:none;border-radius:50%;width:14px;height:14px;transition:transform .15s;box-shadow:0 1px 4px #0000004d}.range input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.2)}.range input[type=range]:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.25)}.range input[type=range]::-moz-range-thumb{background:var(--accent-orange);cursor:grab;border:none;border-radius:50%;width:14px;height:14px;transition:transform .15s;box-shadow:0 1px 4px #0000004d}.range input[type=range]:hover::-moz-range-thumb{transform:scale(1.2)}.dual-range{gap:8px;font-size:13px;display:grid}.translation-actions{gap:8px;display:grid}.translation-actions select{border:1px solid var(--border-input);background:var(--bg-card);width:100%;color:var(--text-primary);border-radius:7px;padding:6px 8px;font-size:12px}.translation-split{border-radius:9999px;display:flex;overflow:hidden}.translation-split .button{border-radius:0}.translation-split .button:hover:not(:disabled){filter:brightness(1.08);transform:none}.translation-split .button-full-width{flex:1;width:auto}.translation-split .button:first-child{border-radius:9999px 0 0 9999px}.translation-split .translation-reset-button{border-left:1px solid #18181b40;border-radius:0 9999px 9999px 0;min-width:44px;padding-inline:12px}.dual-range-header{justify-content:space-between;align-items:center;display:flex}.dual-range-label{color:var(--text-primary);letter-spacing:.01em;font-size:13px;font-weight:600}.dual-range-badge{background:var(--bg-card);border:1px solid var(--border-input);color:var(--text-primary);border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;font-weight:700;display:inline-flex}.dual-range-track-container{align-items:center;height:20px;display:flex;position:relative}.dual-range-track-bg{background:#7d7d7d40;border-radius:9999px;height:4px;position:absolute;left:0;right:0}.dual-range-highlight{background:var(--accent-orange);border-radius:9999px;height:4px;position:absolute}.dual-range-input{pointer-events:none;appearance:none;background:0 0;width:100%;height:20px;margin:0;padding:0;position:absolute;top:0;left:0}.dual-range-input::-webkit-slider-thumb{pointer-events:auto;appearance:none;background:var(--accent-orange);cursor:grab;border:none;border-radius:50%;width:14px;height:14px;transition:transform .15s;box-shadow:0 1px 4px #0000004d}.dual-range-input:hover::-webkit-slider-thumb{transform:scale(1.2)}.dual-range-input:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.25)}.dual-range-input::-moz-range-thumb{pointer-events:auto;background:var(--accent-orange);cursor:grab;border:none;border-radius:50%;width:14px;height:14px;transition:transform .15s;box-shadow:0 1px 4px #0000004d}.dual-range-input:hover::-moz-range-thumb{transform:scale(1.2)}.dual-range-footer{color:var(--text-muted);justify-content:space-between;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;font-weight:600;display:flex}.toggle-row{color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:3px 0;font-size:14px;font-weight:600;transition:color .15s;display:flex}.toggle-row:hover{color:var(--text-primary)}.toggle{border:1px solid var(--border-input);background:var(--bg-card);cursor:pointer;border-radius:9999px;width:36px;height:20px;padding:2px;transition:background-color .2s,border-color .2s;position:relative}.toggle span{background:var(--text-primary);border-radius:50%;width:14px;height:14px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background-color .2s;display:block;box-shadow:0 1px 3px #00000040}.toggle.on{background:var(--accent-orange);border-color:var(--accent-orange)}.toggle.on span{background:var(--bg-app);transform:translate(16px)}.edit-post{color:var(--text-secondary);gap:6px;font-size:12px;font-weight:600;display:grid}.edit-post textarea{resize:vertical;border:1px solid var(--border-input);background:var(--bg-input);min-height:80px;color:var(--text-primary);border-radius:10px;outline:none;padding:10px 12px;font-size:12px;line-height:1.5;transition:border-color .15s}.edit-post textarea:focus{border-color:var(--border-input-focus)}.panel-title{padding:18px 18px 12px}.panel-title small{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:700;display:block}.panel-title strong{color:var(--text-primary);font-size:16px;font-weight:700}.font-control{color:var(--text-primary);gap:7px;font-size:13px;font-weight:600;display:grid}.font-control-label{display:block}.font-select-wrap{position:relative}.font-select-trigger{border:1px solid var(--border-input);background:var(--bg-card-hover);width:100%;min-height:40px;color:var(--text-primary);font:inherit;cursor:pointer;text-align:left;border-radius:999px;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;font-weight:500;transition:border-color .15s,background .15s;display:flex}.font-select-trigger:hover,.font-select-trigger[aria-expanded=true]{border-color:var(--border-input-focus);background:var(--bg-input)}.font-select-trigger:focus-visible{outline:2px solid var(--accent-orange);outline-offset:2px}.font-select-trigger svg{color:var(--text-muted);flex:none;transition:transform .15s}.font-select-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.font-select-menu{z-index:20;border:1px solid var(--border-card-hover);background:var(--bg-sidebar);border-radius:14px;gap:3px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 14px 30px #00000052}.font-select-option{min-height:34px;color:var(--text-secondary);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:0 10px;font-size:13px;font-weight:500;display:flex}.font-select-option:hover,.font-select-option.active{background:var(--bg-card-hover);color:var(--text-primary)}.font-select-option.active svg{color:var(--accent-orange)}
.workspace{background-color:var(--bg-workspace);flex-direction:column;align-items:center;min-width:0;height:100%;min-height:0;padding:30px 38px 38px;display:flex;position:relative;overflow:hidden}.workspace-stage{flex:auto;justify-content:center;align-items:stretch;gap:18px;width:min(100%,75vw);min-height:0;display:flex}@media (max-width:900px){.workspace{height:auto;padding:14px 8px 24px;overflow:visible}.workspace-stage{flex:none}}
.canvas-workspace{flex:auto;justify-content:stretch;align-items:stretch;min-width:0;min-height:0;display:flex;position:relative}.canvas-viewport-frame{flex:auto;width:100%;min-width:0;height:100%;min-height:0}.canvas-viewport{-webkit-backdrop-filter:contrast(.95);backdrop-filter:contrast(.95);border-radius:14px;width:100%;min-width:0;height:100%;min-height:0;overflow:hidden;width:100%!important;height:100%!important}.canvas-zoom-content{width:fit-content;height:fit-content}.canvas-zoom-target{width:760px}.canvas-zoom-target>.canvas-wrap{justify-content:center;width:100%;padding:20px;display:flex}.canvas-zoom-controls{z-index:2;border:1px solid var(--border-input);background:color-mix(in srgb, var(--bg-card) 90%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:9px;min-inline-size:0;margin:0;padding:0;display:flex;position:absolute;bottom:14px;right:14px;overflow:hidden;box-shadow:0 6px 18px #0000003d}.canvas-zoom-controls button{border:0;border-right:1px solid var(--border-input);min-width:34px;min-height:32px;color:var(--text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:4px;padding:0 9px;display:inline-flex}.canvas-zoom-controls button:last-child{border-right:0}.canvas-zoom-controls button:hover{background:var(--bg-input);color:var(--text-primary)}.canvas-zoom-controls span{font-size:11px;font-weight:700}.canvas-zoom-hint{color:var(--text-subtle);opacity:.78;pointer-events:none;align-items:center;gap:5px;margin:0;font-size:11px;display:inline-flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}@media (max-width:900px){.canvas-workspace{width:100%;min-height:520px}.canvas-zoom-hint{display:none}}
.import-progress{text-align:center;place-items:center;min-height:min(680px,100vh - 150px);padding:32px;display:grid}.import-progress-art{width:min(100%,560px);animation:3.6s ease-in-out infinite import-progress-float;position:relative}.import-progress-art img{object-fit:contain;width:100%;max-height:470px;display:block}.import-progress-thread{background:linear-gradient(90deg,#0000,#d85b4d 22%,#ef8270 50%,#d85b4d 78%,#0000) 0 0/200% 100%;border-radius:999px;width:29%;height:2px;animation:1.4s linear infinite import-progress-thread;position:absolute;bottom:18%;right:9%;transform:rotate(-12deg);box-shadow:0 0 10px #d85b4d99}.import-progress-copy{margin-top:-18px}.import-progress-copy p{color:var(--accent-orange);letter-spacing:.1em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:800}.import-progress-copy h2{color:var(--text-primary);letter-spacing:-.045em;margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(25px,3vw,37px);font-weight:500}.import-progress-copy span{max-width:340px;color:var(--text-muted);margin:11px auto 0;font-size:13px;line-height:1.6;display:block}@keyframes import-progress-float{50%{transform:translateY(-8px)}}@keyframes import-progress-thread{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.import-progress-art,.import-progress-thread{animation:none}}@media (max-width:700px){.import-progress{min-height:410px;padding:20px}.import-progress-art{width:min(100%,390px)}.import-progress-art img{max-height:340px}}
.mascot-state{text-align:center;place-items:center;min-height:min(680px,100vh - 150px);padding:28px;display:grid}.mascot-state img{object-fit:contain;width:min(100%,380px);max-height:390px}.mascot-state p{color:var(--accent-orange);letter-spacing:.1em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:800}.mascot-state h2{color:var(--text-primary);letter-spacing:-.045em;margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(25px,3vw,37px);font-weight:500}.mascot-state span{max-width:360px;color:var(--text-muted);margin:11px auto 18px;font-size:13px;line-height:1.6;display:block}.mascot-state-success{z-index:10;border:1px solid var(--export-dock-border);background:var(--export-dock-bg);width:min(290px,100% - 32px);min-height:0;box-shadow:var(--export-dock-shadow);pointer-events:none;border-radius:10px 18px 12px 16px;padding:14px;position:absolute;bottom:24px;right:26px}.mascot-state-success img{width:150px;max-height:135px;animation:.45s cubic-bezier(.16,1,.3,1) mascot-success}.mascot-state-success h2{font-size:20px}.mascot-state-success span{margin-bottom:0;font-size:11px}@keyframes mascot-success{0%{opacity:0;transform:translateY(12px)scale(.95)}}
.canvas{box-sizing:border-box;border-radius:24px;justify-content:center;align-items:center;width:100%;max-width:800px;display:flex;position:relative;box-shadow:0 24px 64px #0000008c,0 0 0 1px #ffffff0d;background-position:50%!important;background-size:cover!important}.canvas-overlay{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.post-stack{z-index:1;justify-items:center;gap:16px;width:100%;max-width:600px;display:grid;position:relative}.post-stack.align-left{justify-items:start}.post-stack.align-center{justify-items:center}.post-stack.align-right{justify-items:end}.mockup-label,.empty-canvas-label{z-index:2;color:#a1a1aa;letter-spacing:.08em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#09090bbf;border:1px solid #ffffff1a;border-radius:9999px;padding:4px 8px;font-size:9px;font-weight:700;position:absolute;bottom:13px;right:16px}.empty-canvas-label{background:#09090b80}.canvas-meta{white-space:nowrap;color:#71717a;gap:12px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;display:flex}.warning{color:#f0c978;background:#ffcc5c1f;border:1px solid #ffcc5c29;border-radius:8px;padding:9px 13px;font-size:11px}.post-card{letter-spacing:normal;padding:20px 22px 18px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:width .2s,border-radius .2s,box-shadow .2s;position:relative}.post-card.light{color:#17171b;background:#fff}.post-card.dark{color:#f5f5f7;background:#121317}.post-head{grid-template-columns:40px minmax(0,1fr) 22px;align-items:center;gap:12px;display:grid}.avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.avatar-fallback{color:#fff;background:#5856d6;place-items:center;font-size:16px;font-weight:700;display:grid}.author-line{flex-direction:column;min-width:0;font-size:15px;line-height:1.25;display:flex;overflow:hidden}.author-line strong{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:9px;min-width:0;font-size:15px;font-weight:700;display:inline-flex;overflow:hidden}.author-line>span{color:#71767b;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:14px;overflow:hidden}.author-line.compact{font-size:14px}.verified{color:#fff;background:#2697e8;border-radius:50%;flex-shrink:0;place-items:center;width:14px;height:14px;display:inline-grid}.x-brand-mark{place-self:start end;margin-top:2px;font-family:Arial,sans-serif;font-size:20px;font-weight:700;line-height:1}.post-text{overflow-wrap:anywhere;white-space:pre-wrap;margin:14px 0 12px;font-size:17px;line-height:23px}.post-card time{color:#71767b;margin-top:12px;font-size:14px;line-height:20px;display:block}.post-media{box-sizing:border-box;border-radius:16px;margin:14px 0 12px;overflow:hidden}.media-gallery img,.media-gallery video{width:100%;min-width:0;height:auto;display:block}.media-gallery.multi{aspect-ratio:16/9;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;display:grid}.media-gallery.multi img,.media-gallery.multi video{object-fit:cover;width:100%;height:100%}.metrics{color:#71767b;justify-content:space-between;align-items:center;margin-top:14px;padding-top:6px;display:flex}.metric{color:#71767b;align-items:center;gap:6px;font-size:13px;font-weight:500;line-height:18px;display:inline-flex}.metric svg{stroke:#71767b}.thread-line{z-index:0;background:#cfd9de;border-radius:1px;width:2px;height:24px;position:absolute;bottom:-20px;left:41px}.dark .thread-line{background:#333639}.quote-card{border:1px solid #0000001f;border-radius:12px;margin:12px 0;padding:12px;overflow:hidden}.dark .quote-card{border-color:#ffffff24}.quote-head{align-items:center;gap:8px;display:flex}.quote-head>img,.quote-head>span:first-child{object-fit:cover;color:#fff;background:#5856d6;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:grid}.quote-card>p{overflow-wrap:anywhere;white-space:pre-wrap;margin:8px 0 0;font-size:14px;line-height:19px}.quote-media{border:1px solid #53647138;border-radius:10px;width:100%;margin-top:10px;overflow:hidden}
.thread-picker{gap:8px;padding:0 16px 18px;display:grid}.thread-item{border:1px solid var(--border-card);background:var(--bg-card-subtle);cursor:pointer;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px 14px;transition:all .15s;display:grid}.thread-item-main{grid-template-columns:20px 28px minmax(0,1fr);align-items:center;gap:12px;min-width:0;display:grid}.thread-item:hover{border-color:var(--border-card-hover);background:var(--bg-card-hover);transform:translateY(-1px)}.thread-item input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--text-primary)}.thread-item>span{background:var(--bg-card);width:28px;height:28px;color:var(--text-primary);border:1px solid var(--border-card);border-radius:8px;place-items:center;font-size:13px;font-weight:700;display:grid}.thread-item p{white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);margin:0;font-size:13px;font-weight:500;line-height:1.4;overflow:hidden}.thread-media-toggle,.thread-video-toggle,.thread-media-download{border:1px solid var(--border-card);width:32px;height:32px;color:var(--text-muted);background:var(--bg-card);cursor:pointer;border-radius:8px;place-items:center;padding:0;transition:all .15s;display:grid}.thread-item-actions{scrollbar-width:thin;flex-wrap:nowrap;grid-area:1/2;align-items:center;gap:8px;min-width:0;max-width:210px;display:flex;overflow-x:auto}.thread-media-summary{border:1px solid var(--border-card);height:30px;color:var(--text-muted);background:var(--bg-card);cursor:pointer;border-radius:8px;grid-area:1/2;align-items:center;gap:5px;padding:0 8px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.thread-media-summary:hover,.thread-media-summary.expanded{color:var(--text-primary);border-color:var(--border-input-focus);background:var(--bg-card-hover)}.thread-media-summary b{min-width:17px;height:17px;color:var(--text-primary);background:var(--bg-card-hover);border-radius:5px;place-items:center;font-size:10px;display:grid}.thread-media-tray{border-top:1px solid var(--border-card);grid-column:1/-1;gap:8px;padding:9px 10px 2px 60px;display:grid}.thread-media-tray-header{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.thread-media-visibility{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:4px;padding:3px 6px;font-size:11px;display:inline-flex}.thread-media-visibility:hover{color:var(--text-primary);background:var(--bg-card-hover)}.thread-media-visibility.disabled{color:#f87171}.thread-media-grid{grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:6px;display:grid}.thread-media-card{gap:4px;min-width:0;display:grid}.thread-media-card.hidden .thread-media-preview{opacity:.42}.thread-media-preview{border:1px solid var(--border-card);min-height:46px;color:var(--text-muted);background:var(--bg-card);border-radius:7px;place-items:center;display:grid;position:relative;overflow:hidden}.thread-media-preview img{object-fit:cover;width:100%;height:46px;display:block}.thread-media-preview span{color:#fff;background:#000000a6;border-radius:4px;place-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:grid;position:absolute;top:3px;left:3px}.thread-media-card-actions{justify-content:center;gap:3px;display:flex}.thread-media-card-button{border:1px solid var(--border-card);width:26px;height:24px;color:var(--text-muted);background:var(--bg-card);cursor:pointer;border-radius:6px;place-items:center;padding:0;display:grid}.thread-media-card-button:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-input-focus);background:var(--bg-card-hover)}.thread-media-card-button.active{color:#38bdf8;background:#172554;border-color:#38bdf88c}.thread-media-card-button.disabled{color:#f87171;background:#2a181a;border-color:#ef444480}.thread-media-card-button:disabled{cursor:wait;opacity:.7}.thread-media-actions{border:1px solid var(--border-card);background:var(--bg-card);border-radius:9px;flex:none;align-items:center;gap:3px;padding:2px;display:inline-flex}.thread-media-index{min-width:18px;height:28px;color:var(--text-muted);text-align:center;place-items:center;font-size:11px;font-weight:700;display:grid}.thread-item-actions>.thread-media-toggle,.thread-media-actions .thread-video-toggle,.thread-media-actions .thread-media-download{border:0;border-radius:7px;width:28px;height:28px}.thread-item-actions>.thread-media-toggle{flex:none}.thread-media-download{color:var(--text-muted);background:var(--bg-card)}.thread-media-download:hover:not(:disabled){color:var(--text-primary);background:var(--bg-card-hover);border-color:var(--border-input-focus)}.thread-media-download:disabled{cursor:wait;opacity:.7}.thread-media-toggle.active{color:var(--text-primary);background:var(--bg-card);border-color:var(--border-card-hover)}.thread-media-toggle.active:hover{color:var(--text-primary);background:var(--bg-card-hover);border-color:var(--border-input-focus)}.thread-media-toggle.disabled{color:#f87171;background:#2a181a;border-color:#ef444480}.thread-media-toggle.disabled:hover{color:#fca5a5;background:#3e1e22;border-color:#ef4444b3}.thread-video-toggle.active{color:#38bdf8;background:#172554;border-color:#38bdf88c}.thread-video-toggle.active:hover{color:#7dd3fc;background:#1e3a8a;border-color:#38bdf8}.thread-video-toggle.disabled{color:#f87171;background:#2a181a;border-color:#ef444480}.thread-video-toggle.disabled:hover{color:#fca5a5;background:#3e1e22;border-color:#ef4444b3}.thread-quoted-item{color:var(--text-muted);grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;margin:-2px 10px 4px 44px;font-size:12px;display:grid}.thread-quoted-item .thread-item-actions{grid-column:1/-1;padding-left:58px}.thread-quoted-item .thread-media-summary{grid-area:2/2;justify-self:start}.thread-quoted-item .thread-media-tray{grid-row:3}.thread-quoted-item span{color:var(--text-muted);font-weight:600}.thread-quoted-item p{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);margin:0;font-size:13px;font-weight:600;overflow:hidden}
.export-progress-card{z-index:100;background:color-mix(in srgb, var(--bg-card) 94%, var(--accent-orange));-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-card);width:min(380px,100vw - 32px);box-shadow:0 16px 42px #00000047, 0 0 0 1px var(--accent-orange-soft);border-radius:16px;flex-direction:column;gap:14px;padding:16px;animation:.25s cubic-bezier(.16,1,.3,1) editor-slide-up-fade;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes editor-slide-up-fade{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.export-progress-header{justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:600;display:flex}.export-progress-title{align-items:center;gap:10px;display:flex}.export-progress-icon-wrap{background:var(--accent-orange-soft);width:30px;height:30px;color:var(--accent-orange);border-radius:9px;flex:none;place-items:center;display:grid}.export-progress-icon-wrap svg{animation:1.8s linear infinite editor-spin}@keyframes editor-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.export-progress-percent{font-variant-numeric:tabular-nums;color:var(--accent-orange);flex-shrink:0;font-weight:700}.export-progress-copy{gap:2px;min-width:0;display:grid}.export-progress-copy strong{color:var(--text-primary);font-size:13px}.export-progress-copy span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.export-progress-bar-track{background:var(--bg-input);width:100%;height:7px;box-shadow:inset 0 0 0 1px var(--border-input);border-radius:999px;position:relative;overflow:hidden}.export-progress-bar-fill{background:linear-gradient(90deg, var(--accent-orange), var(--accent-orange-hover));border-radius:999px;height:100%;transition:width .2s}.export-progress-actions{justify-content:flex-end;display:flex}