@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap";/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-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-yellow-400:oklch(85.2% .199 91.936);--color-green-500:oklch(72.3% .219 149.579);--color-emerald-400:oklch(76.5% .177 163.223);--color-blue-100:oklch(93.2% .032 255.585);--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-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--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-gray-400:oklch(70.7% .022 261.325);--color-zinc-200:oklch(92% .004 286.32);--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-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-4xl:56rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wider:.05em;--tracking-widest:.1em;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-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{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.fixed\!{position:fixed!important}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-1\/4{top:25%}.-right-20{right:calc(var(--spacing)*-20)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.bottom-1\/4{bottom:25%}.bottom-4{bottom:calc(var(--spacing)*4)}.-left-20{left:calc(var(--spacing)*-20)}.left-3{left:calc(var(--spacing)*3)}.z-0{z-index:0}.z-10{z-index:10}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.my-4{margin-block:calc(var(--spacing)*4)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-0\.5{height:calc(var(--spacing)*.5)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-40{height:calc(var(--spacing)*40)}.h-\[500px\]{height:500px}.h-\[600px\]{height:600px}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-\[500px\]{width:500px}.w-\[600px\]{width:600px}.w-fit{width:fit-content}.w-full{width:100%}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[80px\]{max-width:80px}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-12{gap:calc(var(--spacing)*12)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*12)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*12)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-16>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*16)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*16)*calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-blue-500\/50{border-color:#3080ff80}@supports (color:color-mix(in lab,red,red)){.border-blue-500\/50{border-color:color-mix(in oklab,var(--color-blue-500)50%,transparent)}}.border-red-500\/30{border-color:#fb2c364d}@supports (color:color-mix(in lab,red,red)){.border-red-500\/30{border-color:color-mix(in oklab,var(--color-red-500)30%,transparent)}}.border-slate-700{border-color:var(--color-slate-700)}.border-slate-800{border-color:var(--color-slate-800)}.border-slate-800\/50{border-color:#1d293d80}@supports (color:color-mix(in lab,red,red)){.border-slate-800\/50{border-color:color-mix(in oklab,var(--color-slate-800)50%,transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.bg-\[\#020202\]{background-color:#020202}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-600\/5{background-color:#155dfc0d}@supports (color:color-mix(in lab,red,red)){.bg-blue-600\/5{background-color:color-mix(in oklab,var(--color-blue-600)5%,transparent)}}.bg-current{background-color:currentColor}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/10{background-color:color-mix(in oklab,var(--color-red-500)10%,transparent)}}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-900\/20{background-color:#0f172b33}@supports (color:color-mix(in lab,red,red)){.bg-slate-900\/20{background-color:color-mix(in oklab,var(--color-slate-900)20%,transparent)}}.bg-slate-900\/40{background-color:#0f172b66}@supports (color:color-mix(in lab,red,red)){.bg-slate-900\/40{background-color:color-mix(in oklab,var(--color-slate-900)40%,transparent)}}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.bg-white\/\[0\.02\]{background-color:#ffffff05}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.02\]{background-color:color-mix(in oklab,var(--color-white)2%,transparent)}}.bg-white\/\[0\.015\]{background-color:#ffffff04}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.015\]{background-color:color-mix(in oklab,var(--color-white)1.5%,transparent)}}.bg-zinc-900\/30{background-color:#18181b4d}@supports (color:color-mix(in lab,red,red)){.bg-zinc-900\/30{background-color:color-mix(in oklab,var(--color-zinc-900)30%,transparent)}}.bg-zinc-900\/40{background-color:#18181b66}@supports (color:color-mix(in lab,red,red)){.bg-zinc-900\/40{background-color:color-mix(in oklab,var(--color-zinc-900)40%,transparent)}}.bg-zinc-950\/50{background-color:#09090b80}@supports (color:color-mix(in lab,red,red)){.bg-zinc-950\/50{background-color:color-mix(in oklab,var(--color-zinc-950)50%,transparent)}}.fill-current{fill:currentColor}.fill-yellow-400{fill:var(--color-yellow-400)}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing)*1)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-16{padding-block:calc(var(--spacing)*16)}.pt-4{padding-top:calc(var(--spacing)*4)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-10{padding-right:calc(var(--spacing)*10)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pl-10{padding-left:calc(var(--spacing)*10)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[8px\]{font-size:8px}.text-\[10px\]{font-size:10px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-all{word-break:break-all}.text-\[\#4CC9F0\]{color:#4cc9f0}.text-black{color:var(--color-black)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-emerald-400{color:var(--color-emerald-400)}.text-gray-400{color:var(--color-gray-400)}.text-green-500{color:var(--color-green-500)}.text-indigo-400{color:var(--color-indigo-400)}.text-indigo-500{color:var(--color-indigo-500)}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.text-slate-200{color:var(--color-slate-200)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-700{color:var(--color-slate-700)}.text-white{color:var(--color-white)}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab,red,red)){.text-white\/60{color:color-mix(in oklab,var(--color-white)60%,transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.text-white\/70{color:color-mix(in oklab,var(--color-white)70%,transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white)80%,transparent)}}.text-yellow-400{color:var(--color-yellow-400)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-600{color:var(--color-zinc-600)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.opacity-80{opacity:.8}.opacity-\[0\.03\]{opacity:.03}.mix-blend-overlay{mix-blend-mode:overlay}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_20px_40px_-15px_rgba\(255\,255\,255\,0\.1\)\]{--tw-shadow:0 20px 40px -15px var(--tw-shadow-color,#ffffff1a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-blue-500\/5{--tw-shadow-color:#3080ff0d}@supports (color:color-mix(in lab,red,red)){.shadow-blue-500\/5{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-blue-500)5%,transparent)var(--tw-shadow-alpha),transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur-\[140px\]{--tw-blur:blur(140px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.blur-\[160px\]{--tw-blur:blur(160px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-3xl{--tw-backdrop-blur:blur(var(--blur-3xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.group-focus-within\:text-white:is(:where(.group):focus-within *){color:var(--color-white)}@media(hover:hover){.group-hover\:text-blue-400:is(:where(.group):hover *){color:var(--color-blue-400)}}.selection\:bg-blue-500\/30 ::selection{background-color:#3080ff4d}@supports (color:color-mix(in lab,red,red)){.selection\:bg-blue-500\/30 ::selection{background-color:color-mix(in oklab,var(--color-blue-500)30%,transparent)}}.selection\:bg-blue-500\/30::selection{background-color:#3080ff4d}@supports (color:color-mix(in lab,red,red)){.selection\:bg-blue-500\/30::selection{background-color:color-mix(in oklab,var(--color-blue-500)30%,transparent)}}.selection\:bg-white\/10 ::selection{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.selection\:bg-white\/10 ::selection{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.selection\:bg-white\/10::selection{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.selection\:bg-white\/10::selection{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.placeholder\:text-slate-600::placeholder{color:var(--color-slate-600)}.placeholder\:text-zinc-700::placeholder{color:var(--color-zinc-700)}@media(hover:hover){.hover\:border-slate-600:hover{border-color:var(--color-slate-600)}.hover\:border-slate-700:hover{border-color:var(--color-slate-700)}.hover\:bg-slate-200:hover{background-color:var(--color-slate-200)}.hover\:bg-slate-700:hover{background-color:var(--color-slate-700)}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.hover\:bg-zinc-200:hover{background-color:var(--color-zinc-200)}.hover\:text-white:hover{color:var(--color-white)}}.focus\:border-blue-500\/50:focus{border-color:#3080ff80}@supports (color:color-mix(in lab,red,red)){.focus\:border-blue-500\/50:focus{border-color:color-mix(in oklab,var(--color-blue-500)50%,transparent)}}.focus\:border-white\/30:focus{border-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.focus\:border-white\/30:focus{border-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-blue-500\/50:focus{--tw-ring-color:#3080ff80}@supports (color:color-mix(in lab,red,red)){.focus\:ring-blue-500\/50:focus{--tw-ring-color:color-mix(in oklab,var(--color-blue-500)50%,transparent)}}.focus\:ring-white\/20:focus{--tw-ring-color:#fff3}@supports (color:color-mix(in lab,red,red)){.focus\:ring-white\/20:focus{--tw-ring-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media(min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:48rem){.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}}@media(min-width:64rem){.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:flex{display:flex}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}}:root{--app-bg:#020203;--stage-bg:#09090b;--text-primary:#fff;--text-secondary:#a1a1aa;--brand-primary:#6366f1;--brand-secondary:#4f46e5;--brand-dark:#4338ca;--brand-accent:#818cf8;--brand-light:#c7d2fe;--brand-primary-rgb:99,102,241;--brand-indigo:var(--brand-secondary);--brand-blue:var(--brand-primary);--accent-color:var(--brand-primary);--accent-bg:#6366f11a;--input-bg:#18181bd9;--border-color:#ffffff0d;--glass-border:#ffffff14;--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",sans-serif;--font-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",sans-serif;--card-shadow:0 20px 50px -12px #00000080;--card-bg:#09090b;--brand-glow:0 0 20px #6366f14d;--success-color:#10b981}[data-theme=clinical]{--app-bg:#f8fafc;--stage-bg:#fff;--text-primary:#0f172a;--text-secondary:#64748b;--brand-primary:#4f46e5;--brand-primary-rgb:79,70,229;--accent-color:#4f46e5;--accent-bg:#4f46e50d;--input-bg:#fff;--border-color:#e2e8f0;--glass-border:#0000000d;--card-bg:#fff;--card-shadow:0 10px 30px -5px #0000000d}html,body{height:100%;font-family:var(--font-sans);letter-spacing:-.01em;background-color:var(--app-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:13px;transition:background-color .5s;overflow:hidden}#root{flex-direction:column;width:100vw;height:100vh;display:flex}.dashboard-overview{max-width:1000px;margin:0 auto;padding:24px}.dashboard-stats-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px;display:grid}.stat-card{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;padding:20px;transition:all .2s}.stat-card:hover{border-color:var(--brand-primary);box-shadow:var(--card-shadow);transform:translateY(-2px)}.stat-icon{background:var(--accent-bg);width:36px;height:36px;color:var(--brand-primary);border-radius:8px;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.stat-label{color:var(--text-secondary);margin-bottom:4px;font-size:13px}.stat-value{font-size:24px;font-weight:700}.dashboard-actions-row h3{margin-bottom:16px;font-size:16px;font-weight:600}.quick-action-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.quick-action-card{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:16px;font-weight:500;transition:all .2s;display:flex}.quick-action-card:hover{background:var(--accent-bg);border-color:var(--brand-primary)}.quick-action-card svg{color:var(--brand-primary)}.dashboard-shell{background:var(--app-bg);grid-template:"sidebar header"52px"sidebar content"1fr/230px 1fr;width:100vw;height:100vh;display:grid;overflow:hidden}.create-section{max-width:1200px;margin:0 auto;padding-top:0}.create-hero{text-align:center;flex-direction:column;gap:12px;margin-bottom:64px}.create-hero .section-title{background:linear-gradient(135deg,var(--text-primary)0%,var(--text-secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;justify-content:center;font-size:2.5rem;font-weight:800}.create-hero .section-subtitle{color:var(--text-secondary);font-size:1.2rem}.create-modular-section{max-width:900px;margin:0 auto;padding:1rem}.module-selection-grid{justify-content:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.module-card{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;flex:1;align-items:center;gap:.75rem;min-width:0;padding:.75rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.module-card:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-2px)}.module-card.active{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary);background:#6e40ff14}.module-icon-box{width:32px;height:32px;color:var(--text-secondary);background:#ffffff0d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.module-card.active .module-icon-box{background:var(--accent-primary);color:#fff}.module-info{flex-direction:column;display:flex;overflow:hidden}.module-label{color:var(--text-primary);white-space:nowrap;font-size:.9rem;font-weight:700}.module-desc{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.results-display-area{width:100%;min-height:400px;margin-top:1rem;position:relative}.section-title-wrapper{align-items:center;gap:24px;display:flex}.view-mode-tabs{background:#ffffff0d;border:1px solid #ffffff14;border-radius:99px;gap:1px;padding:3px;display:flex}.view-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:99px;padding:6px 14px;font-size:11px;font-weight:700;transition:all .2s}.view-tab:hover{color:var(--text-primary);background:#ffffff08}.view-tab.active{background:var(--brand-primary);color:#fff;box-shadow:0 4px 12px rgba(var(--brand-primary-rgb),.3)}.canvas-wrapper-integrated{background:#111;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;width:100%;height:70vh;display:flex;overflow:hidden;box-shadow:0 25px 60px -15px #0009}.results-mode-active{padding:1.5rem 2.5rem!important}.results-header{margin-bottom:1rem}.full-width-canvas{border-radius:12px!important;max-width:none!important;height:calc(100vh - 180px)!important}.animate-fade-in{animation:.4s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.chat-integration-area{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d0d0d66;border:1px solid #ffffff0a;border-radius:16px;padding:1rem}.integrated-chat-box{flex-direction:column;gap:.75rem;display:flex}.chat-references-row{align-items:center;gap:.75rem;display:flex}.reference-triggers{gap:.4rem;display:flex}.ref-trigger{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.ref-trigger svg{width:16px;height:16px}.ref-trigger:hover{color:var(--text-primary);background:#ffffff0f;border-color:#ffffff1a}.ref-trigger.active{color:var(--accent-primary);border-color:var(--accent-primary);background:#6e40ff1a}.active-reference-indicators{flex-wrap:wrap;gap:.4rem;display:flex}.chat-input-wrapper{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:flex-end;padding:.5rem;transition:border-color .2s;display:flex;position:relative}.chat-input-wrapper:focus-within{border-color:#6e40ff66}.chat-textarea{resize:none;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;max-height:120px;padding:.4rem;font-family:inherit;font-size:.95rem;line-height:1.5}.chat-send-btn{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:2px;transition:background .2s;display:flex}.chat-send-btn:disabled{opacity:.3;pointer-events:none}.inline-reference-details{flex-direction:column;gap:.5rem;padding-top:.25rem;display:flex}.inline-upload-zone{color:var(--text-secondary);text-align:center;cursor:pointer;border:1px dashed #ffffff1a;border-radius:8px;padding:.6rem;font-size:.75rem}.inline-text-input{color:#fff;background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;width:100%;padding:.6rem;font-size:.8rem}.module-sub-config{border-bottom:1px solid #ffffff0a;margin-bottom:1rem;padding-bottom:1rem}.config-header h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.5rem;font-size:.75rem}.config-pills{flex-wrap:wrap;gap:.5rem;display:flex}.platform-pill{color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:6px;padding:4px 12px;font-size:.8rem;transition:all .2s}.platform-pill.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.figma-mode-pills button{color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;padding:2px 8px;font-size:.7rem}.ref-status-pill{color:#10b981;background:#10b9811a;border:1px solid #10b98133;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600}.chat-input-wrapper{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:2px;transition:all .2s;position:relative}.chat-input-wrapper:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary);background:#ffffff0d}.chat-textarea{width:100%;min-height:100px;color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;padding:1.25rem;font-size:1rem;line-height:1.5}.chat-send-btn{background:var(--accent-primary);color:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;bottom:12px;right:12px}.chat-send-btn:disabled{color:#fff3;cursor:not-allowed;background:#ffffff0d}.inline-reference-details{background:#ffffff05;border:1px dashed #ffffff1a;border-radius:12px;flex-direction:column;gap:.75rem;margin-top:.5rem;padding:1rem;display:flex}.inline-upload-zone{color:var(--text-secondary);cursor:pointer;background:#ffffff08;border-radius:10px;justify-content:center;align-items:center;padding:1rem;font-size:.85rem;transition:all .2s;display:flex}.inline-text-input{width:100%;color:var(--text-primary);background:#0003;border:1px solid #ffffff1a;border-radius:8px;padding:.75rem 1rem;font-size:.9rem}.inline-figma-config{flex-direction:column;gap:.75rem;display:flex}.figma-mode-pills{gap:.5rem;display:flex}.figma-mode-pills button{color:var(--text-secondary);background:#ffffff08;border:none;border-radius:6px;padding:4px 12px;font-size:.75rem}.figma-mode-pills button.active{color:#fff;background:#ff7262}.figma-library-select select{width:100%;color:var(--text-primary);background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;padding:.75rem}.main-input-group{background:var(--card-bg);border:1px solid var(--border-color);border-radius:32px;padding:24px;position:relative;box-shadow:0 30px 60px #0000004d}.prompt-textarea{width:100%;min-height:120px;max-height:300px;box-shadow:none;color:var(--text-primary);resize:none;font-size:1.4rem;font-family:var(--font-sans);background:0 0;border:none;outline:none;padding:8px;font-weight:500;line-height:1.5;overflow-y:auto}.input-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;display:flex}.creation-intent-group{gap:8px;display:flex}.intent-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.intent-btn:hover{color:var(--text-primary);background:#ffffff08}.intent-btn.active{background:var(--accent-bg);border-color:var(--brand-primary);color:var(--brand-primary)}.intent-icon{justify-content:center;align-items:center;width:18px;height:18px;display:flex}.generate-btn{cursor:pointer;border:none;border-radius:16px;align-items:center;gap:10px;padding:14px 32px;font-size:1.1rem;font-weight:700;transition:all .2s;display:flex}.primary-gradient{background:linear-gradient(135deg,var(--brand-primary)0%,var(--brand-indigo)100%);color:#fff;box-shadow:0 10px 20px #6366f133}.primary-gradient:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 30px #6366f14d}.dynamic-ref-inputs{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.capture-website-status{background:var(--accent-bg);border:1px solid #6366f133;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.status-info{align-items:center;gap:12px;display:flex}.status-icon{color:var(--brand-primary)}.status-action-btn{color:var(--brand-primary);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:700;transition:opacity .2s}.status-action-btn:hover{opacity:.8}.upload-placeholder{border:1px dashed var(--border-color);cursor:pointer;color:var(--text-secondary);background:#0003;border-radius:16px;align-items:center;gap:12px;padding:12px 16px;font-size:13px;transition:all .2s;display:flex}.upload-placeholder:hover{border-color:var(--brand-primary);color:var(--text-primary)}.attachment-preview-card{background:var(--accent-bg);border:1px solid #6366f133;border-radius:20px;align-items:center;gap:12px;padding:12px 16px;display:flex}.preview-content{cursor:pointer;flex:1;align-items:center;gap:12px;display:flex}.preview-image-wrapper{border:1px solid #ffffff1a;border-radius:10px;width:48px;height:48px;position:relative;overflow:hidden}.preview-image-wrapper img{object-fit:contain;width:100%;height:100%}.preview-overlay{opacity:0;background:#0006;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.preview-image-wrapper:hover .preview-overlay{opacity:1}.preview-overlay svg{color:#fff;width:18px;height:18px}.preview-text{flex-direction:column;display:flex}.preview-title{color:var(--text-primary);font-size:14px;font-weight:600}.preview-subtitle{color:var(--text-secondary);font-size:12px}.action-pill{color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:none;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.action-pill:hover{color:var(--text-primary);background:#ffffff1a}.remove-btn{color:#ef4444;cursor:pointer;background:#ef44441a;border:none;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.remove-btn:hover{background:#ef444433;transform:scale(1.05)}.attachment-file-bar{border:1px solid var(--border-color);background:#0003;border-radius:16px;align-items:center;gap:12px;padding:10px 16px;display:flex}.file-name{color:var(--text-primary);flex:1;font-size:13px}.figma-ref-container{flex-direction:column;gap:12px;display:flex}.figma-mode-switcher{background:#ffffff05;border-radius:10px;gap:8px;padding:4px;display:flex}.figma-mode-switcher button{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex:1;padding:8px;font-size:12px;font-weight:600;transition:all .2s}.figma-mode-switcher button.active{border-color:var(--border-color);color:var(--text-primary);background:#ffffff0d}.figma-url-input{border:1px solid var(--border-color);color:#fff;background:#0003;border-radius:14px;outline:none;width:100%;padding:12px 16px;font-size:13px;transition:border-color .2s}.figma-url-input:focus{border-color:var(--brand-primary)}.secondary-config{border:1px solid var(--border-color);background:#ffffff05;border-radius:24px;margin-top:32px;padding:24px}.config-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;text-align:center;margin-bottom:16px;font-size:11px;font-weight:700}.config-grid{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.platform-pill{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#ffffff08;border-radius:14px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s}.platform-pill:hover{background:#ffffff0f;border-color:#ffffff26}.platform-pill.active{background:var(--accent-bg);border-color:var(--brand-primary);color:var(--brand-primary)}.header-action-btn:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-1px)}.header-action-btn svg{width:16px;height:16px;color:var(--text-secondary)}.brand-dropdown{position:relative}.brand-dropdown-toggle{justify-content:space-between;min-width:140px}.brand-swatch{border-radius:3px;flex-shrink:0;width:12px;height:12px}.brand-dropdown-menu{border:1px solid var(--glass-border);z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111114;border-radius:12px;width:200px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 40px #00000080}[data-theme=clinical] .brand-dropdown-menu{background:#fff;box-shadow:0 10px 30px #00000014}.brand-dropdown-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:8px 12px;font-size:11px;font-weight:700}.brand-dropdown-item{cursor:pointer;color:var(--text-secondary);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.brand-dropdown-item:hover{color:var(--text-primary);background:#ffffff0d}[data-theme=clinical] .brand-dropdown-item:hover{background:#f1f5f9}.brand-dropdown-item.active{background:var(--accent-bg);color:var(--brand-primary)}.brand-item-swatch{border-radius:50%;flex-shrink:0;width:10px;height:10px}.figma-connection-status{border:1px solid var(--border-color);cursor:pointer;background:#ffffff08;border-radius:20px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.figma-connection-status:hover{background:#ffffff0f}.status-dot{border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px}.status-dot.connected{color:#10b98166;background:#10b981}.status-dot.disconnected{color:#ef444466;background:#ef4444}.header-left{align-items:center;gap:24px;display:flex}.header-title{color:var(--text-primary);align-items:center;gap:12px;font-size:1.1rem;font-weight:700;display:flex}.header-title .breadcrumb{color:var(--text-secondary);font-weight:500}.header-right{align-items:center;gap:16px;display:flex}.header-action-btn{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#ffffff0d;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.header-action-btn:hover{background:#ffffff1a;transform:translateY(-1px)}.header-action-btn.primary{background:var(--brand-primary);color:#fff;box-shadow:0 4px 12px rgba(var(--brand-primary-rgb),.2);border:none}.header-action-btn.primary:hover{background:var(--brand-indigo);box-shadow:0 6px 20px rgba(var(--brand-primary-rgb),.3);transform:translateY(-1px)}.dashboard-header-v2{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:linear-gradient(#ffffff0d,#ffffff05);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:32px;height:72px;padding:16px 32px;display:flex;position:relative;overflow:visible}.header-left-section{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.header-title-group{align-items:center;gap:12px;min-width:0;display:flex}.title-icon{background:linear-gradient(135deg,rgba(var(--brand-primary-rgb),.15),rgba(var(--brand-primary-rgb),.05));border:1px solid rgba(var(--brand-primary-rgb),.2);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.title-icon svg{width:16px;height:16px;color:var(--brand-primary)}.title-text{flex-direction:column;gap:2px;min-width:0;display:flex}.header-title-main{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.15rem;font-weight:700;overflow:hidden}.header-breadcrumb{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:500}.header-right-section{z-index:101;flex-shrink:0;align-items:center;gap:12px;display:flex;position:relative}.header-button-group{align-items:center;gap:8px;display:flex}.header-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.header-btn svg{width:16px;height:16px}.header-btn-secondary{color:var(--text-primary);background:#ffffff0f;border:1px solid #ffffff1a}.header-btn-secondary:hover{background:#ffffff1f;border-color:#ffffff26;transform:translateY(-1px)}.header-btn-primary{background:linear-gradient(135deg,var(--brand-primary)0%,var(--brand-indigo)100%);color:#fff;box-shadow:0 4px 16px rgba(var(--brand-primary-rgb),.25);border:none}.header-btn-primary:hover{box-shadow:0 8px 24px rgba(var(--brand-primary-rgb),.35);transform:translateY(-2px)}.header-btn-primary:active{transform:translateY(-1px)}.header-btn-icon{width:40px;height:40px;color:var(--text-primary);background:#ffffff0f;border:1px solid #ffffff1a;justify-content:center;align-items:center;padding:0;display:flex}.header-btn-icon:hover{background:#ffffff1f;border-color:#ffffff26}.header-btn-icon svg{width:18px;height:18px}.header-btn-new-design{min-width:140px}.header-brand-dropdown{z-index:150;position:relative}.header-brand-toggle{color:var(--text-primary);cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:10px;padding:8px 14px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.header-brand-toggle:hover{background:#ffffff1f;border-color:#ffffff26}.header-brand-swatch{border:1px solid #fff3;border-radius:3px;flex-shrink:0;width:14px;height:14px}.header-chevron{opacity:.6;width:14px;height:14px;margin-left:2px}.header-brand-menu{background:var(--app-bg);z-index:9999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffff1a;border-radius:12px;width:240px;animation:.2s ease-out slideDownMenu;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 20px 50px #0006}@keyframes slideDownMenu{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.brand-menu-header{background:#ffffff05;border-bottom:1px solid #ffffff0d;padding:12px 14px}.brand-menu-header h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin:0;font-size:.8rem;font-weight:700}.brand-menu-list{max-height:300px;padding:4px;overflow-y:auto}.brand-menu-item{cursor:pointer;color:var(--text-secondary);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:.85rem;font-weight:500;transition:all .15s;display:flex}.brand-menu-item:hover{color:var(--text-primary);background:#ffffff14}.brand-menu-item.active{background:rgba(var(--brand-primary-rgb),.15);color:var(--brand-primary)}.brand-menu-swatch{border:1px solid #fff3;border-radius:3px;flex-shrink:0;width:12px;height:12px}.brand-menu-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.brand-menu-check{color:var(--brand-primary);opacity:0;font-size:.75rem;font-weight:700;transition:opacity .15s}.brand-menu-item.active .brand-menu-check{opacity:1}.brand-menu-footer{background:#ffffff03;border-top:1px solid #ffffff0d;padding:8px 4px}.brand-menu-add{border:1px solid rgba(var(--brand-primary-rgb),.3);width:100%;color:var(--brand-primary);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.brand-menu-add:hover{background:rgba(var(--brand-primary-rgb),.1);border-color:rgba(var(--brand-primary-rgb),.5)}.brand-menu-add svg{width:14px;height:14px}@media(max-width:1200px){.dashboard-header-v2{height:64px;padding:12px 20px}.header-btn-new-design span,.header-btn-secondary span,.header-brand-name{display:none}.dashboard-shell{grid-template-columns:240px 1fr}.generation-type-grid{grid-template-columns:repeat(2,1fr)}.config-panel{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-header-v2{gap:12px;height:60px;padding:12px 16px}.title-icon{width:36px;height:36px}.header-title-main{font-size:1rem}.header-right-section{gap:8px}.header-btn{padding:8px 12px;font-size:.8rem}.header-btn-icon{width:36px;height:36px}}[data-theme=clinical] .dashboard-header-v2{background:linear-gradient(#00000005,#00000003);border-bottom:1px solid #e2e8f0}[data-theme=clinical] .header-brand-menu{background:#fff}[data-theme=clinical] .brand-menu-item:hover{background:#f1f5f9}.dashboard-sidebar{background:var(--app-bg);border-right:1px solid var(--border-color);z-index:101;flex-direction:column;grid-area:sidebar;gap:4px;height:100vh;padding:20px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0}.sidebar-scroll-area{scrollbar-width:thin;scrollbar-color:rgba(var(--brand-primary-rgb),.2)transparent;flex:1;margin-right:-4px;padding-right:4px;overflow-y:auto}.sidebar-scroll-area::-webkit-scrollbar{width:4px}.sidebar-scroll-area::-webkit-scrollbar-thumb{background:rgba(var(--brand-primary-rgb),.2);border-radius:10px}.sidebar-logo{align-items:center;gap:12px;margin-bottom:32px;padding:12px 14px;display:flex}.sidebar-logo-icon{background:linear-gradient(135deg,var(--brand-primary)0%,#6366f1 100%);width:36px;height:36px;box-shadow:0 4px 12px rgba(var(--brand-primary-rgb),.3);border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.sidebar-logo-icon:after{content:"";background:linear-gradient(45deg,#0000,#ffffff1a,#0000);width:200%;height:200%;animation:3s infinite shine;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}@keyframes shine{0%{transform:translate(-100%)rotate(45deg)}to{transform:translate(100%)rotate(45deg)}}.sidebar-logo-text{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);background:linear-gradient(to bottom,var(--text-primary),rgba(var(--text-primary-rgb),.7));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:800}.sidebar-section{margin-bottom:28px}.sidebar-section-title{text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);opacity:.4;padding:0 16px 12px;font-size:11px;font-weight:600}.sidebar-nav-item{color:var(--text-secondary);cursor:pointer;border-radius:10px;align-items:center;gap:12px;margin-bottom:2px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.sidebar-nav-item:hover{color:var(--text-primary);background:rgba(var(--text-primary-rgb),.04)}.sidebar-nav-item.active{color:var(--brand-primary);background:rgba(var(--brand-primary-rgb),.08);font-weight:600}.sidebar-nav-item svg{opacity:.6;transition:all .2s}.sidebar-nav-item:hover svg,.sidebar-nav-item.active svg{opacity:1;color:var(--brand-primary);transform:scale(1.05)}.sidebar-nav-chevron{opacity:.4;margin-left:auto;transition:transform .3s}.sidebar-nav-item.active .sidebar-nav-chevron{opacity:.8}.sidebar-sub-nav{border-left:1px solid rgba(var(--text-primary-rgb),.06);flex-direction:column;gap:2px;margin:4px 8px 12px 24px;padding-left:12px;display:flex}.sidebar-nav-item.sub-item{padding:8px 12px;font-size:13px;background:0 0!important}.sidebar-nav-item.sub-item.active{color:var(--text-primary);background:0 0!important}.sidebar-nav-item.sub-item:before{display:none}.sidebar-nav-badge{background:var(--brand-primary);color:#fff;box-shadow:0 2px 4px rgba(var(--brand-primary-rgb),.2);border-radius:20px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:700}.connection-item.connected,.connection-item.connected svg{color:#10b981}.connection-status-dot{background:#6b7280;border-radius:50%;width:6px;height:6px;margin-left:auto}.connection-item.connected .connection-status-dot{display:none}.sidebar-disconnect-btn{color:#ef4444;opacity:.6;border-radius:6px;margin-left:auto;padding:4px;transition:all .2s}.sidebar-disconnect-btn:hover{opacity:1;background:#ef44441a}.sidebar-footer{border-top:1px solid var(--border-color);margin-top:auto;padding-top:20px}.sidebar-user-block{background:rgba(var(--text-primary-rgb),.03);border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:12px 8px;transition:all .2s;display:flex}.sidebar-user-block:hover{background:rgba(var(--text-primary-rgb),.05);border-color:rgba(var(--text-primary-rgb),.02)}.user-avatar-hex{background:var(--card-bg);border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-secondary);border-radius:10px;justify-content:center;align-items:center;display:flex}.user-details{cursor:pointer;flex:1;min-width:0}.user-primary-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.user-secondary-email{color:var(--text-secondary);opacity:.6;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.user-action-btn{color:var(--text-secondary);opacity:.5;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;transition:all .2s}.user-action-btn:hover{color:#ef4444;opacity:1;background:#ef44441a}.sidebar-user-profile{border:1px solid var(--border-color);background:#ffffff08;border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:12px;display:flex}.user-avatar{background:var(--brand-indigo);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.user-avatar svg{width:18px;height:18px}.user-info{flex:1;min-width:0}.user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.user-email{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.user-settings-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .2s}.user-settings-btn:hover{color:var(--text-primary);background:#ffffff14}.sidebar-nav-item.logout-item{color:#ef4444b3;margin-top:4px}.sidebar-nav-item.logout-item:hover{color:#ef4444;background:#ef444414!important}.brand-dropdown-menu{background:var(--card-bg);border:1px solid var(--border-color);min-width:220px;box-shadow:var(--card-shadow);z-index:200;border-radius:12px;padding:8px;position:absolute;top:calc(100% + 8px);right:0}.sidebar-nav-item.connected{color:var(--brand-primary)}.connection-dot{background:var(--brand-primary);width:6px;height:6px;box-shadow:0 0 10px var(--brand-primary);border-radius:50%;margin-left:auto}.sidebar-disconnect-btn{color:#ef4444;cursor:pointer;background:#ef44441a;border-radius:6px;justify-content:center;align-items:center;margin-left:auto;padding:6px;transition:all .2s;display:flex}.sidebar-disconnect-btn:hover{background:#ef444433;transform:scale(1.1)}.sidebar-disconnect-btn svg{width:12px!important;height:12px!important;color:inherit!important}.dashboard-content{background:var(--app-bg);scrollbar-width:thin;scrollbar-color:rgba(var(--brand-primary-rgb),.4)#ffffff08;grid-area:content;padding:20px;position:relative;overflow-y:auto}.dashboard-content::-webkit-scrollbar{width:8px}.dashboard-content::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}.dashboard-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(var(--brand-primary-rgb),.4),rgba(var(--brand-primary-rgb),.3));border:2px solid #ffffff05;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(var(--brand-primary-rgb),.6),rgba(var(--brand-primary-rgb),.5));box-shadow:0 0 12px rgba(var(--brand-primary-rgb),.3)}.settings-sidebar{scrollbar-width:thin;scrollbar-color:rgba(var(--brand-primary-rgb),.4)#ffffff08}.settings-sidebar::-webkit-scrollbar{width:6px}.settings-sidebar::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}.settings-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(var(--brand-primary-rgb),.35),rgba(var(--brand-primary-rgb),.25));border:1px solid #ffffff05;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1)}.settings-sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(var(--brand-primary-rgb),.55),rgba(var(--brand-primary-rgb),.45));box-shadow:0 0 10px rgba(var(--brand-primary-rgb),.3)}.settings-main-content{scrollbar-width:thin;scrollbar-color:rgba(var(--brand-primary-rgb),.4)#ffffff08}.settings-main-content::-webkit-scrollbar{width:8px}.settings-main-content::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}.settings-main-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(var(--brand-primary-rgb),.4),rgba(var(--brand-primary-rgb),.3));border:2px solid #ffffff05;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1)}.settings-main-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(var(--brand-primary-rgb),.6),rgba(var(--brand-primary-rgb),.5));box-shadow:0 0 12px rgba(var(--brand-primary-rgb),.3)}.scrollable{scrollbar-width:thin;scrollbar-color:rgba(var(--brand-primary-rgb),.4)#ffffff08}.scrollable::-webkit-scrollbar{width:6px;height:6px}.scrollable::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}.scrollable::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(var(--brand-primary-rgb),.35),rgba(var(--brand-primary-rgb),.25));border:1px solid #ffffff05;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1)}.scrollable::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(var(--brand-primary-rgb),.55),rgba(var(--brand-primary-rgb),.45));box-shadow:0 0 10px rgba(var(--brand-primary-rgb),.3)}.content-section{z-index:5;animation:.4s ease-out fadeSlideIn;position:relative}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-header{z-index:10;justify-content:space-between;align-items:center;margin-bottom:32px;display:flex;position:relative}.section-title{color:var(--text-primary);align-items:center;gap:16px;font-size:1.6rem;font-weight:800;display:flex}.section-title-icon{background:linear-gradient(135deg,#3b82f633,#8b5cf633);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.section-title-icon svg{width:24px;height:24px;color:var(--brand-primary)}.section-subtitle{color:var(--text-secondary);margin-top:8px;font-size:.95rem}.brand-dropdown{z-index:200;position:relative}.brand-dropdown-toggle{border:1px solid var(--border-color);cursor:pointer;color:var(--text-primary);background:#ffffff0d;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.brand-dropdown-toggle:hover{background:#ffffff1a}.brand-dropdown-menu{background:var(--card-bg);border:1px solid var(--border-color);z-index:201;border-radius:14px;min-width:220px;padding:8px;animation:.2s ease-out dropdownSlide;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 15px 40px #0006}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.brand-dropdown-item{cursor:pointer;color:var(--text-primary);border-radius:10px;align-items:center;gap:12px;padding:10px 14px;font-size:.9rem;transition:all .2s;display:flex}.brand-dropdown-item:hover{background:#ffffff0d}.brand-dropdown-item.active{color:var(--brand-primary);background:#3b82f61a}.sidebar-nav-item.sub-item{opacity:.8;border-radius:10px;margin-left:24px;padding:8px 12px;font-size:.85rem}.sidebar-nav-item.sub-item:hover{opacity:1}.sidebar-nav-item.sub-item.active{opacity:1;color:var(--brand-primary);background:#3b82f61a}.intent-btn{transition:all .2s cubic-bezier(.4,0,.2,1)}.intent-btn:hover:not(.active){color:var(--text-primary)!important;background:#ffffff08!important}.intent-btn.active{box-shadow:0 4px 12px #3b82f633}.ref-action-pill{transition:all .2s}.ref-action-pill:hover:not(.active){color:var(--text-primary)!important;background:#ffffff14!important}.modern-card{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#18181be6,#111113e6);border-radius:20px;padding:28px;transition:all .3s;position:relative;overflow:hidden}.modern-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;position:absolute;top:0;left:0;right:0}.modern-card:hover{border-color:#3b82f64d;transform:translateY(-4px);box-shadow:0 20px 40px -20px #3b82f64d}.modern-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.modern-card-title{color:var(--text-primary);font-size:1.1rem;font-weight:700}.modern-card-subtitle{color:var(--text-secondary);margin-top:4px;font-size:.85rem}.create-section{max-width:1400px}.generation-type-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px;display:grid}.generation-type-card{border:2px solid var(--border-color);cursor:pointer;text-align:center;background:linear-gradient(145deg,#18181bcc,#111113cc);border-radius:20px;padding:28px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.generation-type-card:before{content:"";opacity:0;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);transition:opacity .3s;position:absolute;top:0;right:0;bottom:0;left:0}.generation-type-card:hover{border-color:#3b82f666;transform:translateY(-6px)scale(1.02);box-shadow:0 20px 40px -15px #3b82f640}.generation-type-card:hover:before{opacity:1}.generation-type-card.active{border-color:var(--brand-primary);background:linear-gradient(145deg,#3b82f626,#8b5cf61a)}.generation-type-card.active:before{opacity:1}.generation-type-icon{z-index:1;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex;position:relative}.generation-type-card.active .generation-type-icon{background:linear-gradient(135deg,var(--brand-primary)0%,#8b5cf6 100%)}.generation-type-icon svg{width:28px;height:28px;color:var(--text-primary)}.generation-type-label{color:var(--text-primary);z-index:1;margin-bottom:8px;font-size:1.05rem;font-weight:700;position:relative}.generation-type-desc{color:var(--text-secondary);z-index:1;font-size:.8rem;line-height:1.4;position:relative}.config-panel{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:40px;display:grid}.config-card{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#11111399;border-radius:20px;padding:24px}.config-card-title{text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:16px;font-size:.85rem;font-weight:700;display:flex}.config-card-title svg{width:16px;height:16px}.platform-selection-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.platform-option{border:1px solid var(--border-color);cursor:pointer;text-align:center;background:#ffffff08;border-radius:12px;padding:16px 12px;transition:all .2s}.platform-option:hover{background:#ffffff0f;border-color:#ffffff26}.platform-option.active{border-color:var(--brand-primary);background:#3b82f626}.platform-option-label{color:var(--text-primary);margin-bottom:4px;font-size:.9rem;font-weight:600}.platform-option-desc{color:var(--text-secondary);font-size:.75rem}.brand-kit-selector{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.brand-kit-pill{border:1px solid var(--border-color);cursor:pointer;color:var(--text-primary);background:#ffffff0d;border-radius:99px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;transition:all .2s;display:flex}.brand-kit-pill:hover{background:#ffffff14}.brand-kit-pill.active{border-color:var(--brand-primary);background:#3b82f626}.brand-kit-pill-color{border:2px solid #fff3;border-radius:50%;width:16px;height:16px}.edit-brand-btn{border:1px dashed var(--border-color);cursor:pointer;color:var(--text-secondary);background:0 0;border-radius:99px;padding:8px 16px;font-size:.85rem;transition:all .2s}.edit-brand-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.prompt-section{border:1px solid var(--border-color);background:linear-gradient(145deg,#18181bcc,#11111399);border-radius:18px;padding:20px;position:relative;overflow:hidden}.prompt-section:before{content:"";background:linear-gradient(90deg,#0000,#3b82f64d,#0000);height:1px;position:absolute;top:0;left:0;right:0}.prompt-label{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:16px;font-size:1rem;font-weight:700;display:flex}.prompt-label svg{color:var(--brand-primary)}.prompt-input-wrapper{z-index:100;align-items:flex-end;gap:16px;display:flex;position:relative}.prompt-textarea{border:1px solid var(--border-color);color:var(--text-primary);font-size:1rem;font-family:var(--font-sans);resize:none;background:#0000004d;border-radius:16px;flex:1;min-height:100px;padding:20px;transition:all .2s}.prompt-textarea:focus{border-color:var(--brand-primary);outline:none;box-shadow:0 0 0 4px #3b82f61a}.prompt-textarea::placeholder{color:var(--text-secondary)}.generate-btn{background:linear-gradient(135deg,var(--brand-primary)0%,var(--brand-secondary)100%);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:16px;align-items:center;gap:10px;padding:20px 32px;font-size:1rem;font-weight:700;transition:all .3s;display:flex}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px -10px #3b82f680}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.generate-btn svg{width:20px;height:20px}.reference-sources{border-top:1px solid var(--border-color);z-index:10;margin-top:20px;padding-top:20px;position:relative}.reference-sources-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:12px;font-size:.8rem;font-weight:600}.reference-sources-grid{flex-wrap:wrap;gap:10px;display:flex}.reference-source-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:#ffffff08;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;transition:all .2s;display:flex}.reference-source-btn:hover{color:var(--text-primary);background:#ffffff0f}.reference-source-btn.active{border-color:var(--brand-primary);color:var(--brand-primary);background:#3b82f626}.ref-input-field{z-index:5;position:relative}.ref-input-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px;font-size:.75rem;font-weight:600;display:block}.preview-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid var(--border-color);z-index:99;background:#111113f2;flex-direction:column;width:50%;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:72px;bottom:0;right:0;transform:translate(100%)}.preview-panel.open{transform:translate(0)}.preview-panel-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.preview-panel-title{color:var(--text-primary);font-size:1.1rem;font-weight:700}.preview-panel-actions{gap:8px;display:flex}.preview-panel-content{flex:1;padding:24px;overflow:hidden}.preview-panel-content iframe{background:#fff;border:none;border-radius:16px;width:100%;height:100%}.files-section{max-width:1400px}.files-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;display:grid}.file-card{border:1px solid var(--border-color);cursor:pointer;background:linear-gradient(145deg,#18181bcc,#111113cc);border-radius:20px;transition:all .3s;overflow:hidden}.file-card-preview{background:#1a1a1a;height:140px;position:relative;overflow:hidden}.file-card-preview iframe{transform-origin:0 0;pointer-events:none;border:none;width:200%;height:200%;transform:scale(.5)}.file-card-preview img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.file-card-info{padding:12px}.file-card-name{color:var(--text-primary);margin-bottom:4px;font-size:.95rem;font-weight:700}.file-card-meta{color:var(--text-secondary);align-items:center;gap:12px;font-size:.8rem;display:flex}.file-card-actions{opacity:0;gap:8px;margin-top:12px;transition:opacity .2s;display:flex}.file-card:hover .file-card-actions{opacity:1}@keyframes pulse{50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s infinite shimmer}@media(max-width:1200px){.dashboard-shell{grid-template-columns:240px 1fr}.generation-type-grid{grid-template-columns:repeat(2,1fr)}.config-panel{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-shell{grid-template:"header"64px"content"1fr/1fr}.dashboard-sidebar{display:none}.dashboard-sidebar.mobile-open{z-index:1000;width:240px;animation:.3s slideInLeft;display:flex;position:fixed;top:0;bottom:0;left:0}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.generation-type-grid{grid-template-columns:1fr}.prompt-input-wrapper{flex-direction:column}.generate-btn{justify-content:center;width:100%}}[data-theme=clinical] .dashboard-sidebar{background:linear-gradient(#f8fafc,#f1f5f9)}[data-theme=clinical] .dashboard-header{background:#ffffffe6}[data-theme=clinical] .modern-card,[data-theme=clinical] .generation-type-card,[data-theme=clinical] .config-card,[data-theme=clinical] .prompt-section{background:#ffffffe6;border-color:#e2e8f0}[data-theme=clinical] .sidebar-nav-item:hover{background:#0000000d}[data-theme=clinical] .sidebar-nav-item.active{background:#3b82f61a}.color-palette-manager{gap:24px;margin-bottom:24px;display:flex}.palette-column{background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex}.column-header{justify-content:space-between;align-items:center;display:flex}.column-header label{text-transform:uppercase;color:var(--text-secondary);font-size:.75rem;font-weight:800}.add-color-btn{background:var(--brand-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:4px 10px;font-size:.7rem;font-weight:700}.color-swatch-list{flex-direction:column;gap:8px;max-height:200px;display:flex;overflow-y:auto}.color-swatch-list.single{max-height:none}.color-swatch-item{background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:8px;padding:4px;display:flex}.color-swatch-item input[type=color]{cursor:pointer;background:0 0;border:none;width:32px;height:32px;padding:0}.color-swatch-item input[type=text]{color:#fff;background:0 0;border:none;outline:none;flex:1;font-family:Roboto Mono,monospace;font-size:.8rem}.color-swatch-item button{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.2rem;line-height:1}.empty-palette-hint{color:var(--text-secondary);text-align:center;padding:12px;font-size:.75rem;font-style:italic}.logo-variations-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;margin-top:12px;display:grid}.logo-variation-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.variation-preview{aspect-ratio:1;background:#0003;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex;position:relative}.variation-preview img{object-fit:contain;max-width:100%;max-height:100%}.variation-preview button{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;display:flex;position:absolute;top:-6px;right:-6px}.variation-upload{aspect-ratio:1;cursor:pointer;color:var(--text-secondary);border:1px dashed #ffffff1a;border-radius:8px;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.style-refs-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;margin-top:12px;display:grid}.style-ref-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.ref-image{aspect-ratio:16/9;background:#000;justify-content:center;align-items:center;display:flex;position:relative}.ref-image img{object-fit:cover;width:100%;height:100%}.ref-image button{color:#fff;cursor:pointer;background:#ef4444cc;border:none;border-radius:8px;padding:4px 8px;font-size:12px;position:absolute;top:8px;right:8px}.ref-label{text-align:center;color:var(--text-primary);padding:10px 12px;font-size:.8rem;font-weight:700}.add-style-ref-card{aspect-ratio:16/9;cursor:pointer;color:var(--text-secondary);border:2px dashed #ffffff1a;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;transition:all .2s;display:flex}.add-style-ref-card:hover{border-color:var(--brand-primary);color:#fff;background:#3b82f60d}.plus-icon{font-size:1.8rem;font-weight:300}.section-subtitle{text-transform:uppercase;color:var(--brand-primary);letter-spacing:.05em;margin-bottom:8px;font-size:.8rem;font-weight:800}.mt-8{margin-top:32px}.multi-ref-selector{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.ref-pill{color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:99px;align-items:center;gap:8px;padding:6px 14px;font-size:.75rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.ref-pill:hover{color:#fff;background:#ffffff1a}.ref-pill.active{background:var(--brand-primary);color:#fff;border-color:var(--brand-accent);box-shadow:0 4px 12px #3b82f64d}.ref-pill svg{width:14px;height:14px}.unified-ref-inputs-stack{background:#00000026;border-radius:12px;flex-direction:column;gap:16px;padding:12px;display:flex}.ref-input-group{flex-direction:column;gap:6px;display:flex}.mini-label{text-transform:uppercase;color:var(--brand-primary);letter-spacing:.05em;font-size:.6rem;font-weight:800}.ref-empty-hint{color:var(--text-secondary);text-align:center;opacity:.6;padding:20px 0;font-size:.75rem;font-style:italic}.brand-modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10000;background:#000c;justify-content:center;align-items:center;padding:40px;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.brand-modal-container{background:#111;border:1px solid #ffffff1a;border-radius:32px;width:100%;max-width:1100px;height:85vh;animation:.4s cubic-bezier(.16,1,.3,1) scaleUp;display:flex;overflow:hidden;box-shadow:0 50px 100px #000c}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.brand-modal-sidebar{background:#09090b;border-right:1px solid #ffffff0d;flex-direction:column;width:280px;display:flex}.sidebar-header{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;padding:24px;font-size:.9rem;font-weight:800;display:flex}.kit-list{scrollbar-width:thin;scrollbar-color:rgba(var(--brand-primary-rgb),.35)#ffffff08;flex:1;padding:12px;overflow-y:auto}.kit-list::-webkit-scrollbar{width:6px}.kit-list::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}.kit-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(var(--brand-primary-rgb),.35),rgba(var(--brand-primary-rgb),.25));border:1px solid #ffffff05;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1)}.kit-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(var(--brand-primary-rgb),.55),rgba(var(--brand-primary-rgb),.45));box-shadow:0 0 10px rgba(var(--brand-primary-rgb),.3)}.kit-item{cursor:pointer;border:1px solid #0000;border-radius:16px;align-items:center;gap:12px;margin-bottom:4px;padding:12px;transition:all .2s;display:flex;position:relative}.kit-item:hover{background:#ffffff0d}.kit-item.active{background:#3b82f61a;border-color:#3b82f64d}.kit-item-icon{background:#27272a;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:800;display:flex}.kit-item-info{flex:1}.kit-item-name{color:#fff;font-size:.85rem;font-weight:700}.kit-item-meta{color:var(--text-secondary);font-size:.7rem}.kit-item-delete{opacity:0;color:#ef4444;cursor:pointer;background:0 0;border:none;transition:opacity .2s}.kit-item:hover .kit-item-delete{opacity:1}.brand-modal-main{background:#111;flex-direction:column;flex:1;display:flex}.main-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.brand-title-input{color:#fff;background:0 0;border:none;outline:none;width:300px;font-size:1.5rem;font-weight:800}.header-actions{gap:12px;display:flex}.extract-btn{color:var(--brand-primary);cursor:pointer;background:#3b82f61a;border:1px solid #3b82f633;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:.8rem;font-weight:700;display:flex}.save-modal-btn{background:var(--brand-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;font-weight:700;display:flex}.close-modal-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.code-view-container{flex-direction:column;gap:16px;display:flex}.code-tabs,.sub-tabs{border-bottom:1px solid var(--border-color);gap:8px;padding-bottom:8px;display:flex}.sub-tabs{border-bottom-color:#ffffff0d;margin-top:12px}.code-tabs button,.sub-tabs button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 12px;font-size:.9rem;transition:all .2s}.code-tabs button.active,.sub-tabs button.active{background:var(--primary-color);color:#fff}.sub-tabs button.active{color:var(--primary-color);box-shadow:inset 0 0 0 1px var(--primary-color);background:#ffffff1a}.code-actions{justify-content:flex-end;display:flex}.main-tabs{border-bottom:1px solid #ffffff0d;gap:20px;padding:12px 20px 0;display:flex}.main-tabs button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:12px 0;font-size:.9rem;font-weight:700;position:relative}.main-tabs button.active{color:#fff}.main-tabs button.active:after{content:"";background:var(--brand-primary);height:2px;position:absolute;bottom:-1px;left:0;right:0}.main-content-scroll{scrollbar-width:thin;scrollbar-color:rgba(var(--brand-primary-rgb),.4)#ffffff08;flex:1;padding:20px;overflow-y:auto}.main-content-scroll::-webkit-scrollbar{width:8px}.main-content-scroll::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}.main-content-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(var(--brand-primary-rgb),.4),rgba(var(--brand-primary-rgb),.3));border:2px solid #ffffff05;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1)}.main-content-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(var(--brand-primary-rgb),.6),rgba(var(--brand-primary-rgb),.5));box-shadow:0 0 12px rgba(var(--brand-primary-rgb),.3)}.brand-editor-section{max-width:700px}.editor-row{gap:24px;margin-bottom:24px;display:flex}.editor-field{flex-direction:column;flex:1;gap:10px;display:flex}.editor-field.full{flex:none;width:100%}.editor-field label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;font-size:.75rem;font-weight:800}.editor-field input,.editor-field textarea{color:#fff;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;outline:none;padding:12px 16px;font-size:.9rem}.editor-field textarea{resize:vertical;min-height:100px}.editor-field textarea.tall-textarea{min-height:200px}.color-picker-group{align-items:center;gap:12px;display:flex}.color-picker-group input[type=color]{cursor:pointer;background:0 0;border:none;width:44px;height:44px;padding:0}.logo-management{height:120px}.logo-preview-box{background:#ffffff05;border-radius:12px;justify-content:space-between;align-items:center;height:100%;padding:12px;display:flex}.logo-preview-box img{object-fit:contain;max-width:150px;max-height:100%}.logo-preview-box button{color:#ef4444;cursor:pointer;background:#ef44441a;border:none;border-radius:8px;padding:8px 16px}.logo-upload-placeholder{cursor:pointer;height:100%;color:var(--text-secondary);border:2px dashed #ffffff1a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.logo-upload-placeholder:hover{border-color:var(--brand-primary);background:#3b82f60d}.icon-samples-manager{flex-wrap:wrap;gap:12px;display:flex}.icon-sample-pill{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:8px;display:flex}.icon-sample-pill img{object-fit:contain;width:32px;height:32px}.icon-sample-pill button{color:#ef4444;cursor:pointer;background:0 0;border:none;font-size:1.2rem}.add-sample-btn-small{cursor:pointer;border:1px dashed #fff3;border-radius:12px;padding:8px 16px;font-size:.8rem;font-weight:700}.pdf-status-row .status-pill{color:var(--brand-primary);background:#3b82f61a;border-radius:12px;align-items:center;gap:12px;padding:8px 16px;display:flex}.compact-upload-btn-outline{cursor:pointer;border:1px solid #ffffff26;border-radius:12px;padding:10px 20px;font-size:.85rem;font-weight:700;display:inline-block}.unified-ref-input{flex-direction:column;gap:8px;width:100%;display:flex}.mini-samples-grid,.mini-samples-grid-onboarding{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.mini-sample-thumb,.mini-thumb-onboarding{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;padding:4px;display:flex;position:relative}.mini-sample-thumb.small{width:28px;height:28px}.mini-sample-thumb img,.mini-thumb-onboarding img{object-fit:contain;width:100%;height:100%}.remove-sample{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:flex;position:absolute;top:-6px;right:-6px}.clear-samples-btn{color:#ef4444;cursor:pointer;text-transform:uppercase;background:0 0;border:none;font-size:.7rem;font-weight:700}.compact-textarea{color:var(--text-primary);resize:vertical;background:#ffffff0a;border:1px solid #ffffff0d;border-radius:8px;outline:none;width:100%;min-height:60px;padding:8px 12px;font-family:Roboto Mono,monospace;font-size:.8rem}.hero-compact-upload.full{width:100%}.toast-container{z-index:11000;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#22c55ee6;border-radius:99px;padding:12px 24px;font-size:.9rem;font-weight:700;animation:.3s cubic-bezier(.16,1,.3,1) toastFadeIn;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.toast-container.error{background:#ef4444e6}@keyframes toastFadeIn{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.app-branding{z-index:1200;letter-spacing:-.04em;color:var(--text-primary);pointer-events:none;-webkit-text-fill-color:transparent;background:linear-gradient(to bottom right,#fff,#888);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800;transition:all .4s;position:fixed;top:32px;left:40px}.app-branding.hide-completely{opacity:0;transform:translateY(-20px)}.theme-bar{z-index:1100;align-items:center;gap:12px;transition:all .4s;display:flex;position:fixed;top:32px;right:40px}.theme-toggle{background:var(--input-bg);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:99px;align-items:center;gap:8px;padding:8px 18px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.theme-toggle:hover{border-color:#8b5cf6;transform:translateY(-1px)}.artifact-card{cursor:pointer;background:var(--card-bg);border:1px solid var(--border-color);height:100%;box-shadow:var(--card-shadow);border-radius:12px;flex-direction:column;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.artifact-card-inner{background:#fff;flex:1;position:relative;overflow:hidden}.artifact-iframe{border:none;width:100%;height:100%;transition:opacity .3s}.artifact-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.artifact-style-tag{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.7rem;font-weight:800}.artifact-actions{gap:8px;display:flex}.artifact-action-btn{color:var(--text-primary);cursor:pointer;opacity:0;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.artifact-card:hover .artifact-action-btn{opacity:1}.artifact-action-btn:hover{background:#ffffff26;transform:scale(1.1)}.history-group{background:#ffffff08;border-radius:99px;gap:4px;margin-right:4px;padding:4px;display:flex}.history-group button{opacity:1;padding:6px 12px!important}.history-group button:disabled{opacity:.2;cursor:not-allowed}.regenerate-btn{background:var(--brand-primary)!important;color:#fff!important}.delete-btn:hover{color:#fff!important;background:#ef4444!important}.icon-only-btn{padding:10px 14px!important}.full-preview-overlay{background:var(--app-bg);z-index:9999;flex-direction:column;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.full-preview-overlay.visual-editing-mode{border:4px solid var(--brand-primary)}.full-preview-toolbar{background:var(--stage-bg);border-bottom:1px solid var(--border-color);z-index:10;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.visual-editing-mode .full-preview-toolbar{border-bottom-color:var(--brand-primary);background:#1e3a8a}.toolbar-left,.toolbar-center,.toolbar-right{align-items:center;gap:16px;display:flex}.toolbar-history-group{background:#ffffff0d;border-radius:12px;gap:4px;padding:4px;display:flex}.toolbar-history-group button{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;padding:8px 12px;transition:all .2s;display:flex}.toolbar-history-group button:hover:not(:disabled){background:#ffffff1a}.toolbar-history-group button:disabled{opacity:.3;cursor:not-allowed}.toolbar-action-btn{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#ffffff0d;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.toolbar-action-btn.primary{background:var(--brand-primary);color:#fff;border-color:var(--brand-accent)}.toolbar-action-btn.success{background:var(--success-color);color:#fff;border-color:#4ade80}.toolbar-action-btn:hover{background:#ffffff1a;transform:translateY(-1px)}.toolbar-action-btn.primary:hover{background:var(--brand-secondary)}.toolbar-action-btn.success:hover{background:#16a34a}.toolbar-action-btn.delete:hover{color:#fff;background:#ef4444;border-color:#f87171}.visual-edit-actions{gap:12px;display:flex}.export-wrapper{position:relative}.export-dropdown{background:var(--stage-bg);border:1px solid var(--border-color);z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;width:200px;animation:.2s cubic-bezier(.16,1,.3,1) dropdownPop;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 20px 40px #0009}@keyframes dropdownPop{0%{opacity:0;transform:translateY(-10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.export-dropdown button{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:12px 16px;font-size:.85rem;font-weight:600;transition:background .2s;display:flex}.export-dropdown button:hover{background:#ffffff0d}.export-dropdown button svg{color:var(--brand-primary)}.editor-hint{background:var(--brand-primary);color:#fff;text-align:center;justify-content:center;align-items:center;gap:10px;padding:8px;font-size:.8rem;font-weight:600;animation:.3s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.preview-label{color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase;margin-right:8px;font-size:.75rem;font-weight:800}.visual-editing-mode .preview-label{color:#fff}.preview-close-btn{background:var(--accent-bg);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.preview-close-btn:hover{background:var(--text-primary);color:var(--app-bg)}.full-preview-body{background:#f8fafc;flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.full-preview-body iframe{background:#fff;border:none;width:100%;height:100%}.binary-preview-container{background:#f1f5f9;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex}.full-binary-image{object-fit:contain;cursor:zoom-in;background:#fff;border-radius:4px;max-width:100%;max-height:100%;transition:transform .3s;box-shadow:0 10px 50px #0003}.full-binary-image.visual-selection-active{cursor:pointer;outline:4px solid var(--accent-gradient-1);outline-offset:4px}.floating-selection-fab.contextual-bar{color:#fff;z-index:10005;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#18181b;border:1px solid #fff3;border-radius:16px;flex-direction:column;gap:8px;min-width:240px;max-width:320px;padding:8px;animation:.25s cubic-bezier(.16,1,.3,1) fabPop;display:flex;position:absolute;transform:translate(-50%,-115%);box-shadow:0 20px 40px #000000a6}@keyframes fabPop{0%{opacity:0;transform:translate(-50%,-100%)scale(.95)}to{opacity:1;transform:translate(-50%,-115%)scale(1)}}.inline-edit-group{align-items:stretch;gap:8px;display:flex}.inline-textarea{color:#fff;font-size:.8rem;font-family:var(--font-sans);resize:vertical;background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;outline:none;flex:1;min-height:44px;padding:8px 10px;transition:border-color .2s}.inline-textarea:focus{border-color:var(--brand-primary)}.primary-icon-btn{border-radius:10px;justify-content:center;align-items:center;width:44px;display:flex;background:var(--brand-primary)!important;color:#fff!important}.primary-icon-btn:hover{background:var(--brand-secondary)!important}.bar-divider{background:#ffffff14;width:100%;height:1px}.fab-actions-row{justify-content:space-between;align-items:center;display:flex}.fab-btn{color:#e2e8f0;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:.75rem;font-weight:700;transition:all .15s;display:flex}.fab-btn svg{width:14px;height:14px}.fab-btn:hover{color:#fff;background:#ffffff14}.fab-btn.icon-only{padding:6px}.close-btn-mini{color:#a1a1aa}.close-btn-mini:hover{color:#fff;background:#ef444426}.edit-content-panel{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);z-index:10001;background:#18181beb;border:1px solid #ffffff26;border-radius:22px;flex-direction:column;width:360px;max-height:calc(100vh - 120px);animation:.4s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;position:absolute;top:80px;right:24px;overflow:hidden;box-shadow:0 30px 70px #000000b3}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.panel-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.panel-header h3{text-transform:uppercase;letter-spacing:.08em;color:#fff;margin:0;font-size:.9rem;font-weight:800}.close-mini-panel{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;font-size:1.2rem;transition:color .2s;display:flex}.close-mini-panel:hover{color:#fff}.panel-tabs{background:#00000040;padding:6px;display:flex}.panel-tabs button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:.75rem;font-weight:700;transition:all .2s;display:flex}.panel-tabs button.active{color:#fff;background:#ffffff1f}.panel-content-body{padding:22px;overflow-y:auto}.ai-gen-section textarea{color:#fff;resize:none;width:100%;min-height:110px;font-size:.88rem;font-family:var(--font-sans);background:#00000059;border:1px solid #ffffff1f;border-radius:14px;outline:none;margin-bottom:18px;padding:14px}.ai-gen-section textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px #3b82f633}.image-style-presets{margin-bottom:22px}.preset-label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;margin-bottom:12px;font-size:.7rem;font-weight:800}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:10px;display:grid}.preset-btn{color:#e2e8f0;cursor:pointer;text-align:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;padding:8px 12px;font-size:.75rem;font-weight:600;transition:all .2s}.preset-btn:hover:not(:disabled){border-color:var(--brand-primary);color:#fff;background:#3b82f640}.build-asset-btn{background:var(--brand-primary);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:12px;width:100%;padding:14px;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.build-asset-btn:hover:not(:disabled){background:var(--brand-secondary);transform:translateY(-1px);box-shadow:0 5px 15px #3b82f64d}.build-asset-btn:disabled{opacity:.4;cursor:not-allowed}.manual-upload-section{text-align:center}.upload-dropzone{cursor:pointer;color:var(--text-secondary);border:2px dashed #ffffff26;border-radius:18px;flex-direction:column;align-items:center;gap:14px;padding:40px 24px;transition:all .2s;display:flex}.upload-dropzone:hover{border-color:var(--brand-primary);color:#fff;background:#3b82f614}.preview-area{border-top:1px solid #ffffff1f;margin-top:26px;padding-top:22px}.preview-label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;margin-bottom:14px;font-size:.65rem;font-weight:800}.preview-window{aspect-ratio:1;background:#0a0a0a;border:1px solid #ffffff0d;border-radius:16px;justify-content:center;align-items:center;margin-bottom:20px;padding:12px;display:flex;overflow:hidden}.element-preview-box{color:#000;background:#f8f9fa;border-radius:10px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:auto}.element-preview-box svg,.element-preview-box i{margin:auto;display:block;width:64px!important;height:64px!important;font-size:64px!important}.preview-window img,.preview-window svg{object-fit:contain;max-width:95%;max-height:95%}.preview-actions{gap:10px;display:flex}.apply-change-btn{background:var(--success-color);color:#fff;cursor:pointer;border:none;border-radius:10px;flex:1.5;padding:12px;font-size:.85rem;font-weight:700;transition:background .2s}.apply-change-btn:hover{background:#16a34a}.discard-btn{color:#e2e8f0;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;flex:1;padding:12px;font-size:.85rem;font-weight:700;transition:all .2s}.discard-btn:hover{color:#fff;background:#ffffff26}.generation-type-selector{text-align:center;margin-bottom:40px}.generation-type-selector h3{color:var(--text-primary);margin-bottom:24px;font-size:1.25rem;font-weight:800}.type-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.type-card{background:var(--input-bg);border:1px solid var(--border-color);cursor:pointer;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;flex-direction:column;align-items:center;gap:16px;padding:24px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.type-card:hover{background:#ffffff0d;border-color:#ffffff4d;transform:translateY(-4px)}.type-card.active{border-color:var(--brand-primary);background:#3b82f61a;box-shadow:0 0 30px #3b82f633}.type-icon{width:48px;height:48px;color:var(--text-primary);background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;font-size:1.5rem;transition:all .3s;display:flex}.type-card.active .type-icon{background:var(--brand-primary);color:#fff}.type-desc{color:var(--text-secondary);font-size:.75rem;line-height:1.4}.platform-selector-section{text-align:center;margin-bottom:40px}.platform-selector-section h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:20px;font-size:1.1rem;font-weight:700}.platform-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.platform-grid.collateral{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.platform-btn{background:var(--input-bg);border:1px solid var(--border-color);cursor:pointer;color:var(--text-primary);border-radius:16px;flex-direction:column;gap:4px;padding:16px;transition:all .2s;display:flex}.platform-btn:hover{background:#ffffff0d}.platform-btn.active{border-color:var(--brand-primary);background:#3b82f626}.platform-label{font-size:.9rem;font-weight:700}.platform-desc{color:var(--text-secondary);font-size:.7rem}.empty-state{z-index:10;scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex-direction:column;justify-content:flex-start;align-items:center;padding:100px 40px;display:flex;position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto}.empty-state.fade-out{opacity:0;visibility:hidden;pointer-events:none;transition:all .6s cubic-bezier(.4,0,.2,1);transform:scale(1.02)}.empty-content{flex-shrink:0;width:100%;max-width:960px;padding-bottom:180px}.brand-kit-header-row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.brand-kit-header-row h3{margin:0;font-size:1.1rem;font-weight:800}.kit-quick-select{align-items:center;gap:12px;display:flex}.kit-quick-select label{text-transform:uppercase;color:var(--text-secondary);font-size:.7rem;font-weight:700}.kit-quick-select-group{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.saved-files-quick-select{align-items:center;gap:12px;display:flex}.saved-files-quick-select label{text-transform:uppercase;color:var(--text-secondary);font-size:.7rem;font-weight:700}.pill-btn{color:var(--text-primary);cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #fff3;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.pill-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.pill-btn.primary{background:linear-gradient(135deg,var(--brand-primary)0%,var(--brand-secondary)100%);border-color:var(--brand-primary);box-shadow:0 4px 12px #3b82f64d}.pill-btn.primary:hover{background:linear-gradient(135deg,var(--brand-secondary)0%,var(--brand-dark)100%);transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.pill-btn.secondary{color:#22c55e;background:#22c55e1a;border-color:#22c55e4d}.pill-btn.secondary:hover{background:#22c55e33;border-color:#22c55e80;transform:translateY(-1px)}.compact-select{background:var(--input-bg);border:1px solid var(--border-color);color:#fff;border-radius:8px;outline:none;padding:6px 12px;font-size:.8rem}.brand-grid-inputs{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.brand-field-card{background:var(--input-bg);border:1px solid var(--border-color);text-align:left;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;flex-direction:column;gap:10px;padding:16px;transition:border-color .2s,transform .2s;display:flex;box-shadow:0 4px 12px #0000001a}.brand-field-card:hover{border-color:#fff3}.brand-field-card.span-2{grid-column:span 2}.brand-field-card.span-3{grid-column:span 3}.brand-actions-onboarding{grid-column:span 3;justify-content:flex-end;display:flex}.save-kit-cta{background:var(--brand-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:10px;padding:12px 24px;font-weight:700;transition:all .2s;display:flex}.save-kit-cta:hover{background:var(--brand-secondary);transform:translateY(-1px)}.card-top-header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.brand-field-card label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);font-size:.65rem;font-weight:800}.brand-field-card input{color:var(--text-primary);background:#ffffff0a;border:1px solid #ffffff0d;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:.9rem;transition:all .2s}.compact-upload-btn{background:var(--accent-bg);width:100%;color:var(--text-primary);text-align:center;cursor:pointer;border:1px solid #ffffff1a;border-radius:8px;padding:10px;font-size:.85rem;font-weight:700;transition:all .2s;display:block}.kit-selector{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;width:100%;margin-top:4px;padding:10px}.brand-actions-drawer{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.save-brand-btn.primary{background:var(--brand-primary);color:#fff}.save-brand-btn.secondary{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a}.animate-slide-up{animation:.4s cubic-bezier(.16,1,.3,1) slideUpFade}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.action-bar{z-index:1001;opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:12px;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)translateY(20px)}.action-bar.visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.action-buttons{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#121214f2;border:1px solid #ffffff1a;border-radius:100px;gap:6px;padding:6px;display:flex;box-shadow:0 15px 35px #0006}.action-buttons button{color:var(--text-primary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:90px;align-items:center;gap:6px;padding:7px 14px;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.action-buttons button svg{width:14px;height:14px}.action-buttons button:hover{background:#ffffff0d}.workspace-action-bar{width:auto;bottom:24px;left:230px;right:0;transform:translateY(20px)}.workspace-action-bar.visible{transform:translateY(0)}.workspace-action-buttons{--workspace-menu-text:#ffffffd6;--workspace-menu-text-hover:#fff;--workspace-menu-border:#ffffff29;--workspace-menu-hover-bg:#ffffff14;white-space:nowrap;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ae6;border:1px solid #ffffff1f;border-radius:14px;flex-wrap:nowrap;gap:6px;padding:8px;overflow:auto hidden;box-shadow:0 12px 28px #0206175c}[data-theme=clinical] .workspace-action-buttons{--workspace-menu-text:#0f172ad1;--workspace-menu-text-hover:#0f172a;--workspace-menu-border:#0f172a24;--workspace-menu-hover-bg:#0f172a0d;background:#ffffffeb;border:1px solid #0f172a1a;box-shadow:0 10px 24px #0f172a1f}.workspace-action-buttons button{min-height:36px;color:var(--workspace-menu-text);background:0 0;border:1px solid #0000;border-radius:10px;padding:7px 12px;font-size:14px;font-weight:500}.workspace-action-buttons button:hover{color:var(--workspace-menu-text-hover);border-color:var(--workspace-menu-border);background:var(--workspace-menu-hover-bg);transform:translateY(-1px)}.workspace-action-buttons button:focus-visible{color:var(--brand-primary);border-color:rgba(var(--brand-primary-rgb),.35);box-shadow:0 0 0 2px rgba(var(--brand-primary-rgb),.22);outline:none}.workspace-action-buttons button svg{opacity:.85}.workspace-action-buttons button:hover svg{opacity:1;color:var(--brand-primary)}@media(max-width:1024px){.workspace-action-bar{left:0;right:0}}.save-file-btn{background:linear-gradient(135deg,var(--brand-primary)0%,var(--brand-secondary)100%);color:#fff;box-shadow:0 4px 15px #3b82f666}.save-file-btn:hover{background:linear-gradient(135deg,var(--brand-secondary)0%,var(--brand-dark)100%);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f699}.floating-input-container{z-index:1000;pointer-events:none;justify-content:center;padding:0 40px;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:32px;left:0;right:0}.floating-input-container.is-minimized:not(.is-edit-mode){opacity:0;transform:translateY(100px)}.floating-input-container.is-edit-mode{pointer-events:auto;bottom:110px}.input-wrapper{pointer-events:auto;background:var(--input-bg);-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);border:1px solid var(--border-color);border-radius:999px;align-items:center;gap:12px;width:100%;max-width:800px;padding:8px 8px 8px 20px;transition:all .3s;display:flex;box-shadow:0 15px 50px #0006}.input-wrapper.edit-active{border-color:var(--brand-primary);box-shadow:0 0 20px #3b82f64d}.edit-pill{background:var(--brand-primary);color:#fff;text-transform:uppercase;border-radius:99px;align-items:center;gap:8px;padding:4px 12px;font-size:.75rem;font-weight:800;display:flex}.edit-pill svg{cursor:pointer;width:12px;height:12px}.input-wrapper input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:1rem}.send-button{background:var(--accent-color);color:var(--app-bg);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.send-button:hover:not(:disabled){background:#fff;transform:scale(1.05)}.send-button:disabled{opacity:.3;cursor:not-allowed}.stage-container{width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.session-group{flex-direction:column;padding:100px 40px 140px;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .6s,padding .5s;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.active-session{opacity:1;z-index:10;transform:translate(0)}.past-session{opacity:0;z-index:5;transform:translate(-100%)}.future-session{opacity:0;z-index:5;transform:translate(100%)}.artifact-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px;height:100%;display:grid;overflow-y:auto}.mode-focus .session-group{padding:60px 40px 180px}.mode-focus .artifact-grid{grid-template-columns:1fr;max-width:1400px;margin:0 auto;padding-bottom:40px}.mode-focus .artifact-card{border-color:#3b82f666;min-height:80vh;box-shadow:0 40px 100px #0009}.nav-handle{color:#fff;cursor:pointer;z-index:1100;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:48px;height:80px;transition:all .2s;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.nav-handle:hover{background:#ffffff1a}.nav-handle.left{left:16px}.nav-handle.right{right:16px}@media(max-width:768px){.action-buttons{border-radius:24px;flex-wrap:wrap;justify-content:center;padding:12px}.action-buttons button span{display:none}.workspace-action-buttons{flex-wrap:nowrap;justify-content:center;padding:8px}.workspace-action-buttons button{min-width:max-content}.workspace-action-buttons button span{display:inline}.floating-input-container{padding:0 16px}.toolbar-action-btn span{display:none}.type-grid{grid-template-columns:repeat(2,1fr)}.brand-grid-inputs{grid-template-columns:1fr}.brand-field-card.span-2,.brand-field-card.span-3{grid-column:span 1}.platform-grid{grid-template-columns:1fr}}.spin-icon{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.rygen-loading-overlay{z-index:10500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11";justify-content:center;align-items:center;font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;display:flex;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.rygen-loading-overlay.module-mode{z-index:30;border-radius:14px;position:absolute;top:0;right:0;bottom:0;left:0}.rygen-loading-overlay.module-mode .overlay-background{border-radius:inherit;background:linear-gradient(135deg,#0a0a0fe0,#0d0d15e6,#0a0a0fe0)}.rygen-loading-overlay.module-mode .loading-panel-container{width:min(900px,100% - 48px);height:min(460px,100% - 48px)}.rygen-loading-overlay.bootstrap-mode .status-pill{color:#93c5fd;background:linear-gradient(135deg,#3b82f629,#06b6d414);border-color:#3b82f659}.rygen-loading-overlay.bootstrap-mode .progress-ring-bar{stroke:#3b82f6;filter:drop-shadow(0 0 8px #3b82f68c)}.rygen-loading-overlay.bootstrap-mode .center-icon{color:#93c5fd}.rygen-loading-overlay.bootstrap-mode .progress-fill{background:linear-gradient(90deg,#3b82f6,#06b6d4);box-shadow:0 0 20px #3b82f659,inset 0 1px #ffffff1a}.rygen-loading-overlay.bootstrap-mode .pipeline-node.completed .node-circle{background:linear-gradient(135deg,#3b82f633,#06b6d426);border-color:#3b82f680;box-shadow:0 0 20px #3b82f647}.rygen-loading-overlay.bootstrap-mode .pipeline-node.active .node-circle{background:linear-gradient(135deg,#3b82f647,#06b6d42e);border-color:#3b82f6bf;box-shadow:0 0 30px #3b82f673}.overlay-background{z-index:0;background:linear-gradient(135deg,#0a0a0f,#0d0d15,#0a0a0f);position:absolute;top:0;right:0;bottom:0;left:0}.bg-aurora{filter:blur(50px);opacity:.75;pointer-events:none;background:conic-gradient(from 120deg at 30%,#7c3aed24,#0000 35%),conic-gradient(from 280deg at 72% 48%,#06b6d41f,#0000 42%);animation:18s ease-in-out infinite auroraSweep;position:absolute;top:-30%;right:-20%;bottom:-30%;left:-20%}@keyframes auroraSweep{0%,to{transform:translate(0)rotate(0)scale(1)}50%{transform:translateY(-2%)rotate(8deg)scale(1.04)}}.bg-radial-grid{opacity:.14;pointer-events:none;background-image:radial-gradient(circle,#ffffff0a 0,#ffffff0a 1px,#0000 1px),radial-gradient(circle,#7c3aed14,#0000 60%);background-size:22px 22px,100% 100%;animation:20s linear infinite gridDrift;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-image:radial-gradient(circle,#000 32%,#0000 88%);mask-image:radial-gradient(circle,#000 32%,#0000 88%)}@keyframes gridDrift{0%{transform:translate(0)}to{transform:translate(22px,22px)}}.bg-gradient{filter:blur(120px);opacity:.08;mix-blend-mode:screen;pointer-events:none;border-radius:50%;position:absolute}.bg-gradient-1{background:radial-gradient(circle,#7c3aed,#0000 70%);width:700px;height:700px;animation:25s ease-in-out infinite gradientRotate;top:-150px;left:-100px}.bg-gradient-2{background:radial-gradient(circle,#06b6d4,#0000 70%);width:650px;height:650px;animation:30s ease-in-out infinite reverse gradientRotate;bottom:-150px;right:-150px}@keyframes gradientRotate{0%,to{opacity:.08;transform:translate(0)rotate(0)scale(1)}50%{opacity:.12;transform:translate(50px,50px)rotate(180deg)scale(1.15)}}.bg-grain{opacity:.4;mix-blend-mode:soft-light;pointer-events:none;background-image:url('data:image/svg+xml,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="noise"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="4" /%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url('%23noise')" opacity="0.03"/%3E%3C/svg%3E');position:absolute;top:0;right:0;bottom:0;left:0}.loading-panel-container{z-index:10;-webkit-backdrop-filter:blur(40px)saturate(120%);background:#0c0c11d9;border:1px solid #ffffff14;border-radius:20px;width:920px;max-width:94vw;height:480px;max-height:88vh;animation:.9s cubic-bezier(.16,1,.3,1) panelSlideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 100px #000000b3,0 0 0 1px #ffffff0d,inset 0 1px #ffffff0a}.loading-panel-container:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,#0000 20%,#ffffff17,#0000 80%);animation:6.5s ease-in-out infinite panelSweep;position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-120%)}@keyframes panelSweep{0%,65%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes panelSlideIn{0%{opacity:0;transform:scale(.94)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.visual-panel{background:linear-gradient(#7c3aed14,#06b6d40d);border-right:1px solid #ffffff0f;justify-content:center;align-items:center;width:320px;padding:40px 30px;display:flex;position:relative;overflow:hidden}.visual-panel:before{content:"";background:linear-gradient(90deg,#0000,#7c3aed4d,#0000);width:100%;height:1px;position:absolute;top:0;left:0}.visual-content{flex-direction:column;align-items:center;gap:36px;display:flex}.circular-progress{width:180px;height:180px;position:relative}.ring-pulse{pointer-events:none;opacity:0;border:1px solid #7c3aed59;border-radius:50%;position:absolute;top:0;right:0;bottom:0;left:0}.ring-pulse-1{animation:3s ease-out infinite ringPulse}.ring-pulse-2{animation:3s ease-out 1.2s infinite ringPulse}@keyframes ringPulse{0%{opacity:0;transform:scale(.85)}22%{opacity:.4}to{opacity:0;transform:scale(1.2)}}.progress-ring{filter:drop-shadow(0 0 20px #7c3aed4d);transform:rotate(-90deg)}.progress-ring-bg{fill:none;stroke:#ffffff0f;stroke-width:3px}.progress-ring-bar{fill:none;stroke:#7c3aed;stroke-width:4px;stroke-linecap:round;filter:drop-shadow(0 0 8px #7c3aed99);transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1)}.progress-center{flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.center-icon{color:#a78bfa;width:42px;height:42px;animation:3s ease-in-out infinite iconBreath}@keyframes iconBreath{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.progress-text{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:26px;font-weight:700}.step-indicator{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.step-label{letter-spacing:1.5px;text-transform:uppercase;color:#ffffff59;font-size:10px;font-weight:700}.step-name{letter-spacing:-.02em;color:#fff;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}.phase-dots{align-items:center;gap:6px;margin-top:4px;display:inline-flex}.phase-dot{background:#a78bfacc;border-radius:999px;width:5px;height:5px;animation:1.5s ease-in-out infinite phaseDotPulse;box-shadow:0 0 10px #7c3aeda6}.phase-dot:nth-child(2){animation-delay:.2s}.phase-dot:nth-child(3){animation-delay:.4s}@keyframes phaseDotPulse{0%,to{opacity:.45;transform:scale(.75)}50%{opacity:1;transform:scale(1.15)}}.content-panel{background:#0003;flex-direction:column;flex:1;display:flex;position:relative}.content-inner{flex-direction:column;flex:1;gap:28px;padding:40px 44px;display:flex;overflow:hidden}.panel-header{flex-direction:column;gap:16px;display:flex}.status-pill{color:#c4b5fd;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#7c3aed26,#06b6d414);border:1px solid #7c3aed4d;border-radius:100px;align-self:flex-start;align-items:center;gap:8px;padding:8px 18px;font-size:11px;font-weight:700;display:inline-flex}.pill-icon{width:14px;height:14px;animation:3s linear infinite pillSpin}@keyframes pillSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.panel-title{letter-spacing:-.04em;color:#fff;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff,#ffffffd9);-webkit-background-clip:text;background-clip:text;margin:0;font-size:30px;font-weight:800;line-height:1.1}.panel-subtitle{color:#ffffff73;letter-spacing:-.01em;margin:0;font-size:13px;font-weight:500;position:relative;overflow:hidden}.panel-subtitle:after{content:"";background:linear-gradient(90deg,#0000,#ffffff42,#0000);width:26%;height:100%;animation:3.4s ease-in-out infinite subtitleSweep;position:absolute;top:0;left:-30%}@keyframes subtitleSweep{0%,52%{left:-30%}to{left:120%}}.pipeline-section{flex-direction:column;gap:16px;display:flex}.pipeline-header{justify-content:space-between;align-items:center;display:flex}.pipeline-title{letter-spacing:.8px;text-transform:uppercase;color:#fff6;font-size:12px;font-weight:700}.pipeline-counter{color:#ffffff4d;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:100px;padding:4px 12px;font-size:11px;font-weight:600}.pipeline-track{align-items:center;gap:0;display:flex;position:relative}.pipeline-node{flex-direction:column;flex:1;align-items:center;gap:12px;display:flex;position:relative}.node-circle{z-index:3;background:#ffffff0a;border:2px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.node-circle svg{color:#ffffff4d;width:18px;height:18px;transition:all .5s}.pipeline-node.completed .node-circle{background:linear-gradient(135deg,#7c3aed33,#06b6d426);border-color:#7c3aed80;box-shadow:0 0 20px #7c3aed4d}.pipeline-node.completed .node-circle svg{color:#a78bfa}.pipeline-node.active .node-circle{background:linear-gradient(135deg,#7c3aed4d,#06b6d433);border-color:#7c3aed;animation:2s ease-in-out infinite nodeGlow;box-shadow:0 0 30px #7c3aed80}.pipeline-node.active .node-circle svg{color:#fff}@keyframes nodeGlow{0%,to{box-shadow:0 0 30px #7c3aed80}50%{box-shadow:0 0 40px #7c3aedb3}}.node-label{color:#ffffff4d;text-align:center;letter-spacing:.2px;font-size:10px;font-weight:600;transition:all .4s}.pipeline-node.completed .node-label{color:#ffffff8c}.pipeline-node.active .node-label{color:#fff;font-weight:700}.pipeline-line{z-index:1;transform-origin:0;background:#ffffff0f;width:100%;height:2px;transition:all .5s cubic-bezier(.4,0,.2,1);position:absolute;top:19px;left:50%}.pipeline-line.completed{background:linear-gradient(90deg,#7c3aed99,#06b6d466);box-shadow:0 0 10px #7c3aed4d}.linear-progress{width:100%}.progress-track{background:#ffffff0f;border-radius:100px;width:100%;height:5px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #0003}.progress-fill{background:linear-gradient(90deg,#7c3aed,#06b6d4);border-radius:100px;height:100%;transition:width .7s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 0 20px #7c3aed66,inset 0 1px #ffffff1a}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite progressShine;position:absolute;top:0;right:0;bottom:0;left:0}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(200%)}}.tip-card{background:linear-gradient(135deg,#06b6d414,#06b6d408);border:1px solid #06b6d433;border-radius:14px;gap:14px;padding:16px 20px;transition:all .3s;display:flex}.tip-card:hover{background:linear-gradient(135deg,#06b6d41f,#06b6d40d);border-color:#06b6d44d}.tip-icon-wrapper{background:linear-gradient(135deg,#06b6d426,#06b6d414);border:1px solid #06b6d440;border-radius:10px;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;display:flex}.tip-icon-wrapper svg{color:#22d3ee;width:18px;height:18px}.tip-content{flex-direction:column;flex:1;gap:6px;display:flex}.tip-label{letter-spacing:1.2px;text-transform:uppercase;color:#22d3ee;font-size:10px;font-weight:800}.tip-message{color:#ffffffb3;margin:0;font-size:13px;font-weight:500;line-height:1.6;animation:.5s ease-out tipAppear}@keyframes tipAppear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.panel-footer{letter-spacing:1.2px;text-transform:uppercase;color:#ffffff1f;border-top:1px solid #ffffff0a;justify-content:center;align-items:center;gap:10px;margin-top:auto;padding-top:24px;font-size:9px;font-weight:800;display:flex}.footer-dot{color:#ffffff1a;font-size:6px}.rygen-loading-overlay.pdf-mode .status-pill{color:#f9a8d4;background:linear-gradient(135deg,#ec489926,#db277714);border-color:#ec48994d}.rygen-loading-overlay.pdf-mode .progress-ring-bar{stroke:#ec4899;filter:drop-shadow(0 0 8px #ec489999)}.rygen-loading-overlay.pdf-mode .center-icon{color:#f9a8d4}.rygen-loading-overlay.pdf-mode .progress-fill{background:linear-gradient(90deg,#ec4899,#db2777);box-shadow:0 0 20px #ec489966,inset 0 1px #ffffff1a}.rygen-loading-overlay.pdf-mode .pipeline-node.completed .node-circle{background:linear-gradient(135deg,#ec489933,#db277726);border-color:#ec489980;box-shadow:0 0 20px #ec48994d}.rygen-loading-overlay.pdf-mode .pipeline-node.active .node-circle{background:linear-gradient(135deg,#ec48994d,#db277733);border-color:#ec4899;box-shadow:0 0 30px #ec489980}.rygen-loading-overlay.pdf-mode .pipeline-node.completed .node-circle svg{color:#f9a8d4}.rygen-loading-overlay.pdf-mode .pipeline-line.completed{background:linear-gradient(90deg,#ec489999,#db277766);box-shadow:0 0 10px #ec48994d}.rygen-loading-overlay.pdf-mode .tip-card{background:linear-gradient(135deg,#ec489914,#db277708);border-color:#ec489933}.rygen-loading-overlay.pdf-mode .tip-icon-wrapper{background:linear-gradient(135deg,#ec489926,#db277714);border-color:#ec489940}.rygen-loading-overlay.pdf-mode .tip-icon-wrapper svg,.rygen-loading-overlay.pdf-mode .tip-label{color:#f9a8d4}.rygen-loading-overlay.pdf-mode .ring-pulse{border-color:#ec489961}.rygen-loading-overlay.pdf-mode .phase-dot{background:#f9a8d4d9;box-shadow:0 0 10px #ec48998c}@media(max-width:1000px){.loading-panel-container{width:95vw;height:460px}.visual-panel{width:280px}.content-inner{padding:36px 40px}}@media(max-height:650px){.loading-panel-container{height:85vh}.content-inner{gap:24px;padding:32px 36px}.panel-title{font-size:26px}}.scanner-line{background:linear-gradient(#0000,#3b82f61a);height:100px;animation:4s linear infinite scanAnimation;position:absolute;top:-100px;left:0;right:0}@keyframes scanAnimation{0%{transform:translateY(0)}to{transform:translateY(110vh)}}.glow-orb{background:radial-gradient(circle,#3b82f60d,#0000 70%);width:600px;height:600px;animation:10s ease-in-out infinite orbMove;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes orbMove{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-45%,-55%)scale(1.1)}}.mini-thumb-onboarding{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.mini-samples-grid-onboarding{background:#0003;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;display:flex}.icon-style-ref-section{background:#ffffff08;border:1px solid #ffffff0d;border-radius:14px;margin-bottom:22px;padding:12px}.mini-samples-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.add-sample-mini-btn{cursor:pointer;color:#ffffff80;border:1px dashed #ffffff4d;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.add-sample-mini-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:#3b82f60d}.tiny-hint{color:var(--text-secondary);margin:0;font-size:.65rem}[data-theme=clinical] .dashboard-sidebar{scrollbar-color:#64748b66 #00000008}[data-theme=clinical] .dashboard-sidebar::-webkit-scrollbar-track{background:#e2e8f080}[data-theme=clinical] .dashboard-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(#64748b,#475569);border-color:#e2e8f080}[data-theme=clinical] .dashboard-sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(#475569,#334155);box-shadow:0 0 10px #64748b33}[data-theme=clinical] .dashboard-content{scrollbar-color:#64748b66 #00000008}[data-theme=clinical] .dashboard-content::-webkit-scrollbar-track{background:#e2e8f080}[data-theme=clinical] .dashboard-content::-webkit-scrollbar-thumb{background:linear-gradient(#64748b,#475569);border-color:#e2e8f080}[data-theme=clinical] .dashboard-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(#475569,#334155);box-shadow:0 0 12px #64748b33}[data-theme=clinical] .settings-sidebar{scrollbar-color:#64748b66 #00000008}[data-theme=clinical] .settings-sidebar::-webkit-scrollbar-track{background:#e2e8f080}[data-theme=clinical] .settings-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(#94a3b8,#64748b);border-color:#e2e8f080}[data-theme=clinical] .settings-sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(#64748b,#475569);box-shadow:0 0 10px #64748b33}[data-theme=clinical] .settings-main-content{scrollbar-color:#64748b66 #00000008}[data-theme=clinical] .settings-main-content::-webkit-scrollbar-track{background:#e2e8f080}[data-theme=clinical] .settings-main-content::-webkit-scrollbar-thumb{background:linear-gradient(#64748b,#475569);border-color:#e2e8f080}[data-theme=clinical] .settings-main-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(#475569,#334155);box-shadow:0 0 12px #64748b33}[data-theme=clinical] .scrollable::-webkit-scrollbar-track{background:#e2e8f080}[data-theme=clinical] .scrollable::-webkit-scrollbar-thumb{background:linear-gradient(#94a3b8,#64748b);border-color:#e2e8f080}[data-theme=clinical] .scrollable::-webkit-scrollbar-thumb:hover{background:linear-gradient(#64748b,#475569);box-shadow:0 0 10px #64748b33}.pdf-modal-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10100;background:#000000e6;justify-content:center;align-items:center;padding:40px;animation:.3s cubic-bezier(.16,1,.3,1) fadeIn;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.pdf-modal-container{background:#111;border:1px solid #ffffff26;border-radius:32px;width:95vw;max-width:1300px;height:90vh;animation:.4s cubic-bezier(.16,1,.3,1) scaleUp;display:flex;overflow:hidden;box-shadow:0 40px 100px #000}.pdf-modal-preview-pane{scrollbar-width:thin;scrollbar-color:#333 #000;background:#1e1e1e;flex:1;justify-content:center;align-items:flex-start;padding:60px 40px;display:flex;overflow-y:auto}.paper-simulator{transform-origin:top;background:#fff;flex-direction:column;flex-shrink:0;margin:0 auto 60px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 30px 90px #000000b3}.multi-page-preview-stack{flex-direction:column;align-items:center;width:100%;display:flex}.page-number-indicator{background:var(--brand-primary);color:#fff;letter-spacing:.1em;z-index:10;border-radius:6px;padding:4px 12px;font-size:10px;font-weight:800;position:absolute;top:20px;right:20px;box-shadow:0 4px 12px #3b82f64d}.mb-8{margin-bottom:32px!important}.paper-shadow-effect{pointer-events:none;z-index:5;position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 40px #0000000d}.paper-simulator.a4.portrait{width:420px;height:595px}.paper-simulator.a4.landscape{width:595px;height:420px}.paper-simulator.letter.portrait{width:425px;height:550px}.paper-simulator.letter.landscape{width:550px;height:425px}.paper-simulator.legal.portrait{width:425px;height:700px}.paper-simulator.legal.landscape{width:700px;height:425px}.paper-simulator.tabloid.portrait{width:550px;height:850px}.paper-simulator.tabloid.landscape{width:850px;height:550px}.paper-content-frame{pointer-events:none;border:none;width:100%;height:100%}.pdf-modal-settings-pane{background:#09090b;border-left:1px solid #ffffff1a;flex-direction:column;width:320px;padding:32px;display:flex}.settings-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.settings-header h2{text-transform:uppercase;letter-spacing:.1em;color:#fff;margin:0;font-size:1.1rem;font-weight:800}.settings-group{margin-bottom:24px}.settings-group label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:12px;font-size:.7rem;font-weight:800;display:block}.settings-select,.settings-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:12px;font-size:.9rem}.settings-toggle-row{background:#ffffff0d;border-radius:12px;gap:8px;padding:4px;display:flex}.settings-toggle-row button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px;font-size:.8rem;font-weight:700;transition:all .2s}.settings-toggle-row button.active{background:var(--brand-primary);color:#fff}.download-pdf-btn{background:var(--success-color);color:#fff;cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:12px;margin-top:auto;padding:16px;font-size:.9rem;font-weight:800;transition:all .2s;display:flex}.download-pdf-btn:hover{background:#16a34a;transform:translateY(-2px);box-shadow:0 10px 20px #22c55e4d}.preview-hint{color:var(--text-secondary);text-align:center;margin-top:12px;font-size:.75rem;font-style:italic}.modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.modal-dialog{background:var(--stage-bg);border:1px solid #333;border-radius:12px;width:90%;max-width:500px;animation:.3s cubic-bezier(.34,1.56,.64,1) modalSlideIn;overflow:hidden;box-shadow:0 20px 60px #000c}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{background:linear-gradient(135deg,#1a1a1f,#222228);border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:24px;display:flex}.modal-header h2{color:var(--text-primary);margin:0;font-size:10px;font-weight:600}.modal-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:18px;transition:all .2s;display:flex}.modal-close-btn:hover{color:var(--text-primary);background:#333}.modal-body{flex-direction:column;gap:16px;padding:24px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.form-input,.form-textarea{color:var(--text-primary);background:#1a1a1f;border:1px solid #333;border-radius:6px;padding:12px;font-family:inherit;font-size:14px;transition:all .2s}.form-input:focus,.form-textarea:focus{border-color:var(--brand-primary);background:#222228;outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-textarea{resize:vertical;min-height:100px}.form-info{background:#1a1a1f;border:1px solid #333;border-radius:6px;padding:12px;font-size:13px}.form-info p{color:var(--text-secondary);margin:6px 0}.form-info strong{color:var(--brand-primary)}.modal-footer{background:#1a1a1f;border-top:1px solid #333;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-primary:hover{background:var(--brand-secondary);box-shadow:0 8px 16px #3b82f64d}.btn-primary:active{transform:scale(.98)}.btn-secondary{color:var(--text-secondary);background:0 0;border:1px solid #333}.btn-secondary:hover{color:var(--text-primary);background:#333}.drawer-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.drawer-content{background:var(--stage-bg);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;width:90%;max-width:600px;max-height:80vh;animation:.3s cubic-bezier(.16,1,.3,1) slideInUp;display:flex;box-shadow:0 20px 60px #0009}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.drawer-header{border-bottom:1px solid var(--border-color);z-index:1000;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px;display:flex;position:relative}.drawer-header h2{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.close-button{color:var(--text-secondary);cursor:pointer;pointer-events:auto;z-index:1001;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1.5rem;line-height:1;transition:all .2s}.close-button:hover{color:var(--text-primary);background:#ffffff0d}.drawer-tabs{border-bottom:1px solid var(--border-color);-webkit-overflow-scrolling:touch;background:#0003;flex-shrink:0;gap:0;padding:0;display:flex;overflow-x:auto}.drawer-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:12px 16px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex;position:relative}.drawer-tab:hover{color:var(--text-primary);background:#ffffff05}.drawer-tab.active{color:var(--text-primary);border-bottom-color:var(--brand-primary);background:#3b82f60d}.tab-icon{font-size:1rem}.tab-label{font-weight:600}.drawer-body{-webkit-overflow-scrolling:touch;flex:1;padding:20px;overflow-y:auto}.brand-drawer-content{flex-direction:column;gap:20px;display:flex}.brand-info{background:#3b82f60d;border:1px solid #3b82f633;border-radius:12px;padding:16px}.brand-info h3{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;margin:0 0 8px;font-size:.875rem;font-weight:700}.brand-name{color:var(--text-primary);margin:0 0 16px;font-size:1.25rem;font-weight:700}.brand-colors{margin-bottom:16px}.brand-colors h4{color:var(--text-secondary);margin:0 0 12px;font-size:.875rem;font-weight:600}.color-grid{grid-template-columns:repeat(auto-fit,minmax(50px,1fr));gap:8px;display:grid}.color-swatch{flex-direction:column;align-items:center;gap:6px;display:flex}.swatch-preview{aspect-ratio:1;cursor:pointer;border:2px solid #ffffff1a;border-radius:8px;width:100%;transition:all .2s}.swatch-preview:hover{border-color:#ffffff4d;transform:scale(1.05)}.open-brand-kit-btn{background:var(--brand-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:12px;padding:10px 16px;font-weight:600;transition:all .2s}.open-brand-kit-btn:hover{background:var(--brand-secondary);box-shadow:0 4px 12px #3b82f64d}.saved-files-manager{flex-direction:column;gap:16px;height:100%;padding:0;display:flex;overflow-y:auto}.saved-files-filters{z-index:10;background:#0003;border-bottom:1px solid #ffffff1a;flex-direction:column;gap:12px;padding:16px;display:flex;position:sticky;top:0}.search-input{width:100%;color:var(--text-primary);background:#0000004d;border:1px solid #fff3;border-radius:8px;outline:none;padding:10px 12px;font-size:.9rem}.search-input::placeholder{color:#ffffff80}.search-input:focus{border-color:var(--brand-primary);background:#3b82f61a}.saved-files-filters select{color:var(--text-primary);cursor:pointer;background:#0000004d;border:1px solid #fff3;border-radius:8px;padding:8px 12px;font-size:.9rem}.saved-files-list{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex;overflow-y:auto}.saved-file-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:8px;padding:12px;transition:all .2s;display:flex}.saved-file-item:hover{background:#ffffff0d;border-color:#fff3}.saved-file-header{align-items:flex-start;gap:8px;display:flex}.saved-file-info{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.saved-file-favorite{cursor:pointer;background:0 0;border:none;padding:0;font-size:1.2rem;transition:transform .2s}.saved-file-favorite:hover{transform:scale(1.2)}.saved-file-name-info{flex:1;min-width:0}.saved-file-name-info h4{color:var(--text-primary);cursor:pointer;word-break:break-word;margin:0;font-size:.95rem;font-weight:600}.saved-file-name-info h4:hover{color:var(--brand-primary)}.saved-file-meta{color:var(--text-secondary);margin:4px 0 0;font-size:.75rem}.saved-file-description{color:#fff9;margin:4px 0 0;font-size:.8rem;font-style:italic}.saved-file-rename{flex:1;align-items:center;gap:4px;display:flex}.saved-file-rename input{border:1px solid var(--brand-primary);color:var(--text-primary);background:#0000004d;border-radius:4px;flex:1;padding:6px 8px;font-size:.85rem}.saved-file-actions{border-top:1px solid #ffffff1a;flex-wrap:wrap;align-items:center;gap:6px;padding-top:8px;display:flex}.btn-action{color:var(--text-primary);cursor:pointer;text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;flex:1;min-width:60px;padding:6px 12px;font-size:.8rem;transition:all .2s}.btn-action:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.btn-action.load{color:var(--brand-primary);background:#3b82f633;border-color:#3b82f666}.btn-action.load:hover{border-color:var(--brand-primary);background:#3b82f64d}.btn-action.delete{color:#ef4444;background:#ef444433;border-color:#ef444466}.btn-action.delete:hover{background:#ef44444d;border-color:#ef4444}.btn-mini{color:var(--text-primary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;padding:4px 8px;font-size:.75rem;transition:all .2s}.btn-mini:hover{background:#ffffff1a}.saved-file-details{background:#0003;border-top:1px solid #ffffff1a;margin-top:8px;padding:12px 0}.versions-section,.prompt-section{margin-bottom:12px;padding:0 12px}.versions-section h5,.prompt-section h5{color:var(--text-secondary);text-transform:uppercase;margin:0 0 8px;font-size:.8rem;font-weight:600}.versions-list{flex-direction:column;gap:6px;display:flex}.version-item{background:#ffffff05;border-radius:4px;justify-content:space-between;align-items:center;padding:6px 8px;font-size:.75rem;display:flex}.version-label{color:var(--text-primary);font-weight:500}.version-date{color:var(--text-secondary)}.prompt-text{color:#ffffffb3;word-break:break-word;max-height:100px;margin:0;font-size:.8rem;font-style:italic;overflow-y:auto}.empty-state{text-align:center;color:var(--text-secondary);padding:32px 16px}.empty-state p{margin:0;font-size:.9rem}.filter-select{color:var(--text-primary);cursor:pointer;background:#0000004d;border:1px solid #fff3;border-radius:8px;padding:8px 12px;font-size:.9rem}.filter-select:focus{border-color:var(--brand-primary);background:#3b82f61a}.filter-select option{color:var(--text-primary);background:#1a1a1a}.files-group{flex-direction:column;gap:8px;display:flex}.group-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0;padding:8px 0;font-size:.85rem;font-weight:600}.code-view-container{border:1px solid var(--border-color);background:#000;border-radius:12px;flex-direction:column;height:100%;display:flex;overflow:hidden}.code-tabs{border-bottom:1px solid var(--border-color);background:#ffffff0d;gap:4px;padding:12px;display:flex}.code-tabs button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s}.code-tabs button:hover{color:var(--text-primary);background:#ffffff1a}.code-tabs button.active{background:var(--accent-color);color:var(--app-bg)}.code-actions{background:#0003;justify-content:flex-end;padding:12px 16px;display:flex}.copy-btn{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#ffffff1a;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:.8rem;transition:all .2s;display:flex}.copy-btn:hover{background:#fff3}.code-block{color:#d1d1d1;background:#000;flex:1;margin:0;padding:20px;font-family:Roboto Mono,monospace;font-size:.85rem;line-height:1.5;overflow:auto}.code-block code{white-space:pre-wrap;word-break:break-all}.model-selection-grid-mini{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px;display:grid}.model-option-mini{cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:10px;padding:12px;transition:all .2s;display:flex}.model-option-mini:hover{background:#ffffff0d;border-color:#fff3}.model-option-mini.active{border-color:var(--accent-color);background:#ffffff1a;box-shadow:0 0 15px #ffffff1a}.model-option-icon{font-size:1.2rem}.model-option-label{color:var(--text-primary);font-size:.85rem;font-weight:500}.manage-models-link{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;margin-top:12px;padding:0;font-size:.8rem;transition:color .2s}.manage-models-link:hover{color:var(--text-primary);text-decoration:underline}.model-selector-dialog{width:90%!important;max-width:800px!important}.model-group{margin-bottom:24px}.group-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:12px;font-size:.9rem}.model-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.model-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;gap:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.model-card:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px)}.model-card.active{border-color:var(--accent-color);background:#ffffff14}.model-icon{color:#4285f4;background:#4285f41a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.model-icon.claude{color:#d97757;background:#d977571a}.model-info{flex:1}.model-name{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:4px;font-size:1rem;font-weight:600;display:flex}.tier-badge{text-transform:uppercase;background:#ffffff1a;border-radius:20px;padding:2px 8px;font-size:.7rem}.model-desc{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem;line-height:1.4}.model-meta{color:#fff6;font-size:.75rem}.selection-indicator{border:2px solid #ffffff1a;border-radius:50%;width:20px;height:20px;position:absolute;top:12px;right:12px}.model-card.active .selection-indicator{background:var(--accent-color);border-color:var(--accent-color)}.model-card.active .selection-indicator:after{content:"✓";color:#000;justify-content:center;align-items:center;height:100%;font-size:12px;display:flex}.advanced-edit-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#000000f2;flex-direction:column;animation:.3s fadeIn;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.advanced-edit-header{border-bottom:1px solid var(--border-color);background:#111113e6;justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.advanced-edit-title{align-items:center;gap:16px;display:flex}.advanced-edit-title h2{color:var(--text-primary);margin:0;font-size:1.4rem;font-weight:800}.advanced-edit-subtitle{color:var(--text-secondary);font-size:.85rem}.advanced-edit-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.advanced-edit-btn.primary{background:linear-gradient(135deg,var(--brand-primary)0%,var(--brand-secondary)100%);color:#fff}.advanced-edit-body{flex:1;grid-template-columns:240px 1fr 280px;display:grid;overflow:hidden}.advanced-edit-toolbar{border-right:1px solid var(--border-color);background:#111113cc;padding:24px 16px;overflow-y:auto}.toolbar-btn{border:1px solid var(--border-color);width:100%;color:var(--text-primary);cursor:pointer;background:#ffffff08;border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:14px 16px;display:flex}.advanced-edit-canvas{background:#0a0a0b;padding:24px}.canvas-wrapper{border-radius:12px;flex:1}.advanced-edit-properties{border-left:1px solid var(--border-color);background:#111113cc;padding:24px;overflow-y:auto}.property-input{border:1px solid var(--border-color);width:100%;color:var(--text-primary);background:#0000004d;border-radius:8px;padding:10px 12px}.canvas-text-toolbar{background:#fffffff2;border-radius:12px;align-items:center;gap:8px;width:fit-content;margin-bottom:20px;margin-left:auto;margin-right:auto;padding:12px 20px;display:flex;box-shadow:0 2px 12px #0000001a}[data-theme=midnight] .canvas-text-toolbar{background:#18181bf2;box-shadow:0 2px 12px #0000004d}.font-selector{color:#333;cursor:pointer;background:0 0;border:1px solid #0000001a;border-radius:8px;min-width:140px;padding:6px 12px;font-size:.9rem;font-weight:500}[data-theme=midnight] .font-selector{color:var(--text-primary);border-color:#ffffff1a}.font-selector:focus{border-color:var(--brand-primary);outline:none}.toolbar-divider{background:#0000001a;width:1px;height:24px;margin:0 4px}[data-theme=midnight] .toolbar-divider{background:#ffffff1a}.toolbar-icon-btn{color:#333;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:600;transition:all .15s;display:flex}[data-theme=midnight] .toolbar-icon-btn{color:var(--text-primary)}.toolbar-icon-btn:hover{background:#0000000d;border-color:#0000001a}[data-theme=midnight] .toolbar-icon-btn:hover{background:#ffffff0d;border-color:#ffffff1a}.toolbar-icon-btn:active,.toolbar-icon-btn.active{border-color:var(--brand-primary);color:var(--brand-primary);background:#3b82f61a}.toolbar-icon-btn.color-btn{position:relative}.color-icon{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,red,#0f0,#00f);-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:700}.font-size-input{text-align:center;color:#333;background:0 0;border:1px solid #0000001a;border-radius:6px;width:50px;padding:6px 8px;font-size:.9rem;font-weight:600}[data-theme=midnight] .font-size-input{color:var(--text-primary);border-color:#ffffff1a}.font-size-input:focus{border-color:var(--brand-primary);outline:none}.font-size-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.font-size-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.font-size-input{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.advanced-edit-body{background:#09090b;grid-template-columns:240px 1fr 300px!important}.advanced-edit-canvas{position:relative;overflow:hidden;background-color:#121214!important;padding:20px!important}.canvas-wrapper{border:1px solid #ffffff0d;justify-content:center;align-items:flex-start;padding:40px;transition:all .3s;display:flex;box-shadow:0 0 40px #00000080;background:#18181b!important;overflow:auto!important}.canvas-wrapper iframe{background:#fff;flex-shrink:0;max-width:100%}.advanced-edit-toolbar,.advanced-edit-properties{background:#09090b!important;border-color:#ffffff0d!important}.toolbar-btn{background:#ffffff05!important;border:1px solid #ffffff0d!important;border-radius:8px!important;justify-content:flex-start!important;margin-bottom:6px!important;padding:12px 16px!important;font-weight:500!important}.toolbar-btn:hover{color:#4dabf7!important;background:#3b82f61a!important;border-color:#3b82f64d!important}.toolbar-btn svg{color:#94a3b8!important}.toolbar-btn:hover svg{color:var(--brand-primary)!important}.properties-section-title{margin-top:10px;color:var(--brand-primary)!important;font-size:.7rem!important}.property-group label{color:#94a3b8!important;font-size:.75rem!important}.property-input{background:#18181b!important;border:1px solid #ffffff1a!important;font-size:.85rem!important}.property-input:focus{border-color:var(--brand-primary)!important;box-shadow:0 0 0 2px #3b82f633!important}.spacing-input{background:#18181b!important;border:1px solid #ffffff1a!important}.advanced-edit-modal{background:#020202!important}.advanced-edit-body{gap:12px;padding:12px;background:#020202!important;grid-template-columns:220px 1fr 280px!important}.advanced-edit-toolbar,.advanced-edit-properties{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);height:calc(100vh - 100px);background:#0f0f12cc!important;border:1px solid #ffffff0d!important;border-radius:16px!important;margin:0!important}.advanced-edit-canvas{flex-direction:column;height:calc(100vh - 100px);display:flex;background:0 0!important;padding:0!important}.canvas-wrapper{flex:1;justify-content:center;align-items:flex-start;margin:0;display:flex;position:relative;box-shadow:inset 0 0 100px #00000080;background:#0c0c0e!important;border-radius:16px!important;padding:60px!important;overflow:auto!important}.canvas-wrapper iframe{background:#fff;border-radius:4px;width:100%;height:auto;min-height:800px;transition:transform .3s;box-shadow:0 30px 60px #0009,0 0 0 1px #ffffff0d}.canvas-text-toolbar{z-index:100;position:sticky;top:20px;border:1px solid #ffffff1a!important;margin-bottom:30px!important;box-shadow:0 10px 40px #0006!important}.advanced-edit-header{background:0 0!important;border:none!important;padding:16px 32px!important}.advanced-edit-subtitle{color:#4b5563!important}.properties-subtitle{font-size:.8rem;font-weight:500;color:var(--brand-primary)!important}body.advanced-edit-open{overflow:hidden!important}.advanced-edit-modal{z-index:10000!important;width:100vw!important;height:100vh!important;top:0!important;left:0!important}.advanced-edit-properties{padding-bottom:100px!important;overflow-y:auto!important}.properties-actions{border-top:1px solid #ffffff0d;margin-top:30px;padding-top:20px}.property-action-btn{cursor:pointer;color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:10px;padding:12px;font-size:.9rem;font-weight:600;display:flex}.property-action-btn.danger{color:#ef4444;background:#ef44441a;border-color:#ef444433}.property-action-btn.danger:hover{background:#ef444433}.canvas-wrapper{background-image:radial-gradient(circle,#ffffff0d 1px,#0000 1px);background-size:24px 24px;background-color:#0c0c0e!important}.advanced-edit-toolbar .toolbar-section-title{text-transform:uppercase;letter-spacing:.05em;margin-top:20px;margin-bottom:12px;color:#4b5563!important;font-size:.65rem!important}.advanced-edit-toolbar .toolbar-section:first-child .toolbar-section-title{margin-top:0}.advanced-edit-title svg{color:var(--brand-primary);filter:drop-shadow(0 0 8px #3b82f666)}.auth-main{z-index:1;flex:1;display:flex;position:relative;overflow-y:auto}@keyframes wave-animation{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.auth-field{flex-direction:column;margin-bottom:12px;display:flex}.auth-field label{color:var(--text-primary);margin-bottom:4px;font-size:.9rem;font-weight:500}.auth-field input{border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff08;border-radius:8px;padding:10px 14px;font-size:1rem;transition:border-color .2s}.auth-field input:focus{border-color:var(--brand-primary);outline:none}.auth-error{color:#ef4444;background:#ef444414;border-radius:6px;margin-bottom:8px;padding:8px 12px;font-size:.95rem}.auth-button{background:var(--brand-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 0;font-size:1.1rem;font-weight:700;transition:background .2s}.auth-button:disabled{background:var(--brand-accent);cursor:not-allowed}@keyframes floating-card{0%,to{transform:rotateX(20deg)rotateY(-20deg)rotate(5deg)translateY(0)}50%{transform:rotateX(20deg)rotateY(-20deg)rotate(5deg)translateY(-20px)}}@keyframes authFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.auth-visual-side{display:none}.auth-card-side{padding:24px}}.auth-container{background-color:var(--app-bg);width:100vw;height:100vh;font-family:var(--font-sans);flex-direction:column;display:flex;position:relative;overflow:hidden}.auth-background-glow{filter:blur(100px);z-index:0;pointer-events:none;background:radial-gradient(circle,#3b82f626,#0000 70%);width:40%;height:40%;position:absolute;top:-10%;left:-10%}.auth-header{z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 40px;display:flex;position:relative}.auth-logo{align-items:center;gap:12px;display:flex}.auth-logo-icon{object-fit:contain;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.auth-logo-text{-webkit-text-fill-color:transparent;letter-spacing:-.02em;background:linear-gradient(90deg,#fff,#a1a1aa);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:800}[data-theme=clinical] .auth-logo-text{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#0f172a,#64748b);-webkit-background-clip:text;background-clip:text}.theme-toggle-btn{border:1px solid var(--border-color);cursor:pointer;width:40px;height:40px;color:var(--text-primary);background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex}.theme-toggle-btn:hover{background:#ffffff1a}.auth-main{z-index:1;flex:1;display:flex;position:relative}.auth-card-side{z-index:5;flex:1.2;justify-content:center;align-items:center;padding:40px;display:flex}.auth-card-container{width:100%;max-width:480px;transition:all .5s cubic-bezier(.4,0,.2,1);transform:translateY(0)}.auth-card-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);background:#11111366;border-radius:32px;padding:48px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}[data-theme=clinical] .auth-card-content{background:#ffffffb3;box-shadow:0 20px 40px #0000000d}.auth-title{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:12px;font-size:1.9rem;font-weight:800}.emoji-vibe{transform-origin:70% 70%;animation:2.5s infinite wave-animation;display:inline-block}.auth-subtitle{color:var(--text-secondary);margin-bottom:40px;font-size:1rem;line-height:1.6}.auth-form{flex-direction:column;gap:24px;display:flex}.auth-form-group{flex-direction:column;gap:8px;display:flex}.auth-form-group label{color:var(--text-primary);opacity:.8;font-size:.85rem;font-weight:600}.input-with-icon{position:relative}.input-with-icon input{border:1px solid var(--border-color);width:100%;color:var(--text-primary);background:#ffffff08;border-radius:14px;padding:14px 18px;font-size:1rem;transition:all .2s}.input-with-icon input:focus{border-color:var(--brand-primary);background:#ffffff0f;outline:none;box-shadow:0 0 0 4px #3b82f61a}.auth-form-options{justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.auth-checkbox{cursor:pointer;color:var(--text-secondary);align-items:center;gap:10px;display:flex}.auth-checkbox input{display:none}.checkbox-custom{border:1px solid var(--border-color);border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.auth-checkbox input:checked+.checkbox-custom{background:var(--brand-primary);border-color:var(--brand-primary)}.auth-checkbox input:checked+.checkbox-custom:after{content:"";color:#fff;font-size:.8rem;font-weight:900}.forgot-link{color:var(--brand-primary);font-weight:500;text-decoration:none}.forgot-link:hover{text-decoration:underline}.auth-submit-btn{background:linear-gradient(135deg,var(--brand-primary)0%,var(--brand-secondary)100%);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:12px;padding:16px;font-size:1rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 15px #3b82f64d}.auth-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.auth-divider{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:16px;margin:32px 0;font-size:.85rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-color);flex:1;height:1px}.auth-social-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.social-login-btn{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#ffffff08;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:12px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.social-login-btn:hover{background:#ffffff14;border-color:#fff3}.social-login-btn img{width:20px;height:20px}.auth-switch-text{text-align:center;color:var(--text-secondary);margin-top:32px;font-size:.95rem}.auth-switch-text button{color:var(--brand-primary);cursor:pointer;background:0 0;border:none;padding:0 4px;font-weight:700}.auth-switch-text button:hover{text-decoration:underline}.auth-visual-side{background:#000;flex:1;justify-content:center;align-items:center;padding:80px;display:flex;position:relative;overflow:hidden}.visual-overlay{z-index:1;background:radial-gradient(circle at 70% 30%,#3b82f64d,#0000 50%),radial-gradient(circle at 30% 70%,#8b5cf64d,#0000 50%);position:absolute;top:0;right:0;bottom:0;left:0}.visual-content{z-index:5;color:#fff;max-width:600px;position:relative}.visual-tag{color:var(--brand-accent);letter-spacing:.1em;background:#3b82f633;border:1px solid #3b82f64d;border-radius:99px;margin-bottom:24px;padding:6px 14px;font-size:.75rem;font-weight:700;display:inline-block}.visual-title{letter-spacing:-.04em;-webkit-text-fill-color:transparent;background:linear-gradient(to bottom right,#fff 40%,#fff6);-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:3.5rem;font-weight:800;line-height:1.1}.visual-description{color:#fff9;margin-bottom:48px;font-size:1.25rem;line-height:1.6}.visual-features{flex-direction:column;gap:20px;margin-bottom:60px;display:flex}.v-feature{align-items:center;gap:16px;display:flex}.v-icon{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;display:flex}.v-text{color:#ffffffe6;font-weight:600}.visual-card-preview{perspective:1000px}.mock-card{background:#111;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;gap:20px;width:100%;max-width:400px;height:240px;padding:24px;animation:6s ease-in-out infinite floating-card;display:flex;transform:rotateX(20deg)rotateY(-20deg)rotate(5deg);box-shadow:-20px 40px 60px #00000080}.mock-header{gap:8px;display:flex}.mock-dot{opacity:.5;border-radius:50%;width:12px;height:12px}.mock-dot.red{background:#ef4444}.mock-dot.yellow{background:#f59e0b}.mock-dot.green{background:#10b981}.mock-body{flex-direction:column;gap:16px;display:flex}.mock-rect-lg{background:#ffffff0d;border-radius:8px;width:80%;height:40px}.mock-grid{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.mock-rect-sm{background:#ffffff08;border-radius:8px;height:80px}.visual-floating-elements .float-item{background:linear-gradient(135deg,var(--brand-primary),#8b5cf6);filter:blur(80px);opacity:.2;z-index:0;border-radius:50%;position:absolute}.float-item.p1{width:400px;height:400px;top:-100px;right:-100px}.float-item.p2{opacity:.15;width:300px;height:300px;bottom:-50px;left:-50px}.float-item.p3{opacity:.1;width:250px;height:250px;top:40%;left:40%}.animate-in{opacity:0;animation:.6s forwards authFadeUp}[data-theme=clinical] .auth-title{color:#0f172a}[data-theme=clinical] .auth-subtitle{color:#64748b}[data-theme=clinical] .theme-toggle-btn{color:#0f172a;background:#0000000d;border:1px solid #e2e8f0}[data-theme=clinical] .theme-toggle-btn:hover{background:#00000014}[data-theme=clinical] .input-with-icon input{color:#0f172a;background:#00000008;border:1px solid #e2e8f0}[data-theme=clinical] .input-with-icon input:focus{border-color:var(--brand-secondary);background:#2563eb05;box-shadow:0 0 0 4px #2563eb14}[data-theme=clinical] .input-with-icon input::placeholder{color:#cbd5e1}[data-theme=clinical] .auth-form-group label{color:#0f172a;opacity:1}[data-theme=clinical] .auth-form-options,[data-theme=clinical] .auth-checkbox{color:#64748b}[data-theme=clinical] .checkbox-custom{border:1px solid #cbd5e1}[data-theme=clinical] .checkbox-custom:hover{border-color:#94a3b8}[data-theme=clinical] .forgot-link{color:var(--brand-secondary)}[data-theme=clinical] .auth-submit-btn{background:linear-gradient(135deg,var(--brand-secondary)0%,var(--brand-dark)100%);color:#fff}[data-theme=clinical] .auth-submit-btn:hover{box-shadow:0 8px 25px #2563eb40}[data-theme=clinical] .auth-divider{color:#94a3b8}[data-theme=clinical] .auth-divider:before,[data-theme=clinical] .auth-divider:after{background:#e2e8f0}[data-theme=clinical] .social-login-btn{color:#0f172a;background:#00000005;border:1px solid #e2e8f0}[data-theme=clinical] .social-login-btn:hover{background:#0000000d;border-color:#cbd5e1}[data-theme=clinical] .auth-switch-text{color:#64748b}[data-theme=clinical] .auth-switch-text button{color:var(--brand-secondary);font-weight:700}[data-theme=clinical] .auth-switch-text button:hover{color:var(--brand-dark)}.logout-item:hover{color:#ef4444!important;background:#ef44441a!important}.create-design-dropdown-container{margin-bottom:24px;position:relative}.create-design-dropdown-trigger{color:var(--text-primary);cursor:pointer;background:linear-gradient(135deg,#3b82f626,#8b5cf61a);border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:16px 20px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.create-design-dropdown-trigger:hover{background:linear-gradient(135deg,#3b82f640,#8b5cf633);border-color:#fff3}.create-design-dropdown-trigger .dropdown-icon{background:#ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.create-design-dropdown-trigger .dropdown-label{text-align:left;flex:1}.create-design-dropdown-trigger .chevron{transition:transform .3s}.create-design-dropdown-trigger .chevron.open{transform:rotate(180deg)}.create-design-dropdown-menu{background:var(--card-bg);border:1px solid var(--border-color);z-index:1000;border-radius:16px;max-height:500px;padding:16px;animation:.2s slideDown;position:absolute;top:calc(100% + 12px);left:0;right:0;overflow-y:auto;box-shadow:0 20px 50px #00000080}.dropdown-section{flex-direction:column;gap:12px;display:flex}.section-title{color:var(--text-primary);align-items:center;gap:8px;padding:8px 0;font-size:.95rem;font-weight:600;display:flex}.section-title .back-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;margin-right:8px;padding:0;font-size:1.2rem;transition:color .2s}.section-title .back-btn:hover{color:var(--text-primary)}.type-list,.platform-list,.sales-list{flex-direction:column;gap:8px;display:flex}.type-option,.platform-option,.sales-option{cursor:pointer;text-align:left;color:var(--text-primary);background:#ffffff08;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:all .2s;display:flex}.type-option:hover,.platform-option:hover,.sales-option:hover{background:#ffffff14;border-color:#ffffff26}.type-option.active,.platform-option.active,.sales-option.active{background:#3b82f633;border-color:#3b82f666}.type-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.type-content{flex-direction:column;flex:1;gap:4px;display:flex}.type-label{color:var(--text-primary);font-size:.95rem;font-weight:600}.type-desc{color:var(--text-secondary);font-size:.8rem}.platform-content,.sales-content{flex:1}.platform-label,.sales-label{font-size:.95rem;font-weight:600}.platform-desc,.sales-desc{color:var(--text-secondary);font-size:.8rem}.checkmark{color:#22c55e;margin-left:auto;font-size:1.2rem;font-weight:700}.all-types-section{border-top:1px solid var(--border-color);margin-top:16px;padding-top:16px}.section-divider{color:var(--text-secondary);text-align:center;margin-bottom:12px;font-size:.8rem}.other-types{flex-wrap:wrap;gap:8px;display:flex}.small-type-btn{color:var(--text-secondary);cursor:pointer;text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex:1;min-width:80px;padding:8px 12px;font-size:.85rem;transition:all .2s}.small-type-btn:hover{color:var(--text-primary);background:#ffffff1a;border-color:#fff3}.contextual-config{flex-direction:column;gap:20px;display:flex}.config-section{flex-direction:column;gap:12px;display:flex}.config-title{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:600}.format-options{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.format-btn{color:var(--text-secondary);cursor:pointer;text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:12px;font-size:.85rem;font-weight:500;transition:all .2s}.format-btn:hover{color:var(--text-primary);background:#ffffff1a;border-color:#fff3}.ref-options{flex-direction:column;gap:8px;display:flex}.ref-checkbox{cursor:pointer;background:#ffffff05;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;transition:all .2s;display:flex}.ref-checkbox:hover{background:#ffffff0d}.ref-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--brand-primary)}.checkbox-label{color:var(--text-secondary);font-size:.9rem}.brand-kit-btn{color:var(--text-primary);cursor:pointer;background:linear-gradient(135deg,#3b82f61a,#8b5cf614);border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;font-weight:500;transition:all .2s;display:flex}.brand-kit-btn:hover{background:linear-gradient(135deg,#3b82f633,#8b5cf626);border-color:#fff3}.brand-name{font-size:1rem}.brand-edit{color:var(--text-secondary);margin-left:8px;font-size:.85rem}.action-btn{background:linear-gradient(135deg,var(--brand-primary)0%,#8b5cf6 100%);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:12px 16px;font-size:.95rem;font-weight:600;transition:all .2s}.action-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #3b82f64d}.platform-info,.sales-info,.custom-info{background:#ffffff0d;border-radius:8px;padding:12px}.info-text{color:var(--text-secondary);margin:0;font-size:.9rem}[data-theme=clinical] .create-design-dropdown-trigger{background:linear-gradient(135deg,#2563eb14,#8b5cf60d);border-color:#2563eb33}[data-theme=clinical] .create-design-dropdown-trigger:hover{background:linear-gradient(135deg,#2563eb1f,#8b5cf61a);border-color:#2563eb4d}[data-theme=clinical] .create-design-dropdown-menu{background:#fff;border-color:#2563eb26}[data-theme=clinical] .section-title{color:#0f172a}[data-theme=clinical] .type-option:hover,[data-theme=clinical] .platform-option:hover,[data-theme=clinical] .sales-option:hover{background:#2563eb14;border-color:#2563eb33}[data-theme=clinical] .config-title{color:#0f172a}[data-theme=clinical] .brand-kit-btn{background:linear-gradient(135deg,#2563eb14,#8b5cf60d);border-color:#2563eb33}[data-theme=clinical] .action-btn{background:linear-gradient(135deg,var(--brand-secondary)0%,#7c3aed 100%)}.figma-connect-overlay{z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08080a99;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.figma-connect-modal{color:#0f172a;background:#fff;border-radius:20px;width:min(640px,92vw);padding:20px 22px 24px;position:relative;box-shadow:0 20px 60px #0f172a40}.figma-connect-header{color:#0f172a;justify-content:space-between;align-items:center;font-size:1.05rem;font-weight:700;display:flex}.figma-connect-header h3{margin:0;font-size:1.05rem;font-weight:700}.figma-connect-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px}.figma-connect-close:hover{color:#0f172a;background:#f1f5f9}.figma-connect-hero{background:#efeaff;border-radius:16px;justify-content:center;align-items:center;gap:18px;margin:18px 0 16px;padding:28px 20px;display:flex}.figma-connect-card{color:#111827;background:#fff;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.4rem;font-weight:700;display:flex;box-shadow:0 8px 18px #0f172a1f}.figma-connect-card svg{width:28px;height:28px}.figma-connect-card-text{letter-spacing:.5px;font-size:1.15rem}.figma-connect-arrow{color:#111827;font-size:1.1rem;font-weight:700}.figma-connect-content{flex-direction:column;gap:10px;margin-bottom:18px;display:flex}.figma-connect-title{color:#0f172a;font-size:1.2rem;font-weight:700}.figma-connect-subtitle{color:#475569;font-size:.95rem}.figma-connect-content p{color:#64748b;margin:0;font-size:.9rem;line-height:1.5}.figma-connect-primary{color:#fff;cursor:pointer;background:#6d5df6;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:.95rem;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;display:flex;box-shadow:0 10px 20px #6d5df640}.figma-connect-primary:hover{background:#5c4ae6;transform:translateY(-1px);box-shadow:0 12px 24px #6d5df64d}.figma-connect-footnote{text-align:center;color:#94a3b8;margin-top:10px;font-size:.82rem}@media(max-width:540px){.figma-connect-modal{padding:18px 18px 22px}.figma-connect-hero{padding:22px 14px}.figma-connect-card{width:54px;height:54px}}.rygen-spinner{border:3px solid #3b82f61a;border-top-color:var(--brand-primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite rygen-spin}.rygen-spinner-small{border:2px solid #ffffff1a;border-top-color:var(--brand-primary);border-radius:50%;width:16px;height:16px;animation:1s linear infinite rygen-spin}.visual-title{font-size:2.4rem!important;line-height:1.05!important}.visual-description{font-size:1rem!important}.auth-title{font-size:1.4rem!important}.file-card-preview{height:140px!important}.files-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important}.dashboard-shell{grid-template-columns:230px 1fr!important}.dashboard-content,.main-content-scroll,.auth-card-content{padding:20px!important}.sidebar-nav-item{padding:8px 12px!important}@media(max-width:900px){.auth-card{flex-direction:column;width:95vw;height:auto;min-height:500px}.auth-image-side{display:none}.auth-form-side{padding:48px 32px}}.model-toggle-group{gap:12px;margin-top:12px;display:flex}.model-toggle-btn{text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex:1;padding:12px 16px;transition:all .2s}.model-toggle-btn:hover{background:#ffffff0d;border-color:#ffffff26}.model-toggle-btn.active{background:#3b82f61a;border-color:#3b82f6;box-shadow:0 0 15px #3b82f633}.model-toggle-label{color:#fff;margin-bottom:2px;font-size:.9rem;font-weight:700}.model-toggle-btn.active .model-toggle-label{color:#3b82f6}.model-toggle-desc{color:#ffffff80;font-size:.75rem}.assets-manager{padding:0}.assets-empty{background:var(--card-bg,#ffffff05);border:1px dashed var(--border-color,#ffffff1a);color:var(--text-secondary);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;margin-top:20px;padding:60px 20px;display:flex}.assets-empty .empty-icon{background:var(--bg-lighter,#ffffff0d);width:64px;height:64px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.assets-empty h3{color:var(--text-primary);margin:0 0 8px;font-size:16px}.assets-empty p{max-width:300px;margin:0;font-size:14px}.assets-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;margin-top:20px;display:grid}.asset-card{background:var(--card-bg,#ffffff08);border:1px solid var(--border-color,#ffffff0d);border-radius:12px;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.asset-card:hover{box-shadow:var(--card-shadow,0 10px 30px #0003);border-color:var(--brand-primary,#6366f1);transform:translateY(-4px)}.asset-preview{aspect-ratio:1;background:var(--bg-lighter,#0003);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.asset-preview-img{object-fit:contain;width:100%;height:100%;transition:transform .3s}.asset-preview-overlay{opacity:0;background:#0009;justify-content:center;align-items:center;gap:12px;transition:opacity .2s;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.asset-card:hover .asset-preview-overlay{opacity:1}.asset-action-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.asset-action-btn:hover{background:var(--brand-primary,#6366f1);transform:scale(1.05)}.asset-action-btn.danger:hover{background:#ef4444}.asset-info{border-top:1px solid var(--border-color,#ffffff0d);flex-direction:column;gap:4px;padding:12px;display:flex}.asset-name{color:var(--text-primary,#fff);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:500;overflow:hidden}.asset-date{color:var(--text-secondary,#a1a1aa);margin:0;font-size:11px}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}.page-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:35;display:flex;align-items:center;justify-content:center;background:#080a109e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.page-loading-card{width:min(520px,calc(100% - 40px));border-radius:16px;padding:24px;background:#0e1018eb;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 46px #00000073}.page-loading-icon-row{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:14px}.page-loading-icon-wrap{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.page-loading-icon{width:17px;height:17px;color:#cbd5e1f2}.page-loading-spinner{width:22px;height:22px;color:#60a5fa;animation:page-loading-spin 1s linear infinite}@keyframes page-loading-spin{to{transform:rotate(360deg)}}.page-loading-title{margin:0;text-align:center;font-size:20px;font-weight:700;color:#f8fafc}.page-loading-step{margin:8px 0 0;text-align:center;font-size:13px;color:#e2e8f0bf}.page-loading-progress-track{margin-top:18px;width:100%;height:5px;border-radius:999px;background:#ffffff14;overflow:hidden}.page-loading-progress-fill{width:38%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3b82f6,#06b6d4);animation:page-loading-progress 1.8s ease-in-out infinite}@keyframes page-loading-progress{0%{transform:translate(-110%)}to{transform:translate(280%)}}.files-section,.generated-section{max-width:1400px}.section-header.header-with-search{display:flex;flex-direction:column;gap:16px}.header-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:4px;flex-wrap:wrap}.title-row{display:flex;align-items:center;gap:16px;margin-right:auto}.section-title{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:700;margin:0;white-space:nowrap}.section-title-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff0d;border-radius:10px;color:#3b82f6}.section-subtitle-pill{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#60a5fa;padding:4px 12px;border-radius:99px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;height:fit-content;white-space:nowrap}.header-action-btn.primary.modern-creative{background:linear-gradient(135deg,#6366f1,#a855f7);border:none;box-shadow:0 4px 15px #a855f74d;padding:12px 24px;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:10px;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff;cursor:pointer;font-size:.9rem;white-space:nowrap}.header-action-btn.primary.modern-creative:hover{transform:translateY(-2px);box-shadow:0 8px 25px #a855f766;filter:brightness(1.1)}.designs-search-filter-container{display:flex;align-items:center;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:6px 12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:fit-content}@media(max-width:1400px){.header-top{gap:12px}.designs-search-bar-wrapper.header-search{width:240px}}@media(max-width:1200px){.header-top{flex-direction:row;gap:12px}.designs-type-tabs{order:2}.designs-search-bar-wrapper.header-search{order:3}.header-action-btn.primary.modern-creative{order:4}}@media(max-width:1024px){.header-top{flex-direction:column;align-items:stretch}.title-row{margin-right:0;margin-bottom:8px}.designs-type-tabs,.designs-search-bar-wrapper.header-search,.header-action-btn.primary.modern-creative{width:100%;max-width:none}.designs-type-tabs{overflow-x:auto}}.designs-search-bar-wrapper.header-search{display:flex;align-items:center;width:280px}.designs-search-bar{position:relative;display:flex;align-items:center;width:100%}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#fff6}.search-input{width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px 12px 8px 36px;font-size:.85rem;color:#fff;outline:none;transition:all .2s ease}.search-input:focus{border-color:#3b82f680;background:#ffffff0d}.search-clear-btn{position:absolute;right:8px;background:none;border:none;color:#ffffff4d;cursor:pointer;padding:4px}.designs-type-tabs{display:flex;align-items:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:4px;gap:4px;width:fit-content}.tab-btn{padding:7px 16px;border:none;background:transparent;color:#ffffff73;font-size:.85rem;font-weight:600;cursor:pointer;border-radius:8px;transition:all .2s ease;white-space:nowrap}.tab-btn:hover{color:#fffc;background:#ffffff0f}.tab-btn.active{background:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f64d}.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;margin-top:12px}.file-card{background:linear-gradient(145deg,#18181bcc,#111113cc);border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;cursor:pointer;transition:all .3s ease}.file-card:hover{border-color:#3b82f666;transform:translateY(-4px);box-shadow:0 15px 30px -10px #0006}.figma-files-section{--figma-bg-primary: rgba(255, 255, 255, .02);--figma-bg-secondary: rgba(255, 255, 255, .04);--figma-border: rgba(255, 255, 255, .15);--figma-border-hover: rgba(255, 255, 255, .25);--figma-text-primary: #ffffff;--figma-text-secondary: rgba(255, 255, 255, .75);--figma-text-muted: rgba(255, 255, 255, .55);--figma-accent: rgba(99, 102, 241, .12);--figma-accent-border: rgba(99, 102, 241, .4);--figma-gradient-start: #1e1e2e;--figma-gradient-end: #2d2d3d;--figma-shadow: rgba(0, 0, 0, .2)}@media(prefers-color-scheme:light){.figma-files-section{--figma-bg-primary: rgba(0, 0, 0, .02);--figma-bg-secondary: rgba(0, 0, 0, .04);--figma-border: rgba(0, 0, 0, .15);--figma-border-hover: rgba(0, 0, 0, .25);--figma-text-primary: #000000;--figma-text-secondary: rgba(0, 0, 0, .75);--figma-text-muted: rgba(0, 0, 0, .55);--figma-accent: rgba(99, 102, 241, .12);--figma-accent-border: rgba(99, 102, 241, .4);--figma-gradient-start: #f5f5f5;--figma-gradient-end: #efefef;--figma-shadow: rgba(0, 0, 0, .08)}}[data-theme=clinical] .figma-files-section{--figma-bg-primary: rgba(0, 0, 0, .02);--figma-bg-secondary: rgba(0, 0, 0, .04);--figma-border: rgba(0, 0, 0, .15);--figma-border-hover: rgba(0, 0, 0, .25);--figma-text-primary: #000000;--figma-text-secondary: rgba(0, 0, 0, .75);--figma-text-muted: rgba(0, 0, 0, .55);--figma-gradient-start: #f5f5f5;--figma-gradient-end: #efefef;--figma-shadow: rgba(0, 0, 0, .08)}.figma-files-section{animation:fadeIn .3s ease-in-out}.figma-files-container{display:flex;gap:12px;min-height:600px}.figma-projects-sidebar{width:180px;padding:10px;background:var(--figma-bg-primary);border:1px solid var(--figma-border);border-radius:16px;overflow-y:auto;flex-shrink:0;display:flex;flex-direction:column;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.figma-projects-sidebar h3{font-size:12px;font-weight:700;color:#fff!important;margin:0;text-transform:uppercase;letter-spacing:.6px;padding:12px 14px;background:var(--figma-bg-secondary);border:1.5px solid var(--figma-border);border-radius:8px;transition:all .2s ease;cursor:default}.figma-projects-sidebar h3:hover{background:var(--figma-bg-primary);border-color:var(--figma-border-hover)}[data-theme=clinical] .figma-projects-sidebar h3{color:#000!important}.figma-add-project-heading,.figma-connected-projects-heading{font-size:12px;font-weight:700;color:#fff!important;margin:0;text-transform:uppercase;letter-spacing:.6px;padding:10px 12px;background:var(--figma-bg-secondary);border:1.5px solid var(--figma-border);border-radius:8px;transition:all .2s ease;cursor:default;width:100%;text-align:left}.figma-add-project-heading:hover,.figma-connected-projects-heading:hover{background:var(--figma-bg-primary);border-color:var(--figma-border-hover)}[data-theme=clinical] .figma-add-project-heading,[data-theme=clinical] .figma-connected-projects-heading{color:#000!important}.figma-project-input{padding:10px 14px;border:1.5px solid var(--figma-border);background:var(--figma-bg-primary);color:#fff!important;border-radius:8px;font-size:13px;font-weight:400;font-family:inherit;transition:all .2s ease;width:100%;box-sizing:border-box}[data-theme=clinical] .figma-project-input{color:#000!important}.figma-project-input::placeholder{color:#ffffff8c!important}[data-theme=clinical] .figma-project-input::placeholder{color:#0000008c!important}.figma-project-input:focus{outline:none;border-color:var(--figma-accent-border);background:var(--figma-bg-secondary);box-shadow:0 0 0 3px var(--figma-accent)}.figma-projects-list{display:flex;flex-direction:column;gap:6px;max-height:400px;overflow-y:auto;padding-right:4px}.figma-projects-list::-webkit-scrollbar{width:6px}.figma-projects-list::-webkit-scrollbar-track{background:transparent}.figma-projects-list::-webkit-scrollbar-thumb{background:var(--figma-border);border-radius:3px;transition:background .2s ease}.figma-projects-list::-webkit-scrollbar-thumb:hover{background:var(--figma-border-hover)}.figma-project-btn{padding:10px 12px;border:1px solid var(--figma-border);background:var(--figma-bg-primary);color:#fff!important;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=clinical] .figma-project-btn{color:#000!important}.figma-project-btn:hover:not(:disabled){background:var(--figma-bg-secondary);border-color:var(--figma-border-hover);transform:translate(2px)}.figma-project-btn.active{border-color:var(--figma-accent-border);background:var(--figma-accent);box-shadow:0 0 0 1px var(--figma-accent-border);color:#6366f1;font-weight:600}.figma-project-btn:disabled{opacity:.5;cursor:not-allowed}.figma-project-btn-close{background:none;border:none;color:var(--figma-text-muted);cursor:pointer;padding:0;font-size:16px;line-height:1;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.figma-project-btn-close:hover{color:var(--figma-text-primary);background:var(--figma-bg-secondary);border-radius:4px}.figma-files-content{flex:1;display:flex;flex-direction:column}.figma-files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;width:100%}.figma-file-card{background:var(--figma-bg-primary);border:1px solid var(--figma-border);border-radius:14px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;height:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.figma-file-card:hover{background:var(--figma-bg-secondary);border-color:var(--figma-border-hover);box-shadow:0 12px 40px var(--figma-shadow);transform:translateY(-4px)}.figma-file-card-preview{width:100%;height:150px;background:linear-gradient(135deg,var(--figma-gradient-start) 0%,var(--figma-gradient-end) 100%);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.figma-file-card-preview img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.figma-file-card:hover .figma-file-card-preview img{transform:scale(1.05)}.figma-file-card-info{padding:10px;display:flex;flex-direction:column;gap:6px;flex:1}.figma-file-card-name{font-size:15px;font-weight:700;color:#fff!important;word-break:break-word;line-height:1.4;letter-spacing:-.3px}[data-theme=clinical] .figma-file-card-name{color:#000!important}.figma-file-card-meta{font-size:12px;color:#ffffffbf!important;display:flex;align-items:center;gap:6px;margin-top:4px}[data-theme=clinical] .figma-file-card-meta{color:#000000bf!important}.figma-file-card-actions{display:flex;gap:6px;margin-top:auto;padding-top:10px;border-top:1px solid var(--figma-border)}.figma-file-card-actions a,.figma-file-card-actions button{flex:1;padding:8px 10px;text-decoration:none;font-size:12px;font-weight:600;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.figma-empty-state{text-align:center;padding:80px 40px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.figma-empty-state-icon{width:56px;height:56px;margin-bottom:16px;opacity:.4;transition:opacity .2s ease}.figma-empty-state h3{font-size:18px;font-weight:700;margin:0;color:#fff!important;letter-spacing:-.3px}[data-theme=clinical] .figma-empty-state h3{color:#000!important}.figma-empty-state p{color:#ffffffbf!important;font-size:14px;margin:8px 0 24px;max-width:400px;line-height:1.6}[data-theme=clinical] .figma-empty-state p{color:#000000bf!important}.figma-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;flex:1;gap:12px}.figma-loading-state .rygen-spinner{margin:0;width:40px;height:40px}.figma-loading-state p{color:#ffffffbf!important;font-weight:500}[data-theme=clinical] .figma-loading-state p{color:#000000bf!important}.section-header{margin-bottom:24px}.figma-files-section .section-subtitle{color:#fff!important;font-weight:400}[data-theme=clinical] .figma-files-section .section-subtitle{color:#000!important}.figma-projects-sidebar::-webkit-scrollbar,.figma-projects-list::-webkit-scrollbar{width:6px}.figma-projects-sidebar::-webkit-scrollbar-track,.figma-projects-list::-webkit-scrollbar-track{background:transparent}.figma-projects-sidebar::-webkit-scrollbar-thumb,.figma-projects-list::-webkit-scrollbar-thumb{background:var(--figma-border);border-radius:3px}.figma-projects-sidebar::-webkit-scrollbar-thumb:hover,.figma-projects-list::-webkit-scrollbar-thumb:hover{background:var(--figma-border-hover)}@media(max-width:1024px){.figma-projects-sidebar{width:180px}.figma-files-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}}@media(max-width:768px){.figma-files-container{flex-direction:column;gap:12px;min-height:auto}.figma-projects-sidebar{width:100%;max-height:110px;overflow-x:auto;overflow-y:hidden;flex-direction:row;padding:10px;gap:8px}.figma-projects-list{flex-direction:row;gap:8px;max-height:none;overflow-y:hidden;overflow-x:auto}.figma-files-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.figma-file-card-preview{height:130px}.figma-empty-state,.figma-loading-state{padding:40px 20px}}@media(max-width:480px){.figma-files-grid{grid-template-columns:1fr}.figma-projects-sidebar{overflow-x:auto}.figma-file-card-preview{height:120px}.figma-file-card-info{padding:10px}.figma-file-card-name{font-size:14px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.figma-file-card{animation:slideInLeft .3s ease-out}.figma-project-btn:focus-visible{outline:2px solid var(--figma-accent-border);outline-offset:2px}.figma-project-input:focus-visible{outline:2px solid var(--figma-accent-border);outline-offset:2px}.webui-module-container{width:100%;max-width:900px;margin:0 auto;padding:24px;background:#ffffff05;border-radius:20px;border:1px solid rgba(255,255,255,.05)}.module-header-simple{margin-bottom:32px}.module-badge{background:#ffffff1a;padding:4px 12px;border-radius:100px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.module-header-simple h2{font-size:32px;margin:12px 0 8px;background:linear-gradient(90deg,#fff,#fff9);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.module-header-simple p{color:#ffffff80;font-size:14px}.webui-integrated-box{background:#0003;border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.1)}.webui-ref-row{display:flex;gap:12px;margin-bottom:20px}.webui-ref-btn{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:8px 16px;border-radius:10px;color:#fff9;font-size:13px;cursor:pointer;transition:all .2s}.webui-ref-btn:hover{background:#ffffff1a}.webui-ref-btn.active{background:#ffffff26;border-color:#fff;color:#fff}.webui-input-area{position:relative;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.08);overflow:hidden}.webui-textarea{width:100%;min-height:120px;background:transparent;border:none;padding:16px;color:#fff;font-size:15px;resize:none;outline:none;line-height:1.5}.webui-send-btn{position:absolute;bottom:12px;right:12px;width:40px;height:40px;border-radius:50%;background:#fff;color:#000;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}.webui-send-btn:hover:not(:disabled){transform:scale(1.05)}.webui-send-btn:disabled{opacity:.3;cursor:not-allowed}.webui-active-configs{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.05);display:grid;grid-template-columns:1fr 1fr;gap:20px}.webui-config-item label{display:block;font-size:12px;color:#fff6;margin-bottom:6px}.webui-config-item input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:8px 12px;border-radius:8px;color:#fff;font-size:13px}.webui-figma-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.webui-figma-field{min-width:0}.webui-figma-field label{display:block;font-size:12px;color:#fff6;margin-bottom:6px}.webui-custom-select{position:relative;width:100%}.webui-select-trigger{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:13px;outline:none;height:34px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.webui-select-trigger:hover:not(:disabled){border-color:#ffffff40;background:#ffffff14}.webui-select-trigger.open{border-color:#6366f1e6;box-shadow:0 0 0 2px #6366f133}.webui-select-trigger:disabled{opacity:.6;cursor:not-allowed}.webui-select-value{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.webui-select-value.placeholder{color:#ffffff8c}.webui-select-caret{width:15px;height:15px;opacity:.75;flex-shrink:0;transition:transform .15s ease}.webui-select-caret.open{transform:rotate(180deg)}.webui-select-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#141418;border:1px solid rgba(255,255,255,.12);border-radius:10px;overflow:hidden;z-index:30;box-shadow:0 12px 28px #00000059;max-height:220px;overflow-y:auto}.webui-select-option{width:100%;border:none;background:transparent;color:#e4e4e7;text-align:left;padding:10px 12px;font-size:13px;cursor:pointer;transition:background .12s ease}.webui-select-option:hover{background:#ffffff14}.webui-select-option.active{background:#6366f138;color:#fff}.webui-config-item input,.webui-select-trigger{height:34px;box-sizing:border-box}[data-theme=clinical] .webui-config-item label,[data-theme=clinical] .webui-figma-field label{color:#64748b}[data-theme=clinical] .webui-config-item input,[data-theme=clinical] .webui-select-trigger{background:#fff;border-color:#dbe3ee;color:#0f172a}[data-theme=clinical] .webui-config-item input::placeholder{color:#94a3b8}[data-theme=clinical] .webui-select-value.placeholder{color:#94a3b8}[data-theme=clinical] .webui-select-trigger:hover:not(:disabled){border-color:#c4d2e1;background:#f8fafc}[data-theme=clinical] .webui-select-menu{background:#fff;border-color:#dbe3ee;box-shadow:0 12px 28px #0f172a1f}[data-theme=clinical] .webui-select-option{color:#0f172a}[data-theme=clinical] .webui-select-option:hover{background:#f1f5f9}[data-theme=clinical] .webui-select-option.active{background:#e0e7ff;color:#312e81}@media(max-width:900px){.webui-figma-row{grid-template-columns:1fr}}.webui-image-config,.webui-figma-config{grid-column:span 2}.webui-image-preview{display:flex;align-items:center;gap:16px;padding:10px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.webui-image-preview img{width:120px;height:80px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.webui-image-clear{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fff;padding:6px 12px;border-radius:8px;font-size:12px;cursor:pointer}.webui-image-clear:hover{background:#ffffff29}.webui-image-placeholder{color:#ffffff80;font-size:12px;padding:10px 12px;border-radius:10px;background:#ffffff08;border:1px dashed rgba(255,255,255,.12)}.webui-spinner{width:18px;height:18px;border:2px solid rgba(0,0,0,.1);border-top:2px solid #000;border-radius:50%;animation:rygen-spin .8s linear infinite}@keyframes rygen-spin{to{transform:rotate(360deg)}}.social-module-container{width:100%;max-width:800px;margin:0 auto;padding:20px}.social-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.social-header-content{flex:1;display:flex;flex-direction:column;gap:4px}.social-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.social-icon-orb{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#ff3d71,#ff9b44);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 16px #ff3d714d}.social-header h2{font-size:24px;font-weight:800;margin:0;line-height:1.1;font-family:var(--font-display);color:#fff}.social-header p{margin:0;color:#fff6;font-size:13px;line-height:1.25}.social-mini-engine-toggle{display:flex;background:#ffffff0d;padding:3px;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.mini-toggle-btn{padding:4px 10px;font-size:11px;font-weight:700;border-radius:6px;border:none;background:transparent;color:#fff6;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.02em;display:flex;align-items:center;gap:6px}.mini-toggle-btn:hover:not(.active){color:#fffc;background:#ffffff08}.mini-toggle-btn.active{background:#06f;color:#fff;box-shadow:0 2px 8px #0066ff4d}.toggle-tip{font-size:8px;background:#ffffff26;padding:1px 4px;border-radius:3px;text-transform:capitalize;font-weight:600;letter-spacing:0;color:#ffffffe6}.social-platform-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:24px}.platform-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);padding:12px;border-radius:12px;cursor:pointer;text-align:left;transition:all .2s;display:flex;flex-direction:column}.platform-card:hover{background:#ffffff0f;border-color:#fff3}.platform-card.active{background:#ffffff1a;border-color:#ff3d71;box-shadow:0 0 15px #ff3d7133}.platform-name{font-weight:700;font-size:14px;color:#fff}.platform-format{font-size:11px;color:#fff6;margin-top:4px}.social-input-card{background:#111;border-radius:20px;border:1px solid rgba(255,255,255,.1);padding:24px}.social-ref-bar{display:flex;gap:10px;margin-bottom:16px}.social-ref-btn{background:transparent;border:1px solid rgba(255,255,255,.1);padding:6px 12px;border-radius:100px;color:#fff9;font-size:12px;display:flex;align-items:center;gap:6px;cursor:pointer}.social-ref-btn.active{background:#ff3d71;border-color:#ff3d71;color:#fff}.social-textarea-wrapper{position:relative;background:#ffffff05;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.social-textarea{width:100%;min-height:100px;background:transparent;border:none;padding:16px 60px 16px 16px;color:#fff;resize:none;outline:none;font-size:15px}.social-send-trigger{position:absolute;top:50%;right:12px;transform:translateY(-50%);width:44px;height:44px;border-radius:12px;background:#fff;border:none;color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.social-send-trigger:hover:not(:disabled){transform:translateY(-50%) scale(1.05);background:#f0f0f0}.social-send-trigger:disabled{opacity:.3;cursor:not-allowed}.social-loader{width:16px;height:16px;border:2px solid rgba(0,0,0,.1);border-top-color:#000;border-radius:50%;animation:social-spin .8s linear infinite}@keyframes social-spin{to{transform:rotate(360deg)}}.social-inline-upload{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}.social-inline-upload span{font-size:13px;color:#06f;cursor:pointer}.sales-module-container{width:100%;max-width:800px;margin:0 auto;padding:32px 24px;display:flex;flex-direction:column;gap:32px}.sales-header-compact{text-align:center;margin-bottom:8px;font-family:var(--font-display)}.sales-badge{display:inline-flex;align-items:center;gap:6px;background:#4cc9f01a;color:#4cc9f0;padding:6px 12px;border-radius:100px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}.sales-steps-intro{display:flex;align-items:center;justify-content:center;gap:32px;margin-top:12px}.step-item{display:flex;align-items:center;gap:10px}.step-num{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:11px;font-weight:800;border-radius:50%}.step-item p{color:#ffffff80;font-size:13px;font-weight:500;margin:0}.step-divider{width:24px;height:1px;background:#ffffff1a}.sales-type-scroller{background:#ffffff08;border:1px solid rgba(255,255,255,.08);padding:4px;border-radius:14px;display:flex;justify-content:center;gap:4px;position:relative;overflow-x:auto;scrollbar-width:none}.sales-type-scroller::-webkit-scrollbar{display:none}.type-nav-pill{position:relative;padding:8px 16px;border-radius:10px;border:none;background:transparent;color:#fff6;font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.type-nav-pill:hover{color:#fffc}.type-nav-pill.active{color:#fff}.nav-slider-backdrop{position:absolute;top:4px;left:4px;height:calc(100% - 8px);background:#ffffff14;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:0;pointer-events:none;box-shadow:0 4px 12px #0003}.sales-premium-composer{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:20px;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease;animation:slideIn .5s ease-out}.sales-premium-composer:focus-within{border-color:#4cc9f04d;box-shadow:0 0 0 1px #4cc9f01a,0 20px 40px -20px #00000080}.sales-textarea-wrapper{position:relative;padding:24px 24px 84px}.sales-premium-textarea{width:100%;min-height:160px;background:transparent;border:none;outline:none;color:#fff;font-size:16px;line-height:1.6;resize:none;padding:0}.sales-premium-textarea::placeholder{color:#fff3}.composer-floating-footer{position:absolute;bottom:16px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:flex-end;background:#0a0a0fd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);padding:10px 10px 10px 18px;border-radius:16px;z-index:10}.footer-left-stack{display:flex;flex-direction:column;gap:10px;flex:1}.ref-indicator-group{display:flex;align-items:center;gap:10px}.mini-ref-pill{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#fff6;background:#ffffff0d;padding:5px 12px;border-radius:8px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.mini-ref-pill:hover{background:#ffffff1a;color:#ffffffe6}.mini-ref-pill.active{background:#4cc9f01f;color:#4cc9f0;border-color:#4cc9f040}.composer-asset-line{display:flex;align-items:center;gap:8px;padding-left:2px}.asset-trace-chip{display:flex;align-items:center;gap:6px;padding:3px 10px;background:#ffffff08;border-radius:6px;font-size:10px;color:#ffffff80;animation:fadeIn .3s ease}.asset-trace-chip .dot{width:4px;height:4px;background:#4cc9f0;border-radius:50%;box-shadow:0 0 5px #4cc9f0}.asset-trace-url{display:flex;align-items:center;gap:6px;flex:1;max-width:300px;background:#0003;padding:2px 10px;border-radius:6px}.trace-url-input{background:transparent;border:none;outline:none;color:#fff;font-size:11px;width:100%;font-family:JetBrains Mono,monospace}.trace-url-input::placeholder{color:#fff3}.generate-cta-premium{background:#fff;color:#000;border:none;padding:10px 24px;border-radius:10px;font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.generate-cta-premium:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px -10px #ffffff4d}.generate-cta-premium:disabled{opacity:.3;cursor:not-allowed;background:#ffffff1a;color:#ffffff4d}.premium-upload-overlay{padding:32px;background:#4cc9f005;border:1px dashed rgba(76,201,240,.15);border-radius:20px;text-align:center;cursor:pointer;transition:all .3s;animation:slideIn .6s ease-out}.module-footer-support{border-top:1px solid rgba(255,255,255,.05);padding-top:24px;display:flex;justify-content:center}.compact-upload-btn:hover{background:#4cc9f026;border-color:#4cc9f066;transform:translateY(-1px)}.attached-chip{display:flex;align-items:center;gap:10px;background:#4cc9f01a;border:1px solid rgba(76,201,240,.25);border-radius:8px;padding:0 10px 0 6px;height:38px;color:#4cc9f0;font-size:12px;font-weight:700}.chip-preview-container{width:24px;height:24px;border-radius:4px;overflow:hidden;background:#0003}.chip-preview-container img{width:100%;height:100%;object-fit:cover}.attached-chip.pdf{padding:0 12px;background:#ffffff0d;border-color:#ffffff1a;color:#fffc}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes slideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideIn .4s cubic-bezier(.16,1,.3,1) forwards}.custom-module-container{width:100%;max-width:1000px;margin:24px auto 60px;padding:0 16px;font-family:Plus Jakarta Sans,Inter,sans-serif}.custom-shell{display:grid;grid-template-columns:1fr 1.35fr;gap:24px;align-items:stretch}.custom-hero-panel{border-radius:22px;padding:28px;background:radial-gradient(circle at top,rgba(255,122,89,.18),transparent 55%),linear-gradient(135deg,#ffffff0a,#ffffff03);border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:18px;position:relative;overflow:hidden}.custom-hero-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 70% 20%,rgba(255,201,87,.15),transparent 40%);pointer-events:none}.custom-hero-orb{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#111;background:linear-gradient(135deg,#ffc857,#ff7a59);box-shadow:0 18px 30px -18px #ff7a5999}.custom-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.3em;font-weight:700;color:#ffffff80}.custom-hero-text h2{font-size:30px;font-weight:800;margin:8px 0 6px;background:linear-gradient(90deg,#fff,#fff9);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.custom-hero-text p{margin:0;color:#ffffff8c;font-size:14px;line-height:1.5}.custom-signal-row{display:flex;flex-wrap:wrap;gap:8px}.custom-signal{background:#ffffff14;color:#fffc;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600}.custom-editor-panel{background:#0c0c0ecc;border-radius:22px;border:1px solid rgba(255,255,255,.08);padding:24px;display:flex;flex-direction:column;gap:18px;box-shadow:0 30px 60px -40px #000c}.custom-editor-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.custom-editor-title{font-size:18px;font-weight:700;color:#fff}.custom-editor-subtitle{font-size:13px;color:#ffffff80;margin-top:4px}.custom-ghost-btn{background:transparent;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;padding:6px 12px;border-radius:10px;cursor:pointer;font-size:12px;transition:all .2s ease}.custom-ghost-btn:hover{border-color:#ffffff59;color:#fff}.custom-textarea-shell{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:14px}.custom-textarea{width:100%;min-height:160px;background:transparent;border:none;color:#fff;font-size:15px;resize:none;outline:none;line-height:1.6}.custom-helper-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.custom-char-count{font-size:12px;color:#fff6}.custom-helper-pills{display:flex;gap:8px;flex-wrap:wrap}.custom-helper-pills button{background:#ffffff14;border:none;color:#fffc;padding:6px 12px;border-radius:999px;font-size:12px;cursor:pointer;transition:all .2s ease}.custom-helper-pills button:hover{background:#ffffff29}.custom-footer-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.custom-hint{font-size:12px;color:#fff6}.custom-primary-btn{background:linear-gradient(135deg,#ffc857,#ff7a59);color:#0c0c0e;border:none;padding:12px 24px;border-radius:14px;font-size:14px;font-weight:700;display:flex;align-items:center;gap:10px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.custom-primary-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 30px -20px #ff7a59cc}.custom-primary-btn:disabled{opacity:.35;cursor:not-allowed}@media(max-width:900px){.custom-shell{grid-template-columns:1fr}.custom-editor-header{align-items:center}}.dashboard-sidebar-v3{grid-area:sidebar;display:flex;flex-direction:column;background:#fcfcfc;border-right:1px solid rgba(0,0,0,.06);padding:0;z-index:1010;height:100vh;position:sticky;top:0;width:230px;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Inter,-apple-system,system-ui,sans-serif}[data-theme=midnight] .dashboard-sidebar-v3{background:#09090b;border-right:1px solid rgba(255,255,255,.1)}.sidebar-org-header{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;transition:background .15s;border-bottom:1px solid rgba(0,0,0,.03);margin-bottom:8px}[data-theme=midnight] .sidebar-org-header{border-bottom:1px solid rgba(255,255,255,.03)}.sidebar-org-header:hover{background:#00000008}[data-theme=midnight] .sidebar-org-header:hover{background:#ffffff0a}.org-icon-gradient{width:28px;height:28px;background:linear-gradient(135deg,#ff5050,#ff2e95);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.org-info{flex:1;min-width:0}.org-name{font-size:13px;font-weight:600;color:#1a1a1a;line-height:1.2}[data-theme=midnight] .org-name{color:#fff}.org-subtitle{font-size:10.5px;color:#888;font-weight:450}.org-chevron{color:#999}.sidebar-search-container{padding:0 10px 10px}.search-input-wrapper{position:relative;display:flex;align-items:center;background:#f1f1f1;border:1px solid transparent;border-radius:6px;padding:0 8px!important;height:32px;gap:8px!important;transition:all .2s cubic-bezier(.4,0,.2,1)}[data-theme=midnight] .search-input-wrapper{background:#1a1a1e;border:1px solid #27272a}.search-input-wrapper:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f614}.sidebar-search-icon{color:#a1a1aa;width:14px!important;height:14px!important;flex-shrink:0!important;pointer-events:none;margin:0!important;display:block!important;position:static!important}.search-input-wrapper .search-icon{position:static!important;margin:0!important;left:auto!important;top:auto!important;transform:none!important}.sidebar-search-input{background:transparent!important;border:none!important;color:#1a1a1a;font-size:13px!important;width:100%!important;outline:none!important;padding:0!important;margin:0!important;flex:1!important;min-width:0!important;display:block!important}[data-theme=midnight] .sidebar-search-input{color:#e4e4e7}.search-shortcut{font-size:9px;color:#a1a1aa;font-weight:600;padding:2px 4px;background:#0000000d;border-radius:4px;margin-right:4px;flex-shrink:0}[data-theme=midnight] .search-shortcut{background:#ffffff14}.sidebar-scroll-area{flex:1;overflow-y:auto;padding:0 8px}.sidebar-section{margin-bottom:12px}.sidebar-section-header{display:flex;align-items:center;justify-content:space-between;padding:4px 10px;cursor:pointer}.sidebar-section-header .section-title{font-size:11px;font-weight:600;color:#8a8a8a;letter-spacing:.02em;text-transform:uppercase}[data-theme=midnight] .sidebar-section-header .section-title{color:#71717a}.sidebar-nav-item{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;color:#4a4a4a;transition:all .15s ease;margin-bottom:1px}[data-theme=midnight] .sidebar-nav-item{color:#d1d1d6}.sidebar-nav-item:hover{background:#f0f0f0;color:#000}[data-theme=midnight] .sidebar-nav-item:hover{background:#ffffff14;color:#fff}.sidebar-nav-item.active{background:#f0f0f0;color:#111;font-weight:600}.sidebar-sub-menu{border-left:1px solid rgba(0,0,0,.06);margin-left:18px;margin-top:2px;margin-bottom:4px}[data-theme=midnight] .sidebar-sub-menu{border-left:1px solid rgba(255,255,255,.06)}.sidebar-sub-menu .sidebar-nav-item{padding-left:20px;font-size:12.5px;margin-bottom:0}.sidebar-search-container{padding:0 10px 12px}.search-input-wrapper{position:relative;display:flex;align-items:center;background:#f1f1f1;border:1px solid #e1e1e1;border-radius:6px;padding:0 8px;height:30px;transition:all .2s}[data-theme=midnight] .search-input-wrapper{background:#18181b;border:1px solid #27272a}.search-input-wrapper:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}[data-theme=midnight] .search-input-wrapper:focus-within{background:#09090b;border-color:#3b82f6}.sidebar-search-input::placeholder{color:#a1a1aa;font-size:12px}[data-theme=midnight] .sidebar-nav-item.active{background:#ffffff1f;color:#fff}.sidebar-nav-item svg{color:#666;stroke-width:2px}[data-theme=midnight] .sidebar-nav-item svg{color:#a1a1aa}.sidebar-nav-item:hover svg,.sidebar-nav-item.active svg{color:#000}[data-theme=midnight] .sidebar-nav-item:hover svg,[data-theme=midnight] .sidebar-nav-item.active svg{color:#fff}.nav-item-star{margin-left:auto;width:14px!important;height:14px!important;color:#ff9500!important;opacity:.3}.nav-item-star.active{opacity:1!important}.sidebar-profile-footer{padding:12px 8px;border-top:1px solid rgba(0,0,0,.06);background:#fcfcfc}[data-theme=midnight] .sidebar-profile-footer{border-top:1px solid rgba(255,255,255,.1);background:#09090b}.profile-content{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px;cursor:pointer;transition:background .2s}.profile-content:hover{background:#0000000a}[data-theme=midnight] .profile-content:hover{background:#ffffff0d}.profile-avatar{width:32px;height:32px;border-radius:8px;overflow:hidden;background:#eef2ff;border:1px solid rgba(0,0,0,.05)}.profile-details{flex:1;min-width:0}.profile-name{font-size:13px;font-weight:600;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=midnight] .profile-name{color:#fff}.profile-email{font-size:12px;color:#71717a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-header-v3{grid-area:header;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#fcfcfc;border-bottom:1px solid rgba(0,0,0,.06);height:52px;position:sticky;top:0;z-index:1000;font-family:Inter,-apple-system,system-ui,sans-serif;gap:16px;transition:all .2s ease}[data-theme=midnight] .dashboard-header-v3{background:#09090b;border-bottom:1px solid rgba(255,255,255,.08)}.header-left-section{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:1px solid rgba(0,0,0,.08);background:transparent;color:#555;cursor:pointer}[data-theme=midnight] .mobile-menu-btn{border-color:#ffffff1a;color:#ccc}@media(max-width:1024px){.mobile-menu-btn{display:flex!important}}.header-title-group{display:flex;align-items:center;gap:10px;min-width:0}.title-icon{display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}[data-theme=midnight] .title-icon{color:#999}.title-text{display:flex;flex-direction:column;min-width:0}.header-title-main{font-size:13.5px;font-weight:600;color:#1a1a1a;margin:0;letter-spacing:-.01em}[data-theme=midnight] .header-title-main{color:#fff}.header-breadcrumb{font-size:11px;color:#888;font-weight:450}.header-right-section,.header-button-group{display:flex;align-items:center;gap:8px}.header-btn{display:flex;align-items:center;gap:6px;padding:0 10px;height:32px;border-radius:6px;font-size:12.5px;font-weight:500;cursor:pointer;transition:all .15s ease;border:1px solid transparent}.header-btn-secondary{background:transparent;color:#555}[data-theme=midnight] .header-btn-secondary{color:#aaa}.header-btn-secondary:hover{background:#0000000a}[data-theme=midnight] .header-btn-secondary:hover{background:#ffffff0d}.header-btn-primary{background:#000;color:#fff;border:1px solid #000}[data-theme=midnight] .header-btn-primary{background:#fff;color:#000;border-color:#fff}.header-btn-primary:hover{opacity:.9}.header-btn-icon{width:32px;height:32px;padding:0;justify-content:center;color:#666;background:transparent}[data-theme=midnight] .header-btn-icon{color:#999}.header-btn-icon:hover{background:#0000000a;color:#1a1a1a}[data-theme=midnight] .header-btn-icon:hover{background:#ffffff0d;color:#fff}.header-brand-dropdown{position:relative}.header-brand-toggle{display:flex;align-items:center;gap:10px;padding:0 12px;height:36px;border-radius:10px;border:1px solid rgba(0,0,0,.08);background:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d;min-width:160px}[data-theme=midnight] .header-brand-toggle{background:#18181b;border-color:#ffffff14;box-shadow:0 1px 2px #0003}.header-brand-toggle:hover{border-color:#00000026;background:#fafafa;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}[data-theme=midnight] .header-brand-toggle:hover{border-color:#ffffff26;background:#27272a;box-shadow:0 4px 6px -1px #0000004d}.header-brand-swatch{width:8px;height:8px;border-radius:50%;flex-shrink:0}.header-brand-logo{width:24px;height:24px;border-radius:8px;flex-shrink:0;object-fit:contain;display:block;opacity:1;transition:none;background:#fff!important;padding:2px;border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 3px #0000001a}.header-brand-placeholder{width:24px;height:24px;border-radius:8px;flex-shrink:0;background:#fff!important;border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 3px #0000001a}.header-brand-name{flex:1;text-align:left;font-size:13px;font-weight:500;color:#374151;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=midnight] .header-brand-name{color:#e5e7eb}.header-chevron{color:#999}.header-brand-menu{position:absolute;top:calc(100% + 8px);right:0;width:280px;max-width:calc(100vw - 32px);background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:1001;overflow:hidden;animation:menuDropdownEnter .25s cubic-bezier(.16,1,.3,1) forwards;transform-origin:top center;max-height:calc(100vh - 80px)}[data-theme=midnight] .header-brand-menu{background:#18181b;border-color:#ffffff14;box-shadow:0 20px 25px -5px #0006}@keyframes menuDropdownEnter{0%{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.brand-menu-header{padding:12px 14px;border-bottom:1px solid rgba(0,0,0,.04);background:#00000003}[data-theme=midnight] .brand-menu-header{background:#ffffff03;border-bottom-color:#ffffff0d}.brand-menu-header h3{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#6b7280;margin:0}[data-theme=midnight] .brand-menu-header h3{color:#9ca3af}.brand-menu-list{max-height:min(300px,calc(100vh - 140px));overflow-y:auto;padding:8px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.brand-menu-list::-webkit-scrollbar{width:6px}.brand-menu-list::-webkit-scrollbar-track{background:transparent}.brand-menu-list::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.brand-menu-list::-webkit-scrollbar-thumb:hover{background:#0000004d}[data-theme=midnight] .brand-menu-list{scrollbar-color:rgba(255,255,255,.2) transparent}[data-theme=midnight] .brand-menu-list::-webkit-scrollbar-thumb{background:#fff3}[data-theme=midnight] .brand-menu-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.brand-menu-item-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 10px;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);margin-bottom:2px}.brand-menu-item-row:hover{background:#4f46e50d}[data-theme=midnight] .brand-menu-item-row:hover{background:#ffffff0a}.brand-menu-item-row.active{background:#4f46e514;box-shadow:inset 0 0 0 1px #4f46e51a}[data-theme=midnight] .brand-menu-item-row.active{background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff1a}.brand-menu-item-main{display:flex;align-items:center;gap:12px;flex:1}.brand-menu-swatch{width:12px;height:12px;border-radius:4px;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.brand-menu-logo{width:28px;height:28px;border-radius:8px;flex-shrink:0;object-fit:contain;box-shadow:0 2px 4px #0000001a;display:block;opacity:1;transition:none;background:#fff!important;padding:3px;border:1px solid rgba(0,0,0,.08)}.brand-menu-placeholder{width:28px;height:28px;border-radius:8px;flex-shrink:0;background:#fff!important;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 4px #0000001a}.brand-menu-info{display:flex;flex-direction:column}.brand-menu-name{font-size:13px;font-weight:500;color:#111827}[data-theme=midnight] .brand-menu-name{color:#f9fafb}.brand-menu-actions{display:flex;align-items:center;gap:8px;padding-left:8px}.default-pill{display:flex;align-items:center;gap:4px;padding:2px 8px;background:#f59e0b1a;color:#f59e0b;border-radius:10px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.2px}.set-default-btn{display:flex;align-items:center;gap:4px;padding:2px 8px;background:#0000000d;color:#6b7280;border:none;border-radius:10px;font-size:10px;font-weight:500;cursor:pointer;transition:all .2s ease}[data-theme=midnight] .set-default-btn{background:#ffffff0d;color:#9ca3af}.set-default-btn:hover{background:#f59e0b1a;color:#f59e0b;transform:translateY(-1px)}.active-zap{color:#4f46e5;display:flex;align-items:center;justify-content:center;animation:zap-glow 2s infinite alternate}[data-theme=midnight] .active-zap{color:#818cf8}@keyframes zap-glow{0%{filter:drop-shadow(0 0 1px currentColor)}to{filter:drop-shadow(0 0 4px currentColor)}}.brand-menu-item-row.active{background:#4f46e50d}.brand-menu-footer{padding:8px;background:#00000003;border-top:1px solid rgba(0,0,0,.04)}[data-theme=midnight] .brand-menu-footer{background:#ffffff03;border-top-color:#ffffff0d}.brand-menu-add{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:8px;border-radius:8px;border:1px dashed #d1d5db;background:transparent;color:#4b5563;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}[data-theme=midnight] .brand-menu-add{border-color:#374151;color:#9ca3af}.brand-menu-add:hover{border-style:solid;border-color:#4f46e5;background:#4f46e50a;color:#4f46e5}[data-theme=midnight] .header-brand-logo,[data-theme=midnight] .brand-menu-logo,[data-theme=midnight] .header-brand-placeholder,[data-theme=midnight] .brand-menu-placeholder{background:#fff!important;border-color:#ffffff1a;box-shadow:0 1px 3px #0000004d}@media(max-width:640px){.header-brand-menu{right:-20px;left:-20px;width:auto;max-width:calc(100vw - 16px)}.brand-menu-list{max-height:min(250px,calc(100vh - 160px))}}.notification-bell{position:relative}.notification-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;background:#ef4444;border-radius:50%;border:1.5px solid #fff}[data-theme=midnight] .notification-dot{border-color:#09090b}@media(max-width:768px){.header-brand-dropdown{display:none}.header-right-section{gap:4px}.header-title-main{font-size:12px}}.integrations-container{width:100%}.integrations-header{margin-bottom:24px;padding-bottom:14px;border-bottom:1px solid var(--border-color)}.integrations-title{font-size:20px;font-weight:800;letter-spacing:-.02em;margin:0 0 4px}.integrations-subtitle{font-size:13px;color:var(--text-secondary);margin:0}.integrations-grid{display:grid;grid-template-columns:1fr;gap:14px}.integration-card{background:var(--card-bg);border:1px solid var(--glass-border);border-radius:12px;padding:20px 24px;transition:border-color .15s ease;position:relative;display:flex;flex-direction:column;box-shadow:var(--card-shadow);animation:intSlideUp .2s ease-out forwards}.integration-card:nth-child(2){animation-delay:.03s}.integration-card:nth-child(3){animation-delay:.06s}.integration-card:nth-child(4){animation-delay:.09s}@keyframes intSlideUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.integration-card.connected{border-color:#10b9814d}.integration-card.coming-soon{opacity:.45;filter:grayscale(.6);pointer-events:none}.card-header-compact{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px}.integration-card.coming-soon .card-header-compact{margin-bottom:0}.card-icon-label{display:flex;align-items:center;gap:12px}.card-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:rgba(var(--text-primary-rgb),.04);border:1px solid var(--glass-border);font-size:18px;flex-shrink:0}.card-icon svg{width:18px;height:18px}.card-info{min-width:0}.card-info .card-title,.card-name{font-size:14px;font-weight:700;margin:0}.status-badge{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;flex-shrink:0}.status-badge svg{width:16px;height:16px}.status-badge.connected{color:#10b981}.status-badge.disconnected{color:var(--text-secondary);opacity:.4}.badge-soon{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:4px;background:rgba(var(--text-primary-rgb),.06);color:var(--text-secondary)}.integration-message{padding:8px 12px;border-radius:8px;font-size:12px;font-weight:500;line-height:1.4;margin-bottom:12px}.integration-message-success{background:#10b98114;border:1px solid rgba(16,185,129,.2);color:#10b981}.integration-message-error{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#ef4444}.integration-form-compact{display:flex;flex-direction:column;gap:12px;margin-top:12px}.form-group-compact{display:flex;flex-direction:column;gap:5px}.form-label-compact{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.password-input-wrapper-compact{position:relative;display:flex;align-items:center}.form-input-compact,.input-field-compact{background:var(--input-bg);border:1px solid var(--glass-border);border-radius:8px;padding:9px 12px;font-size:13px;color:var(--text-primary);outline:none;width:100%;font-family:inherit;transition:border-color .15s,box-shadow .15s}.form-input-compact:focus,.input-field-compact:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb),.08)}.password-input-wrapper-compact .form-input-compact{padding-right:40px}.password-toggle-compact{position:absolute;right:8px;background:none;border:none;cursor:pointer;font-size:14px;padding:2px;opacity:.5;transition:opacity .15s;line-height:1}.password-toggle-compact:hover{opacity:1}.btn-connect-compact{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border-radius:8px;font-size:13px;font-weight:600;background:var(--brand-primary);color:#fff;border:none;cursor:pointer;transition:filter .15s,transform .15s;width:100%}.btn-connect-compact:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn-connect-compact:disabled{opacity:.5;cursor:not-allowed}.btn-connect-compact svg{width:14px;height:14px}.btn-primary-compact{display:flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;background:var(--brand-primary);color:#fff;border:none;cursor:pointer;transition:filter .15s;white-space:nowrap;flex-shrink:0}.btn-primary-compact:hover:not(:disabled){filter:brightness(1.1)}.btn-primary-compact:disabled{opacity:.4;cursor:not-allowed}.btn-disconnect-compact{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;background:#ef444414;color:#ef4444;border:1px solid rgba(239,68,68,.15);cursor:pointer;transition:all .15s;margin-top:4px;align-self:flex-start}.btn-disconnect-compact:hover:not(:disabled){background:#ef4444;color:#fff}.btn-disconnect-compact:disabled{opacity:.5;cursor:not-allowed}.btn-disconnect-compact svg{width:13px;height:13px}.connected-state-compact{display:flex;flex-direction:column;gap:14px;margin-top:12px}.figma-user-section{display:flex;flex-direction:column;gap:14px}.user-info{display:flex;flex-direction:column;gap:2px;padding:10px 14px;background:#10b9810a;border:1px solid rgba(16,185,129,.12);border-radius:8px}.user-name{font-size:13px;font-weight:600;color:var(--text-primary)}.user-email{font-size:12px;color:var(--text-secondary)}.project-input-section{display:flex;flex-direction:column;gap:5px}.project-input-row{display:flex;gap:8px}.project-input-hint{font-size:11px;color:var(--text-secondary);opacity:.6;margin:2px 0 0}.files-loading{display:flex;align-items:center;gap:8px;padding:12px 14px;font-size:12px;color:var(--text-secondary);background:rgba(var(--text-primary-rgb),.02);border-radius:8px}.files-loading svg{width:14px;height:14px;animation:intSpin 1s linear infinite}@keyframes intSpin{to{transform:rotate(360deg)}}.files-preview{display:flex;flex-direction:column;gap:6px}.files-list{display:flex;flex-direction:column;gap:4px}.file-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:rgba(var(--text-primary-rgb),.02);border:1px solid var(--glass-border);border-radius:6px;font-size:12px}.file-name{font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.file-date{font-size:11px;color:var(--text-secondary);opacity:.6;flex-shrink:0;margin-left:12px}.file-more{padding:6px 12px;font-size:11px;color:var(--text-secondary);text-align:center;opacity:.6}.no-files-state{padding:12px;font-size:12px;color:var(--text-secondary);text-align:center;opacity:.6}.card-actions{display:flex;gap:8px}.card-description-text{font-size:12px;color:var(--text-secondary);line-height:1.4;margin-bottom:14px;flex:1}.integration-btn{flex:1;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:12px;font-weight:600;transition:all .15s;cursor:pointer;border:none;gap:6px}.integration-btn-primary{background:var(--brand-primary);color:#fff}.integration-btn-secondary{background:rgba(var(--text-primary-rgb),.05);color:var(--text-primary);border:1px solid var(--glass-border)}.integration-btn-danger{background:transparent;color:#ef4444}.integration-config{margin-top:12px;padding-top:12px;border-top:1px dashed var(--border-color);display:flex;flex-direction:column;gap:8px}.config-item{display:flex;flex-direction:column;gap:4px}.config-label{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--text-secondary)}.settings-container-modern{display:flex;height:100%;background:var(--app-bg);color:var(--text-primary);font-family:var(--font-sans);overflow:hidden}.settings-sidebar{width:200px;background:rgba(var(--text-primary-rgb),.015);border-right:1px solid var(--border-color);padding:20px 10px;display:flex;flex-direction:column;flex-shrink:0}.settings-sidebar-title{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);margin:0 0 14px 12px;opacity:.5}.settings-nav{display:flex;flex-direction:column;gap:1px}.settings-nav-item{display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:7px;font-size:13px;font-weight:500;color:var(--text-secondary);transition:all .12s ease;background:transparent;border:none;cursor:pointer;text-align:left;width:100%}.settings-nav-item:hover{color:var(--text-primary);background:rgba(var(--brand-primary-rgb),.06)}.settings-nav-item.active{color:var(--brand-primary);background:rgba(var(--brand-primary-rgb),.1);font-weight:600}.settings-nav-item svg{width:15px;height:15px;opacity:.6;flex-shrink:0}.settings-nav-item.active svg{opacity:1}.settings-main-content{flex:1;padding:24px 36px;overflow-y:auto;scroll-behavior:smooth}.settings-section{max-width:640px;width:100%;animation:settingsFadeIn .12s ease-out}@keyframes settingsFadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.section-header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.section-title{font-size:17px;font-weight:700;letter-spacing:-.01em;margin:0;white-space:nowrap}.section-description{font-size:12px;color:var(--text-secondary);margin:0;text-align:right;flex-shrink:1}.settings-card{background:var(--card-bg);border:1px solid var(--glass-border);border-radius:10px;padding:16px 18px;margin-bottom:10px;box-shadow:var(--card-shadow)}.settings-card.danger{border-color:#ef444433;background:#ef444405}.settings-card.danger .card-icon{color:#ef4444}.card-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.settings-card .card-header:not(:last-child){margin-bottom:14px}.card-title-group{display:flex;align-items:center;gap:10px;min-width:0}.card-icon{width:16px;height:16px;color:var(--brand-primary);flex-shrink:0}.card-title{font-size:13px;font-weight:600;margin:0 0 1px}.card-description{font-size:11px;color:var(--text-secondary);line-height:1.3;margin:0}.settings-form{display:flex;flex-direction:column;gap:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-group.full-width{grid-column:1 / -1}.form-group{display:flex;flex-direction:column;gap:4px}.form-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.form-input,.form-textarea{background:var(--input-bg);border:1px solid var(--glass-border);border-radius:7px;padding:8px 11px;font-size:13px;color:var(--text-primary);transition:border-color .12s,box-shadow .12s;outline:none;width:100%;font-family:inherit}.form-textarea{resize:vertical;min-height:64px}.form-input:focus,.form-textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px rgba(var(--brand-primary-rgb),.07)}.form-input.disabled,.form-input:disabled{opacity:.45;cursor:not-allowed;background:rgba(var(--text-primary-rgb),.03)}.form-hint{font-size:11px;color:var(--text-secondary);opacity:.6;margin:0}.form-message{padding:8px 12px;border-radius:7px;font-size:12px;font-weight:500;line-height:1.4}.form-message-success{background:#22c55e12;border:1px solid rgba(34,197,94,.18);color:#22c55e}.form-message-error{background:#ef444412;border:1px solid rgba(239,68,68,.18);color:#ef4444}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .form-input{padding-right:38px}.password-toggle{position:absolute;right:6px;background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:3px;display:flex;align-items:center;justify-content:center;border-radius:4px;opacity:.45;transition:opacity .12s}.password-toggle:hover{opacity:1}.password-toggle svg{width:15px;height:15px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:7px 16px;border-radius:7px;font-size:12px;font-weight:600;transition:all .12s ease;cursor:pointer;border:none;gap:5px;white-space:nowrap;flex-shrink:0}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--brand-primary);color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-secondary{background:rgba(var(--text-primary-rgb),.05);color:var(--text-primary);border:1px solid var(--glass-border)}.btn-secondary:hover:not(:disabled){background:rgba(var(--text-primary-rgb),.09)}.btn-danger{background:#ef444414;color:#ef4444;border:1px solid rgba(239,68,68,.18)}.btn-danger:hover:not(:disabled){background:#ef4444;color:#fff}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.theme-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 10px;border-radius:8px;background:rgba(var(--text-primary-rgb),.02);border:2px solid var(--glass-border);cursor:pointer;transition:all .12s ease;font-size:11px;font-weight:600;color:var(--text-secondary)}.theme-option:hover:not(:disabled){border-color:rgba(var(--brand-primary-rgb),.25);background:rgba(var(--brand-primary-rgb),.03)}.theme-option.active{border-color:var(--brand-primary);color:var(--brand-primary);background:rgba(var(--brand-primary-rgb),.05)}.theme-preview{width:100%;height:36px;border-radius:5px;border:1px solid var(--glass-border)}.theme-preview.dark{background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#2d2d44)}.theme-preview.light{background:linear-gradient(135deg,#fff,#f5f5f7,#e8e8ec)}.theme-preview.auto{background:linear-gradient(135deg,#1a1a2e,#1a1a2e 50%,#f5f5f7 50%,#fff)}.notification-options{display:flex;flex-direction:column;gap:6px}.notification-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:rgba(var(--text-primary-rgb),.02);border-radius:7px;border:1px solid var(--glass-border);gap:12px}.notification-label{font-size:12px;font-weight:600;margin:0 0 1px;color:var(--text-primary)}.notification-hint{font-size:11px;color:var(--text-secondary);margin:0;opacity:.6}.notification-item .checkbox,.notification-item input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:34px;height:18px;background:rgba(var(--text-primary-rgb),.14);border-radius:9px;position:relative;cursor:pointer;transition:background .15s;flex-shrink:0}.notification-item .checkbox:after,.notification-item input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform .15s;box-shadow:0 1px 2px #0003}.notification-item .checkbox:checked,.notification-item input[type=checkbox]:checked{background:var(--brand-primary)}.notification-item .checkbox:checked:after,.notification-item input[type=checkbox]:checked:after{transform:translate(16px)}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.linked-accounts{display:flex;flex-direction:column;gap:6px}.linked-account-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:rgba(var(--text-primary-rgb),.02);border-radius:7px;border:1px solid var(--glass-border);font-size:12px;font-weight:500}.db-status-header-row{align-items:flex-start}.db-status-grid{display:grid;grid-template-columns:1fr;gap:8px}.db-status-card{margin-bottom:0}.db-status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.db-status-label{font-size:12px;font-weight:600;color:var(--text-primary)}.db-status-pill{font-size:10px;font-weight:700;letter-spacing:.03em;border-radius:999px;padding:3px 8px;border:1px solid transparent}.db-status-pill.ok{color:#22c55e;background:#22c55e14;border-color:#22c55e33}.db-status-pill.fail{color:#ef4444;background:#ef444414;border-color:#ef444433}.db-status-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--text-secondary);opacity:.85}.db-status-usage{margin-top:6px;font-size:11px;color:var(--text-secondary);opacity:.95}.loading-skeleton{display:flex;flex-direction:column;gap:8px}.skeleton-line{background:linear-gradient(90deg,rgba(var(--text-primary-rgb),.04) 25%,rgba(var(--text-primary-rgb),.07),rgba(var(--text-primary-rgb),.04) 75%);background-size:200% 100%;animation:skeletonPulse 1.5s infinite;border-radius:5px}.skeleton-form-item{width:100%;height:38px}@keyframes skeletonPulse{to{background-position:-200% 0}}@media(max-width:768px){.settings-container-modern{flex-direction:column}.settings-sidebar{width:100%;flex-direction:row;padding:10px;border-right:none;border-bottom:1px solid var(--border-color);overflow-x:auto}.settings-sidebar-title{display:none}.settings-nav{flex-direction:row;gap:2px;width:100%}.settings-nav-item{padding:7px 10px;font-size:12px;white-space:nowrap}.settings-main-content{padding:16px 14px}.section-header{flex-direction:column;gap:2px}.section-description{text-align:left}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:1}.theme-options{grid-template-columns:1fr}}.templates-manager{padding:0}.templates-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.templates-tabs{display:flex;gap:4px;background:var(--card-bg, rgba(255,255,255,.03));border:1px solid var(--glass-border, rgba(255,255,255,.06));border-radius:10px;padding:3px}.templates-tab{display:flex;align-items:center;gap:6px;padding:6px 14px;border:none;background:transparent;color:var(--text-secondary, rgba(255,255,255,.5));font-size:12px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.templates-tab:hover{color:var(--text-primary, #fff);background:#ffffff0a}.templates-tab.active{color:var(--text-primary, #fff);background:var(--brand-primary, #6366f1);box-shadow:0 2px 8px #6366f14d}.tab-count{font-size:10px;background:#ffffff1a;padding:1px 6px;border-radius:10px;min-width:18px;text-align:center}.templates-tab.active .tab-count{background:#fff3}.templates-search{display:flex;align-items:center;gap:8px;background:var(--card-bg, rgba(255,255,255,.03));border:1px solid var(--glass-border, rgba(255,255,255,.06));border-radius:8px;padding:6px 12px;min-width:200px}.templates-search input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary, #fff);font-size:12px}.templates-search input::placeholder{color:var(--text-secondary, rgba(255,255,255,.4))}.search-clear{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:2px;display:flex;align-items:center;border-radius:4px}.search-clear:hover{color:var(--text-primary);background:#ffffff14}.templates-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.templates-empty .empty-icon{width:64px;height:64px;border-radius:16px;background:var(--card-bg, rgba(255,255,255,.03));border:1px solid var(--glass-border, rgba(255,255,255,.06));display:flex;align-items:center;justify-content:center;color:var(--text-secondary);margin-bottom:16px}.templates-empty h3{font-size:16px;font-weight:600;color:var(--text-primary, #fff);margin:0 0 8px}.templates-empty p{font-size:13px;color:var(--text-secondary, rgba(255,255,255,.5));max-width:400px;line-height:1.5;margin:0}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.template-card{position:relative;background:var(--card-bg, rgba(255,255,255,.03));border:1px solid var(--glass-border, rgba(255,255,255,.06));border-radius:12px;overflow:hidden;transition:all .25s ease}.template-card:hover{border-color:var(--brand-primary, #6366f1);box-shadow:0 4px 20px #6366f11f;transform:translateY(-2px)}.template-preview{position:relative;width:100%;height:180px;overflow:hidden;cursor:pointer;background:var(--input-bg, rgba(0,0,0,.2))}.template-preview-img{width:100%;height:100%;object-fit:cover}.template-preview-iframe{width:200%;height:200%;border:none;pointer-events:none;transform:scale(.5);transform-origin:top left}.template-preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#0009;color:#fff;font-size:12px;font-weight:500;opacity:0;transition:opacity .2s ease}.template-preview:hover .template-preview-overlay{opacity:1}.template-info{padding:12px}.template-info-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:4px}.template-name{font-size:13px;font-weight:600;color:var(--text-primary, #fff);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.template-desc{font-size:11px;color:var(--text-secondary, rgba(255,255,255,.5));margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.template-category-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;font-size:10px;font-weight:500;background:#6366f11f;color:var(--brand-primary, #6366f1);border:1px solid rgba(99,102,241,.2)}.template-category-badge svg{width:10px;height:10px}.template-date{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--text-secondary, rgba(255,255,255,.4))}.template-menu-wrapper{position:relative}.template-menu-btn{background:none;border:none;color:var(--text-secondary, rgba(255,255,255,.4));cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center}.template-menu-btn:hover{color:var(--text-primary);background:#ffffff0f}.template-dropdown{position:absolute;right:0;top:100%;z-index:20;background:var(--card-bg, #1e1e2e);border:1px solid var(--glass-border, rgba(255,255,255,.1));border-radius:8px;padding:4px;min-width:140px;box-shadow:0 8px 24px #0006}.template-dropdown button{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;border:none;background:transparent;color:var(--text-primary, #fff);font-size:12px;border-radius:4px;cursor:pointer;text-align:left}.template-dropdown button:hover{background:#ffffff0f}.template-dropdown button.danger{color:#ef4444}.template-dropdown button.danger:hover{background:#ef44441a}.template-use-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border:none;background:var(--brand-primary, #6366f1);color:#fff;font-size:12px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease}.template-use-btn:hover{filter:brightness(1.1);box-shadow:0 2px 12px #6366f14d}.template-delete-confirm{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:10;border-radius:12px}.template-delete-confirm p{color:#fff;font-size:13px;font-weight:500;margin:0}.confirm-actions{display:flex;gap:8px}.confirm-actions button{padding:6px 16px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer}.confirm-actions .cancel{background:#ffffff1a;color:#fff}.confirm-actions .delete{background:#ef4444;color:#fff}.active-template-banner{display:flex;align-items:center;gap:12px;padding:10px 14px;margin-bottom:16px;background:#6366f114;border:1px solid rgba(99,102,241,.2);border-radius:10px}.template-banner-preview{width:48px;height:36px;border-radius:6px;overflow:hidden;background:var(--input-bg, rgba(0,0,0,.2));flex-shrink:0}.template-banner-preview img,.template-banner-preview iframe{width:200%;height:200%;border:none;pointer-events:none;transform:scale(.5);transform-origin:top left}.template-banner-info{flex:1;display:flex;flex-direction:column;gap:2px}.template-banner-label{font-size:10px;font-weight:600;color:var(--brand-primary, #6366f1);text-transform:uppercase;letter-spacing:.5px}.template-banner-name{font-size:13px;font-weight:500;color:var(--text-primary, #fff)}.template-banner-clear{background:none;border:none;color:var(--text-secondary, rgba(255,255,255,.4));cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center}.template-banner-clear:hover{color:#ef4444;background:#ef44441a}.template-quick-picker{margin-bottom:16px;padding:14px;background:var(--card-bg, rgba(255,255,255,.02));border:1px solid var(--glass-border, rgba(255,255,255,.06));border-radius:10px}.picker-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;font-weight:600;color:var(--text-secondary, rgba(255,255,255,.6))}.view-all-link{margin-left:auto;background:none;border:none;color:var(--brand-primary, #6366f1);font-size:11px;cursor:pointer;font-weight:500}.view-all-link:hover{text-decoration:underline}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.picker-card{background:var(--input-bg, rgba(0,0,0,.15));border:1px solid var(--glass-border, rgba(255,255,255,.06));border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s ease;padding:0}.picker-card:hover{border-color:var(--brand-primary, #6366f1);box-shadow:0 2px 12px #6366f126}.picker-card-preview{width:100%;height:72px;overflow:hidden;background:#0003}.picker-card-preview img,.picker-card-preview iframe{width:300%;height:300%;border:none;pointer-events:none;transform:scale(.333);transform-origin:top left}.picker-card-name{display:block;padding:6px 8px;font-size:10px;font-weight:500;color:var(--text-primary, #fff);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-category-picker{display:flex;flex-wrap:wrap;gap:6px}.category-chip{display:flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid var(--glass-border, rgba(255,255,255,.1));background:transparent;color:var(--text-secondary, rgba(255,255,255,.5));font-size:12px;border-radius:8px;cursor:pointer;transition:all .2s ease}.category-chip:hover{color:var(--text-primary, #fff);border-color:var(--brand-primary, #6366f1)}.category-chip.active{background:var(--brand-primary, #6366f1);color:#fff;border-color:var(--brand-primary, #6366f1)}@media(max-width:768px){.templates-controls{flex-direction:column;gap:10px}.templates-tabs{overflow-x:auto;width:100%}.templates-search{width:100%}.templates-grid{grid-template-columns:1fr 1fr}.picker-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.templates-grid{grid-template-columns:1fr}.picker-grid{grid-template-columns:repeat(2,1fr)}}.design-canvas-outer{width:100%;height:100%;background:#1a1a1a;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:12px}.canvas-toolbar{position:absolute;top:16px;right:16px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:6px 12px;border-radius:99px;display:flex;align-items:center;gap:12px;z-index:10;font-size:12px;color:#999}.canvas-toolbar button{background:transparent;border:none;color:#fff;cursor:pointer;font-size:16px;padding:4px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s}.canvas-toolbar button:hover{color:#3b82f6;transform:scale(1.1)}.design-canvas-inner{background:#fff;box-shadow:0 20px 50px #00000080;transform-origin:center center;flex-shrink:0;position:relative;transition:transform .3s cubic-bezier(.16,1,.3,1)}.design-canvas-inner.is-streaming:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#fff0,#3b82f60d,#fff0);background-size:200% 100%;animation:canvas-shimmer 2s infinite linear;pointer-events:none}@keyframes canvas-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.canvas-dims{border-right:1px solid rgba(255,255,255,.1);padding-right:10px;font-weight:500}.canvas-zoom{color:#fff;font-weight:600}.canvas-actions{display:flex;align-items:center;gap:8px;margin-left:8px}.canvas-download{margin-left:8px;padding-left:12px!important;border-left:1px solid rgba(255,255,255,.1)!important;border-radius:0!important}.canvas-download:hover{color:#10b981!important}.social-canvas-outer{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0a0c;position:relative;overflow:hidden;padding:40px}.social-canvas-toolbar{position:absolute;top:24px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);padding:12px 20px;border-radius:16px;z-index:10}.social-canvas-meta{display:flex;align-items:center;gap:16px}.platform-badge{background:linear-gradient(135deg,#ae3134,#ff4d4d);color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;padding:4px 10px;border-radius:6px;letter-spacing:.5px}.canvas-dims{color:#ffffff80;font-size:13px;font-variant-numeric:tabular-nums}.canvas-actions{display:flex;align-items:center;gap:24px}.zoom-controls{display:flex;align-items:center;gap:12px;background:#0003;padding:4px;border-radius:10px}.zoom-controls button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;color:#fff;border-radius:6px;cursor:pointer;font-size:18px;transition:all .2s}.zoom-controls button:hover{background:#fff3}.zoom-value{color:#fff;font-size:13px;min-width:45px;text-align:center;font-weight:600}.export-group{display:flex;gap:8px}.export-btn{padding:8px 16px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;border:none;transition:all .2s}.export-btn.png{background:#fff;color:#000}.export-btn.png:hover{background:#e0e0e0;transform:translateY(-1px)}.export-btn.jpg{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.export-btn.jpg:hover{background:#fff3}.social-canvas-inner{position:relative;background:#fff;transform-origin:center center;transition:transform .1s ease-out;flex-shrink:0}.social-canvas-inner.is-streaming:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(90deg,#ae3134,#ff4d4d,#ae3134);background-size:200% 100%;animation:border-flow 2s linear infinite;z-index:-1;border-radius:2px}@keyframes border-flow{0%{background-position:200% 0}to{background-position:0 0}}.social-canvas-hint{position:absolute;bottom:30px;color:#ffffff4d;font-size:12px;letter-spacing:1px;text-transform:uppercase}