@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 base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:--theme(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:--theme(--default-font-feature-settings, normal);font-variation-settings:--theme(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:--theme(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:--theme(--default-mono-font-feature-settings, normal);font-variation-settings:--theme(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{@tailwind utilities;}:root{--ink:#273540;--muted:#756f67;--paper:#f8f0df;--panel:#fffaf0;--line:#dfd2bd;--accent:#df6047;--accent-dark:#b9412f;--stage:#e9eee8;--admin-paper:#ececea;--admin-line:#c9c8c3;--tool-shelf:#218982;--tool-shelf-soft:#dcf3ee;--tool-divider:#a66b08;--tool-divider-soft:#fff0c9;--tool-rail:#3975bd;--tool-rail-soft:#dfebfb;--tool-trouser-rack:#2f8094;--tool-trouser-rack-soft:#dff2f4;--tool-drawer:#c94f55;--tool-drawer-soft:#fde1e2;--tool-doors:#7555ad;--tool-doors-soft:#eee5fb}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0}body{font-family:Avenir Next,PingFang SC,Hiragino Sans GB,sans-serif}button,input{font:inherit}button{color:inherit}:is(button:focus-visible,input:focus-visible){outline:3px solid color-mix(in srgb, var(--accent), transparent 68%);outline-offset:2px}.member-gate-shell{min-height:100dvh;padding:max(24px, env(safe-area-inset-top,0px)) max(18px, env(safe-area-inset-right,0px)) max(24px, env(safe-area-inset-bottom,0px)) max(18px, env(safe-area-inset-left,0px));background:radial-gradient(circle at 78% 18%,#f0b59142 0 10%,#0000 28%),linear-gradient(115deg,#f8eedb 0 48%,#dfebe5 48% 100%);place-items:center;display:grid;position:relative;overflow:hidden}.member-gate-shell:before{content:"";opacity:.25;pointer-events:none;background-image:linear-gradient(#796d5d20 1px,#0000 1px),linear-gradient(90deg,#796d5d20 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:-80px;transform:rotate(-4deg)}.member-gate-card{z-index:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffaf1f2;border:1px solid #cfbfa8;border-radius:28px 28px 28px 9px;width:min(440px,100%);padding:38px 38px 34px;position:relative;box-shadow:8px 8px #bda98b,0 28px 90px #21332d2d}.member-gate-card>small,.member-design-dialog header small{color:#a84b35;letter-spacing:1.7px;font:750 9px/1.2 DIN Alternate,sans-serif}.member-gate-card h1{color:#293a41;letter-spacing:1px;margin:10px 0 9px;font-family:Songti SC,Noto Serif SC,serif;font-size:clamp(25px,5vw,34px);line-height:1.18}.member-gate-card>p{color:#70685e;margin:0 0 25px;font-size:13px;line-height:1.7}.member-gate-emblem{color:#fff;background:#df6047;border:1px solid #d06a52;border-radius:12px 20px 12px 5px;place-items:center;width:54px;height:54px;margin-bottom:21px;display:grid;box-shadow:4px 4px #a23a27}.member-gate-emblem svg{width:26px;height:26px}.member-gate-card form{gap:16px;display:grid}.member-gate-card label{color:#40505a;gap:7px;font-size:12px;font-weight:700;display:grid}.member-gate-card input{color:#293a41;background:#fffdf8;border:1px solid #d5c8b4;border-radius:12px 12px 12px 4px;width:100%;min-width:0;min-height:48px;padding:11px 13px;font-size:16px;font-weight:650}.member-gate-card input[aria-invalid=true]{background:#fff5f5;border-color:#c94f55}.member-code-field{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.member-code-field button{color:#36564f;cursor:pointer;background:#e3efea;border:1px solid #778d88;border-radius:12px 12px 12px 4px;min-height:48px;padding:8px 12px;font-size:11px;font-weight:750}.member-code-field button:disabled,.member-enter-button:disabled{opacity:.48;cursor:not-allowed}.member-code-expiry{color:#587069;letter-spacing:.15px;font-size:10px;font-weight:650}.member-consent-note{color:#8d8479;margin:-3px 0 0;font-size:10px;line-height:1.5}.member-gate-message{color:#69463c;background:#f6eadf;border-left:3px solid #df6047;padding:9px 11px;font-size:11px;line-height:1.5}.member-enter-button{color:#fff;letter-spacing:.5px;cursor:pointer;background:#293a41;border:0;border-radius:13px 13px 13px 5px;min-height:50px;font-weight:750;box-shadow:inset 0 -3px #14222966}.member-service-unavailable{border-color:#d2a095}.member-gate-close{color:#52605f;cursor:pointer;background:#fffdf8;border:1px solid #d5c8b4;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:18px;right:18px}.member-gate-close:disabled{opacity:.5;cursor:wait}.member-gate-loading{color:#293a41;align-content:center;gap:9px}.member-gate-loading .member-gate-emblem{margin:0 auto 13px;animation:1.2s ease-in-out infinite alternate member-gate-breathe}.member-gate-loading>span{color:#756f67;font-size:12px}@keyframes member-gate-breathe{to{transform:translateY(-4px);box-shadow:4px 8px #a23a27}}.member-authenticated-shell{width:100%;height:100dvh;position:relative;overflow:hidden}.member-account-bar{z-index:70;top:134px;right:max(12px, env(safe-area-inset-right,0px));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf1ef;border:1px solid #cfbfa8;border-radius:13px 13px 13px 5px;align-items:stretch;display:flex;position:fixed;overflow:hidden;box-shadow:3px 3px #bda98b,0 12px 34px #1d2a3224}.member-account-bar>span{color:#3c504d;align-items:center;gap:6px;padding:8px 10px;display:flex}.member-account-bar>span strong{font-size:10px}.member-account-bar>span small{color:#82796c;font:700 9px DIN Alternate,sans-serif}.member-account-bar button{color:#52655f;cursor:pointer;background:0 0;border:0;border-left:1px solid #dfd2bd;align-items:center;gap:5px;min-height:38px;padding:7px 9px;font-size:10px;font-weight:700;display:inline-flex}.member-account-bar button:hover{background:#edf3ee}.member-account-bar button b{color:#fff;background:#df6047;border-radius:9px;place-items:center;min-width:17px;height:17px;font-size:8px;display:grid}.member-floating-message{z-index:120;left:50%;bottom:max(22px, env(safe-area-inset-bottom,0px));color:#fff;background:#26363c;border-radius:8px;padding:10px 14px;font-size:11px;position:fixed;transform:translate(-50%);box-shadow:0 12px 35px #0004}.member-design-backdrop{z-index:110}.member-verification-backdrop{z-index:130}.member-design-dialog{background:#fffaf1;border:1px solid #cfbfa8;border-radius:22px 22px 22px 8px;width:min(520px,100vw - 28px);max-height:min(720px,100dvh - 28px);padding:24px;overflow-y:auto;box-shadow:8px 8px #bda98b,0 28px 90px #17251f66}.member-design-dialog header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.member-design-dialog header h2{color:#293a41;margin:5px 0 0;font-family:Songti SC,Noto Serif SC,serif;font-size:24px}.member-design-dialog header button{cursor:pointer;background:#fffdf8;border:1px solid #d5c8b4;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.member-design-empty{color:#756f67;text-align:center;border:1px dashed #d5c8b4;border-radius:14px;align-content:center;place-items:center;gap:10px;min-height:160px;margin:0;padding:25px;font-size:12px;line-height:1.7;display:grid}.member-design-empty svg{color:#df6047}.member-design-list{gap:9px;margin:0;padding:0;list-style:none;display:grid}.member-design-list li{background:#fffdf8;border:1px solid #ddd0bc;border-radius:13px 13px 13px 5px;grid-template-columns:minmax(120px,1fr) auto auto;align-items:center;gap:12px;padding:12px;display:grid}.member-design-list li>div:first-child{gap:4px;min-width:0;display:grid}.member-design-list li strong{text-overflow:ellipsis;white-space:nowrap;color:#34464d;font-size:13px;overflow:hidden}.member-design-list li small,.member-design-list li>span{color:#847b70;font-size:9px}.member-design-list li>span[role=alert]{color:#a63f32;font-weight:750}.member-design-actions{align-items:center;gap:6px;display:flex}.member-design-actions button{color:#36564f;cursor:pointer;background:#edf3ee;border:1px solid #bca88a;border-radius:9px 9px 9px 4px;flex:none;min-height:36px;padding:7px 10px;font-size:10px;font-weight:750}.member-design-actions .member-design-delete{color:#a33d2f;background:#fff6f2;border-color:#d5aaa0}.member-design-actions .member-design-cancel{background:#fffdf8}.member-design-actions .member-design-delete-confirm{color:#fff;background:#b84734;border-color:#a33d2f}.member-design-actions button:disabled,.member-design-dialog header button:disabled{opacity:.5;cursor:wait}.member-design-dialog footer{justify-content:flex-end;margin-top:18px;display:flex}.member-design-dialog footer button{color:#405550;cursor:pointer;background:#fffdf8;border:1px solid #c9bba5;border-radius:9px;min-height:40px;padding:8px 14px;font-size:11px;font-weight:700}.app-shell{flex-direction:column;height:100dvh;min-height:680px;display:flex;overflow:hidden}.topbar{color:#fff;z-index:5;background:#22221f;grid-template-columns:280px 1fr auto;align-items:center;height:72px;padding:0 22px;display:grid;box-shadow:0 8px 30px #2a282018}.brand-block{align-items:center;gap:12px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#d5664d,#a92f1e);border:1px solid #ef9a86;border-radius:3px 11px 3px 3px;place-items:center;width:40px;height:40px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #8e271b35,0 5px 16px #140d0a42}.brand-cabinet{border:2px solid;border-radius:2px 6px 2px 2px;grid-template-columns:1fr 1fr;width:22px;height:25px;display:grid;position:relative}.brand-cabinet:before{content:"";z-index:1;background:currentColor;border-radius:2px;height:2px;position:absolute;top:8px;left:2px;right:2px}.brand-cabinet b{border-right:1px solid #ffffff7a;position:relative}.brand-cabinet b:last-child{border:0}.brand-cabinet b:after{content:"";background:currentColor;border-radius:50%;width:2px;height:2px;position:absolute;top:14px;right:2px}.brand-cabinet b:last-child:after{left:2px;right:auto}.brand-block div{flex-direction:column;line-height:1;display:flex}.brand-block strong{letter-spacing:4px;font-family:Songti SC,Noto Serif SC,serif;font-size:20px;font-weight:700}.brand-block span:last-child{color:#aaa79e;letter-spacing:2.1px;font:8px/1.8 DIN Alternate,sans-serif}.project-title{justify-self:center;align-items:center;gap:9px;font-size:14px;display:flex}.project-title input{color:#fff;text-align:center;background:0 0;border:0;border-bottom:1px solid #0000;width:min(30vw,260px);padding:6px 4px}.project-title input:hover,.project-title input:focus{border-bottom-color:#5c5a54}.project-title small{color:#8d8b84;border-left:1px solid #45443f;padding-left:12px}.status-dot{background:#89a975;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #89a97522}.top-actions{align-items:center;gap:7px;display:flex}.icon-button,.view-button,.segmented button{cursor:pointer;background:0 0;border:0}.icon-button{color:#a8a69f;padding:8px;font-size:21px}.icon-button:disabled{color:#55534e;cursor:not-allowed}.reset-button{border-left:1px solid #45443f;border-radius:0;margin-left:2px;padding-left:13px}.primary-button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:5px;align-items:center;gap:7px;margin-left:8px;padding:11px 17px;font-weight:650;display:inline-flex;box-shadow:inset 0 -2px #8d2f1f55}.workspace{flex:1;grid-template-columns:280px minmax(420px,1fr) 278px;min-height:0;display:grid}.panel{background:var(--panel);scrollbar-width:thin;scrollbar-color:#cec9bf transparent;padding:25px 20px;overflow-y:auto}.left-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line)}.step-heading{align-items:flex-start;gap:12px;margin-bottom:19px;display:flex}.step-heading>span{color:var(--accent);border-top:2px solid var(--accent);padding-top:5px;font:700 13px/1 DIN Alternate,sans-serif}.step-heading div{flex-direction:column;gap:3px;display:flex}.step-heading strong{font-size:15px}.step-heading small,.material-row small,.selection-title small{color:var(--muted);font-size:11px}.step-heading.compact{margin-bottom:15px}.dimension-grid{gap:11px;display:grid}.cabinet-manager{gap:10px;display:grid}.cabinet-manager-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.cabinet-manager-head>div{flex-direction:column;gap:3px;display:flex}.cabinet-manager-head strong{font-size:13px}.cabinet-manager-head small{color:var(--muted);font-size:9px}.cabinet-manager-head>button{color:var(--accent);cursor:pointer;background:#fbefeb;border:1px solid #d7a498;border-radius:4px;align-items:center;gap:4px;padding:7px 9px;font-size:10px;display:flex}.cabinet-tabs{flex-wrap:wrap;gap:5px;display:flex}.cabinet-tabs button{color:#77736c;cursor:pointer;background:#faf9f6;border:1px solid #ded9d0;border-radius:4px;padding:6px 8px;font-size:9px}.cabinet-tabs button.active{color:var(--accent);background:#f8e9e5;border-color:#c97967;font-weight:700}.cabinet-tab-item{background:#faf9f6;border:1px solid #ded9d0;border-radius:6px;grid-template-columns:auto 27px;display:inline-grid;overflow:hidden}.cabinet-tab-item>button{border:0;border-radius:0}.cabinet-tab-item>button.active{box-shadow:inset 0 0 0 1px #c97967}.cabinet-tab-item>.cabinet-tab-delete{color:#9e3d2d;border-left:1px solid #e0d8cc;place-items:center;padding:4px;display:grid}.cabinet-tab-item>.cabinet-tab-delete:hover{background:#fae7e2}.cabinet-tabs-empty{color:#8d8479;text-align:center;border:1px dashed #d4c7b5;border-radius:7px;width:100%;padding:9px;font-size:10px}.cabinet-tabs .delete-cabinet{color:#9e3d2d;margin-left:auto;padding-inline:7px}.dimension-grid label,.property-section label{color:#65635c;justify-content:space-between;align-items:center;font-size:12px;display:flex}.dimension-grid label div,.property-section label div{background:#f5f3ee;border:1px solid #e5e1d8;border-radius:4px;align-items:center;width:138px;height:39px;display:flex;overflow:hidden}.dimension-grid input,.property-section input{text-align:right;width:100%;min-width:0;color:var(--ink);background:0 0;border:0;padding:8px 5px;font:650 14px DIN Alternate,sans-serif}.dimension-grid em,.property-section em{color:#99968d;padding-right:9px;font-size:10px;font-style:normal}.number-field>span{flex-direction:column;gap:2px;display:flex}.number-field>span small{color:#aaa69d;font-size:9px;font-weight:400}.number-field input:disabled{color:#aaa49a;cursor:not-allowed}.empty-project-panel-note{color:#536c65;background:#edf4ef;border-left:3px solid #4e8174;margin:10px 0 0;padding:8px 10px;font-size:10px;line-height:1.5}.apply-button{cursor:pointer;background:#fff;border:1px solid #d6d1c7;border-radius:4px;width:100%;margin-top:13px;padding:9px;font-size:12px;font-weight:650}.tool-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.tool-grid button{cursor:pointer;background:#faf9f6;border:1px solid #e2ded5;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:69px;transition:all .18s;display:flex}.tool-grid button:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px);box-shadow:0 5px 15px #3b312a0c}.tool-grid button.is-added{color:var(--accent);background:#fbf0ec;border-color:#d9aa9f}.tool-grid b{border:1px solid;border-radius:50%;place-items:center;width:26px;height:26px;font-size:11px;display:grid}.tool-grid span{font-size:11px}.mobile-action-rail,.mobile-panel-close{display:none}.mobile-step-number{display:none!important}.mobile-panel-header,.mobile-editor-scrim{display:none}.material-row{grid-template-columns:1fr auto auto;align-items:center;gap:10px;display:grid}.material-row div{flex-direction:column;gap:3px;display:flex}.material-row strong{font-size:12px}.material-swatch{background:#e9e4d7;border:3px solid #fff;border-radius:50%;width:31px;height:31px;box-shadow:0 0 0 1px #d7d2c8}.material-row button{color:#aaa;background:0 0;border:0;font-size:22px}.stage{background:var(--stage);grid-template-rows:54px minmax(400px,1fr) 76px;min-width:0;display:grid}.customer-experience .stage{grid-template-rows:54px minmax(400px,1fr)}.stage-toolbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#efede7cc;border-bottom:1px solid #d9d6cf;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:0 18px;display:grid}.segmented{background:#dedbd3;border-radius:5px;padding:3px;display:flex}.segmented button{color:#7c7971;border-radius:3px;padding:6px 11px;font-size:11px}.segmented .active{color:var(--ink);background:#fff;box-shadow:0 2px 6px #39352f14}.stage-hint{text-align:center;color:#8d8a82;font-size:10px}.view-button{color:#66645e;font-size:11px}.view-actions{gap:5px;display:flex}.view-actions button{color:#6e6b64;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:5px;padding:6px 8px;font-size:10px;display:flex}.view-actions button:hover,.view-actions button.active{color:var(--accent);background:#fff;border-color:#d8d4cb}.view-actions button:disabled{opacity:.42;cursor:not-allowed}.view-actions button:disabled:hover{color:#6e6b64;background:0 0;border-color:#0000}.mobile-control-label{display:none}.model-area{background-image:radial-gradient(circle at 50% 40%,#f5f3ed 0,#0000 56%),linear-gradient(90deg,#cbc8c027 1px,#0000 1px),linear-gradient(#cbc8c027 1px,#0000 1px);background-size:auto,28px 28px,28px 28px;place-items:center;display:grid;position:relative;overflow:hidden}.model-area:after{content:"";background:linear-gradient(90deg,#0000,#b5b1a8,#0000);height:1px;position:absolute;inset:auto 5% 8%}.empty-project-stage{z-index:3;color:#34474e;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffaf1d9;border:1px dashed #b8aa95;border-radius:22px 22px 22px 8px;justify-items:center;width:min(430px,100% - 100px);padding:32px 28px;display:grid;position:relative;box-shadow:5px 5px #c9b99e}.empty-project-stage>span{color:#fff;background:#df6047;border-radius:15px 20px 15px 6px;place-items:center;width:54px;height:54px;margin-bottom:15px;display:grid;box-shadow:4px 4px #a23a27}.empty-project-stage>small{color:#a84b35;letter-spacing:1.7px;font:750 8px DIN Alternate,sans-serif}.empty-project-stage h2{margin:7px 0;font-family:Songti SC,Noto Serif SC,serif;font-size:25px}.empty-project-stage p{color:#756f67;max-width:330px;margin:0;font-size:11px;line-height:1.7}.empty-project-stage div{gap:8px;margin-top:19px;display:flex}.empty-project-stage button{color:#3f5d56;cursor:pointer;background:#fffdf8;border:1px solid #c9baa4;border-radius:10px 10px 10px 4px;align-items:center;gap:6px;min-height:42px;padding:9px 12px;font-size:10px;font-weight:750;display:inline-flex}.empty-project-stage button:last-child{color:#fff;background:#df6047;border-color:#b94a35}.material-picker.is-disabled{opacity:.5}.material-picker.is-disabled button{cursor:not-allowed}.top-actions button:disabled,.tool-grid button:disabled,.mobile-action-rail button:disabled{opacity:.46;cursor:not-allowed}.wardrobe-mock{aspect-ratio:1.08;perspective:900px;width:min(54vw,420px);position:relative;transform:translateY(7px)}.cabinet-shadow{filter:blur(18px);background:#4e493e35;border-radius:50%;width:90%;height:20%;position:absolute;bottom:-5%;left:5%;transform:rotate(-2deg)}.cabinet-box{transform-style:preserve-3d;background:#f2ede2;border:13px solid #d7cdbb;border-bottom-width:15px;position:absolute;inset:0 5% 4%;transform:rotateY(-7deg)rotateX(2deg);box-shadow:inset 0 0 0 2px #c7bba7,22px 22px 38px #645c4d26}.cabinet-box:after{content:"";transform-origin:0 0;background:#bcae99;width:9px;height:calc(100% + 15px);position:absolute;top:-13px;right:-22px;transform:skewY(-40deg)}.inner-back{background:linear-gradient(120deg,#eee9de,#e4ddd0);position:absolute;inset:0;box-shadow:inset 0 0 26px #6f64521a}.vertical-board{background:#d2c5b1;width:10px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:2px 0 4px #655c4b22}.shelf{background:#d6c9b6;height:10px;position:absolute;left:0;box-shadow:0 4px 5px #534b3c22}.shelf-a{width:50%;top:36%}.shelf-b{width:50%;top:62%}.rail{background:linear-gradient(#d9d9d6,#8f908e);border-radius:8px;width:38%;height:5px;position:absolute;top:29%;right:6%;box-shadow:0 2px 3px #3333}.drawer{background:#ded2bf;border:1px solid #c1b4a0;width:42%;height:10%;position:absolute;left:4%;box-shadow:0 3px 6px #4c42321b}.drawer-a{bottom:23%}.drawer-b{bottom:12%}.drawer-c{bottom:1%}.drawer i{background:#7d7468;border-radius:3px;width:25%;height:2px;position:absolute;top:50%;left:37%}.stage-note{color:#8a877f;align-items:center;gap:8px;font-size:9px;display:flex;position:absolute;bottom:14px;left:16px}.stage-note span{color:#65635d;border:1px solid #c4c0b6;border-radius:3px;padding:3px 6px}.quote-strip{background:#faf9f6;border-top:1px solid #dad7cf;grid-template-columns:repeat(3,minmax(90px,1fr)) minmax(170px,1.3fr);align-items:center;padding:10px 20px;display:grid}.quote-strip>div{border-right:1px solid #e1ded6;flex-direction:column;gap:2px;padding:0 16px;display:flex}.quote-strip>div:first-child{padding-left:0}.quote-strip small{color:#8d8a83;font-size:9px}.quote-strip strong{font:650 14px DIN Alternate,sans-serif}.quote-strip .grand-total{cursor:pointer;background:0 0;border:0;justify-content:flex-end;align-items:center;gap:9px;padding:0 0 0 18px;display:flex}.quote-strip .grand-total span{flex-direction:column;align-items:flex-end;display:flex}.quote-strip .grand-total strong{color:var(--accent);font:650 23px DIN Alternate,sans-serif}.quote-strip .grand-total:hover svg{transform:translate(3px)}.quote-strip .grand-total svg{color:var(--accent);transition:transform .18s}.quote-strip.customer-total-only{grid-template-columns:1fr;justify-items:end}.quote-strip.customer-total-only .grand-total{min-width:min(260px,100%)}.selection-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}.selection-title>div{align-items:center;gap:10px;display:flex}.selection-title>div>div{flex-direction:column;gap:2px;display:flex}.selection-title strong{font-size:14px}.selection-icon{width:32px;height:32px;color:var(--accent);background:#f1ded9;border:1px solid #e1b8ae;border-radius:4px;place-items:center;font-size:11px;display:grid}.selection-title button{color:#aaa69d;cursor:pointer;background:0 0;border:0;font-size:18px}.component-extension-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:7px;padding:12px 0;display:grid}.extension-amount-input{gap:5px;min-width:0;display:grid}.extension-amount-input>span{color:#6b675f;font-size:10px;font-weight:700}.extension-amount-input>div{background:#f8f5ef;border:1px solid #ded8cd;border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;min-width:0;height:35px;display:grid;overflow:hidden}.extension-amount-input input{text-align:right;width:100%;min-width:0;color:var(--ink);background:0 0;border:0;padding:7px 3px 7px 8px;font:700 12px DIN Alternate,sans-serif}.extension-amount-input em{color:#99938a;padding:0 5px;font-size:8px;font-style:normal}.extension-amount-input button{color:#9b402e;cursor:pointer;background:#fff0e9;border:0;border-left:1px solid #ded8cd;align-self:stretch;padding:0 7px;font-size:9px;font-weight:750}.property-section{border-bottom:1px solid var(--line);gap:11px;padding:21px 0;display:grid}.property-section h3{color:#77746d;letter-spacing:1px;margin:0 0 3px;font-size:11px;font-weight:650}.property-section label div{width:126px;height:36px}.range{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg, var(--accent) 52%, #dedad1 52%);border-radius:4px;height:3px;margin:6px 0;width:100%!important}.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:3px solid var(--accent);background:#fff;border-radius:50%;width:15px;height:15px;box-shadow:0 2px 5px #3333}.tip-card{color:#777267;background:#f5f0e7;border-left:3px solid #bcaa8e;gap:10px;margin-top:20px;padding:12px;display:flex}.tip-card>span{border:1px solid #a69983;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font:italic 11px Georgia,serif;display:grid}.tip-card p{margin:0;font-size:10px;line-height:1.55}.tip-card strong{color:#55524c;margin-bottom:2px;display:block}.advanced-settings{border:1px solid #e1ddd5;border-radius:5px;margin-top:13px;overflow:hidden}.advanced-settings summary{cursor:pointer;color:#69665f;justify-content:space-between;align-items:center;padding:10px 11px;font-size:11px;font-weight:650;list-style:none;display:flex}.advanced-settings summary:after{content:"+";color:var(--accent);font-size:15px;font-weight:400}.advanced-settings[open] summary:after{content:"−"}.advanced-settings>div{gap:9px;padding:2px 10px 11px;display:grid}.advanced-settings .number-field div{width:119px;height:34px}.material-picker-title{justify-content:space-between;align-items:baseline;margin-bottom:9px;display:flex}.material-picker-title span{font-size:11px;font-weight:650}.material-picker-title small{color:#8b887f;font-size:10px}.swatch-list{gap:8px;display:flex}.swatch-list button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;width:32px;height:32px;padding:3px}.swatch-list button span{background:var(--swatch);border-radius:50%;width:100%;height:100%;display:block;box-shadow:inset 0 0 0 1px #5b554821}.swatch-list button.active{border-color:var(--accent)}.save-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:20px;display:grid}.save-actions button{cursor:pointer;background:#faf9f6;border:1px solid #ddd8cf;border-radius:4px;justify-content:center;align-items:center;gap:5px;padding:8px 5px;font-size:10px;display:flex}.save-actions button:hover{color:var(--accent);border-color:#bf8e81}.viewport-root{position:absolute;inset:0}.viewport-root canvas{cursor:grab;width:100%;height:100%;display:block}.viewport-root canvas:active{cursor:grabbing}.viewport-root.is-placing canvas,.viewport-root.is-placing canvas:active{cursor:crosshair}.viewport-root.webgl-context-lost:after{content:"3D 画面正在恢复，请稍候…";z-index:50;color:#263b45;background:#f4efe3e8;place-items:center;font-size:14px;font-weight:700;display:grid;position:absolute;inset:0}.axis-gizmo{z-index:2;pointer-events:none;color:#77736b;width:50px;height:50px;font:700 9px DIN Alternate,sans-serif;position:absolute;bottom:20px;right:20px}.axis-gizmo:before,.axis-gizmo:after{content:"";transform-origin:bottom;background:#9a958a;width:1px;height:31px;position:absolute;bottom:11px;left:24px}.axis-gizmo:after{transform:rotate(90deg)}.axis-gizmo i{font-style:normal;position:absolute}.axis-y{top:0;left:21px}.axis-x{bottom:7px;right:0}.axis-z{color:var(--accent);bottom:2px;left:2px}.placement-banner{z-index:6;color:#8e3928;white-space:nowrap;background:#fffaf7ed;border:1px solid #cd8b7b;border-radius:5px;align-items:center;gap:12px;padding:8px 10px 8px 13px;font-size:10px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #46312818}.placement-banner button{color:var(--accent);cursor:pointer;background:0 0;border:0;border-left:1px solid #e1b7ad;padding-left:10px}.property-tabs{background:#eeeae2;border-radius:5px;grid-template-columns:1fr 1fr;margin-bottom:20px;padding:3px;display:grid}.property-tabs button{color:#7b7871;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:7px;font-size:11px}.property-tabs button.active{color:var(--ink);background:#fff;font-weight:650;box-shadow:0 2px 6px #3b352c10}.door-summary,.space-summary{grid-template-columns:1fr 1fr;gap:7px;padding:16px 0 2px;display:grid}.door-summary span,.space-summary span{background:#faf9f6;border:1px solid #e5e0d7;border-radius:4px;flex-direction:column;padding:9px;display:flex}.door-summary small,.space-summary small{color:#8e8a82;font-size:9px}.door-summary strong,.space-summary strong{margin-top:2px;font:650 11px DIN Alternate,sans-serif}.toggle-row{cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:4px 0;font-size:11px;display:flex}.toggle-row i{background:#d3d0c9;border-radius:10px;width:30px;height:17px;transition:all .18s;position:relative}.toggle-row i:after{content:"";background:#fff;border-radius:50%;width:13px;height:13px;transition:all .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #3334}.toggle-row i.on{background:var(--accent)}.toggle-row i.on:after{transform:translate(13px)}.door-motion-button,.trouser-rack-motion-button{width:100%;min-height:44px;color:var(--accent);cursor:pointer;background:#fbefeb;border:1px solid #d7a498;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:10px;font-weight:750;display:flex}.trouser-rack-motion-button{border-color:color-mix(in srgb, var(--tool-trouser-rack), white 48%);background:var(--tool-trouser-rack-soft);color:var(--tool-trouser-rack)}.angle-control{gap:7px;margin-top:2px;display:grid!important}.angle-control>span{flex-direction:row;justify-content:space-between;width:100%}.angle-control>span strong{color:var(--ink);font:650 11px DIN Alternate,sans-serif}.angle-control input{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg, var(--accent) calc(var(--angle,86) * 1%), #dedad1 0);border-radius:3px;border:0!important;width:100%!important;height:3px!important;padding:0!important}.angle-control input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:3px solid var(--accent);background:#fff;border-radius:50%;width:15px;height:15px;box-shadow:0 2px 5px #3333}.choice-row{grid-template-columns:1fr 1fr;gap:5px;display:grid}.choice-row button{cursor:pointer;background:#faf9f6;border:1px solid #dfdbd2;border-radius:4px;padding:7px;font-size:10px}.choice-row button.active{color:var(--accent);background:#fbefeb;border-color:#cd8c7c}.drawer-handle-options{grid-template-columns:repeat(3,minmax(0,1fr))}.drawer-handle-options button{min-height:44px;line-height:1.35}.thickness-choice{color:#65635c;justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.thickness-choice>div{grid-template-columns:1fr 1fr;gap:4px;width:126px;display:grid}.thickness-choice button{color:#65635c;cursor:pointer;background:#faf9f6;border:1px solid #dfdbd2;border-radius:4px;padding:8px 5px;font:650 10px DIN Alternate,sans-serif}.thickness-choice button.active{color:var(--accent);background:#fbefeb;border-color:#cd8c7c}.calculated-row{color:#77746d;justify-content:space-between;padding-top:3px;font-size:11px;display:flex}.calculated-row strong{color:var(--ink);font:650 11px DIN Alternate,sans-serif}.warning-tip{border-left-color:var(--accent);background:#fbefeb}.pricing-title{margin-top:0}.selected-board-size{background:#f6f2eb;border:1px solid #e2ddd4;border-radius:5px;flex-direction:column;gap:3px;margin:16px 0 0;padding:10px 11px;display:flex}.selected-board-size small{color:#8a867e;font-size:8px}.selected-board-size strong{font:650 11px DIN Alternate,sans-serif}.pricing-fields{gap:9px}.pricing-fields .number-field div{width:136px}.pricing-fields .number-field em{min-width:42px;padding-right:7px}.empty-selection{text-align:center;color:#817e77;flex-direction:column;justify-content:center;align-items:center;min-height:380px;padding:24px 10px;display:flex}.empty-selection>span{width:52px;height:52px;color:var(--accent);background:#f2eee7;border-radius:50%;place-items:center;margin-bottom:14px;display:grid}.empty-selection strong{color:var(--ink);font-size:14px}.empty-selection p{font-size:11px;line-height:1.7}.empty-selection button{cursor:pointer;background:#fff;border:1px solid #d8d3ca;border-radius:4px;margin-top:9px;padding:8px 13px;font-size:10px}.part-context-menu{z-index:1000;pointer-events:auto;background:#fffefb;border:1px solid #d8d2c8;border-radius:7px;min-width:156px;padding:6px;position:fixed;transform:translate(6px,6px);box-shadow:0 18px 46px #241b153d}.part-context-menu button{color:#9c3524;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;width:100%;padding:10px 11px;font-size:12px;font-weight:650;display:flex}.part-context-menu button:hover{background:#f9e9e4}.part-context-menu .move-cabinet-command{color:#4832a8}.part-context-menu .move-cabinet-command:hover{background:#efecff}.part-delete-action{color:#a13d2d;cursor:pointer;touch-action:manipulation;background:#fff1ed;border:1px solid #dfaa9f;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;margin-top:14px;font-size:12px;font-weight:750;display:inline-flex}.part-delete-action:hover{background:#ffe5de}.part-delete-action:disabled{color:#a6a197;cursor:not-allowed;background:#f2efe9;border-color:#ddd8cf}.floating-part-editor .part-material-section .swatch-list{grid-template-columns:repeat(3,minmax(0,1fr))}.floating-part-editor .part-material-section .swatch-list button{min-width:0}.inherit-material-button{color:#5f5a52;cursor:pointer;touch-action:manipulation;background:#f7f4ed;border:1px dashed #9a9489;border-radius:10px;min-height:38px;font-size:11px;font-weight:700}.toast{z-index:60;color:#fff;background:#24231fee;border-radius:5px;padding:10px 15px;font-size:12px;animation:.22s ease-out toast-in;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #29231d30}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,7px)}}.dialog-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#171612b8;place-items:center;padding:24px;animation:.2s ease-out backdrop-in;display:grid;position:fixed;inset:0}.compact-dialog-backdrop{z-index:70}.compact-confirm-dialog{background:#fffdf8;border:1px solid #d8d1c4;border-radius:16px 16px 16px 6px;width:min(390px,100vw - 28px);padding:25px;box-shadow:0 28px 80px #120f0b70}.compact-confirm-dialog>small{color:var(--accent);letter-spacing:1.5px;font-size:9px;font-weight:800}.compact-confirm-dialog h2{color:#2e3438;margin:7px 0;font-size:20px}.compact-confirm-dialog>p{color:#7c7870;margin:0 0 18px;font-size:11px;line-height:1.6}.compact-confirm-dialog label{color:#5d5952;background:#f5f1e8;border-radius:10px;grid-template-columns:1fr 86px;align-items:center;gap:7px;padding:12px;font-size:11px;display:grid}.compact-confirm-dialog label input{text-align:center;background:#fff;border:1px solid #d8d1c4;border-radius:7px;width:100%;min-width:0;padding:8px;font:800 16px DIN Alternate,sans-serif}.compact-confirm-dialog label small{color:#918b81;grid-column:1/-1;font-size:9px}.drawer-mode-field{background:#fffaf1;border:1px solid #ded7ca;border-radius:10px;margin:0 0 10px;padding:12px}.drawer-mode-field legend{color:#5d5952;padding:0 5px;font-size:11px;font-weight:800}.drawer-mode-field>div{grid-template-columns:1fr 1fr;gap:7px;display:grid}.drawer-mode-field button{color:#615d56;cursor:pointer;background:#f8f5ef;border:1px solid #d8d1c4;border-radius:8px;min-height:38px;font-size:12px;font-weight:800}.drawer-mode-field button.active{color:#a94131;background:#fbe8e1;border-color:#d46f59;box-shadow:inset 0 0 0 1px #e9a998}.drawer-mode-field small{color:#8a8277;margin-top:8px;font-size:9px;line-height:1.5;display:block}.compact-confirm-dialog footer{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;display:grid}.compact-confirm-dialog footer button{color:#5d5952;cursor:pointer;background:#f8f5ef;border:1px solid #d8d1c4;border-radius:9px;min-height:42px;font-size:11px;font-weight:750}.compact-confirm-dialog footer button:last-child{color:#fff;background:#d95842;border-color:#d46f59}.compact-confirm-dialog footer button.danger{background:#a94131}.compact-confirm-dialog footer button:disabled{color:#99938b;cursor:not-allowed;background:#e8e4dd;border-color:#ddd8cf}@keyframes backdrop-in{0%{opacity:0}}.quote-dialog{scrollbar-width:thin;background:#fbfaf7;border-radius:8px;width:min(1120px,96vw);max-height:min(920px,94vh);padding:30px;overflow-y:auto;box-shadow:0 28px 90px #120f0b66}.quote-dialog>header{border-bottom:1px solid #ddd8cf;justify-content:space-between;align-items:flex-start;padding-bottom:22px;display:flex}.quote-dialog>header small{color:var(--accent);letter-spacing:2.4px;font:700 9px DIN Alternate,sans-serif}.quote-dialog h2{letter-spacing:.5px;margin:5px 0 4px;font-size:23px}.quote-dialog header p{color:#827f77;margin:0;font:11px DIN Alternate,sans-serif}.quote-dialog header button{cursor:pointer;background:#fff;border:1px solid #ded9d0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.quote-kpis{border:1px solid #dfdad1;border-radius:6px;grid-template-columns:1fr 1fr 1fr 1.3fr;margin:22px 0;display:grid;overflow:hidden}.quote-kpis>div{border-right:1px solid #dfdad1;flex-direction:column;justify-content:center;min-height:82px;padding:16px 18px;display:flex}.quote-kpis span{color:#817d75;font-size:10px}.quote-kpis strong{margin-top:3px;font:650 23px DIN Alternate,sans-serif}.quote-kpis strong small{color:#817d75;font-size:10px}.quote-kpis .total-kpi{color:#fff;background:#292824;border-right:0}.quote-kpis .total-kpi span{color:#aaa79f}.quote-kpis .total-kpi strong{color:#eb7b64}.quote-warnings{color:#7d3e31;border-left:3px solid var(--accent);background:#f9ece8;gap:12px;margin-bottom:21px;padding:12px 14px;display:flex}.quote-warnings svg{flex:none;margin-top:2px}.quote-warnings strong{font-size:11px}.quote-warnings p{margin:3px 0 0;font-size:10px;line-height:1.5}.quote-section{background:#fff;border:1px solid #e0dbd2;border-radius:6px}.quote-section-heading{border-bottom:1px solid #e7e2d9;justify-content:space-between;align-items:baseline;padding:13px 16px;display:flex}.quote-section-heading h3{margin:0;font-size:12px}.quote-section-heading span{color:#969189;font-size:9px}.table-wrap{overflow-x:auto}.quote-dialog table{border-collapse:collapse;width:100%;font-size:10px}.quote-dialog th{color:#817d75;text-align:left;white-space:nowrap;background:#f8f6f1;padding:9px 12px;font-weight:600}.quote-dialog td{border-top:1px solid #eeeae3;padding:9px 12px}.quote-dialog td.numeric{text-align:right;white-space:nowrap;font-family:DIN Alternate,sans-serif}.category-tag{color:#69655e;background:#eeeae2;border-radius:9px;padding:2px 6px;font-size:9px;display:inline-flex}.category-tag.door{color:#9e4432;background:#f3e3df}.quote-lower-grid{grid-template-columns:1fr 340px;gap:16px;margin-top:16px;display:grid}.hardware-list{overflow:hidden}.hardware-list>div:not(.quote-section-heading){border-top:1px solid #eeeae3;justify-content:space-between;align-items:center;padding:9px 15px;font-size:10px;display:flex}.hardware-list>div:nth-child(2){border-top:0}.hardware-list span{flex-direction:column;gap:2px;display:flex}.hardware-list small{color:#96928a}.hardware-list strong{font:650 11px DIN Alternate,sans-serif}.price-summary{color:#fff;background:#2a2925;border-radius:6px;padding:15px 18px}.price-summary>div{color:#d2cfc7;justify-content:space-between;padding:7px 0;font-size:10px;display:flex}.price-summary small{color:#918e87;margin-left:3px}.price-summary strong{color:#fff;font:650 11px DIN Alternate,sans-serif}.price-summary .summary-total{border-top:1px solid #4a4842;align-items:center;margin-top:6px;padding-top:13px}.price-summary .summary-total span{color:#fff;font-size:12px}.price-summary .summary-total strong{color:#ef8069;font-size:23px}.price-summary p{color:#827f78;margin:8px 0 0;font-size:8px;line-height:1.5}.quote-dialog footer{justify-content:flex-end;gap:8px;margin-top:19px;display:flex}.quote-dialog footer button{cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:10px 14px;font-size:11px;display:flex}.secondary-action{background:#fff;border:1px solid #dcd7ce}.download-action{border:1px solid var(--accent);background:var(--accent);color:#fff}.customer-total-dialog{text-align:center;background:#fffdf8;border:1px solid #d8d1c4;border-radius:14px;width:min(430px,92vw);padding:38px;position:relative;box-shadow:0 30px 90px #120f0b70}.customer-total-dialog>small{color:var(--accent);letter-spacing:2.4px;font:700 9px DIN Alternate,sans-serif}.customer-total-dialog h2{letter-spacing:1px;margin:9px 0 6px;font:700 24px Songti SC,Noto Serif SC,serif}.customer-total-dialog>p{color:#858178;margin:0;font-size:11px}.customer-total-dialog>div{border-block:1px solid #e7e1d7;flex-direction:column;gap:5px;margin:28px 0 22px;padding:22px 0;display:flex}.customer-total-dialog>div span{color:#7d7971;font-size:11px}.customer-total-dialog>div strong{color:var(--accent);font:700 36px DIN Alternate,sans-serif}.customer-total-close{cursor:pointer;background:#fff;border:1px solid #ded9d0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:14px;right:14px}.customer-total-confirm{color:#fff;cursor:pointer;background:#272622;border:0;border-radius:5px;width:100%;padding:12px;font-weight:650}.customer-workflow-dialog{background:#fffdf7;border:1px solid #d6cdbd;border-radius:18px 18px 18px 7px;width:min(680px,94vw);max-height:min(840px,94dvh);padding:26px;overflow-y:auto;box-shadow:0 30px 90px #120f0b70}.customer-workflow-dialog>header{border-bottom:1px solid #e3ddd2;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:16px;display:flex}.customer-workflow-dialog>header small{color:var(--accent);letter-spacing:2px;font-size:8px;font-weight:800}.customer-workflow-dialog>header h2{color:#29363e;margin:5px 0 0;font-size:22px}.customer-workflow-dialog>header button{cursor:pointer;background:#fff;border:1px solid #ddd6ca;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.customer-order-steps{grid-template-columns:1fr 1fr;gap:8px;margin:18px 0;display:grid}.customer-order-steps button{color:#79736b;cursor:pointer;background:#f5f1e8;border:1px solid #ddd6ca;border-radius:11px 11px 11px 4px;justify-content:center;align-items:center;gap:8px;min-height:46px;font-size:11px;font-weight:750;display:flex}.customer-order-steps button span{background:#ded8cc;border-radius:50%;place-items:center;width:23px;height:23px;font-size:10px;display:grid}.customer-order-steps button.active{color:#9c3c2a;background:#fff0e9;border-color:#d36e58}.customer-order-steps button.active span,.customer-order-steps button.complete span{color:#fff;background:#d75a43}.customer-order-steps button:disabled{cursor:not-allowed;opacity:.62}.customer-workflow-form>p{color:#736e65;margin:0 0 15px;font-size:11px;line-height:1.65}.customer-form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.customer-form-grid label{color:#5e5a53;gap:6px;font-size:10px;font-weight:700;display:grid}.customer-form-grid input,.customer-form-grid textarea{color:#28343b;background:#fff;border:1px solid #dcd5c8;border-radius:9px;width:100%;min-height:42px;padding:9px 11px;font-size:13px}.customer-form-grid textarea{resize:vertical;min-height:72px;line-height:1.5}.customer-form-grid .full-row{grid-column:1/-1}.installation-choice{border:1px solid #ddd6ca;border-radius:10px;align-items:center;gap:18px;margin:15px 0;padding:12px;display:flex}.installation-choice legend{color:#5e5a53;padding:0 5px;font-size:10px;font-weight:750}.installation-choice label{color:#6f6a62;align-items:center;gap:6px;font-size:11px;display:flex}.workflow-notice{color:#6d675f;background:#f5f1e8;border:1px solid #ddd6ca;border-radius:9px;min-height:42px;margin-top:14px;padding:11px 12px;font-size:10px;line-height:1.5}.workflow-notice.success{color:#326442;background:#edf8f0;border-color:#9dc5aa}.workflow-notice.warning{color:#80551f;background:#fff5df;border-color:#e1ac71}.customer-workflow-form>footer{grid-template-columns:1fr 1.4fr;gap:8px;margin-top:17px;display:grid}.customer-workflow-form>footer button{color:#5f5a52;cursor:pointer;background:#f6f2ea;border:1px solid #d9d2c7;border-radius:10px;min-height:44px;font-size:11px;font-weight:800}.customer-workflow-form>footer button:last-child{color:#fff;background:#d95842;border-color:#d05842}.customer-workflow-form>footer button:disabled{color:#959087;cursor:not-allowed;background:#dedad2;border-color:#d8d2c8}.customer-order-total{background:#fff5e5;border:1px solid #d8cdb9;border-radius:12px;grid-template-columns:1fr auto;align-items:baseline;gap:4px 12px;margin:15px 0;padding:13px 15px;display:grid}.customer-order-total span{color:#6b6359;font-size:11px;font-weight:750}.customer-order-total strong{color:#c34632;font:800 23px DIN Alternate,sans-serif}.customer-order-total small{color:#8a8073;grid-column:1/-1;font-size:9px}.order-intent-choice{color:#514c45;cursor:pointer;background:#faf7f1;border:1px solid #ddd6ca;border-radius:10px;align-items:center;gap:9px;min-height:44px;padding:10px 12px;font-size:11px;font-weight:750;display:flex}.order-intent-choice input{accent-color:#cf513a;width:18px;height:18px}.payment-link{color:#27603a;text-align:center;background:#ecf8f0;border:1px solid #6ca27f;border-radius:9px;margin-top:10px;padding:11px 12px;font-size:10px;font-weight:750;display:block}.taobao-platform-rules{color:#77511f;background:#fff8e8;border:1px solid #e5ad72;border-radius:10px;gap:5px;margin-top:12px;padding:11px 12px;font-size:10px;line-height:1.55;display:grid}.taobao-platform-rules strong{color:#9b3d25;font-size:11px}.taobao-order-status{background:#edf8f0;border:1px solid #9dc5aa;border-radius:10px;grid-template-columns:1fr auto;align-items:baseline;gap:4px 12px;margin-top:12px;padding:11px 12px;display:grid}.taobao-order-status span{color:#5d6e62;font-size:10px;font-weight:750}.taobao-order-status strong{color:#27603a;font-size:12px}.taobao-order-status small{color:#58705f;grid-column:1/-1;font-size:9px}html,body{background:radial-gradient(circle at 14% 8%, #fff9e9 0 13%, transparent 34%), var(--paper)}.topbar{background:#263641;box-shadow:0 5px #17242c,0 12px 28px #27364024}.brand-mark{background:linear-gradient(145deg,#f17a5f,#c84232);border:2px solid #ffb9a6;border-radius:14px 14px 14px 5px;transform:rotate(-2deg);box-shadow:inset 0 0 0 2px #ffffff24,3px 3px #13232c66}.brand-block strong,.step-heading strong,.selection-title strong{font-family:Kaiti SC,STKaiti,PingFang SC,sans-serif;font-weight:800}.primary-button{border:2px solid #ffad98;border-radius:12px 12px 12px 5px;box-shadow:0 3px #933422,0 8px 18px #131f272d}.primary-button:active{transform:translateY(2px);box-shadow:0 1px #933422}.panel{background-color:var(--panel);scrollbar-color:#cdbfa8 transparent;background-image:radial-gradient(circle at 16px 18px,#e4d8c124 0 1px,#0000 1.5px),linear-gradient(135deg,#fffdf7c7,#fff7e8b8);background-size:28px 28px,auto}.left-panel{border-right:2px solid #dfcfb5;box-shadow:inset -7px 0 18px #75623b0a}.right-panel{border-left:2px solid #dfcfb5;box-shadow:inset 7px 0 18px #75623b0a}.step-heading{align-items:center;gap:11px}.step-heading>span{color:#6f4908;background:#ffe39a;border:1.5px solid #d49b30;border-radius:10px 10px 10px 3px;place-items:center;min-width:35px;min-height:30px;padding:0;display:grid;transform:rotate(-2deg);box-shadow:2px 2px #c88e29}.step-heading:nth-of-type(2n)>span{transform:rotate(2deg)}.step-heading strong{color:#273540;letter-spacing:.3px;font-size:16px}.step-heading small{color:#837567}.panel-rule{background:radial-gradient(circle,#d9cbb5 1.4px,#0000 1.6px) 0/8px 7px repeat-x;height:7px;margin:22px 0}.cabinet-manager,.selected-board-size,.door-summary span,.space-summary span,.advanced-settings,.tip-card{border-radius:13px}.cabinet-manager{background:#fffdf7d9;border:1px solid #ddcfb9;padding:13px;box-shadow:0 4px #eadbc3}.cabinet-manager-head>button,.apply-button,.door-motion-button,.trouser-rack-motion-button,.save-actions button,.empty-selection button{border-radius:10px;box-shadow:0 2px #d5c5ac}.cabinet-tabs button{border-radius:9px}.dimension-grid label div,.property-section label div{background:#fffdf8;border-color:#dfd2bd;border-radius:10px;min-height:42px;box-shadow:inset 0 1px #fff,0 2px #eee1cc}.dimension-grid input,.property-section input{color:#283742}.tool-grid{gap:9px}.tool-grid button{--tool-tone:var(--accent);--tool-soft:#fde7df;border:1.5px solid color-mix(in srgb, var(--tool-tone), white 46%);background:var(--tool-soft);min-height:76px;color:var(--tool-tone);box-shadow:0 3px 0 color-mix(in srgb, var(--tool-tone), #273540 30%);border-radius:15px 15px 15px 6px}.tool-grid button:first-child,.tool-grid .tool-shelf{--tool-tone:var(--tool-shelf);--tool-soft:var(--tool-shelf-soft)}.tool-grid button:nth-child(2),.tool-grid .tool-divider{--tool-tone:var(--tool-divider);--tool-soft:var(--tool-divider-soft)}.tool-grid button:nth-child(3),.tool-grid .tool-rail{--tool-tone:var(--tool-rail);--tool-soft:var(--tool-rail-soft)}.tool-grid button:nth-child(4),.tool-grid .tool-trouser-rack{--tool-tone:var(--tool-trouser-rack);--tool-soft:var(--tool-trouser-rack-soft)}.tool-grid button:nth-child(5),.tool-grid .tool-drawer{--tool-tone:var(--tool-drawer);--tool-soft:var(--tool-drawer-soft)}.tool-grid button:nth-child(6),.tool-grid .tool-doors{--tool-tone:var(--tool-doors);--tool-soft:var(--tool-doors-soft)}.tool-grid button:hover{border-color:var(--tool-tone);color:var(--tool-tone);box-shadow:0 5px 0 color-mix(in srgb, var(--tool-tone), #273540 30%), 0 9px 16px #3a33271b;transform:translateY(-2px)rotate(-.4deg)}.tool-grid button:active{box-shadow:0 1px 0 color-mix(in srgb, var(--tool-tone), #273540 30%);transform:translateY(2px)}.tool-grid button.is-added{border-color:var(--tool-tone);background:var(--tool-tone);color:#fff}.tool-grid b{background:var(--tool-tone);color:#fff;width:31px;height:31px;box-shadow:2px 2px 0 color-mix(in srgb, var(--tool-tone), #273540 32%);border:0;border-radius:11px 11px 11px 4px}.tool-grid button.is-added b{color:var(--tool-tone);box-shadow:none;background:#fff}.tool-grid span{color:currentColor;font-weight:750}.material-swatch,.swatch-list button,.swatch-list button span{border-radius:11px 11px 11px 4px}.stage-toolbar{background:#fff8e9e8;border-bottom-color:#dacdb9}.segmented,.property-tabs{background:#e8deca;border-radius:12px}.segmented button,.property-tabs button{border-radius:9px}.view-actions button{border-radius:10px}.model-area{background-image:radial-gradient(circle at 50% 36%,#fffffb 0,#0000 55%),linear-gradient(90deg,#9fb3aa20 1px,#0000 1px),linear-gradient(#9fb3aa20 1px,#0000 1px)}.quote-strip{background:#fff9ed;border-top:2px solid #ddcfb9}.quote-strip .grand-total strong{color:#ce4d37}.selection-title{background:#fffdf7b8;border-bottom:0;border-radius:15px;margin:-7px -6px 8px;padding:11px 9px 16px}.selection-icon{background:#ffe0d8;border:1.5px solid #df8d7d;border-radius:13px 13px 13px 4px;width:38px;height:38px;box-shadow:2px 2px #d99587}.property-section{background:#fffdf8d6;border:1px solid #e0d3be;border-radius:15px;margin-top:10px;padding:14px;box-shadow:0 3px #eadfcd}.property-section h3{color:#665d52;letter-spacing:.6px;font-size:12px}.choice-row button,.thickness-choice button{border-radius:10px;min-height:38px}.choice-row button.active,.thickness-choice button.active{box-shadow:0 2px #d58f80}.tip-card{background:#fff3d8;border:1px solid #dac8a9;border-left:5px solid #d1a85f}.empty-selection>span{background:#ffe2d9;border-radius:17px 17px 17px 5px;box-shadow:3px 3px #e6a99a}.inline-dimension-editor{z-index:1200;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffdf7f5;border:2px solid #df6047;border-radius:14px 14px 14px 5px;width:min(186px,100vw - 24px);padding:9px;position:fixed;transform:translate(-50%,calc(-100% - 13px));box-shadow:4px 4px #b9412f,0 12px 28px #2735402b}.inline-dimension-editor.is-below{border-radius:5px 14px 14px;transform:translate(-50%,13px)}.inline-dimension-editor:after{content:"";background:#fffdf7;border-bottom:2px solid #df6047;border-right:2px solid #df6047;width:14px;height:14px;position:absolute;bottom:-9px;left:calc(50% - 7px);transform:rotate(45deg)}.inline-dimension-editor.is-below:after{border:0;border-top:2px solid #df6047;border-left:2px solid #df6047;top:-9px;bottom:auto}.inline-dimension-editor label,.inline-dimension-editor>span,.inline-dimension-editor small{color:#7a5b50;margin:0 0 5px;font-size:10px;font-weight:700;display:block}.inline-dimension-editor input{z-index:1;width:100%;min-height:44px;color:var(--ink);text-align:center;touch-action:manipulation;background:#fff;border:1.5px solid #e2b2a7;border-radius:10px;font:800 18px/1 DIN Alternate,Avenir Next,sans-serif;position:relative}.inline-dimension-editor button{z-index:1;background:var(--accent);color:#fff;cursor:pointer;touch-action:manipulation;border:0;border-radius:10px;min-width:44px;min-height:44px;position:relative}.inline-dimension-editor form{grid-template-columns:minmax(0,1fr) 44px;gap:6px;display:grid}.hinge-support-alert{z-index:9;color:#9f2928;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3efed;border:2px solid #d8473f;border-radius:13px 13px 13px 5px;justify-content:center;align-items:center;gap:8px;width:min(520px,100% - 32px);padding:9px 13px;font-size:11px;font-weight:750;line-height:1.45;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:3px 3px #bd3935,0 10px 24px #6b29241d}.drawing-export-button{color:#edf7fa;cursor:pointer;background:#344b58;border:1px solid #8ea7b4;border-radius:10px 10px 10px 4px;align-items:center;gap:6px;min-height:38px;padding:8px 11px;font-size:11px;font-weight:750;display:inline-flex;box-shadow:0 2px #152630}.native-save-button{color:#344b58;cursor:pointer;background:#fffaf0;border:1px solid #d6c4a8;border-radius:10px 10px 10px 4px;justify-content:center;align-items:center;gap:5px;min-height:38px;padding:8px 10px;font-size:10px;font-weight:750;display:inline-flex}.drawing-export-button:active{box-shadow:none;transform:translateY(2px)}.customer-experience .top-actions .primary-button{padding:10px 13px;font-size:11px}.left-panel{padding:12px}.left-panel .cabinet-manager{border-radius:10px;gap:6px;padding:8px 9px;box-shadow:0 2px #eadbc3}.left-panel .cabinet-manager-head>button{padding:5px 7px}.left-panel .cabinet-tabs{gap:4px}.left-panel .cabinet-tabs button{padding:4px 7px}.left-panel .panel-rule{background-size:7px 4px;height:4px;margin:9px 0}.left-panel .step-heading{gap:7px;min-height:27px;margin-bottom:7px}.left-panel .step-heading>span{border-radius:8px 8px 8px 3px;min-width:28px;min-height:25px;font-size:11px;box-shadow:1px 1px #c88e29}.left-panel .step-heading strong{font-size:14px}.left-panel .dimension-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.left-panel .dimension-grid .number-field{flex-direction:column;align-items:stretch;gap:3px;min-width:0}.left-panel .dimension-grid .number-field>span{padding-left:2px;font-size:10px}.left-panel .dimension-grid .number-field>div{border-radius:8px;width:100%;height:33px;min-height:33px;box-shadow:0 1px #eee1cc}.left-panel .dimension-grid input{padding:6px 2px;font-size:12px}.left-panel .dimension-grid em{padding-right:5px;font-size:8px}.left-panel .tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.left-panel .tool-grid button{min-width:0;min-height:58px;box-shadow:0 2px 0 color-mix(in srgb, var(--tool-tone), #273540 30%);border-radius:11px 11px 11px 4px;gap:3px;padding:5px 2px}.left-panel .tool-grid b{border-radius:8px 8px 8px 3px;width:25px;height:24px}.left-panel .tool-grid b svg{width:17px;height:17px}.left-panel .tool-grid span{white-space:nowrap;font-size:12px;font-weight:850;line-height:1}.material-picker+.material-picker{margin-top:8px}.material-picker-title{margin-bottom:5px}.material-picker-title span{font-size:10px}.material-picker-title small{text-overflow:ellipsis;white-space:nowrap;max-width:138px;font-size:9px;overflow:hidden}.swatch-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.swatch-list button{color:#6b6258;background:#fffdf8;border:1.5px solid #d9cdbb;border-radius:8px;grid-template-rows:minmax(0,1fr) 18px;align-items:stretch;gap:0;width:auto;min-width:0;height:66px;min-height:66px;padding:3px 3px 0;display:grid;position:relative;box-shadow:0 1px #eadfcd}.swatch-list button>i{background-repeat:no-repeat;border-radius:5px 5px 3px 3px;width:100%;height:auto;min-height:0;display:block;box-shadow:inset 0 0 0 1px #5b55482f}.swatch-list button>span{text-overflow:ellipsis;white-space:nowrap;justify-content:center;align-items:center;width:100%;max-width:100%;margin:0;padding:1px 0 0;font-size:9px;font-weight:750;line-height:1;display:flex;overflow:hidden}.swatch-list button>small{color:#fff;background:#7257a5e8;border-radius:4px;padding:1px 2px;font-size:6px;line-height:1.2;position:absolute;top:5px;right:3px}.swatch-list button.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 2px 0 #d78f80;background:#fff2ed}.space-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-first-screen-summary{display:none}.hinge-support-alert{color:#246641;background:#effbf3ed;border-color:#3b9b62;box-shadow:3px 3px #2f7f50,0 10px 24px #245f351d}@media (max-width:1040px){.workspace{grid-template-columns:230px minmax(390px,1fr) 240px}.right-panel{padding:20px 15px;display:block}.left-panel{padding:12px}.topbar{grid-template-columns:220px 1fr auto}.brand-block span:last-child,.project-title small{display:none}.stage-toolbar{gap:8px;padding:0 10px}.stage-hint{display:none}.view-actions{gap:3px}.view-actions button{justify-content:center;min-width:34px;min-height:34px;padding:5px}.view-actions .desktop-control-label{display:none}.view-actions .mobile-control-label{white-space:nowrap;font-size:8px;line-height:1;display:inline}.view-actions button svg{width:15px;height:15px}.quote-strip{padding-inline:12px}.quote-strip>div{padding-inline:8px}.quote-strip .grand-total strong{font-size:19px}}@media (max-width:900px),(max-width:1180px) and (pointer:coarse){html,body{overscroll-behavior:none;height:100%;overflow:hidden}.app-shell{height:100dvh;min-height:0;overflow:hidden}.topbar{flex:none;grid-template-columns:1fr auto;height:66px;min-height:66px;padding:10px 14px}.project-title,.top-actions .icon-button{display:none}.cabinet-add-section,.desktop-step-number{display:none!important}.mobile-step-number{display:inline-flex!important}.workspace{flex:1;min-height:0;display:block;position:relative;overflow:hidden}.stage{grid-template-rows:50px minmax(0,1fr) 72px;height:100%;min-height:0}.customer-experience .stage{grid-template-rows:50px minmax(0,1fr)}.stage-hint{display:none}.stage-toolbar{padding-inline:max(6px, var(--app-safe-left,env(safe-area-inset-left,0px))) max(6px, var(--app-safe-right,env(safe-area-inset-right,0px)));grid-template-columns:1fr auto;gap:4px}.view-actions{gap:2px}.view-actions .cabinet-quick-control{touch-action:manipulation;background:#fffaf1b8;border-color:#d7cec0;flex-direction:column;gap:1px;width:44px;min-width:44px;min-height:44px;padding:3px 2px}.view-actions .fit-view-control{touch-action:manipulation;flex-direction:column;gap:1px;width:38px;min-width:38px;min-height:44px;padding:3px 2px}.view-actions button svg{flex:none}.member-account-bar{top:calc(122px + var(--app-safe-top,env(safe-area-inset-top,0px)));right:auto;left:max(8px, var(--app-safe-left,env(safe-area-inset-left,0px)))}.member-account-bar>span{display:none}.member-account-bar button{touch-action:manipulation;justify-content:center;width:44px;min-width:44px;min-height:44px;padding:6px;font-size:0;position:relative}.member-account-bar button b{min-width:14px;height:14px;font-size:7px;position:absolute;top:3px;right:3px}.model-area .viewport-root{inset:0 0 0 58px}.placement-banner{white-space:normal;max-width:calc(100% - 94px);line-height:1.4;left:calc(50% + 29px)}.mobile-action-rail{z-index:14;left:max(8px, var(--app-safe-left,env(safe-area-inset-left,0px)));scrollbar-width:none;background:#24231fee;border:1px solid #4b4841;border-radius:9px;gap:4px;width:52px;max-height:calc(100% - 16px);padding:4px;display:grid;position:absolute;top:50%;overflow-y:auto;transform:translateY(-50%);box-shadow:0 12px 34px #1d18133d}.mobile-action-rail::-webkit-scrollbar{display:none}.mobile-action-rail button{color:#d7d3cb;cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #0000;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:44px;min-height:44px;padding:4px 2px;display:flex}.mobile-action-rail button span{white-space:nowrap;font-size:9px;line-height:1}.mobile-action-rail button.active{color:#fff;background:#c94b32;border-color:#e29281;box-shadow:inset 0 -1px #8d2f1f66}.left-panel,.right-panel{z-index:33;overscroll-behavior:contain;visibility:hidden;pointer-events:none;transition:transform .22s,visibility .22s;display:block;position:fixed;overflow-y:auto;transform:translate(calc(100% + 24px))}.left-panel{border:0;border-left:1px solid var(--line);width:min(86vw,380px);padding:0 16px 20px;top:66px;bottom:0;right:0;box-shadow:-18px 0 48px #211b1640}.floating-part-editor{top:124px;right:max(8px, var(--app-safe-right,env(safe-area-inset-right,0px)));touch-action:pan-y;background:#fffefbf5;border:1px solid #d8d2c8;border-radius:12px;width:min(66vw,300px);padding:0 16px 18px;bottom:80px;box-shadow:0 18px 48px #211b1640}.left-panel.is-mobile-open,.right-panel.is-mobile-open{visibility:visible;pointer-events:auto;transform:translate(0)}.mobile-panel-header{z-index:2;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffefbf2;justify-content:space-between;align-items:center;gap:8px;margin:0 -16px 18px;padding:10px 12px;display:flex;position:sticky;top:0}.mobile-panel-header>div{background:#eeeae2;border-radius:5px;gap:4px;padding:3px;display:flex}.mobile-panel-header>div button{color:#77736c;cursor:pointer;background:0 0;border:0;border-radius:3px;min-height:36px;padding:6px 9px;font-size:10px}.mobile-panel-header>div button.active{color:var(--ink);background:#fff;font-weight:650;box-shadow:0 2px 6px #3b352c12}.mobile-panel-close{color:#6f6c65;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;min-height:44px;padding:6px;font-size:10px;display:inline-flex}.mobile-editor-scrim{z-index:32;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#17161266;border:0;display:block;position:fixed;inset:66px 0 0}.quote-strip{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(104px,1.25fr);gap:0;padding:8px}.quote-strip.customer-total-only{grid-template-columns:1fr}.quote-strip>div{min-width:0;padding:0 6px}.quote-strip>div small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.quote-strip>div strong{text-overflow:ellipsis;font-size:12px;overflow:hidden}.quote-strip .grand-total{border-top:0;flex-direction:row;grid-column:auto;justify-content:flex-end;align-items:center;margin:0;padding:0 0 0 8px}.quote-dialog{padding:20px}.quote-kpis{grid-template-columns:1fr 1fr}.quote-kpis>div:nth-child(2){border-right:0}.quote-kpis>div:nth-child(-n+2){border-bottom:1px solid #dfdad1}.quote-lower-grid{grid-template-columns:1fr}}@media (min-width:700px) and (max-width:1180px) and (pointer:coarse){.left-panel{width:min(46vw,380px)}.floating-part-editor{width:min(42vw,380px)}.mobile-editor-scrim{-webkit-backdrop-filter:none;backdrop-filter:none;background:#17161247}}@media (max-width:560px){.member-gate-shell{align-items:center;padding-inline:14px}.member-gate-card{border-radius:22px 22px 22px 8px;max-height:calc(100dvh - 28px);padding:28px 21px 24px;overflow-y:auto}.member-gate-card h1{font-size:26px}.member-code-field{grid-template-columns:minmax(0,1fr) 104px}.member-account-bar{top:calc(120px + var(--app-safe-top,env(safe-area-inset-top,0px)));right:auto;left:max(8px, var(--app-safe-left,env(safe-area-inset-left,0px)))}.member-account-bar>span{display:none}.member-design-dialog{width:100vw;height:100dvh;max-height:100dvh;padding:max(18px, env(safe-area-inset-top,0px)) 15px max(18px, env(safe-area-inset-bottom,0px));box-shadow:none;border:0;border-radius:0}.member-design-list li{grid-template-columns:minmax(0,1fr) auto}.member-design-list li>span{grid-area:2/1/auto/-1}.member-design-actions{grid-area:1/2}.brand-block strong{font-size:17px}.primary-button{padding:10px 11px;font-size:11px}.stage{grid-template-rows:48px minmax(0,1fr) 58px;height:100%;min-height:0}.customer-experience .stage{grid-template-rows:48px minmax(0,1fr)}.floating-part-editor{width:min(58vw,240px);top:122px;bottom:66px}.floating-part-editor .property-section label{flex-direction:column;align-items:stretch;gap:6px}.floating-part-editor .property-section label div{width:100%}.drawer-handle-options{grid-template-columns:1fr}.thickness-choice{flex-direction:column;align-items:stretch}.thickness-choice>div{width:100%}.segmented button{padding-inline:8px}.quote-strip{padding:7px 12px max(7px, var(--app-safe-bottom,env(safe-area-inset-bottom,0px)));grid-template-columns:1fr}.quote-strip>div{display:none}.quote-strip .grand-total{grid-column:1;justify-content:space-between;padding:0;display:flex}.quote-strip .grand-total span{flex-direction:row;align-items:baseline;gap:8px}.quote-dialog{border-radius:0;width:100vw;height:100dvh;max-height:100dvh;padding:16px}.dialog-backdrop{padding:0}.quote-kpis>div{min-height:68px;padding:12px}.quote-kpis strong{font-size:19px}.quote-dialog footer{flex-direction:column}.quote-dialog footer button{justify-content:center}.customer-total-dialog{width:calc(100vw - 28px);padding:34px 22px 24px}.customer-workflow-dialog{width:100vw;height:100dvh;max-height:100dvh;padding:18px 15px max(18px, var(--app-safe-bottom,env(safe-area-inset-bottom,0px)));border:0;border-radius:0}.customer-form-grid{grid-template-columns:1fr}.customer-form-grid .full-row{grid-column:1}.installation-choice{flex-direction:column;align-items:flex-start;gap:10px}.customer-order-steps button{padding-inline:6px;font-size:10px}.empty-project-stage{width:calc(100% - 86px);margin-left:58px;padding:23px 15px}.empty-project-stage h2{font-size:21px}.empty-project-stage div{flex-direction:column;width:100%}.empty-project-stage button{justify-content:center}}@media (max-width:900px),(max-width:1180px) and (pointer:coarse){.mobile-hidden-camera-view{display:none}.mobile-action-rail{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffaf1f2;border:1.5px solid #d6c4a8;border-radius:15px 15px 15px 6px;gap:6px;padding:5px;box-shadow:3px 3px #c8b391,0 12px 34px #1d2a3230}.mobile-action-rail button{--tool-tone:#455966;--tool-soft:#e8eef0;border:1px solid color-mix(in srgb, var(--tool-tone), white 58%);background:var(--tool-soft);color:var(--tool-tone);box-shadow:0 2px 0 color-mix(in srgb, var(--tool-tone), white 48%);border-radius:11px 11px 11px 4px;font-weight:750}.mobile-action-rail button:nth-child(2),.mobile-action-rail .tool-shelf{--tool-tone:var(--tool-shelf);--tool-soft:var(--tool-shelf-soft)}.mobile-action-rail button:nth-child(3),.mobile-action-rail .tool-divider{--tool-tone:var(--tool-divider);--tool-soft:var(--tool-divider-soft)}.mobile-action-rail button:nth-child(4),.mobile-action-rail .tool-rail{--tool-tone:var(--tool-rail);--tool-soft:var(--tool-rail-soft)}.mobile-action-rail button:nth-child(5),.mobile-action-rail .tool-trouser-rack{--tool-tone:var(--tool-trouser-rack);--tool-soft:var(--tool-trouser-rack-soft)}.mobile-action-rail button:nth-child(6),.mobile-action-rail .tool-drawer{--tool-tone:var(--tool-drawer);--tool-soft:var(--tool-drawer-soft)}.mobile-action-rail button:nth-child(7),.mobile-action-rail .tool-doors{--tool-tone:var(--tool-doors);--tool-soft:var(--tool-doors-soft)}.mobile-action-rail button:last-child{--tool-tone:#4b812f;--tool-soft:#e5f2dc}.mobile-action-rail button.active{border-color:var(--tool-tone);background:var(--tool-tone);color:#fff;box-shadow:0 2px 0 color-mix(in srgb, var(--tool-tone), #263641 34%)}.mobile-first-screen-summary{z-index:13;top:9px;right:max(8px, var(--app-safe-right,env(safe-area-inset-right,0px)));color:#384954;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffaf1ed;border:1.5px solid #d6c4a8;border-radius:12px 12px 12px 5px;align-items:center;gap:5px;max-width:calc(100% - 88px);min-height:42px;padding:5px 7px 5px 9px;display:flex;position:absolute;box-shadow:2px 2px #c8b391,0 8px 22px #1d2a3220}.mobile-first-screen-summary.has-hinge-warning{top:65px}.mobile-first-screen-summary>span{align-items:baseline;gap:3px;min-width:0;display:flex}.mobile-first-screen-summary strong{text-overflow:ellipsis;white-space:nowrap;font:750 10px DIN Alternate,sans-serif;overflow:hidden}.mobile-first-screen-summary small{color:#81786c;font-size:7px}.mobile-first-screen-summary i{background-repeat:no-repeat;border:2px solid #fff;border-radius:7px 7px 7px 3px;flex:none;width:25px;height:25px;box-shadow:0 0 0 1px #c8bda9}.left-panel,.floating-part-editor{background-color:#fffaf0f5;background-image:radial-gradient(circle at 12px 14px,#dacdb623 0 1px,#0000 1.5px);background-size:25px 25px}.floating-part-editor{border:1.5px solid #d6c4a8;border-radius:17px 17px 17px 7px;box-shadow:4px 4px #c8b391,0 18px 48px #211b1638}.mobile-panel-header{background:#fffaf0f2;border-bottom-color:#dccdb6}.mobile-panel-header>div{background:#e9deca;border-radius:11px}.mobile-panel-header>div button{border-radius:8px}.hinge-support-alert{width:min(520px,100% - 92px);padding:8px 10px;font-size:10px;top:10px;left:calc(50% + 29px)}.inline-dimension-editor{border-radius:13px 13px 13px 5px;width:min(178px,100vw - 20px);padding:8px}.inline-dimension-editor input,.inline-dimension-editor button{min-height:44px}}@media (max-width:560px){.topbar{box-shadow:0 4px #17242c}.brand-mark{width:38px;height:38px}.tool-grid{grid-template-columns:repeat(2,1fr)}.property-section{border-radius:13px;padding:11px}.hinge-support-alert{width:calc(100% - 82px);padding:7px 8px;top:7px}.top-actions{gap:3px}.drawing-export-button{min-height:36px;padding:7px 6px;font-size:9px}.primary-button{margin-left:1px;padding-inline:8px}.mobile-first-screen-summary{max-width:calc(100% - 116px)}.mobile-first-screen-summary strong{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}