/*! tailwindcss v4.1.11 | 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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@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-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-500:oklch(70.5% .213 47.604);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-900:oklch(42.1% .095 57.708);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-stone-200:oklch(92.3% .003 48.717);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--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;-o-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}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::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}:-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{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.fixed\!{position:fixed!important}.relative{position:relative}.static{position:static}.sticky{position:sticky}.-top-1{top:calc(var(--spacing)*-1)}.-right-1{right:calc(var(--spacing)*-1)}.right-0{right:calc(var(--spacing)*0)}.right-4{right:calc(var(--spacing)*4)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-4{bottom:calc(var(--spacing)*4)}.left-0{left:calc(var(--spacing)*0)}.left-4{left:calc(var(--spacing)*4)}.isolate{isolation:isolate}.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}}.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-8{margin-top:calc(var(--spacing)*8)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-3{margin-right:calc(var(--spacing)*3)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.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-0{margin-left:calc(var(--spacing)*0)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-3{margin-left:calc(var(--spacing)*3)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.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-12{height:calc(var(--spacing)*12)}.h-full{height:100%}.min-h-96{min-height:calc(var(--spacing)*96)}.min-h-screen{min-height:100vh}.w-0{width:calc(var(--spacing)*0)}.w-2{width:calc(var(--spacing)*2)}.w-3{width:calc(var(--spacing)*3)}.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-12{width:calc(var(--spacing)*12)}.w-64{width:calc(var(--spacing)*64)}.w-full{width:100%}.flex-1{flex:1}.flex-shrink,.shrink{flex-shrink:1}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.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-not-allowed{cursor:not-allowed}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}: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-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-6>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*6)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-x-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-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-blue-200{border-color:var(--color-blue-200)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-green-200{border-color:var(--color-green-200)}.border-orange-200{border-color:var(--color-orange-200)}.border-red-200{border-color:var(--color-red-200)}.border-red-300{border-color:var(--color-red-300)}.border-stone-200{border-color:var(--color-stone-200)}.border-transparent{border-color:#0000}.border-yellow-200{border-color:var(--color-yellow-200)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-white{background-color:var(--color-white)}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from:var(--color-blue-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-gray-50{--tw-gradient-from:var(--color-gray-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-blue-100{--tw-gradient-to:var(--color-blue-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-gray-100{--tw-gradient-to:var(--color-gray-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-10{padding:calc(var(--spacing)*10)}.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-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-blue-600{color:var(--color-blue-600)}.text-blue-800{color:var(--color-blue-800)}.text-blue-900{color:var(--color-blue-900)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-green-800{color:var(--color-green-800)}.text-green-900{color:var(--color-green-900)}.text-red-600{color:var(--color-red-600)}.text-red-800{color:var(--color-red-800)}.text-red-900{color:var(--color-red-900)}.text-white{color:var(--color-white)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-800{color:var(--color-yellow-800)}.text-yellow-900{color:var(--color-yellow-900)}.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-70{opacity:.7}.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-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-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px 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-sm{--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)}.ring{--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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);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-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,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-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-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.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)}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\:bg-black:hover{background-color:var(--color-black)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-green-700:hover{background-color:var(--color-green-700)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-yellow-600:hover{background-color:var(--color-yellow-600)}.hover\:shadow-lg:hover{--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)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px 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)}}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:border-transparent:focus{border-color:#0000}.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:focus{--tw-ring-color:var(--color-blue-500)}.focus\:ring-gray-500:focus{--tw-ring-color:var(--color-gray-500)}.focus\:ring-green-500:focus{--tw-ring-color:var(--color-green-500)}.focus\:ring-orange-500:focus{--tw-ring-color:var(--color-orange-500)}.focus\:ring-red-500:focus{--tw-ring-color:var(--color-red-500)}.focus\:ring-yellow-500:focus{--tw-ring-color:var(--color-yellow-500)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:translate-y-0:active{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}@media (min-width:48rem){.md\:block{display:block}}}:root{--gtm-navy-900:#0f1a2a;--gtm-navy-800:#1a2942;--gtm-navy-700:#1e3a5f;--gtm-navy-600:#2e4a6f;--gtm-navy-500:#3e5a7f;--gtm-navy-100:#e8edf4;--gtm-navy-50:#f4f7fa;--gtm-teal-600:#14b8a6;--gtm-teal-500:#2dd4bf;--gtm-teal-400:#5eead4;--gtm-teal-300:#99f6e4;--gtm-text-primary:#f8fafc;--gtm-text-secondary:#94a3b8;--gtm-text-muted:#64748b;--gtm-navy-700-rgb:30,58,95;--gtm-navy-600-rgb:46,74,111;--gtm-teal-500-rgb:45,212,191;--claimn-koppar:#b87333;--claimn-jordbrun:#5e503f;--claimn-sandbeige:#e5d9c7;--claimn-oliv:#3a4a42;--charcoal-graphite:#1c1c1e;--primary:#000;--secondary:#0f1a2a;--text-muted:#6b7280;--background-light:#f4f7fa;--background-subtle:#fff;--text-secondary:#6b7280;--accent:#000;--koppar:#000;--jordbrun:#0f1a2a;--oliv:#0f1a2a;--sandbeige:#f4f7fa;--kalkvit:#fff;--dimblag:#6b7280;--tegelrod:#dc2626;--brand-amber:#d97706;--skogsgron:#16a34a;--koppar-rgb:0,0,0;--primary-rgb:0,0,0;--jordbrun-rgb:15,26,42;--secondary-rgb:15,26,42;--oliv-rgb:15,26,42;--sandbeige-rgb:244,247,250;--dimblag-rgb:107,114,128;--charcoal-graphite-rgb:28,28,30;--kalkvit-rgb:255,255,255;--tegelrod-rgb:220,38,38;--brand-amber-rgb:217,119,6;--skogsgron-rgb:22,163,74;--color-success:#16a34a;--color-success-light:#16a34a1a;--color-success-border:#16a34a4d;--color-success-dark:#15803d;--color-error:#dc2626;--color-error-light:#dc26261a;--color-error-border:#dc26264d;--color-error-dark:#b91c1c;--color-warning:#d97706;--color-warning-light:#d977061a;--color-warning-border:#d977064d;--color-warning-dark:#b45309;--color-info:#3e5a7f;--color-info-light:#3e5a7f1a;--color-info-border:#3e5a7f4d;--color-info-dark:#1e3a5f;--color-gray-lightest:#f9fafb;--color-gray-light:#f3f4f6;--color-gray:#6b7280;--color-gray-dark:#374151;--color-gray-darkest:#1f2937;--text-on-light:var(--charcoal-graphite);--text-on-light-muted:var(--oliv);--text-on-dark:var(--kalkvit);--text-on-dark-muted:var(--dimblag);--color-surface-primary:var(--kalkvit);--color-surface-secondary:var(--sandbeige);--color-background:var(--kalkvit);--color-border-light:#e5e7eb;--color-border:#ddd;--font-h1:"UserSelectedPrimary","BrandPrimary","UserSystemPrimary",sans-serif;--font-h2:"UserSelectedSecondary","BrandSecondary","UserSystemSecondary",sans-serif;--font-body:"UserSelectedTertiary","BrandTertiary","UserSystemTertiary",sans-serif;--font-mono:"Fira Code","Consolas",monospace;--font-header:var(--font-h1);--font-serif:var(--font-h2);--font-secondary:var(--font-h2);--font-primary-selected:var(--font-h1);--font-secondary-selected:var(--font-h2);--font-tertiary-selected:var(--font-body);--font-system-primary:"UserSystemPrimary",sans-serif;--font-system-secondary:"UserSystemSecondary",sans-serif;--shadow-sm:0 2px 8px #1c1c1e1a;--shadow-md:0 4px 16px #1c1c1e26;--shadow-lg:0 8px 32px #1c1c1e33;--transition-base:all .3s cubic-bezier(.4,0,.2,1);--transition-fast:all .15s ease-out;--glass-bg:#fff6;--glass-bg-dark:#ffffff80;--glass-bg-hover:#ffffff8c;--glass-border:#0003;--glass-blur:24px;--glass-shadow:0 8px 32px #0000000f;--glass-shadow-hover:0 12px 40px #0000001a;--radius-sm:4px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--charcoal-graphite);background:var(--kalkvit);margin:0;padding:0;line-height:1.6;overflow-x:hidden}.loading-spinner{border:3px solid var(--sandbeige);border-top:3px solid var(--koppar);border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}.spinning{animation:1s linear infinite spin}.content-library-panel,.content-preview-panel,.publishing-hub-panel{box-shadow:var(--shadow-lg);border:1px solid var(--sandbeige);background:#fff;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.panel-header{border-bottom:2px solid var(--sandbeige);background:linear-gradient(135deg,var(--kalkvit)0%,white 100%);padding:1.5rem}.panel-header h3{font-family:var(--font-header);color:var(--charcoal-graphite);align-items:center;gap:.5rem;margin:0;font-size:1.2rem;font-weight:600;display:flex}div.section-header-box,.section-header-box{border:1px solid var(--sandbeige)!important;text-align:center!important;background:#fff!important;border-radius:12px!important;width:100%!important;margin-top:.75rem!important;margin-bottom:1rem!important;padding:1rem 1.5rem 1.25rem!important;display:block!important;box-shadow:0 2px 8px #0000000f!important}div.section-header-box h1.section-title,div.section-header-box h2.section-title,div.section-header-box h3.section-title,.section-header-box h1.section-title,.section-header-box h2.section-title,.section-header-box h3.section-title,.section-header-box .section-title{font-family:var(--font-serif)!important;color:var(--charcoal-graphite)!important;text-align:center!important;width:100%!important;margin:0 0 .25rem!important;font-size:1.5rem!important;font-weight:500!important;line-height:1.2!important;display:block!important}div.section-header-box p.section-subtitle,.section-header-box p.section-subtitle,.section-header-box .section-subtitle,.generate-section .section-header-box p.section-subtitle,.library-section .section-header-box p.section-subtitle,.flows-section .section-header-box p.section-subtitle,p.section-subtitle{font-family:var(--font-body)!important;color:var(--oliv)!important;text-align:center!important;width:100%!important;max-width:none!important;margin:0 auto 1rem!important;font-size:.95rem!important;display:block!important}.section-header-box .step-progress{justify-content:center;align-items:flex-start;gap:.5rem;display:flex}.section-header-box .step-item{flex-direction:column;align-items:center;gap:.25rem;display:flex}.section-header-box .step-circle{background-color:var(--kalkvit);width:36px;height:36px;color:var(--text-muted);border:2px solid rgba(var(--secondary-rgb),.4);transition:var(--transition-base);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;font-weight:600;display:flex;box-shadow:0 1px 4px #0000000f}.section-header-box .step-label{color:var(--oliv);text-align:center;max-width:70px;font-size:.7rem;font-weight:400;line-height:1.2}.section-header-box .step-label.current{color:var(--charcoal-graphite);font-weight:600}.section-header-box .step-connector{background-color:rgba(var(--secondary-rgb),.3);width:40px;height:2px;transition:var(--transition-base);border-radius:2px;margin-top:17px}.filter-controls{background:var(--kalkvit);border:1px solid var(--sandbeige);border-radius:10px;flex-direction:column;gap:1rem;margin-top:1rem;padding:1.25rem;display:flex}.filter-section{flex-direction:column;gap:.5rem;display:flex}.filter-label{color:var(--oliv);font-size:.85rem;font-weight:500;font-family:var(--font-body)}.filter-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;display:grid}.filter-select{border:1px solid var(--sandbeige);font-size:.9rem;font-family:var(--font-body);transition:var(--transition-base);background:#fff;border-radius:6px;padding:.5rem}.filter-select:focus{border-color:var(--koppar);outline:none;box-shadow:0 0 0 3px #b873331a}.search-icon{width:16px;height:16px;color:var(--oliv);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-input{border:1px solid var(--sandbeige);width:100%;font-size:.9rem;font-family:var(--font-body);transition:var(--transition-base);background:#fff;border-radius:6px;padding:.5rem .5rem .5rem 2.5rem}.search-input:focus{border-color:var(--koppar);outline:none;box-shadow:0 0 0 3px #b873331a}.content-filters{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.framework-filter,.usage-filter{align-items:center;gap:.5rem;display:flex;position:relative}.framework-select{border:1px solid var(--sandbeige);font-size:.9rem;font-family:var(--font-body);cursor:pointer;background:#fff;border-radius:6px;min-width:140px;padding:.5rem .75rem}.framework-select:focus{border-color:var(--koppar);outline:none}.usage-stats{align-items:center;gap:1rem;display:flex}.usage-count,.last-used{color:var(--oliv);align-items:center;gap:.25rem;font-size:.85rem;display:flex}.content-item-meta{border-top:1px solid var(--sandbeige);margin-top:.75rem;padding-top:.75rem}.content-stats{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.content-date{color:var(--oliv);font-size:.8rem}.usage-btn{border-radius:12px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.usage-btn.unused{color:var(--oliv);background:#f5f5f5}.content-item-actions{align-items:center;gap:.75rem;display:flex}.framework-tags{flex-wrap:wrap;gap:.35rem;margin-top:.5rem;display:flex}.framework-tags span{border-radius:10px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.content-item-title{color:var(--charcoal-graphite);margin:0;font-size:1rem;font-weight:600}.content-list{box-sizing:border-box;flex:1;width:100%;max-width:100%;padding:1rem;overflow:hidden auto}.content-item-card{cursor:pointer;width:100%;max-width:100%;transition:var(--transition-base);box-sizing:border-box;background:#fff;border:none;border-radius:16px;margin-bottom:1.5rem;padding:1.5rem;overflow:hidden;box-shadow:0 2px 16px #00000014}.content-item-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.content-item-left{align-items:center;gap:.75rem;display:flex}.platform-badge{text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600;font-family:var(--font-body);border-radius:12px;padding:.25rem .5rem}.platform-linkedin{color:#fff;background:#0077b5}.platform-instagram{color:#fff;background:#e4405f}.platform-facebook{color:#fff;background:#1877f2}.platform-twitter{color:#fff;background:#1da1f2}.platform-youtube{color:#fff;background:red}.content-excerpt{color:var(--charcoal-graphite);font-size:.9rem;line-height:1.4;font-family:var(--font-body);margin:0}.tab-navigation{justify-content:center;gap:.25rem;max-width:100%;margin-top:2rem;margin-bottom:0;padding:0 2rem;display:flex;position:relative;overflow:visible}.mobile-tab-dropdown{width:100%;margin-top:1rem;padding:0 1rem;display:none;position:relative}.mobile-tab-trigger{border:1px solid var(--sandbeige);width:100%;color:var(--charcoal-graphite);font-family:var(--font-body);cursor:pointer;transition:var(--transition-base);background:#1c1c1e1a;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;font-weight:500;display:flex}.mobile-tab-current{align-items:center;gap:.5rem;display:flex}.mobile-tab-chevron{width:20px;height:20px;transition:transform .2s}.mobile-tab-menu{border:1px solid var(--sandbeige);box-shadow:var(--shadow-lg);z-index:1000;opacity:0;background:#fff;border-radius:8px;max-height:0;transition:all .3s;position:absolute;top:100%;left:1rem;right:1rem;overflow:hidden}.mobile-tab-menu.open{opacity:1;max-height:300px;margin-top:.5rem}.mobile-tab-option{color:var(--charcoal-graphite);font-family:var(--font-body);cursor:pointer;text-align:left;width:100%;transition:var(--transition-base);border:none;border-bottom:1px solid var(--sandbeige);background:#fff;align-items:center;gap:.75rem;padding:1rem;font-weight:500;display:flex}.mobile-tab-overlay{z-index:999;opacity:0;visibility:hidden;background:#0000004d;transition:all .3s;position:fixed;inset:0}.tab-button{background:var(--jordbrun);color:var(--kalkvit);font-family:var(--font-body);cursor:pointer;letter-spacing:.025em;white-space:nowrap;border:none;border-radius:12px 12px 0 0;flex-shrink:0;justify-content:center;align-items:center;gap:.75rem;min-width:auto;margin-right:2px;padding:1.25rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background-color .3s;display:flex;position:relative}.tab-button:after{content:"";background:0 0;height:3px;transition:background-color .3s;position:absolute;bottom:0;left:0;right:0}.primary-btn,.secondary-btn,.enhance-btn,.generate-btn,.edit-btn,.delete-btn,.copy-btn,.schedule-btn{font-family:var(--font-body);cursor:pointer;transition:var(--transition-base);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.primary-btn{background:linear-gradient(135deg,var(--koppar)0%,var(--jordbrun)100%);color:#fff;box-shadow:var(--shadow-sm)}.primary-btn:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.secondary-btn{color:var(--oliv);border:2px solid var(--dimblag);background:#fff}.enhance-btn{background:linear-gradient(135deg,var(--oliv)0%,var(--dimblag)100%);color:#fff;padding:.5rem 1rem;font-size:.8rem}.enhance-btn:hover:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(-1px)}.generate-btn{background:var(--koppar);color:#fff;border-radius:6px;padding:.5rem}.edit-btn{background:var(--dimblag);color:#fff;border-radius:6px;padding:.5rem}.delete-btn{background:var(--color-error);color:#fff;border-radius:6px;padding:.5rem}.copy-btn{border:2px solid var(--dimblag);color:var(--oliv);background:#fff;border-radius:8px;padding:.5rem 1rem}.schedule-btn{background:linear-gradient(135deg,var(--koppar)0%,var(--jordbrun)100%);color:#fff}.schedule-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.card{box-shadow:var(--shadow-sm);border:1px solid var(--sandbeige);transition:var(--transition-base);cursor:pointer;background:#fff;border-radius:12px;padding:1rem}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.selection-card,.content-form-card,.result-card{box-shadow:var(--shadow-sm);border:1px solid var(--sandbeige);transition:var(--transition-base);box-sizing:border-box;background:#fff;border-radius:12px;max-width:100%;margin-bottom:2rem;padding:2rem;overflow:clip}.selection-card:hover,.content-form-card:hover,.result-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.selection-card h3,.content-form-card h3{font-family:var(--font-header);color:var(--charcoal-graphite);border-bottom:2px solid var(--sandbeige);align-items:center;gap:.75rem;margin:0 0 1.5rem;padding-bottom:1rem;font-size:1.5rem;font-weight:600;display:flex}.selection-card.dropdown-open{z-index:1001;position:relative;overflow:visible}.selection-card.dropdown-open:hover{box-shadow:var(--shadow-sm);transform:none}@media (max-width:768px){.selection-card,.content-form-card,.result-card{margin-bottom:1rem;padding:1rem}}@media (min-width:769px){.styled-header-container .content-type-grid{overflow:visible}}@media (max-width:768px){.styled-header-container{margin:1rem 0;padding:1.5rem 1rem 2rem}.styled-header-container .content-type-grid{display:none!important}.styled-header-container .content-type-hamburger-wrapper{display:block!important}.create-wizard-section .content-type-grid{grid-template-columns:1fr!important;gap:.5rem!important;display:grid!important}.create-wizard-section .content-type-card{min-height:auto!important;padding:.75rem!important}}.content-type-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;max-width:100%;margin-bottom:1rem;margin-left:auto;margin-right:auto;display:grid}.content-type-card{border-radius:var(--radius-md,12px);cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-sm);background:#fff;border:2px solid #0000;min-height:100px;padding:1rem;position:relative;overflow:hidden}.content-type-card:before{content:"";background:var(--accent-color,var(--koppar));height:4px;transition:var(--transition-base);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.content-type-card:hover{box-shadow:var(--shadow-lg);border-color:var(--accent-color,var(--koppar));transform:translateY(-4px)}.content-type-card.active{border-color:var(--accent-color,var(--koppar));box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--kalkvit)0%,white 100%)}.content-type-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.content-count{font-family:var(--font-body);text-shadow:0 1px 2px #00000080;border-radius:16px;padding:.2rem .6rem;font-size:.8rem;font-weight:600;background:var(--accent-color,var(--koppar))!important;color:#fff!important}.content-type-name{font-family:var(--font-body);color:var(--charcoal-graphite);margin-bottom:.25rem;font-size:1.1rem;font-weight:600}.field-label{font-family:var(--font-body);color:var(--charcoal-graphite);margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.form-input,.form-textarea{border:2px solid var(--sandbeige);width:100%;font-family:var(--font-body);transition:var(--transition-base);background:var(--kalkvit);border-radius:8px;padding:.75rem;font-size:.95rem}.form-input:focus,.form-textarea:focus{border-color:var(--koppar);background:#fff;outline:none;box-shadow:0 0 0 3px #b873331a}.form-actions{justify-content:flex-start;gap:1rem;display:flex}.framework-selection-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.framework-areas-grid{flex-wrap:wrap;gap:.5rem 1.5rem;display:flex}.framework-selection-card{border:2px solid var(--sandbeige);cursor:pointer;transition:var(--transition-base);font-family:var(--font-body);background:#fff;border-radius:8px;align-items:center;padding:1rem;display:flex}.framework-selection-card input{accent-color:var(--koppar);margin-right:.75rem}.framework-area-card{cursor:pointer;transition:var(--transition-base);font-family:var(--font-body);background:0 0;border:none;align-items:center;padding:.25rem 0;display:flex}.framework-area-card input{accent-color:var(--koppar);margin-right:.5rem}.content-list-header{border-bottom:2px solid var(--sandbeige);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.content-list-header h3{font-family:var(--font-serif);color:var(--charcoal-graphite);margin:0;font-size:1.5rem}.flows-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;display:grid}.flow-card{border:2px solid var(--sandbeige);cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;padding:1.5rem}.flow-card:hover{border-color:var(--koppar);box-shadow:var(--shadow-md);transform:translateY(-2px)}.flow-card.selected{border-color:var(--koppar);background:linear-gradient(135deg,var(--kalkvit)0%,white 100%);box-shadow:var(--shadow-lg)}.flow-card-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.flow-card h4{font-family:var(--font-body);color:var(--charcoal-graphite);margin:0;font-weight:600}.flow-card p{color:var(--oliv);font-size:.9rem;line-height:1.5;font-family:var(--font-body);margin:0}.platforms-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.platform-card{border:2px solid var(--sandbeige);cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;flex-direction:column;align-items:center;padding:1rem;display:flex}.platform-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.error-message{font-family:var(--font-body);background:var(--color-error-light);border:1px solid var(--color-error-border);color:var(--color-error-dark);border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:1rem;font-size:.9rem;display:flex}.success-alert{background:var(--color-info-light);border:1px solid var(--koppar);text-align:center;border-radius:8px;margin-bottom:2rem;padding:1rem}.success-alert h3{color:var(--koppar);font-family:var(--font-body);margin:0 0 .5rem}.success-alert p{color:var(--oliv);font-family:var(--font-body);margin:0}.loading-state{text-align:center;color:var(--oliv);font-family:var(--font-body);padding:3rem}.empty-state{text-align:center;color:var(--oliv);padding:4rem 2rem}.empty-state-icon{width:64px;height:64px;color:var(--dimblag);margin:0 auto 1.5rem}.empty-state h3,.empty-state h4{font-family:var(--font-serif);color:var(--charcoal-graphite);margin-bottom:.5rem;font-size:1.5rem}.generation-controls{justify-content:center;padding:2rem 0;display:flex}.generation-progress{border:2px solid var(--koppar);background:#fff;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.progress-header{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.progress-stage{font-family:var(--font-body);color:var(--charcoal-graphite);font-weight:600}.progress-bar{background:var(--sandbeige);border-radius:8px;height:8px;margin-bottom:.5rem;overflow:hidden}.progress-fill{background:var(--koppar);height:100%;transition:width .3s}@supports (container-type:inline-size){.content-library-panel,.content-preview-panel,.publishing-hub-panel,.filter-controls{container-type:inline-size}}@media (max-width:768px){.tab-navigation{scrollbar-width:none;-ms-overflow-style:none;justify-content:flex-start;max-width:calc(100% - 1rem);margin:1rem .5rem;padding:0 1rem;overflow-x:auto}.tab-navigation::-webkit-scrollbar{display:none}.tab-button{flex-shrink:0;gap:.5rem;min-width:150px;padding:1rem 1.5rem;font-size:.9rem}.tab-icon{width:16px;height:16px}.form-actions{flex-direction:column}.framework-selection-grid{grid-template-columns:1fr}.framework-areas-grid{gap:.25rem 1rem}.content-item-left{gap:.5rem}.flows-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.platforms-grid{grid-template-columns:repeat(2,1fr)}.filter-row{grid-template-columns:1fr}}@media (max-width:640px){.tab-navigation{scrollbar-width:none;-ms-overflow-style:none;background:0 0;border-radius:12px;justify-content:flex-start;gap:.25rem;margin:.75rem .25rem;padding:.25rem;overflow-x:auto}.tab-navigation::-webkit-scrollbar{display:none}.tab-button{white-space:nowrap;border-bottom:none;border-radius:8px;flex-shrink:0;min-width:130px;padding:.875rem 1.25rem;font-size:.85rem}.tab-button:first-child,.tab-button:last-child,.tab-button.active{border-radius:8px}.content-type-grid{grid-template-columns:1fr}}.tab-hamburger-wrapper{z-index:9999;width:100%;margin-top:1rem;padding:0 2rem;display:none;position:relative}.tab-hamburger{background:var(--charcoal-graphite);width:100%;color:var(--kalkvit);font-family:var(--font-body);cursor:pointer;transition:var(--transition-base);border:none;border-radius:8px;justify-content:space-between;align-items:center;min-height:48px;padding:1rem 1.5rem;font-size:1rem;font-weight:600;display:flex}.tab-hamburger-content{align-items:center;gap:.75rem;display:flex}.tab-hamburger-icon{width:24px;height:24px;transition:transform .2s}.tab-menu-dropdown{border:1px solid var(--sandbeige);box-shadow:var(--shadow-lg);z-index:10000;opacity:0;background:#fff;border-radius:8px;max-height:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:100%;left:2rem;right:2rem;overflow:hidden;transform:translateY(-10px)}.tab-menu-dropdown.open{opacity:1;max-height:400px;transform:translateY(0)}.tab-menu-item{color:var(--charcoal-graphite);font-family:var(--font-body);cursor:pointer;text-align:left;width:100%;transition:var(--transition-base);border:none;border-bottom:1px solid var(--sandbeige);background:#fff;align-items:center;gap:.75rem;min-height:48px;padding:1rem 1.5rem;font-weight:500;display:flex}.tab-menu-overlay{z-index:999;opacity:0;visibility:hidden;background:#0000004d;transition:all .3s;position:fixed;inset:0}@media (max-width:768px){.tab-hamburger-wrapper{display:block}.tab-navigation{display:none!important}.mobile-tab-dropdown{display:none}.content-list{padding:1rem}.content-item-card{border-radius:12px;margin-bottom:1.25rem;padding:1.25rem}.content-item-header{flex-direction:column;align-items:flex-start;gap:.75rem}.platforms-grid{grid-template-columns:1fr}.tab-button{min-width:100px;padding:.625rem .75rem;font-size:.75rem}.tab-icon{width:14px;height:14px}}@media (max-width:480px){.tab-hamburger-wrapper{padding:0 1rem}.tab-menu-dropdown{left:1rem;right:1rem}}.content-type-hamburger-wrapper{z-index:9999;width:100%;margin-bottom:1.5rem;display:none;position:relative}.content-type-hamburger{background:var(--koppar);width:100%;color:var(--kalkvit);font-family:var(--font-body);cursor:pointer;transition:var(--transition-base);border:none;border-radius:8px;justify-content:space-between;align-items:center;min-height:48px;padding:1rem 1.5rem;font-size:1rem;font-weight:600;display:flex}.content-type-hamburger-content{align-items:center;gap:.75rem;display:flex}.content-type-hamburger-chevron{width:20px;height:20px;transition:transform .2s}.content-type-menu-dropdown{border:1px solid var(--sandbeige);box-shadow:var(--shadow-lg);z-index:10000;opacity:0;background:#fff;border-radius:8px;max-height:0;margin-top:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:100%;left:0;right:0;overflow:hidden;transform:translateY(-10px)}.content-type-menu-dropdown.open{opacity:1;max-height:500px;transform:translateY(0)}.content-type-menu-item{color:var(--charcoal-graphite);font-family:var(--font-body);cursor:pointer;text-align:left;width:100%;transition:var(--transition-base);border:none;border-bottom:1px solid var(--sandbeige);background:#fff;align-items:center;gap:.75rem;min-height:48px;padding:1rem 1.5rem;font-weight:500;display:flex}.content-type-menu-count{background:var(--sandbeige);color:var(--charcoal-graphite);border-radius:12px;margin-left:auto;padding:.25rem .75rem;font-size:.85rem;font-weight:600}.content-type-menu-overlay{z-index:9998;background:#0000004d;position:fixed;inset:0}@media (min-width:769px) and (max-width:1200px){.content-type-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem}.content-type-card{min-height:80px;padding:.75rem}.content-type-header{margin-bottom:.35rem}.content-type-icon{width:20px;height:20px}.content-count{padding:.15rem .5rem;font-size:.7rem}.content-type-name{margin-bottom:.15rem;font-size:.95rem}.content-type-description{font-size:.7rem;line-height:1.2}}@media (max-width:768px){.content-type-hamburger-wrapper{display:block}.content-type-grid{display:none!important}}:focus{outline:2px solid var(--koppar);outline-offset:2px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-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-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}@keyframes pulse{50%{opacity:.5}}.glass-card{background:var(--glass-bg, rgba(255, 255, 255, .92));backdrop-filter:blur(var(--glass-blur, 16px));-webkit-backdrop-filter:blur(var(--glass-blur, 16px));border:1px solid var(--glass-border, rgba(0, 0, 0, .2));border-radius:var(--radius-lg, 16px);box-shadow:var(--glass-shadow, 0 8px 32px rgba(0, 0, 0, .1)),inset 0 1px #fff9;transition:all var(--transition-base, .2s ease)}.glass-card--padded{padding:var(--spacing-lg, 1.5rem)}.glass-card--default{background:var(--glass-bg, rgba(255, 255, 255, .75))}.glass-card--sidebar{background:var(--glass-bg-dark, rgba(255, 255, 255, .88));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:0;border:none;border-right:1px solid var(--glass-border, rgba(0, 0, 0, .2))}.glass-card--activity{background:#ffffffb8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:0;border:none;border-left:1px solid var(--glass-border, rgba(0, 0, 0, .2))}.glass-card--solid{background:var(--kalkvit, #F9F7F4);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--background-light, #E5D9C7)}.glass-card--hover:hover{background:var(--glass-bg-hover, rgba(255, 255, 255, .85));box-shadow:var(--glass-shadow-hover, 0 12px 40px rgba(0, 0, 0, .12)),inset 0 1px #fff9;transform:translateY(-2px)}.glass-panel{min-height:100px}.glass-sidebar,.glass-activity-panel{height:100%;display:flex;flex-direction:column}@supports not ((-webkit-backdrop-filter: blur(12px)) or (backdrop-filter: blur(12px))){.glass-card{background:var(--kalkvit, #F9F7F4)}.glass-card--sidebar{background:#f9f7f4fa}.glass-card--activity{background:#f9f7f4f2}}@media (max-width: 768px){.glass-card--sidebar,.glass-card--activity{background:#fff!important;backdrop-filter:none;-webkit-backdrop-filter:none}}.modern-sidebar{width:280px;height:100vh;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;position:fixed;top:0;left:0;flex-shrink:0;background:linear-gradient(180deg,rgba(var(--primary-rgb),.08),#ffffff80 30%,rgba(var(--background-light-rgb),.15));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid rgba(var(--primary-rgb),.15);box-shadow:4px 0 24px rgba(var(--primary-rgb),.1);z-index:10;transition:width var(--transition-base, .3s ease)}.sidebar-header{padding:var(--spacing-lg, 1.5rem);border-bottom:1px solid rgba(var(--background-light-rgb),.5)}.sidebar-logo{display:flex;align-items:center;gap:var(--spacing-sm, .5rem);margin-bottom:var(--spacing-md, 1rem);color:var(--charcoal-graphite, #1C1C1E)}.sidebar-logo-img{width:32px;height:32px;-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-sm, 4px)}.sidebar-logo-text{font-weight:700;font-size:1.125rem;letter-spacing:-.025em}.sidebar-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem;overflow:hidden;flex-shrink:0}.sidebar-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sidebar-user-info{display:flex;flex-direction:column;min-width:0}.sidebar-user-name{font-weight:600;font-size:.875rem;color:var(--charcoal-graphite, #1C1C1E);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-email{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.8}.sidebar-nav{flex:1;padding:var(--spacing-md, 1rem);overflow-y:auto}.sidebar-divider{padding:var(--spacing-md, 1rem) 0 var(--spacing-xs, .25rem);margin-top:var(--spacing-sm, .5rem)}.sidebar-divider span{font-size:.625rem;font-weight:700;letter-spacing:.1em;color:var(--text-muted);opacity:.6;text-transform:uppercase}.sidebar-nav-item{width:100%;display:flex;align-items:center;gap:var(--spacing-sm, .75rem);padding:var(--spacing-sm, .75rem) var(--spacing-md, 1rem);border:none;background:transparent;border-radius:var(--radius-md, 10px);cursor:pointer;transition:all var(--transition-fast, .15s ease);color:var(--charcoal-graphite, #1C1C1E);font-size:.875rem;text-align:left}.sidebar-nav-item:hover{background:linear-gradient(135deg,rgba(var(--primary-rgb),.25),rgba(var(--background-light-rgb),.3),rgba(var(--secondary-rgb),.2));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 12px rgba(var(--primary-rgb),.12)}.sidebar-nav-item.active{background:linear-gradient(135deg,rgba(var(--primary-rgb),.25),rgba(var(--background-light-rgb),.3),rgba(var(--primary-rgb),.2));color:var(--primary);font-weight:600;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 16px rgba(var(--primary-rgb),.15),inset 0 1px #fff6}.sidebar-nav-item.indent{padding-left:calc(var(--spacing-md, 1rem) + 28px)}.sidebar-nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav-badge{background:var(--primary);color:#fff;padding:2px 8px;border-radius:12px;font-size:.6875rem;font-weight:600;min-width:20px;text-align:center}.sidebar-section{margin-bottom:var(--spacing-xs, .25rem)}.sidebar-section-header{width:100%;display:flex;align-items:center;gap:var(--spacing-sm, .5rem);padding:var(--spacing-sm, .75rem) var(--spacing-md, 1rem);border:none;background:transparent;border-radius:var(--radius-md, 10px);cursor:pointer;transition:all var(--transition-fast, .15s ease);color:var(--charcoal-graphite, #1C1C1E);font-size:.875rem;font-weight:600;text-align:left}.sidebar-section-header:hover{background:linear-gradient(135deg,rgba(var(--background-light-rgb),.3),#ffffff59,rgba(var(--accent-rgb),.12));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 12px rgba(var(--secondary-rgb),.2)}.sidebar-section-step{width:20px;height:20px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700;flex-shrink:0}.sidebar-section-label{flex:1;display:flex;align-items:center;gap:var(--spacing-xs, .25rem)}.optional-tag{font-size:.625rem;font-weight:400;color:var(--text-muted);opacity:.7}.sidebar-section-content{margin-left:var(--spacing-xs, .25rem);padding-left:var(--spacing-sm, .5rem);border-left:2px solid rgba(var(--background-light-rgb),.5)}.sidebar-in-progress{display:flex;align-items:center;gap:var(--spacing-xs, .5rem);padding:var(--spacing-xs, .5rem) var(--spacing-md, 1rem);padding-left:calc(var(--spacing-md, 1rem) + 28px);font-size:.75rem;color:var(--color-success)}.in-progress-indicator{width:8px;height:8px;border-radius:50%;background:var(--color-success);animation:pulse 2s infinite}.sidebar-footer{padding:var(--spacing-md, 1rem);border-top:1px solid rgba(var(--background-light-rgb),.5)}.sidebar-logout{width:100%;display:flex;align-items:center;gap:var(--spacing-sm, .75rem);padding:var(--spacing-sm, .75rem) var(--spacing-md, 1rem);margin-top:var(--spacing-xs, .25rem);border:none;background:transparent;border-radius:var(--radius-md, 10px);cursor:pointer;transition:all var(--transition-fast, .15s ease);color:var(--color-error);font-size:.875rem}.sidebar-logout:hover{background:var(--color-error-light)}@media (max-width: 768px){.modern-sidebar{position:relative;left:0;top:0;width:280px;height:100vh;background:var(--kalkvit)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none;border-right:none;transform:none}.modern-sidebar .sidebar-nav-badge,.sidebar-nav-badge{display:none!important}.modern-sidebar .optional-tag{display:none}.modern-sidebar .sidebar-section-header{padding:var(--spacing-sm, .75rem)}.modern-sidebar .sidebar-nav-item{padding:var(--spacing-md, 1rem) var(--spacing-md, 1rem);min-height:48px}}@media (min-width: 769px) and (max-width: 1200px){.modern-sidebar{width:72px;overflow:visible}.sidebar-header{padding:var(--spacing-md, 1rem)}.sidebar-logo-text,.sidebar-user-info,.sidebar-nav-label,.sidebar-divider span,.sidebar-section-label,.optional-tag,.sidebar-in-progress span,.sidebar-logout span{display:none}.sidebar-nav-item,.sidebar-section-header{justify-content:center;padding:var(--spacing-sm, .75rem)}.sidebar-nav-item.indent{padding-left:var(--spacing-sm, .75rem)}.sidebar-section-content{border-left:none;margin-left:0;padding-left:0}.sidebar-nav-badge,.modern-sidebar .sidebar-nav-badge,.sidebar-section-header .sidebar-nav-badge,.sidebar-nav-item .sidebar-nav-badge,.sidebar-section-step,.sidebar-section-header svg:last-child{display:none!important}.sidebar-section-content{display:none!important}.sidebar-nav-item,.sidebar-section-header{position:relative}.sidebar-nav-item:after,.sidebar-section-header:after{content:attr(title);position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:var(--spacing-sm, .5rem);padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);background:var(--charcoal-graphite, #1C1C1E);color:#fff;font-size:.75rem;border-radius:var(--radius-sm, 4px);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast, .15s ease);z-index:1000}.sidebar-nav-item:hover:after,.sidebar-section-header:hover:after{opacity:1}}.sidebar-user-container{position:relative}.sidebar-user{width:100%;display:flex;align-items:center;gap:var(--spacing-sm, .75rem);padding:var(--spacing-sm, .5rem);border:none;background:transparent;border-radius:var(--radius-md, 10px);cursor:pointer;transition:all var(--transition-fast, .15s ease);text-align:left}.sidebar-user:hover{background:rgba(var(--primary-rgb),.08)}.sidebar-user-chevron{margin-left:auto;color:var(--text-muted);transition:transform var(--transition-fast, .15s ease);flex-shrink:0}.sidebar-user-chevron.open{transform:rotate(180deg)}.sidebar-user-menu{position:absolute;top:100%;left:0;right:0;margin-top:var(--spacing-xs, .25rem);background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border, rgba(0, 0, 0, .1));border-radius:var(--radius-md, 10px);box-shadow:0 4px 24px #0000001f,0 2px 8px #00000014;overflow:hidden;z-index:100;animation:slideDown .15s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sidebar-user-menu-item{width:100%;display:flex;align-items:center;gap:var(--spacing-sm, .75rem);padding:var(--spacing-sm, .75rem) var(--spacing-md, 1rem);border:none;background:transparent;cursor:pointer;transition:all var(--transition-fast, .15s ease);color:var(--charcoal-graphite, #1C1C1E);font-size:.875rem;text-align:left}.sidebar-user-menu-item:hover{background:rgba(var(--primary-rgb),.08)}.sidebar-user-menu-item svg{color:var(--text-muted);flex-shrink:0}.sidebar-user-menu-item:hover svg{color:var(--primary)}.sidebar-user-menu-divider{height:1px;background:var(--glass-border, rgba(0, 0, 0, .1));margin:var(--spacing-xs, .25rem) 0}.sidebar-user-menu-item-danger{color:var(--tegelrod, #B54A46)}.sidebar-user-menu-item-danger:hover{background:#b54a4614}.sidebar-user-menu-item-danger svg{color:var(--tegelrod, #B54A46)}.sidebar-user-menu-item-danger:hover svg{color:var(--tegelrod, #B54A46)}@media (min-width: 769px) and (max-width: 1200px){.modern-sidebar .sidebar-header,.sidebar-header{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:var(--spacing-md, 1rem) var(--spacing-xs, .25rem)!important}.modern-sidebar .sidebar-logo,.sidebar-logo{justify-content:center!important;margin-bottom:var(--spacing-sm, .5rem)!important}.modern-sidebar .sidebar-user-container,.sidebar-user-container{width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important}.modern-sidebar .sidebar-user,.sidebar-user{width:48px!important;height:48px!important;min-width:unset!important;padding:6px!important;gap:0!important;justify-content:center!important;display:flex!important;align-items:center!important;margin:0 auto!important;text-align:center!important}.modern-sidebar .sidebar-avatar,.sidebar-avatar{width:36px!important;height:36px!important;font-size:.75rem!important;margin:0!important;flex-shrink:0!important}.modern-sidebar .sidebar-user-chevron,.sidebar-user-chevron{display:none!important}}.sidebar-user.sidebar-user-collapsed{width:48px!important;height:48px!important;min-width:unset!important;max-width:48px!important;padding:6px!important;gap:0!important;justify-content:center!important;display:flex!important;align-items:center!important;margin:0 auto!important}.sidebar-user-collapsed .sidebar-avatar{width:36px!important;height:36px!important;font-size:.75rem!important;margin:0!important}.sidebar-user-menu-portal{position:fixed;z-index:99999;width:160px;max-width:160px;background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border, rgba(0, 0, 0, .1));border-radius:var(--radius-md, 10px);box-shadow:0 4px 24px #00000026,0 2px 8px #0000001a;overflow:hidden;padding:var(--spacing-xs, .25rem) 0}.sidebar-user-menu-portal:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid rgba(255,255,255,.98)}.sidebar-user-menu-portal .sidebar-user-menu-item{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;padding:12px 16px;width:100%;border:none;background:transparent;cursor:pointer;transition:background .15s ease;color:var(--charcoal-graphite, #1C1C1E);font-size:.875rem;text-align:left}.sidebar-user-menu-portal .sidebar-user-menu-item:hover{background:rgba(var(--primary-rgb),.08)}.sidebar-user-menu-portal .sidebar-user-menu-item svg{flex-shrink:0;color:var(--text-muted)}.sidebar-user-menu-portal .sidebar-user-menu-item:hover svg{color:var(--primary)}.sidebar-user-menu-portal .sidebar-user-menu-label{display:inline-block;visibility:visible;opacity:1;white-space:nowrap;font-size:.875rem;color:var(--charcoal-graphite, #1C1C1E)}.sidebar-user-menu-portal .sidebar-user-menu-item-danger,.sidebar-user-menu-portal .sidebar-user-menu-item-danger .sidebar-user-menu-label{color:var(--tegelrod, #B54A46)}.sidebar-user-menu-portal .sidebar-user-menu-item-danger svg{color:var(--tegelrod, #B54A46)}.sidebar-user-menu-portal .sidebar-user-menu-item-danger:hover{background:#b54a4614}.sidebar-user-menu-portal .sidebar-user-menu-divider{height:1px;background:var(--glass-border, rgba(0, 0, 0, .1));margin:var(--spacing-xs, .25rem) 0}.modern-sidebar.minimized .sidebar-user-chevron{display:none}.modern-sidebar.minimized .sidebar-user-menu{left:100%;top:0;margin-top:0;margin-left:var(--spacing-sm, .5rem);min-width:200px}.activity-feed{width:240px;height:100vh;display:flex;flex-direction:column;position:fixed;top:0;right:0;flex-shrink:0;background:linear-gradient(180deg,rgba(var(--accent-rgb),.12),#ffffff80 40%,rgba(var(--secondary-rgb),.2));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-left:1px solid rgba(var(--accent-rgb),.12);box-shadow:-4px 0 24px rgba(var(--accent-rgb),.08);z-index:10;transition:width var(--transition-base, .3s ease)}.activity-feed-header{display:flex;align-items:center;gap:var(--spacing-sm, .5rem);padding:var(--spacing-lg, 1.5rem);border-bottom:1px solid rgba(var(--background-light-rgb),.5);color:var(--charcoal-graphite, #1C1C1E);font-weight:600;font-size:.9375rem}.activity-refresh{margin-left:auto;padding:var(--spacing-xs, .25rem);border:none;background:transparent;border-radius:var(--radius-sm, 4px);cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast, .15s ease);display:flex;align-items:center;justify-content:center}.activity-refresh:hover{background:rgba(var(--background-light-rgb),.5);color:var(--primary)}.activity-feed-content{flex:1;overflow-y:auto;padding:var(--spacing-md, 1rem)}.activity-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm, .5rem);padding:var(--spacing-xl, 2rem);color:var(--text-muted);opacity:.6}.activity-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm, .5rem);padding:var(--spacing-xl, 2rem);text-align:center;color:var(--text-muted)}.activity-empty p{font-weight:600;margin:0}.activity-empty span{font-size:.75rem;opacity:.7}.activity-list{display:flex;flex-direction:column;gap:var(--spacing-sm, .75rem)}.activity-item{display:flex;gap:var(--spacing-sm, .75rem);padding:var(--spacing-sm, .75rem);background:#ffffff80;border-radius:var(--radius-md, 10px);transition:all var(--transition-fast, .15s ease)}.activity-item:hover{background:#fffc}.activity-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:6px}.activity-content{flex:1;min-width:0}.activity-header{display:flex;align-items:center;gap:var(--spacing-xs, .375rem);margin-bottom:var(--spacing-xs, .25rem)}.activity-time{font-size:.6875rem;color:var(--text-muted);opacity:.7}.activity-title{font-size:.8125rem;color:var(--charcoal-graphite, #1C1C1E);margin:0;line-height:1.4}.activity-description{font-size:.75rem;color:var(--text-muted);margin:var(--spacing-xs, .25rem) 0 0;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-feed-footer{padding:var(--spacing-md, 1rem);border-top:1px solid rgba(var(--background-light-rgb),.5)}.activity-stats{background:rgba(var(--primary-rgb),.08);border-radius:var(--radius-md, 10px);padding:var(--spacing-md, 1rem)}.activity-stats-header{display:flex;align-items:center;gap:var(--spacing-xs, .375rem);font-size:.75rem;font-weight:600;color:var(--primary);margin-bottom:var(--spacing-sm, .75rem)}.activity-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm, .75rem)}.activity-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.activity-stat-value{font-size:1.25rem;font-weight:700;color:var(--charcoal-graphite, #1C1C1E)}.activity-stat-label{font-size:.625rem;color:var(--text-muted);opacity:.8;text-transform:uppercase;letter-spacing:.05em}@media (max-width: 1200px){.activity-feed{display:none}}.activity-feed.overlay{position:fixed;right:0;top:0;z-index:100;transform:translate(100%);transition:transform var(--transition-base, .3s ease);box-shadow:-4px 0 20px #0000001a}.activity-feed.overlay.open{transform:translate(0)}.activity-overlay-backdrop{position:fixed;inset:0;background:#0000004d;z-index:99;opacity:0;pointer-events:none;transition:opacity var(--transition-base, .3s ease)}.activity-overlay-backdrop.visible{opacity:1;pointer-events:auto}.modern-layout{display:flex;min-height:100vh;background:linear-gradient(145deg,rgba(var(--background-light-rgb),.6),rgba(var(--background-subtle-rgb),.8) 30%,rgba(var(--background-light-rgb),.5) 70%,rgba(var(--background-subtle-rgb),.7));position:relative;overflow-x:hidden;align-items:flex-start}.modern-layout-bg{position:fixed;inset:0;pointer-events:none;z-index:0}.blob{position:absolute;border-radius:50%;pointer-events:none;filter:blur(80px);animation:blob-float 20s ease-in-out infinite}.blob-1{width:800px;height:800px;background:radial-gradient(circle,rgba(var(--primary-rgb),.55) 0%,rgba(var(--primary-rgb),.35) 30%,rgba(var(--primary-rgb),.15) 55%,transparent 75%);top:-300px;right:-250px;animation-delay:0s}.blob-2{width:700px;height:700px;background:radial-gradient(circle,rgba(var(--secondary-rgb),.55) 0%,rgba(var(--secondary-rgb),.4) 30%,rgba(var(--secondary-rgb),.25) 55%,transparent 75%);bottom:-250px;left:-200px;animation-delay:-7s}.blob-3{width:600px;height:600px;background:radial-gradient(circle,rgba(var(--accent-rgb),.45) 0%,rgba(var(--accent-rgb),.25) 30%,rgba(var(--accent-rgb),.1) 55%,transparent 75%);top:25%;left:15%;animation-delay:-14s}.blob-4{width:550px;height:550px;background:radial-gradient(circle,rgba(var(--primary-rgb),.4) 0%,rgba(var(--charcoal-graphite-rgb),.2) 35%,rgba(var(--charcoal-graphite-rgb),.08) 55%,transparent 75%);bottom:5%;right:10%;animation-delay:-10s}.blob-5{width:400px;height:400px;background:radial-gradient(circle,rgba(var(--primary-rgb),.35) 0%,rgba(var(--primary-rgb),.18) 40%,transparent 70%);top:10%;left:-100px;animation-delay:-5s}.blob-6{width:350px;height:350px;background:radial-gradient(circle,rgba(var(--accent-rgb),.3) 0%,rgba(var(--accent-rgb),.15) 40%,transparent 70%);top:50%;right:-50px;animation-delay:-12s}@keyframes blob-float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(10px,-15px) scale(1.02)}50%{transform:translate(-5px,10px) scale(.98)}75%{transform:translate(15px,5px) scale(1.01)}}@media (prefers-reduced-motion: reduce){.blob{animation:none}}.modern-sidebar-wrapper{position:relative;z-index:10;flex-shrink:0;width:280px;transition:width var(--transition-base, .3s ease)}.modern-main{flex:1;min-width:0;z-index:5;display:flex;flex-direction:column;height:100vh;overflow-y:auto}.modern-content-wrapper{flex:1;padding:var(--spacing-sm, .5rem)}.modern-activity-wrapper{position:relative;z-index:10;flex-shrink:0;width:240px;transition:width var(--transition-base, .3s ease)}.modern-mobile-header,.mobile-close-sidebar,.mobile-close-activity,.mobile-backdrop,.modern-mobile-nav{display:none}.desktop-sidebar-toggle{position:fixed;top:20px;left:264px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#fffffff2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(var(--background-light-rgb),.5);border-radius:50%;cursor:pointer;color:var(--text-muted);transition:left var(--transition-base, .3s ease),background var(--transition-fast, .15s ease);z-index:25;box-shadow:0 2px 8px #0000001a}.desktop-sidebar-toggle:hover{background:rgba(var(--primary-rgb),.15);color:var(--primary);border-color:rgba(var(--primary-rgb),.3)}.modern-layout.sidebar-minimized .desktop-sidebar-toggle{left:56px}.desktop-activity-toggle{position:fixed;top:20px;right:224px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#fffffff2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(var(--background-light-rgb),.5);border-radius:50%;cursor:pointer;color:var(--text-muted);transition:right var(--transition-base, .3s ease),background var(--transition-fast, .15s ease);z-index:25;box-shadow:0 2px 8px #0000001a}.desktop-activity-toggle:hover{background:rgba(var(--primary-rgb),.15);color:var(--primary);border-color:rgba(var(--primary-rgb),.3)}.modern-layout.activity-minimized .desktop-activity-toggle{right:56px}.modern-sidebar-wrapper.minimized{width:72px;transition:width var(--transition-base, .3s ease)}.modern-sidebar-wrapper.minimized .modern-sidebar{width:72px;overflow:visible;transition:width var(--transition-base, .3s ease)}.modern-sidebar-wrapper.minimized .sidebar-logo-text,.modern-sidebar-wrapper.minimized .sidebar-user-info,.modern-sidebar-wrapper.minimized .sidebar-nav-label,.modern-sidebar-wrapper.minimized .sidebar-divider span,.modern-sidebar-wrapper.minimized .sidebar-section-label,.modern-sidebar-wrapper.minimized .optional-tag,.modern-sidebar-wrapper.minimized .sidebar-in-progress span,.modern-sidebar-wrapper.minimized .sidebar-logout span{display:none}.modern-sidebar-wrapper.minimized .sidebar-nav-item,.modern-sidebar-wrapper.minimized .sidebar-section-header{justify-content:center;padding:var(--spacing-sm, .75rem)}.modern-sidebar-wrapper.minimized .sidebar-nav-item.indent{padding-left:var(--spacing-sm, .75rem)}.modern-sidebar-wrapper.minimized .sidebar-section-content{border-left:none;margin-left:0;padding-left:0}.modern-sidebar-wrapper.minimized .sidebar-nav-badge,.modern-sidebar-wrapper.minimized .sidebar-section-step,.modern-sidebar-wrapper.minimized .sidebar-section-header svg:last-child{display:none!important}.modern-sidebar-wrapper.minimized .sidebar-section-content{display:none!important}.modern-sidebar-wrapper.minimized .sidebar-nav-item,.modern-sidebar-wrapper.minimized .sidebar-section-header{position:relative}.modern-sidebar-wrapper.minimized .sidebar-nav-item:after,.modern-sidebar-wrapper.minimized .sidebar-section-header:after{content:attr(title);position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:var(--spacing-sm, .5rem);padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);background:var(--charcoal-graphite, #1C1C1E);color:#fff;font-size:.75rem;border-radius:var(--radius-sm, 4px);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast, .15s ease);z-index:1000}.modern-sidebar-wrapper.minimized .sidebar-nav-item:hover:after,.modern-sidebar-wrapper.minimized .sidebar-section-header:hover:after{opacity:1}.modern-sidebar-wrapper.minimized .sidebar-header{padding:var(--spacing-md, 1rem)}.modern-activity-wrapper.minimized{width:72px;transition:width var(--transition-base, .3s ease)}.modern-activity-wrapper.minimized .activity-feed{width:72px;overflow:visible;transition:width var(--transition-base, .3s ease)}.modern-activity-wrapper.minimized .activity-feed-header span,.modern-activity-wrapper.minimized .activity-feed-content,.modern-activity-wrapper.minimized .activity-feed-footer,.modern-activity-wrapper.minimized .activity-refresh{display:none}.modern-activity-wrapper.minimized .activity-feed-header{justify-content:center;padding:var(--spacing-md, 1rem)}@media (min-width: 769px) and (max-width: 1200px){.modern-activity-wrapper{display:none;width:0}.modern-sidebar-wrapper{width:72px}.desktop-sidebar-toggle,.desktop-activity-toggle{display:none!important}}@media (max-width: 768px){.modern-layout{flex-direction:column;padding-bottom:64px}.desktop-sidebar-toggle,.desktop-activity-toggle{display:none!important}.modern-mobile-header{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;height:56px;padding:0 var(--spacing-md, 1rem);background:var(--kalkvit);border-bottom:1px solid var(--background-light);box-shadow:0 2px 10px #0000000d;z-index:50}.mobile-menu-btn,.mobile-activity-btn{padding:var(--spacing-xs, .5rem);border:none;background:transparent;color:var(--charcoal-graphite, #1C1C1E);cursor:pointer;border-radius:var(--radius-sm, 4px);display:flex;align-items:center;justify-content:center}.mobile-menu-btn:hover,.mobile-activity-btn:hover{background:rgba(var(--background-light-rgb),.5)}.mobile-header-title{font-weight:700;font-size:1.125rem;color:var(--charcoal-graphite, #1C1C1E)}.modern-main{margin-top:56px;width:100%}.modern-content-wrapper{padding:.75rem}.modern-sidebar-wrapper{position:fixed;left:0;top:0;bottom:0;width:280px;z-index:100;transform:translate(-100%);transition:transform var(--transition-base, .3s ease);background:var(--kalkvit);box-shadow:4px 0 20px #00000026}.modern-sidebar-wrapper.open{transform:translate(0)}.modern-sidebar-wrapper .modern-sidebar,.modern-sidebar-wrapper .glass-sidebar,.modern-sidebar-wrapper .glass-card--sidebar{background:var(--kalkvit)!important;height:100%;width:100%}.mobile-close-sidebar{display:flex;position:absolute;top:var(--spacing-md, 1rem);right:var(--spacing-md, 1rem);padding:var(--spacing-xs, .5rem);border:none;background:rgba(var(--background-light-rgb),.5);border-radius:var(--radius-sm, 4px);cursor:pointer;color:var(--charcoal-graphite, #1C1C1E);z-index:101}.modern-activity-wrapper{position:fixed;right:0;top:0;bottom:0;width:280px;z-index:100;transform:translate(100%);transition:transform var(--transition-base, .3s ease);background:var(--kalkvit);box-shadow:-4px 0 20px #00000026}.modern-activity-wrapper.open{transform:translate(0)}.modern-activity-wrapper .activity-feed{background:var(--kalkvit)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;width:100%;height:100%}.mobile-close-activity{display:flex;position:absolute;top:var(--spacing-md, 1rem);left:var(--spacing-md, 1rem);padding:var(--spacing-xs, .5rem);border:none;background:rgba(var(--background-light-rgb),.5);border-radius:var(--radius-sm, 4px);cursor:pointer;color:var(--charcoal-graphite, #1C1C1E);z-index:101}.mobile-backdrop{display:block;position:fixed;inset:0;background:#0000004d;z-index:90}.modern-mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--kalkvit);border-top:1px solid var(--background-light);box-shadow:0 -2px 10px #0000001a;z-index:50;justify-content:space-around;align-items:stretch;padding:0}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;height:100%;padding:0;border:none;background:var(--kalkvit);border-radius:0;cursor:pointer;color:var(--charcoal-graphite, #1C1C1E);transition:all var(--transition-fast, .15s ease)}.mobile-nav-item:hover,.mobile-nav-item.active{background:rgba(var(--primary-rgb),.15);color:var(--primary)}.mobile-nav-icon{width:20px;height:20px;flex-shrink:0;color:inherit}.mobile-nav-item .mobile-nav-icon{color:var(--charcoal-graphite, #1C1C1E)}.mobile-nav-item.active .mobile-nav-icon{color:var(--primary)}.mobile-nav-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}}.classic-theme .modern-layout{display:none}.modern-theme .modern-layout{display:flex}:root{--charcoal-graphite: #1C1C1E;--dimblag: #A1B1C6;--kalkvit: #F9F7F4;--shadow-sm: 0 2px 8px rgba(28, 28, 30, .1);--shadow-md: 0 4px 16px rgba(28, 28, 30, .15);--shadow-lg: 0 8px 32px rgba(28, 28, 30, .2);--shadow-xl: 0 12px 48px rgba(28, 28, 30, .25);--transition-base: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s ease-out}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,var(--kalkvit) 0%,var(--background-light) 100%);padding:2rem;font-family:var(--font-body)}.auth-card{background:#fff;border-radius:24px;padding:3rem;box-shadow:var(--shadow-xl);border:1px solid var(--background-light);max-width:450px;width:100%;text-align:center;position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%)}.auth-header{margin-bottom:2.5rem}.auth-brand{font-family:var(--font-header);font-size:3rem;font-weight:700;color:var(--charcoal-graphite);margin-bottom:.5rem;letter-spacing:-.02em}.auth-subtitle{font-family:var(--font-serif);font-size:1.1rem;font-style:italic;color:var(--text-muted);opacity:.9;margin:0}.auth-content{display:flex;flex-direction:column;gap:1.5rem}.sign-in-title{font-family:var(--font-header);font-size:1.8rem;font-weight:600;color:var(--charcoal-graphite);margin:0}.welcome-title{font-family:var(--font-header);font-size:2rem;font-weight:600;color:var(--charcoal-graphite);margin:0}.sign-in-description{font-family:var(--font-body);font-size:1rem;color:var(--text-muted);line-height:1.6;max-width:300px;margin:0 auto}.user-info{font-family:var(--font-body);font-size:1rem;color:var(--text-muted);margin:0;padding:1rem;background:var(--kalkvit);border-radius:12px;border:1px solid var(--background-light)}.user-info strong{color:var(--charcoal-graphite);font-weight:600}.sign-out-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:12px;padding:1rem 2rem;font-family:var(--font-header);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-sm)}.sign-out-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.sign-out-btn:active{transform:translateY(0)}.auth-form{margin-top:1rem}.auth-loading{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:3rem;background:#fff;border-radius:24px;box-shadow:var(--shadow-xl);border:1px solid var(--background-light)}.loading-spinner{width:48px;height:48px;border:4px solid var(--background-light);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.loading-text{font-family:var(--font-header);font-size:1.2rem;font-weight:500;color:var(--text-muted);margin:0}.claimn-auth-container{width:100%}.claimn-auth-label{font-family:var(--font-header)!important;font-weight:600!important;color:var(--charcoal-graphite)!important}.claimn-auth-button{font-family:var(--font-header)!important;font-weight:600!important;transition:var(--transition-base)!important}.claimn-auth-button:hover{transform:translateY(-1px)!important}.claimn-auth-input{font-family:var(--font-body)!important;transition:var(--transition-base)!important}.claimn-auth-input:focus{transform:scale(1.02)!important}.supabase-auth-ui_ui-button{transition:var(--transition-base)!important}.supabase-auth-ui_ui-button:hover{transform:translateY(-1px)!important}.supabase-auth-ui_ui-input{transition:var(--transition-base)!important}.supabase-auth-ui_ui-input:focus{box-shadow:0 0 0 3px #b8733333!important}.supabase-auth-ui_ui-button[data-supabase=auth-google],.supabase-auth-ui_ui-button[data-supabase=auth-github]{margin-bottom:.75rem!important}@media (max-width: 768px){.auth-container{padding:1rem}.auth-card{padding:2rem;max-width:100%}.auth-brand{font-size:2.5rem}.sign-in-title,.welcome-title{font-size:1.5rem}.sign-in-description{font-size:.95rem}}@media (max-width: 480px){.auth-card{padding:1.5rem;border-radius:16px}.auth-brand{font-size:2rem}.auth-subtitle{font-size:1rem}.sign-in-title,.welcome-title{font-size:1.3rem}}*:focus{outline:2px solid var(--primary);outline-offset:2px}button:focus{outline:none;box-shadow:0 0 0 3px #b873334d}.auth-card{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}:root{--gtm-navy-900: #0F1A2A;--gtm-navy-800: #1A2942;--gtm-navy-700: #1E3A5F;--gtm-navy-600: #2E4A6F;--gtm-navy-500: #3E5A7F;--gtm-navy-100: #E8EDF4;--gtm-navy-50: #F4F7FA;--gtm-teal-600: #14B8A6;--gtm-teal-500: #2DD4BF;--gtm-teal-400: #5EEAD4;--gtm-teal-300: #99F6E4;--gtm-text-primary: #F8FAFC;--gtm-text-secondary: #94A3B8;--gtm-text-muted: #64748B;--gtm-navy-700-rgb: 30, 58, 95;--gtm-navy-600-rgb: 46, 74, 111;--gtm-teal-500-rgb: 45, 212, 191;--claimn-koppar: #B87333;--claimn-jordbrun: #5E503F;--claimn-sandbeige: #E5D9C7;--claimn-oliv: #3A4A42;--charcoal-graphite: #1C1C1E;--primary: #000000;--secondary: #0F1A2A;--text-muted: #6B7280;--background-light: #F4F7FA;--background-subtle: #FFFFFF;--text-secondary: #6B7280;--accent: #000000;--koppar: #000000;--jordbrun: #0F1A2A;--oliv: #0F1A2A;--sandbeige: #F4F7FA;--kalkvit: #FFFFFF;--dimblag: #6B7280;--tegelrod: #DC2626;--brand-amber: #D97706;--skogsgron: #16A34A;--koppar-rgb: 0, 0, 0;--primary-rgb: 0, 0, 0;--jordbrun-rgb: 15, 26, 42;--secondary-rgb: 15, 26, 42;--oliv-rgb: 15, 26, 42;--sandbeige-rgb: 244, 247, 250;--dimblag-rgb: 107, 114, 128;--charcoal-graphite-rgb: 28, 28, 30;--kalkvit-rgb: 255, 255, 255;--tegelrod-rgb: 220, 38, 38;--brand-amber-rgb: 217, 119, 6;--skogsgron-rgb: 22, 163, 74;--color-success: #16A34A;--color-success-light: rgba(22, 163, 74, .1);--color-success-border: rgba(22, 163, 74, .3);--color-success-dark: #15803D;--color-error: #DC2626;--color-error-light: rgba(220, 38, 38, .1);--color-error-border: rgba(220, 38, 38, .3);--color-error-dark: #B91C1C;--color-warning: #D97706;--color-warning-light: rgba(217, 119, 6, .1);--color-warning-border: rgba(217, 119, 6, .3);--color-warning-dark: #B45309;--color-info: #3E5A7F;--color-info-light: rgba(62, 90, 127, .1);--color-info-border: rgba(62, 90, 127, .3);--color-info-dark: #1E3A5F;--color-gray-lightest: #f9fafb;--color-gray-light: #f3f4f6;--color-gray: #6b7280;--color-gray-dark: #374151;--color-gray-darkest: #1f2937;--text-on-light: var(--charcoal-graphite);--text-on-light-muted: var(--oliv);--text-on-dark: var(--kalkvit);--text-on-dark-muted: var(--dimblag);--color-surface-primary: var(--kalkvit);--color-surface-secondary: var(--sandbeige);--color-background: var(--kalkvit);--color-border-light: #e5e7eb;--color-border: #ddd;--font-h1: "UserSelectedPrimary", "BrandPrimary", "UserSystemPrimary", sans-serif;--font-h2: "UserSelectedSecondary", "BrandSecondary", "UserSystemSecondary", sans-serif;--font-body: "UserSelectedTertiary", "BrandTertiary", "UserSystemTertiary", sans-serif;--font-mono: "Fira Code", "Consolas", monospace;--font-header: var(--font-h1);--font-serif: var(--font-h2);--font-secondary: var(--font-h2);--font-primary-selected: var(--font-h1);--font-secondary-selected: var(--font-h2);--font-tertiary-selected: var(--font-body);--font-system-primary: "UserSystemPrimary", sans-serif;--font-system-secondary: "UserSystemSecondary", sans-serif;--shadow-sm: 0 2px 8px rgba(28, 28, 30, .1);--shadow-md: 0 4px 16px rgba(28, 28, 30, .15);--shadow-lg: 0 8px 32px rgba(28, 28, 30, .2);--transition-base: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s ease-out;--glass-bg: rgba(255, 255, 255, .4);--glass-bg-dark: rgba(255, 255, 255, .5);--glass-bg-hover: rgba(255, 255, 255, .55);--glass-border: rgba(0, 0, 0, .2);--glass-blur: 24px;--glass-shadow: 0 8px 32px rgba(0, 0, 0, .06);--glass-shadow-hover: 0 12px 40px rgba(0, 0, 0, .1);--radius-sm: 4px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);color:var(--charcoal-graphite);background:var(--kalkvit);line-height:1.6;overflow-x:hidden;margin:0;padding:0}h1{font-family:var(--font-h1)}h2{font-family:var(--font-h2)}h3,h4,h5,h6{font-family:var(--font-body)}.font-primary-selected{font-family:var(--font-primary-selected)!important}.font-secondary-selected{font-family:var(--font-secondary-selected)!important}.font-system-primary{font-family:var(--font-system-primary)!important}.font-system-secondary{font-family:var(--font-system-secondary)!important}.font-header{font-family:var(--font-header)!important}.font-serif{font-family:var(--font-serif)!important}.font-body{font-family:var(--font-body)!important}.loading-spinner{width:32px;height:32px;border:3px solid var(--sandbeige);border-top:3px solid var(--koppar);border-radius:50%;animation:spin 1s linear infinite}.content-library-panel,.content-preview-panel,.publishing-hub-panel{background:#fff;border-radius:12px;box-shadow:var(--shadow-lg);border:1px solid var(--sandbeige);display:flex;flex-direction:column;overflow:hidden}.panel-header{padding:1.5rem;border-bottom:2px solid var(--sandbeige);background:linear-gradient(135deg,var(--kalkvit) 0%,white 100%)}.panel-header h3{font-family:var(--font-header);font-size:1.2rem;font-weight:600;color:var(--charcoal-graphite);margin:0;display:flex;align-items:center;gap:.5rem}.panel-icon{width:20px;height:20px;color:var(--koppar)}div.section-header-box,.section-header-box{background:#fff!important;padding:1rem 1.5rem 1.25rem!important;margin-top:.75rem!important;margin-bottom:1rem!important;border-radius:12px!important;border:1px solid var(--sandbeige)!important;box-shadow:0 2px 8px #0000000f!important;width:100%!important;text-align:center!important;display:block!important}div.section-header-box h1.section-title,div.section-header-box h2.section-title,div.section-header-box h3.section-title,.section-header-box h1.section-title,.section-header-box h2.section-title,.section-header-box h3.section-title,.section-header-box .section-title{font-family:var(--font-serif)!important;font-size:1.5rem!important;font-weight:500!important;color:var(--charcoal-graphite)!important;margin:0 0 .25rem!important;text-align:center!important;line-height:1.2!important;display:block!important;width:100%!important}div.section-header-box p.section-subtitle,.section-header-box p.section-subtitle,.section-header-box .section-subtitle,.generate-section .section-header-box p.section-subtitle,.library-section .section-header-box p.section-subtitle,.flows-section .section-header-box p.section-subtitle,p.section-subtitle{font-family:var(--font-body)!important;font-size:.95rem!important;color:var(--oliv)!important;text-align:center!important;margin:0 auto 1rem!important;display:block!important;width:100%!important;max-width:none!important}div.section-header-box .section-title:last-child,.section-header-box .section-title:last-child{margin-bottom:0!important}.section-header-box .step-progress{display:flex;justify-content:center;align-items:flex-start;gap:.5rem}.section-header-box .step-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.section-header-box .step-circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:600;background-color:var(--kalkvit);color:var(--text-muted);border:2px solid rgba(var(--secondary-rgb),.4);transition:var(--transition-base);cursor:pointer;box-shadow:0 1px 4px #0000000f}.section-header-box .step-circle.active{background-color:var(--koppar);color:#fff}.section-header-box .step-circle.current{border-color:var(--charcoal-graphite);box-shadow:0 3px 8px #b8733340}.section-header-box .step-circle.disabled{cursor:not-allowed;opacity:.6}.section-header-box .step-label{font-size:.7rem;font-weight:400;color:var(--oliv);text-align:center;max-width:70px;line-height:1.2}.section-header-box .step-label.current{font-weight:600;color:var(--charcoal-graphite)}.section-header-box .step-connector{width:40px;height:2px;background-color:rgba(var(--secondary-rgb),.3);border-radius:2px;transition:var(--transition-base);margin-top:17px}.section-header-box .step-connector.completed{background-color:var(--koppar)}.filter-controls{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;padding:1.25rem;background:var(--kalkvit);border:1px solid var(--sandbeige);border-radius:10px}.filter-section{display:flex;flex-direction:column;gap:.5rem}.filter-label{font-size:.85rem;font-weight:500;color:var(--oliv);font-family:var(--font-body)}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.filter-select{padding:.5rem;border:1px solid var(--sandbeige);border-radius:6px;font-size:.9rem;font-family:var(--font-body);background:#fff;transition:var(--transition-base)}.filter-select:focus{outline:none;border-color:var(--koppar);box-shadow:0 0 0 3px #b873331a}.search-row,.search-input-wrapper{position:relative}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--oliv)}.search-input{width:100%;padding:.5rem .5rem .5rem 2.5rem;border:1px solid var(--sandbeige);border-radius:6px;font-size:.9rem;font-family:var(--font-body);background:#fff;transition:var(--transition-base)}.search-input:focus{outline:none;border-color:var(--koppar);box-shadow:0 0 0 3px #b873331a}.content-filters{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.framework-filter,.usage-filter{display:flex;align-items:center;gap:.5rem;position:relative}.filter-icon{width:16px;height:16px;color:var(--oliv);flex-shrink:0}.framework-select{padding:.5rem .75rem;border:1px solid var(--sandbeige);border-radius:6px;font-size:.9rem;font-family:var(--font-body);background:#fff;cursor:pointer;min-width:140px}.framework-select:focus{outline:none;border-color:var(--koppar)}.stat-icon{width:14px;height:14px;color:var(--oliv);flex-shrink:0}.usage-stats{display:flex;align-items:center;gap:1rem}.usage-count,.last-used{display:flex;align-items:center;gap:.25rem;font-size:.85rem;color:var(--oliv)}.content-item-meta{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--sandbeige)}.content-stats{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.content-date{font-size:.8rem;color:var(--oliv)}.usage-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:12px;font-size:.75rem;font-weight:600}.usage-btn.used{background:rgba(var(--skogsgron-rgb),.1);color:var(--skogsgron)}.usage-btn.unused{background:#f5f5f5;color:var(--oliv)}.usage-btn .btn-icon{width:14px;height:14px}.content-item-actions{display:flex;align-items:center;gap:.75rem}.framework-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.framework-tags span{padding:.15rem .5rem;border-radius:10px;font-size:.7rem;font-weight:600}.content-item-title{font-size:1rem;font-weight:600;color:var(--charcoal-graphite);margin:0}.content-list{flex:1;width:100%;max-width:100%;overflow-y:auto;overflow-x:hidden;padding:1rem;box-sizing:border-box}.content-item-card{width:100%;max-width:100%;background:#fff;border:none;border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;cursor:pointer;transition:var(--transition-base);box-shadow:0 2px 16px #00000014;box-sizing:border-box;overflow:hidden}.content-item-card:hover{transform:translateY(-2px);box-shadow:0 4px 24px #0000001f}.content-item-card.selected{border-color:var(--koppar);background:var(--kalkvit);box-shadow:var(--shadow-sm)}.content-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.content-item-left{display:flex;align-items:center;gap:.75rem}.content-type-icon{width:20px;height:20px;color:var(--oliv)}.platform-badge{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:12px;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-body)}.platform-linkedin{background:#0077b5;color:#fff}.platform-instagram{background:#e4405f;color:#fff}.platform-facebook{background:#1877f2;color:#fff}.platform-twitter{background:#1da1f2;color:#fff}.platform-youtube{background:red;color:#fff}.content-excerpt{font-size:.9rem;line-height:1.4;color:var(--charcoal-graphite);margin:0;font-family:var(--font-body)}.tab-navigation{display:flex;justify-content:center;gap:.25rem;margin-top:2rem;margin-bottom:0;padding:0 2rem;position:relative;max-width:100%;overflow:visible}.mobile-tab-dropdown{display:none;position:relative;width:100%;padding:0 1rem;margin-top:1rem}.mobile-tab-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem;background:#1c1c1e1a;border:1px solid var(--sandbeige);border-radius:8px;color:var(--charcoal-graphite);font-family:var(--font-body);font-weight:500;cursor:pointer;transition:var(--transition-base)}.mobile-tab-trigger:hover{background:#1c1c1e26}.mobile-tab-current{display:flex;align-items:center;gap:.5rem}.mobile-tab-chevron{width:20px;height:20px;transition:transform .2s ease}.mobile-tab-chevron.open{transform:rotate(180deg)}.mobile-tab-menu{position:absolute;top:100%;left:1rem;right:1rem;background:#fff;border:1px solid var(--sandbeige);border-radius:8px;box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden;max-height:0;opacity:0;transition:all .3s ease}.mobile-tab-menu.open{max-height:300px;opacity:1;margin-top:.5rem}.mobile-tab-option{display:flex;align-items:center;gap:.75rem;padding:1rem;border:none;background:#fff;color:var(--charcoal-graphite);font-family:var(--font-body);font-weight:500;cursor:pointer;width:100%;text-align:left;transition:var(--transition-base);border-bottom:1px solid var(--sandbeige)}.mobile-tab-option:last-child{border-bottom:none}.mobile-tab-option:hover{background:var(--kalkvit)}.mobile-tab-option.active{background:var(--koppar);color:#fff}.mobile-tab-overlay{position:fixed;inset:0;background:#0000004d;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-tab-overlay.open{opacity:1;visibility:visible}.tab-button{display:flex;align-items:center;gap:.75rem;padding:1.25rem 2rem;background:var(--jordbrun);border:none;color:var(--kalkvit);font-family:var(--font-body);font-weight:600;font-size:1rem;cursor:pointer;transition:background-color .3s ease;position:relative;flex-shrink:0;min-width:auto;justify-content:center;text-decoration:none;border-radius:12px 12px 0 0;letter-spacing:.025em;margin-right:2px;white-space:nowrap}.tab-button:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:transparent;transition:background-color .3s ease}.tab-button:hover{background:var(--charcoal-graphite);color:var(--kalkvit)}.tab-button.active{background:var(--kalkvit);color:var(--charcoal-graphite)}.tab-button.active:after{background:var(--koppar)}.tab-icon{width:18px;height:18px}.primary-btn,.secondary-btn,.enhance-btn,.generate-btn,.edit-btn,.delete-btn,.copy-btn,.schedule-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-family:var(--font-body);font-weight:600;font-size:.9rem;cursor:pointer;transition:var(--transition-base);text-decoration:none;justify-content:center}.primary-btn{background:linear-gradient(135deg,var(--koppar) 0%,var(--jordbrun) 100%);color:#fff;box-shadow:var(--shadow-sm)}.primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.secondary-btn{background:#fff;color:var(--oliv);border:2px solid var(--dimblag)}.secondary-btn:hover{border-color:var(--koppar);color:var(--koppar)}.enhance-btn{background:linear-gradient(135deg,var(--oliv) 0%,var(--dimblag) 100%);color:#fff;padding:.5rem 1rem;font-size:.8rem}.enhance-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.enhance-btn:disabled{opacity:.6;cursor:not-allowed}.generate-btn{background:var(--koppar);color:#fff;padding:.5rem;border-radius:6px}.generate-btn:hover{background:var(--jordbrun);transform:translateY(-1px)}.edit-btn{background:var(--dimblag);color:#fff;padding:.5rem;border-radius:6px}.edit-btn:hover{background:var(--oliv);transform:translateY(-1px)}.delete-btn{background:var(--color-error);color:#fff;padding:.5rem;border-radius:6px}.delete-btn:hover{background:var(--color-error-dark);transform:translateY(-1px)}.copy-btn{padding:.5rem 1rem;border:2px solid var(--dimblag);background:#fff;color:var(--oliv);border-radius:8px}.copy-btn:hover{border-color:var(--koppar);color:var(--koppar)}.schedule-btn{background:linear-gradient(135deg,var(--koppar) 0%,var(--jordbrun) 100%);color:#fff}.schedule-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-icon{width:18px;height:18px;color:inherit}.card{background:#fff;border-radius:12px;padding:1rem;box-shadow:var(--shadow-sm);border:1px solid var(--sandbeige);transition:var(--transition-base);cursor:pointer}.card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.card-selected{border-color:var(--koppar);background:var(--kalkvit);box-shadow:var(--shadow-sm)}.selection-card,.content-form-card,.result-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:var(--shadow-sm);border:1px solid var(--sandbeige);margin-bottom:2rem;transition:var(--transition-base);max-width:100%;overflow:clip;box-sizing:border-box}.content-form-card.has-sticky-preview{overflow:visible}.selection-card:hover,.content-form-card:hover,.result-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.selection-card h3,.content-form-card h3{font-family:var(--font-header);font-size:1.5rem;font-weight:600;color:var(--charcoal-graphite);margin:0 0 1.5rem;display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;border-bottom:2px solid var(--sandbeige)}.selection-card.dropdown-open{position:relative;z-index:1001;overflow:visible}.selection-card.dropdown-open:hover{transform:none;box-shadow:var(--shadow-sm)}@media (max-width: 768px){.selection-card,.content-form-card,.result-card{padding:1rem;margin-bottom:1rem}}.styled-header-container{overflow:visible}@media (min-width: 769px){.styled-header-container .content-type-grid{overflow:visible}}@media (max-width: 768px){.styled-header-container{padding:1.5rem 1rem 2rem;margin:1rem 0}.styled-header-container .content-type-grid{display:none!important}.styled-header-container .content-type-hamburger-wrapper{display:block!important}.create-wizard-section .content-type-grid{display:grid!important;grid-template-columns:1fr!important;gap:.5rem!important}.create-wizard-section .content-type-card{padding:.75rem!important;min-height:auto!important}}.content-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:1rem;max-width:100%;margin-left:auto;margin-right:auto}.content-type-card{background:#fff;border-radius:var(--radius-md, 12px);padding:1rem;cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-sm);border:2px solid transparent;position:relative;overflow:hidden;min-height:100px}.content-type-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent-color, var(--koppar));transform:scaleX(0);transition:var(--transition-base)}.content-type-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent-color, var(--koppar))}.content-type-card:hover:before{transform:scaleX(1)}.content-type-card.active{border-color:var(--accent-color, var(--koppar));box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--kalkvit) 0%,white 100%)}.content-type-card.active:before{transform:scaleX(1)}.content-type-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.content-count{background:var(--accent-color, var(--koppar))!important;color:#fff!important;padding:.2rem .6rem;border-radius:16px;font-family:var(--font-body);font-weight:600;font-size:.8rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.content-type-name{font-family:var(--font-body);font-size:1.1rem;font-weight:600;color:var(--charcoal-graphite);margin-bottom:.25rem}.content-type-description{font-family:var(--font-body);color:var(--oliv);font-size:.75rem;line-height:1.3}.form-field{margin-bottom:1.5rem}.field-label{font-family:var(--font-body);font-weight:600;font-size:.9rem;color:var(--charcoal-graphite);margin-bottom:.5rem;display:block}.required{color:var(--koppar);margin-left:.25rem}.form-input,.form-textarea{width:100%;padding:.75rem;border:2px solid var(--sandbeige);border-radius:8px;font-family:var(--font-body);font-size:.95rem;transition:var(--transition-base);background:var(--kalkvit)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--koppar);background:#fff;box-shadow:0 0 0 3px #b873331a}.form-textarea{resize:vertical;min-height:100px}.form-actions{display:flex;gap:1rem;justify-content:flex-start}.framework-selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.framework-areas-grid{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}.framework-selection-card{display:flex;align-items:center;padding:1rem;border:2px solid var(--sandbeige);border-radius:8px;cursor:pointer;background:#fff;transition:var(--transition-base);font-family:var(--font-body)}.framework-selection-card:hover{border-color:var(--koppar);background:var(--kalkvit)}.framework-selection-card.selected{background:var(--kalkvit)}.framework-selection-card input{margin-right:.75rem;accent-color:var(--koppar)}.framework-area-card{display:flex;align-items:center;padding:.25rem 0;cursor:pointer;background:transparent;transition:var(--transition-base);font-family:var(--font-body);border:none}.framework-area-card:hover{color:var(--koppar)}.framework-area-card input{margin-right:.5rem;accent-color:var(--koppar)}.framework-area-icon{width:18px;height:18px;margin-right:.5rem}.content-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--sandbeige)}.flows-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.flow-card{padding:1.5rem;border:2px solid var(--sandbeige);border-radius:12px;cursor:pointer;background:#fff;transition:var(--transition-base);box-shadow:var(--shadow-sm)}.flow-card:hover{border-color:var(--koppar);transform:translateY(-2px);box-shadow:var(--shadow-md)}.flow-card.selected{border-color:var(--koppar);background:linear-gradient(135deg,var(--kalkvit) 0%,white 100%);box-shadow:var(--shadow-lg)}.flow-card.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.flow-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.flow-card h4{margin:0;font-family:var(--font-body);font-weight:600;color:var(--charcoal-graphite)}.flow-card p{margin:0;color:var(--oliv);font-size:.9rem;line-height:1.5;font-family:var(--font-body)}.platforms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.platform-card{display:flex;flex-direction:column;align-items:center;padding:1rem;border:2px solid var(--sandbeige);border-radius:12px;cursor:pointer;background:#fff;transition:var(--transition-base);box-shadow:var(--shadow-sm)}.platform-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.platform-card.selected{box-shadow:var(--shadow-lg)}.platform-card.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.platform-icon{width:24px;height:24px;margin-bottom:.5rem}.platform-name{font-weight:500;font-family:var(--font-body)}.error-message{font-family:var(--font-body);background:var(--color-error-light);border:1px solid var(--color-error-border);color:var(--color-error-dark);padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.success-alert{background:var(--color-info-light);border:1px solid var(--koppar);border-radius:8px;padding:1rem;margin-bottom:2rem;text-align:center}.success-alert h3{color:var(--koppar);margin:0 0 .5rem;font-family:var(--font-body)}.success-alert p{color:var(--oliv);margin:0;font-family:var(--font-body)}.loading-state{text-align:center;padding:3rem;color:var(--oliv);font-family:var(--font-body)}.empty-state{text-align:center;padding:4rem 2rem;color:var(--oliv)}.empty-state-icon{width:64px;height:64px;margin:0 auto 1.5rem;color:var(--dimblag)}.empty-state h3,.empty-state h4{font-family:var(--font-serif);font-size:1.5rem;color:var(--charcoal-graphite);margin-bottom:.5rem}.empty-state p{font-family:var(--font-body);font-size:1rem;line-height:1.6}.generation-controls{display:flex;justify-content:center;padding:2rem 0}.generation-progress{background:#fff;border:2px solid var(--koppar);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.progress-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.progress-stage{font-family:var(--font-body);font-weight:600;color:var(--charcoal-graphite)}.progress-bar{background:var(--sandbeige);border-radius:8px;height:8px;overflow:hidden;margin-bottom:.5rem}.progress-fill{background:var(--koppar);height:100%;transition:width .3s ease}.progress-percent{text-align:center;color:var(--oliv);font-family:var(--font-body);font-weight:600}@supports (container-type: inline-size){.content-library-panel,.content-preview-panel,.publishing-hub-panel,.filter-controls{container-type:inline-size}}@media (max-width: 768px){.tab-navigation{justify-content:flex-start;margin:1rem .5rem;max-width:calc(100% - 1rem);padding:0 1rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tab-navigation::-webkit-scrollbar{display:none}.tab-button{padding:1rem 1.5rem;font-size:.9rem;min-width:150px;gap:.5rem;flex-shrink:0}.tab-icon{width:16px;height:16px}.form-actions{flex-direction:column}.framework-selection-grid{grid-template-columns:1fr}.framework-areas-grid{gap:.25rem 1rem}.content-item-left{gap:.5rem}.flows-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.platforms-grid{grid-template-columns:repeat(2,1fr)}.filter-row{grid-template-columns:1fr}}@media (max-width: 640px){.tab-navigation{justify-content:flex-start;margin:.75rem .25rem;padding:.25rem;background:transparent;border-radius:12px;gap:.25rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tab-navigation::-webkit-scrollbar{display:none}.tab-button{flex-shrink:0;min-width:130px;padding:.875rem 1.25rem;font-size:.85rem;border-radius:8px;border-bottom:none;white-space:nowrap}.tab-button:first-child,.tab-button:last-child{border-radius:8px}.tab-button.active{border-radius:8px}.content-type-grid{grid-template-columns:1fr}}.tab-hamburger-wrapper{display:none;position:relative;width:100%;padding:0 2rem;margin-top:1rem;z-index:9999}.tab-hamburger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.5rem;background:var(--charcoal-graphite);border:none;color:var(--kalkvit);font-family:var(--font-body);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition-base);border-radius:8px;min-height:48px}.tab-hamburger:hover{background:var(--jordbrun)}.tab-hamburger:focus{outline:2px solid var(--copper);outline-offset:2px}.tab-hamburger-content{display:flex;align-items:center;gap:.75rem}.tab-hamburger-icon{width:24px;height:24px;transition:transform .2s ease}.tab-hamburger.open .tab-hamburger-icon{transform:rotate(180deg)}.tab-menu-dropdown{position:absolute;top:100%;left:2rem;right:2rem;background:#fff;border:1px solid var(--sandbeige);border-radius:8px;box-shadow:var(--shadow-lg);z-index:10000;overflow:hidden;max-height:0;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateY(-10px)}.tab-menu-dropdown.open{max-height:400px;opacity:1;transform:translateY(0)}.tab-menu-item{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border:none;background:#fff;color:var(--charcoal-graphite);font-family:var(--font-body);font-weight:500;cursor:pointer;width:100%;text-align:left;transition:var(--transition-base);border-bottom:1px solid var(--sandbeige);min-height:48px}.tab-menu-item:last-child{border-bottom:none}.tab-menu-item:hover{background:var(--kalkvit)}.tab-menu-item.active{background:var(--koppar);color:#fff}.tab-menu-overlay{position:fixed;inset:0;background:#0000004d;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.tab-menu-overlay.open{opacity:1;visibility:visible}@media (max-width: 768px){.tab-hamburger-wrapper{display:block}.tab-navigation{display:none!important}.mobile-tab-dropdown{display:none}.content-list{padding:1rem}.content-item-card{padding:1.25rem;margin-bottom:1.25rem;border-radius:12px}.content-item-header{flex-direction:column;align-items:flex-start;gap:.75rem}.platforms-grid{grid-template-columns:1fr}.tab-button{min-width:100px;padding:.625rem .75rem;font-size:.75rem}.tab-icon{width:14px;height:14px}}@media (max-width: 480px){.tab-hamburger-wrapper{padding:0 1rem}.tab-menu-dropdown{left:1rem;right:1rem}}.content-type-hamburger-wrapper{display:none;position:relative;width:100%;margin-bottom:1.5rem;z-index:9999}.content-type-hamburger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.5rem;background:var(--koppar);border:none;color:var(--kalkvit);font-family:var(--font-body);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition-base);border-radius:8px;min-height:48px}.content-type-hamburger:hover{background:var(--jordbrun)}.content-type-hamburger-content{display:flex;align-items:center;gap:.75rem}.content-type-hamburger-icon{width:20px;height:20px}.content-type-hamburger-chevron{width:20px;height:20px;transition:transform .2s ease}.content-type-hamburger.open .content-type-hamburger-chevron{transform:rotate(180deg)}.content-type-menu-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--sandbeige);border-radius:8px;box-shadow:var(--shadow-lg);z-index:10000;overflow:hidden;max-height:0;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateY(-10px);margin-top:.5rem}.content-type-menu-dropdown.open{max-height:500px;opacity:1;transform:translateY(0)}.content-type-menu-item{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border:none;background:#fff;color:var(--charcoal-graphite);font-family:var(--font-body);font-weight:500;cursor:pointer;width:100%;text-align:left;transition:var(--transition-base);border-bottom:1px solid var(--sandbeige);min-height:48px}.content-type-menu-item:last-child{border-bottom:none}.content-type-menu-item:hover{background:var(--kalkvit)}.content-type-menu-item.active{background:rgba(var(--koppar-rgb),.1);color:var(--koppar);font-weight:600}.content-type-menu-icon{width:18px;height:18px}.content-type-menu-count{margin-left:auto;background:var(--sandbeige);color:var(--charcoal-graphite);padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600}.content-type-menu-item.active .content-type-menu-count{background:var(--koppar);color:#fff}.content-type-menu-overlay{position:fixed;inset:0;background:#0000004d;z-index:9998}@media (min-width: 769px) and (max-width: 1200px){.content-type-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem}.content-type-card{padding:.75rem;min-height:80px}.content-type-header{margin-bottom:.35rem}.content-type-icon{width:20px;height:20px}.content-count{font-size:.7rem;padding:.15rem .5rem}.content-type-name{font-size:.95rem;margin-bottom:.15rem}.content-type-description{font-size:.7rem;line-height:1.2}}@media (max-width: 768px){.content-type-hamburger-wrapper{display:block}.content-type-grid{display:none!important}}*:focus{outline:2px solid var(--koppar);outline-offset:2px}button:focus,input:focus,textarea:focus,select:focus{outline:none;box-shadow:0 0 0 3px #b873334d}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--sandbeige)}::-webkit-scrollbar-thumb{background:var(--dimblag);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--oliv)}.content-manager{min-height:100vh;background:linear-gradient(135deg,var(--kalkvit) 0%,var(--background-light) 100%);font-family:var(--font-body);color:var(--charcoal-graphite)}.content-manager-header{background:linear-gradient(135deg,var(--charcoal-graphite) 0%,var(--secondary) 100%);color:var(--kalkvit);padding:2rem 2rem 0;margin-bottom:0;position:relative;z-index:100}.header-content{max-width:1200px;margin:0 auto;text-align:center;padding-bottom:0}.content-manager-header .tab-button{flex-shrink:0}.main-title{font-family:var(--font-header);font-size:3rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.02em}.main-subtitle{font-family:var(--font-serif);font-size:1.2rem;font-style:italic;opacity:.9;margin-bottom:0}.content-manager-body{max-width:1400px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.library-section,.generate-section,.content-type-section,.flows-section{background:rgba(var(--kalkvit-rgb),.95);border:1px solid rgba(var(--secondary-rgb),.35);border-radius:var(--radius-xl, 20px);padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 12px #0000000f}.section-title{font-family:var(--font-serif);font-size:2.2rem;color:var(--charcoal-graphite);margin-bottom:.5rem;text-align:center}.section-description{font-family:var(--font-body);text-align:center;color:var(--text-muted);font-size:1.1rem;margin-bottom:1.5rem;max-width:600px;margin-left:auto;margin-right:auto}.section-header-box{text-align:center!important}.section-header-box .section-title{font-size:1.5rem!important;text-align:center!important}.content-design{min-height:100vh;background:linear-gradient(135deg,var(--kalkvit) 0%,var(--background-light) 100%);font-family:var(--font-body);color:var(--charcoal-graphite)}.content-design-header{background:linear-gradient(135deg,var(--charcoal-graphite) 0%,var(--secondary) 100%);color:var(--kalkvit);padding:2rem 2rem 0;margin-bottom:0;position:relative;z-index:100}.content-design-body{max-width:1400px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.content-design-header .step-progress{display:flex;justify-content:center;align-items:flex-start;gap:.5rem;margin-top:2rem;padding-bottom:1.5rem}.content-design-header .step-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.content-design-header .step-circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;background:#fff;color:var(--text-muted);border:2px solid var(--background-light);box-shadow:0 1px 4px #0000000f}.content-design-header .step-circle.active{background-color:var(--primary);color:#fff;border-color:var(--primary)}.content-design-header .step-circle.current{border-color:var(--charcoal-graphite);box-shadow:0 3px 8px #b8733340}.content-design-header .step-circle.disabled{cursor:not-allowed;opacity:.6}.content-design-header .step-label{font-size:.8rem;font-weight:500;color:#ffffffb3;text-align:center;white-space:nowrap}.content-design-header .step-label.current{color:#fff;font-weight:600}.content-design-header .step-connector{width:40px;height:2px;background-color:#ffffff4d;flex-shrink:0;align-self:center;margin-top:17px}.content-design-header .step-connector.completed{background-color:var(--primary)}.design-form-header{display:flex;align-items:center;justify-content:flex-start!important;padding:1rem 1.5rem;border-bottom:1px solid var(--background-light);background:var(--kalkvit);gap:1rem}.design-form-header .back-btn{margin-right:auto!important;flex-shrink:0}.design-form-header .header-spacer{width:80px}.reel-step-progress{display:flex;align-items:flex-start;justify-content:center;gap:.5rem;flex:1}.reel-step-progress .step-item{display:flex;flex-direction:column;align-items:center;gap:.35rem}.reel-step-progress .step-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease;background:#fff;color:var(--text-muted);border:2px solid var(--background-light);box-shadow:0 2px 6px #00000014}.reel-step-progress .step-circle:hover:not(:disabled){border-color:var(--primary);transform:scale(1.05)}.reel-step-progress .step-circle:disabled{cursor:not-allowed;opacity:.6}.reel-step-progress .step-circle.active{background:var(--primary);color:#fff;border-color:var(--primary)}.reel-step-progress .step-circle.current{border-color:var(--charcoal-graphite);box-shadow:0 3px 10px #b8733340}.reel-step-progress .step-label{font-size:.75rem;font-weight:500;color:var(--text-muted);text-align:center;max-width:70px;line-height:1.2}.reel-step-progress .step-label.current{font-weight:600;color:var(--charcoal-graphite)}.reel-step-progress .step-connector{width:50px;height:3px;background:var(--background-light);border-radius:2px;margin-top:18px;transition:all .2s ease}.reel-step-progress .step-connector.completed{background:var(--primary)}@media (max-width: 600px){.reel-step-progress .step-circle{width:36px;height:36px;font-size:.9rem}.reel-step-progress .step-connector{width:30px;margin-top:16px}.reel-step-progress .step-label{font-size:.7rem}.design-form-header{padding:.75rem 1rem}}.step-indicator{display:flex;align-items:center;gap:1rem;font-size:.9rem;opacity:.8}.step-indicator .active{color:var(--primary);font-weight:600}.import-notification{background-color:var(--color-info-light);border:2px solid var(--color-info);border-radius:var(--radius-lg, 16px);padding:1rem;margin-bottom:2rem}.error-notification{background-color:#b54a461a;border:2px solid var(--color-error);border-radius:var(--radius-lg, 16px);padding:1rem;margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between}.error-close-btn{background:none;border:none;cursor:pointer;color:var(--color-error);padding:.25rem;border-radius:4px;transition:var(--transition-base)}.error-close-btn:hover{background:#ef44441a}.design-form-container{background:#fff;border-radius:16px;border:1px solid var(--background-light);box-shadow:var(--shadow-md);overflow:hidden}.design-step-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;border-bottom:1px solid var(--background-light);background:var(--kalkvit)}.back-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:2px solid var(--background-light);border-radius:8px;cursor:pointer;color:var(--charcoal-graphite);font-size:.9rem;font-weight:500;transition:var(--transition-base);font-family:var(--font-body)}.back-button:hover{border-color:var(--primary)}.success-container{padding:4rem 2rem;text-align:center}.success-content{background:linear-gradient(135deg,var(--kalkvit) 0%,white 100%);border-radius:20px;padding:3rem 2rem;border:2px solid var(--primary);max-width:500px;margin:0 auto}.success-actions{display:flex;gap:1rem;justify-content:center}.secondary-action-btn{padding:.75rem 1.5rem;background:#fff;border:2px solid var(--primary);border-radius:8px;color:var(--primary);cursor:pointer;font-weight:600;transition:var(--transition-base);font-family:var(--font-body)}.secondary-action-btn:hover{background:var(--primary);color:#fff}.primary-action-btn{padding:.75rem 1.5rem;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;transition:var(--transition-base);font-family:var(--font-body)}.primary-action-btn:hover{background:var(--secondary)}.article-search-filters{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:center;flex-wrap:wrap}.search-input-container{position:relative;flex:1;min-width:200px}.search-input-container .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-muted);pointer-events:none}.search-input-container input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid var(--background-light);border-radius:8px;font-family:var(--font-body);font-size:.9rem;transition:var(--transition-base)}.search-input-container input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #b873331a}.filter-select{padding:.75rem;border:1px solid var(--background-light);border-radius:8px;font-family:var(--font-body);font-size:.9rem;min-width:150px;transition:var(--transition-base)}.filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #b873331a}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;padding:.5rem}.articles-list{display:flex;flex-direction:column;gap:.4rem;padding:0;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.article-list-item{display:flex;flex-direction:column;gap:.5rem;padding:.875rem;background:#fff;border:2px solid var(--background-light);border-radius:var(--radius-md, 10px);cursor:pointer;transition:all .2s ease;width:100%;max-width:100%;box-sizing:border-box;position:relative;overflow:hidden}.article-list-item:hover{border-color:var(--primary);box-shadow:0 2px 8px #00000014}.article-list-item.selected{border-color:var(--primary);background:linear-gradient(135deg,var(--kalkvit) 0%,white 100%);box-shadow:0 2px 12px #0000001a}.article-list-item .selection-circle{position:absolute;top:.875rem;right:.875rem;width:22px;height:22px;border-radius:50%;border:2px solid #ccc;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.article-list-item.selected .selection-circle{border-color:var(--primary);background:var(--primary)}.article-list-item .content-column{width:100%;padding-right:2.5rem;min-width:0;display:flex;flex-direction:column;gap:.2rem;box-sizing:border-box}.article-list-item .title-row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.article-list-item .article-title{font-weight:600;font-size:.9rem;color:var(--charcoal-graphite);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;max-width:100%}.article-list-item.selected .article-title{color:var(--primary)}.article-list-item .article-excerpt{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.article-list-item .framework-tags-row{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.article-list-item .meta-column{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;width:100%}.article-list-item .usage-badge{font-size:.7rem;padding:.2rem .5rem;border-radius:10px;font-weight:500}.article-list-item .usage-badge.used{background:rgba(var(--skogsgron-rgb),.1);color:var(--skogsgron);font-weight:600}.article-list-item .usage-badge.unused{background:var(--background-light, #F4F7FA);color:var(--text-muted)}.article-list-item .date-info{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-muted);white-space:nowrap}.article-list-item .arrow-icon{display:none}.article-list-item.selected .arrow-icon{color:var(--primary)}.article-list-item .framework-tag{padding:.15rem .4rem;border-radius:10px;font-size:.65rem;font-weight:600;color:#fff}.article-list-item .framework-tag.more{background:var(--text-muted)}.article-list-item .suggested-badge{background:var(--primary);color:#fff;padding:.1rem .4rem;border-radius:8px;font-size:.6rem;font-weight:600;flex-shrink:0}.article-list-item .research-badge{display:inline-flex;align-items:center;gap:.2rem;background:rgba(var(--skogsgron-rgb),.1);color:var(--skogsgron);padding:.1rem .4rem;border-radius:8px;font-size:.6rem;font-weight:600;flex-shrink:0}@media (min-width: 768px){.articles-list{gap:.5rem}.article-list-item{flex-direction:row;align-items:center;gap:1rem;padding:1rem;min-height:72px}.article-list-item .selection-circle{position:static}.article-list-item .content-column{flex:1;width:auto;padding-right:0;min-width:0}.article-list-item .meta-column{width:auto;flex-shrink:0;gap:.5rem}.article-list-item .date-info{display:none}.article-list-item .arrow-icon{display:block;color:var(--text-muted);flex-shrink:0}}@media (min-width: 1024px){.article-list-item{padding:1.1rem 1rem}.article-list-item .meta-column{gap:1rem}.article-list-item .date-info{display:flex}}.article-card{position:relative;padding:1.5rem;background:#fff;border:2px solid var(--background-light);border-radius:var(--radius-lg, 16px);cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-sm)}.article-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary)}.article-card.selected{border-color:var(--primary);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--kalkvit) 0%,white 100%)}.article-card.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.article-title{margin:0 0 .75rem;font-family:var(--font-header);font-size:1.1rem;font-weight:600;color:var(--charcoal-graphite);line-height:1.4}.article-card.selected .article-title{color:var(--primary)}.article-framework-tags{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.article-framework-tag{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;border:1px solid currentColor}.article-preview{margin:0 0 1rem;font-family:var(--font-body);font-size:.9rem;color:var(--text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-metadata{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:var(--text-muted);border-top:1px solid var(--background-light);padding-top:.75rem}.article-meta-left{display:flex;align-items:center;gap:1rem}.article-usage-count{color:var(--primary)}.article-unused{color:var(--color-success)}.article-quality-score{color:var(--text-muted)}.article-last-platforms{display:flex;align-items:center;gap:.25rem}.article-platform-tag{padding:.125rem .5rem;border-radius:12px;font-size:.7rem;font-weight:500}.article-selection-indicator{position:absolute;top:1rem;right:1rem;background:var(--primary);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.generated-results{margin-top:3rem}.generated-results h3{font-family:var(--font-serif);font-size:1.8rem;color:var(--charcoal-graphite);margin-bottom:2rem;text-align:center}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.result-platform-header{padding:1rem;color:#fff;display:flex;align-items:center;gap:.5rem}.result-platform-header h4{margin:0;font-family:var(--font-header);font-weight:600}.result-content{padding:1.5rem}.result-image{width:100%;border-radius:8px;margin-bottom:1rem}.result-text{white-space:pre-wrap;font-family:var(--font-body);font-size:.9rem;line-height:1.5;margin-bottom:1.5rem;color:var(--charcoal-graphite)}.result-actions{display:flex;gap:.5rem;border-top:1px solid var(--background-light);padding-top:1rem}.loading-spinner.small{width:16px;height:16px;border-width:2px;margin:0}.content-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--background-light)}.content-filters{display:flex;gap:1rem;align-items:center}.search-filter,.framework-filter{position:relative;display:flex;align-items:center}.search-icon,.filter-icon{position:absolute;left:.75rem;width:18px;height:18px;color:var(--text-muted);pointer-events:none}.search-input,.framework-select{padding:.5rem .75rem .5rem 2.5rem;border:2px solid var(--background-light);border-radius:8px;font-family:var(--font-body);font-size:.9rem;background:#fff;transition:var(--transition-base)}.search-input:focus,.framework-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #b873331a}.search-input{width:250px}.framework-select{width:200px}.content-list{display:grid;gap:1.5rem}.content-item-card{background:#fff;border-radius:var(--radius-lg, 16px);padding:2rem;box-shadow:var(--shadow-sm);border:1px solid var(--background-light);transition:var(--transition-base)}.content-item-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.content-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.content-item-left{display:flex;align-items:center;gap:.75rem;flex:1}.content-item-title{font-family:var(--font-header);font-size:1.2rem;font-weight:600;color:var(--charcoal-graphite);margin:0;flex:1;margin-right:1rem;line-height:1.4}.content-item-actions{display:flex;gap:.5rem;flex-shrink:0}.content-item-preview{margin-bottom:1.5rem}.content-excerpt{font-family:var(--font-body);color:var(--text-muted);line-height:1.6;font-size:.95rem;margin:0}.content-item-meta{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}.framework-tags{display:flex;flex-wrap:wrap;gap:.5rem;flex:1}.framework-tag{font-family:var(--font-body);padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;border:1px solid currentColor}.content-stats{font-family:var(--font-body);display:flex;gap:2rem;align-items:center;font-size:.85rem;color:var(--text-muted)}.usage-stats{display:flex;gap:1.5rem;align-items:center}.usage-count,.last-used{display:flex;align-items:center;gap:.5rem}.stat-icon{width:14px;height:14px;flex-shrink:0}.meta-right{display:flex;gap:1rem;align-items:center}.usage-btn{display:flex;align-items:center;gap:.25rem;padding:.4rem .75rem;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;border:2px solid transparent}.usage-btn.unused{background:#fff;color:var(--text-muted);border-color:var(--background-light)}.usage-btn.unused:hover{border-color:var(--primary);color:var(--primary)}.usage-btn.used{background:var(--primary);color:#fff;border-color:var(--primary)}.usage-btn.used:hover{background:var(--secondary);border-color:var(--secondary)}.usage-btn:disabled{opacity:.6;cursor:not-allowed}.content-date{font-weight:500}.performance-score{background:var(--primary);color:#fff;padding:.25rem .5rem;border-radius:12px;font-weight:600}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-muted)}.loading-spinner{width:40px;height:40px;border:4px solid var(--background-light);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-muted);text-align:center}.empty-state-icon{width:64px;height:64px;opacity:.5;margin-bottom:1rem}.empty-state h3{color:var(--charcoal-graphite);margin-bottom:.5rem}.empty-state p{max-width:400px;line-height:1.6}.error-message{background:var(--color-error-light);color:var(--color-error);padding:1rem;border-radius:8px;margin-bottom:1rem;border:1px solid var(--color-error)}.content-type-grid{display:flex;justify-content:center;align-items:stretch;gap:1rem;flex-wrap:nowrap;margin-bottom:2rem;max-width:1400px;margin-left:auto;margin-right:auto;overflow-x:auto;padding:0 1rem}.modern-theme .content-type-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));flex-wrap:wrap;overflow-x:visible;max-width:100%;padding:0}.content-type-card{flex:0 0 auto;width:240px;min-height:180px;background:#fff;border:2px solid var(--background-light);border-radius:var(--radius-lg, 16px);padding:1.25rem;cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.modern-theme .content-type-card{width:auto!important;min-width:0;flex:1 1 auto}.content-type-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent-color, var(--primary))}.content-type-card.active{border-color:var(--accent-color, var(--primary));background:linear-gradient(135deg,var(--kalkvit) 0%,white 100%);box-shadow:var(--shadow-lg)}.content-type-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.content-type-icon{width:24px;height:24px;color:var(--accent-color, var(--primary))}.content-count{background:var(--accent-color, var(--primary));color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.content-type-name{font-family:var(--font-header);font-weight:600;color:var(--charcoal-graphite);margin-bottom:.5rem}.content-type-description{font-size:.9rem;color:var(--text-muted);line-height:1.4}.ai-generation-interface{max-width:900px;margin:0 auto}.source-article-preview{background:#fff;padding:2rem;border-radius:12px;margin-bottom:2rem;border:2px solid var(--background-light)}.source-article-preview h3{font-family:var(--font-serif);font-size:1.5rem;color:var(--charcoal-graphite);margin-bottom:1rem}.input-group{margin-bottom:3rem}.input-group h3{font-family:var(--font-serif);font-size:1.5rem;color:var(--charcoal-graphite);margin-bottom:1rem;text-align:center}.generated-content-review{max-width:900px;margin:0 auto}.edit-content-container{max-width:1200px;margin:0 auto;padding:2rem}.edit-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:12px;border:2px solid var(--background-light);box-shadow:var(--shadow-sm)}.edit-header-left{display:flex;align-items:center;gap:1rem}.edit-header-title{margin:0;color:var(--charcoal-graphite);display:flex;align-items:center;gap:.5rem;font-family:var(--font-header)}.edit-header-subtitle{margin:.25rem 0 0;color:var(--text-muted);font-size:.9rem;font-family:var(--font-body)}.edit-header-note{margin:.25rem 0 0;color:var(--primary);font-size:.8rem;font-style:italic;font-family:var(--font-body)}.edit-header-right{display:flex;gap:1rem}.create-wizard-step1,.create-wizard-step2{max-width:1200px;margin:0 auto}.wizard-progress-bar{display:flex;flex-direction:column;align-items:stretch;margin-bottom:1rem;padding:.75rem;background:linear-gradient(135deg,#fffffff2,rgba(var(--background-light-rgb),.3));border-radius:12px;border:1px solid rgba(var(--background-light-rgb),.5);box-shadow:0 2px 12px #0000000f;width:100%;box-sizing:border-box;gap:0}.wizard-progress-item{display:flex;flex-direction:row;align-items:center;position:relative}.wizard-progress-item:last-child{flex:none}.wizard-progress-step-content{display:flex;flex-direction:row;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem .25rem;flex:1;border-radius:8px;transition:background .2s ease}.wizard-progress-step-content:hover{background:rgba(var(--background-light-rgb),.2)}.wizard-progress-number{width:28px;height:28px;min-width:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.7rem;background:rgba(var(--background-light-rgb),.6);color:var(--text-muted);transition:all .25s ease;flex-shrink:0;border:2px solid transparent}.wizard-progress-number.active{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;box-shadow:0 2px 8px #b8733359}.wizard-progress-number.current{border:2px solid var(--primary);box-shadow:0 0 0 3px #b8733326;animation:pulse-soft 2s infinite}@keyframes pulse-soft{0%,to{box-shadow:0 0 0 3px #b8733326}50%{box-shadow:0 0 0 5px #b8733314}}.wizard-progress-number:hover{transform:scale(1.05)}.wizard-progress-name{font-size:.8rem;font-weight:600;color:var(--text-muted);opacity:.75;transition:all .2s ease;text-align:left}.wizard-progress-name.active{color:var(--charcoal-graphite);opacity:1}.wizard-progress-desc{display:none;font-size:.65rem;color:var(--text-muted);opacity:.6;margin-top:1px}.wizard-progress-text{display:flex;flex-direction:column;align-items:flex-start}.wizard-progress-line{width:2px;height:12px;background:rgba(var(--background-light-rgb),.6);margin-left:13px;border-radius:2px;transition:all .3s ease;flex-shrink:0}.wizard-progress-line.active{background:linear-gradient(180deg,var(--primary) 0%,var(--secondary) 100%)}@media (min-width: 480px){.wizard-progress-bar{flex-direction:row;justify-content:center;align-items:flex-start;padding:1rem;gap:0}.wizard-progress-item{flex-direction:row;align-items:flex-start;flex:1 1 0;max-width:140px}.wizard-progress-item:last-child{flex:0 0 auto;max-width:none}.wizard-progress-step-content{flex-direction:column;align-items:center;text-align:center;gap:.25rem;padding:0;flex-shrink:0;min-width:50px}.wizard-progress-step-content:hover{background:transparent}.wizard-progress-number{width:36px;height:36px;min-width:36px;font-size:.85rem;margin-bottom:.25rem}.wizard-progress-name{font-size:.75rem;text-align:center;white-space:nowrap}.wizard-progress-text{align-items:center}.wizard-progress-line{width:auto;height:3px;flex:1;margin:0 .5rem;margin-top:16px;margin-left:0;min-width:20px}.wizard-progress-line.active{background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%)}}@media (min-width: 768px){.wizard-progress-bar{padding:1.25rem 1.5rem}.wizard-progress-number{width:40px;height:40px;min-width:40px;font-size:.9rem}.wizard-progress-name{font-size:.8rem}.wizard-progress-desc{display:block;font-size:.7rem;max-width:80px}.wizard-progress-line{margin:0 .75rem;margin-top:18px;min-width:40px}}@media (min-width: 1024px){.wizard-progress-bar{padding:1.5rem 2rem}.wizard-progress-number{width:44px;height:44px;font-size:1rem}.wizard-progress-name{font-size:.85rem}.wizard-progress-desc{font-size:.75rem;max-width:100px}.wizard-progress-line{min-width:60px;margin-top:20px}}.wizard-progress-container{display:flex;justify-content:center;align-items:flex-start;margin-bottom:1rem;padding:.75rem .5rem;background:#fff;border-radius:10px;border:1px solid var(--background-light);box-shadow:var(--shadow-sm);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.wizard-progress-container::-webkit-scrollbar{display:none}.wizard-progress-step{display:flex;align-items:center;flex-shrink:0}.wizard-step-content{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:60px}.wizard-step-number{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;margin-bottom:.25rem;background:var(--background-light);color:var(--text-muted);transition:var(--transition-base);opacity:.7}.wizard-step-number.active{background:var(--primary);color:#fff;opacity:1}.wizard-step-number.current{border:2px solid var(--secondary)}.wizard-step-number:hover{transform:scale(1.1)}.wizard-step-label{font-size:.7rem;font-weight:600;color:var(--text-muted);margin-bottom:.1rem;white-space:nowrap}.wizard-step-label.active{color:var(--charcoal-graphite)}.wizard-step-description{font-size:.6rem;color:var(--text-muted);max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wizard-step-connector{width:20px;height:2px;background:var(--background-light);margin:0 .25rem;flex-shrink:0;align-self:flex-start;margin-top:13px}.wizard-step-connector.active{background:var(--primary)}@media (min-width: 768px){.wizard-progress-container{padding:.75rem 1rem;overflow-x:visible}.wizard-step-content{min-width:80px}.wizard-step-number{width:32px;height:32px;font-size:.85rem;margin-bottom:.35rem}.wizard-step-label{font-size:.8rem}.wizard-step-description{font-size:.7rem;max-width:80px}.wizard-step-connector{width:40px;margin:0 .5rem;margin-top:15px}}@media (min-width: 1024px){.wizard-step-content{min-width:100px}.wizard-step-connector{width:60px;margin-top:15px}}.wizard-header{text-align:center;margin-bottom:3rem}.wizard-type-header{display:flex;align-items:center;gap:1rem;justify-content:center;margin-bottom:1rem}.wizard-type-icon{width:32px;height:32px}.source-article-selection{margin-bottom:2rem}.source-article-card{cursor:pointer;transition:var(--transition-base)}.source-article-card:hover{border-color:var(--primary);transform:translateY(-2px)}.content-creation-interface{max-width:1200px;margin:0 auto}.selected-indicator{color:var(--primary);font-size:.9rem;font-weight:400;margin-left:.5rem}.platform-label{font-size:.75rem;margin-right:.25rem}.edit-content-note{font-size:.8rem;color:var(--text-muted);font-weight:400;margin-left:.5rem;font-style:italic}.wizard-back-btn{margin-bottom:1rem}.error-dismiss{background:none;border:none;cursor:pointer;margin-left:auto;color:var(--color-error);opacity:.7}.error-dismiss:hover{opacity:1}@media (max-width: 1200px){.articles-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.results-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width: 900px){.step-indicator{flex-direction:column;gap:.5rem;font-size:.8rem}.design-step-header{flex-direction:column;align-items:flex-start;gap:1rem}.content-design-header{padding:1.5rem}.content-design-header .step-connector{display:none}.content-design-header .step-progress{gap:1rem}.content-design-header .step-circle{width:32px;height:32px;font-size:.8rem}.content-design-header .step-label{font-size:.7rem}}@media (max-width: 768px){.content-filters{flex-direction:column;align-items:stretch}.search-input,.framework-select{width:100%}.article-search-filters{flex-direction:column;align-items:stretch}.articles-grid,.results-grid{grid-template-columns:1fr}.edit-header{flex-direction:column;gap:1rem;align-items:stretch}.edit-header-right{justify-content:center}.success-actions{flex-direction:column}.content-design-header div{flex-direction:column;gap:1rem;text-align:center}}@media (max-width: 768px){.content-manager-body{padding:0 1rem}.content-manager-header{padding:1.5rem 1rem 0}.content-manager-header .main-title{font-size:1.75rem}.content-manager-header .main-subtitle{display:none}.content-list-header{flex-direction:column;align-items:stretch;gap:1rem}.content-item-header{flex-direction:column;gap:1rem}.content-item-actions{justify-content:flex-end}.content-item-meta{flex-direction:column;align-items:flex-start;gap:1rem}.edit-content-container{padding:1rem}.result-actions{flex-direction:column}.content-design-header{padding:1rem}.success-container,.success-content{padding:2rem 1rem}.content-design-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem}.content-design-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}@media (max-width: 480px){.content-design-cards-grid{grid-template-columns:1fr;gap:.75rem}}.filters-section .form-input{padding:.75rem;border:1px solid var(--background-light);border-radius:8px;font-family:var(--font-body);font-size:.9rem;transition:var(--transition-base);width:100%}.filters-section .form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #b873331a}.filters-section>div{grid-template-columns:1fr!important;gap:.75rem!important}.filters-section .form-input{min-height:48px!important;font-size:1rem!important}@media (max-width: 480px){.filters-section{padding:.75rem!important}}.reel-design-form{max-width:1200px;margin:0 auto}.reel-save-controls{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:var(--kalkvit);border-radius:8px;border:1px solid var(--background-light);margin-bottom:1rem}.reel-save-controls-main{display:flex;align-items:center;gap:.5rem;flex:1}.reel-draft-input{padding:.5rem;border:1px solid var(--color-border);border-radius:4px;font-size:.9rem;font-family:var(--font-body)}.reel-save-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;font-family:var(--font-body);transition:var(--transition-base)}.reel-save-btn:hover:not(:disabled){background-color:var(--secondary)}.reel-save-btn:disabled{opacity:.6;cursor:not-allowed}.reel-revert-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--text-muted);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;font-family:var(--font-body);transition:var(--transition-base)}.reel-revert-btn:hover:not(:disabled){background-color:var(--charcoal-graphite)}.reel-revert-btn:disabled{cursor:not-allowed}.reel-drafts-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#fff;border:1px solid var(--color-border);border-radius:4px;cursor:pointer;font-size:.9rem;font-family:var(--font-body);transition:var(--transition-base)}.reel-drafts-btn:hover{background-color:var(--kalkvit);border-color:var(--primary)}.reel-drafts-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background-color:#fff;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:300px;max-height:400px;overflow:auto}.reel-draft-item{padding:.75rem 1rem;border-bottom:1px solid var(--background-light);cursor:pointer;transition:background-color .2s;font-family:var(--font-body)}.reel-draft-item:hover{background-color:var(--kalkvit)}.reel-draft-item:last-child{border-bottom:none}.reel-draft-title{font-weight:500;margin-bottom:.25rem;color:var(--charcoal-graphite)}.reel-draft-date{font-size:.8rem;color:var(--text-muted)}.reel-no-drafts{padding:1rem;color:var(--text-muted);text-align:center;font-family:var(--font-body)}.reel-platform-selector{background:#fff;border:2px solid var(--primary);border-radius:8px;padding:1.5rem;margin-bottom:1rem}.reel-platform-title{font-family:var(--font-header);font-size:1.2rem;font-weight:600;color:var(--charcoal-graphite);margin:0 0 1rem}.reel-platform-select{width:100%;max-width:300px;padding:.75rem;border:1px solid var(--background-light);border-radius:4px;font-size:.9rem;font-family:var(--font-body);transition:var(--transition-base)}.reel-platform-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #b873331a}.reel-save-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:500;font-family:var(--font-body)}.config-info-panel{background:#fff;border-radius:12px;border:2px solid var(--background-light);margin-bottom:1.5rem;overflow:hidden}.config-info-header{background:linear-gradient(135deg,var(--kalkvit) 0%,white 100%);padding:1.5rem;border-bottom:2px solid var(--background-light)}.config-info-header span{font-size:.9rem;color:var(--text-muted);font-weight:500;font-family:var(--font-body)}.config-info-header h3{font-family:var(--font-header);font-size:1.5rem;font-weight:600;color:var(--charcoal-graphite);margin:.25rem 0 0}.config-info-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;padding:1.5rem}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-label{font-size:.85rem;font-weight:500;color:var(--text-muted);font-family:var(--font-body)}.info-value{font-size:1rem;font-weight:600;color:var(--charcoal-graphite);font-family:var(--font-header)}.edit-info-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--primary);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:var(--transition-base)}.edit-info-btn:hover:not(:disabled){background:var(--secondary)}.edit-info-btn:disabled{opacity:.6;cursor:not-allowed}.progress-display{display:flex;align-items:center;gap:.5rem}.progress-bar{flex:1;height:8px;background:var(--background-light);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--primary);transition:width .3s ease}.progress-percent{font-size:.8rem;font-weight:600;color:var(--primary);min-width:35px;font-family:var(--font-body)}.content-stats{padding:1rem 1.5rem;background:var(--kalkvit);border-top:1px solid var(--background-light);font-size:.9rem;font-style:italic;color:var(--text-muted);font-family:var(--font-body)}.reel-save-controls{flex-direction:column;gap:1rem;align-items:stretch}.reel-save-controls-main{flex-direction:column;gap:.75rem}.reel-draft-input{width:100%}.config-info-grid{grid-template-columns:1fr;gap:1rem}.reel-platform-select{max-width:100%}@media (max-width: 480px){.reel-save-controls{padding:.75rem}.config-info-header,.config-info-grid{padding:1rem}}}.modern-theme .content-manager{background:transparent!important;min-height:auto!important}.modern-theme .content-manager-body{padding:1rem!important;max-width:100%!important}.modern-theme .library-section,.modern-theme .generate-section,.modern-theme .content-type-section{background:linear-gradient(145deg,rgba(var(--background-light-rgb),.15),#fff6,rgba(var(--primary-rgb),.08))!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid rgba(var(--primary-rgb),.12)!important;border-radius:var(--radius-lg)!important;padding:1.5rem!important;margin-bottom:1.5rem!important;box-shadow:0 4px 20px rgba(var(--primary-rgb),.08)!important}.modern-theme .content-design-header{background:#ffffffd9!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid var(--glass-border)!important;color:var(--charcoal-graphite)!important;box-shadow:0 4px 16px #0000000f!important}.modern-theme .content-design-header h1,.modern-theme .content-design-header h2,.modern-theme .content-design-header h3{color:var(--charcoal-graphite)!important}.modern-theme .content-design-header .step-label{color:var(--text-muted)!important}.modern-theme .content-design-header .step-label.current{color:var(--charcoal-graphite)!important}.modern-theme .content-design-header .step-connector{background-color:rgba(var(--background-light-rgb),.5)!important}.modern-theme .content-design-header .step-connector.completed{background-color:var(--primary)!important}.modern-theme .design-form-header{background:#fff9!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border-bottom:1px solid rgba(var(--background-light-rgb),.3)!important}.modern-theme .reel-step-progress .step-circle{background:#fffc!important;border:2px solid rgba(var(--background-light-rgb),.4)!important;box-shadow:0 4px 12px #0000000f!important}.modern-theme .reel-step-progress .step-circle:hover:not(:disabled){background:#fff!important;border-color:rgba(var(--primary-rgb),.5)!important;box-shadow:0 6px 16px rgba(var(--primary-rgb),.15)!important}.modern-theme .reel-step-progress .step-circle.active{background:linear-gradient(145deg,var(--primary),var(--secondary))!important;border-color:var(--primary)!important;color:#fff!important;box-shadow:0 4px 16px rgba(var(--primary-rgb),.35)!important}.modern-theme .reel-step-progress .step-circle.current{border-color:var(--charcoal-graphite)!important;box-shadow:0 4px 16px rgba(var(--primary-rgb),.25),0 0 0 3px rgba(var(--primary-rgb),.1)!important}.modern-theme .reel-step-progress .step-connector{background:rgba(var(--background-light-rgb),.4)!important}.modern-theme .reel-step-progress .step-connector.completed{background:linear-gradient(90deg,var(--primary),var(--secondary))!important}.modern-theme .design-form-container{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important}.modern-theme .design-step-header{background:#fff9!important;border-bottom:1px solid rgba(var(--background-light-rgb),.3)!important}.modern-theme .article-card{background:linear-gradient(145deg,#ffffff59,rgba(var(--background-light-rgb),.15),rgba(var(--primary-rgb),.05))!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid rgba(var(--background-light-rgb),.25)!important;border-radius:var(--radius-lg)!important}.modern-theme .article-card:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.12),#ffffff73,rgba(var(--background-light-rgb),.2))!important;border-color:rgba(var(--primary-rgb),.25)!important;box-shadow:0 8px 24px rgba(var(--primary-rgb),.15)!important}.modern-theme .article-card.selected{background:linear-gradient(145deg,rgba(var(--primary-rgb),.2),#fff9,rgba(var(--primary-rgb),.15))!important;border-color:rgba(var(--primary-rgb),.35)!important;box-shadow:0 8px 32px rgba(var(--primary-rgb),.2),inset 0 1px #ffffff80!important}.modern-theme .source-article-preview,.modern-theme .edit-header{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important}.modern-theme .success-content{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid rgba(var(--primary-rgb),.3)!important;border-radius:var(--radius-lg)!important}.modern-theme .config-info-panel{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important}.modern-theme .config-info-header{background:#fff9!important;border-bottom:1px solid rgba(var(--background-light-rgb),.3)!important}.modern-theme .reel-platform-selector{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid rgba(var(--primary-rgb),.3)!important;border-radius:var(--radius-lg)!important}.modern-theme .reel-save-controls{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important}.modern-theme .import-notification{background:rgba(var(--dimblag-rgb),.1)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid rgba(var(--dimblag-rgb),.3)!important;border-radius:var(--radius-md)!important}.modern-theme .error-notification{background:rgba(var(--tegelrod-rgb),.08)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid rgba(var(--tegelrod-rgb),.2)!important;border-radius:var(--radius-md)!important}.modern-theme .back-button{background:var(--glass-bg)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid rgba(var(--background-light-rgb),.5)!important;border-radius:var(--radius-md)!important}.modern-theme .back-button:hover{background:#ffffffe6!important;border-color:var(--primary)!important}@media (max-width: 1024px){.modern-theme .content-manager .tab-navigation{display:none!important}.modern-theme .content-manager .tab-hamburger-wrapper{display:block!important}.modern-theme .content-type-grid{display:none!important}.modern-theme .content-type-hamburger-wrapper{display:block!important}}@media (max-width: 768px){.modern-theme .content-manager .tab-navigation{display:none!important}.modern-theme .content-manager-body{padding:.75rem!important;overflow-x:hidden!important}.modern-theme .articles-grid{grid-template-columns:1fr!important;gap:.75rem!important}.modern-theme .content-type-grid{display:none!important}.modern-theme .content-type-hamburger-wrapper{display:block!important}.modern-theme .article-search-filters{flex-direction:column!important;gap:.75rem!important}.modern-theme .search-input-container,.modern-theme .filter-select{width:100%!important;min-width:100%!important}}.modern-theme .primary-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%)!important;color:#fff!important;border:none!important;box-shadow:0 4px 12px #b8733340!important}.modern-theme .primary-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--secondary) 0%,var(--primary) 100%)!important;box-shadow:0 6px 16px #b8733359!important}.modern-theme .secondary-btn{background:var(--glass-bg)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;color:var(--charcoal-graphite)!important;border:1px solid rgba(var(--accent-rgb),.3)!important}.modern-theme .secondary-btn:hover{background:#ffffffe6!important;border-color:var(--primary)!important;color:var(--primary)!important}.modern-theme .secondary-btn.koppar-border{border-color:rgba(var(--primary-rgb),.4)!important;color:var(--primary)!important}.modern-theme .secondary-btn.koppar-border:hover{background:rgba(var(--primary-rgb),.08)!important;border-color:var(--primary)!important}.modern-theme .delete-btn{background:linear-gradient(135deg,var(--tegelrod) 0%,rgba(var(--tegelrod-rgb),.85) 100%)!important;color:#fff!important;border:none!important}.modern-theme .format-btn{background:var(--glass-bg)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid rgba(var(--background-light-rgb),.4)!important;color:var(--charcoal-graphite)!important}.modern-theme .format-btn:hover{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}.modern-theme .enhance-btn,.modern-theme .enhance-btn-sm{background:linear-gradient(135deg,var(--text-muted) 0%,var(--charcoal-graphite) 100%)!important;color:#fff!important;border:none!important}.modern-theme .enhance-btn:hover,.modern-theme .enhance-btn-sm:hover{background:linear-gradient(135deg,var(--charcoal-graphite) 0%,var(--text-muted) 100%)!important}.modern-theme .generate-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%)!important;color:#fff!important;border:none!important}.modern-theme .generate-btn:hover{background:linear-gradient(135deg,var(--secondary) 0%,var(--primary) 100%)!important}.modern-theme .copy-btn{background:var(--glass-bg)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid rgba(var(--background-light-rgb),.4)!important;color:var(--charcoal-graphite)!important}.modern-theme .copy-btn:hover{background:rgba(var(--primary-rgb),.1)!important;border-color:var(--primary)!important;color:var(--primary)!important}.modern-theme .edit-btn{background:var(--text-muted)!important;color:#fff!important;border:1px solid var(--text-muted)!important}.modern-theme .edit-btn:hover{background:var(--charcoal-graphite)!important;border-color:var(--charcoal-graphite)!important}.modern-theme .back-btn,.modern-theme .back-button{background:var(--glass-bg)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid rgba(var(--background-light-rgb),.4)!important;color:var(--charcoal-graphite)!important}.modern-theme .back-btn:hover,.modern-theme .back-button:hover{background:#ffffffe6!important;border-color:var(--primary)!important;color:var(--primary)!important}.modern-theme .error-dismiss{color:var(--charcoal-graphite)!important;background:transparent!important}.modern-theme .error-dismiss:hover{color:var(--primary)!important}.modern-theme .article-unused{color:var(--text-muted)!important}.modern-theme .evidence-badge{background:var(--text-muted)!important;color:#fff!important}.modern-theme .evidence-badge.high{background:var(--text-muted)!important}.modern-theme .evidence-badge.medium{background:var(--primary)!important}.modern-theme .evidence-badge.low{background:var(--charcoal-graphite)!important}.modern-theme .cancel-btn,.modern-theme .close-btn{background:var(--charcoal-graphite)!important;color:#fff!important;border:1px solid var(--charcoal-graphite)!important}.modern-theme .cancel-btn:hover,.modern-theme .close-btn:hover{background:var(--secondary)!important;border-color:var(--secondary)!important}.modern-theme .wizard-nav-btn{background:var(--glass-bg)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid rgba(var(--background-light-rgb),.4)!important;color:var(--charcoal-graphite)!important}.modern-theme .wizard-nav-btn:hover{background:#ffffffe6!important;border-color:var(--primary)!important}.modern-theme .wizard-nav-btn.primary{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%)!important;color:#fff!important;border:none!important}.modern-theme .content-manager .tab-navigation{display:flex!important;justify-content:center!important;gap:.75rem!important;margin:0!important;padding:.75rem!important;background:linear-gradient(145deg,#ffffff59,rgba(var(--background-light-rgb),.15))!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border-radius:var(--radius-xl)!important;border:1px solid var(--glass-border)!important;box-shadow:0 4px 20px rgba(var(--primary-rgb),.08),inset 0 1px #ffffff80!important}.modern-theme .content-manager .tab-btn,.modern-theme .content-manager .tab-button{background:linear-gradient(145deg,#ffffffe6,rgba(var(--background-light-rgb),.7))!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid rgba(var(--secondary-rgb),.3)!important;border-radius:var(--radius-full)!important;padding:.625rem 1.25rem!important;color:var(--charcoal-graphite)!important;font-weight:500!important;font-size:.875rem!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 2px 8px #00000014!important}.modern-theme .content-manager .tab-btn:hover,.modern-theme .content-manager .tab-button:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.12),#ffffffa6,rgba(var(--background-light-rgb),.2))!important;border-color:rgba(var(--primary-rgb),.25)!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(var(--primary-rgb),.12),inset 0 1px #ffffff80!important}.modern-theme .content-manager .tab-btn.active,.modern-theme .content-manager .tab-button.active{background:linear-gradient(145deg,rgba(var(--primary-rgb),.2),#ffffffb3,rgba(var(--primary-rgb),.15))!important;border-color:rgba(var(--primary-rgb),.35)!important;color:var(--primary)!important;font-weight:600!important;box-shadow:0 4px 16px rgba(var(--primary-rgb),.2),0 0 20px rgba(var(--primary-rgb),.1),inset 0 1px #fff9!important}.modern-theme .content-manager .tab-button .tab-icon,.modern-theme .content-manager .tab-btn .tab-icon{width:16px!important;height:16px!important;opacity:.8!important}.modern-theme .content-manager .tab-button.active .tab-icon,.modern-theme .content-manager .tab-btn.active .tab-icon{opacity:1!important;color:var(--primary)!important}.modern-theme .action-buttons button{background:var(--glass-bg)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid rgba(var(--background-light-rgb),.4)!important;color:var(--charcoal-graphite)!important}.modern-theme .action-buttons button:hover{background:rgba(var(--primary-rgb),.1)!important;border-color:var(--primary)!important;color:var(--primary)!important}.modern-theme .action-buttons button.primary,.modern-theme .action-buttons .primary-action{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%)!important;color:#fff!important;border:none!important}.library-header-card{background:#fff;padding:1rem 1.5rem 1.25rem;margin-top:.75rem;margin-bottom:1rem;border-radius:var(--radius-lg, 16px);border:1px solid var(--background-light);box-shadow:0 2px 8px #0000000f}.library-title{font-family:var(--font-serif);font-size:1.5rem;font-weight:500;color:var(--charcoal-graphite);margin-bottom:.25rem;text-align:center}.library-subtitle{font-family:var(--font-body);font-size:.95rem;color:var(--text-muted);text-align:center;margin-bottom:1rem}.library-meta{font-family:var(--font-body);font-size:.9rem;color:var(--text-muted);text-align:center;opacity:.8;margin-bottom:1rem}.wizard-header-row{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:.5rem}.wizard-header-row .library-title{margin-bottom:0}.wizard-back-btn{font-size:.9rem;padding:.5rem 1rem}.filter-bar{padding:1.25rem;background:var(--background-light);border-radius:var(--radius-lg, 16px);margin-bottom:1.5rem;border:1px solid rgba(var(--background-light-rgb),.5)}.filter-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem;align-items:end}.filter-field{display:flex;flex-direction:column;gap:.25rem}.filter-label{font-size:.8rem;font-weight:600;color:var(--charcoal-graphite);display:block;margin-bottom:.25rem}.search-input-wrapper{position:relative}.search-input-wrapper .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-muted);pointer-events:none}.search-input-wrapper .search-input{padding-left:2.5rem}@media (max-width: 768px){.filter-grid{grid-template-columns:1fr}}.modern-theme .library-header-card{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg, 16px)!important;box-shadow:0 8px 32px #00000014,inset 0 1px #ffffff80!important}.modern-theme .filter-bar{background:#fff9!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg, 16px)!important;box-shadow:inset 0 1px #fff6!important}.modern-theme .content-item-card{background:linear-gradient(145deg,rgba(var(--accent-rgb),.06),#ffffff61,rgba(var(--background-light-rgb),.15))!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid rgba(var(--accent-rgb),.12)!important;border-radius:var(--radius-lg, 16px)!important;box-shadow:0 4px 16px rgba(var(--accent-rgb),.06)!important;transition:all .2s ease!important}.modern-theme .content-item-card:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.1),#ffffff80,rgba(var(--background-light-rgb),.2))!important;border-color:rgba(var(--primary-rgb),.2)!important;box-shadow:0 8px 32px rgba(var(--primary-rgb),.1),inset 0 1px #fff6!important;transform:translateY(-2px)!important}.modern-theme .content-type-card{background:linear-gradient(145deg,rgba(var(--background-light-rgb),.2),#ffffff59,rgba(var(--accent-rgb),.08))!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(var(--background-light-rgb),.3)!important;border-radius:var(--radius-lg, 16px)!important;box-shadow:0 4px 20px rgba(var(--secondary-rgb),.08)!important}.modern-theme .content-type-card:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.15),#ffffff80,rgba(var(--background-light-rgb),.25))!important;border-color:rgba(var(--primary-rgb),.3)!important;box-shadow:0 8px 32px rgba(var(--primary-rgb),.12),inset 0 1px #ffffff80!important;transform:translateY(-2px)!important}.modern-theme .content-type-card.active{background:linear-gradient(145deg,rgba(var(--primary-rgb),.2),#ffffff8c,rgba(var(--primary-rgb),.15))!important;border-color:rgba(var(--primary-rgb),.4)!important;box-shadow:0 8px 32px rgba(var(--primary-rgb),.18),inset 0 1px #fff9!important}.modern-theme .loading-state,.modern-theme .empty-state{background:#ffffff80!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border-radius:var(--radius-lg, 16px)!important}.modern-theme .workspace-main{background:transparent!important}.modern-theme .content-list .content-item-card{margin-bottom:1rem}.no-pillars-banner{background:linear-gradient(135deg,rgba(var(--brand-amber-rgb, 217, 119, 6),.15),rgba(var(--brand-amber-rgb, 217, 119, 6),.08));border-bottom:1px solid rgba(var(--brand-amber-rgb, 217, 119, 6),.3);padding:1rem 2rem}.no-pillars-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.no-pillars-content>svg{color:var(--brand-amber, #D97706);flex-shrink:0}.no-pillars-text{flex:1;min-width:200px;display:flex;flex-direction:column;gap:.25rem}.no-pillars-text strong{color:var(--brand-amber, #D97706);font-size:.95rem}.no-pillars-text span{color:var(--secondary, #0F1A2A);font-size:.85rem}.no-pillars-actions{display:flex;gap:.75rem;flex-shrink:0}.no-pillars-actions button{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.no-pillars-actions .btn-secondary{background:#fff;border:1px solid #ddd;color:var(--charcoal-graphite)}.no-pillars-actions .btn-secondary:hover{background:var(--background-light, #F4F7FA);border-color:var(--glass-border)}.no-pillars-actions .btn-primary{background:var(--primary);border:none;color:#fff}.no-pillars-actions .btn-primary:hover{background:var(--secondary)}@media (max-width: 768px){.no-pillars-content{flex-direction:column;align-items:flex-start;text-align:left}.no-pillars-actions{width:100%;flex-direction:column}.no-pillars-actions button{width:100%;justify-content:center}}@media (max-width: 1024px){.modern-theme .content-manager .tab-navigation{display:none!important}.modern-theme .content-manager .tab-hamburger-wrapper{display:block!important}}@media (max-width: 768px){.content-manager .tab-navigation{display:none!important}.content-manager .tab-hamburger-wrapper{display:block!important}.modern-theme .content-manager .tab-navigation{display:none!important}.modern-theme .content-manager .tab-hamburger-wrapper{display:block!important}}.wizard-progress{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0;padding:1.5rem 0}.wizard-progress-step{position:relative;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.wizard-progress-step.pending{background:var(--kalkvit);color:var(--text-muted);border:2px solid rgba(var(--secondary-rgb),.4)}.wizard-progress-step.active{background:linear-gradient(135deg,var(--primary, #B87333),var(--secondary, #5E503F));color:#fff;border:2px solid var(--primary, #B87333);box-shadow:0 4px 16px rgba(var(--primary-rgb, 184, 115, 51),.35),0 0 0 4px rgba(var(--primary-rgb, 184, 115, 51),.15);transform:scale(1.1)}.wizard-progress-step.completed{background:var(--primary, #B87333);color:#fff;border:2px solid var(--primary, #B87333)}.wizard-progress-step.clickable{cursor:pointer;position:relative}.wizard-progress-step.clickable:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px dashed rgba(var(--primary-rgb, 184, 115, 51),.3);opacity:0;transition:opacity .2s ease}.wizard-progress-step.clickable:hover:after{opacity:1}.wizard-progress-step.clickable:hover{transform:scale(1.08);box-shadow:0 4px 16px rgba(var(--primary-rgb, 184, 115, 51),.35)}.wizard-progress-step.clickable:focus{outline:none;box-shadow:0 4px 12px rgba(var(--primary-rgb, 184, 115, 51),.25),0 0 0 3px rgba(var(--primary-rgb, 184, 115, 51),.2)}.wizard-progress-step.clickable:active{transform:scale(.98)}.wizard-progress-label{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:.5rem;font-size:.75rem;font-weight:500;color:var(--text-muted, #3A4A42);white-space:nowrap;opacity:.8}.wizard-progress-step.active .wizard-progress-label{color:var(--primary, #B87333);font-weight:600;opacity:1}.wizard-progress-step.completed .wizard-progress-label{color:var(--primary, #B87333)}.wizard-progress-connector{width:60px;height:3px;background:rgba(var(--secondary-rgb, 15, 26, 42),.3);border-radius:2px;transition:all .3s ease}.wizard-progress-connector.completed{background:var(--primary, #B87333)}.wizard-step-hint{width:100%;margin-top:1.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,rgba(var(--primary-rgb, 184, 115, 51),.06),rgba(var(--background-light-rgb, 229, 217, 199),.2));border:1px solid rgba(var(--primary-rgb, 184, 115, 51),.15);border-radius:var(--radius-md, 10px);text-align:center}.step-hint-text{font-size:.875rem;color:var(--text-muted, #3A4A42);line-height:1.5}.step-hint-text strong{color:var(--primary, #B87333);font-weight:600}@media (max-width: 768px){.wizard-progress{padding:1rem 0}.wizard-progress-step{width:40px;height:40px;font-size:1rem}.wizard-progress-step.active{transform:scale(1.05)}.wizard-progress-connector{width:40px;height:2px}.wizard-progress-label{font-size:.6875rem}}@media (max-width: 480px){.wizard-progress-step{width:36px;height:36px;font-size:.9rem}.wizard-progress-connector{width:28px}.wizard-progress-label{display:none}}.wizard-navigation{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:linear-gradient(180deg,#fff9,rgba(var(--background-light-rgb, 229, 217, 199),.3));border-top:1px solid var(--glass-border);border-radius:0 0 var(--radius-lg, 16px) var(--radius-lg, 16px)}.wizard-nav-left,.wizard-nav-right,.wizard-nav-publish-actions{display:flex;align-items:center;gap:.75rem}.wizard-nav-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-full, 9999px);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s ease}.wizard-nav-btn.primary{background:linear-gradient(135deg,var(--primary, #B87333),var(--secondary, #5E503F));color:#fff;border:none;box-shadow:0 3px 12px rgba(var(--primary-rgb, 184, 115, 51),.3)}.wizard-nav-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--primary-rgb, 184, 115, 51),.4)}.wizard-nav-btn.primary:active:not(:disabled){transform:translateY(0)}.wizard-nav-btn.secondary{background:#ffffffe6;color:var(--charcoal-graphite, #1C1C1E);border:1px solid rgba(var(--primary-rgb, 184, 115, 51),.3);box-shadow:0 2px 8px #0000000d}.wizard-nav-btn.secondary:hover:not(:disabled){background:rgba(var(--primary-rgb, 184, 115, 51),.1);border-color:var(--primary, #B87333);transform:translateY(-1px)}.wizard-nav-btn.back{background:transparent;color:var(--text-muted, #3A4A42);border:1px solid rgba(var(--accent-rgb, 58, 74, 66),.25);padding:.625rem 1.25rem}.wizard-nav-btn.back:hover:not(:disabled){background:rgba(var(--accent-rgb, 58, 74, 66),.08);border-color:var(--text-muted, #3A4A42)}.wizard-nav-btn.skip{background:transparent;color:var(--text-muted, #3A4A42);border:none;padding:.625rem 1rem;font-weight:500;text-decoration:underline;text-underline-offset:2px}.wizard-nav-btn.skip:hover:not(:disabled){color:var(--primary, #B87333)}.wizard-nav-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}@media (max-width: 768px){.wizard-navigation{padding:1rem;flex-wrap:wrap;gap:.75rem}.wizard-nav-left,.wizard-nav-right{flex:1}.wizard-nav-right{justify-content:flex-end}.wizard-nav-btn{padding:.625rem 1.125rem;font-size:.875rem}.wizard-nav-btn.back span{display:none}.wizard-nav-btn.back{padding:.625rem}.wizard-nav-publish-actions{flex-wrap:wrap;justify-content:flex-end}}@media (max-width: 480px){.wizard-navigation{flex-direction:column;gap:.75rem}.wizard-nav-left{order:2;width:100%}.wizard-nav-right{order:1;width:100%;justify-content:center}.wizard-nav-btn.back{width:100%;justify-content:center}.wizard-nav-btn.back span{display:inline}.wizard-nav-publish-actions{width:100%;flex-direction:column}.wizard-nav-publish-actions .wizard-nav-btn,.wizard-nav-btn.primary{width:100%;justify-content:center}}.ai-feedback{background:linear-gradient(145deg,#ffffffb3,rgba(var(--background-light-rgb, 229, 217, 199),.25));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(var(--primary-rgb, 184, 115, 51),.2);border-radius:var(--radius-lg, 16px);padding:0;margin:1rem 0;overflow:hidden;transition:all var(--transition-base, .2s ease)}.ai-feedback.loading{pointer-events:none}.ai-feedback-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:rgba(var(--primary-rgb, 184, 115, 51),.08);border-bottom:1px solid rgba(var(--primary-rgb, 184, 115, 51),.1)}.ai-feedback-title{font-weight:600;font-size:.875rem;color:var(--charcoal-graphite, #1C1C1E);display:flex;align-items:center;gap:.5rem}.ai-feedback-toggle{padding:.375rem;border:none;background:transparent;color:var(--text-muted, #3A4A42);cursor:pointer;border-radius:var(--radius-sm, 4px);transition:all var(--transition-fast, .15s ease)}.ai-feedback-toggle:hover{background:rgba(var(--primary-rgb, 184, 115, 51),.15);color:var(--primary, #B87333)}.ai-feedback-content{padding:1.25rem;min-height:120px;background:#fff9}.ai-feedback-empty{display:flex;align-items:center;justify-content:center;height:100px;color:var(--text-muted, #3A4A42);opacity:.7;font-style:italic}.ai-feedback-text{font-size:.9375rem;line-height:1.7;color:var(--charcoal-graphite, #1C1C1E);white-space:pre-wrap;word-break:break-word}.ai-feedback-text.editable{cursor:pointer;padding:.75rem 1rem;border-radius:var(--radius-md, 10px);border:1px dashed transparent;transition:all var(--transition-fast, .15s ease);position:relative;display:flex;align-items:flex-start;gap:.5rem}.ai-feedback-text.editable:hover{background:rgba(var(--primary-rgb, 184, 115, 51),.05);border-color:rgba(var(--primary-rgb, 184, 115, 51),.3)}.ai-feedback-edit-hint{flex-shrink:0;color:var(--text-muted, #3A4A42);opacity:0;transition:opacity var(--transition-fast, .15s ease)}.ai-feedback-text.editable:hover .ai-feedback-edit-hint{opacity:.6}.ai-feedback-text.editing{display:flex;flex-direction:column;gap:.75rem}.ai-feedback-edit-textarea{width:100%;min-height:80px;padding:.875rem 1rem;border:1px solid var(--primary, #B87333);border-radius:var(--radius-md, 10px);font-family:var(--font-body, "Source Sans 3", sans-serif);font-size:.9375rem;line-height:1.6;color:var(--charcoal-graphite, #1C1C1E);background:#fffffff2;resize:vertical;box-shadow:0 0 0 3px rgba(var(--primary-rgb, 184, 115, 51),.12)}.ai-feedback-edit-textarea:focus{outline:none}.ai-feedback-edit-actions{display:flex;gap:.5rem;justify-content:flex-end}.ai-feedback-edit-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border-radius:var(--radius-full, 9999px);font-weight:600;font-size:.8125rem;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.ai-feedback-edit-btn.save{background:linear-gradient(135deg,var(--primary, #B87333),var(--secondary, #5E503F));color:#fff;border:none}.ai-feedback-edit-btn.save:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-rgb, 184, 115, 51),.3)}.ai-feedback-edit-btn.cancel{background:#ffffffe6;color:var(--text-muted, #3A4A42);border:1px solid var(--glass-border)}.ai-feedback-edit-btn.cancel:hover{background:rgba(var(--primary-rgb, 184, 115, 51),.08);border-color:rgba(var(--primary-rgb, 184, 115, 51),.3)}.ai-feedback-image-container{display:flex;flex-direction:column;align-items:center;gap:.75rem}.ai-feedback-image{max-width:100%;max-height:400px;border-radius:var(--radius-md, 10px);box-shadow:0 4px 20px #0000001a;-o-object-fit:contain;object-fit:contain}.ai-feedback-image-prompt{font-size:.8125rem;color:var(--text-muted, #3A4A42);text-align:center;max-width:90%}.ai-feedback-video-container{display:flex;flex-direction:column;align-items:center;gap:.75rem}.ai-feedback-video{max-width:100%;max-height:400px;border-radius:var(--radius-md, 10px);box-shadow:0 4px 20px #0000001a}.ai-feedback-video-info{font-size:.8125rem;color:var(--text-muted, #3A4A42)}.ai-feedback-headlines{display:flex;flex-direction:column;gap:1rem}.ai-feedback-hook,.ai-feedback-h1,.ai-feedback-h2{padding:.75rem 1rem;background:#fffc;border-radius:var(--radius-md, 10px);border-left:3px solid var(--primary, #B87333)}.ai-feedback-headlines .label{display:block;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--primary, #B87333);margin-bottom:.25rem}.ai-feedback-hook p{margin:0;font-size:1rem;font-weight:500;color:var(--charcoal-graphite, #1C1C1E)}.ai-feedback-h1 h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--charcoal-graphite, #1C1C1E)}.ai-feedback-h2 h3{margin:0;font-size:1rem;font-weight:500;color:var(--text-muted, #3A4A42)}.ai-feedback-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem;color:var(--primary, #B87333)}.ai-feedback-loading .spinning{animation:spin 1s linear infinite}.loading-info{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;max-width:300px}.loading-stage{font-size:.875rem;font-weight:500;color:var(--charcoal-graphite, #1C1C1E)}.loading-progress{width:100%;height:6px;background:rgba(var(--background-light-rgb, 229, 217, 199),.5);border-radius:3px;overflow:hidden}.loading-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary, #B87333),var(--secondary, #5E503F));border-radius:3px;transition:width .3s ease}.ai-feedback-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:rgba(var(--tegelrod-rgb, 181, 74, 70),.1);border-top:1px solid rgba(var(--tegelrod-rgb, 181, 74, 70),.2);color:var(--tegelrod, #B54A46);font-size:.875rem}.ai-feedback-input-container{padding:1rem 1.25rem;border-top:1px solid var(--glass-border);background:#fff6}.ai-feedback-textarea{width:100%;min-height:80px;padding:.875rem 1rem;border:1px solid rgba(var(--primary-rgb, 184, 115, 51),.2);border-radius:var(--radius-md, 10px);font-family:var(--font-body, "Source Sans 3", sans-serif);font-size:.9375rem;line-height:1.5;color:var(--charcoal-graphite, #1C1C1E);background:#fffc;resize:vertical;transition:all var(--transition-fast, .15s ease)}.ai-feedback-textarea:focus{outline:none;border-color:var(--primary, #B87333);box-shadow:0 0 0 3px rgba(var(--primary-rgb, 184, 115, 51),.12)}.ai-feedback-textarea::-moz-placeholder{color:var(--text-muted, #3A4A42);opacity:.6}.ai-feedback-textarea::placeholder{color:var(--text-muted, #3A4A42);opacity:.6}.ai-feedback-actions{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-top:1px solid var(--glass-border);background:rgba(var(--background-light-rgb, 229, 217, 199),.15)}.ai-feedback-main-actions{display:flex;gap:.75rem}.ai-feedback-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--radius-full, 9999px);font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.ai-feedback-btn.primary{background:linear-gradient(135deg,var(--primary, #B87333),var(--secondary, #5E503F));color:#fff;border:none;box-shadow:0 2px 10px rgba(var(--primary-rgb, 184, 115, 51),.25)}.ai-feedback-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--primary-rgb, 184, 115, 51),.35)}.ai-feedback-btn.secondary{background:#ffffffe6;color:var(--charcoal-graphite, #1C1C1E);border:1px solid rgba(var(--primary-rgb, 184, 115, 51),.25)}.ai-feedback-btn.secondary:hover:not(:disabled){background:rgba(var(--primary-rgb, 184, 115, 51),.1);border-color:var(--primary, #B87333)}.ai-feedback-btn:disabled{opacity:.5;cursor:not-allowed}.ai-feedback-history-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:transparent;border:1px solid rgba(var(--accent-rgb, 58, 74, 66),.25);border-radius:var(--radius-sm, 4px);color:var(--text-muted, #3A4A42);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.ai-feedback-history-btn:hover{background:rgba(var(--accent-rgb, 58, 74, 66),.08);border-color:var(--text-muted, #3A4A42)}.ai-feedback-history-panel{border-top:1px solid var(--glass-border);background:#ffffff80;max-height:300px;overflow-y:auto}.history-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background:rgba(var(--accent-rgb, 58, 74, 66),.08);border-bottom:1px solid var(--glass-border);font-weight:600;font-size:.8125rem;color:var(--text-muted, #3A4A42)}.history-close-btn{padding:.25rem;border:none;background:transparent;color:var(--text-muted, #3A4A42);cursor:pointer;border-radius:var(--radius-sm, 4px)}.history-close-btn:hover{background:rgba(var(--accent-rgb, 58, 74, 66),.15)}.history-list{padding:.5rem}.history-item{padding:.75rem 1rem;border-radius:var(--radius-md, 10px);cursor:pointer;transition:all var(--transition-fast, .15s ease);margin-bottom:.5rem}.history-item:last-child{margin-bottom:0}.history-item:hover{background:rgba(var(--primary-rgb, 184, 115, 51),.1)}.history-item-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.history-version{font-weight:600;font-size:.8125rem;color:var(--charcoal-graphite, #1C1C1E)}.history-time{font-size:.75rem;color:var(--text-muted, #3A4A42);opacity:.8}.history-feedback{font-size:.75rem;color:var(--primary, #B87333);font-style:italic;margin:.25rem 0}.history-preview{font-size:.8125rem;color:var(--text-muted, #3A4A42);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-preview img{width:60px;height:60px;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm, 4px)}@media (max-width: 768px){.ai-feedback{margin:.75rem 0;border-radius:var(--radius-md, 10px)}.ai-feedback-header{padding:.875rem 1rem}.ai-feedback-content{padding:1rem;min-height:100px}.ai-feedback-input-container{padding:.875rem 1rem}.ai-feedback-textarea{min-height:60px;padding:.75rem;font-size:.875rem}.ai-feedback-actions{flex-direction:column;gap:.75rem;padding:.875rem 1rem}.ai-feedback-main-actions{width:100%;justify-content:stretch}.ai-feedback-btn{flex:1;justify-content:center;padding:.75rem 1rem}.ai-feedback-history-btn{width:100%;justify-content:center}.ai-feedback-image,.ai-feedback-video{max-height:280px}}@media (max-width: 480px){.ai-feedback-main-actions{flex-direction:column}.ai-feedback-btn{width:100%}}.content-source-selector-v2{margin-bottom:1.5rem}.source-type-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}.source-type-tab{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--kalkvit, #FFFFFF);border:2px solid var(--glass-border);border-radius:16px;cursor:pointer;transition:all .15s ease;text-align:left;position:relative}.source-type-tab:hover{border-color:var(--skogsgron, #16A34A);background:rgba(var(--skogsgron-rgb, 22, 163, 74),.04)}.source-type-tab.active{border-color:var(--skogsgron, #16A34A);background:rgba(var(--skogsgron-rgb, 22, 163, 74),.08);box-shadow:0 4px 12px rgba(var(--skogsgron-rgb, 22, 163, 74),.15)}.source-type-tab .tab-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--sandbeige, #F4F7FA);border-radius:10px;color:var(--text-muted, #6B7280);flex-shrink:0;transition:all .15s ease}.source-type-tab.active .tab-icon{background:var(--skogsgron, #16A34A);color:var(--kalkvit, #FFFFFF)}.source-type-tab.toggle-advanced{border-style:dashed;background:rgba(var(--koppar-rgb, 184, 115, 51),.04)}.source-type-tab.toggle-advanced:hover{border-color:var(--koppar, #B87333);background:rgba(var(--koppar-rgb, 184, 115, 51),.08)}.source-type-tab.toggle-advanced .tab-icon{background:rgba(var(--koppar-rgb, 184, 115, 51),.1);color:var(--koppar, #B87333)}.source-type-tab.toggle-advanced .tab-label{color:var(--koppar, #B87333)}.source-type-tab.toggle-advanced .tab-description{color:var(--jordbrun, #5E503F)}.source-type-tab .tab-content{flex:1;min-width:0}.source-type-tab .tab-label{display:block;font-size:.9375rem;font-weight:600;color:var(--charcoal-graphite, #1C1C1E);margin-bottom:.125rem}.source-type-tab .tab-description{display:block;font-size:.75rem;color:var(--text-muted, #6B7280);opacity:.8}.tab-selected-check{position:absolute;top:.75rem;right:.75rem;color:var(--skogsgron, #16A34A);background:rgba(var(--skogsgron-rgb, 22, 163, 74),.15);border-radius:50%;padding:.25rem}.selection-banner{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:linear-gradient(135deg,rgba(var(--skogsgron-rgb, 22, 163, 74),.1),rgba(var(--skogsgron-rgb, 22, 163, 74),.05));border:1px solid rgba(var(--skogsgron-rgb, 22, 163, 74),.25);border-radius:10px;margin-bottom:1rem}.selection-banner-header{display:flex;align-items:center;justify-content:space-between}.selection-count{font-size:.8125rem;font-weight:600;color:var(--skogsgron, #16A34A)}.selection-clear{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:var(--kalkvit, #FFFFFF);border:1px solid rgba(var(--text-muted-rgb, 107, 114, 128),.2);border-radius:4px;color:var(--text-muted, #6B7280);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease}.selection-clear:hover{background:rgba(var(--tegelrod-rgb, 220, 38, 38),.08);border-color:var(--tegelrod, #DC2626);color:var(--tegelrod, #DC2626)}.selection-items{display:flex;flex-direction:column;gap:.5rem}.selection-item{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;background:var(--kalkvit, #FFFFFF);border:1px solid var(--glass-border);border-radius:8px}.selection-item-icon{flex-shrink:0}.selection-item-icon.article{color:var(--koppar, #B87333)}.selection-item-icon.research{color:var(--skogsgron, #16A34A)}.selection-item-title{flex:1;font-size:.8125rem;font-weight:500;color:var(--charcoal-graphite, #1C1C1E);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selection-item-remove{display:flex;align-items:center;justify-content:center;padding:.25rem;background:transparent;border:none;color:var(--text-muted, #6B7280);cursor:pointer;border-radius:4px;opacity:.5;transition:all .15s ease}.selection-item-remove:hover{opacity:1;background:rgba(var(--tegelrod-rgb, 220, 38, 38),.1);color:var(--tegelrod, #DC2626)}.selection-hint{margin:0;font-size:.75rem;color:var(--text-muted, #6B7280);opacity:.7}.tab-selected-count{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;background:var(--skogsgron, #16A34A);color:var(--kalkvit, #FFFFFF);font-size:.75rem;font-weight:600;border-radius:10px;padding:0 .375rem}.browse-content-section{background:var(--sandbeige, #F4F7FA);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden}.browse-toolbar{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--kalkvit, #FFFFFF);border-bottom:1px solid var(--glass-border)}.browse-search{display:flex;align-items:center;gap:.625rem;flex:1;padding:.625rem .875rem;background:var(--sandbeige, #F4F7FA);border:1px solid transparent;border-radius:10px;transition:all .15s ease}.browse-search:focus-within{background:var(--kalkvit, #FFFFFF);border-color:var(--skogsgron, #16A34A);box-shadow:0 0 0 3px rgba(var(--skogsgron-rgb, 22, 163, 74),.1)}.browse-search>svg{color:var(--text-muted, #6B7280);opacity:.6;flex-shrink:0}.browse-search input{flex:1;border:none;background:transparent;font-size:.875rem;color:var(--charcoal-graphite, #1C1C1E);min-width:0}.browse-search input:focus{outline:none}.browse-search input::-moz-placeholder{color:var(--text-muted, #6B7280);opacity:.5}.browse-search input::placeholder{color:var(--text-muted, #6B7280);opacity:.5}.search-clear{display:flex;align-items:center;justify-content:center;padding:.25rem;background:transparent;border:none;color:var(--text-muted, #6B7280);cursor:pointer;border-radius:4px;opacity:.6}.search-clear:hover{opacity:1;background:rgba(var(--text-muted-rgb, 107, 114, 128),.1)}.filter-toggle{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:var(--kalkvit, #FFFFFF);border:1px solid var(--glass-border);border-radius:10px;color:var(--text-muted, #6B7280);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease;flex-shrink:0}.filter-toggle:hover{border-color:var(--skogsgron, #16A34A)}.filter-toggle.active{background:rgba(var(--skogsgron-rgb, 22, 163, 74),.1);border-color:var(--skogsgron, #16A34A);color:var(--skogsgron, #16A34A)}.filter-toggle.has-filters{border-color:var(--koppar, #B87333);color:var(--koppar, #B87333)}.filter-count{display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;background:var(--koppar, #B87333);color:var(--kalkvit, #FFFFFF);font-size:.6875rem;font-weight:600;border-radius:9999px;padding:0 .375rem}.pillar-filters{padding:.75rem 1rem;background:var(--sandbeige, #F4F7FA);border-bottom:1px solid var(--glass-border)}.filter-label{display:block;font-size:.75rem;font-weight:600;color:var(--text-muted, #6B7280);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.03em}.pillar-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.pillar-chip{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:var(--kalkvit, #FFFFFF);border:1px solid var(--glass-border);border-radius:9999px;font-size:.8125rem;font-weight:500;color:var(--text-muted, #6B7280);cursor:pointer;transition:all .15s ease}.pillar-chip:hover{border-color:var(--pillar-color, var(--koppar, #B87333));background:var(--sandbeige, #F4F7FA)}.pillar-chip.selected{background:var(--pillar-color, var(--koppar, #B87333));border-color:var(--pillar-color, var(--koppar, #B87333));color:var(--kalkvit, #FFFFFF)}.pillar-dot{width:8px;height:8px;background:var(--pillar-color, var(--koppar, #B87333));border-radius:50%;flex-shrink:0}.pillar-chip.selected .pillar-dot{background:var(--kalkvit, #FFFFFF)}.clear-filters{background:transparent;border:none;color:var(--text-muted, #6B7280);font-size:.75rem;cursor:pointer;text-decoration:underline;opacity:.7}.clear-filters:hover{opacity:1}.browse-list{padding:1rem;max-height:600px;overflow-y:auto}.browse-loading,.browse-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--text-muted, #6B7280);text-align:center}.browse-loading>svg,.browse-empty>svg{opacity:.4;margin-bottom:.75rem}.browse-loading span,.browse-empty p{font-size:.875rem;opacity:.7}.browse-empty button{margin-top:.75rem;padding:.5rem 1rem;background:var(--skogsgron, #16A34A);border:none;border-radius:4px;color:var(--kalkvit, #FFFFFF);font-size:.8125rem;font-weight:500;cursor:pointer}.browse-empty button:hover{opacity:.9}.content-cards{display:flex;flex-direction:column;gap:.75rem}.content-card{display:block;width:100%;padding:1rem;background:var(--kalkvit, #FFFFFF);border:1px solid var(--glass-border);border-radius:10px;text-align:left;cursor:pointer;transition:all .15s ease;position:relative}.content-card:hover{border-color:rgba(var(--skogsgron-rgb, 22, 163, 74),.4);box-shadow:0 4px 12px #0000000f;transform:translateY(-1px)}.content-card.selected{border-color:var(--skogsgron, #16A34A);background:rgba(var(--skogsgron-rgb, 22, 163, 74),.05);box-shadow:0 4px 12px rgba(var(--skogsgron-rgb, 22, 163, 74),.15)}.content-card.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.content-card.disabled:hover{transform:none;box-shadow:none;border-color:var(--glass-border)}.card-disabled-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;background:var(--glass-border);color:var(--text-muted, #6B7280);font-size:.6875rem;font-weight:500;border-radius:4px;flex-shrink:0;white-space:nowrap}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.card-title{margin:0;font-size:.9375rem;font-weight:600;color:var(--charcoal-graphite, #1C1C1E);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.card-selected-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--skogsgron, #16A34A);color:var(--kalkvit, #FFFFFF);font-size:.6875rem;font-weight:600;border-radius:4px;flex-shrink:0;white-space:nowrap}.card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .75rem;margin-bottom:.5rem}.meta-item{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-muted, #6B7280);opacity:.8}.meta-item>svg{opacity:.6;flex-shrink:0}.meta-item.research-count{color:var(--koppar, #B87333);background:rgba(var(--koppar-rgb, 184, 115, 51),.1);padding:.125rem .5rem;border-radius:9999px;opacity:1}.evidence-strength{display:inline-block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.125rem .5rem;border-radius:9999px}.evidence-strength.strong{background:rgba(var(--skogsgron-rgb, 22, 163, 74),.15);color:var(--skogsgron, #16A34A)}.evidence-strength.moderate{background:rgba(var(--koppar-rgb, 184, 115, 51),.15);color:var(--koppar, #B87333)}.evidence-strength.emerging{background:rgba(var(--text-muted-rgb, 107, 114, 128),.1);color:var(--text-muted, #6B7280)}.card-content-preview{margin:.75rem 0;padding:.75rem;background:var(--sandbeige, #F4F7FA);border-radius:8px;font-size:.875rem;color:var(--charcoal-graphite, #1C1C1E);line-height:1.6;border-left:3px solid var(--koppar, #B87333)}.card-key-findings{margin:.5rem 0;padding:.5rem .75rem;background:rgba(var(--skogsgron-rgb, 22, 163, 74),.08);border-radius:6px;font-size:.8125rem;line-height:1.5}.key-findings-label{display:block;font-weight:600;color:var(--skogsgron, #16A34A);font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.key-findings-text{color:var(--text-muted, #6B7280)}.card-pillars{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.75rem}.card-pillar-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#b873331a;background:color-mix(in srgb,var(--pillar-color, #B87333) 12%,white);border:1px solid color-mix(in srgb,var(--pillar-color, #B87333) 25%,transparent);border-radius:9999px;font-size:.6875rem;font-weight:500;color:var(--pillar-color, #B87333)}.more-pillars{display:inline-flex;align-items:center;padding:.25rem .5rem;background:var(--sandbeige, #F4F7FA);border-radius:9999px;font-size:.6875rem;font-weight:500;color:var(--text-muted, #6B7280)}.card-footer,.card-meta-row{display:flex;align-items:center;gap:1rem;margin-top:.75rem;padding-top:.5rem;border-top:1px solid var(--glass-border)}.card-arrow{display:none}.custom-topic-hint{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,rgba(var(--koppar-rgb, 184, 115, 51),.08),rgba(var(--sandbeige-rgb, 244, 247, 250),.3));border:1px solid rgba(var(--koppar-rgb, 184, 115, 51),.2);border-radius:10px}.custom-topic-hint>svg{color:var(--koppar, #B87333);flex-shrink:0;margin-top:.125rem}.custom-topic-hint p{margin:0;font-size:.875rem;color:var(--text-muted, #6B7280);line-height:1.5}@media (max-width: 768px){.source-type-tabs{grid-template-columns:1fr;gap:.5rem}.source-type-tab{padding:.875rem}.source-type-tab .tab-icon{width:36px;height:36px}.browse-toolbar{flex-direction:column;gap:.625rem}.browse-search{width:100%}.filter-toggle{width:100%;justify-content:center}.browse-list{max-height:450px}.card-content-preview{font-size:.8125rem;padding:.5rem}.selection-banner{flex-direction:column;align-items:flex-start;gap:.75rem}.selection-clear{width:100%;justify-content:center}}@media (max-width: 480px){.source-type-tab{padding:.75rem}.source-type-tab .tab-content{display:flex;flex-direction:column}.source-type-tab .tab-description{display:none}.pillar-chips{gap:.375rem}.pillar-chip{padding:.375rem .625rem;font-size:.75rem}.content-card{padding:.875rem 2rem .875rem .875rem}.card-title{font-size:.875rem}}.variant-selector{margin-top:1.5rem}.variant-selector.loading{display:flex;justify-content:center;align-items:center;min-height:200px;background:linear-gradient(145deg,#fff9,rgba(var(--background-light-rgb),.2));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.loading-indicator{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.loading-indicator .spinning{color:var(--primary);animation:spin 1s linear infinite}.progress-stage{font-size:.9rem;color:var(--charcoal-graphite);text-align:center}.progress-bar{width:200px;height:6px;background:var(--background-light);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--skog));border-radius:3px;transition:width .3s ease}.progress-text{font-size:.8rem;color:var(--text-muted)}.variant-header{margin-bottom:1.25rem}.variant-header h3{font-size:1.1rem;color:var(--charcoal-graphite);margin:0 0 .5rem}.variant-subtitle{font-size:.85rem;color:var(--text-muted);margin:0}.variants-grid{display:flex;flex-direction:column;gap:1rem}.variant-card{background:linear-gradient(145deg,#fffc,rgba(var(--background-light-rgb),.15));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden;transition:all .2s ease}.variant-card:hover{border-color:rgba(var(--primary-rgb),.25);box-shadow:0 4px 12px rgba(var(--primary-rgb),.1)}.variant-card.selected{border-color:var(--primary);background:linear-gradient(145deg,rgba(var(--primary-rgb),.08),#fffc)}.variant-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid rgba(var(--primary-rgb),.1);cursor:pointer}.variant-style-info{display:flex;align-items:center;gap:.75rem}.style-icon{color:var(--primary)}.style-text{display:flex;flex-direction:column}.style-name{font-weight:600;font-size:.95rem;color:var(--charcoal-graphite)}.style-desc{font-size:.75rem;color:var(--text-muted)}.selected-badge{display:flex;align-items:center;gap:.35rem;padding:.35rem .75rem;background:var(--primary);color:#fff;border-radius:20px;font-size:.75rem;font-weight:600}.variant-preview{padding:1rem;cursor:pointer}.variant-preview p{margin:0;font-size:.85rem;color:var(--charcoal-graphite);line-height:1.5}.variant-meta{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-top:1px solid rgba(var(--primary-rgb),.1);background:rgba(var(--background-light-rgb),.1)}.word-count{font-size:.75rem;color:var(--text-muted)}.expand-toggle{display:flex;align-items:center;gap:.35rem;padding:.35rem .75rem;background:transparent;border:1px solid rgba(var(--primary-rgb),.2);border-radius:4px;font-size:.75rem;color:var(--primary);cursor:pointer;transition:all .2s}.expand-toggle:hover{background:rgba(var(--primary-rgb),.05);border-color:var(--primary)}.variant-full-content{padding:1rem;border-top:1px solid rgba(var(--primary-rgb),.1);background:#ffffff80}.variant-full-content pre{margin:0 0 1rem;padding:1rem;background:rgba(var(--background-light-rgb),.15);border-radius:var(--radius-sm);font-family:inherit;font-size:.85rem;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;color:var(--charcoal-graphite);max-height:300px;overflow-y:auto}.regenerate-section{display:flex;gap:.75rem;align-items:center}.regenerate-section input{flex:1;padding:.6rem .9rem;border:1px solid rgba(var(--primary-rgb),.2);border-radius:var(--radius-sm);font-size:.85rem}.regenerate-section input:focus{outline:none;border-color:var(--primary)}.regenerate-btn{display:flex;align-items:center;gap:.4rem;padding:.6rem 1rem;background:transparent;border:1px solid var(--primary);border-radius:var(--radius-sm);color:var(--primary);font-size:.85rem;cursor:pointer;transition:all .2s}.regenerate-btn:hover:not(:disabled){background:var(--primary);color:#fff}.regenerate-btn:disabled{opacity:.6;cursor:not-allowed}.select-variant-btn{width:100%;padding:.9rem;border:none;background:transparent;color:var(--primary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;border-top:1px solid rgba(var(--primary-rgb),.1)}.select-variant-btn:hover:not(.selected){background:rgba(var(--primary-rgb),.05)}.select-variant-btn.selected{background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;gap:.5rem}.accept-section{margin-top:1.5rem;display:flex;justify-content:center}.accept-btn{display:flex;align-items:center;gap:.5rem;padding:.9rem 2rem;background:linear-gradient(135deg,var(--primary),#9d6631);border:none;border-radius:var(--radius-md);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.accept-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(var(--primary-rgb),.4)}@media (max-width: 768px){.variant-card-header{flex-direction:column;align-items:flex-start;gap:.75rem}.selected-badge{align-self:flex-end}.regenerate-section{flex-direction:column}.regenerate-section input{width:100%}}.source-selection-panel{background:#fff9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg, 16px);padding:1.25rem}.source-selection-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.source-selection-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--charcoal-graphite, #1C1C1E)}.source-selection-subtitle{font-size:.8125rem;color:var(--text-muted, #3A4A42);margin:0 0 1rem;opacity:.8}.source-options-grid{display:flex;flex-direction:column;gap:1rem}.source-section{display:flex;flex-direction:column;gap:.5rem}.source-section-label{display:flex;align-items:center;gap:.375rem;font-size:.6875rem;font-weight:600;color:var(--text-muted, #3A4A42);text-transform:uppercase;letter-spacing:.05em;padding-left:.25rem;margin-bottom:.25rem}.source-section.collapsible{border-radius:var(--radius-md, 10px);background:#fff6;padding:.5rem}.source-section-toggle{display:flex;align-items:center;gap:.5rem;width:100%;padding:.625rem .75rem;background:transparent;border:none;border-radius:var(--radius-sm, 6px);cursor:pointer;font-size:.75rem;font-weight:600;color:var(--text-muted, #3A4A42);text-transform:uppercase;letter-spacing:.03em;transition:all .15s ease}.source-section-toggle:hover{background:rgba(var(--background-light-rgb, 229, 217, 199),.3)}.source-section-toggle .section-count{margin-left:auto;font-size:.6875rem;font-weight:500;color:var(--dimblag, #A1B1C6);text-transform:none}.source-section.collapsed .source-section-toggle{color:var(--dimblag, #A1B1C6)}.source-section.expanded .source-section-toggle{color:var(--primary, #B87333);background:rgba(var(--primary-rgb, 184, 115, 51),.08);margin-bottom:.5rem}.source-option{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#ffffffb3;border:2px solid var(--glass-border);border-radius:var(--radius-md, 10px);cursor:pointer;transition:all var(--transition-fast, .15s ease);text-align:left;width:100%}.source-option:hover:not(:disabled){border-color:var(--source-color, var(--primary, #B87333));background:#ffffffe6;transform:translateY(-1px)}.source-option.selected{border-color:var(--source-color, var(--primary, #B87333));background:rgba(var(--primary-rgb, 184, 115, 51),.08);box-shadow:0 2px 10px #00000014}.source-option.selected .source-option-icon{color:var(--source-color, var(--primary, #B87333))}.source-option.empty{opacity:.5;cursor:not-allowed}.source-option:disabled{cursor:not-allowed;opacity:.6}.source-option-checkbox{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.source-option-checkbox .empty-checkbox{width:20px;height:20px;min-width:20px;min-height:20px;aspect-ratio:1 / 1;border:2px solid var(--secondary, #5E503F);border-radius:9999px;background:var(--kalkvit, #FFFFFF);transition:all .15s ease;box-sizing:border-box;flex-shrink:0}.source-option:hover:not(:disabled) .empty-checkbox{border-color:var(--primary, #B87333)}.source-option-checkbox .check-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--primary, #B87333);border-radius:50%;color:var(--kalkvit, #FFFFFF);padding:3px;box-sizing:border-box}.source-option-icon{color:var(--text-muted, #3A4A42);flex-shrink:0;transition:color var(--transition-fast, .15s ease)}.source-option-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.source-option-label{font-size:.875rem;font-weight:600;color:var(--charcoal-graphite, #1C1C1E)}.source-option-description{font-size:.75rem;color:var(--text-muted, #3A4A42);opacity:.8}.source-option-count{font-size:.75rem;color:var(--text-muted, #3A4A42);flex-shrink:0;padding-left:.5rem;opacity:.7}.source-option-count .count-zero{opacity:.5}.source-option-count .spinning{animation:spin 1s linear infinite}.source-selection-warning{margin-top:.75rem;padding:.625rem .875rem;background:rgba(var(--tegelrod-rgb, 181, 74, 70),.1);border:1px solid rgba(var(--tegelrod-rgb, 181, 74, 70),.25);border-radius:var(--radius-md, 10px);font-size:.8125rem;color:var(--tegelrod, #B54A46);text-align:center}@media (max-width: 768px){.source-selection-panel{padding:1rem}.source-option{padding:.75rem}}@media (max-width: 480px){.source-option-description{display:none}}.content-development-step{display:flex;flex-direction:column;gap:1.5rem}.required{color:var(--tegelrod, #B54A46)}.step-section.collapsible-section{padding:0;overflow:hidden}.step-section.collapsible-section.collapsed{background:rgba(var(--background-light-rgb, 232, 237, 244),.15);border:1px dashed var(--glass-border)}.step-section.collapsible-section.expanded{padding-bottom:1.25rem}.section-toggle{display:flex;align-items:center;gap:.5rem;width:100%;padding:1rem 1.25rem;background:transparent;border:none;cursor:pointer;transition:all .15s ease;text-align:left}.section-toggle:hover{background:rgba(var(--primary-rgb, 30, 58, 95),.04)}.section-toggle-icon{color:var(--text-muted, #3E5A7F);transition:transform .2s ease}.step-section.expanded .section-toggle-icon{color:var(--primary, #1E3A5F)}.section-toggle h3{margin:0;font-size:1rem;font-weight:600;color:var(--charcoal-graphite, #1C1C1E)}.step-section.collapsed .section-toggle h3{color:var(--text-muted, #3E5A7F)}.section-badge{margin-left:auto;padding:.25rem .625rem;background:rgba(var(--primary-rgb, 30, 58, 95),.12);color:var(--primary, #1E3A5F);font-size:.6875rem;font-weight:600;border-radius:var(--radius-full, 9999px)}.step-section.collapsible-section .framework-grid{padding:0 1.25rem}.idea-textarea{width:100%;min-height:120px;padding:1rem;border:1px solid rgba(var(--primary-rgb, 30, 58, 95),.2);border-radius:var(--radius-md, 10px);font-family:var(--font-body, "Source Sans 3", sans-serif);font-size:1rem;line-height:1.6;color:var(--charcoal-graphite, #1C1C1E);background:#fffc;resize:vertical;transition:all var(--transition-fast, .15s ease)}.idea-textarea:focus{outline:none;border-color:var(--primary, #1E3A5F);box-shadow:0 0 0 3px rgba(var(--primary-rgb, 30, 58, 95),.12)}.idea-textarea::-moz-placeholder{color:var(--text-muted, #3E5A7F);opacity:.6}.idea-textarea::placeholder{color:var(--text-muted, #3E5A7F);opacity:.6}.platform-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.platform-option{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#ffffffb3;border:2px solid var(--glass-border);border-radius:var(--radius-md, 10px);cursor:pointer;transition:all var(--transition-fast, .15s ease);color:var(--charcoal-graphite, #1C1C1E);font-weight:500}.platform-option:hover{border-color:var(--platform-color, var(--primary, #1E3A5F));background:#ffffffe6;transform:translateY(-1px)}.platform-option.selected{border-color:var(--platform-color, var(--primary, #1E3A5F));background:linear-gradient(135deg,#fffffff2,color-mix(in srgb,var(--platform-color) 12%,white));box-shadow:0 2px 12px color-mix(in srgb,var(--platform-color) 25%,transparent)}.platform-option.selected svg{color:var(--platform-color, var(--primary, #1E3A5F))}.platform-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.platform-check{position:absolute;bottom:-4px;right:-6px;background:var(--platform-color, var(--primary, #1E3A5F));color:var(--kalkvit, #FFFFFF);border-radius:50%;padding:2px;box-shadow:0 1px 3px #0003}.multi-select-hint{margin-left:auto;font-size:.75rem;font-weight:400;color:var(--text-muted, #3E5A7F);opacity:.7}.platforms-selected-summary{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem .75rem;background:rgba(var(--primary-rgb, 30, 58, 95),.08);border-radius:var(--radius-sm, 8px);font-size:.8125rem;font-weight:500;color:var(--primary, #1E3A5F)}.step-section.compact{padding:1rem}.step-section.compact .section-header{margin-bottom:.75rem}.length-options{display:flex;gap:.5rem}.length-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.625rem .75rem;background:#ffffffb3;border:2px solid var(--glass-border);border-radius:var(--radius-md, 10px);cursor:pointer;transition:all var(--transition-fast, .15s ease)}.length-option:hover{border-color:var(--primary, #1E3A5F);background:#ffffffe6}.length-option.selected{border-color:var(--primary, #1E3A5F);background:rgba(var(--primary-rgb, 30, 58, 95),.1)}.length-label{font-size:.875rem;font-weight:600;color:var(--charcoal-graphite, #1C1C1E)}.length-option.selected .length-label{color:var(--primary, #1E3A5F)}.length-description{font-size:.6875rem;color:var(--text-muted, #3E5A7F);opacity:.8;text-align:center}.framework-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.framework-option{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;background:#ffffffb3;border:2px solid var(--glass-border);border-radius:var(--radius-md, 10px);cursor:pointer;transition:all var(--transition-fast, .15s ease);text-align:left}.framework-option:hover{border-color:var(--primary, #1E3A5F);background:#ffffffe6}.framework-option.selected{border-color:var(--primary, #1E3A5F);background:rgba(var(--primary-rgb, 30, 58, 95),.1)}.framework-option.selected svg{color:var(--primary, #1E3A5F)}.framework-option svg{flex-shrink:0;color:var(--text-muted, #3E5A7F);margin-top:2px}.framework-info{display:flex;flex-direction:column;gap:.125rem}.framework-name{font-weight:600;font-size:.875rem;color:var(--charcoal-graphite, #1C1C1E)}.framework-desc{font-size:.75rem;color:var(--text-muted, #3E5A7F);opacity:.8}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.theme-option{display:flex;flex-direction:column;gap:.25rem;padding:.875rem 1rem;background:#ffffffb3;border:2px solid var(--glass-border);border-radius:var(--radius-md, 10px);cursor:pointer;transition:all var(--transition-fast, .15s ease);text-align:left}.theme-name{font-weight:600;font-size:.875rem;color:var(--charcoal-graphite, #1C1C1E)}.theme-desc{font-size:.75rem;color:var(--text-muted, #3E5A7F);opacity:.8}.generate-section{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem 0}.generate-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--primary, #1E3A5F),var(--secondary, #2E4A6F));color:var(--kalkvit, #FFFFFF);border:none;border-radius:var(--radius-full, 9999px);font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px rgba(var(--primary-rgb, 30, 58, 95),.3)}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(var(--primary-rgb, 30, 58, 95),.4)}.generate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.validation-hint{font-size:.8125rem;color:var(--tegelrod, #B54A46);margin:0}.regenerate-section{display:flex;flex-direction:column;align-items:center;gap:.625rem;padding:1rem;margin-top:.5rem;background:rgba(var(--primary-rgb, 30, 58, 95),.04);border:1px dashed rgba(var(--primary-rgb, 30, 58, 95),.25);border-radius:var(--radius-md, 10px)}.regenerate-hint{margin:0;font-size:.8125rem;color:var(--text-muted, #3E5A7F);opacity:.85;text-align:center}.regenerate-all-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:transparent;color:var(--primary, #1E3A5F);border:1.5px solid var(--primary, #1E3A5F);border-radius:var(--radius-full, 9999px);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}.regenerate-all-btn:hover:not(:disabled){background:rgba(var(--primary-rgb, 30, 58, 95),.1);transform:translateY(-1px)}.regenerate-all-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 768px){.step-section{padding:1rem}.platform-grid{grid-template-columns:repeat(2,1fr)}.framework-grid{grid-template-columns:1fr}.theme-grid{grid-template-columns:repeat(2,1fr)}.generate-btn{width:100%;justify-content:center}}@media (max-width: 480px){.platform-grid,.theme-grid{grid-template-columns:1fr}}.pillars-loading,.pillars-empty{display:flex;align-items:center;gap:.5rem;padding:1rem;color:var(--text-muted, #3E5A7F);font-size:.875rem}.pillars-empty p{margin:0}.research-action{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.research-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,var(--text-muted, #6B7280),var(--secondary, #2E4A6F));color:var(--kalkvit, #FFFFFF);border:none;border-radius:var(--radius-md, 10px);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;width:-moz-fit-content;width:fit-content}.research-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--text-muted-rgb, 107, 114, 128),.3)}.research-btn:disabled{opacity:.5;cursor:not-allowed}.research-btn.query-changed{background:linear-gradient(135deg,var(--primary, #1E3A5F),var(--koppar, #B87333));animation:pulse-attention 2s ease-in-out infinite;box-shadow:0 4px 16px rgba(var(--primary-rgb, 30, 58, 95),.35)}.research-btn.query-changed:hover{box-shadow:0 6px 20px rgba(var(--primary-rgb, 30, 58, 95),.45)}@keyframes pulse-attention{0%,to{box-shadow:0 4px 16px rgba(var(--primary-rgb, 30, 58, 95),.35)}50%{box-shadow:0 4px 24px rgba(var(--primary-rgb, 30, 58, 95),.55)}}.research-btn .spinning{animation:spin 1s linear infinite}.research-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:rgba(var(--tegelrod-rgb, 220, 38, 38),.1);border:1px solid rgba(var(--tegelrod-rgb, 220, 38, 38),.3);border-radius:var(--radius-md, 10px);color:var(--tegelrod, #DC2626);font-size:.875rem}.web-research-results{margin-top:1rem;padding:1rem;background:rgba(var(--primary-rgb, 30, 58, 95),.05);border:1px solid rgba(var(--primary-rgb, 30, 58, 95),.2);border-radius:var(--radius-md, 10px)}.research-results-header{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.875rem;color:var(--charcoal-graphite, #1C1C1E);margin-bottom:.5rem}.research-results-header .success-icon{color:var(--text-muted, #3E5A7F)}.sources-selected-count{font-weight:500;color:var(--primary, #1E3A5F);margin-left:auto}.reset-search-btn{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;margin-left:.5rem;background:transparent;border:1px solid var(--dimblag, #A1B1C6);border-radius:var(--radius-sm, 6px);font-size:.75rem;font-weight:500;color:var(--dimblag, #A1B1C6);cursor:pointer;transition:all .2s ease}.reset-search-btn:hover{background:rgba(var(--dimblag-rgb, 161, 177, 198),.1);border-color:var(--charcoal-graphite, #1C1C1E);color:var(--charcoal-graphite, #1C1C1E)}.research-summary{font-size:.875rem;color:var(--text-muted, #3E5A7F);margin:0 0 .75rem;line-height:1.5}.sources-instruction{font-size:.8125rem;color:var(--text-muted, #3E5A7F);margin:0 0 .75rem;font-style:italic}.sources-warning{display:flex;align-items:center;gap:.375rem;margin:.75rem 0 0;padding:.5rem .75rem;background:rgba(var(--tegelrod-rgb, 220, 38, 38),.08);border-radius:var(--radius-sm, 8px);font-size:.8125rem;color:var(--tegelrod, #DC2626)}.sources-list{display:flex;flex-direction:column;gap:.75rem}.source-card{padding:.875rem;background:#ffffffb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--radius-sm, 8px);transition:all .2s ease}.source-card:hover{border-color:var(--primary, #1E3A5F);box-shadow:0 2px 8px #0000000d}.source-card.selectable{display:flex;gap:.75rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.source-card.selectable:hover{background:#ffffffe6}.source-card.selectable.selected{border-color:var(--primary, #1E3A5F);background:rgba(var(--primary-rgb, 30, 58, 95),.08)}.source-checkbox{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.checkbox-unchecked{width:20px;height:20px;min-width:20px;min-height:20px;aspect-ratio:1 / 1;border:2px solid var(--secondary, #5E503F);border-radius:9999px;background:var(--kalkvit, #FFFFFF);transition:all .15s ease;box-sizing:border-box;flex-shrink:0}.source-card.selectable:hover .checkbox-unchecked{border-color:var(--primary, #B87333)}.checkbox-checked{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--primary, #B87333);border-radius:50%;color:var(--kalkvit, #FFFFFF);padding:3px;box-sizing:border-box}.source-content{flex:1;min-width:0}.source-header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.375rem}.source-publisher{font-weight:600;font-size:.8125rem;color:var(--primary, #1E3A5F)}.source-date{font-size:.75rem;color:var(--text-muted, #3E5A7F);opacity:.7}.credibility-badge{padding:.125rem .5rem;font-size:.6875rem;font-weight:500;border-radius:var(--radius-full, 9999px);text-transform:uppercase;letter-spacing:.025em}.credibility-badge.high{background:rgba(var(--skogsgron-rgb, 22, 163, 74),.12);color:var(--skogsgron, #16A34A)}.source-title{font-size:.8125rem;font-weight:500;color:var(--charcoal-graphite, #1C1C1E);margin:0 0 .5rem;line-height:1.4}.source-findings{margin:0 0 .5rem;padding-left:1.25rem;list-style-type:disc}.source-findings li{font-size:.75rem;color:var(--text-muted, #3E5A7F);line-height:1.5;margin-bottom:.25rem}.source-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--primary, #1E3A5F);text-decoration:none;transition:color .15s ease}.source-link:hover{color:var(--secondary, #2E4A6F);text-decoration:underline}.mode-toggle-section{padding:1rem}.mode-toggle{display:flex;background:rgba(var(--background-light-rgb, 232, 237, 244),.3);border-radius:var(--radius-full, 9999px);padding:4px;width:-moz-fit-content;width:fit-content;margin:0 auto}.mode-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:var(--radius-full, 9999px);background:transparent;color:var(--text-muted, #3E5A7F);font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease}.mode-btn:hover{color:var(--charcoal-graphite, #1C1C1E)}.mode-btn.active{background:var(--kalkvit, #FFFFFF);color:var(--primary, #1E3A5F);box-shadow:0 2px 8px #00000014}.mode-description{text-align:center;font-size:.8125rem;color:var(--text-muted, #3E5A7F);margin:.75rem 0 0;opacity:.8}.manual-content-section{display:flex;flex-direction:column;gap:1rem}.manual-content-textarea{width:100%;min-height:200px;padding:1rem;border:1px solid rgba(var(--primary-rgb, 30, 58, 95),.2);border-radius:var(--radius-md, 10px);font-family:var(--font-body, "Source Sans 3", sans-serif);font-size:1rem;line-height:1.6;color:var(--charcoal-graphite, #1C1C1E);background:#fffc;resize:vertical;transition:all var(--transition-fast, .15s ease)}.manual-content-textarea:focus{outline:none;border-color:var(--primary, #1E3A5F);box-shadow:0 0 0 3px rgba(var(--primary-rgb, 30, 58, 95),.12)}.manual-content-textarea::-moz-placeholder{color:var(--text-muted, #3E5A7F);opacity:.6}.manual-content-textarea::placeholder{color:var(--text-muted, #3E5A7F);opacity:.6}.manual-platform-select{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.platform-label{font-size:.875rem;font-weight:500;color:var(--text-muted, #3E5A7F)}.platform-options{display:flex;gap:.5rem;flex-wrap:wrap}.platform-chip{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#ffffffb3;border:1.5px solid var(--glass-border);border-radius:var(--radius-full, 9999px);cursor:pointer;transition:all var(--transition-fast, .15s ease);color:var(--charcoal-graphite, #1C1C1E);font-size:.8125rem;font-weight:500}.platform-chip:hover{border-color:var(--platform-color, var(--primary, #1E3A5F));background:#ffffffe6}.platform-chip.selected{border-color:var(--platform-color, var(--primary, #1E3A5F));background:rgba(var(--platform-color, var(--primary)),.08);color:var(--platform-color, var(--primary, #1E3A5F))}.platform-chip.selected svg{color:var(--platform-color, var(--primary, #1E3A5F))}.platform-chip .chip-check{margin-left:.25rem;color:var(--platform-color, var(--primary, #1E3A5F))}.continue-manual-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--primary, #1E3A5F),var(--secondary, #2E4A6F));color:var(--kalkvit, #FFFFFF);border:none;border-radius:var(--radius-md, 10px);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px rgba(var(--primary-rgb, 30, 58, 95),.25);align-self:center;margin-top:.5rem}.continue-manual-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px rgba(var(--primary-rgb, 30, 58, 95),.35)}.continue-manual-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.ai-refinement-section{margin-top:1.25rem;padding:1.25rem;background:linear-gradient(145deg,#ffffffb3,rgba(var(--background-light-rgb, 232, 237, 244),.15));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-md, 10px)}.refinement-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.refinement-header h4{margin:0;font-size:.9375rem;font-weight:600;color:var(--charcoal-graphite, #1C1C1E)}.refinement-header svg{color:var(--primary, #1E3A5F)}.refinement-input-row{display:flex;gap:.75rem;align-items:stretch}.refinement-input{flex:1;padding:.75rem 1rem;border:1px solid rgba(var(--primary-rgb, 30, 58, 95),.2);border-radius:var(--radius-sm, 8px);font-family:var(--font-body, "Source Sans 3", sans-serif);font-size:.875rem;color:var(--charcoal-graphite, #1C1C1E);background:#fffc;transition:all var(--transition-fast, .15s ease)}.refinement-input:focus{outline:none;border-color:var(--primary, #1E3A5F);box-shadow:0 0 0 3px rgba(var(--primary-rgb, 30, 58, 95),.1)}.refinement-input::-moz-placeholder{color:var(--text-muted, #3E5A7F);opacity:.6}.refinement-input::placeholder{color:var(--text-muted, #3E5A7F);opacity:.6}.refine-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,var(--primary, #1E3A5F),var(--secondary, #2E4A6F));color:var(--kalkvit, #FFFFFF);border:none;border-radius:var(--radius-sm, 8px);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.refine-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-rgb, 30, 58, 95),.3)}.refine-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.refine-btn .spinning{animation:spin 1s linear infinite}.refinement-hint{font-size:.75rem;color:var(--text-muted, #3E5A7F);opacity:.8;margin:.5rem 0 0}.refined-content-preview{margin-top:1rem;padding:1rem;background:rgba(var(--primary-rgb, 30, 58, 95),.06);border:1px solid rgba(var(--primary-rgb, 30, 58, 95),.2);border-radius:var(--radius-sm, 8px)}.refined-label{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;color:var(--primary, #1E3A5F);text-transform:uppercase;letter-spacing:.025em;margin-bottom:.625rem}.refined-content-box{padding:.875rem;background:#ffffffb3;border-radius:var(--radius-sm, 8px);font-size:.875rem;line-height:1.6;color:var(--charcoal-graphite, #1C1C1E);white-space:pre-wrap;word-wrap:break-word;max-height:250px;overflow-y:auto}.refined-actions{display:flex;gap:.625rem;margin-top:.875rem;flex-wrap:wrap}.accept-refined-btn{display:flex;align-items:center;gap:.375rem;padding:.625rem 1rem;background:linear-gradient(135deg,var(--skogsgron, #16A34A),var(--text-muted, #6B7280));color:var(--kalkvit, #FFFFFF);border:none;border-radius:var(--radius-sm, 8px);font-weight:600;font-size:.8125rem;cursor:pointer;transition:all .2s ease}.accept-refined-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--skogsgron-rgb, 22, 163, 74),.3)}.reject-refined-btn{display:flex;align-items:center;gap:.375rem;padding:.625rem 1rem;background:transparent;color:var(--tegelrod, #DC2626);border:1.5px solid rgba(var(--tegelrod-rgb, 220, 38, 38),.3);border-radius:var(--radius-sm, 8px);font-weight:500;font-size:.8125rem;cursor:pointer;transition:all .2s ease}.reject-refined-btn:hover{background:rgba(var(--tegelrod-rgb, 220, 38, 38),.08);border-color:var(--tegelrod, #DC2626)}.regenerate-refined-btn{display:flex;align-items:center;gap:.375rem;padding:.625rem 1rem;background:transparent;color:var(--primary, #1E3A5F);border:1.5px solid rgba(var(--primary-rgb, 30, 58, 95),.3);border-radius:var(--radius-sm, 8px);font-weight:500;font-size:.8125rem;cursor:pointer;transition:all .2s ease}.regenerate-refined-btn:hover{background:rgba(var(--primary-rgb, 30, 58, 95),.08);border-color:var(--primary, #1E3A5F)}.regenerate-refined-btn .spinning{animation:spin 1s linear infinite}.source-selection-wrapper{margin-top:1rem}.source-category-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;border-radius:var(--radius-full, 9999px);color:var(--kalkvit, #FFFFFF);text-transform:uppercase;letter-spacing:.025em}.source-card.internal-source{border-left:3px solid var(--primary, #1E3A5F);background:rgba(var(--primary-rgb, 30, 58, 95),.04)}.source-card.internal-source.selected{background:rgba(var(--primary-rgb, 30, 58, 95),.1)}@media (max-width: 768px){.web-research-results{padding:.875rem}.source-card{padding:.75rem}.refinement-input-row{flex-direction:column}.refine-btn{width:100%;justify-content:center}.refined-actions{flex-direction:column}.refined-actions button{width:100%;justify-content:center}}.visual-generation-step{display:flex;flex-direction:column;gap:1.5rem}.section-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--charcoal-graphite, #1C1C1E)}.section-icon{color:var(--primary, #1E3A5F)}.optional{font-size:.75rem;font-weight:400;color:var(--text-muted, #3E5A7F);opacity:.7}.media-type-selector{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}.media-type-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1rem;background:#ffffffb3;border:2px solid var(--glass-border);border-radius:var(--radius-md, 10px);cursor:pointer;transition:all var(--transition-fast, .15s ease);color:var(--charcoal-graphite, #1C1C1E);font-weight:500;font-size:.9375rem}.media-type-btn:hover{border-color:var(--primary, #1E3A5F);background:#ffffffe6}.media-type-btn.selected{border-color:var(--primary, #1E3A5F);background:rgba(var(--primary-rgb, 30, 58, 95),.1);color:var(--primary, #1E3A5F)}.media-type-btn.selected svg{color:var(--primary, #1E3A5F)}.custom-prompt-textarea{width:100%;min-height:60px;padding:.875rem 1rem;border:1px solid rgba(var(--primary-rgb, 30, 58, 95),.2);border-radius:var(--radius-md, 10px);font-family:var(--font-body, "Source Sans 3", sans-serif);font-size:.9375rem;line-height:1.5;color:var(--charcoal-graphite, #1C1C1E);background:#fffc;resize:vertical;margin-bottom:1rem;transition:all var(--transition-fast, .15s ease)}.custom-prompt-textarea:focus{outline:none;border-color:var(--primary, #1E3A5F);box-shadow:0 0 0 3px rgba(var(--primary-rgb, 30, 58, 95),.12)}.custom-prompt-textarea::-moz-placeholder{color:var(--text-muted, #3E5A7F);opacity:.6}.custom-prompt-textarea::placeholder{color:var(--text-muted, #3E5A7F);opacity:.6}.generate-btn,.generate-image-btn,.generate-video-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.25rem;background:linear-gradient(135deg,var(--primary, #1E3A5F),var(--secondary, #2E4A6F));color:#fff;border:none;border-radius:var(--radius-md, 10px);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s ease;margin-top:1rem}.generate-btn:hover:not(:disabled),.generate-image-btn:hover:not(:disabled),.generate-video-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px rgba(var(--primary-rgb, 30, 58, 95),.3)}.generate-btn:disabled,.generate-image-btn:disabled,.generate-video-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.generating-media{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 2rem;background:rgba(var(--primary-rgb, 30, 58, 95),.05);border-radius:var(--radius-md, 10px);color:var(--primary, #1E3A5F);text-align:center}.generating-media span{font-weight:600;font-size:1rem}.generating-media p{margin:0;font-size:.8125rem;color:var(--text-muted, #3E5A7F)}.generated-media{display:flex;flex-direction:column;gap:1rem}.generated-image,.generated-video{width:100%;max-height:400px;-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-md, 10px);background:var(--sandbeige, #F4F7FA)}.media-actions{display:flex;gap:.75rem}.regenerate-media-btn,.accept-media-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:var(--radius-full, 9999px);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}.regenerate-media-btn{background:#ffffffe6;color:var(--charcoal-graphite, #1C1C1E);border:1px solid rgba(var(--primary-rgb, 30, 58, 95),.3)}.regenerate-media-btn:hover{background:rgba(var(--primary-rgb, 30, 58, 95),.1);border-color:var(--primary, #1E3A5F)}.accept-media-btn{background:var(--primary, #1E3A5F);color:#fff;border:none}.accept-media-btn:hover{background:var(--secondary, #2E4A6F)}.media-error{padding:.75rem 1rem;background:rgba(var(--tegelrod-rgb, 181, 74, 70),.1);border:1px solid rgba(var(--tegelrod-rgb, 181, 74, 70),.25);border-radius:var(--radius-md, 10px);color:var(--tegelrod, #B54A46);font-size:.875rem;margin-top:1rem}.upload-area{display:flex;align-items:center;justify-content:center;min-height:150px;border:2px dashed rgba(var(--primary-rgb, 30, 58, 95),.3);border-radius:var(--radius-lg, 16px);background:#ffffff80;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.upload-area:hover{border-color:var(--primary, #1E3A5F);background:rgba(var(--primary-rgb, 30, 58, 95),.05)}.upload-input{display:none}.upload-content{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-muted, #3E5A7F);text-align:center}.upload-content span{font-weight:600;font-size:.9375rem}.upload-content p{margin:0;font-size:.8125rem;opacity:.7}.uploaded-files{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;margin-top:1rem}.uploaded-file{position:relative;aspect-ratio:1;border-radius:var(--radius-md, 10px);overflow:hidden;background:var(--sandbeige, #F4F7FA)}.uploaded-file img,.uploaded-file video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.remove-file-btn{position:absolute;top:.25rem;right:.25rem;padding:.25rem;background:#0009;border:none;border-radius:50%;color:var(--kalkvit, #FFFFFF);cursor:pointer}.remove-file-btn:hover{background:var(--tegelrod, #B54A46)}.library-search{position:relative;margin-bottom:1rem}.library-search .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted, #3E5A7F);opacity:.6;pointer-events:none}.library-search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid rgba(var(--primary-rgb, 30, 58, 95),.2);border-radius:var(--radius-md, 10px);font-size:.9375rem;color:var(--charcoal-graphite, #1C1C1E);background:#fffc;transition:all var(--transition-fast, .15s ease)}.library-search-input:focus{outline:none;border-color:var(--primary, #1E3A5F);box-shadow:0 0 0 3px rgba(var(--primary-rgb, 30, 58, 95),.12)}.library-search-input::-moz-placeholder{color:var(--text-muted, #3E5A7F);opacity:.6}.library-search-input::placeholder{color:var(--text-muted, #3E5A7F);opacity:.6}.library-loading,.library-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem;text-align:center;color:var(--text-muted, #3E5A7F)}.library-loading span,.library-empty span{font-weight:600;font-size:.9375rem}.library-empty p{margin:0;font-size:.8125rem;opacity:.7}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.library-image-card{position:relative;aspect-ratio:1;border-radius:var(--radius-md, 10px);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all var(--transition-fast, .15s ease);background:var(--sandbeige, #F4F7FA)}.library-image-card:hover{border-color:rgba(var(--primary-rgb, 30, 58, 95),.4);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.library-image-card.selected{border-color:var(--primary, #1E3A5F);box-shadow:0 0 0 3px rgba(var(--primary-rgb, 30, 58, 95),.2)}.library-image-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.selected-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(var(--primary-rgb, 30, 58, 95),.6);color:var(--kalkvit, #FFFFFF)}.library-image-info{position:absolute;bottom:0;left:0;right:0;padding:.5rem;background:linear-gradient(transparent,#000000b3);display:flex;flex-direction:column;gap:.125rem}.library-image-title{font-size:.6875rem;font-weight:600;color:var(--kalkvit, #FFFFFF);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-image-type{font-size:.5625rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em}.library-actions{display:flex;justify-content:center;margin-top:1rem}.video-library-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.library-video-card{position:relative;aspect-ratio:9/16;border-radius:var(--radius-md, 10px);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all var(--transition-fast, .15s ease);background:var(--charcoal-graphite, #1C1C1E)}.library-video-card:hover{border-color:rgba(var(--primary-rgb, 30, 58, 95),.4);transform:translateY(-2px);box-shadow:0 4px 12px var(--glass-border)}.library-video-card.selected{border-color:var(--primary, #1E3A5F);box-shadow:0 0 0 3px rgba(var(--primary-rgb, 30, 58, 95),.2)}.library-video-card video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.library-video-info{position:absolute;bottom:0;left:0;right:0;padding:.75rem .5rem .5rem;background:linear-gradient(transparent,#000000d9);display:flex;flex-direction:column;gap:.125rem}.library-video-title{font-size:.6875rem;font-weight:600;color:var(--kalkvit, #FFFFFF);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-video-date{font-size:.5625rem;color:#fff9}.load-more-btn{display:block;width:100%;padding:.75rem 1rem;margin-top:1rem;background:#fffc;border:1px dashed rgba(var(--primary-rgb, 30, 58, 95),.4);border-radius:var(--radius-md, 10px);color:var(--primary, #1E3A5F);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.load-more-btn:hover{background:rgba(var(--primary-rgb, 30, 58, 95),.1);border-style:solid}.stock-search-form{margin-bottom:1rem}.stock-search{position:relative;display:flex;align-items:center}.stock-search .search-icon{position:absolute;left:1rem;color:var(--text-muted, #3E5A7F);opacity:.6;pointer-events:none}.stock-search-input{flex:1;padding:.75rem 3rem .75rem 2.75rem;border:1px solid rgba(var(--primary-rgb, 30, 58, 95),.2);border-radius:var(--radius-md, 10px);font-size:.9375rem;color:var(--charcoal-graphite, #1C1C1E);background:#fffc;transition:all var(--transition-fast, .15s ease)}.stock-search-input:focus{outline:none;border-color:var(--primary, #1E3A5F);box-shadow:0 0 0 3px rgba(var(--primary-rgb, 30, 58, 95),.12)}.stock-search-input::-moz-placeholder{color:var(--text-muted, #3E5A7F);opacity:.6}.stock-search-input::placeholder{color:var(--text-muted, #3E5A7F);opacity:.6}.stock-search-btn{position:absolute;right:.5rem;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--primary, #1E3A5F);color:#fff;border:none;border-radius:var(--radius-sm, 8px);cursor:pointer;transition:all var(--transition-fast, .15s ease)}.stock-search-btn:hover:not(:disabled){background:var(--secondary, #2E4A6F)}.stock-search-btn:disabled{opacity:.5;cursor:not-allowed}.stock-error{padding:.75rem 1rem;background:rgba(var(--tegelrod-rgb, 181, 74, 70),.1);border:1px solid rgba(var(--tegelrod-rgb, 181, 74, 70),.25);border-radius:var(--radius-md, 10px);color:var(--tegelrod, #B54A46);font-size:.875rem;margin-bottom:1rem}.stock-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.stock-image-card{position:relative;aspect-ratio:1;border-radius:var(--radius-md, 10px);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all var(--transition-fast, .15s ease);background:var(--sandbeige, #F4F7FA)}.stock-image-card:hover{border-color:rgba(var(--primary-rgb, 30, 58, 95),.4);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stock-image-card.selected{border-color:var(--primary, #1E3A5F);box-shadow:0 0 0 3px rgba(var(--primary-rgb, 30, 58, 95),.2)}.stock-image-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.downloading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;color:var(--kalkvit, #FFFFFF)}.stock-image-info{position:absolute;bottom:0;left:0;right:0;padding:.5rem;background:linear-gradient(transparent,#000000b3);display:flex;flex-direction:column;gap:.125rem}.stock-provider{font-size:.625rem;font-weight:600;color:var(--kalkvit, #FFFFFF);text-transform:uppercase;letter-spacing:.05em;opacity:.85}.stock-photographer{font-size:.625rem;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-description{margin:0;font-size:.8125rem;color:var(--text-muted, #3E5A7F);opacity:.7;font-weight:400}.generating-prompt{display:flex;align-items:center;gap:.75rem;padding:1.5rem;background:rgba(var(--primary-rgb, 30, 58, 95),.05);border-radius:var(--radius-md, 10px);color:var(--primary, #1E3A5F)}.generating-prompt span{font-weight:500}.custom-instructions{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--glass-border)}.custom-instructions label{display:block;font-size:.8125rem;font-weight:600;color:var(--text-muted, #3E5A7F);margin-bottom:.5rem}.no-content-warning{padding:1.5rem;text-align:center;background:rgba(var(--background-light-rgb, 232, 237, 244),.2);border-radius:var(--radius-md, 10px);color:var(--text-muted, #3E5A7F)}.no-content-warning p{margin:0;font-size:.9375rem}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.theme-option{display:flex;align-items:center;justify-content:center;padding:.75rem .5rem;background:#ffffffb3;border:2px solid var(--glass-border);border-radius:var(--radius-md, 10px);cursor:pointer;transition:all var(--transition-fast, .15s ease);text-align:center}.theme-option:hover{border-color:var(--primary, #1E3A5F);background:#ffffffe6}.theme-option.selected{border-color:var(--primary, #1E3A5F);background:rgba(var(--primary-rgb, 30, 58, 95),.1)}.theme-name{font-weight:600;font-size:.75rem;color:var(--charcoal-graphite, #1C1C1E)}.prompt-display{padding:1rem;background:rgba(var(--primary-rgb, 30, 58, 95),.05);border:1px solid rgba(var(--primary-rgb, 30, 58, 95),.15);border-radius:var(--radius-md, 10px);margin-bottom:.5rem}.prompt-text{margin:0;font-size:.875rem;line-height:1.6;color:var(--charcoal-graphite, #1C1C1E);white-space:pre-wrap}.prompt-warning{padding:.5rem .75rem;background:#b8733314;border-radius:var(--radius-sm, 8px);font-size:.8125rem;color:var(--primary, #1E3A5F);margin-bottom:.5rem}.prompt-actions{display:flex;gap:.75rem;margin-top:1rem}.regenerate-prompt-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#ffffffe6;color:var(--charcoal-graphite, #1C1C1E);border:1px solid rgba(var(--primary-rgb, 30, 58, 95),.3);border-radius:var(--radius-full, 9999px);font-weight:600;font-size:.8125rem;cursor:pointer;transition:all .2s ease}.regenerate-prompt-btn:hover:not(:disabled){background:rgba(var(--primary-rgb, 30, 58, 95),.1);border-color:var(--primary, #1E3A5F)}.regenerate-prompt-btn:disabled{opacity:.5;cursor:not-allowed}.regenerate-with-instructions-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;margin-top:.5rem;background:linear-gradient(135deg,var(--primary, #1E3A5F),var(--secondary, #2E4A6F));color:#fff;border:none;border-radius:var(--radius-full, 9999px);font-weight:600;font-size:.75rem;cursor:pointer;transition:all .2s ease}.regenerate-with-instructions-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #b873334d}.regenerate-with-instructions-btn:disabled{opacity:.5;cursor:not-allowed}.video-sub-options{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.video-sub-option{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#ffffffb3;border:2px solid var(--glass-border);border-radius:var(--radius-md, 10px);cursor:pointer;transition:all var(--transition-fast, .15s ease);text-align:left}.video-sub-option:hover{border-color:var(--primary, #1E3A5F);background:#fffffff2;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.sub-option-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:rgba(var(--primary-rgb, 30, 58, 95),.1);border-radius:var(--radius-md, 10px);color:var(--primary, #1E3A5F);flex-shrink:0}.sub-option-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.sub-option-label{font-size:.9375rem;font-weight:600;color:var(--charcoal-graphite, #1C1C1E)}.sub-option-description{font-size:.8125rem;color:var(--text-muted, #3E5A7F);opacity:.8}.back-btn{margin-left:auto;padding:.375rem .75rem;background:transparent;border:1px solid rgba(var(--accent-rgb, 58, 74, 66),.3);border-radius:var(--radius-full, 9999px);font-size:.75rem;font-weight:500;color:var(--text-muted, #3E5A7F);cursor:pointer;transition:all var(--transition-fast, .15s ease)}.back-btn:hover{background:rgba(var(--accent-rgb, 58, 74, 66),.1);border-color:var(--text-muted, #3E5A7F)}.theme-grid.compact{margin-bottom:1rem;grid-template-columns:repeat(3,1fr)}.prompt-display.compact{margin-bottom:1rem}.prompt-display.compact .prompt-text{font-size:.8125rem;max-height:80px;overflow-y:auto}.tenant-badge{display:inline-flex;align-items:center;gap:.25rem;margin-top:.5rem;padding:.25rem .5rem;background:rgba(var(--skogsgron-rgb, 107, 142, 111),.15);border-radius:var(--radius-full, 9999px);font-size:.6875rem;font-weight:600;color:var(--skogsgron, #6B8E6F)}.camera-movement-info{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:rgba(var(--accent-rgb, 58, 74, 66),.08);border-radius:var(--radius-md, 10px);margin-bottom:.75rem;font-size:.8125rem;color:var(--text-muted, #3E5A7F)}.camera-movement-info svg{color:var(--text-muted, #3E5A7F);opacity:.7}.generate-video-btn.primary{background:linear-gradient(135deg,var(--primary, #1E3A5F),var(--secondary, #2E4A6F));margin-top:0}.retry-btn{margin-left:.75rem;padding:.375rem .75rem;background:transparent;border:1px solid rgba(var(--tegelrod-rgb, 181, 74, 70),.4);border-radius:var(--radius-full, 9999px);font-size:.75rem;font-weight:500;color:var(--tegelrod, #B54A46);cursor:pointer;transition:all var(--transition-fast, .15s ease)}.retry-btn:hover{background:rgba(var(--tegelrod-rgb, 181, 74, 70),.1)}.media-error{display:flex;align-items:center;flex-wrap:wrap}.library-actions{flex-direction:column;gap:.75rem}.skip-section{display:flex;justify-content:center;padding:.5rem 0}.skip-btn{padding:.5rem 1rem;background:transparent;border:none;color:var(--text-muted, #3E5A7F);font-size:.875rem;font-weight:500;cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-fast, .15s ease)}.skip-btn:hover{color:var(--primary, #1E3A5F)}@media (max-width: 768px){.media-type-selector{grid-template-columns:repeat(5,1fr);gap:.5rem}.media-type-btn{padding:.75rem .5rem;font-size:.75rem}.media-type-btn svg{width:18px;height:18px}.generated-image,.generated-video{max-height:280px}.media-actions{flex-direction:column}.library-grid,.stock-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}}@media (max-width: 480px){.media-type-selector{grid-template-columns:repeat(3,1fr)}.media-type-btn span{font-size:.6875rem}.uploaded-files{grid-template-columns:repeat(3,1fr)}.library-grid,.stock-grid{grid-template-columns:repeat(2,1fr)}}.rendering-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.rendering-modal{background:var(--kalkvit, #FFFFFF);border-radius:var(--radius-xl, 20px);padding:2.5rem;display:flex;flex-direction:column;align-items:center;gap:1.25rem;min-width:320px;max-width:90%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.rendering-modal h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--charcoal-graphite, #1C1C1E)}.rendering-modal .spinning{color:var(--primary, #1E3A5F);animation:spin 1s linear infinite}.rendering-progress-bar{width:100%;height:8px;background:var(--background-light, #E8EDF4);border-radius:4px;overflow:hidden}.rendering-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary, #1E3A5F),var(--text-muted, #3E5A7F));border-radius:4px;transition:width .3s ease}.rendering-progress-text{font-size:.875rem;font-weight:600;color:var(--text-muted, #3E5A7F)}.rendering-modal.rendering-failed .error-icon,.rendering-modal.rendering-failed h3{color:var(--tegelrod, #B54A46)}.rendering-modal.rendering-failed p{margin:0;font-size:.875rem;color:var(--text-muted, #3E5A7F);opacity:.8}.rendering-failed-actions{display:flex;gap:.75rem;margin-top:.5rem}.rendering-failed-actions .retry-btn{display:flex;align-items:center;gap:.375rem;padding:.625rem 1rem;background:var(--primary, #1E3A5F);color:var(--kalkvit, #FFFFFF);border:none;border-radius:var(--radius-md, 10px);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.rendering-failed-actions .retry-btn:hover{background:var(--primary-dark, #1A2942);transform:translateY(-1px)}.rendering-failed-actions .proceed-raw-btn{display:flex;align-items:center;gap:.375rem;padding:.625rem 1rem;background:transparent;color:var(--text-muted, #3E5A7F);border:1px solid var(--background-light, #E8EDF4);border-radius:var(--radius-md, 10px);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.rendering-failed-actions .proceed-raw-btn:hover{border-color:var(--text-muted, #3E5A7F);background:rgba(var(--background-light-rgb, 232, 237, 244),.3)}.accept-media-btn .animate-spin{animation:spin 1s linear infinite}.accept-media-btn:disabled{opacity:.8;cursor:not-allowed}.format-section{padding:1rem 1.25rem}.format-section .section-header{margin-bottom:.75rem}.format-auto-label{margin-left:auto;font-size:.75rem;font-weight:400;color:var(--text-muted, #3E5A7F);opacity:.7}.aspect-format-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.aspect-format-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;background:#ffffffb3;border:2px solid var(--glass-border);border-radius:var(--radius-md, 10px);cursor:pointer;transition:all var(--transition-fast, .15s ease)}.aspect-format-btn:hover{border-color:var(--primary, #1E3A5F);background:#ffffffe6}.aspect-format-btn.selected{border-color:var(--primary, #1E3A5F);background:rgba(var(--primary-rgb, 30, 58, 95),.1)}.aspect-format-btn.selected .aspect-format-label{color:var(--primary, #1E3A5F)}.aspect-format-btn.selected .aspect-format-ratio{color:var(--primary, #1E3A5F);opacity:.8}.aspect-format-btn.override{box-shadow:0 0 0 2px rgba(var(--primary-rgb, 30, 58, 95),.3)}.aspect-format-label{font-size:.875rem;font-weight:600;color:var(--charcoal-graphite, #1C1C1E)}.aspect-format-ratio{font-size:.75rem;font-weight:400;color:var(--text-muted, #3E5A7F);opacity:.7}@media (max-width: 480px){.aspect-format-selector{grid-template-columns:repeat(3,1fr);gap:.375rem}.aspect-format-btn{padding:.625rem .375rem}.aspect-format-label{font-size:.8125rem}.aspect-format-ratio{font-size:.6875rem}}.text-options-section{padding:1rem 1.25rem}.text-options-row{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.text-option-group{display:flex;align-items:center;gap:.75rem}.text-option-label{font-size:.8125rem;font-weight:600;color:var(--text-muted, #3E5A7F);white-space:nowrap}.text-layout-selector{display:flex;gap:.25rem;background:rgba(var(--background-light-rgb, 232, 237, 244),.3);padding:.25rem;border-radius:var(--radius-sm, 6px)}.text-layout-btn{display:flex;align-items:center;justify-content:center;padding:.5rem .75rem;background:transparent;border:none;border-radius:var(--radius-sm, 6px);cursor:pointer;transition:all var(--transition-fast, .15s ease);color:var(--charcoal-graphite, #1C1C1E);opacity:.6}.text-layout-btn:hover{opacity:1;background:#ffffff80}.text-layout-btn.selected{background:#ffffffe6;opacity:1;color:var(--primary, #1E3A5F);box-shadow:0 1px 3px #0000001a}.overlay-controls{display:flex;align-items:center;gap:.75rem}.overlay-toggle{display:flex;align-items:center;justify-content:center;padding:.5rem .75rem;background:rgba(var(--background-light-rgb, 232, 237, 244),.3);border:none;border-radius:var(--radius-sm, 6px);cursor:pointer;transition:all var(--transition-fast, .15s ease);color:var(--charcoal-graphite, #1C1C1E);opacity:.6}.overlay-toggle:hover{opacity:1;background:rgba(var(--background-light-rgb, 232, 237, 244),.5)}.overlay-toggle.active{background:rgba(var(--primary-rgb, 30, 58, 95),.15);opacity:1;color:var(--primary, #1E3A5F)}.overlay-opacity-slider{width:80px;height:4px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:rgba(var(--background-light-rgb, 232, 237, 244),.4);border-radius:2px;outline:none;cursor:pointer}.overlay-opacity-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;background:var(--primary, #1E3A5F);border-radius:50%;cursor:pointer;box-shadow:0 1px 3px var(--glass-border)}.overlay-opacity-slider::-moz-range-thumb{width:14px;height:14px;background:var(--primary, #1E3A5F);border-radius:50%;border:none;cursor:pointer;box-shadow:0 1px 3px var(--glass-border)}@media (max-width: 480px){.text-options-row{flex-direction:column;align-items:flex-start;gap:1rem}}.review-publish-step{display:flex;flex-direction:column;gap:1.5rem}.preview-section,.mockup-section,.schedule-section{background:#fff9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg, 16px);padding:1.25rem}.edit-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:transparent;border:1px solid rgba(var(--primary-rgb, 184, 115, 51),.3);border-radius:var(--radius-sm, 4px);color:var(--primary, #B87333);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.edit-btn:hover{background:rgba(var(--primary-rgb, 184, 115, 51),.1);border-color:var(--primary, #B87333)}.platform-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.platform-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:var(--platform-color, var(--text-muted, #6B7280));border-radius:var(--radius-sm, 6px);font-size:.75rem;font-weight:600;color:var(--kalkvit, #FFFFFF);text-shadow:0 1px 2px rgba(0,0,0,.15)}.platform-badge svg{opacity:.9}.content-preview-container{position:relative}.content-preview-text{padding:1rem;background:#fffc;border-radius:var(--radius-md, 10px);font-size:.9375rem;line-height:1.7;color:var(--charcoal-graphite, #1C1C1E);white-space:pre-wrap;word-break:break-word;min-height:100px}.content-edit-mode{display:flex;flex-direction:column;gap:.75rem}.content-edit-textarea{width:100%;min-height:150px;padding:1rem;border:2px solid var(--primary, #B87333);border-radius:var(--radius-md, 10px);font-family:var(--font-body, "Source Sans 3", sans-serif);font-size:.9375rem;line-height:1.6;color:var(--charcoal-graphite, #1C1C1E);background:#fffffff2;resize:vertical}.content-edit-textarea:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--primary-rgb, 184, 115, 51),.15)}.edit-actions{display:flex;gap:.5rem;justify-content:flex-end}.cancel-edit-btn{padding:.5rem 1rem;background:transparent;border:1px solid rgba(var(--accent-rgb, 58, 74, 66),.3);border-radius:var(--radius-sm, 4px);color:var(--text-muted, #3A4A42);font-weight:500;cursor:pointer}.cancel-edit-btn:hover{background:rgba(var(--accent-rgb, 58, 74, 66),.08)}.save-edit-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:var(--primary, #1E3A5F);border:none;border-radius:var(--radius-sm, 4px);color:var(--kalkvit, #FFFFFF);font-weight:600;cursor:pointer}.save-edit-btn:hover{background:var(--secondary, #5E503F)}.character-count{display:flex;align-items:center;gap:.25rem;justify-content:flex-end;margin-top:.5rem;font-size:.75rem;color:var(--text-muted, #3A4A42);opacity:.8}.character-count.over-limit{color:var(--tegelrod, #B54A46);font-weight:600}.character-count .separator{color:var(--background-light, #E5D9C7)}.character-count .unit{margin-left:.25rem}.media-preview{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--glass-border)}.media-preview h4{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--charcoal-graphite, #1C1C1E)}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.media-item{position:relative;aspect-ratio:1;border-radius:var(--radius-md, 10px);overflow:hidden;background:var(--background-light, #E5D9C7)}.media-item img,.media-item video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.media-item.video .video-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;color:var(--kalkvit, #FFFFFF)}.platform-mockup{background:var(--kalkvit, #FFFFFF);border-radius:var(--radius-lg, 16px);overflow:hidden;box-shadow:0 4px 20px #0000001a;max-width:400px;margin:0 auto}.mockup-header{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-bottom:1px solid var(--glass-border)}.mockup-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary, #B87333),var(--secondary, #5E503F))}.mockup-user-info{display:flex;flex-direction:column;gap:.125rem}.mockup-username{font-weight:600;font-size:.875rem;color:var(--charcoal-graphite, #1C1C1E)}.mockup-time{font-size:.75rem;color:var(--text-muted, #6B7280)}.mockup-content{padding:.875rem 1rem;font-size:.9375rem;line-height:1.5;color:var(--charcoal-graphite, #1C1C1E)}.mockup-image{width:100%;aspect-ratio:1;background:var(--sandbeige, #F4F7FA)}.mockup-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mockup-video{width:100%;aspect-ratio:9/16;max-height:450px;background:var(--charcoal-graphite, #1C1C1E);overflow:hidden}.mockup-video video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:var(--charcoal-graphite, #1C1C1E)}.platform-mockup.linkedin .mockup-video,.platform-mockup.youtube .mockup-video{aspect-ratio:16/9;max-height:280px}.mockup-image-placeholder{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,var(--sandbeige, #F4F7FA),var(--glass-border));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--text-muted, #6B7280)}.mockup-image-placeholder span{font-size:.8125rem}.mockup-footer{display:flex;gap:0;border-top:1px solid var(--glass-border)}.mockup-action{flex:1;padding:.75rem;text-align:center;font-size:.8125rem;font-weight:500;color:var(--text-muted, #6B7280);cursor:default}.mockup-action:not(:last-child){border-right:1px solid var(--glass-border)}.platform-mockup.instagram .mockup-avatar{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.platform-mockup.linkedin .mockup-avatar{background:#0077b5}.platform-mockup.twitter .mockup-avatar{background:#1da1f2}.platform-mockup.facebook .mockup-avatar{background:#1877f2}.schedule-section{background:rgba(var(--primary-rgb, 184, 115, 51),.05)}.schedule-input-container{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#fffc;border:1px solid rgba(var(--primary-rgb, 184, 115, 51),.2);border-radius:var(--radius-md, 10px)}.schedule-icon{color:var(--primary, #B87333);flex-shrink:0}.schedule-datetime-input{flex:1;border:none;background:transparent;font-size:1rem;color:var(--charcoal-graphite, #1C1C1E);font-family:var(--font-body, "Source Sans 3", sans-serif)}.schedule-datetime-input:focus{outline:none}.schedule-preview{margin:.75rem 0 0;font-size:.875rem;color:var(--primary, #B87333);font-weight:500}@media (max-width: 768px){.preview-section,.mockup-section,.schedule-section{padding:1rem}.platform-mockup{max-width:100%}.media-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.edit-actions{flex-direction:column}.cancel-edit-btn,.save-edit-btn{width:100%;justify-content:center}}.rendered-visual-preview{margin-top:1.25rem;padding:1rem;background:rgba(var(--primary-rgb, 184, 115, 51),.05);border:1px solid rgba(var(--primary-rgb, 184, 115, 51),.2);border-radius:var(--radius-lg, 16px)}.rendered-visual-preview h4{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.9375rem;font-weight:600;color:var(--charcoal-graphite, #1C1C1E)}.rendered-visual-preview h4 svg{color:var(--primary, #B87333)}.rendered-badge{font-size:.6875rem;font-weight:600;padding:.25rem .5rem;background:var(--skogsgron, #16A34A);color:var(--kalkvit, #FFFFFF);border-radius:var(--radius-sm, 6px);margin-left:auto}.rendered-visual-container{display:flex;justify-content:center;align-items:center;background:var(--charcoal-graphite, #1C1C1E);border-radius:var(--radius-md, 10px);overflow:hidden}.rendered-image{max-width:100%;max-height:400px;-o-object-fit:contain;object-fit:contain;display:block}.rendered-video{max-width:100%;max-height:400px;display:block}@media (max-width: 640px){.rendered-image,.rendered-video{max-height:300px}}.quick-post-wizard{display:flex;flex-direction:column;min-height:100%;background:linear-gradient(145deg,rgba(var(--primary-rgb, 184, 115, 51),.06),#ffffff80 30%,rgba(var(--background-light-rgb, 229, 217, 199),.12));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg, 16px);overflow:hidden}.tts-controls{background:#fff9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border, rgba(255, 255, 255, .3));border-radius:var(--radius-md, 10px);padding:.75rem;transition:all var(--transition-fast, .15s ease)}.tts-controls.enabled{border-color:var(--primary, #B87333);background:rgba(var(--primary-rgb, 184, 115, 51),.05)}.tts-controls.compact{padding:.5rem}.tts-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.tts-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--charcoal-graphite, #1C1C1E)}.tts-icon{color:var(--text-muted, #3A4A42);opacity:.7}.tts-controls.enabled .tts-icon{color:var(--primary, #B87333);opacity:1}.tts-duration{font-size:.75rem;font-weight:400;color:var(--text-muted, #3A4A42);background:#0000000d;padding:.125rem .375rem;border-radius:4px}.tts-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#fffc;border:1px solid var(--glass-border, rgba(255, 255, 255, .3));border-radius:var(--radius-sm, 6px);cursor:pointer;color:var(--text-muted, #3A4A42);transition:all var(--transition-fast, .15s ease)}.tts-toggle:hover{background:#fff;border-color:var(--primary, #B87333);color:var(--primary, #B87333)}.tts-toggle.active{background:var(--primary, #B87333);border-color:var(--primary, #B87333);color:#fff}.tts-body{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--glass-border, rgba(255, 255, 255, .3))}.tts-row{display:flex;align-items:center;gap:.75rem}.tts-label{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500;color:var(--text-muted, #3A4A42);min-width:70px}.tts-dropdown{position:relative;flex:1}.tts-dropdown-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .75rem;background:#fffc;border:1px solid var(--glass-border, rgba(255, 255, 255, .3));border-radius:var(--radius-sm, 6px);font-size:.8125rem;color:var(--charcoal-graphite, #1C1C1E);cursor:pointer;transition:all var(--transition-fast, .15s ease)}.tts-dropdown-btn:hover{border-color:var(--primary, #B87333);background:#fff}.tts-dropdown-btn svg{transition:transform var(--transition-fast, .15s ease)}.tts-dropdown-btn svg.rotated{transform:rotate(180deg)}.tts-dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid var(--glass-border, rgba(255, 255, 255, .3));border-radius:var(--radius-sm, 6px);box-shadow:0 4px 12px #0000001a;z-index:100;max-height:200px;overflow-y:auto}.tts-dropdown-item{display:block;width:100%;padding:.5rem .75rem;background:transparent;border:none;text-align:left;font-size:.8125rem;color:var(--charcoal-graphite, #1C1C1E);cursor:pointer;transition:background var(--transition-fast, .15s ease)}.tts-dropdown-item:hover{background:rgba(var(--primary-rgb, 184, 115, 51),.1)}.tts-dropdown-item.selected{background:rgba(var(--primary-rgb, 184, 115, 51),.15);color:var(--primary, #B87333);font-weight:500}.tts-slider-group{display:flex;align-items:center;gap:.5rem;flex:1}.tts-slider{flex:1;height:6px;background:#d1d5db;border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:1px solid rgba(0,0,0,.1)}.tts-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--primary, #B87333);border-radius:50%;cursor:pointer;-webkit-transition:transform var(--transition-fast, .15s ease);transition:transform var(--transition-fast, .15s ease)}.tts-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.tts-slider::-moz-range-thumb{width:14px;height:14px;background:var(--primary, #B87333);border:none;border-radius:50%;cursor:pointer}.tts-rate-value{font-size:.75rem;font-weight:500;color:var(--text-muted, #3A4A42);min-width:42px;text-align:right}.tts-elements{display:flex;gap:.75rem;flex-wrap:wrap}.tts-element-toggle{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500;color:var(--charcoal-graphite, #1C1C1E);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tts-element-toggle.disabled{opacity:.4;cursor:not-allowed}.tts-element-toggle input[type=checkbox]{width:14px;height:14px;accent-color:var(--primary, #B87333);cursor:pointer}.tts-element-toggle.disabled input[type=checkbox]{cursor:not-allowed}.tts-preview-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.625rem 1rem;background:var(--primary, #B87333);border:none;border-radius:var(--radius-sm, 6px);font-size:.8125rem;font-weight:500;color:#fff;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.tts-preview-btn:hover:not(:disabled){background:var(--primary-dark, #9A5C28);transform:translateY(-1px)}.tts-preview-btn:disabled{opacity:.5;cursor:not-allowed}.tts-preview-btn .spinning{animation:spin 1s linear infinite}.tts-controls.compact .tts-header{padding:0}.tts-controls.compact .tts-body{gap:.5rem;margin-top:.5rem;padding-top:.5rem}.tts-controls.compact .tts-row{gap:.5rem}.tts-controls.compact .tts-label{min-width:50px;font-size:.6875rem}.tts-controls.compact .tts-dropdown-btn{padding:.375rem .5rem;font-size:.75rem}.tts-controls.compact .tts-preview-btn{padding:.5rem .75rem;font-size:.75rem}.hook-headlines-step{display:flex;flex-direction:column;gap:1.5rem}.step-section{background:#fff9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg, 16px);padding:1.25rem}.section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.section-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--charcoal-graphite, #1C1C1E);flex:1}.section-icon{color:var(--primary, #B87333)}.optional{font-size:.75rem;font-weight:400;color:var(--text-muted, #3A4A42);opacity:.7}.section-description{margin:0 0 1rem;font-size:.8125rem;color:var(--text-muted, #3A4A42);opacity:.8}.hook-type-section{background:rgba(var(--primary-rgb, 184, 115, 51),.03)}.hook-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.hook-type-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem;background:#fffc;border:2px solid var(--glass-border);border-radius:var(--radius-md, 10px);cursor:pointer;transition:all var(--transition-fast, .15s ease);text-align:center}.hook-type-option:hover:not(:disabled){border-color:var(--primary, #B87333);background:#fffffff2}.hook-type-option.selected{border-color:var(--primary, #B87333);background:rgba(var(--primary-rgb, 184, 115, 51),.1)}.hook-type-option:disabled{opacity:.5;cursor:not-allowed}.hook-type-icon{color:var(--text-muted, #3A4A42)}.hook-type-option.selected .hook-type-icon{color:var(--primary, #B87333)}.hook-type-label{font-size:.875rem;font-weight:600;color:var(--charcoal-graphite, #1C1C1E)}.hook-type-description{font-size:.6875rem;color:var(--text-muted, #3A4A42);opacity:.8;line-height:1.3}.hook-type-check{position:absolute;top:.5rem;right:.5rem;color:var(--primary, #B87333)}.hooks-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;color:var(--text-muted, #3A4A42);text-align:center}.hooks-empty span{font-size:.875rem;opacity:.7}.hooks-empty .generate-btn{width:auto;padding:.625rem 1.25rem;margin-top:.5rem}.regenerate-all-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:transparent;border:1px solid rgba(var(--primary-rgb, 184, 115, 51),.3);border-radius:var(--radius-sm, 4px);color:var(--primary, #B87333);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.regenerate-all-btn:hover:not(:disabled){background:rgba(var(--primary-rgb, 184, 115, 51),.1);border-color:var(--primary, #B87333)}.regenerate-all-btn:disabled{opacity:.5;cursor:not-allowed}.hooks-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:var(--primary, #B87333)}.hooks-grid{display:flex;flex-direction:column;gap:.75rem}.hook-option{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#ffffffb3;border:2px solid var(--glass-border);border-radius:var(--radius-md, 10px);cursor:pointer;transition:all var(--transition-fast, .15s ease);text-align:left;width:100%}.hook-option:hover{border-color:var(--primary, #B87333);background:#ffffffe6}.hook-option.selected{border-color:var(--primary, #B87333);background:rgba(var(--primary-rgb, 184, 115, 51),.1)}.hook-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:rgba(var(--background-light-rgb, 229, 217, 199),.8);color:var(--text-muted, #3A4A42);font-weight:700;font-size:.875rem;flex-shrink:0}.hook-option.selected .hook-number{background:var(--primary, #1E3A5F);color:var(--kalkvit, #FFFFFF)}.hook-text{flex:1;font-size:.9375rem;line-height:1.5;color:var(--charcoal-graphite, #1C1C1E)}.hook-check{color:var(--primary, #B87333);flex-shrink:0}.hook-edit-trigger{opacity:0;padding:.375rem;background:transparent;border:none;border-radius:var(--radius-sm, 4px);color:var(--text-muted, #3A4A42);cursor:pointer;transition:all var(--transition-fast, .15s ease);flex-shrink:0}.hook-option:hover .hook-edit-trigger{opacity:.6}.hook-edit-trigger:hover{opacity:1!important;background:rgba(var(--primary-rgb, 184, 115, 51),.15);color:var(--primary, #B87333)}.hook-option.editing{border-color:var(--primary, #B87333);background:#fffffff2}.hook-edit-container{flex:1;display:flex;flex-direction:column;gap:.5rem}.hook-edit-input{width:100%;padding:.625rem .75rem;font-family:var(--font-body, "Source Sans 3", sans-serif);font-size:.9375rem;line-height:1.5;color:var(--charcoal-graphite, #1C1C1E);background:#fffffff2;border:1px solid var(--primary, #B87333);border-radius:var(--radius-sm, 6px);box-shadow:0 0 0 3px rgba(var(--primary-rgb, 184, 115, 51),.12)}.hook-edit-input:focus{outline:none}.hook-edit-actions{display:flex;gap:.375rem;justify-content:flex-end}.hook-edit-btn{display:flex;align-items:center;justify-content:center;padding:.375rem .625rem;border-radius:var(--radius-sm, 4px);font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.hook-edit-btn.save{background:linear-gradient(135deg,var(--primary, #B87333),var(--secondary, #5E503F));color:#fff;border:none}.hook-edit-btn.save:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--primary-rgb, 184, 115, 51),.3)}.hook-edit-btn.cancel{background:#ffffffe6;color:var(--text-muted, #3A4A42);border:1px solid var(--glass-border)}.hook-edit-btn.cancel:hover{background:rgba(var(--primary-rgb, 184, 115, 51),.08);border-color:rgba(var(--primary-rgb, 184, 115, 51),.3)}.generate-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.25rem;background:linear-gradient(135deg,var(--primary, #1E3A5F),var(--secondary, #2E4A6F));color:var(--kalkvit, #FFFFFF);border:none;border-radius:var(--radius-md, 10px);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s ease}.generate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px rgba(var(--primary-rgb, 184, 115, 51),.3)}.generate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.generate-btn.secondary{background:#fffc;color:var(--charcoal-graphite, #1C1C1E);border:1px solid rgba(var(--primary-rgb, 184, 115, 51),.3)}.generate-btn.secondary:hover:not(:disabled){background:rgba(var(--primary-rgb, 184, 115, 51),.1);border-color:var(--primary, #B87333)}.hint-text{margin:.5rem 0 0;font-size:.8125rem;color:var(--text-muted, #3A4A42);opacity:.8;font-style:italic}.preview-section{background:rgba(var(--primary-rgb, 184, 115, 51),.05);border-color:rgba(var(--primary-rgb, 184, 115, 51),.2)}.headlines-preview{padding:1.25rem;background:#fffc;border-radius:var(--radius-md, 10px)}.preview-hook{margin:0 0 .75rem;font-size:.9375rem;font-weight:500;color:var(--primary, #B87333);font-style:italic}.preview-h1{margin:0 0 .5rem;font-size:1.375rem;font-weight:700;color:var(--charcoal-graphite, #1C1C1E);line-height:1.3}.preview-h2{margin:0;font-size:1rem;font-weight:500;color:var(--text-muted, #3A4A42);line-height:1.4}.preview-cta{margin:1rem 0 0;padding:.625rem 1rem;background:linear-gradient(135deg,var(--primary, #1E3A5F),var(--secondary, #2E4A6F));color:var(--kalkvit, #FFFFFF);font-size:.875rem;font-weight:600;border-radius:var(--radius-sm, 4px);display:inline-block}.cta-section{background:rgba(var(--skogsgron-rgb, 47, 79, 79),.03)}.cta-funnel-grid{display:flex;flex-direction:column;gap:.625rem}.cta-funnel-option{position:relative;display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#fffc;border:2px solid var(--glass-border);border-radius:var(--radius-md, 10px);cursor:pointer;transition:all var(--transition-fast, .15s ease);text-align:left;width:100%}.cta-funnel-option:hover:not(:disabled){border-color:var(--skogsgron, #16A34A);background:#fffffff2}.cta-funnel-option.selected{border-color:var(--skogsgron, #16A34A);background:rgba(var(--skogsgron-rgb, 22, 163, 74),.1)}.cta-funnel-option:disabled{opacity:.5;cursor:not-allowed}.cta-funnel-icon{color:var(--text-muted, #3A4A42);flex-shrink:0}.cta-funnel-option.selected .cta-funnel-icon{color:var(--skogsgron, #16A34A)}.cta-funnel-content{flex:1;display:flex;flex-direction:column;gap:.125rem}.cta-funnel-label{font-size:.875rem;font-weight:600;color:var(--charcoal-graphite, #1C1C1E)}.cta-funnel-description{font-size:.75rem;color:var(--text-muted, #3A4A42);opacity:.8}.cta-funnel-check{color:var(--skogsgron, #16A34A);flex-shrink:0}.cta-examples-hint{margin:.75rem 0 0;font-size:.75rem;color:var(--text-muted, #3A4A42);opacity:.7;font-style:italic}.cta-options-grid{display:flex;flex-direction:column;gap:.5rem}.cta-option{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.875rem 1rem;background:#ffffffb3;border:2px solid var(--glass-border);border-radius:var(--radius-md, 10px);cursor:pointer;transition:all var(--transition-fast, .15s ease);text-align:left;width:100%}.cta-option:hover{border-color:var(--skogsgron, #16A34A);background:#ffffffe6}.cta-option.selected{border-color:var(--skogsgron, #16A34A);background:rgba(var(--skogsgron-rgb, 22, 163, 74),.1)}.cta-text{flex:1;font-size:.9375rem;font-weight:600;color:var(--charcoal-graphite, #1C1C1E)}.cta-check{color:var(--skogsgron, #16A34A);flex-shrink:0}.cta-edit-trigger{opacity:0;padding:.375rem;background:transparent;border:none;border-radius:var(--radius-sm, 4px);color:var(--text-muted, #3A4A42);cursor:pointer;transition:all var(--transition-fast, .15s ease);flex-shrink:0}.cta-option:hover .cta-edit-trigger{opacity:.6}.cta-edit-trigger:hover{opacity:1!important;background:rgba(var(--skogsgron-rgb, 22, 163, 74),.15);color:var(--skogsgron, #16A34A)}.cta-option.editing{border-color:var(--skogsgron, #16A34A);background:#fffffff2}.cta-edit-container{flex:1;display:flex;flex-direction:column;gap:.5rem}.cta-edit-input{width:100%;padding:.5rem .75rem;font-family:var(--font-body, "Source Sans 3", sans-serif);font-size:.9375rem;font-weight:600;line-height:1.4;color:var(--charcoal-graphite, #1C1C1E);background:#fffffff2;border:1px solid var(--skogsgron, #16A34A);border-radius:var(--radius-sm, 6px);box-shadow:0 0 0 3px rgba(var(--skogsgron-rgb, 22, 163, 74),.12)}.cta-edit-input:focus{outline:none}.cta-edit-actions{display:flex;gap:.375rem;justify-content:flex-end}.cta-edit-btn{display:flex;align-items:center;justify-content:center;padding:.375rem .625rem;border-radius:var(--radius-sm, 4px);font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.cta-edit-btn.save{background:linear-gradient(135deg,var(--skogsgron, #16A34A),var(--skogsgron, #15803d));color:#fff;border:none}.cta-edit-btn.save:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--skogsgron-rgb, 22, 163, 74),.3)}.cta-edit-btn.cancel{background:#ffffffe6;color:var(--text-muted, #3A4A42);border:1px solid var(--glass-border)}.cta-edit-btn.cancel:hover{background:rgba(var(--skogsgron-rgb, 22, 163, 74),.08);border-color:rgba(var(--skogsgron-rgb, 22, 163, 74),.3)}.cta-options-container{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--glass-border)}.cta-options-title{margin:0 0 1rem;font-size:.875rem;font-weight:600;color:var(--charcoal-graphite, #1C1C1E)}.cta-url-input{margin-bottom:1rem}.cta-url-input label{display:block;margin-bottom:.5rem;font-size:.8125rem;font-weight:500;color:var(--text-muted, #3A4A42)}.cta-url-field{width:100%;padding:.625rem .875rem;font-size:.875rem;border:1px solid var(--glass-border);border-radius:var(--radius-md, 8px);background:#fffc;color:var(--charcoal-graphite, #1C1C1E);transition:border-color .2s ease,box-shadow .2s ease}.cta-url-field:focus{outline:none;border-color:var(--primary, #1E3A5F);box-shadow:0 0 0 3px rgba(var(--primary-rgb, 30, 58, 95),.15)}.cta-url-field::-moz-placeholder{color:var(--text-muted, #3A4A42);opacity:.5}.cta-url-field::placeholder{color:var(--text-muted, #3A4A42);opacity:.5}.cta-toggles{display:flex;flex-direction:column;gap:.75rem}.cta-toggle{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;padding:.5rem;border-radius:var(--radius-sm, 6px);transition:background-color .15s ease}.cta-toggle:hover{background:rgba(var(--background-light-rgb, 229, 217, 199),.2)}.cta-toggle input[type=checkbox]{width:18px;height:18px;margin-top:2px;cursor:pointer;accent-color:var(--primary, #B87333);flex-shrink:0}.cta-toggle input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.toggle-label{display:block;font-size:.875rem;font-weight:500;color:var(--charcoal-graphite, #1C1C1E)}.toggle-hint{display:block;margin-top:.125rem;font-size:.75rem;color:var(--text-muted, #3A4A42);opacity:.7}.cta-toggle:has(input:disabled){opacity:.6;cursor:not-allowed}.cta-toggle:has(input:disabled):hover{background:transparent}@media (max-width: 768px){.step-section{padding:1rem}.section-header{flex-wrap:wrap}.regenerate-all-btn{margin-left:auto}.hook-type-grid{grid-template-columns:1fr;gap:.5rem}.hook-type-option{flex-direction:row;text-align:left;padding:.75rem 1rem}.hook-type-icon{flex-shrink:0}.hook-type-label{flex:1}.hook-type-description{display:none}.hook-type-check{position:static}.hook-option{padding:.875rem}.hook-number{width:24px;height:24px;font-size:.8125rem}.preview-h1{font-size:1.25rem}}.generate-scratch-wizard{display:flex;flex-direction:column;min-height:100%;background:linear-gradient(145deg,rgba(var(--primary-rgb, 184, 115, 51),.06),#ffffff80 30%,rgba(var(--background-light-rgb, 229, 217, 199),.12));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg, 16px);overflow:hidden}.wizard-icon{color:var(--primary, #B87333)}.wizard-error{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 1.5rem;padding:.875rem 1rem;background:rgba(var(--tegelrod-rgb, 181, 74, 70),.1);border:1px solid rgba(var(--tegelrod-rgb, 181, 74, 70),.25);border-radius:var(--radius-md, 10px);color:var(--tegelrod, #B54A46);font-size:.875rem}.wizard-error button{padding:.375rem .75rem;background:transparent;border:1px solid rgba(var(--tegelrod-rgb, 181, 74, 70),.3);border-radius:var(--radius-sm, 4px);color:var(--tegelrod, #B54A46);font-size:.75rem;cursor:pointer}.wizard-error button:hover{background:rgba(var(--tegelrod-rgb, 181, 74, 70),.1)}.wizard-success{display:flex;align-items:center;justify-content:center;margin:0 1.5rem;padding:.875rem 1rem;background:rgba(var(--skogsgron-rgb, 107, 142, 111),.15);border:1px solid rgba(var(--skogsgron-rgb, 107, 142, 111),.3);border-radius:var(--radius-md, 10px);color:var(--skogsgron, #6B8E6F);font-size:.9375rem;font-weight:600}.schedule-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:50000;padding:1rem}.schedule-modal{background:#fff;border-radius:var(--radius-lg, 16px);padding:1.5rem;width:100%;max-width:360px;box-shadow:0 20px 60px #0003}.schedule-modal h3{margin:0 0 1rem;font-size:1.125rem;font-weight:700;color:var(--charcoal-graphite, #1C1C1E)}.schedule-input{width:100%;padding:.875rem 1rem;border:1px solid rgba(var(--primary-rgb, 184, 115, 51),.3);border-radius:var(--radius-md, 10px);font-size:1rem;font-family:var(--font-body, "Source Sans 3", sans-serif);color:var(--charcoal-graphite, #1C1C1E)}.schedule-input:focus{outline:none;border-color:var(--primary, #B87333);box-shadow:0 0 0 3px rgba(var(--primary-rgb, 184, 115, 51),.12)}.schedule-modal-actions{display:flex;gap:.75rem;margin-top:1.25rem}.schedule-cancel{flex:1;padding:.75rem 1rem;background:transparent;border:1px solid rgba(var(--accent-rgb, 58, 74, 66),.3);border-radius:var(--radius-full, 9999px);color:var(--text-muted, #3A4A42);font-weight:500;cursor:pointer}.schedule-cancel:hover{background:rgba(var(--accent-rgb, 58, 74, 66),.08)}.schedule-confirm{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:var(--primary, #B87333);border:none;border-radius:var(--radius-full, 9999px);color:#fff;font-weight:600;cursor:pointer}.schedule-confirm:hover:not(:disabled){background:var(--secondary, #5E503F)}.schedule-confirm:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.wizard-header{padding:1rem}.wizard-title h2{font-size:1.125rem}.wizard-content{padding:1rem}.wizard-error,.wizard-success{margin:0 1rem}}@media (max-width: 480px){.schedule-modal-actions{flex-direction:column}}.add-research-wizard{display:flex;flex-direction:column;min-height:100%;background:linear-gradient(145deg,rgba(var(--accent-rgb, 58, 74, 66),.06),#ffffff80 30%,rgba(var(--background-light-rgb, 229, 217, 199),.12));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg, 16px);overflow:hidden}.wizard-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:#fff9;border-bottom:1px solid var(--glass-border)}.wizard-title{display:flex;align-items:center;gap:.75rem}.wizard-title h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--charcoal-graphite, #1C1C1E)}.wizard-icon{color:var(--text-muted, #3A4A42)}.wizard-close{padding:.5rem;background:transparent;border:none;color:var(--text-muted, #3A4A42);cursor:pointer;border-radius:var(--radius-sm, 4px);transition:all var(--transition-fast, .15s ease)}.wizard-close:hover{background:rgba(var(--accent-rgb, 58, 74, 66),.1);color:var(--charcoal-graphite, #1C1C1E)}.mode-selector{display:flex;gap:.5rem;padding:1rem 1.5rem;background:#fff6;border-bottom:1px solid var(--glass-border)}.mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:#fff9;border:2px solid var(--glass-border);border-radius:var(--radius-md, 10px);color:var(--text-muted, #3A4A42);font-weight:500;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.mode-btn:hover{border-color:var(--text-muted, #3A4A42);background:#fffc}.mode-btn.active{border-color:var(--text-muted, #3A4A42);background:rgba(var(--accent-rgb, 58, 74, 66),.1);color:var(--charcoal-graphite, #1C1C1E)}.wizard-success{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0 1.5rem;padding:.75rem 1rem;background:rgba(var(--skogsgron-rgb, 107, 142, 111),.15);border:1px solid rgba(var(--skogsgron-rgb, 107, 142, 111),.3);border-radius:var(--radius-md, 10px);color:var(--skogsgron, #6B8E6F);font-size:.875rem;font-weight:600}.wizard-error{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 1.5rem;padding:.75rem 1rem;background:rgba(var(--tegelrod-rgb, 181, 74, 70),.1);border:1px solid rgba(var(--tegelrod-rgb, 181, 74, 70),.25);border-radius:var(--radius-md, 10px);color:var(--tegelrod, #B54A46);font-size:.875rem}.wizard-error button{padding:.25rem .5rem;background:transparent;border:1px solid rgba(var(--tegelrod-rgb, 181, 74, 70),.3);border-radius:var(--radius-sm, 4px);color:var(--tegelrod, #B54A46);font-size:.75rem;cursor:pointer}.wizard-content{flex:1;padding:1.5rem;overflow-y:auto}.section{margin-bottom:1.5rem}.section h3{margin:0 0 .75rem;font-size:.9375rem;font-weight:600;color:var(--charcoal-graphite, #1C1C1E)}.framework-grid{display:flex;flex-wrap:wrap;gap:.5rem}.framework-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#ffffffb3;border:2px solid var(--glass-border);border-radius:var(--radius-full, 9999px);color:var(--charcoal-graphite, #1C1C1E);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.framework-btn:hover{border-color:var(--framework-color, var(--text-muted));background:#ffffffe6}.framework-btn.selected{border-color:var(--framework-color, var(--text-muted));background:rgba(var(--framework-color, var(--text-muted)),.15)}.framework-btn.selected svg{color:var(--framework-color, var(--text-muted))}.add-research-wizard .search-input-container,.add-research-wizard .url-input-container{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#fffc;border:1px solid var(--glass-border);border-radius:var(--radius-md, 10px);margin-bottom:1rem;position:relative}.add-research-wizard .search-input-container .search-icon,.add-research-wizard .url-input-container .url-icon{position:static!important;transform:none!important;width:20px!important;height:20px!important;color:var(--text-muted, #3A4A42);flex-shrink:0}.add-research-wizard .search-input,.add-research-wizard .url-input{flex:1;border:none;background:transparent;font-size:.9375rem;color:var(--charcoal-graphite, #1C1C1E);font-family:var(--font-body, "Source Sans 3", sans-serif);padding-left:0!important}.add-research-wizard .search-input:focus,.add-research-wizard .url-input:focus{outline:none}.add-research-wizard .search-input::-moz-placeholder,.add-research-wizard .url-input::-moz-placeholder{color:var(--text-muted, #3A4A42);opacity:.6}.add-research-wizard .search-input::placeholder,.add-research-wizard .url-input::placeholder{color:var(--text-muted, #3A4A42);opacity:.6}.discover-btn,.extract-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.25rem;background:linear-gradient(135deg,var(--text-muted, #3A4A42),var(--secondary, #5E503F));color:#fff;border:none;border-radius:var(--radius-md, 10px);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s ease}.discover-btn:hover:not(:disabled),.extract-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px rgba(var(--accent-rgb, 58, 74, 66),.3)}.discover-btn:disabled,.extract-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.research-list{display:flex;flex-direction:column;gap:.75rem}.research-card{background:#fffc;border:1px solid var(--glass-border);border-radius:var(--radius-md, 10px);overflow:hidden;transition:all var(--transition-fast, .15s ease)}.research-card:hover{border-color:var(--text-muted, #3A4A42);box-shadow:0 2px 12px #0000000f}.research-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem;cursor:pointer}.research-info{flex:1;min-width:0}.research-info h4{margin:0 0 .25rem;font-size:.9375rem;font-weight:600;color:var(--charcoal-graphite, #1C1C1E);line-height:1.4}.research-meta{margin:0;font-size:.75rem;color:var(--text-muted, #3A4A42);opacity:.8}.research-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.link-btn{padding:.375rem;background:transparent;border:1px solid var(--glass-border);border-radius:var(--radius-sm, 4px);color:var(--text-muted, #3A4A42);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast, .15s ease)}.link-btn:hover{border-color:var(--text-muted, #3A4A42);background:rgba(var(--accent-rgb, 58, 74, 66),.08)}.save-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--text-muted, #3A4A42);border:none;border-radius:var(--radius-sm, 4px);color:#fff;font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.save-btn:hover:not(:disabled){background:var(--secondary, #5E503F)}.save-btn:disabled{opacity:.6;cursor:not-allowed}.save-btn.saved{background:var(--skogsgron, #6B8E6F)}.research-card.saved{border-color:var(--skogsgron, #6B8E6F);background:#6b8e6f14}.research-card.saved:before{content:"Already in Library";display:block;padding:.375rem 1rem;background:var(--skogsgron, #6B8E6F);color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.research-details{padding:0 1rem 1rem;border-top:1px solid var(--glass-border)}.research-summary{margin-bottom:.75rem}.research-summary strong,.research-findings strong{display:block;font-size:.75rem;font-weight:600;color:var(--text-muted, #3A4A42);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em}.research-summary p{margin:0;font-size:.875rem;line-height:1.6;color:var(--charcoal-graphite, #1C1C1E)}.research-findings ul{margin:0;padding-left:1.25rem}.research-findings li{font-size:.875rem;line-height:1.5;color:var(--charcoal-graphite, #1C1C1E);margin-bottom:.25rem}.research-footer{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--glass-border)}.evidence-badge{padding:.25rem .625rem;border-radius:var(--radius-full, 9999px);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.evidence-badge.strong{background:rgba(var(--skogsgron-rgb, 107, 142, 111),.15);color:var(--skogsgron, #6B8E6F)}.evidence-badge.moderate{background:rgba(var(--primary-rgb, 184, 115, 51),.15);color:var(--primary, #B87333)}.evidence-badge.emerging{background:rgba(var(--accent-rgb, 58, 74, 66),.15);color:var(--text-muted, #3A4A42)}.framework-tags{display:flex;flex-wrap:wrap;gap:.375rem}.framework-tag{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:rgba(var(--background-light-rgb, 229, 217, 199),.5);border-radius:var(--radius-sm, 4px);font-size:.6875rem;color:var(--text-muted, #3A4A42);text-transform:capitalize}.pillars-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem 1rem;color:var(--text-muted, #3A4A42);font-size:.875rem}.pillars-loading .spinning{animation:spin 1s linear infinite}.pillars-empty{padding:1.5rem;background:rgba(var(--background-light-rgb, 229, 217, 199),.3);border:1px dashed var(--glass-border);border-radius:var(--radius-md, 10px);text-align:center}.pillars-empty p{margin:0;font-size:.875rem;color:var(--text-muted, #3A4A42)}@media (max-width: 768px){.wizard-content{padding:1rem}.mode-selector{padding:.75rem 1rem}.research-header{flex-direction:column;gap:.75rem}.research-actions{width:100%;justify-content:flex-end}}@media (max-width: 480px){.framework-grid{gap:.375rem}.framework-btn{padding:.375rem .625rem;font-size:.75rem}}.research-info-banner{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;margin-bottom:1rem;background:rgba(var(--skogsgron-rgb, 107, 142, 111),.1);border:1px solid rgba(var(--skogsgron-rgb, 107, 142, 111),.35);border-radius:var(--radius-md, 10px);color:var(--skogsgron, #6B8E6F);font-size:.8125rem;font-weight:500}.research-info-banner svg{flex-shrink:0}.url-warning-banner{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;margin-bottom:1rem;background:rgba(var(--primary-rgb, 184, 115, 51),.1);border:1px solid rgba(var(--primary-rgb, 184, 115, 51),.35);border-radius:var(--radius-md, 10px);color:var(--primary, #B87333);font-size:.8125rem}.url-warning-banner svg{flex-shrink:0;margin-top:.125rem}.verified-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;background:rgba(var(--skogsgron-rgb, 107, 142, 111),.15);color:var(--skogsgron, #6B8E6F);font-size:.6875rem;font-weight:600;border-radius:var(--radius-full, 9999px);text-transform:uppercase;letter-spacing:.05em}.unverified-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;background:rgba(var(--primary-rgb, 184, 115, 51),.15);color:var(--primary, #B87333);font-size:.6875rem;font-weight:600;border-radius:var(--radius-full, 9999px);text-transform:uppercase;letter-spacing:.05em}.content-creator{width:100%;max-width:900px;margin:0 auto;min-height:calc(100vh - 120px)}.content-creator-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:2rem;z-index:100}.content-creator-overlay .content-creator{max-height:calc(100vh - 4rem);overflow:hidden;border-radius:var(--radius-xl, 20px);box-shadow:0 25px 80px #00000040}@media (max-width: 768px){.content-creator{max-width:100%;min-height:auto}.content-creator-overlay{padding:0}.content-creator-overlay .content-creator{max-height:100vh;height:100%;border-radius:0}}.landing-page{min-height:100vh;background:var(--gtm-navy-50);font-family:var(--font-body),-apple-system,BlinkMacSystemFont,sans-serif}.landing-nav{position:fixed;top:0;left:0;right:0;background:#f4f7faf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--gtm-navy-100);z-index:100}.landing-nav-container{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.landing-logo .logo-text{font-family:var(--font-header),sans-serif;font-size:24px;font-weight:800;color:var(--gtm-navy-700);letter-spacing:-.5px}.landing-nav-links{display:flex;align-items:center;gap:16px}.nav-link{background:none;border:none;color:var(--gtm-navy-600);font-size:15px;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .2s}.nav-link:hover{background:var(--gtm-navy-100);color:var(--gtm-navy-900)}.nav-cta{background:var(--gtm-navy-700);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.nav-cta:hover{background:var(--gtm-navy-800);transform:translateY(-1px)}.landing-hero{padding:140px 24px 80px;text-align:center;background:linear-gradient(180deg,var(--gtm-navy-50) 0%,#FFF 100%)}.hero-container{max-width:800px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--gtm-teal-300);color:var(--gtm-navy-900);padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:24px}.hero-title{font-family:var(--font-header),sans-serif;font-size:clamp(36px,6vw,60px);font-weight:800;color:#1c1c1e;line-height:1.1;margin-bottom:24px;letter-spacing:-1px}.hero-highlight{color:var(--gtm-teal-500)}.hero-subtitle{font-size:18px;color:var(--gtm-navy-600);line-height:1.6;max-width:600px;margin:0 auto 32px}.hero-cta-group{display:flex;justify-content:center;gap:16px;margin-bottom:16px}.hero-cta-primary{display:inline-flex;align-items:center;gap:8px;background:var(--gtm-navy-700);color:#fff;border:none;padding:14px 28px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.hero-cta-primary:hover{background:var(--gtm-navy-800);transform:translateY(-2px);box-shadow:0 4px 12px #1e3a5f4d}.hero-cta-secondary{background:#fff;color:var(--gtm-navy-600);border:2px solid var(--gtm-navy-100);padding:14px 28px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.hero-cta-secondary:hover{border-color:var(--gtm-teal-500);color:var(--gtm-teal-600)}.hero-note{font-size:14px;color:var(--gtm-navy-500)}.landing-features{padding:80px 24px;background:#fff}.features-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:60px}.section-title{font-family:var(--font-header),sans-serif;font-size:clamp(28px,4vw,40px);font-weight:700;color:#1c1c1e;margin-bottom:16px}.section-subtitle{font-size:18px;color:var(--gtm-navy-600);max-width:500px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.feature-card{padding:32px;background:var(--gtm-navy-50);border-radius:16px;transition:all .3s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000014}.feature-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--gtm-navy-700),var(--gtm-navy-800));border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:20px}.feature-title{font-family:var(--font-header),sans-serif;font-size:20px;font-weight:700;color:#1c1c1e;margin-bottom:12px}.feature-description{font-size:15px;color:var(--gtm-navy-600);line-height:1.6}.landing-benefits{padding:80px 24px;background:var(--gtm-navy-50)}.benefits-container{max-width:1200px;margin:0 auto}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px}.benefit-card{text-align:center;padding:40px 24px;background:#fff;border-radius:16px;border:1px solid var(--gtm-navy-100)}.benefit-icon{width:64px;height:64px;background:var(--gtm-teal-300);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gtm-navy-700);margin:0 auto 20px}.benefit-stat{font-family:var(--font-header),sans-serif;font-size:36px;font-weight:800;color:var(--gtm-teal-600);margin-bottom:8px}.benefit-label{font-family:var(--font-header),sans-serif;font-size:18px;font-weight:700;color:#1c1c1e;margin-bottom:12px}.benefit-description{font-size:14px;color:var(--gtm-navy-600);line-height:1.6}.landing-how-it-works{padding:80px 24px;background:#fff}.how-container{max-width:1000px;margin:0 auto}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}.step-card{text-align:center;padding:32px}.step-number{width:60px;height:60px;background:var(--gtm-navy-700);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-header),sans-serif;font-size:24px;font-weight:700;margin:0 auto 24px}.step-title{font-family:var(--font-header),sans-serif;font-size:20px;font-weight:700;color:#1c1c1e;margin-bottom:12px}.step-description{font-size:15px;color:var(--gtm-navy-600);line-height:1.6}.landing-cta-section{padding:100px 24px;background:linear-gradient(135deg,var(--gtm-navy-700) 0%,var(--gtm-navy-900) 100%);text-align:center}.cta-container{max-width:600px;margin:0 auto}.cta-title{font-family:var(--font-header),sans-serif;font-size:clamp(28px,4vw,40px);font-weight:700;color:#fff;margin-bottom:16px}.cta-subtitle{font-size:18px;color:#ffffffe6;margin-bottom:32px;line-height:1.6}.cta-button{display:inline-flex;align-items:center;gap:8px;background:var(--gtm-teal-500);color:var(--gtm-navy-900);border:none;padding:16px 32px;border-radius:10px;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.landing-footer{padding:60px 24px 30px;background:#1c1c1e;color:#fff}.footer-container{max-width:1200px;margin:0 auto}.footer-brand{margin-bottom:40px}.footer-logo{font-family:var(--font-header),sans-serif;font-size:24px;font-weight:800;color:var(--gtm-teal-500)}.footer-tagline{color:#a1b1c6;margin-top:8px;font-size:14px}.footer-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:40px;margin-bottom:40px}.footer-column h4{font-family:var(--font-header),sans-serif;font-size:14px;font-weight:700;color:#fff;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.footer-column a{display:block;color:#a1b1c6;text-decoration:none;font-size:14px;margin-bottom:10px;transition:color .2s}.footer-column a:hover{color:var(--gtm-teal-500)}.footer-bottom{border-top:1px solid #333;padding-top:24px;text-align:center}.footer-bottom p{color:#666;font-size:14px}@media (max-width: 768px){.landing-nav-container{padding:12px 16px}.landing-hero{padding:120px 16px 60px}.hero-cta-group{flex-direction:column}.hero-cta-primary,.hero-cta-secondary{width:100%;justify-content:center}.features-grid,.benefits-grid,.steps-grid{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(2,1fr)}}.auth-page{min-height:100vh;background:linear-gradient(145deg,#fff,#f8fafb,#f0f9f8,#f8fafb,#fff);display:flex;align-items:center;justify-content:center;padding:24px;position:relative}.auth-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(45,212,191,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(30,58,95,.06) 0%,transparent 50%);pointer-events:none}.auth-page-container{width:100%;max-width:380px}.auth-loading{text-align:center;color:var(--text-muted)}.auth-loading .spin{animation:spin 1s linear infinite;color:var(--gtm-teal-600);margin-bottom:16px}.auth-back-link{display:inline-flex;align-items:center;gap:6px;color:var(--dimblag);text-decoration:none;font-size:12px;font-weight:500;margin-bottom:16px;transition:color .2s}.auth-back-link:hover{color:var(--gtm-navy-700)}.auth-card{background:var(--kalkvit);border-radius:20px;border:1px solid rgba(var(--secondary-rgb),.08);overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #00000014,0 20px 25px -5px rgba(var(--secondary-rgb),.06);position:relative}.auth-header{padding:24px 24px 20px;text-align:center;background:linear-gradient(180deg,#fafbfc,#fff);border-bottom:1px solid #f1f5f9;position:relative}.auth-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gtm-teal-500) 0%,var(--gtm-teal-400) 50%,var(--gtm-navy-500) 100%)}.auth-brand{font-family:var(--font-header),-apple-system,BlinkMacSystemFont,sans-serif;font-size:26px;font-weight:700;background:linear-gradient(135deg,var(--gtm-navy-700) 0%,var(--gtm-navy-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.5px}.auth-subtitle{color:var(--text-muted);font-size:13px;margin:6px 0 0;font-weight:400}.auth-content{padding:24px}.auth-title{font-family:var(--font-header),-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:600;color:var(--charcoal-graphite);margin:0 0 4px;text-align:center}.auth-description{font-size:13px;color:var(--text-muted);text-align:center;margin:0 0 20px}.signup-benefits{display:none}.social-auth-buttons{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.social-auth-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;background:var(--kalkvit);border:1px solid var(--color-border-light);color:var(--charcoal-graphite)}.social-auth-btn:hover{background:#f8fafc;border-color:#cbd5e1}.social-auth-btn.google:hover{border-color:#4285f480}.social-auth-btn.github{background:var(--charcoal-graphite);border:1px solid var(--charcoal-graphite);color:var(--kalkvit)}.social-auth-btn.github:hover{background:var(--jordbrun);border-color:var(--jordbrun)}.social-auth-btn.microsoft{background:var(--kalkvit);border:1px solid var(--color-border-light);color:var(--charcoal-graphite)}.social-auth-btn.microsoft:hover{background:#f8fafc;border-color:#0078d4}.auth-divider{display:flex;align-items:center;text-align:center;margin-bottom:18px}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid #e2e8f0}.auth-divider span{padding:0 12px;font-size:11px;color:var(--dimblag);text-transform:uppercase;letter-spacing:.5px}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:12px;font-weight:500;color:var(--oliv);margin-bottom:6px}.form-group input{width:100%;padding:10px 14px;font-size:14px;border:1px solid var(--color-border-light);border-radius:8px;background:var(--kalkvit);color:var(--charcoal-graphite);transition:all .2s ease}.form-group input:focus{outline:none;border-color:var(--gtm-teal-500);background:#fff;box-shadow:0 0 0 3px #2dd4bf26}.form-group input.error{border-color:var(--color-error)}.form-group input::-moz-placeholder{color:var(--dimblag)}.form-group input::placeholder{color:var(--dimblag)}.form-group input:disabled{opacity:.5;cursor:not-allowed;background:#f1f5f9}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:48px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;cursor:pointer;color:var(--dimblag);display:flex;align-items:center;justify-content:center;transition:color .2s}.password-toggle:hover{color:var(--oliv)}.field-error{display:block;font-size:12px;color:var(--color-error);margin-top:6px}.auth-error{display:flex;align-items:center;gap:10px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:12px 16px;color:#f87171;font-size:13px;margin-bottom:20px}.auth-form{margin-bottom:0}.auth-submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,var(--gtm-teal-500) 0%,var(--gtm-teal-600) 100%);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px;box-shadow:0 4px 14px #2dd4bf59}.auth-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--gtm-teal-600) 0%,var(--gtm-teal-500) 100%);box-shadow:0 6px 20px #2dd4bf73;transform:translateY(-1px)}.auth-submit-btn:active:not(:disabled){transform:scale(.98) translateY(0)}.auth-submit-btn:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed}.auth-submit-btn .spin{animation:spin 1s linear infinite}.auth-footer{text-align:center;padding-top:16px;margin-top:16px;border-top:1px solid #e2e8f0}.auth-footer p{font-size:13px;color:var(--text-muted);margin:0}.auth-link{color:var(--gtm-teal-600);font-weight:600;text-decoration:none;transition:color .2s}.auth-link:hover{color:var(--gtm-navy-700)}.auth-terms{text-align:center;font-size:11px;color:var(--dimblag);margin-top:20px;line-height:1.5}.auth-terms a{color:var(--gtm-teal-600);text-decoration:none;transition:color .2s}.auth-terms a:hover{color:var(--gtm-navy-700)}.auth-container{width:100%;max-width:420px}.auth-icon{width:64px;height:64px;background:#2dd4bf26;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--gtm-teal-500)}.auth-icon.success{background:var(--color-success-light);color:var(--color-success)}.auth-icon.error{background:var(--color-error-light);color:var(--color-error)}.invite-card{max-width:420px}.invite-details{padding:20px 32px;background:#fafbfc;border-bottom:1px solid #f1f5f9}.invite-detail-row{display:flex;align-items:center;gap:16px;margin-bottom:16px}.invite-detail-row:last-child{margin-bottom:0}.invite-detail-row svg{color:var(--gtm-teal-600);flex-shrink:0}.invite-detail-row label{display:block;font-size:11px;color:var(--dimblag);margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px}.invite-detail-row strong{font-size:14px;color:var(--gtm-navy-700);font-weight:600}.invite-message{margin-top:16px;padding:14px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.invite-message p{font-style:italic;color:var(--text-muted);margin:0 0 6px;font-size:13px}.invite-message span{font-size:11px;color:var(--dimblag)}.auth-notice{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;margin:0 32px 16px;font-size:12px;color:#fbbf24}.auth-actions{display:flex;gap:12px;padding:24px 32px}.auth-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.auth-btn.primary{background:linear-gradient(135deg,var(--gtm-teal-500) 0%,var(--gtm-teal-600) 100%);color:#fff;border:none;box-shadow:0 4px 14px #2dd4bf59}.auth-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,var(--gtm-teal-600) 0%,var(--gtm-teal-500) 100%);box-shadow:0 6px 20px #2dd4bf73;transform:translateY(-1px)}.auth-btn.secondary{background:var(--kalkvit);color:var(--text-muted);border:1px solid var(--color-border-light)}.auth-btn.secondary:hover:not(:disabled){border-color:var(--gtm-teal-500);color:var(--gtm-navy-700);background:#fafbfc}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-btn .spin{animation:spin 1s linear infinite}.invite-expiry{text-align:center;padding-bottom:20px;font-size:11px;color:var(--dimblag)}.auth-redirect-message{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;color:var(--text-muted);font-size:13px}.auth-redirect-message .spin{animation:spin 1s linear infinite;color:var(--gtm-teal-600)}.confirmation-card{text-align:center;padding:48px 32px;background:#fff}.confirmation-icon{width:72px;height:72px;background:#22c55e1f;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.confirmation-icon svg{color:#22c55e}.confirmation-card h2{font-family:var(--font-header),-apple-system,BlinkMacSystemFont,sans-serif;font-size:22px;font-weight:600;color:var(--gtm-navy-700);margin:0 0 12px}.confirmation-card p{color:#64748b;font-size:14px;line-height:1.6;margin:0 0 24px}.auth-button{background:linear-gradient(135deg,var(--gtm-teal-500) 0%,var(--gtm-teal-600) 100%);color:#fff;border:none;padding:12px 28px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #2dd4bf59}.auth-button:hover{background:linear-gradient(135deg,var(--gtm-teal-600) 0%,var(--gtm-teal-500) 100%);box-shadow:0 6px 20px #2dd4bf73;transform:translateY(-1px)}.email-sent-icon{width:80px;height:80px;background:#2dd4bf1f;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;color:var(--gtm-teal-600)}.email-instructions{color:#64748b;line-height:1.6}@media (max-width: 480px){.auth-page{padding:40px 16px 16px;align-items:flex-start}.auth-header{padding:24px 24px 20px}.auth-content{padding:24px}.auth-brand{font-size:24px}.auth-title{font-size:18px}.auth-actions{flex-direction:column}}.modern-theme .auth-page{background:linear-gradient(145deg,rgba(var(--background-light-rgb),.3),#ffffffe6,rgba(var(--accent-rgb),.05) 60%,#fffffff2)!important}.modern-theme .auth-card{background:#ffffffd9!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(var(--accent-rgb),.15)!important;border-radius:var(--radius-lg)!important;box-shadow:0 4px 6px -1px #0000000d,0 10px 20px -5px rgba(var(--primary-rgb),.08),0 20px 40px -10px #0000000f!important}.modern-theme .auth-header{background:linear-gradient(180deg,rgba(var(--background-light-rgb),.3),#fffffff2)!important;border-bottom:1px solid rgba(var(--background-light-rgb),.5)!important;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important}.modern-theme .auth-brand{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.modern-theme .auth-content{background:#fffffff2!important}.modern-theme .form-group input{background:#fff!important;border:1px solid rgba(var(--background-light-rgb),.6)!important;border-radius:var(--radius-md)!important;box-shadow:inset 0 1px 2px #0000000a!important;transition:all var(--transition-base)!important}.modern-theme .form-group input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(var(--accent-rgb),.12),inset 0 1px 2px #0000000a!important}.modern-theme .form-group input.error{border-color:#ef444480!important}.modern-theme .social-auth-btn{background:#fff!important;border:1px solid rgba(var(--background-light-rgb),.6)!important;border-radius:var(--radius-md)!important;transition:all var(--transition-base)!important}.modern-theme .social-auth-btn:hover{background:rgba(var(--background-light-rgb),.2)!important;border-color:rgba(var(--accent-rgb),.3)!important}.modern-theme .social-auth-btn.github{background:var(--charcoal-graphite)!important;border:1px solid var(--charcoal-graphite)!important}.modern-theme .social-auth-btn.github:hover{background:rgba(var(--charcoal-graphite-rgb),.85)!important}.modern-theme .social-auth-btn.microsoft{background:#fff!important;border:1px solid rgba(var(--background-light-rgb),.6)!important}.modern-theme .social-auth-btn.microsoft:hover{background:rgba(var(--background-light-rgb),.2)!important;border-color:#0078d4!important}.modern-theme .auth-submit-btn{background:linear-gradient(135deg,var(--accent) 0%,var(--gtm-teal-600, #14B8A6) 100%)!important;border-radius:var(--radius-md)!important;box-shadow:0 4px 14px rgba(var(--accent-rgb),.35)!important}.modern-theme .auth-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--gtm-teal-600, #14B8A6) 0%,var(--accent) 100%)!important;box-shadow:0 6px 20px rgba(var(--accent-rgb),.45)!important;transform:translateY(-1px)!important}.modern-theme .auth-submit-btn:disabled{background:rgba(var(--background-light-rgb),.8)!important;color:var(--text-muted)!important;box-shadow:none!important}.modern-theme .auth-divider:before,.modern-theme .auth-divider:after{border-bottom:1px solid rgba(var(--background-light-rgb),.6)!important}.modern-theme .auth-divider span{color:var(--text-muted)!important}.modern-theme .auth-footer{border-top:1px solid rgba(var(--background-light-rgb),.5)!important}.modern-theme .auth-link{color:var(--accent)!important}.modern-theme .auth-link:hover{color:var(--primary)!important}.modern-theme .auth-back-link{color:var(--text-muted)!important}.modern-theme .auth-back-link:hover{color:var(--primary)!important}.modern-theme .auth-error{background:#ef444414!important;border:1px solid rgba(239,68,68,.2)!important;border-radius:var(--radius-md)!important}.modern-theme .field-error{color:#ef4444e6!important}.modern-theme .password-toggle{color:var(--text-muted)!important}.modern-theme .password-toggle:hover{color:var(--charcoal-graphite)!important}.modern-theme .auth-terms{color:var(--text-muted)!important}.modern-theme .auth-terms a{color:var(--accent)!important}.modern-theme .auth-terms a:hover{color:var(--primary)!important}.modern-theme .invite-card{background:#ffffffe6!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid rgba(var(--background-light-rgb),.5)!important;border-radius:var(--radius-lg)!important}.modern-theme .invite-details{background:rgba(var(--background-light-rgb),.2)!important;border-bottom:1px solid rgba(var(--background-light-rgb),.5)!important}.modern-theme .invite-detail-row svg{color:var(--accent)!important}.modern-theme .invite-message{background:rgba(var(--background-light-rgb),.15)!important;border:1px solid rgba(var(--background-light-rgb),.4)!important;border-radius:var(--radius-md)!important}.modern-theme .auth-notice{background:rgba(var(--accent-rgb),.1)!important;border:1px solid rgba(var(--accent-rgb),.25)!important;border-radius:var(--radius-md)!important;color:var(--gtm-teal-600, #14B8A6)!important}.modern-theme .auth-btn.primary{background:linear-gradient(135deg,var(--accent) 0%,var(--gtm-teal-600, #14B8A6) 100%)!important;border-radius:var(--radius-md)!important;box-shadow:0 4px 14px rgba(var(--accent-rgb),.35)!important}.modern-theme .auth-btn.primary:hover:not(:disabled){box-shadow:0 6px 20px rgba(var(--accent-rgb),.45)!important;transform:translateY(-1px)!important}.modern-theme .auth-btn.secondary{background:#fff!important;border:1px solid rgba(var(--background-light-rgb),.6)!important;border-radius:var(--radius-md)!important;color:var(--charcoal-graphite)!important}.modern-theme .auth-btn.secondary:hover:not(:disabled){border-color:var(--accent)!important;color:var(--primary)!important;background:rgba(var(--background-light-rgb),.2)!important}.modern-theme .auth-icon{background:rgba(var(--accent-rgb),.12)!important;color:var(--accent)!important}.modern-theme .auth-icon.success{background:rgba(var(--color-success-rgb),.12)!important;color:var(--color-success)!important}.modern-theme .confirmation-card{background:#fffffff2!important}.modern-theme .confirmation-icon{background:rgba(var(--color-success-rgb),.12)!important}.modern-theme .confirmation-icon svg{color:var(--color-success)!important}.modern-theme .confirmation-card h2{color:var(--primary)!important}.modern-theme .confirmation-card p{color:var(--text-muted)!important}.modern-theme .auth-button{background:linear-gradient(135deg,var(--accent) 0%,var(--gtm-teal-600, #14B8A6) 100%)!important;border-radius:var(--radius-md)!important;box-shadow:0 4px 14px rgba(var(--accent-rgb),.35)!important}.modern-theme .auth-button:hover{box-shadow:0 6px 20px rgba(var(--accent-rgb),.45)!important;transform:translateY(-1px)!important}.modern-theme .email-sent-icon{background:rgba(var(--accent-rgb),.12)!important;color:var(--accent)!important}.modern-theme .auth-loading .spin,.modern-theme .auth-redirect-message .spin{color:var(--accent)!important}@media (max-width: 480px){.modern-theme .auth-page{padding:16px!important}.modern-theme .auth-card{border-radius:var(--radius-md)!important}.modern-theme .auth-header{border-radius:var(--radius-md) var(--radius-md) 0 0!important}}.onboarding-page{min-height:100vh;background:linear-gradient(135deg,var(--gtm-navy-50) 0%,var(--gtm-navy-100) 100%);display:flex;align-items:center;justify-content:center;padding:24px}.onboarding-loading{text-align:center;color:var(--gtm-navy-600)}.onboarding-loading .spin{animation:spin 1s linear infinite;color:var(--gtm-navy-700);margin-bottom:16px}.onboarding-container{width:100%;max-width:640px;background:#fff;border-radius:20px;box-shadow:0 8px 40px #0000001a;overflow:hidden}.onboarding-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #E5D9C7}.onboarding-logo{font-family:var(--font-header),sans-serif;font-size:24px;font-weight:800;color:var(--gtm-navy-700);letter-spacing:-.5px}.onboarding-skip-all{background:none;border:none;color:#a1b1c6;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s}.onboarding-skip-all:hover{background:#f9f7f4;color:var(--gtm-navy-600)}.onboarding-progress{padding:24px;background:#fafafa;border-bottom:1px solid #E5D9C7}.progress-steps{display:flex;justify-content:space-between;margin-bottom:16px}.progress-step{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.step-indicator{width:36px;height:36px;border-radius:50%;background:#e5d9c7;color:var(--gtm-navy-600);display:flex;align-items:center;justify-content:center;font-family:var(--font-header),sans-serif;font-size:14px;font-weight:600;transition:all .3s}.progress-step.active .step-indicator{background:var(--gtm-navy-700);color:#fff;box-shadow:0 4px 12px #b873334d}.progress-step.completed .step-indicator{background:#16a34a;color:#fff}.progress-step.skipped .step-indicator{background:#a1b1c6;color:#fff}.step-label{font-size:11px;color:#8b7355;text-align:center;max-width:80px;line-height:1.2}.progress-step.active .step-label{color:var(--gtm-navy-700);font-weight:600}.progress-bar{height:4px;background:#e5d9c7;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--gtm-navy-700),#16A34A);border-radius:2px;transition:width .5s ease}.onboarding-error{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px;background:#fee2e2;color:#dc2626;font-size:14px}.onboarding-error button{background:none;border:none;color:#dc2626;cursor:pointer;padding:4px;border-radius:4px}.onboarding-error button:hover{background:#dc26261a}.onboarding-content{padding:32px;min-height:400px}.step-container{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-header{text-align:center;margin-bottom:32px}.step-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--gtm-navy-700),var(--gtm-navy-800));border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 20px}.step-title{font-family:var(--font-header),sans-serif;font-size:24px;font-weight:700;color:#1c1c1e;margin:0 0 8px}.step-description{font-size:15px;color:var(--gtm-navy-600);margin:0}.step-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-family:var(--font-header),sans-serif;font-size:14px;font-weight:600;color:#1c1c1e}.form-label .required{color:#dc2626;margin-left:4px}.form-input{padding:12px 16px;border:2px solid #E5D9C7;border-radius:10px;font-size:16px;font-family:var(--font-body),sans-serif;color:#1c1c1e;transition:border-color .2s}.form-input:focus{outline:none;border-color:var(--gtm-navy-700)}.form-input::-moz-placeholder{color:#a1b1c6}.form-input::placeholder{color:#a1b1c6}.form-input.error{border-color:#dc2626}.form-hint{font-size:13px;color:#8b7355}.form-error{font-size:13px;color:#dc2626}.step-actions{display:flex;justify-content:space-between;margin-top:32px;gap:16px}.step-actions.center{justify-content:center}.btn-back{display:flex;align-items:center;gap:8px;background:none;border:2px solid #E5D9C7;color:var(--gtm-navy-600);padding:12px 20px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-back:hover{border-color:var(--gtm-navy-600);color:#1c1c1e}.btn-skip{display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #E5D9C7;border-radius:10px;color:#8b7355;font-family:var(--font-header),sans-serif;font-size:15px;font-weight:600;cursor:pointer;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.btn-skip:hover{border-color:var(--gtm-navy-700);color:var(--gtm-navy-600);background:#fefbf7}.btn-skip:disabled{opacity:.5;cursor:not-allowed}.btn-continue{display:flex;align-items:center;gap:8px;background:var(--gtm-navy-700);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-continue:hover:not(:disabled){background:var(--gtm-navy-800);transform:translateY(-1px)}.btn-continue:disabled{background:#e5d9c7;color:#a1b1c6;cursor:not-allowed}.btn-continue .spin{animation:spin 1s linear infinite}.industry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.industry-card{padding:20px;border:2px solid #E5D9C7;border-radius:12px;cursor:pointer;transition:all .2s;text-align:center;position:relative}.industry-card:hover:not(.disabled){border-color:var(--gtm-navy-700);background:#fefcfb}.industry-card.selected{border-color:var(--gtm-navy-700);background:#fef7f0;box-shadow:0 4px 12px #b8733326}.industry-card.disabled{opacity:.6;cursor:not-allowed}.industry-card .coming-soon{position:absolute;top:8px;right:8px;background:#fef3c7;color:#92400e;font-size:10px;font-weight:600;padding:4px 8px;border-radius:4px}.industry-icon{width:48px;height:48px;background:#f9f7f4;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--gtm-navy-700);margin:0 auto 12px}.industry-card.selected .industry-icon{background:var(--gtm-navy-700);color:#fff}.industry-name{font-family:var(--font-header),sans-serif;font-size:14px;font-weight:600;color:#1c1c1e;margin-bottom:4px}.industry-description{font-size:12px;color:var(--gtm-navy-600);line-height:1.4}.color-picker-section{display:flex;flex-direction:column;gap:16px}.color-row{display:flex;align-items:center;gap:16px}.color-preview{width:48px;height:48px;border-radius:12px;border:2px solid #E5D9C7;cursor:pointer;transition:transform .2s}.color-preview:hover{transform:scale(1.05)}.color-input-wrapper{flex:1}.logo-upload{border:2px dashed #E5D9C7;border-radius:12px;padding:32px;text-align:center;cursor:pointer;transition:all .2s}.logo-upload:hover{border-color:var(--gtm-navy-700);background:#fefcfb}.logo-upload.has-logo{border-style:solid}.logo-preview{max-width:200px;max-height:100px;margin:0 auto}.upload-icon{width:48px;height:48px;background:#f9f7f4;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--gtm-navy-700);margin:0 auto 12px}.upload-text{font-size:14px;color:var(--gtm-navy-600)}.upload-text strong{color:var(--gtm-navy-700)}.tour-features{display:grid;gap:16px;margin-bottom:32px}.tour-feature{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#f9f7f4;border-radius:12px}.tour-feature-icon{width:40px;height:40px;background:var(--gtm-navy-700);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.tour-feature-content h4{font-family:var(--font-header),sans-serif;font-size:15px;font-weight:600;color:#1c1c1e;margin:0 0 4px}.tour-feature-content p{font-size:13px;color:var(--gtm-navy-600);margin:0;line-height:1.5}.ai-analyzer-section{background:linear-gradient(135deg,#f9f7f4,#f5f0e8);border:2px solid var(--gtm-navy-600, #2E4A6F);border-radius:16px;padding:24px;margin-bottom:24px}.ai-analyzer-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.ai-analyzer-header .ai-icon{color:var(--gtm-navy-700, #1E3A5F);flex-shrink:0}.ai-analyzer-title{font-family:var(--font-header),sans-serif;font-size:18px;font-weight:700;color:var(--gtm-navy-700, #1E3A5F);margin:0 0 4px}.ai-analyzer-subtitle{font-size:14px;color:var(--gtm-navy-600, #2E4A6F);margin:0}.ai-input-container{display:flex;flex-direction:column;gap:12px}.website-url-input-group{margin-bottom:8px}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon .input-icon{position:absolute;left:14px;color:var(--gtm-navy-500, #3E5A7F);pointer-events:none}.website-url-input{width:100%;padding:12px 12px 12px 42px;border:2px solid #E5D9C7;border-radius:10px;font-size:15px;font-family:var(--font-body),sans-serif;color:#1c1c1e;background:#fff;transition:border-color .2s}.website-url-input:focus{outline:none;border-color:var(--gtm-navy-600, #2E4A6F)}.website-url-input::-moz-placeholder{color:#8b7355}.website-url-input::placeholder{color:#8b7355}.website-url-input:disabled{background:#f9f7f4;cursor:not-allowed}.input-hint{display:block;font-size:12px;color:var(--gtm-navy-600, #2E4A6F);margin-top:6px;padding-left:4px}.business-description-input{width:100%;padding:16px;border:2px solid #E5D9C7;border-radius:12px;font-size:15px;font-family:var(--font-body),sans-serif;color:#1c1c1e;background:#fff;resize:vertical;min-height:100px;transition:border-color .2s}.business-description-input:focus{outline:none;border-color:var(--gtm-navy-600, #2E4A6F)}.business-description-input::-moz-placeholder{color:#8b7355}.business-description-input::placeholder{color:#8b7355}.business-description-input:disabled{background:#f0f9ff;cursor:not-allowed}.ai-input-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.char-count{font-size:13px}.ai-buttons{display:flex;gap:12px}.btn-skip-analysis{background:transparent;border:2px solid #BAE6FD;color:#0369a1;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-skip-analysis:hover:not(:disabled){border-color:#0ea5e9;background:#fff}.btn-skip-analysis:disabled{opacity:.5;cursor:not-allowed}.btn-analyze{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-analyze:hover:not(:disabled){background:linear-gradient(135deg,#0284c7,#0369a1);transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.btn-analyze:disabled{background:#bae6fd;cursor:not-allowed}.btn-analyze .spin{animation:spin 1s linear infinite}.analysis-progress-container{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:8px}.analysis-progress-bar{width:100%;height:8px;background:#f0ebe3;border-radius:4px;overflow:hidden}.analysis-progress-fill{height:100%;background:linear-gradient(90deg,#5e503f,#b87333);border-radius:4px;transition:width .3s ease}.analysis-progress-stage{font-size:13px;color:#5e503f;font-weight:500;text-align:center}.analysis-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fee2e2;border:1px solid #FECACA;border-radius:8px;color:#dc2626;font-size:14px;margin-top:12px}.analysis-warning{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;background:#fef3c7;border:1px solid #FDE68A;border-radius:8px;color:#92400e;font-size:13px;margin-bottom:16px}.analysis-warning svg{flex-shrink:0;margin-top:1px}.website-analyzed-badge{display:inline-flex;align-items:center;gap:4px;margin-left:12px;background:#dcfce7;color:#166534;font-size:12px;font-weight:600;padding:3px 8px;border-radius:4px}.branding-card{border:1px dashed #BBF7D0!important}.branding-preview{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:8px}.logo-preview-container{flex-shrink:0}.detected-logo{max-height:48px;max-width:120px;-o-object-fit:contain;object-fit:contain;border-radius:4px;border:1px solid #E5E7EB}.detected-colors{display:flex;align-items:center;gap:8px}.colors-label{font-size:13px;color:#6b7280}.color-swatches{display:flex;gap:4px}.color-swatch{width:24px;height:24px;border-radius:4px;border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 2px #0000000d;cursor:pointer}.color-swatch:hover{transform:scale(1.1);transition:transform .15s ease}.branding-hint{font-size:12px;color:#15803d;margin:0;font-style:italic}.detected-branding-hint{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #BBF7D0;border-radius:10px;margin-bottom:20px;font-size:14px;color:#166534}.detected-branding-hint svg{flex-shrink:0;color:#22c55e}.detected-logo-choice{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #BBF7D0;border-radius:12px;padding:16px;margin-bottom:16px}.detected-logo-label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#166534;margin:0 0 12px}.detected-logo-options{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.detected-logo-preview-card{background:#fff;border:1px solid #BBF7D0;border-radius:8px;padding:12px;display:flex;align-items:center;justify-content:center;min-width:120px;min-height:60px}.detected-logo-img{max-height:48px;max-width:140px;-o-object-fit:contain;object-fit:contain}.detected-logo-actions{display:flex;flex-direction:column;gap:8px}.btn-use-detected{display:flex;align-items:center;gap:6px;background:#22c55e;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-use-detected:hover{background:#16a34a}.btn-upload-different{display:flex;align-items:center;gap:6px;background:transparent;color:#166534;border:1px solid #BBF7D0;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-upload-different:hover{background:#fff;border-color:#22c55e}.detected-badge{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);background:#22c55e;color:#fff;font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px;white-space:nowrap}@media (max-width: 480px){.detected-logo-options{flex-direction:column;align-items:stretch}.detected-logo-preview-card{width:100%}.detected-logo-actions{flex-direction:row}.btn-use-detected,.btn-upload-different{flex:1;justify-content:center}}.analysis-results{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #22C55E;border-radius:16px;padding:24px;margin-bottom:24px}.analysis-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.analysis-header .success-icon{color:#22c55e;flex-shrink:0}.analysis-title{font-family:var(--font-header),sans-serif;font-size:18px;font-weight:700;color:#166534;margin:0 0 4px}.analysis-confidence{font-size:14px;color:#15803d;margin:0}.confidence-high{color:#16a34a;font-weight:700}.confidence-medium{color:#d97706;font-weight:700}.confidence-low{color:#dc2626;font-weight:700}.analysis-recommendation{background:#fff;border-radius:12px;padding:16px;margin-bottom:20px}.recommended-industry{display:flex;align-items:center;gap:8px;margin-bottom:8px}.recommended-industry .label{font-size:14px;color:#6b7280}.recommended-industry .value{font-family:var(--font-header),sans-serif;font-size:16px;font-weight:700;color:#166534}.reasoning{font-size:14px;color:#374151;margin:0;line-height:1.5}.analysis-details{display:grid;gap:16px;margin-bottom:20px}.detail-card{background:#fff;border-radius:12px;padding:16px}.detail-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#374151;font-weight:600;font-size:14px}.detail-header svg{color:#22c55e}.detail-primary{font-size:14px;color:#1c1c1e;margin:0 0 8px;line-height:1.5}.detail-tags{display:flex;flex-wrap:wrap;gap:8px}.detail-tags .tag{background:#e5e7eb;color:#374151;padding:4px 10px;border-radius:6px;font-size:13px;font-weight:500}.detail-tags .tag.pillar{background:#dcfce7;color:#166534}.detail-tags .tag.secondary{background:#f0f9ff;color:#0369a1}.btn-reset-analysis{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:transparent;border:2px solid #BBF7D0;color:#15803d;padding:12px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-reset-analysis:hover{background:#fff;border-color:#22c55e}.industry-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.industry-section-header h3{font-family:var(--font-header),sans-serif;font-size:16px;font-weight:600;color:#374151;margin:0}.btn-show-analyzer{display:flex;align-items:center;gap:6px;background:#f0f9ff;border:1px solid #BAE6FD;color:#0369a1;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-show-analyzer:hover{background:#e0f2fe;border-color:#0ea5e9}.industry-card.ai-recommended{border-color:#22c55e;background:#f0fdf4}.industry-card.ai-recommended:hover:not(.disabled){border-color:#16a34a;background:#dcfce7}.industry-card .ai-badge{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:10px;font-weight:600;padding:4px 8px;border-radius:4px}.industry-card.ai-recommended .industry-icon{background:#dcfce7;color:#16a34a}.industry-card.ai-recommended.selected .industry-icon{background:#16a34a;color:#fff}@media (max-width: 640px){.onboarding-page{padding:0;align-items:flex-start}.onboarding-container{border-radius:0;min-height:100vh}.progress-steps{flex-wrap:wrap;gap:12px}.progress-step{flex:0 0 auto}.step-label{display:none}.onboarding-content{padding:24px}.step-actions{flex-direction:column-reverse}.btn-back,.btn-continue{width:100%;justify-content:center}.industry-grid{grid-template-columns:1fr}.ai-analyzer-section,.analysis-results{padding:16px}.ai-input-footer{flex-direction:column;align-items:stretch}.ai-buttons{flex-direction:column}.btn-skip-analysis,.btn-analyze{width:100%;justify-content:center}.industry-section-header{flex-direction:column;gap:12px;align-items:stretch}.btn-show-analyzer{justify-content:center}}.modern-theme .onboarding-page{background:transparent!important}.modern-theme .onboarding-container{background:linear-gradient(145deg,#ffffff73,rgba(var(--background-light-rgb),.15),rgba(var(--primary-rgb),.08))!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid var(--glass-border)!important;border-radius:20px!important;box-shadow:0 12px 48px rgba(var(--primary-rgb),.12),inset 0 1px #ffffff80!important}.modern-theme .onboarding-header{background:linear-gradient(135deg,rgba(var(--primary-rgb),.12),#ffffff80,rgba(var(--background-light-rgb),.15) 70%,rgba(var(--secondary-rgb),.08))!important;backdrop-filter:blur(28px)!important;-webkit-backdrop-filter:blur(28px)!important;border-bottom:1px solid var(--glass-border)!important;box-shadow:inset 0 1px #fff9!important}.modern-theme .onboarding-logo{color:var(--primary)!important}.modern-theme .onboarding-skip-all{background:linear-gradient(145deg,#ffffff80,rgba(var(--background-light-rgb),.15))!important;border:1px solid var(--glass-border)!important;color:var(--text-muted)!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.modern-theme .onboarding-skip-all:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.08),#ffffffb3)!important;color:var(--charcoal-graphite)!important}.modern-theme .onboarding-progress{background:linear-gradient(145deg,#fff6,rgba(var(--background-light-rgb),.1))!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border-bottom:1px solid var(--glass-border)!important}.modern-theme .step-indicator{background:rgba(var(--background-light-rgb),.5)!important;color:var(--text-muted)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.modern-theme .progress-step.active .step-indicator{background:var(--primary)!important;color:#fff!important;box-shadow:0 4px 16px rgba(var(--primary-rgb),.35)!important}.modern-theme .progress-step.completed .step-indicator{background:var(--color-success)!important}.modern-theme .progress-bar{background:rgba(var(--background-light-rgb),.5)!important}.modern-theme .progress-fill{background:linear-gradient(90deg,var(--primary) 0%,var(--accent) 100%)!important}.modern-theme .onboarding-content{background:#ffffff4d!important}.modern-theme .step-icon{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%)!important;box-shadow:0 4px 16px rgba(var(--primary-rgb),.3)!important}.modern-theme .form-input{background:#fff9!important;border:2px solid rgba(var(--background-light-rgb),.4)!important;transition:all .2s ease!important}.modern-theme .form-input:focus{background:#ffffffe6!important;border-color:var(--primary)!important;box-shadow:0 0 0 4px rgba(var(--primary-rgb),.15)!important}.modern-theme .industry-card{background:linear-gradient(145deg,#ffffff80,rgba(var(--background-light-rgb),.1))!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:2px solid rgba(var(--background-light-rgb),.3)!important;box-shadow:inset 0 1px #ffffff80!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.modern-theme .industry-card:hover:not(.disabled){background:linear-gradient(145deg,rgba(var(--primary-rgb),.1),#ffffffb3)!important;border-color:rgba(var(--primary-rgb),.35)!important;transform:translateY(-2px)!important;box-shadow:0 8px 24px rgba(var(--primary-rgb),.12),inset 0 1px #ffffff80!important}.modern-theme .industry-card.selected{background:linear-gradient(145deg,rgba(var(--primary-rgb),.2),#fff9,rgba(var(--primary-rgb),.15))!important;border-color:rgba(var(--primary-rgb),.4)!important;box-shadow:0 8px 32px rgba(var(--primary-rgb),.2),0 0 20px rgba(var(--primary-rgb),.1),inset 0 1px #fff9!important}.modern-theme .industry-icon{background:rgba(var(--background-light-rgb),.3)!important;color:var(--primary)!important}.modern-theme .industry-card.selected .industry-icon{background:var(--primary)!important;color:#fff!important}.modern-theme .btn-back{background:linear-gradient(145deg,#ffffff80,rgba(var(--background-light-rgb),.15))!important;border:2px solid rgba(var(--background-light-rgb),.4)!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.modern-theme .btn-back:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.08),#ffffffb3)!important;border-color:rgba(var(--primary-rgb),.3)!important;color:var(--primary)!important}.modern-theme .btn-continue{background:var(--primary)!important;box-shadow:0 4px 16px rgba(var(--primary-rgb),.35),inset 0 1px #fff3!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.modern-theme .btn-continue:hover:not(:disabled){background:var(--secondary)!important;transform:translateY(-2px)!important;box-shadow:0 8px 24px rgba(var(--primary-rgb),.4),inset 0 1px #fff3!important}.modern-theme .btn-continue:disabled{background:rgba(var(--background-light-rgb),.5)!important;color:var(--text-muted)!important;box-shadow:none!important}.modern-theme .tour-feature{background:linear-gradient(145deg,#ffffff80,rgba(var(--background-light-rgb),.1))!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid var(--glass-border)!important;box-shadow:inset 0 1px #ffffff80!important}.modern-theme .tour-feature-icon{background:var(--primary)!important;box-shadow:0 4px 12px rgba(var(--primary-rgb),.25)!important}.modern-theme .logo-upload{background:linear-gradient(145deg,#fff6,rgba(var(--background-light-rgb),.1))!important;border:2px dashed rgba(var(--background-light-rgb),.5)!important;transition:all .2s ease!important}.modern-theme .logo-upload:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.05),#fff9)!important;border-color:rgba(var(--primary-rgb),.4)!important}.modern-theme .upload-icon{background:rgba(var(--background-light-rgb),.3)!important;color:var(--primary)!important}.modern-theme .ai-analyzer-section{background:linear-gradient(145deg,#ffffff80,rgba(var(--primary-rgb),.08),rgba(var(--background-light-rgb),.1))!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:2px solid rgba(var(--primary-rgb),.25)!important;box-shadow:inset 0 1px #ffffff80!important}.modern-theme .ai-analyzer-title{color:var(--primary)!important}.modern-theme .ai-analyzer-subtitle{color:var(--secondary)!important}.modern-theme .business-description-input{background:#ffffffb3!important;border:2px solid rgba(var(--primary-rgb),.2)!important}.modern-theme .business-description-input:focus{background:#ffffffe6!important;border-color:var(--primary)!important;box-shadow:0 0 0 4px rgba(var(--primary-rgb),.15)!important}.modern-theme .btn-analyze{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%)!important;box-shadow:0 4px 16px rgba(var(--primary-rgb),.3)!important}.modern-theme .btn-analyze:hover:not(:disabled){background:linear-gradient(135deg,var(--secondary) 0%,var(--primary) 100%)!important}.modern-theme .analysis-results{background:linear-gradient(145deg,#ffffff80,rgba(var(--accent-rgb),.08),rgba(var(--background-light-rgb),.1))!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:2px solid rgba(var(--accent-rgb),.25)!important;box-shadow:inset 0 1px #ffffff80!important}.modern-theme .analysis-title{color:var(--accent)!important}.modern-theme .analysis-recommendation,.modern-theme .detail-card{background:#fff9!important;border:1px solid var(--glass-border)!important}@media (max-width: 640px){.modern-theme .onboarding-container{border-radius:0!important}}.content-pillars-preview{background:linear-gradient(135deg,#f9f7f4,#e5d9c7 50%);border:1px solid #E5D9C7;border-radius:12px;padding:16px;margin-bottom:24px}.content-pillars-preview h4{font-family:var(--font-header),sans-serif;font-size:14px;font-weight:600;color:var(--gtm-navy-600);margin:0 0 12px}.pillar-tags{display:flex;flex-wrap:wrap;gap:8px}.pillar-tag{display:inline-block;padding:6px 12px;background:#fff;border:2px solid var(--gtm-navy-700);border-radius:20px;font-size:13px;font-weight:500;color:var(--gtm-navy-600)}.content-option-section{margin-bottom:24px}.content-option-section h4{font-family:var(--font-header),sans-serif;font-size:14px;font-weight:600;color:#1c1c1e;margin:0 0 12px}.option-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.option-cards.horizontal{grid-template-columns:repeat(3,1fr)}.option-card{background:#fff;border:2px solid #E5D9C7;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;text-align:center}.option-card:hover{border-color:var(--gtm-navy-700);background:#fefbf7}.option-card.selected{border-color:var(--gtm-navy-700);background:linear-gradient(135deg,#fef3e9,#fce8d7);box-shadow:0 2px 8px #b8733326}.option-card svg{color:var(--gtm-navy-700);margin-bottom:8px}.option-card.selected svg{color:var(--gtm-navy-800)}.option-label{font-family:var(--font-header),sans-serif;font-size:14px;font-weight:600;color:#1c1c1e;margin-bottom:4px}.option-description{font-size:12px;color:var(--gtm-navy-600);line-height:1.4}.option-card.compact{padding:12px}.option-card.compact .option-label{margin-bottom:2px}.option-meta{font-size:12px;color:#8b7355;margin-bottom:4px}.option-time{display:flex;align-items:center;justify-content:center;gap:4px;font-size:11px;color:#a1b1c6}.option-time svg{margin-bottom:0}.article-count-selector{display:flex;gap:12px}.count-btn{flex:1;padding:12px 16px;background:#fff;border:2px solid #E5D9C7;border-radius:10px;font-family:var(--font-header),sans-serif;font-size:14px;font-weight:500;color:var(--gtm-navy-600);cursor:pointer;transition:all .2s ease}.count-btn:hover{border-color:var(--gtm-navy-700);background:#fefbf7}.count-btn.selected{border-color:var(--gtm-navy-700);background:linear-gradient(135deg,var(--gtm-navy-700) 0%,var(--gtm-navy-800) 100%);color:#fff;box-shadow:0 2px 8px #b873334d}.generate-btn{background:linear-gradient(135deg,var(--gtm-navy-700) 0%,var(--gtm-navy-800) 100%)!important;gap:8px}.generate-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--gtm-navy-800) 0%,var(--gtm-navy-900) 100%)!important}.generation-progress-container{background:linear-gradient(135deg,#f9f7f4,#e5d9c7);border:1px solid #E5D9C7;border-radius:16px;padding:24px;margin-bottom:24px}.generation-status{display:flex;align-items:center;justify-content:center;gap:12px;font-family:var(--font-header),sans-serif;font-size:16px;font-weight:600;color:var(--gtm-navy-700);margin-bottom:20px}.generation-status svg{color:var(--gtm-navy-700)}.progress-bar-container{margin-bottom:16px}.progress-bar-container .progress-bar{height:8px;background:#e5d9c7;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-bar-container .progress-fill{height:100%;background:linear-gradient(90deg,var(--gtm-navy-700),#16A34A);border-radius:4px;transition:width .3s ease}.progress-text{text-align:center;font-size:14px;color:var(--gtm-navy-600);font-weight:500}.current-article{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#fff;border-radius:8px;font-size:14px;color:var(--gtm-navy-600)}.current-article svg{color:var(--gtm-navy-700)}.generation-complete{text-align:center;padding:20px}.generation-complete .success-icon{color:#16a34a;margin-bottom:12px}.generation-complete h3{font-family:var(--font-header),sans-serif;font-size:20px;font-weight:700;color:#1c1c1e;margin:0 0 8px}.generation-complete p{font-size:15px;color:var(--gtm-navy-600);margin:0}.generation-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fee2e2;border:1px solid #FECACA;border-radius:8px;color:#dc2626;font-size:14px;margin-top:16px}.generated-articles-list{margin-top:20px}.generated-articles-list h4{font-family:var(--font-header),sans-serif;font-size:14px;font-weight:600;color:var(--gtm-navy-600);margin:0 0 12px}.articles-scroll{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.article-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border-radius:8px;font-size:14px;color:var(--gtm-navy-600)}.article-item.completed svg{color:#16a34a}.article-item.failed{background:#fef2f2}.article-item.failed svg{color:#dc2626}.article-item.generating{background:#fef3e9}.article-item.generating svg{color:var(--gtm-navy-700)}@media (max-width: 640px){.option-cards,.option-cards.horizontal{grid-template-columns:1fr}.article-count-selector{flex-direction:column}.count-btn{width:100%}}.pillars-hint{font-size:13px;color:#8e8e93;margin:4px 0 12px}.source-selection-container{display:flex;flex-direction:column;gap:24px;margin-bottom:24px;max-height:400px;overflow-y:auto;padding-right:8px}.pillar-sources-section{background:#fafaf8;border-radius:12px;padding:16px}.pillar-sources-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.pillar-sources-header h4{font-family:var(--font-header),sans-serif;font-size:15px;font-weight:600;color:#1c1c1e;margin:0;flex:1}.pillar-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.source-count{font-size:12px;color:#8e8e93;background:#fff;padding:4px 8px;border-radius:6px}.pillar-fetch-error,.pillar-no-sources{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#fff;border-radius:8px;font-size:13px;color:#8e8e93}.pillar-fetch-error{background:#fef2f2;color:#dc2626}.pillar-fetch-error svg{flex-shrink:0}.source-cards{display:flex;flex-direction:column;gap:8px}.source-card{background:#fff;border:2px solid #E5D9C7;border-radius:8px;padding:10px 12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:flex-start;gap:10px}.source-card:hover{border-color:var(--gtm-navy-700);background:#fefbf7}.source-card.selected{border-color:var(--gtm-navy-700);background:#fef8f3}.source-checkbox{width:20px;height:20px;min-width:20px;border:2px solid #D1D5DB;border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s ease;margin-top:2px}.source-card.selected .source-checkbox{background:var(--gtm-navy-700);border-color:var(--gtm-navy-700);color:#fff}.source-card-header{display:none}.source-card-content{flex:1;min-width:0}.source-title{font-family:var(--font-header),sans-serif;font-size:13px;font-weight:600;color:#1c1c1e;line-height:1.3;margin-bottom:3px}.source-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:0}.source-publisher{font-size:11px;color:var(--gtm-navy-600);font-weight:500}.source-date{font-size:11px;color:#8e8e93}.source-date:before{content:"•";margin-right:6px;color:#d1d5db}.source-citations{font-size:10px;color:#6366f1;background:#eef2ff;padding:2px 6px;border-radius:4px;font-weight:500}.source-verified{display:inline-flex;align-items:center;gap:3px;font-size:10px;color:#16a34a;background:#dcfce7;padding:2px 6px;border-radius:4px}.source-credibility{font-size:10px;padding:2px 6px;border-radius:4px;font-weight:500}.source-credibility.high{color:#0369a1;background:#e0f2fe}.source-findings{margin-top:6px;display:flex;flex-direction:column;gap:4px}.source-finding{font-size:11px;color:#4b5563;line-height:1.4;padding-left:10px;border-left:2px solid #E5D9C7}.source-card.selected .source-finding{border-left-color:var(--gtm-navy-700)}.source-summary{font-size:11px;color:#6b7280;line-height:1.4;margin-top:6px}.source-link{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:var(--gtm-navy-700);text-decoration:none;transition:color .15s ease;margin-left:auto;flex-shrink:0;padding:4px 8px;background:#fef3e9;border-radius:6px;align-self:flex-start}.source-link:hover{color:#8b5a2b;background:#fce8d7}.selection-summary{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:#f0f9ff;border:1px solid #BAE6FD;border-radius:10px;margin-bottom:20px}.selection-summary>span:first-child{font-family:var(--font-header),sans-serif;font-size:15px;font-weight:600;color:#0369a1}.selection-hint{font-size:13px;color:#0284c7}.btn-refresh{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#fff;border:1px solid #E5D9C7;border-radius:10px;color:var(--gtm-navy-600);cursor:pointer;transition:all .2s ease}.btn-refresh:hover{background:#fafaf8;border-color:var(--gtm-navy-700);color:var(--gtm-navy-700)}@media (max-width: 640px){.source-selection-container{max-height:350px}.source-cards{grid-template-columns:1fr}.pillar-sources-header{flex-wrap:wrap}.source-count{margin-left:auto}}.brand-colors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:16px}.brand-color-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#fff;border:2px solid #E5D9C7;border-radius:10px;transition:all .2s ease}.brand-color-item:hover{border-color:var(--gtm-navy-700)}.brand-color-swatch{width:36px;height:36px;min-width:36px;border-radius:8px;border:2px solid rgba(0,0,0,.1);cursor:pointer;transition:transform .2s;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.brand-color-swatch::-webkit-color-swatch-wrapper{padding:0}.brand-color-swatch::-webkit-color-swatch{border:none;border-radius:6px}.brand-color-swatch::-moz-color-swatch{border:none;border-radius:6px}.brand-color-swatch:hover{transform:scale(1.05)}.brand-color-hex{flex:1;padding:8px 10px;border:1px solid #E5D9C7;border-radius:6px;font-size:13px;font-family:monospace;color:#1c1c1e;text-transform:lowercase;min-width:0}.brand-color-hex:focus{outline:none;border-color:var(--gtm-navy-700)}.brand-color-remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;background:#fee2e2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;transition:all .2s ease}.brand-color-remove:hover{background:#fecaca;color:#b91c1c}.add-color-picker{display:flex;align-items:center;gap:10px;padding:12px;background:#f9f7f4;border:2px dashed #E5D9C7;border-radius:10px;margin-bottom:12px}.btn-add-color-confirm{display:flex;align-items:center;gap:4px;background:#22c55e;color:#fff;border:none;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-add-color-confirm:hover:not(:disabled){background:#16a34a}.btn-add-color-confirm:disabled{background:#d1d5db;cursor:not-allowed}.btn-add-color-cancel{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff;border:1px solid #E5D9C7;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s ease}.btn-add-color-cancel:hover{background:#f3f4f6;color:#374151}.btn-add-brand-color{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:#fff;border:2px dashed #E5D9C7;border-radius:10px;font-size:14px;font-weight:600;color:var(--gtm-navy-600);cursor:pointer;transition:all .2s ease;margin-bottom:8px}.btn-add-brand-color:hover{border-color:var(--gtm-navy-700);background:#fefbf7;color:var(--gtm-navy-700)}.btn-add-brand-color svg{color:var(--gtm-navy-700)}@media (max-width: 640px){.brand-colors-grid{grid-template-columns:1fr}.add-color-picker{flex-wrap:wrap}.add-color-picker .brand-color-hex{flex:1;min-width:100px}}.modern-theme .brand-color-item{background:#fff9!important;border:2px solid rgba(var(--background-light-rgb),.4)!important}.modern-theme .brand-color-item:hover{border-color:rgba(var(--primary-rgb),.4)!important}.modern-theme .brand-color-hex{background:#fffc!important;border:1px solid rgba(var(--background-light-rgb),.3)!important}.modern-theme .brand-color-hex:focus{border-color:var(--primary)!important}.modern-theme .add-color-picker{background:#fff6!important;border:2px dashed rgba(var(--background-light-rgb),.5)!important}.modern-theme .btn-add-brand-color{background:#ffffff80!important;border:2px dashed rgba(var(--background-light-rgb),.5)!important}.modern-theme .btn-add-brand-color:hover{background:rgba(var(--primary-rgb),.08)!important;border-color:rgba(var(--primary-rgb),.4)!important;color:var(--primary)!important}.extracted-colors-picker{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.extracted-color-option{display:flex;flex-direction:column;align-items:center;gap:6px}.extracted-color-swatch{width:52px;height:52px;border-radius:12px;border:3px solid transparent;cursor:pointer;transition:all .2s ease;position:relative;box-shadow:0 2px 8px #0000001a}.extracted-color-swatch:hover{transform:scale(1.08);box-shadow:0 4px 12px #00000026}.extracted-color-swatch.is-primary{border-color:var(--gtm-navy-700);box-shadow:0 0 0 3px #1e3a5f33}.extracted-color-swatch.is-secondary{border-color:var(--gtm-teal-500, #2DD4BF);box-shadow:0 0 0 3px #2dd4bf33}.extracted-color-swatch .color-badge{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;background:var(--gtm-navy-700);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003}.extracted-color-swatch.is-secondary .color-badge{background:var(--gtm-teal-500, #2DD4BF)}.extracted-color-hex{font-size:11px;color:var(--gtm-navy-600);font-family:var(--font-mono, monospace);text-transform:uppercase}.color-role-select{width:100%;max-width:90px;padding:4px 6px;border:1px solid #E5D9C7;border-radius:6px;background:#fff;font-size:11px;color:var(--gtm-navy-700);cursor:pointer;text-align:center;transition:all .2s ease}.color-role-select:hover{border-color:var(--gtm-navy-500)}.color-role-select:focus{outline:none;border-color:var(--gtm-navy-700);box-shadow:0 0 0 2px #1e3a5f1a}.color-role-select option{padding:4px 8px}.extracted-color-swatch.is-accent{box-shadow:0 0 0 3px #ff6b35,0 0 0 5px #ff6b354d}.extracted-color-swatch.is-background{box-shadow:0 0 0 3px #6b7280,0 0 0 5px #6b72804d}.extracted-color-swatch.is-text{box-shadow:0 0 0 3px #1f2937,0 0 0 5px #1f29374d}.additional-colors{background:#00000005;border-radius:12px;padding:20px;margin-top:8px}.additional-colors .form-group{margin-bottom:16px}.additional-colors .form-group:last-child{margin-bottom:0}.form-label-small{display:block;font-size:13px;font-weight:500;color:var(--gtm-navy-700);margin-bottom:6px}.btn-clear-color{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #E5D9C7;border-radius:6px;background:#fff;color:#9ca3af;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-clear-color:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}@media (max-width: 480px){.extracted-color-swatch{width:44px;height:44px}.extracted-color-hex{font-size:10px}.color-role-select{font-size:10px;max-width:80px}.additional-colors{padding:16px}}.social-connect-message{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;font-size:14px;margin-bottom:20px}.social-connect-message.success{background:#dcfce7;color:#166534;border:1px solid #BBF7D0}.social-connect-message.error{background:#fee2e2;color:#dc2626;border:1px solid #FECACA}.social-connect-message.info{background:#f0f9ff;color:#0369a1;border:1px solid #BAE6FD}.social-connect-message .spin{animation:spin 1s linear infinite}.social-api-warning{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fef3c7;border:1px solid #FDE68A;border-radius:12px;margin-bottom:24px}.social-api-warning svg{color:#d97706;flex-shrink:0;margin-top:2px}.social-api-warning strong{display:block;color:#92400e;font-size:14px;margin-bottom:4px}.social-api-warning p{color:#a16207;font-size:13px;margin:0}.social-platforms-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.social-platform-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border:2px solid #E5D9C7;border-radius:12px;transition:all .2s ease}.social-platform-card:hover{border-color:var(--gtm-navy-700)}.social-platform-card.connected{border-color:#22c55e;background:#f0fdf4}.platform-icon-wrapper{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#6b7280;flex-shrink:0;transition:all .2s ease}.social-platform-card.connected .platform-icon-wrapper{color:#fff}.platform-info{flex:1;min-width:0}.platform-name{display:block;font-family:var(--font-header),sans-serif;font-size:14px;font-weight:600;color:#1c1c1e}.platform-status{display:flex;align-items:center;gap:4px;font-size:12px;color:#16a34a;margin-top:2px}.platform-connect-btn{padding:8px 14px;background:var(--gtm-navy-700);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.platform-connect-btn:hover:not(:disabled){background:var(--gtm-navy-800)}.platform-connect-btn:disabled{background:#d1d5db;cursor:not-allowed}.platform-connect-btn.add-more{background:#fff;color:var(--gtm-navy-700);border:1px solid #E5D9C7}.platform-connect-btn.add-more:hover:not(:disabled){background:#fefbf7;border-color:var(--gtm-navy-700)}.platform-connect-btn .spin{animation:spin 1s linear infinite}.social-connect-summary{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #BBF7D0;border-radius:10px;font-size:14px;font-weight:600;color:#166534;margin-bottom:16px}.social-connect-summary svg{color:#22c55e}.social-connect-hint{text-align:center;font-size:13px;color:#8b7355;margin:0 0 8px}@media (max-width: 480px){.social-platforms-grid{grid-template-columns:1fr}.social-platform-card{padding:12px}.platform-icon-wrapper{width:40px;height:40px}}.modern-theme .social-platform-card{background:#fff9!important;border:2px solid rgba(var(--background-light-rgb),.4)!important}.modern-theme .social-platform-card:hover{border-color:rgba(var(--primary-rgb),.4)!important}.modern-theme .social-platform-card.connected{border-color:rgba(var(--accent-rgb),.4)!important;background:rgba(var(--accent-rgb),.08)!important}.modern-theme .platform-connect-btn{background:var(--primary)!important}.modern-theme .platform-connect-btn:hover:not(:disabled){background:var(--secondary)!important}.modern-theme .platform-connect-btn.add-more{background:#fff9!important;border:1px solid rgba(var(--background-light-rgb),.4)!important;color:var(--primary)!important}.modern-theme .social-connect-summary{background:linear-gradient(145deg,rgba(var(--accent-rgb),.1),#fff9)!important;border-color:rgba(var(--accent-rgb),.3)!important}.test-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50000;padding:2rem}.test-modal{background:#fff;border-radius:16px;width:100%;max-width:800px;max-height:90vh;box-shadow:0 25px 50px #0000004d;display:flex;flex-direction:column;overflow:hidden}.test-modal-header{padding:2rem;border-bottom:2px solid var(--background-light);display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;background:linear-gradient(135deg,var(--kalkvit) 0%,#f8f9fa 100%)}.test-modal-header h3{font-family:var(--font-header);font-size:1.5rem;font-weight:700;color:var(--charcoal-graphite);margin:0 0 .5rem}.test-modal-header p{font-family:var(--font-body);color:var(--text-muted);margin:0;font-size:1rem}.test-modal-close{background:none;border:none;cursor:pointer;padding:.75rem;border-radius:8px;color:var(--text-muted);transition:var(--transition-base);flex-shrink:0}.test-modal-close:hover{background:var(--background-light);color:var(--charcoal-graphite)}.test-modal-loading{padding:4rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.test-modal-loading p{font-family:var(--font-body);color:var(--text-muted);font-size:1.1rem}.test-modal-error{padding:1rem 2rem;background:#fee2e2;border-bottom:1px solid #fecaca;color:#dc2626;display:flex;align-items:center;gap:.75rem;font-family:var(--font-body);font-weight:500}.test-modal-body{padding:2rem;overflow-y:auto;flex:1}.test-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--background-light)}.test-start-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:var(--primary);color:#fff;border:none;border-radius:12px;font-family:var(--font-header);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition-base)}.test-start-btn:hover:not(:disabled){background:var(--secondary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.test-start-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.test-stats{font-family:var(--font-body);color:var(--text-muted);font-size:.9rem;padding:.75rem 1rem;background:var(--kalkvit);border-radius:8px;border:1px solid var(--background-light)}.test-execution-plan h4{font-family:var(--font-serif);font-size:1.3rem;color:var(--charcoal-graphite);margin:0 0 1.5rem}.test-no-plan{padding:2rem;text-align:center;background:#fef3cd;border:1px solid #facc15;color:#a16207;border-radius:12px;font-family:var(--font-body)}.test-steps{display:flex;flex-direction:column;gap:1rem}.test-step{background:#fff;border:2px solid var(--background-light);border-radius:12px;padding:1.5rem;transition:var(--transition-base)}.test-step.pending{border-color:var(--background-light);background:#fff}.test-step.running{border-color:#facc15;background:#fefce8;box-shadow:0 0 0 3px #facc151a}.test-step.completed{border-color:var(--color-success);background:#f0fdf4}.test-step.failed{border-color:var(--color-error);background:#fef2f2}.test-step.active{transform:scale(1.02);box-shadow:var(--shadow-lg)}.test-step-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.test-step-info{flex:1}.test-step-name{font-family:var(--font-header);font-weight:600;font-size:1.1rem;color:var(--charcoal-graphite);margin-bottom:.25rem}.test-step-type{display:flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-size:.9rem;color:var(--text-muted)}.test-step-deps{font-family:var(--font-body);font-size:.8rem;color:var(--text-muted);background:var(--kalkvit);padding:.5rem .75rem;border-radius:6px;border:1px solid var(--background-light)}.step-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-icon.pending{background:var(--background-light);border:2px solid var(--dimblag)}.step-icon.running{color:#facc15;animation:spin 1s linear infinite}.step-icon.completed{color:var(--color-success)}.step-icon.failed{color:var(--color-error)}.step-result{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--background-light)}.step-result h5{font-family:var(--font-header);font-weight:600;color:var(--charcoal-graphite);margin:0 0 1rem;font-size:1rem}.result-content{display:flex;flex-direction:column;gap:1rem}.result-text{background:var(--kalkvit);padding:1rem;border-radius:8px;border:1px solid var(--background-light);font-family:var(--font-body);line-height:1.6;color:var(--charcoal-graphite);white-space:pre-wrap;max-height:300px;overflow-y:auto}.result-prompt{font-family:var(--font-body);font-size:.9rem;color:var(--text-muted)}.result-prompt strong{color:var(--charcoal-graphite)}.result-image,.result-thumbnail,.result-video{max-width:300px;height:auto;border-radius:8px;border:1px solid var(--background-light)}.result-video{max-height:200px}.result-meta{font-family:var(--font-body);font-size:.85rem;color:var(--text-muted)}.result-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;margin-top:.75rem;padding:.75rem;background:#f8f9fa;border-radius:6px;border:1px solid var(--background-light)}.meta-item{font-size:.8rem;display:flex;flex-direction:column;gap:.25rem}.meta-item strong{color:var(--primary);font-weight:600}.result-error{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626}.error-timestamp{font-size:.8rem;margin-top:.25rem;opacity:.8}.result-success{font-family:var(--font-body);font-weight:500;color:var(--color-success);font-size:1rem}.result-publish-summary{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.publish-success{color:var(--color-success);font-weight:600;font-size:1rem}.test-mode-notice{color:var(--color-warning);font-size:.9rem;font-style:italic;padding:.5rem;background:#fef3c7;border-radius:4px;border:1px solid #fcd34d}.platform-results{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.platform-result{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-radius:6px;border:1px solid var(--background-light);background:#fff}.platform-result.success{border-color:var(--color-success);background:#f0fdf4}.platform-result.failed{border-color:var(--color-error);background:#fef2f2}.platform-name{font-weight:600;text-transform:capitalize;color:var(--charcoal-graphite)}.platform-status .success{color:var(--color-success);font-weight:500}.platform-status .failed{color:var(--color-error);font-weight:500;font-size:.9rem}.result-image-error,.result-video-error{padding:1rem;text-align:center;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;color:#92400e;font-size:.9rem}.result-video-placeholder{padding:2rem;text-align:center;background:var(--kalkvit);border:2px dashed var(--background-light);border-radius:8px;color:var(--text-muted);font-size:1.1rem}@media (max-width: 768px){.test-modal-overlay{padding:1rem}.test-modal{max-height:95vh}.test-modal-header{padding:1.5rem;flex-direction:column;align-items:flex-start}.test-modal-body{padding:1.5rem}.test-controls{flex-direction:column;gap:1rem;align-items:stretch}.test-start-btn{justify-content:center}.test-step-header{flex-wrap:wrap;gap:.75rem}.test-step-deps{width:100%}}@media (max-width: 480px){.test-modal-overlay{padding:.5rem}.test-modal-header,.test-modal-body,.test-step{padding:1rem}}.ai-flows{min-height:100vh;background:linear-gradient(135deg,var(--kalkvit) 0%,var(--background-light) 100%);font-family:var(--font-body);color:var(--charcoal-graphite)}.ai-flows-header{background:linear-gradient(135deg,var(--charcoal-graphite) 0%,var(--secondary) 100%);color:var(--kalkvit);padding:1rem 1.5rem 0;margin-bottom:0;position:relative;z-index:100}.ai-flows-header .header-content{max-width:1400px;margin:0 auto;text-align:center;padding-bottom:0}.ai-flows-header .main-title{font-family:var(--font-header);font-size:1.75rem;font-weight:700;margin-bottom:.35rem;letter-spacing:-.02em;color:var(--kalkvit)}.ai-flows-header .main-subtitle{font-family:var(--font-serif);font-size:.95rem;font-style:italic;opacity:.9;margin-bottom:0;color:var(--kalkvit)}.ai-flows-header .tab-button{flex-shrink:0}.ai-flows .tab-menu-item{color:var(--charcoal-graphite);text-decoration:none}.ai-flows .tab-menu-item.active{color:#fff;background:var(--primary)}.ai-flows-body{max-width:1400px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.flows-section,.config-section,.media-test-section,.visual-builder-section{display:flex;flex-direction:column;gap:1rem;background:rgba(var(--kalkvit-rgb),.95);border:1px solid rgba(var(--secondary-rgb),.35);border-radius:var(--radius-xl, 20px);padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 12px #0000000f}.section-header{text-align:center;margin-bottom:1.5rem}.section-title{font-family:var(--font-serif);font-size:1.5rem;color:var(--charcoal-graphite);margin-bottom:.25rem;text-align:center}.section-description{font-family:var(--font-body);text-align:center;color:var(--text-muted);font-size:1rem;margin-bottom:1rem;max-width:600px;margin-left:auto;margin-right:auto}.section-header-box,.section-header-box .section-title{text-align:center!important}.section-header-box .section-subtitle{text-align:center!important;max-width:none!important}.article-select{width:100%;padding:1rem;border:2px solid var(--background-light);border-radius:8px;font-family:var(--font-body);font-size:1rem;background:var(--kalkvit);transition:var(--transition-base)}.article-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #b873331a}.article-select:disabled{opacity:.6;cursor:not-allowed}.workspace-main{min-height:600px}.content-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--background-light)}.content-list-header h3{font-family:var(--font-serif);font-size:1.5rem;color:var(--charcoal-graphite);margin:0}.content-list{display:grid;gap:1rem}.ai-flows .content-item-card{padding:1rem}.ai-flows .content-item-preview{margin-bottom:1rem}.ai-flows .content-stats{gap:.75rem;font-size:.8rem}.flow-status{display:flex;align-items:center}.media-test-card{background:#fff;border-radius:var(--radius-lg, 12px);padding:1rem 1.25rem;box-shadow:var(--shadow-sm);border:1px solid var(--background-light)}.media-test-grid{display:grid;gap:1.5rem}.test-input-group{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.test-input-full{grid-column:1 / -1}.test-label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--charcoal-graphite);font-family:var(--font-header);font-size:.9rem}.test-textarea,.test-select{width:100%;padding:.75rem;border:2px solid var(--background-light);border-radius:8px;font-family:var(--font-body);font-size:.95rem;background:var(--kalkvit);transition:var(--transition-base);resize:vertical}.test-textarea:focus,.test-select:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #b873331a}.test-result-card{background:#fff;border-radius:var(--radius-lg, 12px);padding:1rem 1.25rem;box-shadow:var(--shadow-sm);border:1px solid var(--background-light);margin-top:1rem}.builder-welcome-card{background:#fff;padding:1.5rem;border-radius:var(--radius-lg, 12px);text-align:center;cursor:pointer;border:1px solid var(--background-light);transition:var(--transition-base);margin-bottom:1rem}.builder-welcome-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.builder-icon{width:64px;height:64px;background:var(--primary);color:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.builder-welcome-title{font-family:var(--font-header);font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:var(--charcoal-graphite)}.builder-welcome-description{font-family:var(--font-body);color:var(--text-muted);margin:0}.existing-workflows-card{background:#fff;padding:1rem 1.25rem;border-radius:var(--radius-lg, 12px);border:1px solid var(--background-light)}.existing-workflows-card h3{font-family:var(--font-header);font-size:1.2rem;font-weight:600;color:var(--charcoal-graphite);margin:0 0 1.5rem}.workflow-item{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--background-light);border-radius:8px;cursor:pointer;transition:var(--transition-base);margin-bottom:1rem}.workflow-item:hover{border-color:var(--primary);background:var(--kalkvit)}.workflow-item:last-child{margin-bottom:0}.workflow-info{flex:1}.workflow-name{font-family:var(--font-header);font-weight:600;color:var(--charcoal-graphite);margin-bottom:.25rem;font-size:1rem}.workflow-description{font-family:var(--font-body);font-size:.9rem;color:var(--text-muted)}.status-icon{width:20px;height:20px;color:var(--primary)}.status-icon.active{color:var(--color-success)}.error-icon{width:20px;height:20px;flex-shrink:0}.progress-card{background:#fff;border-radius:var(--radius-lg, 12px);padding:1rem 1.25rem;box-shadow:var(--shadow-sm);border:1px solid var(--background-light);margin-bottom:1rem}.progress-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.progress-icon{width:24px;height:24px;color:var(--primary)}.progress-stage{font-family:var(--font-header);font-weight:600;font-size:1.1rem;color:var(--charcoal-graphite)}.progress-bar{width:100%;height:8px;background:var(--background-light);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);transition:width .5s ease-out}.progress-percent{font-family:var(--font-header);font-weight:600;color:var(--primary);font-size:.9rem}.results-section{margin-top:2rem}.results-title{font-family:var(--font-serif);font-size:1.35rem;color:var(--charcoal-graphite);margin-bottom:1rem;text-align:center}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1rem}.result-card{background:#fff;border-radius:var(--radius-lg, 12px);padding:1rem 1.25rem;box-shadow:var(--shadow-md);border:1px solid var(--background-light);transition:var(--transition-base)}.result-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.result-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--background-light)}.result-platform-icon{width:28px;height:28px}.result-platform{font-family:var(--font-header);font-size:1.3rem;font-weight:600;color:var(--charcoal-graphite);margin:0}.result-content{margin-bottom:1.5rem}.content-preview{font-family:var(--font-body);background:var(--kalkvit);padding:1.5rem;border-radius:8px;border:1px solid var(--background-light);white-space:pre-wrap;line-height:1.6;font-size:.95rem;color:var(--charcoal-graphite);max-height:300px;overflow-y:auto}.result-actions{display:flex;gap:.75rem;justify-content:flex-end}.placeholder-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1.25rem;background:#fff;border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-sm);border:1px solid var(--background-light);text-align:center}.placeholder-icon{width:48px;height:48px;color:var(--dimblag);margin-bottom:1rem}.placeholder-content h3{font-family:var(--font-header);font-size:1.25rem;color:var(--charcoal-graphite);margin-bottom:.5rem}.placeholder-content p{font-family:var(--font-body);color:var(--text-muted);font-size:.9rem;line-height:1.5;max-width:500px}.error-banner{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fee2e2;border:1px solid #fecaca;color:#dc2626;border-radius:8px;font-family:var(--font-body);font-weight:500;margin-bottom:2rem}.component-palette{display:flex;flex-direction:column;gap:.75rem}.component-palette-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid var(--background-light);border-radius:8px;cursor:pointer;transition:var(--transition-base);background:#fff;min-height:60px}.component-palette-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.component-palette-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.component-palette-content{flex:1;min-width:0}.component-palette-title{font-weight:600;color:var(--charcoal-graphite);font-size:.85rem;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-header)}.component-palette-description{font-size:.7rem;color:var(--text-muted);line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:var(--font-body)}.component-rules{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:1rem;margin-bottom:1rem}.component-rules-header{font-size:.85rem;font-weight:600;color:#15803d;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-family:var(--font-header)}.component-rules-content{display:flex;flex-direction:column;gap:.75rem}.component-rules-field{display:flex;flex-direction:column}.component-rules-label{font-size:.75rem;font-weight:500;color:var(--charcoal-graphite);display:block;margin-bottom:.25rem;font-family:var(--font-header)}.component-rules-select{width:100%;padding:.5rem;border:1px solid var(--background-light);border-radius:4px;font-size:.75rem;font-family:var(--font-body);background:#fff;transition:var(--transition-base)}.component-rules-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #b873331a}.component-rules-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--charcoal-graphite);font-family:var(--font-body)}.component-rules-checkbox input{accent-color:var(--primary)}.properties-panel{width:100%;height:100%;display:flex;flex-direction:column;font-size:.8rem}.properties-panel-header{padding:1rem;border-bottom:1px solid var(--background-light);background:#f8f9fa}.properties-panel-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.properties-panel-title{display:flex;align-items:center;gap:.5rem}.properties-panel-title h3{margin:0;font-size:.9rem;font-weight:600;font-family:var(--font-header);color:var(--charcoal-graphite)}.properties-panel-close{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:4px;color:var(--text-muted);transition:var(--transition-base)}.properties-panel-close:hover{background:var(--background-light)}.properties-panel-name-input{width:100%;padding:.5rem;border:1px solid var(--background-light);border-radius:4px;font-size:.8rem;font-weight:500;font-family:var(--font-header);background:#fff;transition:var(--transition-base)}.properties-panel-name-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #b873331a}.properties-panel-body{padding:1rem;overflow-y:auto;flex:1}.properties-panel-section{border-radius:8px;padding:1rem;margin-bottom:1rem}.properties-panel-section.connections{background:#f0f9ff;border:1px solid #bfdbfe}.properties-panel-section.config{background:#f8f9fa;border:1px solid var(--background-light)}.properties-panel-section-title{font-size:.85rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;font-family:var(--font-header)}.properties-panel-section-title.connections{color:#1e40af}.properties-panel-section-title.config{color:var(--charcoal-graphite)}.connection-mapping{padding:1rem;background:#fff;border-radius:8px;border:1px solid #e0e7ff;margin-bottom:1rem}.connection-mapping-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;font-size:.85rem;font-weight:600;color:#1e40af;font-family:var(--font-header)}.connection-mapping-title{display:flex;align-items:center;gap:.5rem}.connection-delete-btn{padding:.25rem .5rem;background:#fee2e2;border:1px solid #fecaca;color:#dc2626;border-radius:4px;font-size:.7rem;cursor:pointer;display:flex;align-items:center;gap:.25rem;font-family:var(--font-body);transition:var(--transition-base)}.connection-delete-btn:hover{background:#fecaca}.connection-mapping-content{background:#f8f9fa;padding:1rem;border-radius:6px;border:1px solid var(--background-light)}.connection-field-mapping{margin-bottom:1rem}.connection-field-label{font-size:.8rem;font-weight:500;color:var(--charcoal-graphite);margin-bottom:.5rem;font-family:var(--font-header)}.connection-field-select{width:100%;padding:.5rem;border:1px solid var(--background-light);border-radius:4px;font-size:.75rem;font-family:var(--font-body);transition:var(--transition-base)}.connection-field-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #b873331a}.connection-field-select.connected{background:#f0fdf4;border-color:var(--color-success)}.connection-status{font-size:.7rem;color:var(--color-success);margin-top:.5rem;font-family:var(--font-body)}.config-field{display:flex;flex-direction:column;gap:1rem}.config-label{display:block;font-weight:500;margin-bottom:.5rem;font-size:.75rem;color:var(--charcoal-graphite);font-family:var(--font-header)}.config-select{width:100%;padding:.5rem;border:1px solid var(--background-light);border-radius:4px;font-size:.75rem;font-family:var(--font-body);background:#fff;transition:var(--transition-base)}.config-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #b873331a}.workflow-canvas-container{display:flex;height:calc(100vh - 200px);background:#f8f9fa;position:relative}.workflow-canvas{width:100%;height:100%;position:relative;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);overflow:auto}.workflow-canvas.connection-mode{cursor:crosshair}.workflow-canvas-grid{position:absolute;top:0;left:0;width:200%;height:200%;background-image:radial-gradient(circle,#cbd5e1 1px,transparent 1px);pointer-events:none;opacity:.3}.canvas-palette{position:absolute;top:1rem;left:1rem;width:200px;background:#fff;border-radius:var(--radius-lg, 16px);box-shadow:var(--shadow-lg);border:1px solid var(--background-light);z-index:50;max-height:calc(100vh - 300px);overflow:hidden;display:flex;flex-direction:column}.canvas-palette-header{padding:1rem;border-bottom:1px solid var(--background-light);display:flex;align-items:center;justify-content:space-between}.canvas-palette-header h3{margin:0;font-size:1rem;font-weight:600;font-family:var(--font-header);color:var(--charcoal-graphite)}.canvas-palette-close{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:4px;color:var(--text-muted);transition:var(--transition-base)}.canvas-palette-close:hover{background:var(--background-light)}.canvas-palette-body{padding:1rem;overflow-y:auto}.canvas-controls{position:absolute;top:1rem;right:1rem;display:flex;gap:.5rem;z-index:50;transition:right .3s ease}.canvas-controls.with-properties{right:320px}.canvas-controls-group{background:#fff;border:1px solid var(--background-light);border-radius:8px;padding:.5rem;display:flex;gap:.25rem;box-shadow:var(--shadow-sm)}.canvas-control-btn{background:none;border:none;padding:.75rem;cursor:pointer;border-radius:4px;color:var(--text-muted);transition:var(--transition-base);display:flex;align-items:center;justify-content:center}.canvas-control-btn:hover{background:var(--background-light);color:var(--charcoal-graphite)}.canvas-zoom-display{padding:.5rem .75rem;font-size:.85rem;font-weight:600;color:var(--charcoal-graphite);min-width:60px;text-align:center;font-family:var(--font-header)}.workflow-component{position:absolute;background:#fff;border:2px solid var(--background-light);border-radius:var(--radius-lg, 16px);width:280px;min-height:120px;box-shadow:var(--shadow-sm);transition:var(--transition-base);-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:100}.workflow-component.selected{border-color:var(--primary);box-shadow:0 0 0 2px #b8733366,var(--shadow-lg);z-index:500}.workflow-component.dragging{cursor:grabbing;z-index:1000;transition:none}.workflow-component.connection-mode{cursor:crosshair}.workflow-component.grab-cursor{cursor:grab}.workflow-component-header{color:#fff;padding:1rem;display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:600;border-radius:10px 10px 0 0;font-family:var(--font-header)}.workflow-component-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workflow-component-actions{display:flex;gap:.5rem}.workflow-component-action{background:#fff3;border:none;color:#fff;padding:.5rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;transition:var(--transition-base)}.workflow-component-action:hover{background:#ffffff4d}.workflow-component-body{padding:1rem}.workflow-component-description{font-size:.85rem;color:var(--text-muted);margin-bottom:1rem;font-family:var(--font-body)}.workflow-component-ports{display:grid;grid-template-columns:1fr 1fr;gap:1rem;font-size:.75rem}.workflow-component-ports-section h4{font-weight:600;margin-bottom:.5rem;color:var(--charcoal-graphite);font-family:var(--font-header)}.workflow-port-info{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;padding:.25rem;background:#f8f9fa;border-radius:4px}.workflow-port-indicator{width:6px;height:6px;border-radius:50%}.workflow-port-name{font-family:var(--font-body)}.workflow-port-optional{color:var(--text-muted);font-size:.7rem}.workflow-connections-svg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none;overflow:visible}.workflow-connections-svg.interactive{pointer-events:auto}.workflow-connection-line{stroke:#0077b5;stroke-width:3;fill:none;opacity:.8;vector-effect:non-scaling-stroke}.workflow-connection-delete{fill:#fff;stroke:var(--color-error);stroke-width:2;cursor:pointer}.workflow-connection-delete-text{font-size:12px;fill:var(--color-error);pointer-events:none;font-weight:700;text-anchor:middle}.workflow-drag-preview{stroke:var(--color-success);stroke-width:3;stroke-dasharray:5,5;opacity:.7}.canvas-properties-panel{position:absolute;top:0;right:0;width:300px;height:100%;background:#fff;border-left:1px solid var(--background-light);box-shadow:-4px 0 12px #0000001a;z-index:50;transition:transform .3s ease}.canvas-properties-panel.hidden{transform:translate(100%)}.workflow-empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--text-muted);pointer-events:none}.workflow-empty-icon{width:48px;height:48px;color:#94a3b8;margin:0 auto 1rem}.workflow-empty-title{margin:1rem 0 .5rem;color:var(--charcoal-graphite);font-size:1.2rem;font-family:var(--font-header);font-weight:600}.workflow-empty-description{color:var(--text-muted);font-size:.9rem;max-width:300px;font-family:var(--font-body)}.workflow-status-message{position:absolute;left:50%;transform:translate(-50%);padding:.75rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;z-index:60;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:.5rem;font-family:var(--font-header)}.workflow-status-message.connection-mode{top:20px;background:var(--color-success);color:#fff}.workflow-status-message.instruction{bottom:20px;background:#f0f9ff;color:#1e40af;border:1px solid #bfdbfe}.workflow-stats{position:absolute;bottom:1rem;left:1rem;background:#fff;border:1px solid var(--background-light);border-radius:8px;padding:.75rem 1rem;font-size:.8rem;color:var(--text-muted);box-shadow:var(--shadow-sm);z-index:200;font-family:var(--font-body)}.component-rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.component-rules-checkboxes{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}@media (max-width: 1024px){.ai-flows-body{padding:0 1.5rem}.results-grid{grid-template-columns:1fr}}@media (max-width: 768px){.ai-flows-header{padding:1.5rem 1rem 0}.main-title{font-size:1.75rem}.main-subtitle{display:none}.ai-flows-body{padding:0 1rem}.test-input-group{grid-template-columns:1fr}.result-actions{flex-direction:column}.content-item-header{flex-direction:column;gap:1rem}.content-item-actions{justify-content:flex-end}.content-item-meta{flex-direction:column;align-items:flex-start;gap:1rem}.component-rules-grid{grid-template-columns:1fr}.component-rules-checkboxes{flex-direction:column;gap:.5rem}}@media (max-width: 480px){.ai-flows-header{padding:1.25rem 1rem 0}.main-title{font-size:1.5rem}.builder-welcome-card{padding:2rem}}.quick-actions-section{margin-bottom:2rem}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1rem}.quick-action-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border:2px solid var(--background-light);border-radius:var(--radius-lg, 12px);cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-sm)}.quick-action-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.quick-action-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-action-icon svg{width:24px;height:24px;color:#fff}.quick-post-icon{background:linear-gradient(135deg,var(--primary) 0%,#d4976a 100%)}.post-builder-icon{background:linear-gradient(135deg,var(--text-muted) 0%,#8fa384 100%)}.quick-action-content h3{font-family:var(--font-header);font-size:1.1rem;font-weight:600;color:var(--charcoal-graphite);margin:0 0 .25rem}.quick-action-content p{font-family:var(--font-body);font-size:.85rem;color:var(--text-muted);margin:0;line-height:1.4}@media (max-width: 768px){.quick-actions-grid{grid-template-columns:1fr}.quick-action-card{padding:1rem}.quick-action-icon{width:40px;height:40px}.quick-action-icon svg{width:20px;height:20px}.quick-action-content h3{font-size:1rem}.quick-action-content p{font-size:.8rem}}.modern-quick-actions{margin-bottom:2rem}.modern-quick-actions .section-header-box{margin-bottom:1rem}.modern-quick-actions .section-title{font-size:1.25rem;color:var(--charcoal-graphite)}.modern-quick-actions .section-subtitle{font-size:.9rem;color:var(--text-muted)}.modern-quick-actions .quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1rem}.modern-quick-actions .quick-action-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#ffffffb8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(184,115,51,.15);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0000000f}.modern-quick-actions .quick-action-card:hover{background:#ffffffe0;border-color:#b8733359;transform:translateY(-3px);box-shadow:0 8px 24px #b8733326}.modern-quick-actions .quick-action-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #0000001a}.modern-quick-actions .quick-action-icon svg{width:26px;height:26px;color:#fff}.modern-quick-actions .quick-post-icon{background:linear-gradient(135deg,var(--primary) 0%,#c4875a 100%)}.modern-quick-actions .post-builder-icon{background:linear-gradient(135deg,var(--text-muted) 0%,#7f9374 100%)}.modern-quick-actions .quick-action-content h3{font-family:var(--font-header);font-size:1.1rem;font-weight:600;color:var(--charcoal-graphite);margin:0 0 .35rem}.modern-quick-actions .quick-action-content p{font-family:var(--font-body);font-size:.85rem;color:var(--secondary);margin:0;line-height:1.4;opacity:.85}@media (max-width: 768px){.modern-quick-actions .quick-actions-grid{grid-template-columns:1fr}.modern-quick-actions .quick-action-card{padding:1rem;border-radius:12px}.modern-quick-actions .quick-action-icon{width:44px;height:44px;border-radius:10px}.modern-quick-actions .quick-action-icon svg{width:22px;height:22px}.modern-quick-actions .quick-action-content h3{font-size:1rem}.modern-quick-actions .quick-action-content p{font-size:.8rem}}.modern-theme .ai-flows{background:transparent!important;min-height:auto!important}.modern-theme .ai-flows .tab-navigation{display:flex;justify-content:center;gap:.75rem;padding:.75rem;background:linear-gradient(145deg,#ffffff59,rgba(var(--background-light-rgb),.15))!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border-radius:var(--radius-xl)!important;border:1px solid var(--glass-border)!important;box-shadow:0 4px 16px rgba(var(--primary-rgb),.06),inset 0 1px #ffffff80!important}.modern-theme .ai-flows .tab-navigation .tab-button{background:linear-gradient(145deg,#fffffff2,rgba(var(--background-light-rgb),.85))!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;border:1px solid rgba(var(--secondary-rgb),.4)!important;border-radius:var(--radius-full)!important;padding:.625rem 1.25rem!important;color:var(--charcoal-graphite)!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 2px 8px #00000014!important}.modern-theme .ai-flows .tab-navigation .tab-button:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.15),#ffffffe6,rgba(var(--background-light-rgb),.7))!important;border-color:rgba(var(--primary-rgb),.4)!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px rgba(var(--primary-rgb),.12)!important}.modern-theme .ai-flows .tab-navigation .tab-button.active{background:linear-gradient(145deg,rgba(var(--primary-rgb),.2),#ffffffb3,rgba(var(--primary-rgb),.15))!important;border-color:rgba(var(--primary-rgb),.35)!important;color:var(--primary)!important;box-shadow:0 4px 16px rgba(var(--primary-rgb),.2),0 0 20px rgba(var(--primary-rgb),.1)!important}.modern-theme .flows-section,.modern-theme .config-section,.modern-theme .media-test-section,.modern-theme .visual-builder-section{background:transparent!important}.modern-theme .media-test-card,.modern-theme .test-result-card{background:linear-gradient(145deg,#ffffff59,rgba(var(--background-light-rgb),.15),rgba(var(--primary-rgb),.08))!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;box-shadow:0 8px 32px rgba(var(--primary-rgb),.08),inset 0 1px #ffffff80!important}.modern-theme .builder-welcome-card,.modern-theme .existing-workflows-card{background:linear-gradient(145deg,#ffffff59,rgba(var(--background-light-rgb),.15),rgba(var(--primary-rgb),.08))!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;box-shadow:0 8px 32px rgba(var(--primary-rgb),.08),inset 0 1px #ffffff80!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.modern-theme .builder-welcome-card:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.12),#ffffff80,rgba(var(--background-light-rgb),.2))!important;border-color:rgba(var(--primary-rgb),.25)!important;transform:translateY(-2px)!important;box-shadow:0 8px 32px rgba(var(--primary-rgb),.12),inset 0 1px #ffffff80!important}.modern-theme .workflow-item{background:linear-gradient(145deg,#ffffff59,rgba(var(--background-light-rgb),.15),rgba(var(--primary-rgb),.05))!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid rgba(var(--background-light-rgb),.25)!important;border-radius:var(--radius-md)!important;box-shadow:0 4px 16px rgba(var(--primary-rgb),.06),inset 0 1px #ffffff80!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.modern-theme .workflow-item:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.12),#ffffff73,rgba(var(--background-light-rgb),.2))!important;border-color:rgba(var(--primary-rgb),.25)!important;transform:translateY(-2px)!important;box-shadow:0 8px 32px rgba(var(--primary-rgb),.12),inset 0 1px #ffffff80!important}.modern-theme .progress-card{background:linear-gradient(145deg,#ffffff59,rgba(var(--background-light-rgb),.15),rgba(var(--primary-rgb),.08))!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;box-shadow:0 8px 32px rgba(var(--primary-rgb),.08),inset 0 1px #ffffff80!important}.modern-theme .progress-fill{background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%)!important;border-radius:var(--radius-full)!important}.modern-theme .result-card{background:linear-gradient(145deg,#ffffff59,rgba(var(--background-light-rgb),.15),rgba(var(--primary-rgb),.08))!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;box-shadow:0 8px 32px rgba(var(--primary-rgb),.08),inset 0 1px #ffffff80!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.modern-theme .result-card:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.12),#ffffff80,rgba(var(--background-light-rgb),.2))!important;border-color:rgba(var(--primary-rgb),.25)!important;transform:translateY(-2px)!important;box-shadow:0 8px 32px rgba(var(--primary-rgb),.12),inset 0 1px #ffffff80!important}.modern-theme .result-header{border-bottom:1px solid var(--glass-border)!important}.modern-theme .content-preview{background:linear-gradient(145deg,#fff9,rgba(var(--background-light-rgb),.1))!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important}.modern-theme .placeholder-content{background:linear-gradient(145deg,#ffffff59,rgba(var(--background-light-rgb),.15),rgba(var(--primary-rgb),.08))!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;box-shadow:0 8px 32px rgba(var(--primary-rgb),.08),inset 0 1px #ffffff80!important}.modern-theme .article-select,.modern-theme .test-textarea,.modern-theme .test-select{background:#fff9!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important;box-shadow:inset 0 1px 3px #0000000d!important;transition:all .2s ease!important}.modern-theme .article-select:focus,.modern-theme .test-textarea:focus,.modern-theme .test-select:focus{background:#ffffffe6!important;border-color:var(--primary)!important;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15)!important}.modern-theme .component-palette-item{background:linear-gradient(145deg,#ffffff80,rgba(var(--background-light-rgb),.15))!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid rgba(var(--background-light-rgb),.25)!important;border-radius:var(--radius-md)!important;box-shadow:inset 0 1px #ffffff80!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.modern-theme .component-palette-item:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.1),#ffffffb3)!important;border-color:rgba(var(--primary-rgb),.3)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(var(--primary-rgb),.1),inset 0 1px #ffffff80!important}.modern-theme .component-rules{background:linear-gradient(145deg,#ffffff80,rgba(var(--accent-rgb),.08))!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid rgba(var(--accent-rgb),.25)!important;border-radius:var(--radius-md)!important;box-shadow:inset 0 1px #ffffff80!important}.modern-theme .component-rules-header{color:var(--text-muted)!important}.modern-theme .properties-panel-header{background:#fff9!important;border-bottom:1px solid var(--glass-border)!important}.modern-theme .properties-panel-section.connections{background:linear-gradient(145deg,#ffffff80,rgba(var(--primary-rgb),.05))!important;border:1px solid rgba(var(--primary-rgb),.2)!important;border-radius:var(--radius-md)!important;box-shadow:inset 0 1px #ffffff80!important}.modern-theme .properties-panel-section.config{background:linear-gradient(145deg,#ffffff80,rgba(var(--background-light-rgb),.1))!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important;box-shadow:inset 0 1px #ffffff80!important}.modern-theme .properties-panel-section-title.connections{color:var(--primary)!important}.modern-theme .connection-mapping{background:linear-gradient(145deg,#fff9,rgba(var(--primary-rgb),.05))!important;border:1px solid rgba(var(--primary-rgb),.2)!important;border-radius:var(--radius-md)!important;box-shadow:inset 0 1px #ffffff80!important}.modern-theme .connection-mapping-header{color:var(--primary)!important}.modern-theme .connection-mapping-content{background:#ffffff80!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-sm)!important}.modern-theme .connection-field-select.connected{background:rgba(var(--accent-rgb),.1)!important;border-color:var(--text-muted)!important}.modern-theme .connection-status{color:var(--text-muted)!important}.modern-theme .workflow-canvas-container{background:linear-gradient(145deg,#ffffff40,rgba(var(--background-light-rgb),.1))!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;box-shadow:inset 0 1px #ffffff80!important}.modern-theme .workflow-canvas{background:linear-gradient(135deg,rgba(var(--kalkvit-rgb),.8),rgba(var(--background-light-rgb),.5))!important}.modern-theme .canvas-palette{background:linear-gradient(145deg,#ffffff80,rgba(var(--background-light-rgb),.15),rgba(var(--primary-rgb),.08))!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;box-shadow:0 8px 32px rgba(var(--primary-rgb),.08),inset 0 1px #ffffff80!important}.modern-theme .canvas-palette-header{border-bottom:1px solid var(--glass-border)!important}.modern-theme .canvas-controls-group{background:linear-gradient(145deg,#fff9,rgba(var(--background-light-rgb),.15))!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important;box-shadow:0 4px 16px rgba(var(--primary-rgb),.06),inset 0 1px #ffffff80!important}.modern-theme .canvas-control-btn:hover{background:rgba(var(--primary-rgb),.1)!important;color:var(--primary)!important}.modern-theme .workflow-component{background:linear-gradient(145deg,#fff9,rgba(var(--background-light-rgb),.15),rgba(var(--primary-rgb),.05))!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;box-shadow:0 4px 16px rgba(var(--primary-rgb),.06),inset 0 1px #ffffff80!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.modern-theme .workflow-component.selected{background:linear-gradient(145deg,rgba(var(--primary-rgb),.2),#fff9,rgba(var(--primary-rgb),.15))!important;border-color:rgba(var(--primary-rgb),.35)!important;box-shadow:0 8px 32px rgba(var(--primary-rgb),.18),0 0 20px rgba(var(--primary-rgb),.1),inset 0 1px #fff9!important}.modern-theme .canvas-properties-panel{background:linear-gradient(180deg,rgba(var(--primary-rgb),.08),#ffffff80 30%,rgba(var(--background-light-rgb),.15))!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border-left:1px solid var(--glass-border)!important;box-shadow:-8px 0 32px rgba(var(--primary-rgb),.06),inset 1px 0 #ffffff80!important}.modern-theme .workflow-stats{background:linear-gradient(145deg,#ffffff80,rgba(var(--background-light-rgb),.15))!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important;box-shadow:0 4px 12px rgba(var(--primary-rgb),.06),inset 0 1px #ffffff80!important}.modern-theme .workflow-status-message.connection-mode{background:var(--primary)!important;box-shadow:0 4px 16px rgba(var(--primary-rgb),.3)!important}.modern-theme .workflow-status-message.instruction{background:linear-gradient(145deg,#ffffffd9,rgba(var(--primary-rgb),.08))!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;color:var(--primary)!important;border:1px solid rgba(var(--primary-rgb),.25)!important;box-shadow:inset 0 1px #ffffff80!important}.modern-theme .error-banner{background:linear-gradient(145deg,#ef44441a,#ffffff80)!important;border:1px solid rgba(239,68,68,.25)!important;border-radius:var(--radius-md)!important;box-shadow:inset 0 1px #ffffff80!important}.modern-theme .content-list-header{border-bottom:1px solid var(--glass-border)!important}.modern-theme .status-icon.active{color:var(--primary)!important}.modern-theme .workflow-port-info{background:#ffffff80!important;border-radius:var(--radius-sm)!important}.modern-theme .workflow-connection-line{stroke:var(--primary)!important}.modern-theme .workflow-drag-preview{stroke:var(--text-muted)!important}@media (max-width: 768px){.modern-theme .ai-flows-header{margin:0!important;border-radius:0!important}.modern-theme .canvas-palette{width:100%!important;max-width:none!important;position:relative!important;top:0!important;left:0!important;margin-bottom:var(--spacing-md)!important;max-height:none!important}.modern-theme .canvas-properties-panel{width:100%!important;position:relative!important;border-left:none!important;border-top:1px solid var(--glass-border)!important}}.social-studio{min-height:100vh;width:100%;max-width:100%;background:linear-gradient(135deg,var(--kalkvit) 0%,var(--background-light) 100%);font-family:var(--font-body);color:var(--charcoal-graphite);box-sizing:border-box;overflow-x:hidden}.social-studio-header{background:linear-gradient(135deg,var(--charcoal-graphite) 0%,var(--secondary) 100%);color:var(--kalkvit);padding:1rem 1.5rem 0;margin-bottom:0;position:relative;z-index:100;width:auto;box-sizing:border-box}.header-content{width:95%;margin:0 auto;text-align:center;padding-bottom:0}.social-studio-header .main-title{font-family:var(--font-header);font-size:1.75rem;font-weight:700;margin-bottom:.35rem;letter-spacing:-.02em;color:var(--kalkvit)}.social-studio-header .main-subtitle{font-family:var(--font-serif);font-size:.95rem;font-style:italic;opacity:.9;margin-bottom:0;color:var(--kalkvit)}.social-studio-body{width:100%;max-width:100%;margin:0 auto;padding:0 .5rem;box-sizing:border-box;position:relative;z-index:1}.content-review-tab{padding:0;height:100%;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.review-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;min-height:calc(100vh - 7rem);width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.panel-wrapper{display:flex;flex-direction:column;height:calc(100vh - 7rem);width:100%;min-width:0;max-width:100%;border:1px solid var(--background-light);border-radius:6px;background:#fff;overflow:hidden;box-shadow:0 2px 8px #0000000d;box-sizing:border-box}.panel-header{flex-shrink:0;padding:.5rem .75rem;border-bottom:1px solid var(--background-light);background:linear-gradient(135deg,var(--kalkvit),white)}.content-library-panel,.content-preview-panel,.publishing-queue-panel{display:flex;width:100%;max-width:100%;overflow-x:hidden;flex-direction:column;height:100%;overflow:hidden;box-sizing:border-box}.content-list,.preview-content,.queue-content{flex:1 1 0;min-height:0;max-height:calc(100vh - 14rem);width:100%;max-width:100%;min-width:0;overflow-y:auto;overflow-x:hidden;padding:.5rem;box-sizing:border-box}.content-list::-webkit-scrollbar,.preview-content::-webkit-scrollbar,.queue-content::-webkit-scrollbar{width:8px}.content-list::-webkit-scrollbar-track,.preview-content::-webkit-scrollbar-track,.queue-content::-webkit-scrollbar-track{background:var(--kalkvit)}.content-list::-webkit-scrollbar-thumb,.preview-content::-webkit-scrollbar-thumb,.queue-content::-webkit-scrollbar-thumb{background:var(--background-light);border-radius:4px}.content-list::-webkit-scrollbar-thumb:hover,.preview-content::-webkit-scrollbar-thumb:hover,.queue-content::-webkit-scrollbar-thumb:hover{background:var(--primary)}.social-studio .panel-header{padding:.4rem .6rem}.social-studio .panel-header h3{font-size:.8rem}.social-studio .panel-title{font-size:.8rem;display:flex;align-items:center;gap:.35rem}.social-studio .panel-icon{width:14px;height:14px}.social-studio .content-list{padding:.5rem;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-x:hidden;overflow-y:auto}.social-studio .content-items-container{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:visible}.social-studio .content-item-card{width:100%;max-width:100%;min-width:0;padding:.5rem 2rem .5rem .5rem;margin-bottom:.5rem;box-sizing:border-box;overflow:hidden;position:relative;border:1px solid var(--background-light);border-radius:6px;background:#fff;transition:all .2s}.social-studio .filter-controls{gap:.5rem;margin-top:.5rem}.social-studio .filter-row{gap:.35rem}.social-studio .filter-select,.social-studio .search-input{padding:.3rem .4rem;font-size:.7rem}.social-studio .primary-btn,.social-studio .secondary-btn,.social-studio .enhance-btn{padding:.35rem .65rem;font-size:.7rem}.social-studio .btn-icon{width:12px;height:12px}.social-studio .platform-badge{font-size:.6rem;padding:.15rem .35rem}.social-studio .content-excerpt{font-size:.75rem;line-height:1.25}.prominent-image-section{margin-bottom:1rem;padding:.75rem;background:var(--kalkvit);border:1px solid var(--background-light);border-radius:8px}.main-image-container{position:relative;margin-bottom:.75rem}.main-content-image{width:100%;max-height:200px;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:1px solid var(--background-light)}.image-status-overlay{position:absolute;top:.5rem;right:.5rem;background:#000c;color:#fff;padding:.2rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600}.image-actions{display:flex;gap:.5rem;justify-content:center}.multiple-images-section{margin:.75rem 0;padding:.75rem;background:var(--kalkvit);border:1px solid var(--background-light);border-radius:8px}.multiple-images-section h4{font-family:var(--font-header);font-size:.85rem;font-weight:600;color:var(--charcoal-graphite);margin-bottom:.5rem;text-align:center}.image-selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.5rem}.image-option{position:relative;cursor:pointer;border:2px solid var(--background-light);border-radius:6px;overflow:hidden;transition:var(--transition-base);background:#fff}.image-option:hover{border-color:var(--primary);transform:translateY(-1px)}.image-option.selected{border-color:var(--primary);box-shadow:var(--shadow-sm)}.option-thumbnail{width:100%;height:50px;-o-object-fit:cover;object-fit:cover;display:block}.option-info{padding:.3rem;font-size:.7rem;text-align:center;background:#fff;display:flex;align-items:center;justify-content:center;gap:.25rem}.selection-checkmark{position:absolute;top:.25rem;left:.25rem;background:var(--primary);color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.check-icon{width:10px;height:10px}.no-image-section{margin:.75rem 0;padding:1rem;background:var(--kalkvit);border:2px dashed var(--background-light);border-radius:8px;text-align:center}.placeholder-icon{width:32px;height:32px;color:var(--dimblag);margin:0 auto .5rem;display:block}.add-image-actions{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.modal-header-actions{display:flex;gap:.5rem;align-items:center}.modal-content-editor{width:100%;padding:.75rem;border:2px solid var(--background-light);border-radius:8px;font-family:var(--font-body);font-size:.95rem;line-height:1.4;resize:vertical;background:#fff;min-height:200px}.modal-content-editor:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary),.1)}.content-length{font-size:.75rem;color:var(--text-muted);font-family:var(--font-header)}.media-note{font-size:.7rem;color:var(--text-muted);margin-top:.4rem;font-style:italic}.status-permanent{color:var(--color-success);font-weight:600}.status-temporary{color:var(--color-warning);font-weight:600}.permanent-indicator{font-size:.65rem}.social-studio .preview-content{padding:.75rem 1rem}.social-studio .preview-header{margin-bottom:1rem;padding-bottom:.75rem}.social-studio .preview-summary,.social-studio .media-actions{margin-bottom:1rem}.social-studio .media-actions h4{font-size:.9rem;margin-bottom:.75rem}.social-studio .summary-actions{gap:.5rem}.content-review-tab{width:100%;max-width:none}.content-review-tab .review-layout{width:100%;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;min-height:calc(100vh - 6.5rem);padding:0;box-sizing:border-box}.social-studio:has(.content-review-tab) .social-studio-body{width:100%;max-width:none;padding:.25rem;overflow:visible;box-sizing:border-box}.social-studio .status-draft{background:var(--dimblag);color:#fff}.social-studio .status-published{background:var(--color-success);color:#fff}.social-studio .status-scheduled{background:var(--primary);color:#fff}.social-studio .ai-flows-tabs .tab-btn{color:var(--kalkvit);text-decoration:none}.social-studio .ai-flows-tabs .tab-btn:hover{color:var(--kalkvit)}.social-studio .ai-flows-tabs .tab-btn.active{color:var(--charcoal-graphite);background:var(--kalkvit)}.social-studio .tab-menu-item{color:var(--charcoal-graphite);text-decoration:none}.social-studio .tab-menu-item.active{color:#fff;background:var(--primary)}.tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.header-left,.header-right{display:flex;align-items:center;gap:1rem}.action-btn{padding:.4rem .8rem;font-size:.8rem}.reschedule-btn{background:var(--primary);color:#fff}.cancel-btn{background:var(--color-error);color:#fff}.export-btn{background:var(--text-muted);color:#fff}.platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.platform-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.5rem}.platform-metric{display:flex;align-items:center;gap:.25rem;font-size:.8rem}.list-view{display:flex;flex-direction:column;gap:1rem}.scheduled-item,.published-post{background:#fff;padding:1rem;border-radius:8px;border:1px solid var(--background-light)}.item-header,.post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.item-content,.post-content{display:flex;gap:1rem}.content-thumbnail,.post-thumbnail{width:60px;height:60px;border-radius:6px;overflow:hidden}.content-thumbnail img,.post-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.overdue{color:var(--color-error)}.permanent-badge{background:var(--color-success);color:#fff;padding:.1rem .4rem;border-radius:8px;font-size:.65rem}.mobile-workflow-nav{display:flex;gap:.5rem;padding:1rem;background:#fff;border-bottom:2px solid var(--background-light);position:sticky;top:0;z-index:100}.mobile-nav-btn{flex:1;padding:.75rem 1rem;background:var(--kalkvit);border:2px solid var(--background-light);border-radius:8px;font-family:var(--font-header);font-size:.9rem;font-weight:600;color:var(--charcoal-graphite);cursor:pointer;transition:var(--transition-base);position:relative;min-height:48px;display:flex;align-items:center;justify-content:center;gap:.5rem}.mobile-nav-btn:disabled{opacity:.4;cursor:not-allowed}.mobile-nav-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.mobile-nav-btn:not(:disabled):hover{border-color:var(--primary);transform:translateY(-1px)}.queue-count-badge{background:var(--color-error);color:#fff;border-radius:50%;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;margin-left:.25rem}.mobile-nav-btn.active .queue-count-badge{background:#fff;color:var(--primary)}.mobile-queue-fab{position:fixed;bottom:24px;right:24px;width:64px;height:64px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;border-radius:50%;box-shadow:0 8px 24px #00000040;cursor:pointer;z-index:999;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.mobile-queue-fab:hover{transform:scale(1.1);box-shadow:0 12px 32px #00000059}.mobile-queue-fab:active{transform:scale(.95)}.fab-icon{width:28px;height:28px}.fab-badge{position:absolute;top:-4px;right:-4px;background:var(--color-error);color:#fff;border-radius:50%;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;padding:0 6px;border:2px solid white;box-shadow:0 2px 8px #0003}.mobile-back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;margin:.75rem 1rem .5rem;background:#fff;border:2px solid var(--background-light);border-radius:8px;font-family:var(--font-header);font-size:.9rem;font-weight:600;color:var(--charcoal-graphite);cursor:pointer;transition:var(--transition-base);min-height:44px}.mobile-back-btn:hover{border-color:var(--primary);background:var(--kalkvit)}.back-icon{width:20px;height:20px}.panel-wrapper{transition:opacity .2s ease}.mobile-hidden{display:none!important}.social-studio{--ss-font-xs: .55rem;--ss-font-sm: .65rem;--ss-font-base: .75rem;--ss-font-md: .8rem;--ss-font-lg: .9rem;--ss-spacing-xs: .25rem;--ss-spacing-sm: .35rem;--ss-spacing-base: .5rem;--ss-spacing-md: .75rem;--ss-thumb-size: 60px;--ss-preview-height: 250px;--ss-btn-padding: .25rem .5rem;--ss-badge-padding: .15rem .35rem;--ss-icon-sm: 10px;--ss-icon-base: 12px;--ss-icon-md: 14px}@media (min-width: 801px){.content-review-tab .review-layout{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-workflow-nav,.mobile-queue-fab,.mobile-back-btn{display:none!important}}@media (min-width: 1440px){.social-studio{--ss-font-xs: .6rem;--ss-font-sm: .7rem;--ss-font-base: .8rem;--ss-font-md: .9rem;--ss-font-lg: 1rem;--ss-spacing-xs: .3rem;--ss-spacing-sm: .4rem;--ss-spacing-base: .6rem;--ss-spacing-md: .9rem;--ss-thumb-size: 80px;--ss-preview-height: 320px;--ss-btn-padding: .35rem .65rem;--ss-badge-padding: .2rem .45rem;--ss-icon-sm: 12px;--ss-icon-base: 14px;--ss-icon-md: 16px}.social-studio .panel-title{font-size:.9rem}.social-studio .content-excerpt{font-size:.85rem}}@media (min-width: 1680px){.social-studio{--ss-font-xs: .65rem;--ss-font-sm: .75rem;--ss-font-base: .85rem;--ss-font-md: .95rem;--ss-font-lg: 1.1rem;--ss-spacing-xs: .35rem;--ss-spacing-sm: .5rem;--ss-spacing-base: .75rem;--ss-spacing-md: 1rem;--ss-thumb-size: 100px;--ss-preview-height: 380px;--ss-btn-padding: .4rem .75rem;--ss-badge-padding: .25rem .5rem;--ss-icon-sm: 14px;--ss-icon-base: 16px;--ss-icon-md: 18px}.social-studio .panel-title{font-size:1rem}.social-studio .content-excerpt{font-size:.9rem}.social-studio .panel-header{padding:.6rem .9rem}.social-studio .content-item-card{padding:.75rem;margin-bottom:.75rem}}@media (min-width: 1920px){.social-studio{--ss-font-xs: .7rem;--ss-font-sm: .8rem;--ss-font-base: .9rem;--ss-font-md: 1rem;--ss-font-lg: 1.15rem;--ss-spacing-xs: .4rem;--ss-spacing-sm: .6rem;--ss-spacing-base: .85rem;--ss-spacing-md: 1.25rem;--ss-thumb-size: 120px;--ss-preview-height: 450px;--ss-btn-padding: .5rem .9rem;--ss-badge-padding: .3rem .6rem;--ss-icon-sm: 16px;--ss-icon-base: 18px;--ss-icon-md: 20px}.social-studio .panel-title{font-size:1.1rem}.social-studio .content-excerpt{font-size:.95rem;line-height:1.4}.social-studio .panel-header{padding:.75rem 1rem}.social-studio .content-item-card{padding:1rem;margin-bottom:1rem}.content-review-tab .review-layout{gap:.75rem}}@media (max-width: 800px) and (min-width: 769px){.content-review-tab .review-layout{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.social-studio-body{width:95%;padding:.5rem}}@media (max-width: 768px){.social-studio{width:100%!important;max-width:100%!important;min-width:100%!important;margin:0!important;padding:0!important}.social-studio-header .main-title{font-size:1.75rem}.social-studio-header .main-subtitle{display:none}.social-studio-header{padding:1.5rem 1rem 0;width:100%!important;max-width:100%!important}.social-studio-body{padding:0!important;width:100%!important;max-width:100%!important}.content-review-tab .review-layout{display:block!important;width:100%!important;max-width:100%!important;min-height:calc(100vh - 10rem);padding:0!important;margin:0!important}.content-review-tab{width:100%!important;max-width:100%!important;padding:0!important}.panel-wrapper{width:100%!important;max-width:100%!important;min-height:calc(100vh - 12rem)}.content-library-panel,.content-preview-panel,.publishing-queue-panel,.content-list,.content-items-container,.preview-content,.queue-content{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.content-items-container{overflow:visible!important}.modern-theme .social-studio .panel-wrapper.mobile-hidden{display:none!important}.modern-theme .social-studio .content-review-tab .review-layout{display:block!important;width:100%!important;grid-template-columns:1fr!important}.modern-theme .social-studio .panel-wrapper{width:100%!important;max-width:100%!important}.content-review-tab .review-layout{width:100%!important;grid-template-columns:1fr!important}.content-library-panel,.content-preview-panel,.publishing-queue-panel{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.panel-wrapper:not(.mobile-hidden){height:calc(100vh - 12rem);max-height:calc(100vh - 12rem);overflow:hidden;display:flex;flex-direction:column}.content-library-panel .content-list,.content-preview-panel .preview-content,.publishing-queue-panel .queue-content{flex:1 1 0;min-height:0;max-height:calc(100vh - 18rem);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.queue-content .content-item-card{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important;padding:.75rem!important}.queue-content .content-item-header{flex-wrap:wrap!important;gap:.35rem!important}.queue-content .content-item-left{flex-wrap:wrap!important;gap:.25rem!important;max-width:calc(100% - 40px)!important}.queue-content .content-item-card>div:last-child{display:flex!important;flex-direction:column!important;gap:.5rem!important}.queue-content .content-item-card div[style*=grid-template-columns]{display:flex!important;flex-direction:column!important;gap:.5rem!important}.queue-content .content-item-card input[type=datetime-local]{width:100%!important;font-size:.75rem!important;padding:.5rem!important}.queue-content .content-item-card .primary-btn,.queue-content .content-item-card .secondary-btn{padding:.5rem .75rem!important;font-size:.75rem!important}.queue-content .content-item-card div[style*="backgroundColor: var(--kalkvit)"]{flex-wrap:wrap!important;gap:.35rem!important}.queue-content .content-item-card img{width:40px!important;height:40px!important}.publishing-queue-panel .panel-header{flex-wrap:wrap!important;gap:.5rem!important;padding:.75rem!important}.publishing-queue-panel .panel-header>div{flex-wrap:wrap!important;gap:.5rem!important;width:100%!important;justify-content:flex-end!important}.publishing-queue-panel .panel-header .primary-btn,.publishing-queue-panel .panel-header .secondary-btn{flex:1!important;min-width:0!important}.publishing-queue-panel .panel-title{width:100%!important;margin-bottom:.25rem!important}.image-actions,.add-image-actions{flex-direction:column}.main-content-image{max-height:200px}.primary-btn,.secondary-btn,.enhance-btn{min-height:44px;padding:.75rem 1rem;font-size:.9rem}.filter-controls{flex-direction:column;gap:.5rem}.filter-row{flex-direction:column}.filter-select,.search-input{width:100%}}@media (max-width: 500px){.main-content-image{max-height:150px}.mobile-workflow-nav{padding:.75rem;gap:.35rem}.mobile-nav-btn{padding:.6rem .5rem;font-size:.8rem}.queue-count-badge{width:20px;height:20px;font-size:.7rem}.mobile-queue-fab{width:56px;height:56px;bottom:20px;right:20px}.fab-icon{width:24px;height:24px}.fab-badge{min-width:22px;height:22px;font-size:.7rem}}.modern-theme .social-studio{background:transparent!important;min-height:auto!important;width:100%!important;max-width:100%!important}.modern-theme .social-studio .review-layout{height:calc(100vh - 10rem)!important;min-height:unset!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:hidden!important}.modern-theme .social-studio .panel-wrapper{height:100%!important;max-height:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;min-width:0!important}.modern-theme .social-studio .content-library-panel,.modern-theme .social-studio .content-preview-panel,.modern-theme .social-studio .publishing-queue-panel{flex:1!important;display:flex!important;flex-direction:column!important;min-height:0!important;min-width:0!important;height:100%!important;overflow:hidden!important}.modern-theme .social-studio .content-list,.modern-theme .social-studio .preview-content,.modern-theme .social-studio .queue-content{flex:1 1 0!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important}.modern-theme .social-studio .tab-navigation{display:flex!important;justify-content:center!important;gap:.75rem!important;margin:0!important;padding:.75rem!important;background:linear-gradient(145deg,#ffffff59,rgba(var(--background-light-rgb),.15))!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border-radius:var(--radius-xl)!important;border:1px solid var(--glass-border)!important;box-shadow:0 4px 20px rgba(var(--primary-rgb),.08),inset 0 1px #ffffff80!important}.modern-theme .social-studio .tab-btn,.modern-theme .social-studio .tab-button{background:linear-gradient(145deg,#fffffff2,rgba(var(--background-light-rgb),.85))!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid rgba(var(--secondary-rgb),.4)!important;border-radius:var(--radius-full)!important;padding:.625rem 1.25rem!important;color:var(--charcoal-graphite)!important;font-weight:500!important;font-size:.875rem!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 2px 8px #00000014!important;text-decoration:none!important}.modern-theme .social-studio .tab-btn:hover,.modern-theme .social-studio .tab-button:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.15),#ffffffe6,rgba(var(--background-light-rgb),.7))!important;border-color:rgba(var(--primary-rgb),.4)!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(var(--primary-rgb),.12),inset 0 1px #ffffff80!important}.modern-theme .social-studio .tab-btn.active,.modern-theme .social-studio .tab-button.active{background:linear-gradient(145deg,rgba(var(--primary-rgb),.2),#ffffffb3,rgba(var(--primary-rgb),.15))!important;border-color:rgba(var(--primary-rgb),.35)!important;color:var(--primary)!important;font-weight:600!important;box-shadow:0 4px 16px rgba(var(--primary-rgb),.2),0 0 20px rgba(var(--primary-rgb),.1),inset 0 1px #fff9!important}.modern-theme .social-studio .tab-button .tab-icon,.modern-theme .social-studio .tab-btn .tab-icon{width:16px!important;height:16px!important;opacity:.8!important}.modern-theme .social-studio .tab-button.active .tab-icon,.modern-theme .social-studio .tab-btn.active .tab-icon{opacity:1!important;color:var(--primary)!important}.modern-theme .panel-wrapper{background:linear-gradient(145deg,#ffffff59,rgba(var(--background-light-rgb),.15),rgba(var(--primary-rgb),.08))!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;box-shadow:0 8px 32px rgba(var(--primary-rgb),.08)!important}.modern-theme .panel-header{background:#fff9!important;border-bottom:1px solid rgba(var(--secondary-rgb),.15)!important;border-radius:0!important}.modern-theme .panel-header h3{color:var(--charcoal-graphite)!important}.modern-theme .content-item-card,.modern-theme .scheduled-item,.modern-theme .published-post{background:linear-gradient(145deg,#ffffff59,rgba(var(--background-light-rgb),.15),rgba(var(--primary-rgb),.05))!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid rgba(var(--background-light-rgb),.25)!important;border-radius:var(--radius-md)!important;box-shadow:0 4px 16px rgba(var(--primary-rgb),.06),inset 0 1px #ffffff80!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.modern-theme .content-item-card:hover,.modern-theme .scheduled-item:hover,.modern-theme .published-post:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.12),#ffffff73,rgba(var(--background-light-rgb),.2))!important;border-color:rgba(var(--primary-rgb),.25)!important;transform:translateY(-2px)!important;box-shadow:0 8px 32px rgba(var(--primary-rgb),.12),inset 0 1px #ffffff80!important}.modern-theme .content-item-card.selected,.modern-theme .scheduled-item.selected{background:linear-gradient(145deg,rgba(var(--primary-rgb),.2),#fff9,rgba(var(--primary-rgb),.15))!important;border-color:rgba(var(--primary-rgb),.35)!important;box-shadow:0 8px 32px rgba(var(--primary-rgb),.18),0 0 20px rgba(var(--primary-rgb),.1),inset 0 1px #fff9!important}.modern-theme .prominent-image-section,.modern-theme .multiple-images-section,.modern-theme .no-image-section{background:linear-gradient(145deg,#ffffff80,rgba(var(--background-light-rgb),.1))!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important}.modern-theme .no-image-section{border:2px dashed rgba(var(--background-light-rgb),.5)!important}.modern-theme .image-option{background:linear-gradient(145deg,#fff9,rgba(var(--background-light-rgb),.1))!important;border:2px solid rgba(var(--background-light-rgb),.25)!important;border-radius:var(--radius-sm)!important;transition:all .2s ease!important}.modern-theme .image-option:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.08),#ffffffb3)!important;border-color:rgba(var(--primary-rgb),.35)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(var(--primary-rgb),.1)!important}.modern-theme .image-option.selected{background:linear-gradient(145deg,rgba(var(--primary-rgb),.15),#ffffffb3)!important;border-color:var(--primary)!important;box-shadow:0 4px 16px rgba(var(--primary-rgb),.2),0 0 12px rgba(var(--primary-rgb),.1)!important}.modern-theme .filter-controls{background:linear-gradient(145deg,#ffffff73,rgba(var(--background-light-rgb),.15))!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important;padding:var(--spacing-sm)!important}.modern-theme .modal-content-editor{background:#fffc!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important}.modern-theme .modal-content-editor:focus{background:#fffffff2!important;border-color:var(--primary)!important;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15)!important}.modern-theme .mobile-workflow-nav{background:linear-gradient(145deg,#ffffff73,rgba(var(--background-light-rgb),.15),rgba(var(--primary-rgb),.08))!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border-bottom:1px solid var(--glass-border)!important;box-shadow:0 4px 16px rgba(var(--primary-rgb),.06)!important}.modern-theme .mobile-nav-btn{background:linear-gradient(145deg,#ffffff80,rgba(var(--background-light-rgb),.15))!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important;transition:all .2s ease!important}.modern-theme .mobile-nav-btn:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.08),#ffffffb3)!important;border-color:rgba(var(--primary-rgb),.25)!important}.modern-theme .mobile-nav-btn.active{background:var(--primary)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 4px 16px rgba(var(--primary-rgb),.3),inset 0 1px #fff3!important}.modern-theme .mobile-back-btn{background:linear-gradient(145deg,#fff9,rgba(var(--background-light-rgb),.15))!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid rgba(var(--background-light-rgb),.3)!important;border-radius:var(--radius-md)!important;transition:all .2s ease!important}.modern-theme .mobile-back-btn:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.1),#fffc)!important;border-color:rgba(var(--primary-rgb),.3)!important}.modern-theme .mobile-queue-fab{background:var(--primary)!important;box-shadow:0 8px 24px rgba(var(--primary-rgb),.4),inset 0 1px #fff3!important;transition:all .2s ease!important}.modern-theme .mobile-queue-fab:hover{background:var(--secondary)!important;transform:translateY(-2px)!important;box-shadow:0 12px 32px rgba(var(--primary-rgb),.5),inset 0 1px #fff3!important}.modern-theme .content-list::-webkit-scrollbar-track,.modern-theme .preview-content::-webkit-scrollbar-track,.modern-theme .queue-content::-webkit-scrollbar-track{background:#ffffff4d!important;border-radius:4px!important}.modern-theme .content-list::-webkit-scrollbar-thumb,.modern-theme .preview-content::-webkit-scrollbar-thumb,.modern-theme .queue-content::-webkit-scrollbar-thumb{background:rgba(var(--background-light-rgb),.6)!important;border-radius:4px!important}.modern-theme .content-list::-webkit-scrollbar-thumb:hover,.modern-theme .preview-content::-webkit-scrollbar-thumb:hover,.modern-theme .queue-content::-webkit-scrollbar-thumb:hover{background:var(--primary)!important}.modern-theme .status-draft{background:rgba(var(--dimblag-rgb, 107, 107, 107),.8)!important;border-radius:var(--radius-full)!important}.modern-theme .status-published{background:rgba(var(--color-success-rgb, 34, 197, 94),.85)!important;border-radius:var(--radius-full)!important}.modern-theme .status-scheduled{background:rgba(var(--primary-rgb),.85)!important;border-radius:var(--radius-full)!important}.modern-theme .platform-grid>*{background:#ffffffb3!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important}.modern-theme .social-studio .ai-flows-tabs{background:#fff9!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border-radius:var(--radius-lg)!important;padding:.375rem!important;border:1px solid var(--glass-border)!important}.modern-theme .social-studio .ai-flows-tabs .tab-btn{color:var(--charcoal-graphite)!important;background:linear-gradient(145deg,#fffffff2,rgba(var(--background-light-rgb),.85))!important;border:1px solid rgba(var(--secondary-rgb),.4)!important;border-radius:var(--radius-md)!important;box-shadow:0 2px 6px #0000000f!important}.modern-theme .social-studio .ai-flows-tabs .tab-btn:hover{background:rgba(var(--primary-rgb),.12)!important;border-color:rgba(var(--primary-rgb),.4)!important}.modern-theme .social-studio .ai-flows-tabs .tab-btn.active{background:#fffffff2!important;color:var(--primary)!important;box-shadow:0 2px 8px #0000000f!important}@media (max-width: 1024px){.modern-theme .social-studio .tab-navigation{display:none!important}.modern-theme .social-studio .tab-hamburger-wrapper{display:block!important}}@media (max-width: 768px){.modern-theme .social-studio{width:100%!important;max-width:100%!important;min-width:100%!important;margin:0!important;padding:0!important}.modern-theme .social-studio .tab-navigation{display:none!important}.modern-theme .social-studio-header{margin:0!important;border-radius:0!important;width:100%!important;max-width:100%!important}.modern-theme .social-studio-body{padding:0!important;margin:0!important;max-width:100%!important;width:100%!important}.modern-theme .social-studio .content-review-tab{width:100%!important;max-width:100%!important;padding:0!important;margin:0!important}.modern-theme .social-studio .content-review-tab .review-layout{display:block!important;width:100%!important;max-width:100%!important;grid-template-columns:1fr!important;padding:0!important;margin:0!important}.modern-theme .social-studio .panel-wrapper{width:100%!important;max-width:100%!important;border-radius:0!important;margin:0!important;flex:none!important}.modern-theme .social-studio .library-wrapper,.modern-theme .social-studio .preview-wrapper,.modern-theme .social-studio .queue-wrapper{width:100%!important;max-width:100%!important;flex:none!important;margin:0!important;border-radius:0!important}.modern-theme .social-studio .content-library-panel,.modern-theme .social-studio .content-preview-panel,.modern-theme .social-studio .publishing-queue-panel{width:100%!important;max-width:100%!important;margin:0!important}.modern-theme .social-studio .panel-wrapper:not(.mobile-hidden){height:calc(100vh - 12rem)!important;max-height:calc(100vh - 12rem)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.modern-theme .social-studio .content-library-panel,.modern-theme .social-studio .content-preview-panel,.modern-theme .social-studio .publishing-queue-panel{flex:1!important;display:flex!important;flex-direction:column!important;min-height:0!important;max-height:100%!important;overflow:hidden!important}.modern-theme .social-studio .content-list,.modern-theme .social-studio .preview-content,.modern-theme .social-studio .queue-content{flex:1 1 0!important;min-height:0!important;max-height:calc(100vh - 18rem)!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important}.modern-theme .social-studio .queue-content .content-item-card{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important;padding:.75rem!important}.modern-theme .social-studio .queue-content .content-item-header{flex-wrap:wrap!important;gap:.35rem!important}.modern-theme .social-studio .queue-content .content-item-left{flex-wrap:wrap!important;gap:.25rem!important;max-width:calc(100% - 40px)!important}.modern-theme .social-studio .queue-content .content-item-card>div:last-child{display:flex!important;flex-direction:column!important;gap:.5rem!important}.modern-theme .social-studio .queue-content .content-item-card div[style*=grid-template-columns]{display:flex!important;flex-direction:column!important;gap:.5rem!important}.modern-theme .social-studio .queue-content .content-item-card input[type=datetime-local]{width:100%!important;font-size:.75rem!important;padding:.5rem!important}.modern-theme .social-studio .queue-content .content-item-card .primary-btn,.modern-theme .social-studio .queue-content .content-item-card .secondary-btn{padding:.5rem .75rem!important;font-size:.75rem!important}.modern-theme .social-studio .queue-content .content-item-card div[style*="backgroundColor: var(--kalkvit)"]{flex-wrap:wrap!important;gap:.35rem!important}.modern-theme .social-studio .queue-content .content-item-card img{width:40px!important;height:40px!important}.modern-theme .social-studio .publishing-queue-panel .panel-header{flex-wrap:wrap!important;gap:.5rem!important;padding:.75rem!important}.modern-theme .social-studio .publishing-queue-panel .panel-header>div{flex-wrap:wrap!important;gap:.5rem!important;width:100%!important;justify-content:flex-end!important}.modern-theme .social-studio .publishing-queue-panel .panel-header .primary-btn,.modern-theme .social-studio .publishing-queue-panel .panel-header .secondary-btn{flex:1!important;min-width:0!important}.modern-theme .social-studio .publishing-queue-panel .panel-title{width:100%!important;margin-bottom:.25rem!important}.modern-theme .social-studio .panel-wrapper.mobile-hidden{display:none!important}.modern-theme .mobile-workflow-nav{border-radius:0!important;margin:0!important}}.social-mockup{display:flex;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000f;overflow:hidden;width:100%;max-width:100%}.social-mockup-header{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-bottom:1px solid rgba(0,0,0,.08);background:#fff}.social-mockup-avatar{width:40px;height:40px;min-width:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary, #B87333),var(--secondary, #5E503F));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem;overflow:hidden}.social-mockup-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.social-mockup-user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.social-mockup-username{font-weight:600;font-size:.875rem;color:#1c1c1e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-mockup-meta{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#6b7280}.social-mockup-time{white-space:nowrap}.social-mockup-more{margin-left:auto;padding:.25rem;background:transparent;border:none;color:#9ca3af;cursor:default;display:flex;align-items:center}.social-mockup-media{position:relative;width:100%;background:#f3f4f6;overflow:hidden}.social-mockup-media img,.social-mockup-media video{width:100%;height:auto;display:block;-o-object-fit:contain;object-fit:contain;max-height:400px;background:#f8f9fa}.social-mockup-media.has-media img,.social-mockup-media.has-media video{-o-object-fit:contain;object-fit:contain}.social-mockup-media-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1rem;color:#9ca3af;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);min-height:120px}.social-mockup-media-placeholder svg{opacity:.5}.social-mockup-media-placeholder span{font-size:.8125rem;opacity:.7}.social-mockup-media video{background:#000}.social-mockup-carousel-nav{position:absolute;top:50%;transform:translateY(-50%);display:flex;gap:.5rem;z-index:10}.social-mockup-carousel-nav.left{left:.5rem}.social-mockup-carousel-nav.right{right:.5rem}.social-mockup-carousel-btn{width:32px;height:32px;border-radius:50%;background:#0009;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.social-mockup-carousel-btn:hover{background:#000c}.social-mockup-carousel-dots{position:absolute;bottom:.75rem;left:50%;transform:translate(-50%);display:flex;gap:.375rem}.social-mockup-carousel-dot{width:6px;height:6px;border-radius:50%;background:#ffffff80;transition:all .2s ease}.social-mockup-carousel-dot.active{background:#fff;width:8px;height:8px}.social-mockup-content{padding:.875rem 1rem;font-size:.9375rem;line-height:1.5;color:#1c1c1e;white-space:pre-wrap;word-break:break-word}.social-mockup-content{position:relative}.social-mockup-content.collapsed{padding-bottom:.5rem}.social-mockup-content-preview{color:#6b7280;font-style:italic}.social-mockup-content-toggle{display:flex;align-items:center;gap:.125rem;margin-bottom:.5rem;padding:.125rem .375rem;background:#0000000a;border:none;border-radius:3px;color:#9ca3af;font-size:.625rem;font-weight:500;cursor:pointer;transition:all .15s ease}.social-mockup-content-toggle:hover{background:#00000014;color:#374151}.social-mockup-content.expanded{max-height:none}.social-mockup-actions{display:flex;padding:.625rem .75rem;border-top:1px solid rgba(0,0,0,.08);gap:0}.social-mockup-action{flex:1;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem;background:transparent;border:none;color:#6b7280;font-size:.8125rem;font-weight:500;cursor:default;transition:background .15s ease}.social-mockup-action:not(:last-child){border-right:1px solid rgba(0,0,0,.06)}.social-mockup-action svg{flex-shrink:0}.social-mockup.instagram .social-mockup-avatar{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.social-mockup.instagram .social-mockup-header{border-bottom:none}.social-mockup.instagram .social-mockup-actions{justify-content:flex-start;gap:1rem;border-top:none;padding:.75rem 1rem}.social-mockup.instagram .social-mockup-action{flex:none;padding:0;border:none!important}.social-mockup.instagram .social-mockup-action:last-child{margin-left:auto}.social-mockup.linkedin .social-mockup-avatar{background:#0077b5;border-radius:4px}.social-mockup.linkedin .social-mockup-meta{flex-direction:column;align-items:flex-start;gap:0}.social-mockup.linkedin .social-mockup-username{font-size:.9375rem}.social-mockup.linkedin .social-mockup-content{font-size:.875rem}.social-mockup.facebook .social-mockup-avatar{background:#1877f2}.social-mockup.facebook .social-mockup-actions{padding:.5rem}.social-mockup.facebook .social-mockup-action{border-radius:4px}.social-mockup.facebook .social-mockup-action:not(:last-child){border-right:none}.social-mockup.twitter .social-mockup-avatar{background:#1da1f2}.social-mockup.twitter .social-mockup-header{border-bottom:none}.social-mockup.twitter .social-mockup-content{padding-top:0;padding-left:3.5rem}.social-mockup.twitter .social-mockup-media{margin-left:3.5rem;width:calc(100% - 3.5rem);border-radius:16px;margin-bottom:.5rem}.social-mockup.twitter .social-mockup-actions{padding-left:3.5rem;border-top:none;justify-content:flex-start;gap:3rem}.social-mockup.twitter .social-mockup-action{flex:none;border:none!important}.social-mockup.youtube .social-mockup-avatar{background:red}.social-mockup.youtube .social-mockup-media{order:-1}.social-mockup.youtube .social-mockup-header{border-bottom:none;padding-top:.75rem}.social-mockup.tiktok{background:#000;color:#fff}.social-mockup.tiktok .social-mockup-avatar{background:linear-gradient(135deg,#69c9d0,#ee1d52)}.social-mockup.tiktok .social-mockup-header{border-bottom:none;background:transparent}.social-mockup.tiktok .social-mockup-username,.social-mockup.tiktok .social-mockup-content{color:#fff}.social-mockup.tiktok .social-mockup-meta,.social-mockup.tiktok .social-mockup-action{color:#ffffffb3}.social-mockup.tiktok .social-mockup-actions{border-top:none;background:transparent}.social-mockup.tiktok .social-mockup-action:not(:last-child){border-right-color:#ffffff1a}.social-mockup-media-badge{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#000000b3;color:#fff;font-size:.6875rem;font-weight:600;border-radius:4px;z-index:5}.social-mockup-sandbox-badge{position:absolute;top:.5rem;left:.5rem;display:flex;align-items:center;gap:.25rem;padding:.375rem .625rem;background:#f59e0b;color:#fff;font-size:.6875rem;font-weight:700;border-radius:4px;z-index:10;box-shadow:0 2px 4px #0003}.social-mockup-edit-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.social-mockup-media:hover .social-mockup-edit-overlay{opacity:1}.social-mockup-edit-btn{padding:.5rem 1rem;background:#fff;border:none;border-radius:6px;font-weight:600;font-size:.8125rem;color:#1c1c1e;cursor:pointer;display:flex;align-items:center;gap:.375rem}@media (max-width: 480px){.social-mockup-header{padding:.75rem}.social-mockup-avatar{width:36px;height:36px;min-width:36px}.social-mockup-content{padding:.75rem;font-size:.875rem}.social-mockup-actions{padding:.5rem}.social-mockup-action{font-size:.75rem;padding:.375rem}.social-mockup.twitter .social-mockup-content,.social-mockup.twitter .social-mockup-media,.social-mockup.twitter .social-mockup-actions{margin-left:0;padding-left:.75rem;width:100%}}.social-mockup-image-creator-wrapper{padding:.75rem;background:#00000005;border-bottom:1px solid rgba(0,0,0,.08)}.content-calendar{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;overflow:hidden;max-width:calc(100% - 1rem);width:calc(100% - 1rem);margin:0 .5rem;box-sizing:border-box}.calendar-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;background:linear-gradient(135deg,var(--charcoal-graphite) 0%,var(--secondary) 100%);color:var(--kalkvit);max-width:100%;box-sizing:border-box}.calendar-header h2{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;margin:0;color:var(--kalkvit)}.calendar-header h2 svg{color:var(--primary)}.calendar-header p{margin:4px 0 0 36px;font-size:14px;color:var(--kalkvit);opacity:.9}.header-actions{display:flex;gap:12px}.btn-refresh{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border:1px solid var(--glass-border);border-radius:10px;color:#fff;cursor:pointer;transition:all .2s}.btn-refresh:hover:not(:disabled){background:#fff3}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.btn-refresh .spin{animation:spin 1s linear infinite}.calendar-controls{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--kalkvit);border-bottom:1px solid var(--background-light);flex-wrap:wrap;gap:12px;max-width:100%;box-sizing:border-box}.controls-left,.controls-right{display:flex;align-items:center;gap:12px}.month-nav{display:flex;align-items:center;gap:8px}.nav-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:1px solid var(--background-light);border-radius:8px;color:var(--charcoal-graphite);cursor:pointer;transition:all .2s}.nav-btn:hover{border-color:var(--primary);color:var(--primary)}.month-label{font-size:16px;font-weight:600;color:var(--charcoal-graphite);min-width:160px;text-align:center}.btn-today{padding:8px 16px;background:#fff;border:1px solid var(--background-light);border-radius:8px;font-size:14px;font-weight:500;color:var(--charcoal-graphite);cursor:pointer;transition:all .2s}.btn-today:hover{border-color:var(--primary);color:var(--primary)}.filter-group{display:flex;align-items:center;gap:8px;color:var(--text-muted)}.filter-select{padding:8px 12px;background:#fff;border:1px solid var(--background-light);border-radius:8px;font-size:14px;color:var(--charcoal-graphite);cursor:pointer}.filter-select:focus{outline:none;border-color:var(--primary)}.view-toggle{display:flex;background:#fff;border:1px solid var(--background-light);border-radius:8px;overflow:hidden}.view-toggle button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all .2s}.view-toggle button:hover{color:var(--charcoal-graphite)}.view-toggle button.active{background:var(--primary);color:#fff}.calendar-stats{display:flex;gap:24px;padding:12px 24px;background:#fff;border-bottom:1px solid var(--background-light)}.stat-item{display:flex;align-items:center;gap:8px}.stat-value{font-size:18px;font-weight:700;color:var(--charcoal-graphite)}.stat-label{font-size:13px;color:var(--text-muted)}.stat-item.scheduled .stat-value{color:var(--brand-amber)}.stat-item.published .stat-value{color:var(--skogsgron)}.stat-item.draft .stat-value{color:var(--text-muted)}.calendar-error{display:flex;align-items:center;gap:12px;padding:12px 24px;background:rgba(var(--tegelrod-rgb),.1);color:var(--tegelrod)}.calendar-error button{margin-left:auto;background:none;border:none;color:var(--tegelrod);cursor:pointer}.calendar-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--primary)}.calendar-loading .spin{animation:spin 1s linear infinite;margin-bottom:16px}.calendar-loading p{margin:0;color:var(--text-muted)}.calendar-grid{padding:0;max-width:100%;box-sizing:border-box;overflow-x:auto}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:var(--kalkvit);border-bottom:1px solid var(--background-light)}.weekday-header{padding:12px;text-align:center;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day{min-height:120px;border-right:1px solid var(--background-light);border-bottom:1px solid var(--background-light);padding:8px;background:#fff;transition:all .2s}.calendar-day:nth-child(7n){border-right:none}.calendar-day.other-month{background:var(--kalkvit)}.calendar-day.other-month .day-number{color:var(--dimblag)}.calendar-day.today{background:rgba(var(--primary-rgb),.05)}.calendar-day.drag-over{background:rgba(var(--primary-rgb),.1);box-shadow:inset 0 0 0 2px var(--primary)}.day-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.day-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;color:var(--charcoal-graphite);border-radius:50%}.day-number.today{background:var(--primary);color:#fff}.day-count{font-size:11px;padding:2px 6px;background:var(--background-light);color:var(--text-muted);border-radius:10px}.day-content{display:flex;flex-direction:column;gap:4px}.calendar-item{padding:6px 8px;border-radius:6px;border-left:3px solid;cursor:grab;transition:all .2s;position:relative}.calendar-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.calendar-item:active{cursor:grabbing}.item-header{display:flex;align-items:center;gap:6px;margin-bottom:2px}.item-time{font-size:10px;font-weight:600;color:inherit;opacity:.8}.item-content{font-size:11px;line-height:1.3;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-icon{position:absolute;top:6px;right:6px}.status-icon.published{color:var(--skogsgron)}.status-icon.failed{color:var(--tegelrod)}.more-items{font-size:11px;color:var(--text-muted);text-align:center;padding:4px;background:var(--kalkvit);border-radius:4px;cursor:pointer}.more-items:hover{background:var(--background-light)}.item-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50000;padding:20px}.item-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;box-shadow:0 20px 60px #0003;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--background-light)}.modal-platform{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--charcoal-graphite)}.status-badge{font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px;text-transform:capitalize}.status-badge.draft{background:var(--kalkvit);color:var(--text-muted)}.status-badge.scheduled{background:rgba(var(--brand-amber-rgb),.15);color:var(--brand-amber)}.status-badge.published{background:rgba(var(--skogsgron-rgb),.15);color:var(--skogsgron)}.status-badge.failed{background:rgba(var(--tegelrod-rgb),.1);color:var(--tegelrod)}.modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--kalkvit);border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;transition:all .2s}.modal-close:hover{background:var(--background-light);color:var(--charcoal-graphite)}.modal-body{padding:20px}.modal-schedule{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--kalkvit);border-radius:12px;margin-bottom:20px}.modal-schedule svg{color:var(--primary);flex-shrink:0;margin-top:2px}.schedule-label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:2px}.schedule-time{display:block;font-weight:600;color:var(--charcoal-graphite)}.no-schedule{color:var(--dimblag);font-style:italic}.modal-content{margin-bottom:20px}.modal-content h4,.modal-design h4{font-size:13px;font-weight:600;color:var(--text-muted);margin:0 0 8px;text-transform:uppercase}.modal-content p{margin:0;font-size:14px;line-height:1.6;color:var(--charcoal-graphite)}.modal-design{margin-bottom:20px}.design-preview{display:flex;align-items:center;gap:12px;padding:12px;background:var(--kalkvit);border-radius:8px}.design-preview img{width:60px;height:60px;-o-object-fit:cover;object-fit:cover;border-radius:8px}.design-preview span{font-size:14px;color:var(--charcoal-graphite)}.modal-actions{display:flex;gap:8px;padding:16px 20px;background:var(--kalkvit);border-top:1px solid var(--background-light)}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.action-btn.view{background:var(--primary);border:none;color:#fff}.action-btn.view:hover{background:var(--secondary)}.action-btn.duplicate{background:#fff;border:1px solid var(--background-light);color:var(--charcoal-graphite)}.action-btn.duplicate:hover{border-color:var(--primary);color:var(--primary)}.action-btn.delete{background:#fff;border:1px solid rgba(var(--tegelrod-rgb),.4);color:var(--tegelrod)}.action-btn.delete:hover{background:rgba(var(--tegelrod-rgb),.1)}.drag-indicator{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:12px 24px;background:var(--charcoal-graphite);color:#fff;border-radius:8px;font-size:14px;font-weight:500;box-shadow:0 8px 24px #0003;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 1024px){.calendar-day{min-height:100px;padding:6px}.calendar-item{padding:4px 6px}.item-content{display:none}.day-number{width:24px;height:24px;font-size:12px}}@media (max-width: 768px){.calendar-header{flex-direction:column;gap:16px;padding:16px}.calendar-header h2{font-size:18px}.calendar-header p{margin:4px 0 0;font-size:13px}.calendar-controls{flex-direction:column;gap:12px;padding:12px 16px}.controls-left,.controls-right{width:100%;justify-content:space-between;flex-wrap:wrap;gap:8px}.month-nav{flex:1}.month-label{min-width:120px;font-size:14px}.btn-today{padding:6px 12px;font-size:13px}.filter-group{flex:1;min-width:45%}.filter-select{width:100%;padding:8px 10px;font-size:13px}.calendar-stats{flex-wrap:wrap;gap:12px;padding:10px 16px;justify-content:center}.stat-item{gap:4px}.stat-value{font-size:16px}.stat-label{font-size:11px}.calendar-grid{overflow-x:auto;-webkit-overflow-scrolling:touch}.calendar-weekdays,.calendar-days{min-width:600px}.calendar-day{min-height:90px;padding:6px}.weekday-header{padding:10px 6px;font-size:11px}.calendar-item{padding:4px 6px;font-size:11px}.item-header{gap:4px}.item-time{font-size:9px}.item-content{font-size:10px}.day-number{width:24px;height:24px;font-size:11px}.day-count{font-size:10px;padding:1px 5px}.day-content .calendar-item:nth-child(n+3){display:none}.more-items{font-size:10px;padding:3px}.item-modal-overlay{padding:10px}.item-modal{max-width:100%;max-height:90vh;overflow-y:auto}.modal-header,.modal-body{padding:16px}.modal-actions{padding:12px 16px;flex-wrap:wrap}.action-btn{padding:10px 12px;font-size:13px}.drag-indicator{bottom:80px}.calendar-grid:after{content:"";position:absolute;top:0;right:0;bottom:0;width:40px;background:linear-gradient(to right,transparent,rgba(255,255,255,.9));pointer-events:none}.calendar-grid{position:relative}}@media (max-width: 480px){.calendar-header{padding:12px}.calendar-header h2{font-size:16px;gap:8px}.calendar-controls{padding:10px 12px}.nav-btn{width:32px;height:32px}.month-label{min-width:100px;font-size:13px}.btn-today{padding:6px 10px;font-size:12px}.view-toggle button{width:32px;height:32px}.calendar-stats{gap:8px;padding:8px 12px}.stat-value{font-size:14px}.stat-label{font-size:10px}.item-modal-overlay{padding:8px}.modal-header,.modal-body{padding:12px}.modal-schedule{padding:12px;gap:10px}.schedule-time{font-size:14px}.modal-content p{font-size:13px}.action-btn{padding:8px 10px;font-size:12px}}.content-list-view{background:#fff;border-radius:12px;border:1px solid var(--background-light);overflow:hidden}.list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-muted);text-align:center}.list-empty svg{opacity:.4;margin-bottom:1rem}.list-empty h3{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:var(--charcoal-graphite, var(--charcoal-graphite))}.list-empty p{margin:0;font-size:.9rem}.list-items{display:flex;flex-direction:column}.list-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--background-light);cursor:pointer;transition:background-color .2s}.list-item:last-child{border-bottom:none}.list-item:hover{background:var(--kalkvit, var(--kalkvit))}.list-item-thumbnail{flex-shrink:0;width:64px;height:64px;border-radius:8px;overflow:hidden;background:var(--kalkvit, var(--kalkvit))}.list-item-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--kalkvit),var(--background-light))}.list-item-content{flex:1;min-width:0}.list-item-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.list-item-platform{display:flex;align-items:center;gap:.375rem;font-size:.85rem;font-weight:600;color:var(--charcoal-graphite, var(--charcoal-graphite))}.list-item-status{padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.list-item-text{margin:0;font-size:.9rem;color:var(--charcoal-graphite, var(--charcoal-graphite));line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.list-item-meta{margin-top:.5rem}.list-item-date{display:inline-flex;align-items:center;gap:.375rem;font-size:.8rem;color:var(--text-muted)}.list-item-date.scheduled{color:var(--primary);font-weight:500}.list-item-actions{flex-shrink:0;display:flex;gap:.5rem}.list-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--background-light);background:#fff;border-radius:8px;cursor:pointer;color:var(--text-muted);transition:all .2s}.list-action-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--kalkvit, var(--kalkvit))}@media (max-width: 768px){.list-item{padding:.875rem 1rem;gap:.75rem}.list-item-thumbnail{width:48px;height:48px}.list-item-header{flex-wrap:wrap;gap:.5rem}.list-item-text{font-size:.85rem;-webkit-line-clamp:1}.list-item-actions{display:none}}.modern-theme .content-calendar{background:linear-gradient(145deg,#ffffff59,rgba(var(--background-light-rgb),.15),rgba(var(--primary-rgb),.08))!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;box-shadow:0 8px 32px rgba(var(--primary-rgb),.08),inset 0 1px #ffffff80!important}.modern-theme .calendar-header{background:#ffffffe6!important;backdrop-filter:blur(28px)!important;-webkit-backdrop-filter:blur(28px)!important;border-bottom:1px solid rgba(var(--background-light-rgb),.3)!important;color:var(--charcoal-graphite)!important;box-shadow:0 8px 32px #0000000f,inset 0 1px #fffc!important}.modern-theme .calendar-header h2{color:var(--charcoal-graphite)!important;text-shadow:0 1px 2px rgba(255,255,255,.5)!important}.modern-theme .calendar-header h2 svg{color:var(--primary)!important}.modern-theme .calendar-header p{color:var(--text-muted)!important;opacity:.85!important}.modern-theme .btn-refresh{background:linear-gradient(145deg,#ffffff80,rgba(var(--background-light-rgb),.2))!important;border:1px solid var(--glass-border)!important;color:var(--charcoal-graphite)!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.modern-theme .btn-refresh:hover:not(:disabled){background:linear-gradient(145deg,rgba(var(--primary-rgb),.1),#ffffffb3)!important;border-color:rgba(var(--primary-rgb),.3)!important;color:var(--primary)!important}.modern-theme .calendar-controls{background:linear-gradient(145deg,#ffffff73,rgba(var(--background-light-rgb),.15))!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border-bottom:1px solid var(--glass-border)!important}.modern-theme .nav-btn,.modern-theme .btn-today{background:linear-gradient(145deg,#fff9,rgba(var(--background-light-rgb),.15))!important;border:1px solid var(--glass-border)!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.modern-theme .nav-btn:hover,.modern-theme .btn-today:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.1),#ffffffb3)!important;border-color:rgba(var(--primary-rgb),.25)!important;color:var(--primary)!important}.modern-theme .filter-select{background:#fff9!important;border:1px solid var(--glass-border)!important;transition:all .2s ease!important}.modern-theme .filter-select:focus{background:#ffffffe6!important;border-color:var(--primary)!important;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15)!important}.modern-theme .view-toggle{background:linear-gradient(145deg,#ffffff80,rgba(var(--background-light-rgb),.15))!important;border:1px solid var(--glass-border)!important}.modern-theme .view-toggle button.active{background:var(--primary)!important;box-shadow:0 2px 8px rgba(var(--primary-rgb),.3)!important}.modern-theme .calendar-stats{background:#ffffff80!important;border-bottom:1px solid var(--glass-border)!important}.modern-theme .calendar-weekdays{background:linear-gradient(145deg,#fff6,rgba(var(--background-light-rgb),.1))!important;border-bottom:1px solid var(--glass-border)!important}.modern-theme .calendar-day{background:#ffffff80!important;border-color:var(--glass-border)!important;transition:all .2s ease!important}.modern-theme .calendar-day.other-month{background:#ffffff40!important}.modern-theme .calendar-day.today{background:linear-gradient(145deg,rgba(var(--primary-rgb),.1),#fff9)!important}.modern-theme .calendar-day.drag-over{background:linear-gradient(145deg,rgba(var(--primary-rgb),.15),#ffffffb3)!important;box-shadow:inset 0 0 0 2px var(--primary)!important}.modern-theme .calendar-item{background:linear-gradient(145deg,#ffffffb3,rgba(var(--background-light-rgb),.1))!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.modern-theme .calendar-item:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.1),#fffc)!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px rgba(var(--primary-rgb),.12)!important}.modern-theme .item-modal{background:linear-gradient(145deg,#ffffff80,rgba(var(--background-light-rgb),.15),rgba(var(--primary-rgb),.08))!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid var(--glass-border)!important;box-shadow:0 20px 60px rgba(var(--primary-rgb),.2),inset 0 1px #ffffff80!important}.modern-theme .modal-header{background:#fff9!important;border-bottom:1px solid var(--glass-border)!important}.modern-theme .modal-close{background:linear-gradient(145deg,#ffffff80,rgba(var(--background-light-rgb),.15))!important;transition:all .2s ease!important}.modern-theme .modal-close:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.1),#ffffffb3)!important;color:var(--primary)!important}.modern-theme .modal-schedule{background:linear-gradient(145deg,#ffffff80,rgba(var(--background-light-rgb),.1))!important;border:1px solid var(--glass-border)!important}.modern-theme .modal-actions{background:#fff9!important;border-top:1px solid var(--glass-border)!important}.modern-theme .action-btn.view{background:var(--primary)!important;box-shadow:0 4px 16px rgba(var(--primary-rgb),.3),inset 0 1px #fff3!important}.modern-theme .action-btn.view:hover{background:var(--secondary)!important;transform:translateY(-1px)!important}.modern-theme .action-btn.duplicate{background:linear-gradient(145deg,#fff9,rgba(var(--background-light-rgb),.15))!important;border:1px solid var(--glass-border)!important}.modern-theme .action-btn.duplicate:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.1),#ffffffb3)!important;border-color:rgba(var(--primary-rgb),.3)!important;color:var(--primary)!important}.modern-theme .content-list-view{background:linear-gradient(145deg,#ffffff59,rgba(var(--background-light-rgb),.15),rgba(var(--primary-rgb),.08))!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid var(--glass-border)!important;box-shadow:0 8px 32px rgba(var(--primary-rgb),.08),inset 0 1px #ffffff80!important}.modern-theme .list-item{background:#ffffff80!important;border-color:var(--glass-border)!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.modern-theme .list-item:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.08),#ffffffb3)!important}.modern-theme .list-action-btn{background:linear-gradient(145deg,#fff9,rgba(var(--background-light-rgb),.15))!important;border:1px solid var(--glass-border)!important}.modern-theme .list-action-btn:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.1),#ffffffb3)!important;border-color:rgba(var(--primary-rgb),.3)!important;color:var(--primary)!important}.modern-theme .drag-indicator{background:linear-gradient(145deg,rgba(var(--charcoal-graphite-rgb),.9),rgba(var(--primary-rgb),.8))!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;box-shadow:0 8px 32px rgba(var(--primary-rgb),.3),inset 0 1px #fff3!important}@media (max-width: 768px){.modern-theme .calendar-header{border-radius:0!important}}.ab-testing-analytics{padding:0;max-width:100%;margin:0}.ab-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem;padding:1.5rem;background:#fff;border-radius:12px;border:1px solid var(--background-light)}.ab-header-left h2{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--charcoal-graphite, #1C1C1E);font-family:var(--font-header);margin:0 0 .25rem}.ab-header-left h2 svg{color:var(--primary)}.ab-header-left p{margin:0;color:var(--text-muted);font-size:.9rem}.ab-header-actions{display:flex;gap:.75rem;align-items:center}.ab-select{padding:.5rem .75rem;border:1px solid var(--background-light);border-radius:8px;font-size:.85rem;color:var(--charcoal-graphite, #1C1C1E);background:#fff;cursor:pointer;transition:border-color .2s}.ab-select:hover{border-color:var(--primary)}.ab-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #b8733326}.ab-testing-analytics .btn-refresh{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:1px solid var(--background-light);border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .2s}.ab-testing-analytics .btn-refresh:hover{border-color:var(--primary);color:var(--primary)}.ab-nav-tabs{display:flex;gap:.25rem;background:var(--kalkvit, #F9F7F4);padding:.25rem;border-radius:10px;margin-bottom:1.5rem;border:1px solid var(--background-light)}.ab-tab{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;background:transparent;border:none;border-radius:8px;font-size:.85rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .2s}.ab-tab:hover:not(:disabled){color:var(--charcoal-graphite, #1C1C1E);background:#fff9}.ab-tab.active{background:#fff;color:var(--primary);box-shadow:0 1px 3px #00000014}.ab-tab:disabled{opacity:.5;cursor:not-allowed}.ab-error{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#b54a461a;border:1px solid var(--tegelrod, #B54A46);border-radius:8px;color:var(--tegelrod, #B54A46);margin-bottom:1.5rem}.ab-error button{margin-left:auto;background:none;border:none;color:var(--tegelrod, #B54A46);font-size:1.25rem;cursor:pointer}.ab-testing-loading,.ab-loading-details{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.5rem;color:var(--primary)}.ab-testing-loading .spin,.ab-loading-details .spin{animation:spin 1s linear infinite;margin-bottom:1rem}.ab-testing-loading p,.ab-loading-details p{margin:0;color:var(--text-muted)}.ab-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.ab-stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border-radius:12px;border:1px solid var(--background-light);transition:all .2s ease}.ab-stat-card:hover{border-color:var(--primary);box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px}.stat-icon.purple{background:var(--secondary);color:#fff}.stat-icon.green{background:var(--skogsgron, #6B8E6F);color:#fff}.stat-icon.blue{background:var(--dimblag, #A1B1C6);color:#fff}.stat-icon.orange{background:var(--primary);color:#fff}.stat-content{display:flex;flex-direction:column;gap:.15rem}.stat-value{font-size:1.75rem;font-weight:700;color:var(--charcoal-graphite, #1C1C1E);font-family:var(--font-header);line-height:1}.stat-label{font-size:.8rem;color:var(--text-muted);font-weight:500}.ab-platform-winners{background:#fff;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem;border:1px solid var(--background-light)}.ab-platform-winners h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--charcoal-graphite, #1C1C1E);font-family:var(--font-header);margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid var(--background-light)}.ab-platform-winners h3 svg{color:var(--primary)}.platform-chips{display:flex;flex-wrap:wrap;gap:.75rem}.platform-chip{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;transition:transform .2s}.platform-chip:hover{transform:scale(1.02)}.platform-chip.linkedin{background:#e8f4fc;color:#0077b5}.platform-chip.instagram{background:#fce8f3;color:#e4405f}.platform-chip.facebook{background:#e8f0fc;color:#1877f2}.platform-chip.twitter{background:#e8f4fc;color:#1da1f2}.platform-chip.tiktok{background:#f0f0f0;color:#000}.platform-name{text-transform:capitalize}.platform-count{font-weight:700}.ab-test-list{background:#fff;border-radius:12px;padding:1.25rem;border:1px solid var(--background-light)}.ab-test-list h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--charcoal-graphite, #1C1C1E);font-family:var(--font-header);margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--background-light)}.ab-test-list h3 svg{color:var(--primary)}.test-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.test-card{background:var(--kalkvit, #F9F7F4);border:1px solid var(--background-light);border-radius:12px;padding:1rem;cursor:pointer;transition:all .2s}.test-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #b873331f;transform:translateY(-2px)}.test-card.has-winner{border-color:var(--skogsgron, #6B8E6F);background:#6b8e6f14}.test-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.platform-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;text-transform:capitalize}.platform-badge.linkedin{background:#e8f4fc;color:#0077b5}.platform-badge.instagram{background:#fce8f3;color:#e4405f}.platform-badge.facebook{background:#e8f0fc;color:#1877f2}.platform-badge.twitter{background:#e8f4fc;color:#1da1f2}.winner-badge{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--skogsgron);color:#fff;border-radius:4px;font-size:11px;font-weight:600}.test-card-body{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.variant-count,.test-date{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}.test-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--background-light);font-size:13px;color:var(--primary);font-weight:500}.ab-empty-state{text-align:center;padding:60px 20px;color:var(--dimblag)}.ab-empty-state svg{margin-bottom:16px;opacity:.5}.ab-empty-state h4{margin:0 0 8px;color:var(--charcoal-graphite)}.ab-empty-state p{margin:0}.ab-details{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.details-header{margin-bottom:24px}.btn-back{background:none;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;padding:0;margin-bottom:16px}.btn-back:hover{color:var(--primary)}.details-title{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.details-title h3{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;color:var(--charcoal-graphite);margin:0}.confidence-indicator{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500}.confidence-high{background:#6b8e6f26;color:var(--skogsgron)}.confidence-medium{background:#cc8b3c26;color:var(--brand-amber)}.confidence-low{background:#b54a4626;color:var(--tegelrod)}.winner-summary{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg,#cc8b3c26,#cc8b3c40);border-radius:12px;margin-bottom:24px}.winner-header{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;color:var(--brand-amber)}.winner-icon{color:var(--primary)}.winner-score{display:flex;align-items:center;gap:12px}.score-label{font-size:13px;color:var(--brand-amber)}.score-badge{display:flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:8px;font-weight:700;font-size:14px}.score-badge.size-large{padding:10px 20px;font-size:20px;border-radius:12px}.score-green{background:#6b8e6f26;color:var(--skogsgron)}.score-blue{background:#a1b1c633;color:var(--text-muted)}.score-yellow{background:#cc8b3c26;color:var(--brand-amber)}.score-red{background:#b54a4626;color:var(--tegelrod)}.score-gray{background:#a1b1c626;color:var(--text-muted)}.variants-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-bottom:24px}.variant-card{background:var(--kalkvit);border:2px solid var(--background-light);border-radius:12px;padding:20px;transition:all .2s}.variant-card.top-ranked{border-color:var(--primary);background:#b873330d}.variant-card.is-winner{border-color:var(--skogsgron);background:#6b8e6f14}.variant-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.variant-number{font-weight:600;color:var(--charcoal-graphite)}.variant-badges{display:flex;gap:8px}.rank-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600}.rank-badge.first{display:flex;align-items:center;gap:4px;background:var(--primary);color:#fff}.rank-badge.second{background:var(--dimblag);color:#fff}.winner-badge-sm{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--skogsgron);color:#fff;border-radius:4px;font-size:11px;font-weight:600}.score-breakdown{display:flex;gap:20px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--background-light)}.total-score{flex-shrink:0}.score-details{flex:1;display:flex;flex-direction:column;gap:8px}.score-item{display:flex;align-items:center;gap:8px;font-size:12px}.score-item span:first-child{width:70px;color:var(--text-muted)}.score-bar{flex:1;height:6px;background:var(--background-light);border-radius:3px;overflow:hidden}.score-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,rgba(184,115,51,.7) 100%);border-radius:3px;transition:width .3s ease}.score-item span:last-child{width:35px;text-align:right;color:var(--charcoal-graphite);font-weight:500}.content-metrics{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.metric{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#fff;border:1px solid var(--background-light);border-radius:6px;font-size:12px;color:var(--text-muted)}.content-preview{background:#fff;border-radius:8px;padding:12px;margin-bottom:16px}.content-preview p{margin:0;font-size:13px;color:var(--text-muted);line-height:1.5}.btn-mark-winner{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;background:linear-gradient(135deg,var(--primary) 0%,rgba(184,115,51,.7) 100%);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-mark-winner:hover{transform:translateY(-1px);box-shadow:0 4px 12px #b873334d}.insights-section{margin-top:24px;padding-top:24px;border-top:1px solid var(--background-light)}.insights-section h3{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--charcoal-graphite);margin:0 0 16px}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.insight-card{display:flex;gap:12px;padding:16px;background:var(--kalkvit);border-radius:10px}.insight-icon{font-size:24px;flex-shrink:0}.insight-content h4{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--charcoal-graphite)}.insight-content p{margin:0;font-size:13px;color:var(--text-muted)}.ab-patterns{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.patterns-header{margin-bottom:24px}.patterns-header h3{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:var(--charcoal-graphite);margin:0 0 4px}.patterns-header p{margin:0;color:var(--text-muted);font-size:14px}.pattern-stats{display:flex;flex-wrap:wrap;gap:16px;padding:20px;background:linear-gradient(135deg,var(--kalkvit) 0%,var(--background-light) 100%);border-radius:12px;margin-bottom:24px}.pattern-stat{flex:1;min-width:100px;text-align:center}.pattern-value{display:block;font-size:28px;font-weight:700;color:var(--primary)}.pattern-label{font-size:12px;color:var(--text-muted)}.recommendations-section{margin-bottom:24px}.recommendations-section h4{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--charcoal-graphite);margin:0 0 12px}.recommendations-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.recommendations-list li{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#6b8e6f1a;border-radius:8px;font-size:14px;color:var(--skogsgron)}.rec-icon{color:var(--skogsgron);flex-shrink:0}.common-words-section{margin-bottom:24px}.common-words-section h4{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--charcoal-graphite);margin:0 0 12px}.word-cloud{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.word-tag{padding:6px 14px;background:var(--kalkvit);border-radius:20px;color:var(--charcoal-graphite);font-weight:500;transition:all .2s}.word-tag:hover{background:var(--primary);color:#fff}.ab-realdata{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.data-status-banner{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:10px;margin-bottom:24px}.data-status-banner.has-data{background:linear-gradient(135deg,#6b8e6f26,#6b8e6f40);border:1px solid var(--skogsgron)}.data-status-banner.no-data{background:linear-gradient(135deg,#cc8b3c26,#cc8b3c40);border:1px solid var(--brand-amber)}.data-status-banner svg{flex-shrink:0}.data-status-banner.has-data svg{color:var(--skogsgron)}.data-status-banner.no-data svg{color:var(--brand-amber)}.status-text h4{margin:0 0 4px;font-size:15px;font-weight:600}.data-status-banner.has-data .status-text h4{color:var(--skogsgron)}.data-status-banner.no-data .status-text h4{color:var(--brand-amber)}.status-text p{margin:0;font-size:13px}.data-status-banner.has-data .status-text p{color:var(--skogsgron)}.data-status-banner.no-data .status-text p{color:var(--brand-amber)}.statistical-analysis{margin-bottom:32px}.statistical-analysis h3{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:var(--charcoal-graphite);margin:0 0 16px}.statistical-analysis h3 svg{color:var(--primary)}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat-card{background:var(--kalkvit);border:1px solid var(--background-light);border-radius:12px;padding:20px;text-align:center;transition:all .2s}.stat-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #b873331a}.stat-card.highlight{background:linear-gradient(135deg,#b8733314,#b8733326);border-color:var(--primary)}.stat-card.success{background:linear-gradient(135deg,#6b8e6f1a,#6b8e6f33);border-color:var(--skogsgron)}.stat-card-value{font-size:32px;font-weight:700;color:var(--charcoal-graphite);margin-bottom:4px}.stat-card.highlight .stat-card-value{color:var(--primary)}.stat-card.success .stat-card-value{color:var(--skogsgron)}.stat-card-label{font-size:13px;color:var(--text-muted);font-weight:500}.stat-card-hint{font-size:11px;color:var(--dimblag);margin-top:4px}.real-comparison{margin-bottom:32px}.real-comparison h3{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:var(--charcoal-graphite);margin:0 0 16px}.real-comparison h3 svg{color:var(--primary)}.comparison-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.comparison-card{background:var(--kalkvit);border:2px solid var(--background-light);border-radius:16px;padding:24px;transition:all .2s}.comparison-card.winner{background:linear-gradient(135deg,#6b8e6f1a,#6b8e6f33);border-color:var(--skogsgron)}.comparison-card.runner-up{background:linear-gradient(135deg,var(--kalkvit) 0%,var(--background-light) 100%);border-color:var(--dimblag)}.comparison-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.comparison-rank{display:flex;align-items:center;gap:10px}.rank-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%}.comparison-card.winner .rank-icon{background:linear-gradient(135deg,var(--skogsgron) 0%,rgba(107,142,111,.8) 100%);color:#fff}.comparison-card.runner-up .rank-icon{background:linear-gradient(135deg,var(--dimblag) 0%,var(--text-muted) 100%);color:#fff}.rank-info h4{margin:0;font-size:16px;font-weight:600;color:var(--charcoal-graphite)}.rank-info span{font-size:13px;color:var(--text-muted)}.engagement-rate{text-align:right}.rate-value{display:block;font-size:28px;font-weight:700}.comparison-card.winner .rate-value{color:var(--skogsgron)}.comparison-card.runner-up .rate-value{color:var(--text-muted)}.rate-label{font-size:12px;color:var(--text-muted)}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.metric-item{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff;border-radius:10px;border:1px solid var(--background-light)}.comparison-card.winner .metric-item{background:#fffc;border-color:#6b8e6f33}.metric-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;flex-shrink:0}.metric-icon.views{background:#3a4a421a;color:var(--text-muted)}.metric-icon.likes{background:#b873331a;color:var(--primary)}.metric-icon.comments{background:#5e503f1a;color:var(--secondary)}.metric-icon.shares{background:#6b8e6f1a;color:var(--skogsgron)}.metric-icon.saves{background:#a1b1c626;color:var(--dimblag)}.metric-icon.clicks{background:#cc8b3c1a;color:var(--brand-amber)}.metric-details{display:flex;flex-direction:column}.metric-value{font-size:18px;font-weight:700;color:var(--charcoal-graphite);line-height:1.2}.metric-label{font-size:12px;color:var(--text-muted)}.all-variants-section{margin-top:32px}.all-variants-section h3{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:var(--charcoal-graphite);margin:0 0 16px}.all-variants-table{width:100%;border-collapse:collapse;background:var(--kalkvit);border-radius:12px;overflow:hidden}.all-variants-table thead{background:linear-gradient(135deg,var(--charcoal-graphite) 0%,var(--text-muted) 100%)}.all-variants-table th{padding:14px 16px;text-align:left;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.all-variants-table th:first-child{border-top-left-radius:12px}.all-variants-table th:last-child{border-top-right-radius:12px}.all-variants-table tbody tr{border-bottom:1px solid var(--background-light);transition:background .2s}.all-variants-table tbody tr:hover{background:var(--kalkvit)}.all-variants-table tbody tr:last-child{border-bottom:none}.all-variants-table td{padding:14px 16px;font-size:14px;color:var(--charcoal-graphite)}.all-variants-table .variant-name{font-weight:600;display:flex;align-items:center;gap:8px}.all-variants-table .winner-indicator{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:var(--skogsgron);color:#fff;border-radius:4px;font-size:10px;font-weight:600}.all-variants-table .metric-cell{font-weight:500}.all-variants-table .engagement-cell{font-weight:700;color:var(--primary)}.no-realdata-state{text-align:center;padding:60px 20px}.no-realdata-state svg{color:var(--dimblag);margin-bottom:16px}.no-realdata-state h4{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--charcoal-graphite)}.no-realdata-state p{margin:0 0 24px;color:var(--text-muted);font-size:14px}.no-realdata-state .steps-list{display:flex;flex-direction:column;gap:12px;max-width:400px;margin:0 auto;text-align:left}.no-realdata-state .step-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--kalkvit);border-radius:10px;font-size:14px;color:var(--charcoal-graphite)}.no-realdata-state .step-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--primary);color:#fff;border-radius:50%;font-size:12px;font-weight:600;flex-shrink:0}@media (max-width: 1200px){.ab-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.ab-testing-analytics{padding:0}.ab-header{flex-direction:column;align-items:stretch;padding:1rem}.ab-header-actions{justify-content:flex-end}.ab-nav-tabs{flex-wrap:wrap}.ab-tab{padding:.5rem .75rem;font-size:.8rem}.ab-stats-grid{grid-template-columns:1fr 1fr;gap:.75rem}.ab-stat-card{padding:1rem;flex-direction:column;text-align:center;gap:.5rem}.stat-value{font-size:1.5rem}.test-cards,.variants-grid{grid-template-columns:1fr}.score-breakdown{flex-direction:column}.pattern-stats{flex-direction:column;gap:1rem}.pattern-stat{display:flex;justify-content:space-between;align-items:center;min-width:100%}.stat-cards{grid-template-columns:1fr 1fr}.comparison-cards,.comparison-grid,.metrics-grid{grid-template-columns:1fr}.all-variants-table{display:block;overflow-x:auto}.comparison-card-header{flex-direction:column;align-items:flex-start;gap:.75rem}.engagement-rate{text-align:left}}.dashboard{min-height:100vh;background:linear-gradient(135deg,var(--kalkvit) 0%,var(--background-light) 100%);font-family:var(--font-body);color:var(--charcoal-graphite)}.dashboard-header{background:linear-gradient(135deg,var(--charcoal-graphite) 0%,var(--secondary) 100%);color:var(--kalkvit);padding:1rem 1.5rem 0;margin-bottom:0;position:relative;z-index:100}.dashboard-header .header-content{max-width:1400px;margin:0 auto;text-align:center;padding-bottom:0}.dashboard-header .main-title{font-family:var(--font-header);font-size:1.75rem;font-weight:700;margin-bottom:.35rem;letter-spacing:-.02em;color:var(--kalkvit)}.dashboard-header .main-subtitle{font-family:var(--font-serif);font-size:.95rem;font-style:italic;opacity:.9;margin-bottom:0;color:var(--kalkvit)}.dashboard-controls{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem;background:#fff;border:1px solid var(--background-light);border-radius:10px}.date-range-filter{display:flex;gap:.5rem}.filter-btn{padding:.5rem 1rem;border:1px solid var(--background-light);background:transparent;color:var(--charcoal-graphite);border-radius:6px;cursor:pointer;transition:var(--transition-base);font-size:.9rem;font-weight:500}.filter-btn:hover{border-color:var(--primary);background:var(--kalkvit)}.filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:600}.refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:var(--transition-base);font-weight:500}.refresh-btn:hover:not(:disabled){background:var(--secondary)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.last-updated{font-size:.85rem;color:var(--text-muted)}.dashboard-body{max-width:1400px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.dashboard-section{background:#fff;padding:1rem 1.25rem;border-radius:12px;border:1px solid var(--background-light);box-shadow:var(--shadow-sm);margin-bottom:1rem}.section-title{font-family:var(--font-serif);font-size:1.5rem;color:var(--charcoal-graphite);margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.section-title .section-icon{color:var(--primary)}.subsection-title{font-family:var(--font-header);font-size:1.1rem;color:var(--charcoal-graphite);margin:1rem 0 .75rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.metrics-grid.large{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metric-card{background:#fff;border:1px solid var(--background-light);border-radius:10px;padding:.75rem 1rem;transition:var(--transition-base);display:flex;flex-direction:column}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-card.primary{border-color:var(--primary);background:linear-gradient(135deg,white 0%,var(--kalkvit) 100%)}.metric-card.success{border-color:var(--color-success)}.metric-card.success-card{border-color:var(--color-success);background:var(--color-success-light)}.metric-card.warning-card{border-color:var(--color-warning);background:var(--color-warning-light)}.metric-card.info-card{border-color:var(--dimblag);background:linear-gradient(135deg,white 0%,var(--kalkvit) 100%)}.metric-card.error-card{border-color:var(--color-error);background:var(--color-error-light)}.metric-card.highlight{border-color:var(--primary);border-width:3px}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.metric-title{font-weight:600;color:var(--charcoal-graphite);font-size:.95rem}.metric-status.success{color:var(--color-success)}.metric-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.metric-icon-large{width:48px;height:48px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem}.success-card .metric-icon-large{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%)}.warning-card .metric-icon-large{background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-warning-dark) 100%)}.error-card .metric-icon-large{background:linear-gradient(135deg,var(--color-error) 0%,var(--color-error-dark) 100%)}.metric-content{flex:1}.metric-value{font-size:1.5rem;font-weight:700;color:var(--charcoal-graphite);line-height:1;margin-bottom:.35rem}.metric-value.large{font-size:1.75rem;text-align:center}.metric-value.huge{font-size:2rem;text-align:center}.metric-label{font-size:.9rem;color:var(--text-muted);font-weight:500;text-align:center}.metric-breakdown{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:10px;font-size:.75rem;font-weight:600}.status-badge.success{background:var(--color-success-light);color:var(--color-success-dark);border:1px solid var(--color-success-border)}.status-badge.warning{background:var(--color-warning-light);color:var(--color-warning-dark);border:1px solid var(--color-warning-border)}.status-badge.error{background:var(--color-error-light);color:var(--color-error-dark);border:1px solid var(--color-error-border)}.platform-breakdown{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--background-light)}.platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.platform-stat{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--kalkvit);border-radius:8px;border:1px solid var(--background-light)}.platform-stat svg{color:var(--primary)}.platform-name{font-weight:600;color:var(--charcoal-graphite);font-size:.9rem}.platform-count{font-size:1.5rem;font-weight:700;color:var(--primary)}.platform-performance{margin-top:1rem}.platform-card{background:#fff;border:1px solid var(--background-light);border-radius:10px;padding:.75rem 1rem;margin-bottom:.75rem;transition:var(--transition-base)}.platform-card:hover{box-shadow:var(--shadow-md)}.platform-card.unavailable{background:var(--kalkvit);border-color:var(--background-light);border-style:dashed}.platform-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--background-light)}.platform-card-header svg{color:var(--primary)}.platform-card-header h4{flex:1;margin:0;font-family:var(--font-header);font-size:1.3rem;color:var(--charcoal-graphite)}.platform-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}.platform-metric{display:flex;flex-direction:column;gap:.5rem}.platform-metric .label{font-size:.85rem;color:var(--text-muted);font-weight:500}.platform-metric .value{font-size:1.8rem;font-weight:700;color:var(--charcoal-graphite)}.unavailable-message{color:var(--text-muted);font-style:italic;margin:0;text-align:center}.limited-access{color:var(--text-muted);font-style:italic;margin:0;padding:1rem;background:var(--kalkvit);border-radius:8px;text-align:center}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.dashboard-loading .spinner{animation:spin 1s linear infinite;color:var(--primary);margin-bottom:1rem}.dashboard-loading p{color:var(--text-muted);font-size:1.1rem}.dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.dashboard-error svg{color:var(--color-error);margin-bottom:1rem}.dashboard-error h3{color:var(--charcoal-graphite);margin-bottom:.5rem}.dashboard-error p{color:var(--text-muted);margin-bottom:1rem}.section-badge{font-size:.75rem;font-weight:600;background:var(--primary);color:#fff;padding:.25rem .75rem;border-radius:10px;margin-left:auto}.api-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.api-summary-card{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;background:#fff;border:1px solid var(--background-light);border-radius:10px;transition:var(--transition-base)}.api-summary-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.api-summary-card.requests{border-color:var(--primary);background:linear-gradient(135deg,#fff,#b873330d)}.api-summary-card.tokens{border-color:var(--dimblag);background:linear-gradient(135deg,#fff,#a1b1c61a)}.api-summary-card.cost{border-color:var(--skogsgron);background:linear-gradient(135deg,#fff,#6b8e6f14)}.api-summary-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.api-summary-card.requests .api-summary-icon{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff}.api-summary-card.tokens .api-summary-icon{background:linear-gradient(135deg,var(--dimblag) 0%,var(--text-muted) 100%);color:#fff}.api-summary-card.cost .api-summary-icon{background:linear-gradient(135deg,var(--skogsgron) 0%,var(--text-muted) 100%);color:#fff}.api-summary-content{flex:1}.api-summary-value{font-size:1.5rem;font-weight:700;color:var(--charcoal-graphite);line-height:1;margin-bottom:.35rem}.api-summary-label{font-size:.95rem;font-weight:600;color:var(--charcoal-graphite);margin-bottom:.5rem}.api-summary-detail{font-size:.85rem;color:var(--text-muted)}.service-breakdown{display:flex;flex-direction:column;gap:1rem}.service-row{display:grid;grid-template-columns:1fr auto 200px;align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;background:var(--kalkvit);border:1px solid var(--background-light);border-radius:10px;transition:var(--transition-base)}.service-row:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.service-info{display:flex;align-items:center;gap:1rem}.service-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.service-details{display:flex;flex-direction:column;gap:.25rem}.service-name{font-weight:600;color:var(--charcoal-graphite);font-size:1rem}.service-meta{font-size:.85rem;color:var(--text-muted)}.service-cost-section{text-align:right}.service-cost{font-size:1.25rem;font-weight:700;color:var(--charcoal-graphite)}.service-percentage{font-size:.85rem;color:var(--text-muted)}.service-bar-container{height:8px;background:var(--background-light);border-radius:4px;overflow:hidden}.service-bar{height:100%;border-radius:4px;transition:width .5s ease}.daily-usage-chart{display:flex;align-items:flex-end;gap:.5rem;height:200px;padding:1rem 0}.daily-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer}.daily-bar-container{width:100%;height:140px;display:flex;align-items:flex-end;justify-content:center}.daily-bar{width:70%;max-width:40px;background:linear-gradient(to top,var(--primary) 0%,var(--secondary) 100%);border-radius:4px 4px 0 0;transition:height .3s ease,opacity .2s ease;min-height:4px}.daily-bar-wrapper:hover .daily-bar{opacity:.8}.daily-label{font-size:.75rem;color:var(--text-muted);font-weight:500}.daily-count{font-size:.7rem;color:var(--charcoal-graphite);font-weight:600}.api-tips-section{background:linear-gradient(135deg,var(--kalkvit) 0%,white 100%)}.api-tips{display:flex;flex-direction:column;gap:1rem}.api-tip{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#fff;border:1px solid var(--background-light);border-radius:10px}.api-tip-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.api-tip-icon.success{background:var(--color-success-light);color:var(--color-success)}.api-tip-icon.warning{background:var(--color-warning-light);color:var(--color-warning-dark)}.api-tip-content{font-size:.95rem;color:var(--charcoal-graphite)}.api-tip-content strong{font-weight:600}.api-usage-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.api-empty-icon{width:100px;height:100px;background:linear-gradient(135deg,var(--kalkvit) 0%,var(--background-light) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:var(--primary)}.api-usage-empty h3{font-family:var(--font-header);font-size:1.5rem;color:var(--charcoal-graphite);margin-bottom:.5rem}.api-usage-empty p{color:var(--text-muted);font-size:.9rem;margin-bottom:1rem}.api-empty-features{display:flex;gap:1rem}.api-empty-feature{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.9rem}.api-empty-feature svg{color:var(--primary)}@media (max-width: 1200px){.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.dashboard-header{padding:1.5rem 1rem 0}.dashboard-controls{flex-direction:column;align-items:stretch;gap:.75rem}.date-range-filter{width:100%;justify-content:center}.filter-btn{flex:1}.refresh-btn{width:100%;justify-content:center}.last-updated{text-align:center}.dashboard-body{padding:1rem}.dashboard-section{padding:1.5rem}.section-title{font-size:1.5rem}.metrics-grid,.platform-grid{grid-template-columns:1fr}.platform-metrics{grid-template-columns:repeat(2,1fr)}.metric-value{font-size:1.25rem}.metric-value.large{font-size:1.5rem}.metric-value.huge{font-size:1.75rem}.api-summary-grid{grid-template-columns:1fr}.api-summary-card{padding:1.25rem}.api-summary-value{font-size:1.35rem}.service-row{grid-template-columns:1fr;gap:1rem}.service-cost-section{display:flex;justify-content:space-between;text-align:left}.service-bar-container{width:100%}.daily-usage-chart{height:180px;overflow-x:auto;padding-bottom:.5rem}.daily-bar-wrapper{min-width:40px}.api-empty-features{flex-direction:column;gap:1rem}}@media (max-width: 480px){.section-title{font-size:1.3rem}.section-badge{display:none}.platform-metrics{grid-template-columns:1fr}.metric-value{font-size:1.3rem}.metric-value.large{font-size:1.8rem}.metric-value.huge{font-size:2rem}.api-summary-icon{width:44px;height:44px}.api-summary-value{font-size:1.5rem}.daily-bar-container{height:100px}}.hero-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:1.5rem}.hero-metric-card{background:#fff;border-radius:10px;padding:1.25rem;border:1px solid var(--background-light);box-shadow:0 2px 8px #0000000a;transition:all .2s ease;position:relative;overflow:hidden}.hero-metric-card.clickable{cursor:pointer}.hero-metric-card:hover{border-color:var(--primary);box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.hero-metric-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.hero-metric-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.hero-metric-trend{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:20px}.hero-metric-trend.positive{background:#6b8e6f26;color:var(--skogsgron)}.hero-metric-trend.negative{background:#b54a4626;color:var(--tegelrod)}.hero-metric-trend.neutral{background:#a1b1c626;color:var(--secondary)}.mini-sparkline{margin:.5rem 0}.hero-metric-content{display:flex;flex-direction:column;gap:.25rem}.hero-metric-value{font-size:1.75rem;font-weight:700;color:var(--charcoal-graphite);font-family:var(--font-header);line-height:1}.hero-metric-label{font-size:.85rem;color:var(--text-muted);font-weight:500}.charts-row{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.chart-card{background:#fff;border-radius:10px;padding:1.5rem;border:1px solid var(--background-light);box-shadow:0 2px 8px #0000000a}.chart-card.large{min-height:360px}.chart-title{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem;font-family:var(--font-header);font-weight:600;color:var(--charcoal-graphite);margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid var(--background-light)}.chart-title svg{color:var(--primary)}.chart-container{width:100%;min-height:280px}.chart-container.donut-container{position:relative;display:flex;flex-direction:column;align-items:center}.chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--text-muted);gap:.75rem}.chart-empty p{margin:0;font-size:.9rem}.chart-tooltip{background:#fff;border:1px solid var(--background-light);border-radius:8px;padding:.75rem;box-shadow:0 4px 12px #0000001f}.tooltip-label{font-weight:600;color:var(--charcoal-graphite);margin:0 0 .5rem;font-size:.85rem}.tooltip-value{margin:.25rem 0;font-size:.85rem}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-75%);text-align:center;pointer-events:none}.donut-total{display:block;font-size:1.5rem;font-weight:700;color:var(--charcoal-graphite);font-family:var(--font-header)}.donut-label{font-size:.75rem;color:var(--text-muted);font-weight:500}.donut-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem 1.25rem;margin-top:.5rem}.legend-item{display:flex;align-items:center;gap:.4rem}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-text{font-size:.75rem;color:var(--charcoal-graphite);font-weight:500}.legend-value{font-size:.75rem;color:var(--text-muted)}.funnel-card{min-height:200px}.funnel-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 0}.funnel-stage{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-radius:8px;color:#fff;font-weight:600;transition:all .2s ease}.funnel-stage:hover{transform:scale(1.02)}.funnel-stage-label{font-size:.85rem}.funnel-stage-count{font-size:1.1rem;font-family:var(--font-header)}.funnel-stage-pct{font-size:.75rem;opacity:.9;margin-left:.5rem;display:flex;align-items:center;gap:.25rem}.funnel-sublabel{font-size:.6rem;opacity:.7;font-weight:400}@media (max-width: 1200px){.hero-metrics-grid{grid-template-columns:repeat(2,1fr)}.charts-row{grid-template-columns:1fr}}@media (max-width: 768px){.hero-metrics-grid{grid-template-columns:1fr}.hero-metric-value{font-size:1.5rem}.chart-card{padding:1rem}.chart-container{min-height:220px}.funnel-stage{padding:.5rem 1rem;font-size:.8rem}}.dashboard .dashboard-controls{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid var(--background-light)}.dashboard .controls-left,.dashboard .controls-right{display:flex;align-items:center;gap:.75rem}.dashboard .date-filter{display:flex;gap:.25rem;background:var(--kalkvit);padding:.25rem;border-radius:8px}.date-btn{padding:.4rem .75rem;border:none;background:transparent;color:var(--text-muted);font-size:.85rem;font-weight:600;cursor:pointer;border-radius:6px;transition:all .2s}.date-btn:hover{background:#fff}.date-btn.active{background:var(--primary);color:#fff}.last-updated{font-size:.8rem;color:var(--text-muted)}.refresh-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--background-light);background:#fff;border-radius:8px;cursor:pointer;color:var(--text-muted);transition:all .2s}.refresh-btn:hover{border-color:var(--primary);color:var(--primary)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.sync-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--primary);background:var(--primary);color:#fff;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s}.sync-btn:hover:not(:disabled){background:var(--secondary);border-color:var(--secondary)}.sync-btn:disabled{opacity:.6;cursor:not-allowed}.sync-notification{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1400px;margin:0 auto 1rem;padding:.75rem 2rem;border-radius:8px;font-size:.9rem;animation:slideDown .3s ease}.sync-notification.success{background:#6b8e6f26;color:var(--skogsgron);border:1px solid rgba(107,142,111,.3)}.sync-notification.error{background:#b54a461a;color:var(--tegelrod);border:1px solid rgba(181,74,70,.3)}.sync-notification .close-notification{background:none;border:none;cursor:pointer;color:inherit;opacity:.7;padding:.25rem;display:flex}.sync-notification .close-notification:hover{opacity:1}.dashboard-body{max-width:1400px;margin:0 auto;padding:1.5rem 2rem}.overview-tab{display:flex;flex-direction:column;gap:1.5rem}.key-metrics-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.key-metric-card{background:#fff;border-radius:10px;padding:1.25rem;border:1px solid var(--background-light);display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;transition:all .2s}.key-metric-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.metric-icon-circle{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.metric-info{display:flex;flex-direction:column;gap:.25rem}.metric-value-large{font-size:1.75rem;font-weight:700;color:var(--charcoal-graphite);font-family:var(--font-header)}.metric-label-small{font-size:.8rem;color:var(--text-muted);font-weight:500}.overview-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.overview-card{background:#fff;border-radius:10px;padding:1.5rem;border:1px solid var(--background-light)}.overview-card.full-width{grid-column:1 / -1}.card-title{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem;font-family:var(--font-header);font-weight:600;color:var(--charcoal-graphite);margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid var(--background-light)}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.status-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border-radius:10px;background:var(--kalkvit)}.status-item.success{background:#6b8e6f26;color:var(--skogsgron)}.status-item.warning{background:#cc8b3c26;color:var(--brand-amber)}.status-item.info{background:#a1b1c633;color:var(--text-muted)}.status-item.error{background:#b54a4626;color:var(--tegelrod)}.status-value{font-size:1.5rem;font-weight:700;font-family:var(--font-header)}.status-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.engagement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.engagement-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--kalkvit);border-radius:10px}.engagement-value{font-size:1.25rem;font-weight:700;color:var(--charcoal-graphite);font-family:var(--font-header)}.engagement-label{font-size:.75rem;color:var(--text-muted);font-weight:500}.platform-overview-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.platform-overview-card{background:#fff;border-radius:10px;border:1px solid var(--background-light);overflow:hidden;transition:all .2s ease}.platform-overview-card:hover{border-color:var(--platform-color, var(--primary));box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.platform-overview-card.disconnected{opacity:.7;background:var(--kalkvit)}.platform-overview-card.disconnected:hover{opacity:1}.platform-overview-header{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--kalkvit);border-bottom:1px solid var(--background-light)}.platform-icon-wrapper{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.platform-info{flex:1;display:flex;flex-direction:column;gap:.1rem;min-width:0}.platform-name{font-weight:600;font-size:.95rem;color:var(--charcoal-graphite);font-family:var(--font-header)}.platform-accounts{font-size:.7rem;color:var(--text-muted)}.platform-badge{font-size:.65rem;padding:.2rem .5rem;border-radius:4px;font-weight:600;white-space:nowrap}.platform-badge.active{background:#6b8e6f26;color:var(--skogsgron)}.platform-badge.pending{background:#cc8b3c26;color:var(--brand-amber)}.platform-badge.inactive{background:#a1b1c626;color:var(--text-muted)}.platform-metrics-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.75rem}.platform-metric{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem;background:var(--kalkvit);border-radius:8px;text-align:center}.platform-metric svg{color:var(--primary);margin-bottom:.1rem}.platform-metric .metric-value{font-size:1rem;font-weight:700;color:var(--charcoal-graphite);font-family:var(--font-header);line-height:1}.platform-metric .metric-label{font-size:.65rem;color:var(--text-muted);font-weight:500}.platform-not-connected{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;color:var(--text-muted);text-align:center}.platform-not-connected svg{opacity:.5}.platform-not-connected span{font-size:.75rem}.platform-status{font-size:.7rem;padding:.2rem .5rem;border-radius:4px;font-weight:600}.platform-status.connected{background:#6b8e6f26;color:var(--skogsgron)}.platform-status.disconnected{background:#b54a4626;color:var(--tegelrod)}.platform-status.syncing{background:#cc8b3c26;color:var(--brand-amber)}.platform-detail-body.awaiting-data{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;padding:1.5rem;color:var(--text-muted)}.platform-detail-body.awaiting-data .hint{font-size:.75rem;opacity:.8}.content-tab{display:flex;flex-direction:column;gap:2rem}.content-section{background:#fff;border-radius:10px;padding:1.5rem;border:1px solid var(--background-light)}.section-header{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-family:var(--font-header);font-weight:600;color:var(--charcoal-graphite);margin:0 0 1.25rem}.content-type-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.content-stat-card{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem 1rem;background:var(--kalkvit);border-radius:10px;border:1px solid transparent;transition:all .2s}.content-stat-card:hover{border-color:var(--background-light)}.content-stat-card.highlight{background:linear-gradient(135deg,var(--primary)10 0%,var(--secondary)10 100%);border-color:var(--primary)}.stat-number{font-size:1.5rem;font-weight:700;color:var(--charcoal-graphite);font-family:var(--font-header)}.stat-label{font-size:.85rem;color:var(--text-muted);font-weight:500}.design-status-bar{display:flex;height:32px;border-radius:8px;overflow:hidden;margin-top:1.25rem;background:var(--background-light)}.status-segment{display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#fff;min-width:-moz-fit-content;min-width:fit-content;padding:0 .75rem}.status-segment.completed{background:var(--skogsgron)}.status-segment.processing{background:var(--brand-amber)}.status-segment.failed{background:var(--tegelrod)}.platforms-tab{display:flex;flex-direction:column;gap:1.5rem}.platform-detail-card{background:#fff;border-radius:10px;border:1px solid var(--background-light);overflow:hidden}.platform-detail-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem;border-left:4px solid var(--primary);background:var(--kalkvit)}.platform-detail-header h3{margin:0;flex:1;font-family:var(--font-header);font-size:1.1rem}.connection-badge{font-size:.75rem;padding:.3rem .75rem;border-radius:20px;font-weight:600;background:#b54a4626;color:var(--tegelrod)}.connection-badge.connected{background:#6b8e6f26;color:var(--skogsgron)}.platform-detail-body{padding:.75rem 1rem}.platform-detail-body.disconnected{text-align:center;color:var(--text-muted);padding:1rem}.platform-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.platform-metric-item{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.5rem .75rem;background:var(--kalkvit);border-radius:10px}.pm-value{font-size:1.5rem;font-weight:700;color:var(--charcoal-graphite);font-family:var(--font-header)}.pm-label{font-size:.8rem;color:var(--text-muted)}.ab-testing-tab{padding:1rem}.ab-empty-state{text-align:center;padding:1.5rem;background:#fff;border-radius:10px;border:1px solid var(--background-light)}.ab-empty-state h3{margin:0 0 .5rem;font-family:var(--font-header);color:var(--charcoal-graphite)}.ab-empty-state p{margin:0 0 1.5rem;color:var(--text-muted)}.ab-features{display:flex;flex-direction:column;gap:.75rem;max-width:300px;margin:0 auto}.ab-feature{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.9rem}.ab-feature svg{color:var(--skogsgron)}@media (max-width: 1200px){.key-metrics-grid,.platform-overview-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.key-metrics-grid{grid-template-columns:repeat(2,1fr)}.overview-columns{grid-template-columns:1fr}.platform-overview-grid,.status-grid,.engagement-grid,.content-type-stats,.platform-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.platform-overview-grid{grid-template-columns:1fr}.platform-overview-header{padding:.75rem}.platform-metrics-row{grid-template-columns:repeat(4,1fr);gap:.25rem;padding:.5rem}.platform-metric{padding:.35rem}.platform-metric .metric-value{font-size:.85rem}}@media (max-width: 600px){.dashboard .dashboard-header{padding:1rem 1rem 0}.dashboard .main-title{font-size:1.5rem}.dashboard .dashboard-controls{padding:.75rem 1rem;flex-direction:column;gap:.75rem}.dashboard .dashboard-body{padding:1rem}.key-metrics-grid{grid-template-columns:1fr 1fr}.key-metric-card{padding:1rem}.metric-icon-circle{width:40px;height:40px}.metric-value-large{font-size:1.25rem}.status-grid,.engagement-grid,.content-type-stats,.platform-metrics-grid{grid-template-columns:1fr 1fr}.live-indicator span{display:none}}.live-indicator{display:flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border-radius:20px;font-size:.75rem;font-weight:500;transition:all .3s ease}.live-indicator.live{background:#6b8e6f26;color:var(--skogsgron);border:1px solid rgba(107,142,111,.3)}.live-indicator.live:before{content:"";width:6px;height:6px;background:var(--skogsgron);border-radius:50%;animation:pulse-live 2s infinite}.live-indicator.offline{background:#a1b1c626;color:var(--dimblag);border:1px solid rgba(161,177,198,.3)}@keyframes pulse-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.filter-group{display:flex;align-items:center;gap:.4rem;color:var(--text-muted)}.filter-select{padding:.4rem .75rem;border:1px solid var(--background-light);border-radius:6px;background:#fff;font-size:.8rem;color:var(--charcoal-graphite);cursor:pointer;transition:border-color .2s ease}.filter-select:hover{border-color:var(--primary)}.filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #bc8f7833}.clear-filters-btn{display:flex;align-items:center;gap:.3rem;padding:.4rem .75rem;background:#b54a461a;border:1px solid rgba(181,74,70,.3);border-radius:6px;color:var(--tegelrod);font-size:.8rem;cursor:pointer;transition:all .2s ease}.clear-filters-btn:hover{background:#b54a4633}.key-metric-card.clickable{cursor:pointer;transition:all .2s ease;position:relative}.key-metric-card.clickable:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f;border-color:var(--primary)}.key-metric-card .drill-down-icon{position:absolute;top:.75rem;right:.75rem;color:var(--background-light);opacity:0;transition:opacity .2s ease}.key-metric-card.clickable:hover .drill-down-icon{opacity:1;color:var(--primary)}.status-item.clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.status-item.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.drill-down-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50000;padding:1rem;animation:fadeIn .2s ease}.drill-down-modal{background:#fff;border-radius:10px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:900px;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.drill-down-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--background-light)}.drill-down-header h3{margin:0;font-size:1.25rem;color:var(--charcoal-graphite)}.drill-down-actions{display:flex;gap:.75rem;align-items:center}.export-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:var(--primary);border:none;border-radius:6px;color:#fff;font-size:.85rem;cursor:pointer;transition:background .2s ease}.export-btn:hover{background:var(--secondary)}.drill-down-header .close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.drill-down-header .close-btn:hover{background:var(--kalkvit);color:var(--charcoal-graphite)}.drill-down-body{padding:1.5rem;overflow-y:auto;flex:1}.drill-down-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-muted);text-align:center}.drill-down-empty p{margin-top:1rem}.drill-down-table{width:100%;border-collapse:collapse;font-size:.9rem}.drill-down-table th{text-align:left;padding:.75rem 1rem;background:var(--kalkvit);color:var(--charcoal-graphite);font-weight:600;border-bottom:2px solid var(--background-light);text-transform:capitalize}.drill-down-table td{padding:.75rem 1rem;border-bottom:1px solid var(--background-light);color:var(--charcoal-graphite)}.drill-down-table tbody tr:hover{background:var(--kalkvit)}.platform-badge{display:inline-block;padding:.25rem .6rem;border-radius:20px;color:#fff;font-size:.75rem;font-weight:500;text-transform:capitalize}.drill-down-more{margin-top:1rem;padding:.75rem;background:var(--kalkvit);border-radius:6px;text-align:center;color:var(--text-muted);font-size:.85rem}@media (max-width: 768px){.drill-down-modal{max-height:90vh;margin:.5rem}.drill-down-header{padding:1rem;flex-wrap:wrap;gap:.75rem}.drill-down-table{font-size:.8rem}.drill-down-table th,.drill-down-table td{padding:.5rem}}@media (max-width: 900px){.controls-left{flex-wrap:wrap}.filter-group{margin-top:.5rem}}@media (max-width: 600px){.filter-select{font-size:.75rem;padding:.35rem .5rem}}.content-tab-redesign{display:flex;flex-direction:column;gap:1.5rem}.content-hero-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.content-hero-card{background:#fff;border-radius:10px;padding:1.25rem;border:1px solid var(--background-light);border-left:4px solid var(--primary);display:flex;align-items:center;gap:1rem;transition:all .2s ease}.content-hero-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.content-hero-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.content-hero-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.content-hero-value{font-size:1.75rem;font-weight:700;color:var(--charcoal-graphite);font-family:var(--font-header);line-height:1}.content-hero-label{font-size:.8rem;color:var(--text-muted);font-weight:500}.content-hero-trend{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;color:var(--text-muted);padding:.25rem .5rem;border-radius:10px;background:var(--kalkvit)}.content-hero-trend.positive{background:#6b8e6f26;color:var(--skogsgron)}.content-hero-trend.warning{background:#cc8b3c26;color:var(--brand-amber)}.content-charts-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.production-status-container{display:flex;flex-direction:column;gap:1.5rem}.production-stats{display:flex;gap:2rem;justify-content:center}.production-stat{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:var(--kalkvit);border-radius:10px}.production-stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.production-stat-info{display:flex;flex-direction:column;gap:.1rem}.production-stat-value{font-size:1.25rem;font-weight:700;color:var(--charcoal-graphite);font-family:var(--font-header)}.production-stat-label{font-size:.75rem;color:var(--text-muted);font-weight:500}.production-stat-pct{font-size:1rem;font-weight:700;color:var(--charcoal-graphite);margin-left:.5rem}.production-progress-bar{height:12px;background:var(--background-light);border-radius:6px;display:flex;overflow:hidden}.progress-segment{height:100%;transition:width .5s ease}.progress-segment.completed{background:var(--skogsgron)}.progress-segment.processing{background:var(--brand-amber)}.progress-segment.failed{background:var(--tegelrod)}.platforms-tab-redesign{display:flex;flex-direction:column;gap:1.5rem}.chart-card.full-width{width:100%}.platforms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.platform-card-redesign{background:#fff;border-radius:10px;border:1px solid var(--background-light);border-top:4px solid var(--primary);overflow:hidden;transition:all .2s ease}.platform-card-redesign:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.platform-card-redesign .platform-card-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem;background:var(--kalkvit);border-bottom:1px solid var(--background-light)}.platform-card-redesign .platform-card-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center}.platform-card-redesign .platform-card-title{flex:1;display:flex;flex-direction:column;gap:.25rem}.platform-card-redesign .platform-card-title h3{margin:0;font-size:1.1rem;font-family:var(--font-header);color:var(--charcoal-graphite)}.platform-card-redesign .platform-card-status{font-size:.7rem;padding:.2rem .5rem;border-radius:4px;font-weight:600;width:-moz-fit-content;width:fit-content}.platform-card-status.connected{background:#6b8e6f26;color:var(--skogsgron)}.platform-card-status.syncing{background:#cc8b3c26;color:var(--brand-amber)}.platform-card-status.disconnected{background:#b54a4626;color:var(--tegelrod)}.platform-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;padding:1.25rem;border-bottom:1px solid var(--background-light)}.platform-stat-large{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center}.platform-stat-large .platform-stat-value{font-size:1.25rem;font-weight:700;color:var(--charcoal-graphite);font-family:var(--font-header)}.platform-stat-large .platform-stat-label{font-size:.7rem;color:var(--text-muted);font-weight:500}.platform-card-chart{display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--background-light)}.platform-card-legend{display:flex;flex-direction:column;gap:.35rem;flex:1}.mini-legend-item{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--charcoal-graphite)}.mini-legend-dot{width:8px;height:8px;border-radius:50%}.platform-card-details{padding:1rem 1.25rem}.platform-detail-row{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid var(--background-light);font-size:.85rem;color:var(--text-muted)}.platform-detail-row:last-child{border-bottom:none}.platform-detail-row svg{color:var(--primary)}.platform-detail-row span:nth-child(2){flex:1}.platform-detail-row .detail-value{font-weight:600;color:var(--charcoal-graphite)}.platform-card-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2.5rem 1.5rem;text-align:center}.platform-card-empty p{margin:0;font-weight:600;color:var(--charcoal-graphite)}.platform-card-empty span{font-size:.8rem;color:var(--text-muted)}@media (max-width: 1200px){.content-hero-grid{grid-template-columns:repeat(2,1fr)}.content-charts-row{grid-template-columns:1fr}.platforms-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.content-hero-grid{grid-template-columns:1fr}.content-hero-card{flex-direction:column;text-align:center;gap:.75rem}.content-hero-info{align-items:center}.production-stats{flex-direction:column;gap:1rem}.production-stat{justify-content:center}.platforms-grid{grid-template-columns:1fr}.platform-card-stats{grid-template-columns:1fr;gap:.5rem}.platform-stat-large{flex-direction:row;justify-content:space-between;padding:.5rem;background:var(--kalkvit);border-radius:6px}.platform-card-chart{flex-direction:column}}.modern-theme .dashboard{background:transparent!important;min-height:auto!important}.modern-theme .dashboard-body{padding:1rem!important;max-width:100%!important}.modern-theme .dashboard-controls{background:linear-gradient(145deg,#ffffff73,rgba(var(--background-light-rgb),.15),rgba(var(--primary-rgb),.08))!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;box-shadow:0 8px 32px rgba(var(--primary-rgb),.08),inset 0 1px #ffffff80!important}.modern-theme .date-filter,.modern-theme .date-range-filter{background:#fff9!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border-radius:var(--radius-md)!important;padding:.25rem!important}.modern-theme .filter-btn,.modern-theme .date-btn{background:transparent!important;border:none!important;border-radius:var(--radius-sm)!important}.modern-theme .filter-btn:hover:not(.active),.modern-theme .date-btn:hover:not(.active){background:#ffffffb3!important}.modern-theme .filter-btn.active,.modern-theme .date-btn.active{background:var(--primary)!important;color:#fff!important;box-shadow:0 2px 6px rgba(var(--primary-rgb),.3)!important}.modern-theme .dashboard-section{background:linear-gradient(145deg,#ffffff59,rgba(var(--background-light-rgb),.15),rgba(var(--primary-rgb),.08))!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;box-shadow:0 8px 32px rgba(var(--primary-rgb),.08),inset 0 1px #ffffff80!important}.modern-theme .metric-card{background:linear-gradient(145deg,#fff6,rgba(var(--background-light-rgb),.12),rgba(var(--primary-rgb),.06))!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;box-shadow:0 4px 16px rgba(var(--primary-rgb),.06),inset 0 1px #ffffff80!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.modern-theme .metric-card:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.12),#ffffff80,rgba(var(--background-light-rgb),.2))!important;border-color:rgba(var(--primary-rgb),.25)!important;transform:translateY(-2px)!important;box-shadow:0 8px 32px rgba(var(--primary-rgb),.12),inset 0 1px #ffffff80!important}.modern-theme .metric-card.primary{border-color:rgba(var(--primary-rgb),.3)!important}.modern-theme .hero-metric-card{background:linear-gradient(145deg,#fff6,rgba(var(--background-light-rgb),.12),rgba(var(--primary-rgb),.06))!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;box-shadow:0 4px 16px rgba(var(--primary-rgb),.06),inset 0 1px #ffffff80!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.modern-theme .hero-metric-card:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.12),#ffffff80,rgba(var(--background-light-rgb),.2))!important;border-color:rgba(var(--primary-rgb),.25)!important;transform:translateY(-2px)!important;box-shadow:0 8px 32px rgba(var(--primary-rgb),.12),inset 0 1px #ffffff80!important}.modern-theme .key-metric-card{background:linear-gradient(145deg,#fff6,rgba(var(--background-light-rgb),.12),rgba(var(--primary-rgb),.06))!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;box-shadow:0 4px 16px rgba(var(--primary-rgb),.06),inset 0 1px #ffffff80!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.modern-theme .key-metric-card:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.12),#ffffff80,rgba(var(--background-light-rgb),.2))!important;border-color:rgba(var(--primary-rgb),.25)!important;transform:translateY(-2px)!important;box-shadow:0 8px 32px rgba(var(--primary-rgb),.12),inset 0 1px #ffffff80!important}.modern-theme .chart-card{background:linear-gradient(145deg,#ffffff59,rgba(var(--background-light-rgb),.15),rgba(var(--primary-rgb),.08))!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;box-shadow:0 8px 32px rgba(var(--primary-rgb),.08),inset 0 1px #ffffff80!important}.modern-theme .chart-title{border-bottom:1px solid var(--glass-border)!important}.modern-theme .overview-card{background:linear-gradient(145deg,#ffffff59,rgba(var(--background-light-rgb),.15),rgba(var(--primary-rgb),.08))!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;box-shadow:0 8px 32px rgba(var(--primary-rgb),.08),inset 0 1px #ffffff80!important}.modern-theme .card-title{border-bottom:1px solid var(--glass-border)!important}.modern-theme .platform-card,.modern-theme .platform-overview-card,.modern-theme .platform-detail-card,.modern-theme .platform-card-redesign{background:linear-gradient(145deg,#ffffff59,rgba(var(--background-light-rgb),.15),rgba(var(--primary-rgb),.05))!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid rgba(var(--background-light-rgb),.25)!important;border-radius:var(--radius-lg)!important;box-shadow:0 4px 16px rgba(var(--primary-rgb),.06),inset 0 1px #ffffff80!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.modern-theme .platform-card:hover,.modern-theme .platform-overview-card:hover,.modern-theme .platform-detail-card:hover,.modern-theme .platform-card-redesign:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.12),#ffffff73,rgba(var(--background-light-rgb),.2))!important;border-color:rgba(var(--primary-rgb),.25)!important;transform:translateY(-2px)!important;box-shadow:0 8px 32px rgba(var(--primary-rgb),.12),inset 0 1px #ffffff80!important}.modern-theme .platform-overview-header,.modern-theme .platform-card-header,.modern-theme .platform-detail-header{background:#fff9!important;border-bottom:1px solid var(--glass-border)!important}.modern-theme .api-summary-card{background:linear-gradient(145deg,#fff6,rgba(var(--background-light-rgb),.12),rgba(var(--primary-rgb),.06))!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;box-shadow:0 4px 16px rgba(var(--primary-rgb),.06),inset 0 1px #ffffff80!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.modern-theme .api-summary-card:hover{transform:translateY(-2px)!important;box-shadow:0 8px 32px rgba(var(--primary-rgb),.12),inset 0 1px #ffffff80!important}.modern-theme .api-summary-card.requests{border-color:rgba(var(--primary-rgb),.3)!important}.modern-theme .api-summary-card.tokens{border-color:rgba(var(--dimblag-rgb),.3)!important}.modern-theme .api-summary-card.cost{border-color:rgba(var(--skogsgron-rgb),.3)!important}.modern-theme .service-row{background:linear-gradient(145deg,#ffffff80,rgba(var(--background-light-rgb),.1))!important;border:1px solid rgba(var(--background-light-rgb),.25)!important;border-radius:var(--radius-md)!important;transition:all .2s ease!important}.modern-theme .service-row:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.08),#fff9,rgba(var(--background-light-rgb),.15))!important;border-color:rgba(var(--primary-rgb),.25)!important;box-shadow:0 4px 12px rgba(var(--primary-rgb),.1)!important}.modern-theme .api-tips-section{background:linear-gradient(145deg,#fff6,rgba(var(--background-light-rgb),.15))!important}.modern-theme .api-tip{background:linear-gradient(145deg,#ffffff80,rgba(var(--background-light-rgb),.1))!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important}.modern-theme .content-section{background:linear-gradient(145deg,rgba(var(--background-light-rgb),.15),#fff6,rgba(var(--primary-rgb),.08))!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid rgba(var(--primary-rgb),.12)!important;border-radius:var(--radius-lg)!important;box-shadow:0 8px 32px rgba(var(--primary-rgb),.08),inset 0 1px #ffffff80!important}.modern-theme .content-stat-card{background:linear-gradient(145deg,#ffffff80,rgba(var(--background-light-rgb),.1))!important;border:1px solid rgba(var(--background-light-rgb),.2)!important;border-radius:var(--radius-md)!important;transition:all .2s ease!important}.modern-theme .content-stat-card:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.1),#fff9,rgba(var(--background-light-rgb),.15))!important;border-color:rgba(var(--primary-rgb),.2)!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px rgba(var(--primary-rgb),.1)!important}.modern-theme .content-hero-card{background:linear-gradient(145deg,#ffffff59,rgba(var(--background-light-rgb),.15),rgba(var(--primary-rgb),.05))!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid rgba(var(--background-light-rgb),.25)!important;border-left:4px solid var(--primary)!important;border-radius:var(--radius-lg)!important;box-shadow:0 4px 16px rgba(var(--primary-rgb),.06),inset 0 1px #ffffff80!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.modern-theme .content-hero-card:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.12),#ffffff73,rgba(var(--background-light-rgb),.2))!important;border-color:rgba(var(--primary-rgb),.25)!important;transform:translateY(-2px)!important;box-shadow:0 8px 32px rgba(var(--primary-rgb),.12),inset 0 1px #ffffff80!important}.modern-theme .status-item,.modern-theme .engagement-item{background:linear-gradient(145deg,#ffffff80,rgba(var(--background-light-rgb),.1))!important;border-radius:var(--radius-md)!important;transition:all .2s ease!important}.modern-theme .status-item:hover,.modern-theme .engagement-item:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.08),#fff9)!important}.modern-theme .platform-stat{background:linear-gradient(145deg,#ffffff80,rgba(var(--background-light-rgb),.1))!important;border:1px solid rgba(var(--background-light-rgb),.25)!important;border-radius:var(--radius-md)!important}.modern-theme .production-stat{background:linear-gradient(145deg,#ffffff80,rgba(var(--background-light-rgb),.1))!important;border-radius:var(--radius-md)!important}.modern-theme .drill-down-modal{background:linear-gradient(145deg,#ffffffd9,rgba(var(--background-light-rgb),.2))!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;box-shadow:0 20px 60px #0003,inset 0 1px #fff9!important}.modern-theme .drill-down-header{border-bottom:1px solid var(--glass-border)!important}.modern-theme .sync-notification{backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border-radius:var(--radius-md)!important}.modern-theme .sync-notification.success{background:linear-gradient(145deg,rgba(var(--accent-rgb),.15),#ffffff80)!important;border:1px solid rgba(var(--accent-rgb),.25)!important}.modern-theme .sync-notification.error{background:linear-gradient(145deg,rgba(var(--tegelrod-rgb),.1),#ffffff80)!important;border:1px solid rgba(var(--tegelrod-rgb),.2)!important}.modern-theme .refresh-btn{background:linear-gradient(145deg,#fff9,rgba(var(--background-light-rgb),.15))!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid rgba(var(--background-light-rgb),.4)!important;border-radius:var(--radius-md)!important;transition:all .2s ease!important}.modern-theme .refresh-btn:hover:not(:disabled){background:linear-gradient(145deg,rgba(var(--primary-rgb),.1),#fffc)!important;border-color:rgba(var(--primary-rgb),.3)!important;color:var(--primary)!important;box-shadow:0 4px 12px rgba(var(--primary-rgb),.15)!important}.modern-theme .sync-btn{background:var(--primary)!important;border:1px solid var(--primary)!important;border-radius:var(--radius-md)!important;box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)!important;transition:all .2s ease!important}.modern-theme .sync-btn:hover:not(:disabled){background:var(--secondary)!important;border-color:var(--secondary)!important;transform:translateY(-1px)!important;box-shadow:0 6px 16px rgba(var(--primary-rgb),.35)!important}@media (max-width: 1400px){.modern-theme .platform-overview-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width: 1100px){.modern-theme .platform-overview-grid{grid-template-columns:repeat(2,1fr)!important}.modern-theme .key-metrics-grid{grid-template-columns:repeat(3,1fr)!important}.modern-theme .hero-metrics-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 900px){.modern-theme .platform-overview-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.modern-theme .key-metrics-grid{grid-template-columns:repeat(2,1fr)!important}.modern-theme .charts-row,.modern-theme .overview-columns{grid-template-columns:1fr!important}}@media (max-width: 768px){.modern-theme .dashboard-body{padding:.75rem!important;overflow-x:hidden!important}.modern-theme .dashboard-controls{flex-direction:column!important;gap:.75rem!important;padding:.75rem!important;flex-wrap:wrap!important}.modern-theme .controls-left,.modern-theme .controls-right{flex-wrap:wrap!important;justify-content:center!important;width:100%!important}.modern-theme .date-filter,.modern-theme .date-range-filter{width:100%!important;justify-content:center!important;flex-wrap:wrap!important}.modern-theme .filter-btn,.modern-theme .date-btn{flex:1 1 auto!important;min-width:auto!important;padding:.5rem .75rem!important;font-size:.8rem!important}.modern-theme .hero-metrics-grid,.modern-theme .key-metrics-grid{grid-template-columns:1fr 1fr!important;gap:.75rem!important}.modern-theme .metrics-grid{grid-template-columns:1fr!important}.modern-theme .platform-overview-grid{grid-template-columns:1fr!important;gap:.75rem!important}.modern-theme .charts-row,.modern-theme .api-summary-grid{grid-template-columns:1fr!important}.modern-theme .platform-overview-card{max-width:100%!important}.modern-theme .platform-overview-header{padding:.75rem!important}.modern-theme .platform-metrics-row{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important}}.dashboard .workflow-ribbon{display:flex;justify-content:center;padding:.75rem 1rem;margin:0 1rem .75rem;background:linear-gradient(145deg,#ffffff40,rgba(var(--background-light-rgb),.15),rgba(var(--primary-rgb),.08));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-full);box-shadow:0 4px 16px rgba(var(--primary-rgb),.08),inset 0 1px #ffffff80}.dashboard .workflow-stages{display:flex;align-items:center;gap:0}.dashboard .workflow-stage{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:var(--radius-full);cursor:default;transition:all .2s ease;background:linear-gradient(145deg,#ffffffe6,rgba(var(--background-light-rgb),.7));border:1px solid rgba(var(--secondary-rgb),.25);box-shadow:0 1px 4px #0000000d}.dashboard .stage-indicator{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(var(--secondary-rgb),.15);border:1px solid rgba(var(--secondary-rgb),.3);color:var(--secondary);font-size:.65rem;font-weight:600;transition:all .2s ease}.dashboard .stage-name{font-size:.75rem;font-weight:500;color:var(--charcoal-graphite);opacity:.85;transition:all .2s ease}.dashboard .workflow-connector{width:24px;height:2px;background:rgba(var(--secondary-rgb),.3);margin:0 .25rem;transition:all .2s ease}.dashboard .workflow-stage.completed .stage-indicator{background:rgba(var(--accent-rgb),.2);color:var(--text-muted)}.dashboard .workflow-stage.completed .stage-name{color:var(--text-muted);opacity:.6}.dashboard .workflow-connector.completed{background:rgba(var(--accent-rgb),.3)}.dashboard .workflow-stage.active{background:linear-gradient(145deg,rgba(var(--primary-rgb),.15),#ffffff80 50%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 8px rgba(var(--primary-rgb),.12)}.dashboard .workflow-stage.active .stage-indicator{background:var(--primary);color:#fff;box-shadow:0 2px 8px rgba(var(--primary-rgb),.3)}.dashboard .workflow-stage.active .stage-name{color:var(--primary);font-weight:600;opacity:1}@media (max-width: 768px){.dashboard .workflow-ribbon{display:none}}.modern-theme .dashboard .tab-navigation{display:flex!important;justify-content:center!important;gap:.75rem!important;margin:0!important;padding:.75rem!important;background:linear-gradient(145deg,#ffffff59,rgba(var(--background-light-rgb),.15))!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border-radius:var(--radius-xl)!important;border:1px solid var(--glass-border)!important;box-shadow:0 4px 20px rgba(var(--primary-rgb),.08),inset 0 1px #ffffff80!important}.modern-theme .dashboard .tab-button{background:linear-gradient(145deg,#fffffff2,rgba(var(--background-light-rgb),.85))!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid rgba(var(--secondary-rgb),.4)!important;border-radius:var(--radius-full)!important;padding:.625rem 1.25rem!important;color:var(--charcoal-graphite)!important;font-weight:500!important;font-size:.875rem!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 2px 8px #00000014!important}.modern-theme .dashboard .tab-button:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.15),#ffffffe6,rgba(var(--background-light-rgb),.7))!important;border-color:rgba(var(--primary-rgb),.4)!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(var(--primary-rgb),.12),inset 0 1px #ffffff80!important}.modern-theme .dashboard .tab-button.active{background:linear-gradient(145deg,rgba(var(--primary-rgb),.2),#ffffffb3,rgba(var(--primary-rgb),.15))!important;border-color:rgba(var(--primary-rgb),.35)!important;color:var(--primary)!important;font-weight:600!important;box-shadow:0 4px 16px rgba(var(--primary-rgb),.2),0 0 20px rgba(var(--primary-rgb),.1),inset 0 1px #fff9!important}.modern-theme .dashboard .tab-button .tab-icon{width:16px!important;height:16px!important;opacity:.8!important}.modern-theme .dashboard .tab-button.active .tab-icon{opacity:1!important;color:var(--primary)!important}@media (max-width: 1024px){.modern-theme .dashboard .tab-navigation{display:none!important}.modern-theme .dashboard .tab-hamburger-wrapper{display:block!important}}.modern-theme .chart-card{position:relative!important;overflow:hidden!important}.modern-theme .chart-card:before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:3px!important;background:linear-gradient(90deg,var(--primary),var(--secondary))!important}.modern-theme .chart-card.large:before{background:linear-gradient(90deg,var(--primary),var(--skogsgron),var(--secondary))!important}.modern-theme .filter-select,.modern-theme .filter-group select{background:linear-gradient(145deg,#ffffffb3,rgba(var(--background-light-rgb),.15))!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important;color:var(--charcoal-graphite)!important;padding:.5rem 2rem .5rem .75rem!important;font-size:.875rem!important;cursor:pointer!important;transition:all .2s ease!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .75rem center!important}.modern-theme .filter-select:hover,.modern-theme .filter-group select:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.08),#fffc)!important;border-color:rgba(var(--primary-rgb),.25)!important}.modern-theme .filter-select:focus,.modern-theme .filter-group select:focus{outline:none!important;border-color:rgba(var(--primary-rgb),.4)!important;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)!important}.modern-theme .filter-group{display:flex!important;align-items:center!important;gap:.5rem!important;background:#fff6!important;padding:.25rem .5rem .25rem .75rem!important;border-radius:var(--radius-md)!important;border:1px solid var(--glass-border)!important}.modern-theme .filter-group svg{color:var(--text-muted)!important}.modern-theme .clear-filters-btn{background:rgba(var(--tegelrod-rgb),.1)!important;border:1px solid rgba(var(--tegelrod-rgb),.2)!important;border-radius:var(--radius-md)!important;color:var(--tegelrod)!important;padding:.5rem .75rem!important;font-size:.875rem!important;cursor:pointer!important;display:flex!important;align-items:center!important;gap:.375rem!important;transition:all .2s ease!important}.modern-theme .clear-filters-btn:hover{background:rgba(var(--tegelrod-rgb),.15)!important;border-color:rgba(var(--tegelrod-rgb),.3)!important}.modern-theme .dashboard .spinning{animation:spin 1s linear infinite!important}.modern-theme .chart-empty{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:1rem!important;background:linear-gradient(145deg,#ffffff4d,rgba(var(--background-light-rgb),.1))!important;border-radius:var(--radius-md)!important;border:1px dashed rgba(var(--background-light-rgb),.3)!important;min-height:150px!important}.modern-theme .chart-empty p{color:var(--text-muted)!important;margin-top:.75rem!important;font-size:.875rem!important}.modern-theme .chart-tooltip{background:linear-gradient(145deg,#fffffff2,rgba(var(--background-light-rgb),.15))!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important;padding:.75rem 1rem!important;box-shadow:0 8px 24px rgba(var(--primary-rgb),.12),inset 0 1px #fffc!important}.modern-theme .chart-tooltip .tooltip-label{color:var(--charcoal-graphite)!important;font-weight:600!important;margin-bottom:.375rem!important;font-size:.875rem!important}.modern-theme .chart-tooltip .tooltip-value{font-size:.8rem!important;margin:.125rem 0!important}.modern-theme .funnel-stage{backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid var(--glass-border)!important;box-shadow:0 2px 8px rgba(var(--primary-rgb),.1),inset 0 1px #fff6!important}.modern-theme .content-hero-card{position:relative!important;border-left:4px solid var(--primary)!important}.modern-theme .platform-not-connected{display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;padding:1.5rem!important;background:linear-gradient(145deg,rgba(var(--background-light-rgb),.1),#ffffff4d)!important;border-radius:var(--radius-md)!important;color:var(--text-muted)!important;font-size:.875rem!important}.modern-theme .platform-card-empty{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:1rem!important;text-align:center!important;background:linear-gradient(145deg,#fff3,rgba(var(--background-light-rgb),.1))!important;border-radius:var(--radius-md)!important;min-height:120px!important}.modern-theme .platform-card-empty p{color:var(--charcoal-graphite)!important;font-weight:500!important;margin:.75rem 0 .25rem!important}.modern-theme .platform-card-empty span{color:var(--text-muted)!important;font-size:.8rem!important}.modern-theme .drill-down-table{width:100%!important;border-collapse:separate!important;border-spacing:0!important}.modern-theme .drill-down-table thead th{background:linear-gradient(145deg,rgba(var(--background-light-rgb),.2),#ffffff80)!important;color:var(--charcoal-graphite)!important;font-weight:600!important;font-size:.75rem!important;text-transform:uppercase!important;letter-spacing:.05em!important;padding:.75rem 1rem!important;border-bottom:1px solid var(--glass-border)!important;text-align:left!important}.modern-theme .drill-down-table tbody tr{transition:all .15s ease!important}.modern-theme .drill-down-table tbody tr:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.05),#fff6)!important}.modern-theme .drill-down-table tbody td{padding:.75rem 1rem!important;border-bottom:1px solid rgba(var(--background-light-rgb),.15)!important;color:var(--charcoal-graphite)!important;font-size:.875rem!important}.modern-theme .drill-down-table .platform-badge{display:inline-block!important;padding:.25rem .5rem!important;border-radius:var(--radius-sm)!important;color:#fff!important;font-size:.75rem!important;font-weight:500!important;text-transform:capitalize!important}.modern-theme .drill-down-empty{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:3rem!important;color:var(--text-muted)!important}.modern-theme .drill-down-empty p{margin-top:.75rem!important}.modern-theme .drill-down-more{text-align:center!important;padding:1rem!important;color:var(--text-muted)!important;font-size:.875rem!important;font-style:italic!important}.modern-theme .export-btn{display:flex!important;align-items:center!important;gap:.5rem!important;padding:.5rem 1rem!important;background:linear-gradient(145deg,#ffffffb3,rgba(var(--background-light-rgb),.15))!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important;color:var(--charcoal-graphite)!important;font-size:.875rem!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important}.modern-theme .export-btn:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.1),#fffc)!important;border-color:rgba(var(--primary-rgb),.25)!important;color:var(--primary)!important}.modern-theme .close-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;background:#ffffff80!important;border:1px solid var(--glass-border)!important;border-radius:50%!important;color:var(--text-muted)!important;cursor:pointer!important;transition:all .2s ease!important}.modern-theme .close-btn:hover{background:rgba(var(--tegelrod-rgb),.1)!important;border-color:rgba(var(--tegelrod-rgb),.2)!important;color:var(--tegelrod)!important}.modern-theme .primary-btn{display:inline-flex!important;align-items:center!important;gap:.5rem!important;padding:.75rem 1.5rem!important;background:var(--primary)!important;border:none!important;border-radius:var(--radius-md)!important;color:#fff!important;font-weight:500!important;cursor:pointer!important;box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)!important;transition:all .2s ease!important}.modern-theme .primary-btn:hover{background:var(--secondary)!important;transform:translateY(-1px)!important;box-shadow:0 6px 16px rgba(var(--primary-rgb),.35)!important}.modern-theme .last-updated{font-size:.75rem!important;color:var(--text-muted)!important;opacity:.8!important}.modern-theme .live-indicator{display:flex!important;align-items:center!important;gap:.375rem!important;padding:.25rem .5rem!important;background:rgba(var(--skogsgron-rgb),.1)!important;border-radius:var(--radius-full)!important;font-size:.7rem!important;color:var(--skogsgron)!important}.modern-theme .live-indicator:before{content:""!important;width:6px!important;height:6px!important;background:var(--skogsgron)!important;border-radius:50%!important;animation:pulse 2s ease-in-out infinite!important}.modern-theme .tab-hamburger{display:flex!important;align-items:center!important;gap:.5rem!important;padding:.75rem 1rem!important;background:linear-gradient(145deg,#fff9,rgba(var(--background-light-rgb),.15))!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;color:var(--charcoal-graphite)!important;cursor:pointer!important;transition:all .2s ease!important}.modern-theme .tab-hamburger:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.08),#ffffffb3)!important;border-color:rgba(var(--primary-rgb),.2)!important}.modern-theme .tab-hamburger.open{background:#ffffffe6!important;border-color:rgba(var(--primary-rgb),.25)!important}.modern-theme .tab-menu-dropdown{position:absolute!important;top:calc(100% + .5rem)!important;left:0!important;right:0!important;background:linear-gradient(145deg,#fffffff2,rgba(var(--background-light-rgb),.1))!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;box-shadow:0 12px 40px rgba(var(--primary-rgb),.15),inset 0 1px #fffc!important;padding:.5rem!important;opacity:0!important;visibility:hidden!important;transform:translateY(-8px)!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;z-index:1000!important}.modern-theme .tab-menu-dropdown.open{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}.modern-theme .tab-menu-item{display:flex!important;align-items:center!important;gap:.75rem!important;width:100%!important;padding:.75rem 1rem!important;background:transparent!important;border:none!important;border-radius:var(--radius-md)!important;color:var(--charcoal-graphite)!important;font-size:.9rem!important;cursor:pointer!important;transition:all .15s ease!important;text-align:left!important}.modern-theme .tab-menu-item:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.08),#ffffff80)!important}.modern-theme .tab-menu-item.active{background:linear-gradient(145deg,rgba(var(--primary-rgb),.12),#fff9)!important;color:var(--primary)!important;font-weight:500!important}.modern-theme .sync-notification{position:fixed!important;bottom:2rem!important;right:2rem!important;padding:1rem 1.5rem!important;border-radius:var(--radius-lg)!important;z-index:1001!important;animation:slideInUp .3s ease!important}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modern-theme .funnel-card{position:relative!important;overflow:hidden!important}.modern-theme .funnel-card:before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:3px!important;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--skogsgron))!important}.modern-theme .funnel-container{display:flex!important;flex-direction:column!important;gap:.5rem!important;padding:1rem 0!important}.modern-theme .donut-center{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;text-align:center!important}.modern-theme .donut-total{display:block!important;font-size:1.5rem!important;font-weight:700!important;color:var(--charcoal-graphite)!important}.modern-theme .donut-label{display:block!important;font-size:.75rem!important;color:var(--text-muted)!important;text-transform:uppercase!important;letter-spacing:.05em!important}.modern-theme .donut-legend{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:.75rem!important;margin-top:1rem!important}.modern-theme .legend-item{display:flex!important;align-items:center!important;gap:.375rem!important;font-size:.8rem!important}.modern-theme .legend-dot{width:8px!important;height:8px!important;border-radius:50%!important}.modern-theme .legend-text{color:var(--charcoal-graphite)!important}.modern-theme .legend-value{color:var(--text-muted)!important;font-weight:500!important}.system-font-manager{background:linear-gradient(145deg,#ffffff59,rgba(var(--sandbeige-rgb),.15),rgba(var(--koppar-rgb),.08));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.35);border-radius:var(--radius-lg, 16px);box-shadow:0 8px 32px rgba(var(--koppar-rgb),.08),inset 0 1px #ffffff80;padding:2rem}.system-font-loading{text-align:center;padding:3rem 2rem}.system-font-loading p{margin-top:1rem;color:var(--text-muted);font-size:.9rem}.system-font-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.4)}.system-font-header svg{color:var(--koppar);flex-shrink:0;margin-top:.25rem}.system-font-header h2{margin:0;font-size:1.35rem;font-weight:600;color:var(--charcoal-graphite);letter-spacing:-.01em}.system-font-header p{margin:.35rem 0 0;color:var(--text-muted);font-size:.9rem}.system-settings-section{margin-top:2.5rem;padding:1.75rem;background:linear-gradient(145deg,#ffffff80,rgba(var(--sandbeige-rgb),.12));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.45);border-radius:var(--radius-lg, 16px);box-shadow:0 4px 20px rgba(var(--koppar-rgb),.06),inset 0 1px #fff9}.system-settings-section .section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.system-settings-section .section-header svg{color:var(--koppar)}.system-settings-section h3{margin:0;font-size:1.15rem;font-weight:600;color:var(--charcoal-graphite)}.system-settings-section>p{color:var(--text-muted);font-size:.875rem;margin:0 0 1.75rem;line-height:1.5}.system-font-slot-selection{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.slot-option{display:flex;align-items:center;gap:.6rem;padding:.7rem 1.25rem;background:linear-gradient(145deg,#ffffff8c,rgba(var(--sandbeige-rgb),.18));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.45);border-radius:var(--radius-full, 9999px);cursor:pointer;color:var(--charcoal-graphite);font-size:.9rem;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(var(--koppar-rgb),.04),inset 0 1px #ffffff80}.slot-option:hover{background:linear-gradient(145deg,rgba(var(--koppar-rgb),.1),#fff9,rgba(var(--sandbeige-rgb),.18));border-color:rgba(var(--koppar-rgb),.2);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--koppar-rgb),.1),inset 0 1px #ffffff80}.slot-option.selected{background:linear-gradient(145deg,rgba(var(--koppar-rgb),.18),#ffffffa6,rgba(var(--koppar-rgb),.12));border-color:rgba(var(--koppar-rgb),.35);color:var(--koppar);box-shadow:0 4px 16px rgba(var(--koppar-rgb),.18),0 0 16px rgba(var(--koppar-rgb),.08),inset 0 1px #fff9}.slot-option input[type=radio]{display:none}.slot-option:before{content:"";width:18px;height:18px;border-radius:50%;border:2px solid rgba(var(--koppar-rgb),.3);background:#ffffffb3;transition:all .2s ease;flex-shrink:0}.slot-option:hover:before{border-color:rgba(var(--koppar-rgb),.5)}.slot-option.selected:before{background:var(--koppar);border-color:var(--koppar);box-shadow:inset 0 0 0 3px #ffffffe6,0 2px 6px rgba(var(--koppar-rgb),.3)}.system-font-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.5rem;background:linear-gradient(145deg,#ffffff59,rgba(var(--sandbeige-rgb),.12));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-xl, 24px)}.system-font-tabs .tab{flex:1;padding:.7rem 1rem;background:transparent;border:1px solid transparent;border-radius:var(--radius-full, 9999px);color:var(--text-muted);font-weight:500;font-size:.875rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.system-font-tabs .tab:hover{color:var(--charcoal-graphite);background:#ffffff80}.system-font-tabs .tab.active{background:linear-gradient(145deg,rgba(var(--koppar-rgb),.15),#ffffffb3,rgba(var(--koppar-rgb),.1));border-color:rgba(var(--koppar-rgb),.25);color:var(--koppar);font-weight:600;box-shadow:0 2px 10px rgba(var(--koppar-rgb),.15),0 0 12px rgba(var(--koppar-rgb),.08)}.system-font-tabs .tab svg{width:16px;height:16px}.google-fonts-picker{margin-bottom:1.5rem}.google-fonts-controls{display:flex;gap:.75rem;margin-bottom:1rem}.search-wrapper{flex:1;position:relative}.search-wrapper svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);width:16px;height:16px}.font-search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;background:#fff9;border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-md, 10px);font-size:.95rem;color:var(--charcoal-graphite);transition:all .2s ease}.font-search-input:focus{outline:none;background:#ffffffe6;border-color:var(--koppar);box-shadow:0 0 0 3px rgba(var(--koppar-rgb),.15)}.category-select{padding:.75rem 1rem;background:#fff9;border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-md, 10px);font-size:.9rem;color:var(--charcoal-graphite);cursor:pointer;min-width:140px;transition:all .2s ease}.category-select:focus{outline:none;background:#ffffffe6;border-color:var(--koppar);box-shadow:0 0 0 3px rgba(var(--koppar-rgb),.15)}.weight-selection{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;padding:.75rem 1rem;background:linear-gradient(145deg,#fff6,rgba(var(--sandbeige-rgb),.1));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-md, 10px);flex-wrap:wrap}.weight-label{font-size:.85rem;font-weight:500;color:var(--charcoal-graphite);margin-right:.5rem}.weight-option{display:flex;align-items:center;padding:.45rem .85rem;background:linear-gradient(145deg,#fff9,rgba(var(--sandbeige-rgb),.15));backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-full, 9999px);cursor:pointer;font-size:.8rem;font-weight:500;color:var(--text-muted);transition:all .2s ease}.weight-option:hover{background:linear-gradient(145deg,rgba(var(--koppar-rgb),.08),#ffffffa6);border-color:rgba(var(--koppar-rgb),.2);color:var(--charcoal-graphite)}.weight-option input[type=checkbox]{display:none}.weight-option:has(input:checked){background:linear-gradient(145deg,rgba(var(--koppar-rgb),.2),#ffffffb3,rgba(var(--koppar-rgb),.15));border-color:rgba(var(--koppar-rgb),.35);color:var(--koppar);font-weight:600;box-shadow:0 2px 8px rgba(var(--koppar-rgb),.15),0 0 8px rgba(var(--koppar-rgb),.08)}.weight-option.selected{background:linear-gradient(145deg,rgba(var(--koppar-rgb),.2),#ffffffb3,rgba(var(--koppar-rgb),.15));border-color:rgba(var(--koppar-rgb),.35);color:var(--koppar);font-weight:600;box-shadow:0 2px 8px rgba(var(--koppar-rgb),.15),0 0 8px rgba(var(--koppar-rgb),.08)}.font-list{max-height:320px;overflow-y:auto;background:#ffffff80;border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-md, 10px);box-shadow:inset 0 2px 8px #00000008}.font-list::-webkit-scrollbar{width:8px}.font-list::-webkit-scrollbar-track{background:rgba(var(--sandbeige-rgb),.1);border-radius:4px}.font-list::-webkit-scrollbar-thumb{background:rgba(var(--koppar-rgb),.3);border-radius:4px}.font-list::-webkit-scrollbar-thumb:hover{background:rgba(var(--koppar-rgb),.5)}.font-item{padding:.85rem 1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.4);transition:all .2s ease}.font-item:last-child{border-bottom:none}.font-item:hover{background:linear-gradient(145deg,rgba(var(--koppar-rgb),.06),#fff9,rgba(var(--sandbeige-rgb),.12))}.font-item.selected{background:linear-gradient(145deg,rgba(var(--koppar-rgb),.12),#ffffffa6,rgba(var(--koppar-rgb),.08));border-bottom-color:rgba(var(--koppar-rgb),.15)}.font-preview{font-size:1rem;color:var(--charcoal-graphite)}.font-category{font-size:.7rem;color:var(--text-muted);text-transform:capitalize;padding:.25rem .6rem;background:#ffffff80;border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-sm, 6px)}.selected-check{color:var(--koppar);margin-left:.5rem}.load-more-btn{width:100%;padding:.85rem;background:linear-gradient(145deg,#fff6,rgba(var(--sandbeige-rgb),.15));border:none;border-top:1px solid rgba(255,255,255,.4);color:var(--koppar);font-weight:500;font-size:.85rem;cursor:pointer;transition:all .2s ease}.load-more-btn:hover{background:linear-gradient(145deg,rgba(var(--koppar-rgb),.08),#ffffff8c)}.system-font-upload{margin-bottom:1.5rem}.system-font-upload-zone{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem 1rem;background:linear-gradient(145deg,#ffffff73,rgba(var(--sandbeige-rgb),.12));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px dashed rgba(var(--koppar-rgb),.35);border-radius:var(--radius-md, 10px);cursor:pointer;color:var(--charcoal-graphite);font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1)}.system-font-upload-zone:hover{background:linear-gradient(145deg,rgba(var(--koppar-rgb),.08),#ffffff8c,rgba(var(--sandbeige-rgb),.15));border-color:rgba(var(--koppar-rgb),.5);transform:translateY(-2px);box-shadow:0 4px 16px rgba(var(--koppar-rgb),.12)}.system-font-upload-zone.uploading{background:rgba(var(--koppar-rgb),.08);border-style:solid;cursor:wait}.system-font-upload-zone svg{color:var(--koppar)}.system-font-upload-hint{font-size:.8rem;color:var(--text-muted);margin:.5rem 0 0;text-align:center}.system-font-base64{margin-bottom:1.5rem}.system-font-base64-label{display:block;margin-bottom:.6rem;font-weight:500;font-size:.9rem;color:var(--charcoal-graphite)}.system-font-textarea{width:100%;height:120px;padding:.85rem;background:#fff9;border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-md, 10px);font-family:Fira Code,monospace;font-size:.8rem;color:var(--charcoal-graphite);resize:vertical;transition:all .2s ease}.system-font-textarea:focus{outline:none;background:#ffffffe6;border-color:var(--koppar);box-shadow:0 0 0 3px rgba(var(--koppar-rgb),.15)}.system-font-help{margin-bottom:1rem;padding:1rem 1.25rem;background:linear-gradient(145deg,#fff6,rgba(var(--sandbeige-rgb),.1));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-md, 10px)}.system-font-help h4{margin:0 0 .6rem;font-size:.9rem;font-weight:600;color:var(--charcoal-graphite);display:flex;align-items:center;gap:.5rem}.system-font-help h4 svg{color:var(--koppar);width:16px;height:16px}.system-font-help ol{margin:0;padding-left:1.25rem;font-size:.8rem;line-height:1.6;color:var(--text-muted)}.system-font-submit-btn{padding:.75rem 1.5rem;background:linear-gradient(145deg,var(--koppar) 0%,color-mix(in srgb,var(--koppar) 85%,var(--jordbrun)) 100%);color:#fff;border:none;border-radius:var(--radius-md, 10px);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(var(--koppar-rgb),.3)}.system-font-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--koppar-rgb),.4)}.system-font-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.system-font-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.75rem}.system-font-preview-card{background:linear-gradient(145deg,#ffffff8c,rgba(var(--sandbeige-rgb),.12));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-md, 10px);padding:1.25rem;box-shadow:0 4px 16px rgba(var(--koppar-rgb),.05),inset 0 1px #fff9;transition:all .2s ease}.system-font-preview-card:hover{box-shadow:0 6px 24px rgba(var(--koppar-rgb),.1),inset 0 1px #fff9}.system-font-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.85rem;padding-bottom:.65rem;border-bottom:1px solid rgba(255,255,255,.4)}.system-font-preview-header h4{margin:0;font-size:.85rem;font-weight:600;color:var(--charcoal-graphite)}.system-font-remove-btn{background:linear-gradient(145deg,rgba(var(--tegelrod-rgb, 181, 74, 70),.1),#ffffff80);border:1px solid rgba(var(--tegelrod-rgb, 181, 74, 70),.2);border-radius:var(--radius-sm, 6px);color:var(--tegelrod);cursor:pointer;padding:.35rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.system-font-remove-btn:hover{background:rgba(var(--tegelrod-rgb, 181, 74, 70),.15);border-color:rgba(var(--tegelrod-rgb, 181, 74, 70),.4);transform:scale(1.05)}.system-font-name{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:var(--charcoal-graphite)}.system-font-sample{font-size:.85rem;color:var(--text-muted);line-height:1.5;margin-bottom:.65rem}.system-font-meta{display:flex;align-items:center;gap:.5rem}.font-source{display:inline-flex;align-items:center;gap:.35rem;font-size:.7rem;font-weight:500;padding:.25rem .6rem;border-radius:var(--radius-full, 9999px)}.font-source.google{background:linear-gradient(145deg,#3b82f626,#ffffff80);border:1px solid rgba(59,130,246,.25);color:#2563eb}.font-source.upload{background:linear-gradient(145deg,rgba(var(--oliv-rgb),.15),#ffffff80);border:1px solid rgba(var(--oliv-rgb),.25);color:var(--oliv)}.system-font-empty{color:var(--text-muted);font-style:italic;font-size:.85rem;padding:1rem 0;text-align:center}.colors-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:var(--text-muted)}.color-group{margin-bottom:1.75rem;padding:1.25rem;background:linear-gradient(145deg,#fff6,rgba(var(--sandbeige-rgb),.08));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-md, 10px)}.color-group h4{margin:0 0 .35rem;font-size:.95rem;font-weight:600;color:var(--charcoal-graphite)}.color-group-desc{margin:0 0 1rem;font-size:.8rem;color:var(--text-muted);font-style:italic}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.85rem}.color-input-item{display:flex;flex-direction:column;gap:.4rem}.color-input-item label{font-size:.8rem;font-weight:500;color:var(--charcoal-graphite);text-transform:capitalize}.color-input-row{display:flex;gap:.5rem;align-items:center}.color-picker{width:40px;height:40px;border:2px solid rgba(255,255,255,.5);border-radius:var(--radius-sm, 6px);cursor:pointer;padding:2px;background:#fff9;transition:all .2s ease}.color-picker:hover{border-color:rgba(var(--koppar-rgb),.4);transform:scale(1.05)}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none;border-radius:4px}.color-hex{flex:1;padding:.55rem .7rem;background:#fff9;border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-sm, 6px);font-family:Fira Code,monospace;font-size:.8rem;color:var(--charcoal-graphite);transition:all .2s ease}.color-hex:focus{outline:none;background:#ffffffe6;border-color:var(--koppar);box-shadow:0 0 0 3px rgba(var(--koppar-rgb),.15)}.save-colors-btn{margin-top:1.5rem;padding:.85rem 2rem;background:linear-gradient(145deg,var(--koppar) 0%,color-mix(in srgb,var(--koppar) 85%,var(--jordbrun)) 100%);color:#fff;border:none;border-radius:var(--radius-md, 10px);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.6rem;box-shadow:0 4px 16px rgba(var(--koppar-rgb),.35)}.save-colors-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(var(--koppar-rgb),.45)}.save-colors-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.system-font-info{margin-top:2rem;padding:1.25rem 1.5rem;background:linear-gradient(145deg,#3b82f614,#ffffff80,rgba(var(--sandbeige-rgb),.1));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-md, 10px);box-shadow:0 4px 16px #3b82f60f,inset 0 1px #ffffff80}.system-font-info-title{font-weight:600;font-size:.9rem;margin-bottom:.4rem;color:var(--charcoal-graphite)}.system-font-info-text{color:var(--text-muted);font-size:.85rem;line-height:1.5}@media (max-width: 1024px){.system-font-preview-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.system-font-manager,.system-settings-section{padding:1.25rem}.system-font-tabs{flex-wrap:wrap}.system-font-tabs .tab{flex:1 1 auto;min-width:100px;padding:.6rem .75rem;font-size:.8rem}.system-font-preview-grid{grid-template-columns:1fr}.google-fonts-controls{flex-direction:column}.category-select{width:100%}.weight-selection{flex-direction:column;align-items:flex-start}.weight-label{margin-bottom:.5rem}.color-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.system-font-slot-selection{flex-direction:column;gap:.5rem}.slot-option{justify-content:flex-start}}.user-fonts-manager{background:var(--kalkvit);padding:2rem;border-radius:12px;border:1px solid var(--background-light)}.user-fonts-loading{padding:2rem;text-align:center}.user-fonts-loading p{margin-top:1rem;color:var(--text-muted)}.user-fonts-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.user-fonts-header svg{color:var(--primary)}.user-fonts-header h2{margin:0;color:var(--charcoal-graphite)}.user-fonts-header p{margin:.5rem 0 0;color:var(--text-muted);font-size:.9rem}.user-fonts-tabs{display:flex;gap:0;margin-bottom:1.5rem;border-bottom:2px solid var(--background-light)}.user-fonts-tab{padding:.75rem 1.5rem;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;color:var(--text-muted);font-weight:400;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:var(--transition-fast)}.user-fonts-tab:hover{color:var(--primary)}.user-fonts-tab.active{border-bottom-color:var(--primary);color:var(--primary);font-weight:600}.user-fonts-search{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.user-fonts-search-input{flex:1;min-width:200px;position:relative}.user-fonts-search-input svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.user-fonts-search-input input{width:100%;padding:.75rem .75rem .75rem 40px;border:1px solid var(--background-light);border-radius:8px;font-size:.95rem;background:var(--kalkvit);color:var(--charcoal-graphite)}.user-fonts-search-input input:focus{outline:none;border-color:var(--primary)}.user-fonts-category-select{padding:.75rem 1rem;border:1px solid var(--background-light);border-radius:8px;font-size:.95rem;min-width:150px;background:var(--kalkvit);color:var(--charcoal-graphite)}.user-fonts-count{font-size:.85rem;color:var(--text-muted);margin-bottom:1rem}.user-fonts-list{display:grid;gap:.75rem;max-height:500px;overflow-y:auto;padding-right:.5rem}.user-fonts-item{border:1px solid var(--background-light);border-radius:8px;padding:1rem;display:flex;justify-content:space-between;align-items:center;background-color:var(--kalkvit);transition:var(--transition-fast)}.user-fonts-item.added{background-color:var(--color-success-light, #f0fdf4)}.user-fonts-item-info{flex:1}.user-fonts-item-name{font-weight:500;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem;color:var(--charcoal-graphite)}.user-fonts-badge{font-size:.7rem;padding:.15rem .5rem;border-radius:4px;color:#fff}.user-fonts-badge.added{background-color:var(--skogsgroen)}.user-fonts-badge.google{background-color:var(--primary)}.user-fonts-badge.uploaded{background-color:var(--text-muted)}.user-fonts-item-meta{font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem}.user-fonts-preview{font-size:1.1rem;color:var(--charcoal-graphite)}.user-fonts-preview.loading{opacity:.5}.user-fonts-add-btn{padding:.5rem 1rem;border-radius:6px;border:1px solid var(--primary);background-color:var(--kalkvit);color:var(--primary);cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;transition:var(--transition-fast);min-width:100px;justify-content:center}.user-fonts-add-btn:hover:not(:disabled){background-color:var(--primary);color:#fff}.user-fonts-add-btn.added{border-color:var(--skogsgroen);background-color:var(--color-success-light, #f0fdf4);color:var(--skogsgroen);cursor:default}.user-fonts-add-btn:disabled{cursor:not-allowed}.user-fonts-remove-btn{background:none;border:1px solid var(--tegelrod);color:var(--tegelrod);padding:.5rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:var(--transition-fast)}.user-fonts-remove-btn:hover{background-color:var(--tegelrod);color:#fff}.user-fonts-load-more{width:100%;margin-top:1rem;padding:.75rem;border:1px solid var(--background-light);border-radius:8px;background-color:var(--kalkvit);cursor:pointer;font-size:.95rem;color:var(--text-muted);transition:var(--transition-fast)}.user-fonts-load-more:hover{background-color:var(--background-light);color:var(--charcoal-graphite)}.user-fonts-upload{margin-bottom:2rem}.user-fonts-upload-zone{display:flex;align-items:center;gap:.75rem;padding:1.5rem;border:2px dashed var(--primary);border-radius:8px;cursor:pointer;background-color:var(--color-background, #fffaf7);text-align:center;color:var(--charcoal-graphite);transition:var(--transition-fast)}.user-fonts-upload-zone:hover,.user-fonts-upload-zone.uploading{background-color:var(--color-warning-light, #fff5f0)}.user-fonts-upload-zone svg{color:var(--primary)}.user-fonts-upload-content{margin:0 auto}.user-fonts-upload-title{font-weight:700;margin-bottom:.5rem}.user-fonts-upload-hint{font-size:.9rem;color:var(--text-muted)}.user-fonts-section{margin-bottom:2rem}.user-fonts-section-title{font-size:1rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;color:var(--charcoal-graphite)}.user-fonts-section-title svg{color:var(--primary)}.user-fonts-empty{text-align:center;padding:2rem;color:var(--text-muted);border:1px dashed var(--background-light);border-radius:8px}.user-fonts-empty svg{margin:0 auto 1rem;display:block;opacity:.5;color:var(--text-muted)}.user-fonts-empty-title{font-size:1.1rem;margin-bottom:.5rem;color:var(--charcoal-graphite)}.user-fonts-empty-text{font-size:.9rem}.user-fonts-note{margin-top:2rem;padding:1rem;background-color:var(--color-surface-secondary, var(--background-light));border-radius:6px}.user-fonts-note-text{font-size:.9rem;color:var(--text-muted)}.social-media-setup{max-width:1200px;margin:0 auto;padding:2rem 0}.setup-header{text-align:center;margin-bottom:2rem}.setup-header h2{font-family:var(--font-header);font-size:2rem;color:var(--charcoal-graphite);margin-bottom:.5rem}.setup-header p{color:var(--text-muted);font-size:1.1rem}.setup-tabs{display:flex;gap:.5rem;margin-bottom:2rem;background:var(--kalkvit);padding:.5rem;border-radius:12px;border:2px solid var(--background-light)}.tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;background:linear-gradient(145deg,#fffffff2,rgba(var(--background-light-rgb),.85));border:1px solid var(--glass-border);border-radius:8px;font-weight:600;font-size:1rem;color:var(--charcoal-graphite);cursor:pointer;transition:var(--transition-base);box-shadow:0 2px 8px #00000014}.tab-btn:hover:not(.active){background:rgba(var(--primary-rgb),.12);border-color:rgba(var(--primary-rgb),.4);color:var(--primary)}.tab-btn.active{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.tab-btn svg{flex-shrink:0}.setup-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.setup-loading .spinner{animation:spin 1s linear infinite;color:var(--primary);margin-bottom:1rem}.setup-loading p{color:var(--text-muted);font-size:1.1rem}.setup-message{padding:1rem 1.5rem;border-radius:8px;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem;font-weight:500;animation:slideDown .3s ease}.setup-message.success{background:var(--color-success-light);border:1px solid var(--color-success-border);color:var(--color-success-dark)}.setup-message.error{background:var(--color-error-light);border:1px solid var(--color-error-border);color:var(--color-error-dark)}.setup-message button{margin-left:auto;background:none;border:none;font-size:1.5rem;cursor:pointer;color:inherit;opacity:.6;transition:opacity .2s}.setup-message button:hover{opacity:1}.connection-status-card{background:#fff;border:2px solid var(--background-light);border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow-sm)}.connection-status-card .card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--background-light)}.connection-status-card .card-header h3{font-family:var(--font-header);font-size:1.5rem;color:var(--charcoal-graphite);margin:0}.connection-status-card .card-header svg{color:var(--primary)}.connection-status-card .card-body{display:flex;flex-direction:column;gap:1rem}.status-row{display:flex;justify-content:space-between;align-items:center;font-size:1rem}.status-row>span:first-child{font-weight:600;color:var(--charcoal-graphite)}.status-indicator{display:flex;align-items:center;gap:.5rem;font-weight:600}.status-indicator .success{color:var(--color-success)}.status-indicator .error{color:var(--color-error)}.test-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition-base)}.test-btn:hover:not(:disabled){background:var(--secondary);transform:translateY(-2px)}.test-btn:disabled{opacity:.6;cursor:not-allowed}.setup-instructions{background:var(--kalkvit);border:1px solid var(--background-light);border-radius:8px;padding:1rem;margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.setup-instructions svg{color:var(--color-warning);flex-shrink:0}.setup-instructions p{margin:0;color:var(--charcoal-graphite);font-size:.9rem}.setup-instructions pre{background:var(--charcoal-graphite);color:var(--kalkvit);padding:.75rem;border-radius:6px;font-size:.85rem;overflow-x:auto;margin:0}.setup-instructions a{color:var(--secondary);text-decoration:none;font-weight:600;display:flex;align-items:center;gap:.25rem;transition:var(--transition-base)}.setup-instructions a:hover{color:var(--charcoal-graphite)}.platforms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.platform-setup-card{background:#fff;border:2px solid var(--background-light);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-sm);transition:var(--transition-base)}.platform-setup-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.platform-setup-card .card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--background-light)}.platform-setup-card .card-header h3{font-family:var(--font-header);font-size:1.3rem;color:var(--charcoal-graphite);margin:0}.platform-setup-card .card-header svg{color:var(--primary)}.platform-setup-card .card-body{display:flex;flex-direction:column;gap:1rem}.account-info{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--color-success-light);border:1px solid var(--color-success-border);border-radius:8px}.account-info svg{color:var(--color-success);flex-shrink:0;margin-top:.25rem}.account-info>div{display:flex;flex-direction:column;gap:.25rem}.account-info strong{color:var(--charcoal-graphite);font-size:1rem}.account-info .account-id{color:var(--text-muted);font-size:.9rem}.account-info .account-link{color:var(--secondary);font-size:.85rem;text-decoration:none;display:inline-flex;align-items:center;gap:.25rem;margin-top:.25rem}.account-info .account-link:hover{text-decoration:underline}.account-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid var(--background-light)}.status-badge{padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.status-badge.connected{background:var(--color-success-light);color:var(--color-success-dark);border:1px solid var(--color-success-border)}.status-badge.disconnected{background:var(--color-error-light);color:var(--color-error-dark);border:1px solid var(--color-error-border)}.disconnect-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;color:var(--color-error);border:1px solid var(--color-error);border-radius:6px;font-weight:500;font-size:.85rem;cursor:pointer;transition:var(--transition-base)}.disconnect-btn:hover:not(:disabled){background:var(--color-error);color:#fff}.disconnect-btn:disabled{opacity:.6;cursor:not-allowed}.help-note{margin:0;padding:1rem;background:var(--kalkvit);border-radius:8px;font-size:.9rem;color:var(--text-muted);border-left:3px solid var(--primary)}.late-api-section,.makecom-section{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.setup-message.info{background:#e8f4fd;border:1px solid #b8daff;color:#004085}.setup-message.warning{background:#fff3cd;border:1px solid #ffc107;color:#856404}.scenario-info{display:flex;flex-direction:column;gap:1rem;padding-top:1rem;border-top:1px solid var(--background-light)}.scenario-status{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.scenario-status>span:first-child{font-weight:600;color:var(--charcoal-graphite)}.scenario-status .active{color:var(--color-success);font-weight:600}.scenario-status .inactive{color:var(--text-muted);font-weight:600}.scenario-actions{display:flex;flex-wrap:wrap;gap:.5rem}.toggle-btn,.edit-btn,.delete-btn{padding:.5rem 1rem;border-radius:6px;font-weight:500;font-size:.85rem;cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;gap:.5rem;text-decoration:none}.toggle-btn{background:var(--primary);color:#fff;border:none}.toggle-btn:hover{background:var(--secondary)}.edit-btn{background:#fff;color:var(--primary);border:1px solid var(--primary)}.edit-btn:hover{background:var(--primary);color:#fff}.delete-btn{background:#fff;color:var(--color-error);border:1px solid var(--color-error)}.delete-btn:hover{background:var(--color-error);color:#fff}.setup-description{color:var(--text-muted);font-size:.95rem;margin:0;line-height:1.5}.create-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition-base)}.create-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.create-btn:disabled{opacity:.6;cursor:not-allowed}.setup-help{background:#fff;border:2px solid var(--dimblag);border-radius:12px;padding:2rem;box-shadow:var(--shadow-sm)}.setup-help h3{font-family:var(--font-header);font-size:1.5rem;color:var(--charcoal-graphite);margin-bottom:1rem}.setup-help ol{margin:0 0 1.5rem;padding-left:1.5rem;color:var(--charcoal-graphite)}.setup-help li{margin-bottom:.75rem;line-height:1.6}.setup-help li strong{color:var(--charcoal-graphite)}.setup-help .help-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--secondary);text-decoration:none;font-weight:600;transition:var(--transition-base)}.setup-help .help-link:hover{color:var(--charcoal-graphite)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.platforms-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.platform-section{background:#fff;border:2px solid var(--background-light);border-radius:12px;overflow:hidden;transition:var(--transition-base)}.platform-section:hover{border-color:var(--sandbeige)}.platform-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--kalkvit);transition:var(--transition-base)}.platform-header.has-accounts:hover{background:var(--sandbeige)}.platform-header-left{display:flex;align-items:center;gap:.75rem}.platform-header-left h3{font-family:var(--font-header);font-size:1.1rem;color:var(--charcoal-graphite);margin:0}.platform-header-left svg{color:var(--primary)}.platform-header-right{display:flex;align-items:center;gap:.5rem;color:var(--oliv)}.account-count-badge{background:var(--primary);color:#fff;font-size:.7rem;font-weight:600;padding:.2rem .5rem;border-radius:10px}.connect-btn-inline{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer;transition:var(--transition-base)}.connect-btn-inline:hover:not(:disabled){background:var(--secondary)}.connect-btn-inline:disabled{opacity:.6;cursor:not-allowed}.accounts-list{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem;border-top:1px solid var(--background-light);animation:slideDown .2s ease}.account-item{background:var(--kalkvit);border:1px solid var(--background-light);border-radius:8px;padding:.75rem;transition:var(--transition-base)}.account-item:hover{border-color:var(--sandbeige);box-shadow:var(--shadow-sm)}.account-item-main{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.account-info-section{display:flex;align-items:center;gap:.75rem;flex:1;min-width:200px}.account-avatar{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--sandbeige)}.account-details{display:flex;flex-direction:column;gap:.1rem}.account-name-row{display:flex;align-items:center;gap:.5rem}.account-name-row strong{font-size:.95rem;color:var(--charcoal-graphite)}.edit-name-btn{background:none;border:none;padding:.2rem;cursor:pointer;color:var(--oliv);opacity:.5;transition:var(--transition-base)}.edit-name-btn:hover{opacity:1;color:var(--primary)}.account-username{font-size:.8rem;color:var(--text-muted)}.edit-name-inline{display:flex;align-items:center;gap:.5rem}.edit-name-input{padding:.3rem .5rem;border:1px solid var(--primary);border-radius:4px;font-size:.9rem;min-width:150px}.save-name-btn,.cancel-name-btn{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer;transition:var(--transition-base)}.save-name-btn{background:var(--primary);color:#fff;border:none}.cancel-name-btn{background:#fff;color:var(--oliv);border:1px solid var(--oliv)}.account-badges{display:flex;align-items:center;gap:.4rem}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600}.badge-default{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.badge-type{cursor:pointer;border:none;transition:var(--transition-base)}.badge-type:hover{transform:scale(1.05)}.badge-brand{background:#dbeafe;color:#1e40af}.badge-personal{background:#f3e8ff;color:#6b21a8}.account-actions-inline{display:flex;align-items:center;gap:.25rem}.action-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:1px solid var(--background-light);background:#fff;cursor:pointer;transition:var(--transition-base);color:var(--oliv);text-decoration:none}.action-btn:hover{background:var(--kalkvit);border-color:var(--sandbeige)}.set-default-btn:hover{color:#f59e0b;border-color:#f59e0b}.view-profile-btn:hover{color:var(--primary);border-color:var(--primary)}.action-btn.disconnect-btn:hover{color:var(--color-error);border-color:var(--color-error);background:var(--color-error-light)}.account-type-info{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem;background:#f3e8ff;border-radius:4px;font-size:.75rem;color:#6b21a8}.add-account-section{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem;background:#fff;border:1px dashed var(--sandbeige);border-radius:8px;flex-wrap:wrap}.add-account-type-selector{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--oliv)}.account-type-select{padding:.3rem .5rem;border:1px solid var(--sandbeige);border-radius:4px;font-size:.8rem;background:#fff}.add-account-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:#fff;color:var(--primary);border:1px solid var(--primary);border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer;transition:var(--transition-base)}.add-account-btn:hover:not(:disabled){background:var(--primary);color:#fff}.add-account-btn:disabled{opacity:.6;cursor:not-allowed}.help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem}.help-item{display:flex;gap:1rem;padding:1rem;background:var(--kalkvit);border-radius:8px}.help-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}.help-icon.brand{background:#dbeafe;color:#1e40af}.help-icon.personal{background:#f3e8ff;color:#6b21a8}.help-content strong{display:block;margin-bottom:.25rem;color:var(--charcoal-graphite)}.help-content p{margin:0;font-size:.85rem;color:var(--text-muted);line-height:1.4}@media (max-width: 768px){.social-media-setup{padding:1rem 0}.setup-header h2{font-size:1.5rem}.platforms-grid{grid-template-columns:1fr}.scenario-actions{flex-direction:column}.scenario-actions button,.scenario-actions a{width:100%;justify-content:center}.setup-help{padding:1.5rem}.setup-help ol{padding-left:1rem}}@media (max-width: 480px){.connection-status-card .card-header{flex-direction:column;align-items:flex-start}.status-row{flex-direction:column;align-items:flex-start;gap:.5rem}.platform-setup-card .card-header{flex-direction:column;align-items:flex-start}}.api-key-manager{width:100%;max-width:1200px}.api-key-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--charcoal-graphite);gap:1rem}.api-key-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.api-key-header-content{display:flex;align-items:center;gap:1rem}.api-key-header-content h3{margin:0;font-size:1.5rem;font-family:var(--font-header);color:var(--charcoal-graphite)}.api-key-header-content p{margin:.25rem 0 0;font-size:.9rem;color:var(--text-muted)}.created-key-card{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;box-shadow:var(--shadow-lg)}.created-key-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1.1rem;font-family:var(--font-header)}.created-key-warning{margin:0 0 1rem;font-size:.9rem;opacity:.95}.created-key-display{display:flex;gap:.75rem;align-items:center;background:#ffffff26;padding:.75rem;border-radius:8px;margin-bottom:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.created-key-display code{flex:1;font-family:Courier New,monospace;font-size:.9rem;word-break:break-all;background:transparent;color:#fff}.copy-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff3;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-family:var(--font-body);transition:var(--transition-base);white-space:nowrap}.copy-btn:hover{background:#ffffff4d}.api-key-form-card{background:#fff;border:2px solid var(--background-light);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.api-key-form-card h4{margin:0 0 1.5rem;font-family:var(--font-header);color:var(--charcoal-graphite)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--charcoal-graphite);font-weight:600;font-size:.9rem;font-family:var(--font-body)}.form-group .required{color:var(--color-error)}.form-group input{width:100%;padding:.75rem;border:2px solid var(--background-light);border-radius:8px;font-size:.95rem;font-family:var(--font-body);transition:var(--transition-base)}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #b873331a}.form-group small{display:block;margin-top:.5rem;font-size:.85rem;color:var(--text-muted)}.form-actions{display:flex;gap:.75rem;margin-top:1.5rem}.api-keys-list{display:flex;flex-direction:column;gap:1rem}.api-keys-empty{text-align:center;padding:4rem 2rem;color:var(--text-muted)}.api-keys-empty svg{color:var(--background-light);margin-bottom:1rem}.api-keys-empty h4{margin:0 0 .5rem;font-family:var(--font-header);color:var(--charcoal-graphite)}.api-keys-empty p{margin:0;font-size:.95rem}.api-key-card{background:#fff;border:2px solid var(--background-light);border-radius:12px;padding:1.25rem;transition:var(--transition-base);box-shadow:var(--shadow-sm)}.api-key-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary)}.api-key-card.inactive{opacity:.6;background:var(--kalkvit)}.api-key-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.api-key-info h4{margin:0 0 .5rem;color:var(--charcoal-graphite);font-family:var(--font-header);font-size:1.1rem}.key-prefix{font-family:Courier New,monospace;font-size:.85rem;background:var(--kalkvit);padding:.25rem .5rem;border-radius:6px;color:var(--text-muted);border:1px solid var(--background-light)}.status-badge{display:inline-block;padding:.35rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;font-family:var(--font-body)}.status-badge.active{background:var(--color-success-light);color:var(--color-success-dark);border:1px solid var(--color-success-border)}.status-badge.inactive{background:#00000014;color:var(--text-muted);border:1px solid var(--background-light)}.api-key-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid var(--background-light)}.detail-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-muted)}.detail-item svg{color:var(--primary)}.api-key-actions{display:flex;gap:.5rem;justify-content:flex-end}.action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--kalkvit);color:var(--charcoal-graphite);border:2px solid var(--background-light);border-radius:8px;cursor:pointer;transition:var(--transition-base)}.action-btn:hover:not(:disabled){background:var(--primary);color:#fff;border-color:var(--primary)}.action-btn.danger:hover:not(:disabled){background:var(--color-error);color:#fff;border-color:var(--color-error)}.action-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.api-key-header{flex-direction:column;align-items:flex-start}.api-key-card-header{flex-direction:column}.api-key-actions{width:100%;justify-content:stretch}.action-btn{flex:1}.form-actions{flex-direction:column}.form-actions button{width:100%}.created-key-display{flex-direction:column}.copy-btn{width:100%;justify-content:center}}.org-manager{max-width:100%}.org-manager-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;color:var(--text-muted)}.org-message{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.org-message.success{background:var(--color-success-light, #DCFCE7);color:var(--color-success-dark, #166534)}.org-message.error{background:var(--color-error-light, #FEE2E2);color:var(--color-error-dark, #DC2626)}.org-message button{margin-left:auto;background:none;border:none;color:inherit;opacity:.7;cursor:pointer;padding:4px}.org-message button:hover{opacity:1}.org-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid var(--background-light);padding-bottom:0}.org-tab{display:flex;align-items:center;gap:8px;padding:12px 16px;background:none;border:none;color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s}.org-tab:hover{color:var(--primary)}.org-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.org-tab-content{padding:8px 0}.org-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:var(--text-muted)}.org-loading .spin{animation:spin 1s linear infinite}.org-form{display:flex;flex-direction:column;gap:20px;max-width:500px}.org-form-group{display:flex;flex-direction:column;gap:6px}.org-form-group label{font-size:13px;font-weight:600;color:var(--charcoal-graphite)}.org-form-group input,.org-form-group select,.org-form-group textarea{padding:10px 12px;border:1px solid var(--background-light);border-radius:8px;font-size:14px;color:var(--charcoal-graphite);background:var(--kalkvit);transition:border-color .2s}.org-form-group input:focus,.org-form-group select:focus,.org-form-group textarea:focus{outline:none;border-color:var(--primary)}.org-form-group input:disabled,.org-form-group select:disabled{background:var(--color-surface-secondary, var(--background-light));cursor:not-allowed;color:var(--text-muted)}.org-form-hint{font-size:12px;color:var(--secondary)}.org-id-display{display:flex;align-items:center;gap:8px}.org-id-display code{flex:1;padding:10px 12px;background:var(--color-surface-secondary, var(--background-light));border:1px solid var(--background-light);border-radius:8px;font-size:12px;font-family:monospace;color:var(--charcoal-graphite);overflow-x:auto}.org-id-display button{padding:10px;background:var(--kalkvit);border:1px solid var(--background-light);border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .2s}.org-id-display button:hover{border-color:var(--primary);color:var(--primary)}.org-save-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;width:-moz-fit-content;width:fit-content}.org-save-btn:hover:not(:disabled){filter:brightness(.9)}.org-save-btn:disabled{opacity:.6;cursor:not-allowed}.org-team-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.org-team-member{display:flex;align-items:center;gap:16px;padding:16px;background:var(--kalkvit);border:1px solid var(--background-light);border-radius:10px}.member-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.member-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;flex-shrink:0}.member-details{min-width:0}.member-name{font-weight:600;color:var(--charcoal-graphite);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-email{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-role{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;flex-shrink:0}.member-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.role-select{padding:6px 10px;border:1px solid var(--background-light);border-radius:6px;font-size:12px;background:var(--kalkvit);color:var(--charcoal-graphite);cursor:pointer}.member-remove-btn{padding:8px;background:none;border:1px solid var(--background-light);border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .2s}.member-remove-btn:hover{background:var(--color-error-light, #FEE2E2);border-color:var(--tegelrod);color:var(--tegelrod)}.org-invite-btn,.org-new-invite-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;background:var(--kalkvit);border:2px dashed var(--background-light);border-radius:10px;color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.org-invite-btn:hover,.org-new-invite-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--color-warning-light, #FEF7F0)}.org-invite-form{background:var(--kalkvit);border:1px solid var(--background-light);border-radius:12px;padding:20px;margin-bottom:24px}.org-invite-form h4{margin:0 0 20px;font-size:16px;font-weight:600;color:var(--charcoal-graphite)}.org-invite-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.org-cancel-btn{padding:10px 16px;background:var(--kalkvit);border:1px solid var(--background-light);border-radius:8px;color:var(--text-muted);font-size:14px;cursor:pointer;transition:all .2s}.org-cancel-btn:hover{border-color:var(--charcoal-graphite);color:var(--charcoal-graphite)}.org-send-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.org-send-btn:hover:not(:disabled){filter:brightness(.9)}.org-send-btn:disabled{opacity:.6;cursor:not-allowed}.org-invitations-list{margin-top:24px}.org-invitations-list h4{margin:0 0 16px;font-size:14px;font-weight:600;color:var(--charcoal-graphite)}.org-invitation-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:var(--kalkvit);border:1px solid var(--background-light);border-radius:10px;margin-bottom:10px}.invitation-info{min-width:0}.invitation-email{font-weight:500;color:var(--charcoal-graphite);font-size:14px}.invitation-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-muted);margin-top:4px;flex-wrap:wrap}.invitation-role{background:var(--color-surface-secondary, var(--background-light));padding:2px 8px;border-radius:4px;font-weight:500;color:var(--charcoal-graphite)}.invitation-actions{display:flex;gap:6px}.invitation-actions button{padding:8px;background:var(--kalkvit);border:1px solid var(--background-light);border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .2s}.invitation-actions button:hover{border-color:var(--primary);color:var(--primary)}.invitation-actions button.cancel-btn:hover{border-color:var(--tegelrod);color:var(--tegelrod);background:var(--color-error-light, #FEE2E2)}.org-empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px;color:var(--text-muted);text-align:center}.org-empty-state p{margin:0;font-size:14px}@media (max-width: 640px){.org-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.org-tab{white-space:nowrap;padding:10px 12px}.org-team-member{flex-wrap:wrap;gap:12px}.member-info{width:100%}.member-role{order:3;width:100%;justify-content:flex-start;padding-top:8px;border-top:1px solid var(--background-light)}.member-actions{order:2;margin-left:auto}.org-invitation-item{flex-direction:column;align-items:flex-start}.invitation-actions{width:100%;justify-content:flex-end;margin-top:8px;padding-top:8px;border-top:1px solid var(--background-light)}}.content-pillars-manager{padding:1.5rem;max-width:900px;margin:0 auto}.pillars-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--color-text-secondary, #9ca3af);gap:1rem}.pillars-loading .spin{animation:spin 1s linear infinite}.pillars-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.pillars-title{display:flex;gap:1rem;align-items:flex-start}.pillars-title svg{color:var(--primary, #1E3A5F);flex-shrink:0;margin-top:.25rem}.pillars-title h2{margin:0;font-size:1.25rem;color:var(--color-text-primary, #1f2937)}.pillars-title p{margin:.25rem 0 0;font-size:.875rem;color:var(--color-text-secondary, #6b7280)}.pillars-actions{display:flex;gap:.5rem}.pillars-actions .btn-secondary,.pillars-actions .btn-primary{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.pillars-actions .btn-secondary{background:var(--color-surface-secondary, #f3f4f6);border:1px solid var(--color-border, #e5e7eb);color:var(--color-text-primary, #374151)}.pillars-actions .btn-secondary:hover{background:var(--color-surface-hover, #e5e7eb)}.pillars-actions .btn-primary{background:var(--primary, #1E3A5F);border:none;color:var(--kalkvit, #FFFFFF)}.pillars-actions .btn-primary:hover{background:var(--secondary, #2E4A6F)}.pillars-error{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:rgba(var(--tegelrod-rgb, 220, 38, 38),.1);border:1px solid rgba(var(--tegelrod-rgb, 220, 38, 38),.3);border-radius:8px;color:var(--tegelrod, #DC2626);font-size:.875rem;margin-bottom:1rem}.pillars-error button{background:none;border:none;padding:.25rem;cursor:pointer;color:inherit;opacity:.7}.pillars-error button:hover{opacity:1}.pillars-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:var(--color-surface-secondary, #f9fafb);border-radius:12px;border:2px dashed var(--color-border, #e5e7eb);text-align:center}.pillars-empty svg{color:var(--color-text-secondary, #9ca3af);margin-bottom:1rem}.pillars-empty h3{margin:0 0 .5rem;font-size:1.125rem;color:var(--color-text-primary, #374151)}.pillars-empty p{margin:0 0 1.5rem;color:var(--color-text-secondary, #6b7280);max-width:400px}.pillars-list{display:flex;flex-direction:column;gap:1rem}.pillar-card{background:var(--kalkvit, #FFFFFF);border:1px solid var(--color-border, #e5e7eb);border-radius:12px;overflow:hidden;transition:all .2s}.pillar-card:hover{box-shadow:0 4px 12px #0000000d}.pillar-card.editing{border-color:var(--primary, #1E3A5F);box-shadow:0 0 0 3px rgba(var(--primary-rgb, 30, 58, 95),.1)}.pillar-card-header{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--color-surface-secondary, #f9fafb)}.pillar-drag-handle{color:var(--color-text-secondary, #9ca3af);cursor:grab;padding:.25rem}.pillar-drag-handle:hover{color:var(--color-text-primary, #374151)}.pillar-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--kalkvit, #FFFFFF);flex-shrink:0}.pillar-title{flex:1;min-width:0}.pillar-title h3{margin:0;font-size:1rem;font-weight:600;color:var(--color-text-primary, #1f2937)}.pillar-name-input{width:100%;padding:.5rem;font-size:1rem;font-weight:600;border:1px solid var(--color-border, #e5e7eb);border-radius:6px;background:var(--kalkvit, #FFFFFF)}.pillar-name-input:focus{outline:none;border-color:var(--primary, #1E3A5F)}.pillar-meta{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.pillar-percentage{font-size:.75rem;color:var(--color-text-secondary, #6b7280)}.pillar-badge{font-size:.625rem;font-weight:600;padding:.125rem .375rem;border-radius:4px;text-transform:uppercase}.pillar-badge.ai{background:rgba(var(--primary-rgb, 30, 58, 95),.1);color:var(--primary, #1E3A5F)}.pillar-badge.new{background:rgba(var(--skogsgron-rgb, 22, 163, 74),.1);color:var(--skogsgron, #16A34A)}.pillar-card-actions{display:flex;gap:.25rem}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:var(--color-text-secondary, #6b7280);cursor:pointer;transition:all .2s}.btn-icon:hover{background:var(--color-surface-hover, #e5e7eb);color:var(--color-text-primary, #374151)}.btn-icon.edit:hover{background:rgba(var(--primary-rgb, 30, 58, 95),.1);color:var(--primary, #1E3A5F)}.btn-icon.delete:hover{background:rgba(var(--tegelrod-rgb, 220, 38, 38),.1);color:var(--tegelrod, #DC2626)}.btn-icon.save{background:var(--primary, #1E3A5F);color:var(--kalkvit, #FFFFFF)}.btn-icon.save:hover{background:var(--secondary, #2E4A6F)}.btn-icon.save:disabled{opacity:.5;cursor:not-allowed}.btn-icon.cancel:hover{background:rgba(var(--tegelrod-rgb, 220, 38, 38),.1);color:var(--tegelrod, #DC2626)}.pillar-details{padding:1.5rem;border-top:1px solid var(--color-border, #e5e7eb)}.detail-section{margin-bottom:1.25rem}.detail-section:last-child{margin-bottom:0}.detail-section h4{margin:0 0 .5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary, #6b7280)}.detail-section p{margin:0;font-size:.875rem;color:var(--color-text-primary, #374151);line-height:1.5}.detail-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag{font-size:.75rem;padding:.25rem .625rem;background:var(--color-surface-secondary, #f3f4f6);border-radius:4px;color:var(--color-text-primary, #374151)}.tag.platform{background:rgba(var(--primary-rgb, 30, 58, 95),.1);color:var(--primary, #1E3A5F)}.tag.format{background:rgba(var(--skogsgron-rgb, 22, 163, 74),.1);color:var(--skogsgron, #16A34A)}.topic-list{margin:0;padding-left:1.25rem;font-size:.875rem;color:var(--color-text-primary, #374151)}.topic-list li{margin-bottom:.375rem}.topic-list li:last-child{margin-bottom:0}.tone-guidance{font-style:italic;color:var(--color-text-secondary, #6b7280)}.pillar-edit-form{padding:1.5rem;border-top:1px solid var(--color-border, #e5e7eb);background:var(--kalkvit, #FFFFFF)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary, #6b7280);margin-bottom:.5rem}.form-group input[type=text],.form-group input[type=number],.form-group textarea{width:100%;padding:.625rem .75rem;font-size:.875rem;border:1px solid var(--color-border, #e5e7eb);border-radius:6px;background:var(--color-surface-secondary, #f9fafb);color:var(--color-text-primary, #374151);transition:all .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary, #1E3A5F);background:var(--kalkvit, #FFFFFF)}.form-group textarea{resize:vertical;min-height:60px}.icon-selector{display:flex;flex-wrap:wrap;gap:.375rem}.icon-option{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border, #e5e7eb);border-radius:6px;background:var(--kalkvit, #FFFFFF);color:var(--color-text-secondary, #6b7280);cursor:pointer;transition:all .2s}.icon-option:hover{border-color:var(--primary, #1E3A5F);color:var(--primary, #1E3A5F)}.icon-option.selected{background:var(--primary, #1E3A5F);border-color:var(--primary, #1E3A5F);color:var(--kalkvit, #FFFFFF)}.color-selector{display:flex;flex-wrap:wrap;gap:.375rem}.color-option{width:28px;height:28px;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:all .2s}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:var(--charcoal-graphite, #1C1C1E);box-shadow:0 0 0 2px var(--kalkvit, #FFFFFF),0 0 0 4px currentColor}.checkbox-group{display:flex;flex-wrap:wrap;gap:.5rem}.checkbox-item{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--color-text-primary, #374151);cursor:pointer;padding:.375rem .625rem;background:var(--color-surface-secondary, #f9fafb);border-radius:4px;transition:all .2s}.checkbox-item:hover{background:var(--color-surface-hover, #e5e7eb)}.checkbox-item input[type=checkbox]{accent-color:var(--primary, #1E3A5F)}@media (max-width: 640px){.pillars-header{flex-direction:column}.pillars-actions{width:100%}.pillars-actions button{flex:1;justify-content:center}.form-row,.detail-row{grid-template-columns:1fr}.pillar-card-header{flex-wrap:wrap}.pillar-title{width:100%;order:2;margin-top:.5rem}.pillar-card-actions{order:1;margin-left:auto}}.ui-theme-settings{max-width:900px}.settings-section-header{margin-bottom:var(--spacing-lg, 1.5rem)}.settings-section-header h2{font-size:1.25rem;font-weight:600;color:var(--charcoal-graphite, #1C1C1E);margin-bottom:var(--spacing-xs, .25rem)}.settings-section-header p{font-size:.875rem;color:var(--text-muted, #3A4A42);opacity:.8}.theme-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg, 1.5rem);margin-bottom:var(--spacing-xl, 2rem)}.theme-preview-card{display:flex;flex-direction:column;background:#fff;border:2px solid var(--background-light, #E5D9C7);border-radius:var(--radius-lg, 16px);padding:0;cursor:pointer;transition:all .2s ease;text-align:left;overflow:hidden}.theme-preview-card:hover{border-color:var(--primary, #B87333);box-shadow:0 8px 24px rgba(var(--primary-rgb, 184, 115, 51),.15);transform:translateY(-2px)}.theme-preview-card.active{border-color:var(--primary, #B87333);border-width:3px;box-shadow:0 8px 24px rgba(var(--primary-rgb, 184, 115, 51),.2)}.theme-preview-visual{padding:var(--spacing-md, 1rem);background:linear-gradient(135deg,var(--kalkvit, #F9F7F4) 0%,var(--background-light, #E5D9C7) 100%);border-bottom:1px solid var(--background-light, #E5D9C7)}.theme-preview-mock{height:120px;border-radius:var(--radius-md, 10px);overflow:hidden;display:flex;background:#fff;box-shadow:0 2px 8px #0000001a}.theme-preview-mock.classic{flex-direction:column}.theme-preview-mock.classic .mock-nav{height:24px;background:linear-gradient(to right,var(--charcoal-graphite, #1C1C1E),var(--secondary, #5E503F));display:flex;align-items:center;gap:8px;padding:0 12px}.theme-preview-mock.classic .mock-nav-item{width:32px;height:8px;background:#ffffff4d;border-radius:2px}.theme-preview-mock.classic .mock-content{flex:1;display:flex;gap:8px;padding:12px}.theme-preview-mock.classic .mock-card{flex:1;background:var(--kalkvit, #F9F7F4);border:2px solid var(--background-light, #E5D9C7);border-radius:4px}.theme-preview-mock.modern{background:linear-gradient(135deg,var(--kalkvit, #F9F7F4) 0%,var(--background-light, #E5D9C7) 100%)}.theme-preview-mock.modern .mock-sidebar{width:48px;background:#ffffffd9;border-right:1px solid var(--glass-border);display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:6px}.theme-preview-mock.modern .mock-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--primary, #B87333),var(--secondary, #5E503F));margin-bottom:8px}.theme-preview-mock.modern .mock-nav-item{width:28px;height:8px;background:rgba(var(--background-light-rgb, 229, 217, 199),.5);border-radius:2px}.theme-preview-mock.modern .mock-content{flex:1;display:flex;flex-direction:column;gap:6px;padding:8px}.theme-preview-mock.modern .mock-card.glass{flex:1;background:#ffffffb3;border:1px solid var(--glass-border);border-radius:8px}.theme-preview-mock.modern .mock-activity{width:48px;background:#ffffffb3;border-left:1px solid var(--glass-border);display:flex;flex-direction:column;padding:8px 4px;gap:6px}.theme-preview-mock.modern .mock-activity-item{height:20px;background:#ffffff80;border-radius:4px}.theme-preview-content{padding:var(--spacing-md, 1rem)}.theme-preview-header{display:flex;align-items:center;gap:var(--spacing-sm, .5rem);margin-bottom:var(--spacing-sm, .5rem)}.theme-preview-header h3{font-size:1rem;font-weight:600;color:var(--charcoal-graphite, #1C1C1E);margin:0}.theme-preview-header svg{color:var(--primary, #B87333)}.theme-active-badge{margin-left:auto;background:var(--primary, #B87333);color:#fff;font-size:.625rem;font-weight:600;padding:2px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.05em}.theme-preview-description{font-size:.8125rem;color:var(--text-muted, #3A4A42);margin-bottom:var(--spacing-sm, .75rem);line-height:1.5}.theme-preview-features{list-style:none;padding:0;margin:0}.theme-preview-features li{font-size:.75rem;color:var(--charcoal-graphite, #1C1C1E);padding:4px 0 4px 16px;position:relative}.theme-preview-features li:before{content:"✓";position:absolute;left:0;color:var(--skogsgron, #6B8E6F);font-weight:600}.theme-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-md, 1rem);background:rgba(var(--primary-rgb, 184, 115, 51),.1);border-radius:var(--radius-md, 10px);margin-bottom:var(--spacing-lg, 1.5rem)}.theme-loading span{font-size:.875rem;color:var(--primary, #B87333);font-weight:500}.theme-info{background:rgba(var(--background-light-rgb, 229, 217, 199),.3);border-radius:var(--radius-md, 10px);padding:var(--spacing-lg, 1.5rem)}.theme-info h3{font-size:.9375rem;font-weight:600;color:var(--charcoal-graphite, #1C1C1E);margin-bottom:var(--spacing-sm, .5rem)}.theme-info p{font-size:.8125rem;color:var(--text-muted, #3A4A42);line-height:1.6;margin-bottom:var(--spacing-sm, .5rem)}.theme-info p:last-child{margin-bottom:0}@media (max-width: 768px){.theme-options{grid-template-columns:1fr}}.modern-theme .theme-preview-card{background:var(--glass-bg, rgba(255, 255, 255, .7));backdrop-filter:blur(var(--glass-blur, 12px));-webkit-backdrop-filter:blur(var(--glass-blur, 12px));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow, 0 8px 32px rgba(0, 0, 0, .08))}.modern-theme .theme-preview-card:hover{border-color:rgba(var(--primary-rgb, 184, 115, 51),.5);box-shadow:0 8px 32px rgba(var(--primary-rgb, 184, 115, 51),.15),inset 0 1px #ffffff80}.modern-theme .theme-preview-card.active{border-color:var(--primary, #B87333);border-width:2px;box-shadow:0 8px 32px rgba(var(--primary-rgb, 184, 115, 51),.2),inset 0 1px #ffffff80}.modern-theme .theme-preview-visual{background:#fff6;border-bottom:1px solid var(--glass-border)}.modern-theme .theme-info{background:#ffffff80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--radius-lg, 16px)}.modern-theme .theme-loading{background:rgba(var(--primary-rgb, 184, 115, 51),.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(var(--primary-rgb, 184, 115, 51),.15)}.api-keys-manager{padding:1.5rem}.api-keys-loading{padding:2rem;text-align:center}.api-keys-loading p{margin-top:1rem;color:var(--text-muted)}.api-keys-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;background-color:var(--color-warning-light, #fef3c7);border-radius:8px;border:1px solid var(--color-warning, var(--primary))}.api-keys-header>svg{color:var(--primary);flex-shrink:0}.api-keys-header-text{flex:1}.api-keys-header-text strong{color:var(--charcoal-graphite);font-size:1rem}.api-keys-header-text p{margin:.25rem 0 0;font-size:.85rem;color:var(--charcoal-graphite);opacity:.8}.api-keys-refresh-btn{padding:.5rem;background:var(--kalkvit);border:1px solid var(--background-light);border-radius:6px;cursor:pointer;display:flex;align-items:center;color:var(--text-muted);transition:var(--transition-fast)}.api-keys-refresh-btn:hover{background:var(--background-light);color:var(--charcoal-graphite)}.api-keys-category{margin-bottom:2rem}.api-keys-category-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;color:var(--charcoal-graphite)}.api-keys-category-title svg{color:var(--primary)}.api-keys-category-desc{font-size:.85rem;color:var(--text-muted);margin-bottom:1rem}.api-keys-items{display:flex;flex-direction:column;gap:.75rem}.api-keys-item{padding:1rem;background-color:var(--kalkvit);border-radius:8px;border:1px solid var(--background-light);box-shadow:var(--shadow-sm)}.api-keys-item-row{display:flex;align-items:center;gap:1rem}.api-keys-item-icon{color:var(--text-muted);flex-shrink:0}.api-keys-item-info{flex:1;min-width:0}.api-keys-item-name{font-weight:500;font-size:.95rem;color:var(--charcoal-graphite)}.api-keys-item-desc{font-size:.8rem;color:var(--text-muted)}.api-keys-item-updated{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.api-keys-status{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;display:flex;align-items:center;gap:.25rem}.api-keys-status.configured{background-color:var(--color-success-light, #d1fae5);color:var(--color-success-dark, var(--skogsgroen))}.api-keys-status.not-configured{background-color:var(--color-error-light, #fee2e2);color:var(--color-error-dark, var(--tegelrod))}.api-keys-edit-btn{padding:.5rem 1rem;font-size:.85rem;border-radius:6px;cursor:pointer;font-weight:500;transition:var(--transition-fast)}.api-keys-edit-btn.update{background-color:var(--kalkvit);color:var(--charcoal-graphite);border:1px solid var(--background-light)}.api-keys-edit-btn.update:hover{background-color:var(--background-light);border-color:var(--primary)}.api-keys-edit-btn.set-key{background-color:var(--primary);color:#fff;border:none}.api-keys-edit-btn.set-key:hover{filter:brightness(1.1)}.api-keys-edit-form{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--background-light);display:flex;align-items:center;gap:.75rem}.api-keys-input-wrapper{position:relative;flex:1}.api-keys-input{width:100%;padding:.75rem 2.5rem .75rem .75rem;border:2px solid var(--background-light);border-radius:6px;font-size:.9rem;font-family:monospace;background:var(--kalkvit);color:var(--charcoal-graphite);transition:var(--transition-fast)}.api-keys-input:focus{outline:none;border-color:var(--primary)}.api-keys-toggle-visibility{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;color:var(--text-muted)}.api-keys-toggle-visibility:hover{color:var(--charcoal-graphite)}.api-keys-save-btn{padding:.75rem 1rem;background-color:var(--skogsgroen);color:#fff;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:500;transition:var(--transition-fast)}.api-keys-save-btn:hover:not(:disabled){filter:brightness(1.1)}.api-keys-save-btn:disabled{background-color:var(--background-light);cursor:not-allowed}.api-keys-cancel-btn{padding:.75rem 1rem;background-color:var(--color-surface-secondary, var(--background-light));color:var(--charcoal-graphite);border:1px solid var(--background-light);border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:var(--transition-fast)}.api-keys-cancel-btn:hover:not(:disabled){background-color:var(--background-light)}.api-keys-delete-btn{padding:.75rem;background-color:var(--color-error-light, #fee2e2);color:var(--tegelrod);border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;transition:var(--transition-fast)}.api-keys-delete-btn:hover:not(:disabled){background-color:var(--tegelrod);color:#fff}.api-keys-empty{text-align:center;padding:3rem;background-color:var(--kalkvit);border-radius:8px}.api-keys-empty svg{color:var(--text-muted);margin-bottom:1rem}.api-keys-empty h3{color:var(--charcoal-graphite);margin-bottom:.5rem}.api-keys-empty p{color:var(--text-muted)}.config-manager{padding:1.5rem}.config-loading{padding:2rem;text-align:center}.config-loading p{margin-top:1rem;color:var(--text-muted)}.config-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;background-color:var(--color-info-light, var(--kalkvit));border-radius:8px;border:1px solid var(--color-info, var(--background-light))}.config-header>svg{color:var(--primary);flex-shrink:0}.config-header-text{flex:1}.config-header-text strong{color:var(--charcoal-graphite);font-size:1rem}.config-header-text p{margin:.25rem 0 0;font-size:.85rem;color:var(--text-muted)}.config-refresh-btn{padding:.5rem;background:var(--kalkvit);border:1px solid var(--background-light);border-radius:6px;cursor:pointer;display:flex;align-items:center;color:var(--text-muted);transition:var(--transition-fast)}.config-refresh-btn:hover{background:var(--background-light);color:var(--charcoal-graphite)}.config-category{margin-bottom:2rem}.config-category-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;color:var(--charcoal-graphite)}.config-category-title svg{color:var(--primary)}.config-category-desc{font-size:.85rem;color:var(--text-muted);margin-bottom:1rem}.config-items{display:flex;flex-direction:column;gap:.75rem}.config-item{padding:1rem;background-color:var(--kalkvit);border-radius:8px;border:1px solid var(--background-light);box-shadow:var(--shadow-sm)}.config-item-row{display:flex;align-items:center;gap:1rem}.config-item-icon{color:var(--text-muted);flex-shrink:0}.config-item-info{flex:1;min-width:0}.config-item-key{font-weight:500;font-size:.95rem;color:var(--charcoal-graphite);display:flex;align-items:center;gap:.5rem}.config-required{color:var(--tegelrod);font-size:.75rem;font-weight:400}.config-item-desc{font-size:.8rem;color:var(--text-muted)}.config-type-badge{padding:.25rem .5rem;border-radius:4px;font-size:.7rem;background-color:var(--color-surface-secondary, var(--background-light));color:var(--text-muted);display:flex;align-items:center;gap:.25rem}.config-value{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-family:monospace;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-value.set{background-color:var(--color-success-light, #d1fae5);color:var(--color-success-dark, var(--skogsgroen))}.config-value.not-set{background-color:var(--color-error-light, #fee2e2);color:var(--color-error-dark, var(--tegelrod))}.config-edit-btn{padding:.5rem 1rem;font-size:.85rem;background-color:var(--kalkvit);color:var(--charcoal-graphite);border:1px solid var(--background-light);border-radius:6px;cursor:pointer;font-weight:500;transition:var(--transition-fast)}.config-edit-btn:hover{background-color:var(--background-light);border-color:var(--primary)}.config-edit-form{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--background-light);display:flex;align-items:center;gap:.75rem}.config-input{flex:1;padding:.75rem;border:2px solid var(--background-light);border-radius:6px;font-size:.9rem;font-family:monospace;background:var(--kalkvit);color:var(--charcoal-graphite);transition:var(--transition-fast)}.config-input:focus{outline:none;border-color:var(--primary)}.config-save-btn{padding:.75rem 1rem;background-color:var(--skogsgroen);color:#fff;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:500;transition:var(--transition-fast)}.config-save-btn:hover:not(:disabled){filter:brightness(1.1)}.config-save-btn:disabled{background-color:var(--background-light);cursor:not-allowed}.config-cancel-btn{padding:.75rem 1rem;background-color:var(--color-surface-secondary, var(--background-light));color:var(--charcoal-graphite);border:1px solid var(--background-light);border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:var(--transition-fast)}.config-cancel-btn:hover:not(:disabled){background-color:var(--background-light)}.config-empty{text-align:center;padding:3rem;background-color:var(--kalkvit);border-radius:8px}.config-empty svg{color:var(--text-muted);margin-bottom:1rem}.config-empty h3{color:var(--charcoal-graphite);margin-bottom:.5rem}.config-empty p{color:var(--text-muted)}.config-scheduler-status{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--background-light);font-size:.8rem;color:var(--text-muted);display:flex;gap:1.5rem}.spin{animation:spin 1s linear infinite}.settings-modal-container{width:100%;height:100%;display:flex;flex-direction:column}.modal-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem;font-family:var(--font-body)}.modal-message.success{background:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success-dark)}.modal-message.error{background:var(--color-error-light);border:1px solid var(--color-error);color:var(--color-error-dark)}.modal-sections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.modal-section-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border:2px solid var(--background-light);border-radius:10px;cursor:pointer;transition:var(--transition-fast);text-align:left}.modal-section-card:hover{border-color:var(--section-color);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.modal-section-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:10px;background:var(--section-color, var(--primary))15;color:var(--section-color, var(--primary));flex-shrink:0}.modal-section-info{flex:1;min-width:0}.modal-section-name{font-family:var(--font-header);font-size:1rem;font-weight:600;color:var(--charcoal-graphite);margin-bottom:.25rem}.modal-section-description{font-family:var(--font-body);font-size:.85rem;color:var(--text-muted);line-height:1.3}.modal-section-arrow{color:var(--text-muted);opacity:.5;transition:var(--transition-fast);flex-shrink:0}.modal-section-card:hover .modal-section-arrow{opacity:1;transform:translate(4px)}.modal-section-content{display:flex;flex-direction:column;gap:1rem}.modal-back-btn{align-self:flex-start;padding:.5rem 1rem;background:var(--kalkvit);border:1px solid var(--background-light);border-radius:6px;font-family:var(--font-body);font-size:.9rem;color:var(--charcoal-graphite);cursor:pointer;transition:var(--transition-fast)}.modal-back-btn:hover{background:#fff;border-color:var(--primary);color:var(--primary)}.modal-section-title{font-family:var(--font-header);font-size:1.25rem;font-weight:700;color:var(--charcoal-graphite);margin:0 0 1rem;padding-bottom:.75rem;border-bottom:2px solid var(--background-light)}.modal-section-divider{height:1px;background:var(--background-light);margin:1.5rem 0}.modal-ai-testing{display:flex;flex-direction:column;gap:1rem}.modal-test-actions{display:flex;gap:.75rem;flex-wrap:wrap}.modal-test-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:8px;font-family:var(--font-body);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.modal-test-btn.primary{background:var(--primary);color:#fff}.modal-test-btn.primary:hover:not(:disabled){background:var(--secondary);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.modal-test-btn:disabled{opacity:.6;cursor:not-allowed}.modal-test-results{display:flex;flex-direction:column;gap:1rem}.modal-test-error{display:flex;align-items:center;gap:.5rem;padding:1rem;background:var(--color-error-light);border:1px solid var(--color-error);border-radius:8px;color:var(--color-error-dark);font-size:.9rem}.modal-service-card{padding:1rem;border-radius:8px;border:2px solid;transition:var(--transition-fast)}.modal-service-card.success{background:var(--color-success-light);border-color:var(--color-success)}.modal-service-card.error{background:var(--color-error-light);border-color:var(--color-error)}.modal-service-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.modal-service-name{font-family:var(--font-header);font-size:1rem;font-weight:600;color:var(--charcoal-graphite)}.modal-service-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.modal-service-badge.success{background:var(--color-success);color:#fff}.modal-service-badge.error{background:var(--color-error);color:#fff}.modal-service-details{display:flex;flex-direction:column;gap:.375rem}.modal-service-detail{font-family:var(--font-body);font-size:.85rem;color:var(--color-success-dark);line-height:1.4}.modal-service-error{font-family:var(--font-body);font-size:.85rem;color:var(--color-error-dark);line-height:1.4}.modal-credits-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1rem;background:var(--kalkvit);border-radius:8px;border:1px solid var(--background-light)}.modal-credits-card{display:flex;flex-direction:column;gap:.5rem}.modal-credits-card h4{font-family:var(--font-header);font-size:.95rem;font-weight:700;color:var(--charcoal-graphite);margin:0}.modal-credit-value{font-family:var(--font-header);font-size:1.5rem;font-weight:700;color:var(--secondary)}.modal-credit-limit,.modal-credit-note{font-family:var(--font-body);font-size:.85rem;color:var(--text-muted)}.modal-credit-status{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;width:-moz-fit-content;width:fit-content}.modal-credit-status.available{background:var(--color-success);color:#fff}.modal-credit-status.unavailable{background:var(--color-error);color:#fff}.modal-credits-error{display:flex;align-items:center;gap:.5rem;padding:1rem;background:var(--color-error-light);border:1px solid var(--color-error);border-radius:8px;color:var(--color-error-dark);font-size:.9rem}.spinning{animation:spin 1s linear infinite}@media (max-width: 768px){.modal-sections-grid{grid-template-columns:1fr}.modal-section-card{padding:1rem}.modal-section-icon{width:40px;height:40px}.modal-credits-overview{grid-template-columns:1fr}}.tag-badge{display:inline-flex;align-items:center;gap:.25rem;border-radius:12px;font-family:var(--font-body);font-weight:500;transition:var(--transition-fast);white-space:nowrap;border:1px solid transparent}.tag-badge-text{line-height:1}.tag-badge-small{padding:.25rem .5rem;font-size:.75rem}.tag-badge-medium{padding:.375rem .75rem;font-size:.85rem}.tag-badge-large{padding:.5rem 1rem;font-size:.95rem}.tag-category-source{background:var(--primary)20;color:var(--primary);border-color:var(--primary)40}.tag-category-type{background:var(--text-muted)15;color:var(--text-muted);border-color:var(--text-muted)30}.tag-category-custom{background:var(--background-light)60;color:var(--charcoal-graphite);border-color:var(--background-light)}.tag-badge-clickable{cursor:pointer}.tag-badge-clickable:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.tag-badge-remove{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;margin-left:.125rem;color:inherit;opacity:.7;transition:opacity .2s}.tag-badge-remove:hover{opacity:1}.tag-filter{background:#ffffff80;border:1px solid rgba(var(--secondary-rgb),.2);border-radius:var(--radius-md, 10px);margin-bottom:1.5rem}.tag-filter-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid rgba(var(--secondary-rgb),.15);background:#ffffff4d;border-radius:var(--radius-md, 10px) var(--radius-md, 10px) 0 0}.tag-filter-title{display:flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-weight:600;color:var(--charcoal-graphite);font-size:.95rem}.tag-filter-count{font-size:.85rem;color:var(--primary);font-weight:500}.tag-filter-actions{display:flex;align-items:center;gap:.5rem}.tag-filter-operator,.tag-filter-clear,.tag-filter-refresh,.tag-filter-toggle{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:1px solid var(--background-light);background:#fff;border-radius:6px;font-family:var(--font-body);font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--transition-fast);color:var(--charcoal-graphite)}.tag-filter-operator{background:var(--primary)10;border-color:var(--primary);color:var(--primary);font-weight:600;min-width:50px;justify-content:center}.tag-filter-operator:hover{background:var(--primary)20}.tag-filter-clear:hover,.tag-filter-refresh:hover,.tag-filter-toggle:hover{border-color:var(--primary);background:var(--primary)05}.tag-filter-refresh:disabled{opacity:.5;cursor:not-allowed}.tag-filter-toggle{font-size:1.2rem;font-weight:700;padding:.375rem .5rem;min-width:32px}.tag-filter-content{padding:1rem}.tag-filter-loading,.tag-filter-empty{text-align:center;padding:2rem;color:var(--text-muted);font-size:.9rem}.tag-filter-grid{display:flex;flex-wrap:wrap;gap:.5rem}.tag-filter-show-more{display:block;width:100%;margin-top:.75rem;padding:.5rem 1rem;background:transparent;border:1px dashed var(--background-light);border-radius:6px;font-family:var(--font-body);font-size:.85rem;font-weight:500;color:var(--primary);cursor:pointer;transition:var(--transition-fast)}.tag-filter-show-more:hover{border-color:var(--primary);background:var(--primary)05}.tag-filter-selected{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-top:1px solid var(--background-light);background:var(--kalkvit)}.tag-filter-selected-label{font-family:var(--font-body);font-size:.85rem;font-weight:600;color:var(--charcoal-graphite);white-space:nowrap}.tag-filter-selected-tags{display:flex;flex-wrap:wrap;gap:.375rem}.tag-manager{background:var(--kalkvit);border:1px solid var(--background-light);border-radius:8px;padding:1rem}.tag-manager-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:var(--charcoal-graphite)}.tag-manager-title{font-family:var(--font-body);font-weight:600;font-size:.9rem}.tag-manager-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.75rem;min-height:2rem}.tag-manager-empty{font-size:.85rem;color:var(--text-muted);opacity:.7;font-style:italic}.tag-manager-input-wrapper{position:relative}.tag-manager-input-container{display:flex;gap:.5rem}.tag-manager-input{flex:1;padding:.5rem .75rem;border:1px solid var(--background-light);border-radius:6px;font-family:var(--font-body);font-size:.9rem;transition:var(--transition-fast)}.tag-manager-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary) 10}.tag-manager-input:disabled{opacity:.6;cursor:not-allowed;background:var(--color-gray-light)}.tag-manager-add-btn{display:flex;align-items:center;justify-content:center;padding:.5rem .75rem;background:var(--primary);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:var(--transition-fast)}.tag-manager-add-btn:hover:not(:disabled){background:var(--secondary);transform:translateY(-1px)}.tag-manager-add-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.tag-manager-suggestions{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:#fff;border:1px solid var(--background-light);border-radius:6px;box-shadow:var(--shadow-md);max-height:200px;overflow-y:auto;z-index:100}.tag-manager-suggestion{display:flex;align-items:center;gap:.5rem;width:100%;padding:.625rem .875rem;border:none;background:none;text-align:left;font-family:var(--font-body);font-size:.9rem;cursor:pointer;transition:background .15s;color:var(--charcoal-graphite)}.tag-manager-suggestion:hover{background:var(--primary)10}.tag-manager-suggestion:not(:last-child){border-bottom:1px solid var(--background-light)}.tag-manager-error{margin-top:.5rem;padding:.5rem .75rem;background:var(--color-error-light);border:1px solid var(--color-error-border);border-radius:6px;font-size:.85rem;color:var(--color-error-dark)}@media (max-width: 768px){.tag-filter-header{flex-direction:column;align-items:flex-start;gap:.75rem}.tag-filter-actions{width:100%;justify-content:flex-end}.tag-filter-selected{flex-direction:column;align-items:flex-start}}.stock-media-tab{padding:24px}.stock-search-header{margin-bottom:24px}.stock-search-form{display:flex;gap:12px;margin-bottom:16px}.search-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:16px;color:#9ca3af;pointer-events:none}.stock-search-input{width:100%;padding:14px 48px;border:2px solid #E5E7EB;border-radius:12px;font-size:16px;transition:all .2s}.stock-search-input:focus{outline:none;border-color:#b87333;box-shadow:0 0 0 3px #b873331a}.stock-search-input::-moz-placeholder{color:#9ca3af}.stock-search-input::placeholder{color:#9ca3af}.clear-search{position:absolute;right:16px;background:none;border:none;color:#9ca3af;font-size:24px;cursor:pointer;padding:0;line-height:1}.clear-search:hover{color:#6b7280}.btn-search{display:flex;align-items:center;gap:8px;background:#b87333;color:#fff;border:none;padding:14px 28px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-search:hover:not(:disabled){background:#a66329;transform:translateY(-1px)}.btn-search:disabled{background:#e5d9c7;cursor:not-allowed}.btn-search .spin{animation:spin 1s linear infinite}.stock-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.filter-group{display:flex;gap:4px}.filter-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:2px solid #E5E7EB;border-radius:8px;font-size:14px;color:#6b7280;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:#b87333;color:#b87333}.filter-btn.active{background:#fef7f0;border-color:#b87333;color:#b87333}.filter-select{padding:8px 32px 8px 14px;background:#fff;border:2px solid #E5E7EB;border-radius:8px;font-size:14px;color:#374151;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.filter-select:focus{outline:none;border-color:#b87333}.filter-group.providers{margin-left:auto}.provider-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#fff;border:1px solid #E5E7EB;border-radius:6px;font-size:13px;color:#6b7280;cursor:pointer;transition:all .2s}.provider-btn:hover{border-color:#b87333}.provider-btn.active{background:#b87333;border-color:#b87333;color:#fff}.stock-error{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fee2e2;border:1px solid #FECACA;border-radius:8px;color:#dc2626;margin-bottom:24px}.stock-error button{margin-left:auto;background:none;border:none;color:#dc2626;font-size:20px;cursor:pointer;padding:0}.stock-suggestions{display:flex;flex-direction:column;gap:32px}.suggestion-section h3{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#374151;margin:0 0 16px}.suggestion-section h3 .refresh-btn{margin-left:8px;background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px}.suggestion-section h3 .refresh-btn:hover{background:#f3f4f6;color:#b87333}.suggestion-tags{display:flex;flex-wrap:wrap;gap:8px}.suggestion-tag{padding:8px 16px;background:#f3f4f6;border:none;border-radius:20px;font-size:14px;color:#374151;cursor:pointer;transition:all .2s}.suggestion-tag:hover{background:#b87333;color:#fff}.trending-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.trending-item{position:relative;aspect-ratio:4/3;border-radius:12px;overflow:hidden;cursor:pointer}.trending-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s}.trending-item:hover img{transform:scale(1.05)}.trending-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 50%);display:flex;align-items:flex-end;justify-content:space-between;padding:12px;opacity:0;transition:opacity .2s}.trending-item:hover .trending-overlay{opacity:1}.trending-overlay .provider-badge{font-size:11px;padding:4px 8px;background:#fff3;color:#fff;border-radius:4px;text-transform:capitalize}.trending-overlay svg{color:#fff}.trending-overlay .downloaded{color:#22c55e}.stock-results{min-height:400px}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.results-count{font-size:14px;color:#6b7280}.provider-stats{display:flex;gap:12px}.provider-stat{font-size:13px;color:#9ca3af;text-transform:capitalize}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.result-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f;transition:all .2s}.result-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.result-image-wrapper{position:relative;aspect-ratio:4/3;overflow:hidden}.result-image-wrapper img,.result-image-wrapper video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-thumbnail{position:relative}.result-image-wrapper .video-thumbnail:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center}.video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#374151,#1f2937);color:#9ca3af}.result-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.result-card:hover .result-overlay{opacity:1}.result-actions{display:flex;gap:8px}.btn-import{display:flex;align-items:center;gap:6px;padding:10px 20px;background:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s}.btn-import:hover:not(:disabled){background:#b87333;color:#fff}.btn-import:disabled{opacity:.7;cursor:not-allowed}.btn-import.imported{background:#22c55e;color:#fff}.btn-import .spin{animation:spin 1s linear infinite}.btn-import .pulse{animation:pulse 1s ease-in-out infinite}.btn-import .size-info{font-size:11px;font-weight:400;opacity:.9;margin-left:4px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.import-status{display:flex;align-items:center;gap:4px;font-size:11px;color:#fff;background:#00000080;padding:4px 8px;border-radius:4px}.import-status.success{background:#22c55ecc}.import-status .pulse{animation:pulse 1s ease-in-out infinite}.btn-external{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffffe6;border-radius:8px;color:#374151;text-decoration:none;transition:all .2s}.btn-external:hover{background:#fff;color:#b87333}.result-info{padding:12px 16px}.result-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.provider-badge{font-size:11px;font-weight:600;padding:4px 8px;border-radius:4px;text-transform:capitalize}.provider-badge.pixabay{background:#e8f5e9;color:#2e7d32}.provider-badge.pexels{background:#e3f2fd;color:#1565c0}.provider-badge.unsplash{background:#f3e5f5;color:#7b1fa2}.dimensions{font-size:12px;color:#9ca3af}.photographer{display:flex;align-items:center;gap:6px;font-size:13px;color:#6b7280}.attribution{font-size:11px;color:#9ca3af;margin-top:4px;font-style:italic}.load-more-wrapper{display:flex;justify-content:center;margin-top:32px}.btn-load-more{display:flex;align-items:center;gap:8px;padding:12px 32px;background:#fff;border:2px solid #E5E7EB;border-radius:10px;font-size:15px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s}.btn-load-more:hover:not(:disabled){border-color:#b87333;color:#b87333}.btn-load-more:disabled{opacity:.7;cursor:not-allowed}.btn-load-more .spin{animation:spin 1s linear infinite}.no-results{text-align:center;padding:60px 20px;color:#9ca3af}.no-results svg{margin-bottom:16px;opacity:.5}.no-results h3{margin:0 0 8px;color:#374151}.no-results p{margin:0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#b87333}.loading-state .spin{animation:spin 1s linear infinite;margin-bottom:16px}.loading-state p{margin:0;color:#6b7280}@media (max-width: 768px){.stock-media-tab{padding:16px}.stock-search-form{flex-direction:column}.btn-search{width:100%;justify-content:center}.stock-filters{flex-direction:column;align-items:stretch}.filter-group{width:100%}.filter-group.providers{margin-left:0;flex-wrap:wrap}.results-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.trending-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.media-library{min-height:100vh;background:linear-gradient(135deg,var(--kalkvit) 0%,var(--background-light) 100%);font-family:var(--font-body);color:var(--charcoal-graphite)}.media-library-header{background:linear-gradient(135deg,var(--charcoal-graphite) 0%,var(--secondary) 100%);color:var(--kalkvit);padding:2rem 2rem 0;margin-bottom:0;position:relative;z-index:100}.media-library-header .header-content{max-width:1400px;margin:0 auto;text-align:center;padding-bottom:0}.media-library-title h1{font-family:var(--font-header);font-size:3rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.02em;color:var(--kalkvit)}.media-library-title p{font-family:var(--font-serif);font-size:1.2rem;font-style:italic;opacity:.9;margin-bottom:0;color:var(--kalkvit)}.media-library-tabs{display:flex;gap:.5rem;margin-bottom:2rem;background:#fff;padding:.5rem;border-radius:10px;box-shadow:var(--shadow-sm)}.media-library-tabs .tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;background:linear-gradient(145deg,#fffffff2,rgba(var(--background-light-rgb),.85));border:1px solid rgba(var(--secondary-rgb),.4);border-radius:8px;font-family:var(--font-body);font-weight:600;font-size:1rem;color:var(--charcoal-graphite);cursor:pointer;transition:var(--transition-fast);text-decoration:none;box-shadow:0 2px 8px #00000014}.media-library-tabs .tab-button:hover{background:rgba(var(--primary-rgb),.12);border-color:rgba(var(--primary-rgb),.4);color:var(--primary)}.media-library-tabs .tab-button.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #b8733366}.media-library-content{max-width:1400px;margin:0 auto;padding:1.5rem 2rem;min-height:500px;background:rgba(var(--kalkvit-rgb),.95);border:1px solid rgba(var(--secondary-rgb),.35);border-radius:var(--radius-xl, 20px);box-shadow:0 2px 12px #0000000f;position:relative;z-index:1}.media-tab-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-muted);gap:1rem}.media-tab-loading p{font-family:var(--font-body);font-size:1.1rem}.images-tab-toolbar,.music-tab-toolbar,.videos-tab-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding:1rem;background:#ffffff80;border:1px solid rgba(var(--secondary-rgb),.2);border-radius:var(--radius-md, 10px);flex-wrap:wrap;gap:1rem}.images-tab-info,.music-tab-info,.videos-tab-info{display:flex;align-items:center;gap:.75rem;font-family:var(--font-body);font-size:.95rem;color:var(--charcoal-graphite);font-weight:600}.images-tab-selected,.music-tab-selected,.videos-tab-selected{color:var(--primary);font-weight:700}.images-tab-actions,.music-tab-actions,.videos-tab-actions{display:flex;gap:.5rem;flex-wrap:wrap}.images-tab-action-btn,.music-tab-action-btn,.videos-tab-action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--background-light);background:#fff;border-radius:6px;font-family:var(--font-body);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition-fast);color:var(--charcoal-graphite)}.images-tab-action-btn:hover,.music-tab-action-btn:hover,.videos-tab-action-btn:hover{border-color:var(--primary);background:var(--primary)05}.images-tab-action-btn:disabled,.music-tab-action-btn:disabled,.videos-tab-action-btn:disabled{opacity:.5;cursor:not-allowed}.images-tab-action-btn.danger,.music-tab-action-btn.danger,.videos-tab-action-btn.danger{border-color:var(--color-error-border);color:var(--color-error)}.images-tab-action-btn.danger:hover,.music-tab-action-btn.danger:hover,.videos-tab-action-btn.danger:hover{background:var(--color-error-light);border-color:var(--color-error)}.images-tab-filters,.music-tab-filters,.videos-tab-filters{display:flex;gap:.5rem;flex-wrap:wrap}.images-tab-select,.music-tab-select,.videos-tab-select{padding:.5rem .75rem;border:1px solid var(--background-light);border-radius:6px;font-family:var(--font-body);font-size:.9rem;background:#fff;cursor:pointer}.images-tab-select:focus,.music-tab-select:focus,.videos-tab-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary) 10}.images-tab-grid,.videos-tab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.images-tab-empty,.music-tab-empty,.videos-tab-empty{text-align:center;padding:4rem 2rem;color:var(--text-muted);font-size:1.1rem;grid-column:1 / -1}.image-card,.video-card{position:relative;background:#fff;border:2px solid var(--background-light);border-radius:10px;overflow:hidden;transition:var(--transition-fast)}.image-card.selected,.video-card.selected{border-color:var(--primary);box-shadow:0 4px 12px var(--primary) 20}.image-card:hover,.video-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.image-card-checkbox,.video-card-checkbox{position:absolute;top:.75rem;left:.75rem;z-index:10;background:#fff;border-radius:6px;padding:.5rem;cursor:pointer;box-shadow:0 2px 8px #00000026;color:var(--primary)}.image-card-preview{position:relative;width:100%;aspect-ratio:1;background:var(--background-light)20;overflow:hidden}.video-card-preview{position:relative;width:100%;height:280px;background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center}.image-card-preview img{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;display:block;max-width:100%;max-height:100%}.video-card-preview img,.video-card-preview video{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;display:block}.video-card-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-muted);opacity:.3}.video-card-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0009;color:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;pointer-events:none}.video-card:hover .video-card-play-overlay{opacity:1}.image-card-info,.video-card-info{padding:1rem}.image-card-title,.video-card-title{font-family:var(--font-header);font-weight:600;font-size:1rem;color:var(--charcoal-graphite);margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-card-meta,.video-card-meta{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.image-card-type,.image-card-source,.video-card-type,.video-card-duration{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;font-weight:500}.image-card-type,.video-card-type{background:var(--primary)15;color:var(--primary)}.video-card-type.reel{background:var(--text-muted)15;color:var(--text-muted)}.video-card-type.story{background:var(--dimblag)20;color:var(--dimblag)}.image-card-source,.video-card-duration{background:var(--background-light);color:var(--charcoal-graphite)}.image-card-tags-display,.video-card-tags-display{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.75rem;min-height:1.5rem}.image-card-tags-more,.video-card-tags-more{font-size:.75rem;color:var(--text-muted);font-style:italic}.image-card-actions,.video-card-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--background-light)}.image-card-action,.video-card-action{display:flex;align-items:center;justify-content:center;padding:.5rem;border:1px solid var(--background-light);background:#fff;border-radius:6px;cursor:pointer;transition:var(--transition-fast);color:var(--charcoal-graphite);text-decoration:none}.image-card-action:hover,.video-card-action:hover{border-color:var(--primary);background:var(--primary)05}.image-card-action.danger,.video-card-action.danger{border-color:var(--color-error-border);color:var(--color-error)}.image-card-action.danger:hover,.video-card-action.danger:hover{background:var(--color-error-light);border-color:var(--color-error)}.music-tab-list{display:flex;flex-direction:column;gap:1rem}.music-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:2px solid var(--background-light);border-radius:10px;transition:var(--transition-fast)}.music-card.selected{border-color:var(--primary);box-shadow:0 2px 8px var(--primary) 20}.music-card:hover{box-shadow:var(--shadow-sm)}.music-card-checkbox{cursor:pointer;color:var(--primary)}.music-card-play{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border:none;background:var(--primary)15;border-radius:50%;color:var(--primary);cursor:pointer;transition:var(--transition-fast);flex-shrink:0}.music-card-play:hover:not(:disabled){background:var(--primary);color:#fff;transform:scale(1.1)}.music-card-play:disabled{opacity:.4;cursor:not-allowed}.music-card-info{flex:1;min-width:0}.music-card-title{display:flex;align-items:center;gap:.5rem;font-family:var(--font-header);font-weight:600;font-size:1rem;color:var(--charcoal-graphite);margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-card-meta{display:flex;gap:.75rem;margin-bottom:.5rem;flex-wrap:wrap;font-size:.85rem}.music-card-source,.music-card-duration,.music-card-mood,.music-card-genre{padding:.25rem .5rem;border-radius:4px;font-weight:500}.music-card-source{background:var(--primary)15;color:var(--primary)}.music-card-duration{background:var(--background-light);color:var(--charcoal-graphite)}.music-card-mood{background:var(--text-muted)15;color:var(--text-muted)}.music-card-genre{background:var(--dimblag)20;color:var(--dimblag)}.music-card-tags-display{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem}.music-card-tags-more{font-size:.75rem;color:var(--text-muted);font-style:italic}.music-card-manager{margin-top:.75rem}.music-card-delete{display:flex;align-items:center;justify-content:center;padding:.5rem;border:1px solid var(--color-error-border);background:#fff;border-radius:6px;color:var(--color-error);cursor:pointer;transition:var(--transition-fast);flex-shrink:0}.music-card-delete:hover{background:var(--color-error-light);border-color:var(--color-error)}@media (max-width: 1024px){.images-tab-grid,.videos-tab-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 768px){.media-library-header{padding:1.5rem}.media-library-title h1{font-size:1.5rem}.media-library-tabs{display:none!important}.media-library .tab-hamburger-wrapper{display:block!important}.media-library-content{padding:0 1rem}.images-tab-toolbar,.music-tab-toolbar,.videos-tab-toolbar{flex-direction:column;align-items:stretch}.images-tab-actions,.music-tab-actions,.videos-tab-actions{width:100%;justify-content:space-between}.images-tab-grid,.videos-tab-grid{grid-template-columns:1fr}.music-card{flex-wrap:wrap}.music-card-manager{width:100%}}.video-player-modal{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:50000;padding:2rem}.video-player-container{background:#fff;border-radius:12px;max-width:1400px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.video-player-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid var(--background-light);background:var(--kalkvit)}.video-player-header h3{font-family:var(--font-header);font-size:1.25rem;font-weight:700;color:var(--charcoal-graphite);margin:0}.video-player-close{display:flex;align-items:center;justify-content:center;padding:.5rem;background:transparent;border:1px solid var(--background-light);border-radius:6px;cursor:pointer;transition:var(--transition-fast);color:var(--charcoal-graphite)}.video-player-close:hover{background:var(--color-error-light);border-color:var(--color-error);color:var(--color-error)}.video-player-body{padding:2rem;display:flex;align-items:center;justify-content:center;background:#000;flex:1}.video-player-error{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--background-light);text-align:center}.video-player-error p{font-family:var(--font-body);font-size:1.1rem;margin:0}@media (max-width: 768px){.video-player-modal{padding:0}.video-player-container{max-width:100vw;max-height:100vh;border-radius:0}.video-player-header{padding:1rem 1.5rem}.video-player-body{padding:0}}.images-tab-search,.music-tab-search,.videos-tab-search{position:relative;display:flex;align-items:center;flex:1;max-width:400px;min-width:200px}.images-tab-search-icon,.music-tab-search-icon,.videos-tab-search-icon{position:absolute;left:.75rem;color:var(--text-muted);pointer-events:none}.images-tab-search-input,.music-tab-search-input,.videos-tab-search-input{width:100%;padding:.6rem 2.25rem;border:1px solid var(--background-light);border-radius:8px;font-family:var(--font-body);font-size:.9rem;background:#fff;transition:var(--transition-fast)}.images-tab-search-input:focus,.music-tab-search-input:focus,.videos-tab-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #b873331a}.images-tab-search-input::-moz-placeholder,.music-tab-search-input::-moz-placeholder,.videos-tab-search-input::-moz-placeholder{color:var(--text-muted);opacity:.7}.images-tab-search-input::placeholder,.music-tab-search-input::placeholder,.videos-tab-search-input::placeholder{color:var(--text-muted);opacity:.7}.images-tab-search-clear,.music-tab-search-clear,.videos-tab-search-clear{position:absolute;right:.5rem;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;background:var(--background-light);border-radius:50%;cursor:pointer;color:var(--charcoal-graphite);transition:var(--transition-fast)}.images-tab-search-clear:hover,.music-tab-search-clear:hover,.videos-tab-search-clear:hover{background:var(--primary);color:#fff}@media (max-width: 768px){.images-tab-search,.music-tab-search,.videos-tab-search{max-width:100%;width:100%}}.modern-theme .media-library{background:transparent!important;min-height:auto!important;padding:var(--spacing-lg)!important}.modern-theme .media-library .tab-navigation{display:flex!important;justify-content:center!important;gap:.75rem!important;margin:0!important;padding:.75rem!important;background:linear-gradient(145deg,#ffffff59,rgba(var(--background-light-rgb),.15))!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border-radius:var(--radius-xl)!important;border:1px solid var(--glass-border)!important;box-shadow:0 4px 20px rgba(var(--primary-rgb),.08),inset 0 1px #ffffff80!important}.modern-theme .media-library .tab-btn,.modern-theme .media-library .tab-button{background:linear-gradient(145deg,#ffffff80,rgba(var(--background-light-rgb),.2))!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-full)!important;padding:.625rem 1.25rem!important;color:var(--charcoal-graphite)!important;font-weight:500!important;font-size:.875rem!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 2px 8px #0000000a!important;text-decoration:none!important}.modern-theme .media-library .tab-btn:hover,.modern-theme .media-library .tab-button:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.12),#ffffffa6,rgba(var(--background-light-rgb),.2))!important;border-color:rgba(var(--primary-rgb),.25)!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(var(--primary-rgb),.12),inset 0 1px #ffffff80!important}.modern-theme .media-library .tab-btn.active,.modern-theme .media-library .tab-button.active{background:linear-gradient(145deg,rgba(var(--primary-rgb),.2),#ffffffb3,rgba(var(--primary-rgb),.15))!important;border-color:rgba(var(--primary-rgb),.35)!important;color:var(--primary)!important;font-weight:600!important;box-shadow:0 4px 16px rgba(var(--primary-rgb),.2),0 0 20px rgba(var(--primary-rgb),.1),inset 0 1px #fff9!important}.modern-theme .media-library .tab-button .tab-icon,.modern-theme .media-library .tab-btn .tab-icon{width:16px!important;height:16px!important;opacity:.8!important}.modern-theme .media-library .tab-button.active .tab-icon,.modern-theme .media-library .tab-btn.active .tab-icon{opacity:1!important;color:var(--primary)!important}.modern-theme .media-library-content{background:linear-gradient(145deg,#ffffffd9,rgba(var(--background-light-rgb),.15),#ffffffbf)!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;box-shadow:0 8px 32px rgba(var(--primary-rgb),.08),0 2px 8px #0000000a,inset 0 1px #ffffff80!important}.modern-theme .images-tab-toolbar,.modern-theme .music-tab-toolbar,.modern-theme .videos-tab-toolbar{background:#ffffff80!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important}.modern-theme .images-tab-action-btn,.modern-theme .music-tab-action-btn,.modern-theme .videos-tab-action-btn{background:#ffffffb3!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important}.modern-theme .images-tab-action-btn:hover,.modern-theme .music-tab-action-btn:hover,.modern-theme .videos-tab-action-btn:hover{background:#ffffffe6!important;border-color:rgba(var(--primary-rgb),.3)!important}.modern-theme .images-tab-action-btn.danger,.modern-theme .music-tab-action-btn.danger,.modern-theme .videos-tab-action-btn.danger{border-color:#ef44444d!important}.modern-theme .images-tab-action-btn.danger:hover,.modern-theme .music-tab-action-btn.danger:hover,.modern-theme .videos-tab-action-btn.danger:hover{background:#ef44441a!important;border-color:#ef444480!important}.modern-theme .images-tab-select,.modern-theme .music-tab-select,.modern-theme .videos-tab-select{background:#ffffffe6!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important}.modern-theme .images-tab-select:focus,.modern-theme .music-tab-select:focus,.modern-theme .videos-tab-select:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)!important}.modern-theme .image-card,.modern-theme .video-card{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--glass-shadow)!important}.modern-theme .image-card.selected,.modern-theme .video-card.selected{border-color:var(--primary)!important;box-shadow:0 4px 16px rgba(var(--primary-rgb),.2)!important}.modern-theme .image-card:hover,.modern-theme .video-card:hover{box-shadow:0 8px 24px #0000001a!important}.modern-theme .image-card-checkbox,.modern-theme .video-card-checkbox{background:#ffffffe6!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border-radius:var(--radius-sm)!important;box-shadow:0 2px 8px #0000001a!important}.modern-theme .image-card-type,.modern-theme .video-card-type{background:rgba(var(--primary-rgb),.15)!important;color:var(--primary)!important;border-radius:var(--radius-full)!important}.modern-theme .video-card-type.reel{background:rgba(var(--accent-rgb),.15)!important;color:var(--text-muted)!important}.modern-theme .video-card-type.story{background:rgba(var(--secondary-rgb),.3)!important;color:var(--secondary)!important}.modern-theme .image-card-source,.modern-theme .video-card-duration{background:rgba(var(--background-light-rgb),.5)!important;border-radius:var(--radius-full)!important}.modern-theme .image-card-actions,.modern-theme .video-card-actions{border-top:1px solid var(--glass-border)!important}.modern-theme .image-card-action,.modern-theme .video-card-action{background:#ffffffb3!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important}.modern-theme .image-card-action:hover,.modern-theme .video-card-action:hover{background:#ffffffe6!important;border-color:rgba(var(--primary-rgb),.3)!important}.modern-theme .music-card{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--glass-shadow)!important}.modern-theme .music-card.selected{border-color:var(--primary)!important;box-shadow:0 4px 16px rgba(var(--primary-rgb),.2)!important}.modern-theme .music-card:hover{box-shadow:0 4px 16px #00000014!important}.modern-theme .music-card-play{background:rgba(var(--primary-rgb),.15)!important;color:var(--primary)!important}.modern-theme .music-card-play:hover:not(:disabled){background:var(--primary)!important;color:#fff!important}.modern-theme .music-card-source{background:rgba(var(--primary-rgb),.15)!important;color:var(--primary)!important;border-radius:var(--radius-full)!important}.modern-theme .music-card-duration{background:rgba(var(--background-light-rgb),.5)!important;border-radius:var(--radius-full)!important}.modern-theme .music-card-mood{background:rgba(var(--accent-rgb),.15)!important;color:var(--text-muted)!important;border-radius:var(--radius-full)!important}.modern-theme .music-card-genre{background:rgba(var(--secondary-rgb),.3)!important;color:var(--secondary)!important;border-radius:var(--radius-full)!important}.modern-theme .music-card-delete{border-color:#ef44444d!important}.modern-theme .music-card-delete:hover{background:#ef44441a!important;border-color:#ef444480!important}.modern-theme .video-player-modal{background:#000c!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}.modern-theme .video-player-container{background:var(--glass-bg-dark)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;box-shadow:0 16px 48px #0000004d!important}.modern-theme .video-player-header{background:#ffffff80!important;border-bottom:1px solid var(--glass-border)!important;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important}.modern-theme .video-player-close{background:#ffffffb3!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important}.modern-theme .video-player-close:hover{background:#ef44441a!important;border-color:#ef44444d!important}.modern-theme .images-tab-search-input,.modern-theme .music-tab-search-input,.modern-theme .videos-tab-search-input{background:#ffffffe6!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important;box-shadow:inset 0 1px 3px #0000000d!important}.modern-theme .images-tab-search-input:focus,.modern-theme .music-tab-search-input:focus,.modern-theme .videos-tab-search-input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1),inset 0 1px 3px #0000000d!important}.modern-theme .images-tab-search-clear,.modern-theme .music-tab-search-clear,.modern-theme .videos-tab-search-clear{background:rgba(var(--background-light-rgb),.5)!important}.modern-theme .images-tab-search-clear:hover,.modern-theme .music-tab-search-clear:hover,.modern-theme .videos-tab-search-clear:hover{background:var(--primary)!important}.modern-theme .images-tab-empty,.modern-theme .music-tab-empty,.modern-theme .videos-tab-empty{background:#ffffff80!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border-radius:var(--radius-lg)!important;padding:4rem 2rem!important}.modern-theme .media-tab-loading{background:#ffffff80!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border-radius:var(--radius-lg)!important}@media (max-width: 1024px){.modern-theme .media-library .tab-navigation,.modern-theme .media-library-tabs{display:none!important}.modern-theme .media-library .tab-hamburger-wrapper{display:block!important}}@media (max-width: 768px){.modern-theme .media-library .tab-navigation,.modern-theme .media-library-tabs{display:none!important}.modern-theme .media-library{padding:var(--spacing-md)!important}.modern-theme .media-library-header,.modern-theme .media-library-content{border-radius:var(--radius-md)!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reel-text-element{opacity:1}.shotstack-fade-in-hook,.shotstack-fade-in-h1,.shotstack-fade-in-h2{animation:shotstackFadeIn 1s ease-out forwards;opacity:0}.shotstack-zoom-in-hook,.shotstack-zoom-in-h1,.shotstack-zoom-in-h2{animation:shotstackZoomIn 1s ease-out forwards;opacity:0;transform:scale(.8)}.shotstack-zoom-out-hook,.shotstack-zoom-out-h1,.shotstack-zoom-out-h2{animation:shotstackZoomOut 1s ease-out forwards;opacity:0;transform:scale(1.2)}.shotstack-slide-left-hook,.shotstack-slide-left-h1,.shotstack-slide-left-h2{animation:shotstackSlideLeft 1s ease-out forwards;opacity:0;transform:translate(100px)}.shotstack-slide-right-hook,.shotstack-slide-right-h1,.shotstack-slide-right-h2{animation:shotstackSlideRight 1s ease-out forwards;opacity:0;transform:translate(-100px)}.shotstack-slide-up-hook,.shotstack-slide-up-h1,.shotstack-slide-up-h2{animation:shotstackSlideUp 1s ease-out forwards;opacity:0;transform:translateY(100px)}.shotstack-slide-down-hook,.shotstack-slide-down-h1,.shotstack-slide-down-h2{animation:shotstackSlideDown 1s ease-out forwards;opacity:0;transform:translateY(-100px)}.shotstack-slide-left-fast-hook,.shotstack-slide-left-fast-h1,.shotstack-slide-left-fast-h2{animation:shotstackSlideLeft .5s ease-out forwards;opacity:0;transform:translate(100px)}.shotstack-slide-right-fast-hook,.shotstack-slide-right-fast-h1,.shotstack-slide-right-fast-h2{animation:shotstackSlideRight .5s ease-out forwards;opacity:0;transform:translate(-100px)}.shotstack-zoom-in-fast-hook,.shotstack-zoom-in-fast-h1,.shotstack-zoom-in-fast-h2{animation:shotstackZoomIn .5s ease-out forwards;opacity:0;transform:scale(.8)}.shotstack-zoom-out-fast-hook,.shotstack-zoom-out-fast-h1,.shotstack-zoom-out-fast-h2{animation:shotstackZoomOut .5s ease-out forwards;opacity:0;transform:scale(1.2)}.shotstack-slide-left-slow-hook,.shotstack-slide-left-slow-h1,.shotstack-slide-left-slow-h2{animation:shotstackSlideLeft 2s ease-out forwards;opacity:0;transform:translate(100px)}.shotstack-slide-right-slow-hook,.shotstack-slide-right-slow-h1,.shotstack-slide-right-slow-h2{animation:shotstackSlideRight 2s ease-out forwards;opacity:0;transform:translate(-100px)}.shotstack-zoom-in-slow-hook,.shotstack-zoom-in-slow-h1,.shotstack-zoom-in-slow-h2{animation:shotstackZoomIn 2s ease-out forwards;opacity:0;transform:scale(.8)}.shotstack-zoom-out-slow-hook,.shotstack-zoom-out-slow-h1,.shotstack-zoom-out-slow-h2{animation:shotstackZoomOut 2s ease-out forwards;opacity:0;transform:scale(1.2)}@keyframes shotstackFadeIn{0%{opacity:0}to{opacity:1}}@keyframes shotstackZoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes shotstackZoomOut{0%{opacity:0;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes shotstackSlideLeft{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes shotstackSlideRight{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes shotstackSlideUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes shotstackSlideDown{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}.reel-logo-container{position:absolute;bottom:12px;left:50%;transform:translate(-50%);z-index:2;display:flex;justify-content:center;align-items:center}.reel-logo-image{max-width:60px;max-height:20px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.reel-play-button{position:absolute;bottom:8px;right:8px;width:24px;height:24px;border-radius:50%;background:#000000b3;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:4;font-size:10px}.reel-font-loading{position:absolute;top:4px;left:4px;background:#000000b3;color:#fff;padding:2px 6px;border-radius:3px;font-size:10px;z-index:4}.reel-video-background{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;z-index:1;transition:opacity .3s ease}.reel-video-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1}.reel-video-loading-spinner{width:24px;height:24px;border:2px solid rgba(0,0,0,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.reel-video-error{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ffffff80;font-size:10px;z-index:1}.reel-overlay-image{position:absolute;inset:0;-o-object-fit:cover;object-fit:cover;opacity:1;z-index:2}.reel-gradient-overlay,.reel-solid-overlay{position:absolute;inset:0;z-index:2;pointer-events:none}.reel-background-solid{position:absolute;inset:0;z-index:1}.app{min-height:100vh;background:linear-gradient(135deg,var(--kalkvit) 0%,var(--background-light) 100%);display:flex;flex-direction:column;width:100vw;overflow-x:hidden;margin:0;padding:0}.app-container{display:flex;flex-direction:column;min-height:100vh;flex:1;width:100%;overflow-x:hidden}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:2rem}.app-loading p{font-family:var(--font-body);font-size:1.2rem;color:var(--text-muted)}.main-navigation{background:linear-gradient(135deg,var(--charcoal-graphite) 0%,var(--secondary) 100%);color:var(--kalkvit);box-shadow:var(--shadow-lg);position:sticky;top:0;z-index:1100;width:100%}.nav-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid rgba(233,217,199,.2);width:100%}.nav-brand{display:flex;align-items:center;gap:1rem}.brand-content{display:flex;flex-direction:column}.brand-title{font-family:var(--font-header);font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.25rem}.brand-subtitle{font-family:var(--font-serif);font-size:.9rem;font-style:italic;opacity:.8}.nav-user{display:flex;align-items:center;gap:1.5rem}.user-icon-white{color:#fff!important}.user-email{font-family:var(--font-body);font-size:.9rem;font-weight:500;color:var(--kalkvit)}.settings-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;background:transparent;border:1px solid rgba(249,247,244,.3);color:var(--kalkvit);border-radius:8px;cursor:pointer;transition:var(--transition-base)}.settings-btn:hover{background:#f9f7f41a;border-color:#f9f7f480;transform:translateY(-1px)}.sign-out-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid rgba(249,247,244,.3);color:var(--kalkvit);border-radius:8px;font-family:var(--font-body);font-weight:500;font-size:.9rem;cursor:pointer;transition:var(--transition-base)}.sign-out-btn:hover{background:#f9f7f41a;border-color:#f9f7f480;transform:translateY(-1px)}.user-menu-container{position:relative;z-index:1001}.user-menu-trigger{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:transparent;border:1px solid rgba(249,247,244,.3);color:var(--kalkvit);border-radius:8px;font-family:var(--font-body);font-weight:500;font-size:.9rem;cursor:pointer;transition:var(--transition-base)}.user-menu-trigger:hover{background:#f9f7f41a;border-color:#f9f7f480}.user-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--charcoal-graphite) 0%,var(--secondary) 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid rgba(249,247,244,.4)}.user-avatar .avatar-image{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.user-avatar .avatar-initials{font-size:.65rem;font-weight:700;color:var(--kalkvit);letter-spacing:.03em;text-shadow:0 1px 2px rgba(0,0,0,.3)}.user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron-icon{width:14px;height:14px;opacity:.7;transition:transform .2s ease}.chevron-icon.open{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:260px;background:var(--kalkvit);border-radius:12px;box-shadow:0 10px 40px #0003,0 2px 10px #0000001a;border:1px solid rgba(0,0,0,.08);overflow:hidden;z-index:1000;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{display:flex;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#5e503f0d,#b873330d)}.user-menu-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--charcoal-graphite) 0%,var(--secondary) 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid rgba(94,80,63,.2)}.user-menu-avatar .avatar-image{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.user-menu-avatar .avatar-initials{font-size:.85rem;font-weight:700;color:var(--kalkvit);letter-spacing:.03em;text-shadow:0 1px 2px rgba(0,0,0,.3)}.user-menu-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.user-menu-name{font-family:var(--font-body);font-weight:600;font-size:.95rem;color:var(--charcoal-graphite);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-email{font-family:var(--font-body);font-size:.8rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-role{font-family:var(--font-body);font-size:.75rem;color:var(--primary);font-weight:500}.user-menu-divider{height:1px;background:#00000014;margin:0}.user-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;font-family:var(--font-body);font-size:.9rem;color:var(--charcoal-graphite);cursor:pointer;transition:background .15s ease;text-align:left}.user-menu-item:hover{background:#5e503f0f}.user-menu-item-danger{color:#dc3545}.user-menu-item-danger:hover{background:#dc354514}.menu-item-icon{width:16px;height:16px;opacity:.7}.btn-icon{width:16px;height:16px;color:inherit}.mobile-menu-toggle .btn-icon{width:24px;height:24px;stroke-width:2.5px}.font-loading-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#b873331a;border-radius:6px;border:1px solid rgba(184,115,51,.3);font-family:var(--font-body);font-size:.8rem;color:var(--kalkvit);animation:pulse 2s infinite}.font-loading-indicator .loading-spinner{width:12px;height:12px;border:2px solid rgba(249,247,244,.3);border-top:2px solid var(--kalkvit)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.module-icon{width:20px;height:20px}.module-name{font-weight:600;font-family:var(--font-body)}.app-nav-tabs{display:flex;justify-content:center;background:linear-gradient(135deg,var(--charcoal-graphite) 0%,var(--secondary) 100%);padding:0 2rem;gap:.5rem}.app-nav-tab{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:transparent;border:none;color:#f9f7f4cc;font-family:var(--font-body);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition-base);text-decoration:none;white-space:nowrap}.app-nav-tab:hover{color:var(--kalkvit);background:#f9f7f41a}.app-nav-tab.active{color:var(--kalkvit);background:#b8733333}.nav-modules{display:flex;justify-content:flex-start;background:linear-gradient(135deg,var(--charcoal-graphite) 0%,var(--secondary) 100%);padding:0 2rem;gap:.5rem;overflow:visible}.module-nav-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:transparent;border:none;color:#f9f7f4cc;font-family:var(--font-body);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition-base);text-decoration:none;white-space:nowrap}.module-nav-btn:hover{color:var(--kalkvit);background:#f9f7f41a}.module-nav-btn.active{color:var(--kalkvit);background:#b8733333}.app-content{flex:1;overflow:auto;min-height:0;width:100%;max-width:100vw;transition:margin-left .3s ease}.mobile-bottom-tabs{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--background-light);padding:.75rem .5rem calc(.75rem + env(safe-area-inset-bottom));z-index:1000;box-shadow:0 -4px 20px #00000026}.mobile-tab-container{display:flex;justify-content:space-around;align-items:center;width:100%;max-width:500px;margin:0 auto}.mobile-tab-item{display:flex;flex-direction:column;align-items:center;padding:.5rem .25rem;text-decoration:none;color:var(--text-muted);font-size:.75rem;font-weight:500;font-family:var(--font-body);transition:all .2s ease;border-radius:12px;min-width:60px;background:none;border:none;cursor:pointer}.mobile-tab-item:hover{color:var(--primary);background:#b873330d}.mobile-tab-item.active{color:var(--primary);background:#b873331a;transform:translateY(-1px)}.mobile-tab-item .module-icon{width:22px;height:22px;margin-bottom:.375rem;stroke-width:2}.mobile-tab-item span{font-size:.75rem;font-weight:600;text-align:center;line-height:1.1}.mobile-menu-toggle{display:none;background:#f9f7f41a;border:1px solid rgba(249,247,244,.2);color:var(--kalkvit);cursor:pointer;padding:.75rem;border-radius:8px;transition:var(--transition-base);width:44px;height:44px;align-items:center;justify-content:center}.mobile-menu-toggle:hover{background:#f9f7f433;border-color:#f9f7f466}.mobile-sidebar{position:fixed;top:0;left:-280px;width:280px;height:100vh;background:linear-gradient(135deg,var(--charcoal-graphite) 0%,var(--secondary) 100%);z-index:200;transition:left .3s ease;overflow-y:auto;color:var(--kalkvit)}.mobile-sidebar.open{left:0}.mobile-sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:199;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-sidebar-overlay.open{opacity:1;visibility:visible}.mobile-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(249,247,244,.2)}.mobile-sidebar-header h2{margin:0;font-family:var(--font-header);font-size:1.5rem;font-weight:700;color:var(--kalkvit)}.mobile-sidebar-header .mobile-menu-toggle{padding:.25rem}.mobile-sidebar-nav{padding:1rem}.mobile-nav-item{display:flex;align-items:center;gap:1rem;padding:1rem;border:none;background:transparent;color:var(--kalkvit);font-family:var(--font-body);font-size:1rem;font-weight:500;cursor:pointer;border-radius:8px;margin-bottom:.5rem;transition:var(--transition-base);width:100%;text-align:left}.mobile-nav-item:hover{background:#f9f7f41a}.mobile-nav-item.active{background:#b8733333;color:var(--kalkvit)}.app-footer{background:linear-gradient(135deg,var(--charcoal-graphite) 0%,var(--secondary) 100%);color:var(--kalkvit);padding:2rem 0 1.5rem;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}@media (max-width: 900px){.footer-content{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.footer-content{grid-template-columns:1fr}}.footer-section h4{font-family:var(--font-body);font-weight:600;margin:0 0 .5rem;color:var(--kalkvit);font-size:1rem}.footer-section p,.footer-section a{font-family:var(--font-body);color:#f9f7f4cc;text-decoration:none;line-height:1.4;font-size:.85rem;margin:0}.footer-section>p{max-width:280px}.footer-section a:hover{color:var(--primary);transition:var(--transition-base)}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.footer-links li{margin:0;padding:0;line-height:1.3;font-size:.85rem}.footer-links li a{display:inline;padding:0;margin:0}.footer-bottom{border-top:1px solid rgba(249,247,244,.2);margin-top:1rem;padding-top:.75rem;text-align:center;font-size:.8rem;opacity:.8;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem}.footer-bottom p{margin:0;font-family:var(--font-body)}.status-icon{width:16px;height:16px}.status-icon.healthy{color:var(--primary)}.status-icon.error{color:var(--charcoal-graphite)}.status-icon.loading{border:2px solid var(--secondary);border-top:2px solid transparent}@media (max-width: 1024px){.classic-theme .nav-header{padding:1rem 1.5rem}.classic-theme .brand-title{font-size:1.5rem}.classic-theme .module-nav-btn{padding:.875rem 1.25rem;font-size:.9rem}}@media (max-width: 900px){.classic-theme .module-nav-btn{padding:.75rem 1rem;gap:.5rem}.classic-theme .module-nav-btn .module-name{display:none}.classic-theme .module-nav-btn .module-icon{width:22px;height:22px}.classic-theme .nav-modules{padding:0 1rem;gap:.25rem}.classic-theme .brand-title{font-size:1.25rem}.classic-theme .brand-subtitle{display:none}}@media (max-width: 768px){.classic-theme .mobile-bottom-tabs{display:block}.classic-theme .nav-modules{display:none}.classic-theme .app-content{padding:0 .5rem 80px}.classic-theme .mobile-menu-toggle{display:none}.classic-theme .nav-header{padding:.75rem 1rem}.classic-theme .nav-user{gap:.75rem}.classic-theme .brand-title{font-size:1.1rem}.classic-theme .brand-subtitle{display:none}.classic-theme .user-menu-trigger{padding:.35rem .5rem;gap:.375rem;font-size:.85rem}.classic-theme .user-name{display:none}.classic-theme .user-avatar{width:32px;height:32px}.classic-theme .chevron-icon{width:12px;height:12px}.classic-theme .user-email{display:none}.classic-theme .footer-content{grid-template-columns:repeat(2,1fr);gap:1.5rem}.classic-theme .user-menu-dropdown{min-width:240px;right:-8px}.classic-theme .user-menu-header{padding:.875rem}.classic-theme .user-menu-avatar{width:36px;height:36px}.classic-theme .user-menu-name{font-size:.9rem}.classic-theme .user-menu-email{font-size:.75rem}.classic-theme .user-menu-item{padding:.625rem .875rem;font-size:.85rem}}@media (max-width: 480px){.classic-theme .app-content{padding:0 .25rem 80px}.classic-theme .nav-header{padding:.625rem .75rem}.classic-theme .nav-brand{gap:.5rem}.classic-theme .brand-title{font-size:1rem}.classic-theme .brand-subtitle{display:none}.classic-theme .user-avatar{width:28px;height:28px}.classic-theme .user-avatar .avatar-initials{font-size:.55rem}.classic-theme .user-menu-trigger{padding:.25rem .375rem}.classic-theme .user-info,.classic-theme .sign-out-btn{padding:.5rem}.classic-theme .sign-out-btn span{display:none}.classic-theme .footer-content{grid-template-columns:1fr}.classic-theme .font-loading-indicator span{display:none}.classic-theme .font-loading-indicator{padding:.375rem;border-radius:4px}.classic-theme .mobile-sidebar{width:100vw;left:-100vw}.classic-theme .mobile-nav-item{font-size:1.1rem;padding:1.25rem 1rem}.classic-theme .user-menu-dropdown{min-width:200px;right:-4px}.classic-theme .mobile-tab-item{min-width:50px;padding:.375rem .125rem}.classic-theme .mobile-tab-item .module-icon{width:20px;height:20px;margin-bottom:.25rem}.classic-theme .mobile-tab-item span{font-size:.65rem}}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50000;padding:1rem}.modal-content{background:#fff;border-radius:12px;box-shadow:var(--shadow-xl);max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;position:relative;z-index:50001}.settings-modal{width:100%;max-width:1200px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid var(--background-light);background:linear-gradient(135deg,var(--kalkvit) 0%,white 100%)}.modal-header h2{font-family:var(--font-header);font-size:1.5rem;font-weight:700;color:var(--charcoal-graphite);margin:0}.modal-close{display:flex;align-items:center;justify-content:center;padding:.5rem;background:transparent;border:1px solid var(--background-light);border-radius:6px;cursor:pointer;transition:var(--transition-fast);color:var(--charcoal-graphite)}.modal-close:hover{background:var(--primary)05;border-color:var(--primary);color:var(--primary)}.modal-body{padding:2rem;overflow-y:auto;flex:1}@media (max-width: 768px){.modal-overlay{padding:0}.settings-modal{max-width:100vw;max-height:100vh;border-radius:0}.modal-header{padding:1rem 1.5rem}.modal-body{padding:1.5rem}}.modern-theme{--header-padding-y: 1rem;--header-padding-x: 1.5rem;--header-margin-bottom: 1rem;--header-border-radius: var(--radius-lg);--title-size: 1.5rem;--title-weight: 600;--title-margin-bottom: .25rem;--subtitle-size: .875rem;--subtitle-margin-bottom: .75rem;--card-padding: 1rem;--card-gap: .75rem;--card-border-radius: var(--radius-md);--space-xs: .25rem;--space-sm: .375rem;--space-md: .5rem;--space-lg: .75rem;--space-xl: 1rem}.modern-theme .content-manager-header,.modern-theme .dashboard-header,.modern-theme .ai-flows-header,.modern-theme .social-studio-header,.modern-theme .settings-header,.modern-theme .media-library-header{background:rgba(var(--kalkvit-rgb),.98)!important;border:1px solid rgba(var(--secondary-rgb),.3)!important;border-radius:var(--header-border-radius)!important;box-shadow:0 2px 12px #0000000f!important;margin:0 var(--space-md) var(--header-margin-bottom) var(--space-md)!important;padding:var(--header-padding-y) var(--header-padding-x) var(--space-sm) var(--header-padding-x)!important;color:var(--charcoal-graphite)!important}.modern-theme .content-manager-header .header-content,.modern-theme .dashboard-header .header-content,.modern-theme .ai-flows-header .header-content,.modern-theme .social-studio-header .header-content,.modern-theme .settings-header .header-content,.modern-theme .media-library-header .header-content{text-align:center!important;max-width:100%!important;padding-bottom:0!important}.modern-theme .main-title,.modern-theme .content-manager-header .main-title,.modern-theme .dashboard-header .main-title,.modern-theme .ai-flows-header .main-title,.modern-theme .social-studio-header .main-title,.modern-theme .settings-header .main-title,.modern-theme .media-library-header .main-title{color:var(--charcoal-graphite)!important;font-size:var(--title-size)!important;font-weight:var(--title-weight)!important;letter-spacing:-.01em!important;margin-bottom:var(--title-margin-bottom)!important;text-shadow:none!important;text-align:center!important;line-height:1.2!important}.modern-theme .main-subtitle,.modern-theme .content-manager-header .main-subtitle,.modern-theme .dashboard-header .main-subtitle,.modern-theme .ai-flows-header .main-subtitle,.modern-theme .social-studio-header .main-subtitle,.modern-theme .settings-header .main-subtitle,.modern-theme .media-library-header .main-subtitle{color:var(--text-muted)!important;opacity:.8!important;font-size:var(--subtitle-size)!important;margin-bottom:var(--subtitle-margin-bottom)!important;text-align:center!important;font-style:normal!important}.modern-theme div.section-header-box,.modern-theme .section-header-box{background:#fffffffa!important;border:1px solid rgba(var(--secondary-rgb),.3)!important;border-radius:var(--radius-lg)!important;padding:1rem 1.5rem 1.25rem!important;margin-top:.75rem!important;margin-bottom:1rem!important;width:100%!important;text-align:center!important;display:block!important;box-shadow:0 2px 8px #0000000a!important}.modern-theme div.section-header-box h1.section-title,.modern-theme div.section-header-box h2.section-title,.modern-theme div.section-header-box h3.section-title,.modern-theme .section-header-box h1.section-title,.modern-theme .section-header-box h2.section-title,.modern-theme .section-header-box h3.section-title,.modern-theme .section-header-box .section-title{font-family:var(--font-serif)!important;font-size:var(--title-size)!important;font-weight:500!important;color:var(--charcoal-graphite)!important;margin:0 0 .25rem!important;text-align:center!important;line-height:1.2!important;display:block!important;width:100%!important}.modern-theme div.section-header-box p.section-subtitle,.modern-theme .section-header-box p.section-subtitle,.modern-theme .section-header-box .section-subtitle,.modern-theme .generate-section .section-header-box p.section-subtitle,.modern-theme .library-section .section-header-box p.section-subtitle,.modern-theme .flows-section .section-header-box p.section-subtitle,.modern-theme p.section-subtitle{font-family:var(--font-body)!important;font-size:.95rem!important;color:var(--text-muted)!important;text-align:center!important;margin:0 auto 1rem!important;opacity:.9!important;display:block!important;width:100%!important;max-width:none!important}.modern-theme div.section-header-box .section-title:last-child,.modern-theme .section-header-box .section-title:last-child{margin-bottom:0!important}.modern-theme .tab-navigation{display:flex!important;justify-content:center!important;gap:.75rem!important;margin:0!important;padding:.75rem!important;background:#fffffff2!important;border-radius:var(--radius-xl)!important;border:1px solid rgba(var(--secondary-rgb),.3)!important;box-shadow:0 2px 12px #0000000f!important}.modern-theme .tab-button{background:linear-gradient(145deg,#fffffff2,rgba(var(--background-light-rgb),.85))!important;border:1px solid rgba(var(--secondary-rgb),.4)!important;border-radius:var(--radius-full)!important;padding:.625rem 1.25rem!important;color:var(--charcoal-graphite)!important;font-weight:500!important;font-size:.875rem!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 2px 8px #00000014!important;text-decoration:none!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important}.modern-theme .tab-button:hover{background:rgba(var(--primary-rgb),.08)!important;border-color:rgba(var(--primary-rgb),.3)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(var(--primary-rgb),.12)!important}.modern-theme .tab-button.active{background:#fff!important;border-color:var(--primary)!important;color:var(--primary)!important;font-weight:600!important;box-shadow:0 2px 8px rgba(var(--primary-rgb),.15)!important}.modern-theme .tab-button:after{display:none!important;content:none!important}.modern-theme .tab-button .tab-icon{width:16px!important;height:16px!important;opacity:.8!important}.modern-theme .tab-button.active .tab-icon{opacity:1!important;color:var(--primary)!important}.modern-theme .workflow-ribbon{display:flex;justify-content:center;padding:.75rem 1rem;margin:0 1rem .75rem;background:linear-gradient(145deg,#ffffff40,rgba(var(--background-light-rgb),.15),rgba(var(--primary-rgb),.08));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,0,0,.2);border-radius:var(--radius-full);box-shadow:0 4px 16px rgba(var(--primary-rgb),.08),inset 0 1px #ffffff80}.modern-theme .workflow-stages{display:flex;align-items:center;gap:0}.modern-theme .workflow-stage{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease;text-decoration:none;background:linear-gradient(145deg,#ffffffe6,rgba(var(--background-light-rgb),.7));border:1px solid rgba(var(--secondary-rgb),.25);box-shadow:0 1px 4px #0000000d}.modern-theme .workflow-stage:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.08),#fff6 50%);transform:translateY(-1px);box-shadow:0 3px 10px rgba(var(--primary-rgb),.1)}.modern-theme .workflow-stage:hover .stage-indicator{background:rgba(var(--primary-rgb),.25);color:var(--primary)}.modern-theme .workflow-stage:hover .stage-name{color:var(--primary);opacity:.9}.modern-theme .workflow-stage:active{transform:translateY(0);box-shadow:0 1px 4px rgba(var(--primary-rgb),.08)}.modern-theme .stage-indicator{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(var(--secondary-rgb),.15);border:1px solid rgba(var(--secondary-rgb),.3);color:var(--secondary);font-size:.65rem;font-weight:600;transition:all .2s ease}.modern-theme .stage-name{font-size:.75rem;font-weight:500;color:var(--charcoal-graphite);opacity:.85;transition:all .2s ease}.modern-theme .workflow-connector{width:24px;height:2px;background:rgba(var(--secondary-rgb),.3);margin:0 .25rem;transition:all .2s ease}.modern-theme .workflow-stage.completed .stage-indicator{background:rgba(var(--secondary-rgb),.35);color:var(--secondary)}.modern-theme .workflow-stage.completed .stage-name{color:var(--secondary);opacity:.6}.modern-theme .workflow-connector.completed{background:rgba(var(--secondary-rgb),.3)}.modern-theme .workflow-stage.active{background:linear-gradient(145deg,rgba(var(--primary-rgb),.15),#ffffff80 50%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 8px rgba(var(--primary-rgb),.12)}.modern-theme .workflow-stage.active .stage-indicator{background:var(--primary);color:#fff;box-shadow:0 2px 8px rgba(var(--primary-rgb),.3)}.modern-theme .workflow-stage.active .stage-name{color:var(--primary);font-weight:600;opacity:1}.modern-theme .workflow-stage.active:hover{box-shadow:0 4px 12px rgba(var(--primary-rgb),.18)}@media (max-width: 768px){.modern-theme .workflow-ribbon{display:none}}.modern-theme .card,.modern-theme .panel,.modern-theme .content-card,.modern-theme .module-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.modern-theme .content-card,.modern-theme .module-card,.modern-theme .panel{border:1px solid rgba(0,0,0,.2)}.modern-theme table{border:none}.modern-theme th,.modern-theme td{border-color:rgba(var(--background-light-rgb),.3)}.modern-theme .btn-primary{box-shadow:0 4px 12px rgba(var(--primary-rgb),.25)}.modern-theme .btn-primary:hover{box-shadow:0 6px 16px rgba(var(--primary-rgb),.35);transform:translateY(-1px)}.modern-theme .btn-secondary{background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border)}.modern-theme input,.modern-theme select,.modern-theme textarea{background:#fff9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(var(--background-light-rgb),.4)}.modern-theme input:focus,.modern-theme select:focus,.modern-theme textarea:focus{background:#fffc;border-color:var(--primary)}.modern-theme .modal-content,.modern-theme .dialog-content{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 20px 60px #00000026,0 0 0 1px #ffffff1a inset}.modern-theme .dropdown-menu,.modern-theme .select-options,.modern-theme .popover{background:var(--glass-bg-dark);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.modern-theme .tooltip{background:#1c1c1ee6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modern-theme .tab-nav{background:#fff6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-lg);padding:var(--spacing-xs)}.modern-theme .tab-nav-item{border-radius:var(--radius-md)}.modern-theme .tab-nav-item.active{background:#fffc;box-shadow:0 2px 8px #0000000f}.modern-theme .progress-bar-bg{background:rgba(var(--background-light-rgb),.3)}.modern-theme .badge{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modern-theme{--shadow-sm: 0 2px 12px rgba(0, 0, 0, .05);--shadow-md: 0 4px 20px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .1)}.modern-theme ::-webkit-scrollbar{width:8px;height:8px}.modern-theme ::-webkit-scrollbar-track{background:transparent}.modern-theme ::-webkit-scrollbar-thumb{background:rgba(var(--background-light-rgb),.5);border-radius:var(--radius-full)}.modern-theme ::-webkit-scrollbar-thumb:hover{background:rgba(var(--secondary-rgb),.5)}.modern-theme .content-library-card,.modern-theme .content-result-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);transition:all .2s ease}.modern-theme .content-library-card:hover,.modern-theme .content-result-card:hover{background:var(--glass-bg-hover);box-shadow:var(--glass-shadow-hover);transform:translateY(-2px)}.modern-theme .dashboard-card,.modern-theme .stat-card,.modern-theme .analytics-card,.modern-theme .variant-card,.modern-theme .post-card,.modern-theme .settings-panel,.modern-theme .settings-section,.modern-theme .wizard-step-card,.modern-theme .design-card,.modern-theme .gallery-item{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.modern-theme .unified-design-form,.modern-theme .reel-design-form{background:transparent!important}.modern-theme .form-header-section{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;padding:var(--card-padding)!important;margin-bottom:var(--space-lg)!important}.modern-theme .slide-header{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;padding:var(--card-padding)!important}.modern-theme .slide-header h2{font-size:var(--title-size)!important;margin:0!important}.modern-theme .slide-header-subtitle{font-size:var(--subtitle-size)!important;margin:var(--space-sm) 0 0 0!important}.modern-theme .text-editor-section,.modern-theme .image-creator-section,.modern-theme .design-form-preview .preview-panel{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;padding:var(--card-padding)!important}.modern-theme .preview-title{font-size:1.1rem!important;margin:0 0 var(--space-md) 0!important}.modern-theme .unified-design-form>div[style*="display: flex"][style*="gap: 1rem"][style*="marginBottom: 1.5rem"]{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;padding:var(--card-padding)!important;margin-bottom:var(--space-lg)!important}.modern-theme .config-info-panel{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;max-width:800px!important;margin:0 auto 2rem!important;padding:1rem 1.5rem!important;overflow:hidden!important;box-sizing:border-box!important}.modern-theme .config-info-panel .progress-row{display:flex!important;align-items:center!important;gap:.75rem!important;margin-bottom:.75rem!important}.modern-theme .config-info-panel .progress-bar-inline{flex:1!important;height:6px!important;background:rgba(var(--background-light-rgb),.3)!important;border-radius:3px!important;overflow:hidden!important}.modern-theme .config-info-panel .progress-fill{height:100%!important;background:var(--primary)!important;border-radius:3px!important;transition:width .3s ease!important}.modern-theme .config-info-panel .progress-badge{font-size:.75rem!important;font-weight:600!important;color:var(--primary)!important;background:rgba(var(--primary-rgb),.1)!important;padding:.25rem .5rem!important;border-radius:4px!important;white-space:nowrap!important}.modern-theme .config-info-panel .title-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;padding-bottom:.75rem!important;margin-bottom:.75rem!important;border-bottom:1px solid var(--glass-border)!important}.modern-theme .config-info-panel .title-content{display:flex!important;align-items:center!important;gap:.5rem!important;flex:1!important;min-width:0!important}.modern-theme .config-info-panel .clips-badge{font-size:.75rem!important;font-weight:600!important;color:var(--charcoal-graphite)!important;background:rgba(var(--background-light-rgb),.4)!important;padding:.25rem .625rem!important;border-radius:4px!important;white-space:nowrap!important;flex-shrink:0!important}.modern-theme .clips-management-section{overflow:hidden!important;box-sizing:border-box!important;width:100%!important}.modern-theme .clips-management-section .scene-header-row{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:.75rem!important}.modern-theme .clips-management-section .scene-label{font-size:.8rem!important;font-weight:600!important;color:var(--charcoal-graphite)!important;text-transform:uppercase!important;letter-spacing:.03em!important}.modern-theme .config-info-panel .clips-row{display:flex!important;align-items:center!important;gap:.5rem!important;flex-wrap:wrap!important}.modern-theme .config-info-panel .clips-count-badge{font-size:.7rem!important;font-weight:700!important;color:#fff!important;background:var(--primary)!important;padding:.25rem .5rem!important;border-radius:4px!important;min-width:20px!important;text-align:center!important}.modern-theme .clip-badges-row{display:flex!important;align-items:center!important;gap:.375rem!important;flex:1!important}.modern-theme .clip-badge{display:flex!important;align-items:center!important;gap:.25rem!important;padding:.25rem .375rem!important;background:#fff9!important;border:1px solid rgba(var(--background-light-rgb),.4)!important;border-radius:6px!important;cursor:grab!important;transition:all .15s ease!important}.modern-theme .clip-badge:hover{background:#ffffffe6!important;border-color:var(--primary)!important}.modern-theme .clip-badge.dragging{opacity:.4!important;transform:scale(1.02)!important}.modern-theme .clip-badge.complete{background:rgba(var(--skogsgron-rgb),.1)!important;border-color:rgba(var(--skogsgron-rgb),.3)!important}.modern-theme .clip-badge .badge-number{font-size:.65rem!important;font-weight:700!important;color:var(--primary)!important;min-width:12px!important;text-align:center!important}.modern-theme .clip-badge .badge-text{font-size:.55rem!important;font-weight:500!important;color:var(--charcoal-graphite)!important;opacity:.7!important;max-width:40px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.modern-theme .clip-badge .badge-status{display:flex!important;align-items:center!important;gap:2px!important}.modern-theme .clip-badge .status-icon.text{color:#16a34a!important}.modern-theme .clip-badge .status-icon.video{color:#3b82f6!important}.modern-theme .clip-badge .badge-delete{display:flex!important;align-items:center!important;justify-content:center!important;padding:2px!important;background:none!important;border:none!important;color:var(--text-muted)!important;cursor:pointer!important;opacity:.5!important;transition:all .15s ease!important;border-radius:3px!important}.modern-theme .clip-badge .badge-delete:hover:not(:disabled){opacity:1!important;color:var(--tegelrod)!important;background:rgba(var(--tegelrod-rgb),.1)!important}.modern-theme .clip-badge .badge-delete:disabled{opacity:.2!important;cursor:not-allowed!important}.modern-theme .clip-badges-row .drop-indicator{width:2px!important;height:24px!important;background:var(--primary)!important;border-radius:1px!important;box-shadow:0 0 6px rgba(var(--primary-rgb),.5)!important}.modern-theme .clips-row .clip-controls{display:flex!important;gap:.25rem!important;margin-left:auto!important}.modern-theme .reel-title{font-size:1rem!important;font-weight:600!important;line-height:1.3!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.modern-theme .reel-title-input{font-size:1rem!important;font-weight:600!important;border:1px solid var(--primary)!important;padding:.375rem .5rem!important;border-radius:6px!important;width:100%!important}.modern-theme .clip-item{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-sm)!important}.modern-theme .progress-bar-inline{background:rgba(var(--background-light-rgb),.4)!important;border-radius:var(--radius-full)!important}.modern-theme .progress-fill{background:var(--primary)!important}.modern-theme .text-context-strip{background:var(--glass-bg)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important}.modern-theme .unified-design-form>div[style*="backgroundColor: #fef3c7"],.modern-theme .reel-design-form>div[style*="backgroundColor: #fef3c7"]{background:rgba(var(--primary-rgb),.15)!important;border:1px solid rgba(var(--primary-rgb),.4)!important;border-radius:var(--radius-lg)!important;padding:var(--card-padding)!important}.modern-theme .unified-design-form>div[style*="backgroundColor: #f0f9ff"],.modern-theme .reel-design-form>div[style*="backgroundColor: #f0f9ff"]{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid rgba(var(--primary-rgb),.3)!important;border-radius:var(--radius-lg)!important;padding:var(--card-padding)!important}.modern-theme .unified-design-form>div[style*="backgroundColor: #dbeafe"]{background:rgba(var(--primary-rgb),.1)!important;border:1px solid rgba(var(--primary-rgb),.3)!important;border-radius:var(--radius-md)!important;padding:var(--space-md)!important;margin-bottom:var(--space-lg)!important}.modern-theme .carousel-progress{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important;padding:var(--space-md)!important}.modern-theme .fontservice-status{background:rgba(var(--primary-rgb),.1)!important;border:1px solid rgba(var(--primary-rgb),.3)!important;border-radius:var(--radius-sm)!important}.modern-theme .unified-design-form .form-actions,.modern-theme .reel-design-form .form-actions{margin-top:var(--space-xl)!important}.modern-theme .reel-save-controls{background:var(--glass-bg)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border-bottom:1px solid var(--glass-border)!important;padding:var(--card-padding)!important;margin-bottom:var(--space-lg)!important}.modern-theme .edit-info-btn{background:var(--primary)!important;border-radius:var(--radius-sm)!important}.modern-theme .edit-info-btn:hover:not(:disabled){background:var(--secondary)!important}.modern-theme .add-clip-btn{background:var(--primary)!important;border-radius:var(--radius-sm)!important}.modern-theme .delete-clip-btn{background:rgba(var(--tegelrod-rgb),.15)!important;border-radius:var(--radius-sm)!important}.modern-theme .unified-design-form div[style*="position: fixed"][style*="backgroundColor: rgba(0, 0, 0"]>div{background:var(--glass-bg-dark)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important}.modern-theme .text-editor-container{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;padding:var(--card-padding)!important}.modern-theme .text-editor-controls{background:rgba(var(--background-light-rgb),.3)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important;padding:var(--space-sm)!important}.modern-theme .text-editor-controls button{border:1px solid transparent!important;border-radius:var(--radius-sm)!important;padding:var(--space-xs) var(--space-sm)!important}.modern-theme .text-editor-controls button:hover{background:rgba(var(--primary-rgb),.1)!important;border-color:rgba(var(--primary-rgb),.3)!important}.modern-theme .text-editor-controls button.active{background:var(--primary)!important;color:#fff!important}.modern-theme .position-controls{background:rgba(var(--background-light-rgb),.2)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important;padding:var(--space-sm)!important}.modern-theme .color-presets{gap:var(--space-xs)!important}.modern-theme .color-preset{border:1px solid var(--glass-border)!important;border-radius:var(--radius-sm)!important}.modern-theme .color-preset.selected{border-color:var(--primary)!important;box-shadow:0 0 0 2px rgba(var(--primary-rgb),.3)!important}.modern-theme .font-size-slider{accent-color:var(--primary)!important}.modern-theme .text-preview-area{background:rgba(var(--background-light-rgb),.15)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important}.modern-theme .image-creator-container{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;padding:var(--card-padding)!important}.modern-theme .image-creator-tabs{background:rgba(var(--background-light-rgb),.3)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important;padding:var(--space-xs)!important}.modern-theme .image-creator-tabs button{border-radius:var(--radius-sm)!important;padding:var(--space-xs) var(--space-md)!important;border:none!important}.modern-theme .image-creator-tabs button.active{background:var(--primary)!important;color:#fff!important}.modern-theme .image-upload-zone{background:rgba(var(--background-light-rgb),.15)!important;border:2px dashed rgba(var(--primary-rgb),.3)!important;border-radius:var(--radius-lg)!important;padding:var(--space-xl)!important}.modern-theme .image-upload-zone:hover{border-color:var(--primary)!important;background:rgba(var(--primary-rgb),.05)!important}.modern-theme .ai-generation-panel{background:rgba(var(--background-light-rgb),.2)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;padding:var(--card-padding)!important}.modern-theme .ai-prompt-input{background:#fff!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important;padding:var(--space-md)!important}.modern-theme .ai-prompt-input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15)!important}.modern-theme .style-presets{gap:var(--space-sm)!important}.modern-theme .style-preset{background:rgba(var(--background-light-rgb),.3)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important;padding:var(--space-sm) var(--space-md)!important}.modern-theme .style-preset:hover{border-color:rgba(var(--primary-rgb),.5)!important}.modern-theme .style-preset.selected{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}.modern-theme .content-design-library{background:transparent!important}.modern-theme .content-design-library-header{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;padding:var(--card-padding)!important;margin-bottom:var(--space-lg)!important}.modern-theme .content-design-library-header h2{font-size:var(--title-size)!important;margin:0!important}.modern-theme .design-library-filters{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;padding:var(--card-padding)!important;margin-bottom:var(--space-lg)!important}.modern-theme .design-library-filters select,.modern-theme .design-library-filters input{background:#fff!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important;padding:var(--space-sm) var(--space-md)!important}.modern-theme .view-toggle-btn{background:rgba(var(--background-light-rgb),.3)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-sm)!important;padding:var(--space-xs) var(--space-sm)!important}.modern-theme .view-toggle-btn.active{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}.modern-theme .design-library-grid{gap:var(--space-lg)!important}.modern-theme .design-library-item{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;overflow:hidden!important}.modern-theme .design-library-item:hover{border-color:rgba(var(--primary-rgb),.5)!important;box-shadow:0 8px 24px rgba(var(--primary-rgb),.15)!important}.modern-theme .design-library-item-info{padding:var(--space-md)!important;background:rgba(var(--background-light-rgb),.3)!important}.modern-theme .design-library-list .design-library-item{display:flex!important;padding:var(--space-md)!important}.modern-theme .slide-navigation{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;padding:var(--space-md)!important;margin-bottom:var(--space-lg)!important}.modern-theme .slide-nav-item{background:rgba(var(--background-light-rgb),.3)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important;padding:var(--space-sm) var(--space-md)!important}.modern-theme .slide-nav-item:hover{border-color:rgba(var(--primary-rgb),.5)!important}.modern-theme .slide-nav-item.active{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}.modern-theme .design-form-layout{gap:var(--space-lg)!important}.modern-theme .design-form-main{background:transparent!important}.modern-theme .design-form-sidebar,.modern-theme .bulk-text-editor{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;padding:var(--card-padding)!important}.modern-theme .bulk-text-editor-header{border-bottom:1px solid var(--glass-border)!important;padding-bottom:var(--space-md)!important;margin-bottom:var(--space-md)!important}.modern-theme .bulk-text-editor-header h3{font-size:1.1rem!important;margin:0!important}.modern-theme .bulk-text-item{background:rgba(var(--background-light-rgb),.2)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important;padding:var(--space-md)!important;margin-bottom:var(--space-sm)!important}.modern-theme .flow-card,.modern-theme .flow-node{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.modern-theme .calendar-day{background:#fff6}.modern-theme .calendar-day:hover{background:#ffffffb3}.modern-theme .calendar-day.has-events{background:rgba(var(--primary-rgb),.1)}.modern-theme .skeleton{background:linear-gradient(90deg,rgba(var(--background-light-rgb),.2),rgba(var(--background-light-rgb),.4),rgba(var(--background-light-rgb),.2));background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.modern-theme .empty-state{background:#ffffff80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px dashed rgba(var(--background-light-rgb),.5)}@supports not ((-webkit-backdrop-filter: blur(12px)) or (backdrop-filter: blur(12px))){.modern-theme .glass-card,.modern-theme .card,.modern-theme .panel{background:#f9f7f4fa}.modern-theme .modal-content,.modern-theme .dialog-content{background:#f9f7f4fc}}.modern-theme .content-manager,.modern-theme .dashboard,.modern-theme .social-studio,.modern-theme .ai-flows,.modern-theme .media-library{background:transparent!important;min-height:auto!important;width:100%!important;max-width:100%!important}.modern-theme .content-manager-body,.modern-theme .dashboard-body{padding:.5rem!important}.modern-theme .social-studio-body{padding:.25rem!important;max-width:100%!important}.modern-theme .primary-btn,.modern-theme .btn-primary,.modern-theme button[type=submit]:not(.tab-button):not(.mobile-nav-item){background:linear-gradient(135deg,var(--primary) 0%,rgba(var(--primary-rgb),.85) 100%)!important;border:none!important;border-radius:var(--radius-md)!important;box-shadow:0 4px 16px rgba(var(--primary-rgb),.25),inset 0 1px #fff3!important;transition:all .2s ease!important}.modern-theme .primary-btn:hover:not(:disabled),.modern-theme .btn-primary:hover:not(:disabled),.modern-theme button[type=submit]:not(.tab-button):not(.mobile-nav-item):hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 8px 24px rgba(var(--primary-rgb),.35),inset 0 1px #ffffff4d!important}.modern-theme .secondary-btn,.modern-theme .btn-secondary{background:var(--glass-bg)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid rgba(var(--background-light-rgb),.5)!important;border-radius:var(--radius-md)!important;color:var(--text-muted)!important;box-shadow:0 2px 8px #0000000d,inset 0 1px #ffffff80!important}.modern-theme .secondary-btn:hover,.modern-theme .btn-secondary:hover{background:#ffffffe6!important;border-color:var(--primary)!important;color:var(--primary)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #00000014!important}.modern-theme .enhance-btn,.modern-theme .generate-btn{background:linear-gradient(135deg,var(--text-muted) 0%,rgba(var(--accent-rgb),.85) 100%)!important;border:none!important;border-radius:var(--radius-sm)!important;box-shadow:0 2px 8px rgba(var(--accent-rgb),.2),inset 0 1px #ffffff26!important}.modern-theme .enhance-btn:hover:not(:disabled),.modern-theme .generate-btn:hover:not(:disabled){transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)!important}.modern-theme .copy-btn{background:var(--glass-bg)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid rgba(var(--dimblag-rgb),.4)!important;border-radius:var(--radius-md)!important}.modern-theme .copy-btn:hover{background:#ffffffe6!important;border-color:var(--primary)!important}.modern-theme .schedule-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%)!important;border:none!important;border-radius:var(--radius-md)!important;box-shadow:0 4px 16px rgba(var(--primary-rgb),.25),inset 0 1px #fff3!important}.modern-theme .delete-btn{background:linear-gradient(135deg,var(--tegelrod) 0%,rgba(var(--tegelrod-rgb),.85) 100%)!important;color:#fff!important;border:none!important;border-radius:var(--radius-sm)!important;box-shadow:0 2px 8px rgba(var(--tegelrod-rgb),.2)!important}.modern-theme .delete-btn:hover{box-shadow:0 4px 12px rgba(var(--tegelrod-rgb),.3)!important}.modern-theme .edit-btn{background:linear-gradient(135deg,var(--text-muted) 0%,var(--charcoal-graphite) 100%)!important;color:#fff!important;border:none!important;border-radius:var(--radius-sm)!important;box-shadow:0 2px 8px rgba(var(--accent-rgb),.2)!important}.modern-theme .edit-btn:hover{background:linear-gradient(135deg,var(--charcoal-graphite) 0%,var(--text-muted) 100%)!important;box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)!important}.modern-theme .tab-hamburger{background:var(--glass-bg-dark)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important;color:var(--charcoal-graphite)!important}.modern-theme .tab-hamburger:hover{background:#fffffff2!important}.modern-theme .tab-menu-dropdown{background:var(--glass-bg-dark)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important;box-shadow:var(--glass-shadow)!important}.modern-theme .tab-menu-item{background:transparent!important;border-bottom:1px solid rgba(var(--background-light-rgb),.3)!important}.modern-theme .tab-menu-item:hover{background:#ffffff80!important}.modern-theme .tab-menu-item.active{background:var(--primary)!important;color:#fff!important}.modern-theme .card,.modern-theme .selection-card,.modern-theme .content-form-card,.modern-theme .result-card{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid rgba(0,0,0,.2)!important;border-radius:var(--radius-lg)!important;box-shadow:0 4px 20px #0000000f,inset 0 1px #ffffff80!important}.modern-theme .card:hover,.modern-theme .selection-card:hover,.modern-theme .content-form-card:hover,.modern-theme .result-card:hover{background:var(--glass-bg-hover)!important;box-shadow:0 8px 32px #00000014,inset 0 1px #fff9!important;transform:translateY(-2px)!important}.modern-theme .selection-card h3,.modern-theme .content-form-card h3{border-bottom:1px solid rgba(var(--background-light-rgb),.3)!important}.modern-theme .content-type-card{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid rgba(0,0,0,.2)!important;border-radius:var(--radius-md)!important;box-shadow:0 4px 16px #0000000d!important;padding:.875rem!important;min-height:90px!important}.modern-theme .content-type-card:before{background:var(--accent-color, var(--primary))!important;height:3px!important;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important}.modern-theme .content-type-card:hover{background:var(--glass-bg-hover)!important;border-color:rgba(var(--primary-rgb),.3)!important;box-shadow:0 8px 24px #00000014!important}.modern-theme .content-type-card.active{background:#ffffffe6!important;border-color:rgba(var(--primary-rgb),.4)!important}.modern-theme .content-item-card{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid rgba(0,0,0,.2)!important;border-radius:var(--radius-lg)!important;box-shadow:0 2px 12px #0000000d!important}.modern-theme .content-item-card:hover{background:var(--glass-bg-hover)!important;box-shadow:0 6px 24px #00000014!important}.modern-theme .content-item-card.selected{background:#ffffffe6!important;border-color:rgba(var(--primary-rgb),.4)!important}.modern-theme .flow-card{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid rgba(0,0,0,.2)!important;border-radius:var(--radius-lg)!important;box-shadow:0 4px 16px #0000000d!important}.modern-theme .flow-card:hover{background:var(--glass-bg-hover)!important;border-color:rgba(var(--primary-rgb),.3)!important}.modern-theme .flow-card.selected{background:#ffffffe6!important;border-color:rgba(var(--primary-rgb),.4)!important}.modern-theme .platform-card{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid rgba(0,0,0,.2)!important;border-radius:var(--radius-lg)!important;box-shadow:0 2px 12px #0000000a!important}.modern-theme .platform-card:hover{background:var(--glass-bg-hover)!important;box-shadow:0 4px 16px #00000014!important}.modern-theme .form-input,.modern-theme .form-textarea,.modern-theme .form-select,.modern-theme .filter-select,.modern-theme .search-input,.modern-theme input[type=text],.modern-theme input[type=email],.modern-theme input[type=password],.modern-theme input[type=number],.modern-theme input[type=url],.modern-theme input[type=date],.modern-theme input[type=time],.modern-theme input[type=datetime-local],.modern-theme select,.modern-theme textarea{background:#ffffffb3!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;border:1px solid rgba(var(--background-light-rgb),.5)!important;border-radius:var(--radius-md)!important;transition:all .2s ease!important;box-shadow:inset 0 1px 2px #00000005!important}.modern-theme .form-input:focus,.modern-theme .form-textarea:focus,.modern-theme .form-select:focus,.modern-theme .filter-select:focus,.modern-theme .search-input:focus,.modern-theme input[type=text]:focus,.modern-theme input[type=email]:focus,.modern-theme input[type=password]:focus,.modern-theme input[type=number]:focus,.modern-theme input[type=url]:focus,.modern-theme input[type=date]:focus,.modern-theme input[type=time]:focus,.modern-theme input[type=datetime-local]:focus,.modern-theme select:focus,.modern-theme textarea:focus{background:#ffffffe6!important;border-color:var(--primary)!important;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1),inset 0 1px 2px #00000005!important;outline:none!important}.modern-theme .filter-controls{background:#ffffff80!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid rgba(0,0,0,.2)!important;border-radius:var(--radius-lg)!important}.modern-theme .content-library-panel,.modern-theme .content-preview-panel,.modern-theme .publishing-hub-panel{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid rgba(0,0,0,.2)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--glass-shadow)!important}.modern-theme .panel-header{background:#fff9!important;border-bottom:1px solid rgba(var(--background-light-rgb),.3)!important}.modern-theme .generation-progress{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid rgba(var(--primary-rgb),.3)!important;border-radius:var(--radius-lg)!important}.modern-theme .progress-bar{background:rgba(var(--background-light-rgb),.4)!important;border-radius:var(--radius-full)!important}.modern-theme .platform-badge{backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important}.modern-theme .content-count{box-shadow:0 2px 6px #0000001a!important}.modern-theme .empty-state{background:#ffffff80!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px dashed rgba(var(--background-light-rgb),.5)!important;border-radius:var(--radius-lg)!important}.modern-theme .loading-state{background:#fff6!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;border-radius:var(--radius-md)!important}.modern-theme .error-message{background:rgba(var(--tegelrod-rgb),.08)!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;border:1px solid rgba(var(--tegelrod-rgb),.2)!important;border-radius:var(--radius-md)!important}.modern-theme .success-alert{background:rgba(var(--accent-rgb),.1)!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;border:1px solid rgba(var(--accent-rgb),.3)!important;border-radius:var(--radius-md)!important}.modern-theme .success-icon,.modern-theme .success-indicator{color:var(--text-muted)!important}.modern-theme .success-badge{background:var(--text-muted)!important;color:#fff!important}@media (min-width: 1025px) and (max-width: 1400px){.modern-theme .content-type-card{padding:.625rem!important;min-height:75px!important}.modern-theme .content-type-header{margin-bottom:.25rem!important}.modern-theme .content-type-icon{width:18px!important;height:18px!important}.modern-theme .content-count{font-size:.65rem!important;padding:.1rem .4rem!important}.modern-theme .content-type-name{font-size:.9rem!important;margin-bottom:.1rem!important}.modern-theme .content-type-description{font-size:.65rem!important;line-height:1.2!important}.modern-theme .content-type-grid{gap:.5rem!important}}@media (max-width: 1024px){.modern-theme .tab-navigation{display:none!important}.modern-theme .tab-hamburger-wrapper{display:block!important;z-index:9999!important}.modern-theme .tab-menu-dropdown{z-index:10000!important}.modern-theme .content-type-grid{display:none!important}.modern-theme .content-type-hamburger-wrapper{display:block!important}.modern-theme .tab-hamburger{background:#fffc!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid rgba(0,0,0,.2)!important;box-shadow:0 4px 20px #0000001a!important}.modern-theme .tab-hamburger:hover,.modern-theme .tab-hamburger:active{background:#ffffffe6!important}.modern-theme .tab-menu-dropdown{background:#ffffffd9!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(0,0,0,.2)!important;box-shadow:0 8px 32px #00000026!important}.modern-theme .tab-menu-item:hover{background:#ffffffb3!important}.modern-theme .content-type-hamburger{background:#fffc!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid rgba(0,0,0,.2)!important;box-shadow:0 4px 20px #0000001a!important;color:var(--charcoal-graphite, #333)!important}.modern-theme .content-type-hamburger:hover,.modern-theme .content-type-hamburger:active{background:#ffffffe6!important}.modern-theme .content-type-menu-dropdown{background:#ffffffd9!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(0,0,0,.2)!important;box-shadow:0 8px 32px #00000026!important}.modern-theme .content-type-menu-item{color:var(--charcoal-graphite, #333)!important}.modern-theme .content-type-menu-item:hover{background:#ffffffb3!important}.modern-theme .create-wizard-section .content-type-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important;padding:0!important;margin-top:.75rem!important}.modern-theme .sidebar-nav-badge,.modern-theme .modern-sidebar .sidebar-nav-badge{display:none!important}}@media (max-width: 768px){.modern-theme .tab-navigation{display:none!important}.modern-theme .tab-hamburger-wrapper{display:block!important}.modern-theme .tab-hamburger{background:#fffc!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid rgba(0,0,0,.2)!important;box-shadow:0 4px 20px #0000001a!important}.modern-theme .tab-hamburger:hover,.modern-theme .tab-hamburger:active{background:#ffffffe6!important}.modern-theme .tab-menu-dropdown{background:#ffffffd9!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(0,0,0,.2)!important;box-shadow:0 8px 32px #00000026!important}.modern-theme .tab-menu-item{background:transparent!important}.modern-theme .tab-menu-item:hover{background:#ffffffb3!important}.modern-theme .content-type-hamburger{background:#fffc!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid rgba(0,0,0,.2)!important;box-shadow:0 4px 20px #0000001a!important;color:var(--charcoal-graphite, #333)!important}.modern-theme .content-type-hamburger:hover,.modern-theme .content-type-hamburger:active{background:#ffffffe6!important}.modern-theme .content-type-menu-dropdown{background:#ffffffd9!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(0,0,0,.2)!important;box-shadow:0 8px 32px #00000026!important}.modern-theme .content-type-menu-item{color:var(--charcoal-graphite, #333)!important}.modern-theme .content-type-menu-item:hover{background:#ffffffb3!important}.modern-theme .content-type-grid{display:none!important}.modern-theme .content-type-hamburger-wrapper{display:block!important}.modern-theme .create-wizard-section .content-type-grid{display:grid!important;grid-template-columns:1fr!important;gap:.5rem!important;padding:0!important;margin-top:.75rem!important}.modern-theme .create-wizard-section .content-type-card{padding:.75rem!important;min-height:auto!important;flex-direction:row!important;align-items:center!important;gap:.75rem!important}.modern-theme .create-wizard-section .content-type-header{flex-direction:row!important;align-items:center!important;gap:.5rem!important;margin-bottom:0!important}.modern-theme .create-wizard-section .content-type-icon{width:24px!important;height:24px!important;flex-shrink:0!important}.modern-theme .create-wizard-section .content-type-title{font-size:.9rem!important;margin-bottom:0!important}.modern-theme .create-wizard-section .content-type-source{font-size:.7rem!important;margin-bottom:0!important}.modern-theme .create-wizard-section .content-type-description{display:none!important}.modern-theme .create-wizard-section .content-type-footer{margin-top:0!important;margin-left:auto!important}.modern-theme .create-wizard-section .content-type-cta{font-size:.75rem!important;padding:.375rem .625rem!important}.modern-theme .sidebar-nav-badge,.modern-theme .modern-sidebar .sidebar-nav-badge,.modern-theme .blob,.modern-theme .blob-1,.modern-theme .blob-2,.modern-theme .blob-3{display:none!important}.modern-theme .modern-layout,.modern-theme .modern-main,.modern-theme .modern-content-wrapper{max-width:100vw!important;overflow-x:hidden!important}.modern-theme .form-actions{flex-direction:column!important;gap:.5rem!important;padding:.5rem 0!important}.modern-theme .form-actions button,.modern-theme .form-actions .primary-btn,.modern-theme .form-actions .secondary-btn{width:100%!important}.modern-theme{--title-size: 1.25rem;--subtitle-size: .8rem;--header-padding-y: .75rem;--header-padding-x: .75rem;--card-padding: .75rem}.modern-theme h1,.modern-theme .main-title,.modern-theme .page-title{font-size:1.375rem!important;line-height:1.3!important;margin-bottom:.25rem!important}.modern-theme h2,.modern-theme .section-title{font-size:1.125rem!important;line-height:1.35!important}.modern-theme h3,.modern-theme .card-title{font-size:1rem!important;line-height:1.4!important}.modern-theme p,.modern-theme .body-text{font-size:.875rem!important;line-height:1.5!important}.modern-theme .main-subtitle,.modern-theme .section-subtitle,.modern-theme .description{font-size:.8rem!important}.modern-theme .small-text,.modern-theme .meta-text,.modern-theme .helper-text{font-size:.75rem!important}.modern-theme .modern-content-wrapper{padding:.75rem!important}.modern-theme .content-manager-body,.modern-theme .dashboard-body,.modern-theme .social-studio-body,.modern-theme .ai-flows-body,.modern-theme .settings-body{padding:.5rem!important}.modern-theme .library-section,.modern-theme .generate-section,.modern-theme .content-type-section{padding:.5rem!important;margin:0!important}.modern-theme .card,.modern-theme .selection-card,.modern-theme .content-form-card,.modern-theme .result-card,.modern-theme .glass-card{padding:.75rem!important;margin:.375rem 0!important;border-radius:12px!important}.modern-theme .styled-header-container,.modern-theme .library-header-card{padding:.75rem!important;margin:0 0 .5rem!important;border-radius:12px!important}.modern-theme .section-header-box{padding:.625rem .75rem .5rem!important;margin:.25rem 0 .5rem!important}.modern-theme .content-manager-header,.modern-theme .dashboard-header,.modern-theme .ai-flows-header,.modern-theme .social-studio-header,.modern-theme .settings-header,.modern-theme .media-library-header{padding:.625rem .5rem .5rem!important;margin:0 0 .5rem!important}.modern-theme .content-type-grid,.modern-theme .articles-grid,.modern-theme .flows-grid,.modern-theme .cards-grid{gap:.5rem!important}.modern-theme .primary-btn,.modern-theme .btn-primary,.modern-theme button[type=submit]:not(.tab-button):not(.mobile-nav-item){padding:.5rem 1rem!important;font-size:.85rem!important;min-height:44px!important;border-radius:8px!important}.modern-theme .secondary-btn,.modern-theme .btn-secondary{padding:.4rem .875rem!important;font-size:.825rem!important;min-height:40px!important}.modern-theme .enhance-btn,.modern-theme .generate-btn,.modern-theme .edit-btn,.modern-theme .delete-btn,.modern-theme .copy-btn,.modern-theme .action-btn{padding:.375rem .625rem!important;font-size:.8rem!important;min-height:36px!important;gap:.375rem!important}.modern-theme .btn-icon,.modern-theme button .icon{width:16px!important;height:16px!important}.modern-theme .form-actions .primary-btn,.modern-theme .form-actions .btn-primary{order:1}.modern-theme .form-actions .secondary-btn,.modern-theme .form-actions .btn-secondary{order:2}.modern-theme .tab-button{padding:.375rem .75rem!important;font-size:.8rem!important}.modern-theme .modern-mobile-nav{display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;height:70px!important;background:#fffffff2!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-top:1px solid var(--background-light)!important;box-shadow:0 -4px 20px #00000014!important;z-index:100!important;justify-content:space-around!important;align-items:stretch!important;padding:0!important;padding-bottom:env(safe-area-inset-bottom,0)!important}.modern-theme .mobile-nav-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;flex:1!important;height:100%!important;padding:8px 4px!important;border:none!important;background:transparent!important;cursor:pointer!important;color:var(--charcoal-graphite, #1C1C1E)!important;transition:all .2s ease!important}.modern-theme .mobile-nav-item:hover,.modern-theme .mobile-nav-item.active{background:rgba(var(--primary-rgb),.12)!important;color:var(--primary)!important}.modern-theme .mobile-nav-icon{width:22px!important;height:22px!important;color:inherit!important}.modern-theme .mobile-nav-label{font-size:.65rem!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.02em!important;color:inherit!important}}@media (max-width: 480px){.modern-theme .modern-content-wrapper{padding:.5rem!important}.modern-theme .content-manager-body,.modern-theme .dashboard-body,.modern-theme .social-studio-body,.modern-theme .ai-flows-body,.modern-theme .settings-body,.modern-theme .library-section,.modern-theme .generate-section{padding:.25rem!important}.modern-theme .card,.modern-theme .selection-card,.modern-theme .content-form-card,.modern-theme .glass-card{padding:.5rem!important;border-radius:10px!important}.modern-theme .styled-header-container,.modern-theme .library-header-card{padding:.5rem!important;margin:0 0 .375rem!important}.modern-theme .primary-btn,.modern-theme .btn-primary{padding:.5rem .875rem!important;font-size:.8rem!important}.modern-theme h1,.modern-theme .main-title,.modern-theme .page-title{font-size:1.25rem!important}.modern-theme h2,.modern-theme .section-title{font-size:1rem!important}.modern-theme .content-manager-header,.modern-theme .dashboard-header,.modern-theme .ai-flows-header,.modern-theme .social-studio-header,.modern-theme .settings-header,.modern-theme .media-library-header{padding:.5rem .375rem!important;margin:0 0 .375rem!important}}@media print{.modern-theme .glass-card,.modern-theme .card,.modern-theme .panel{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border:1px solid #ddd}}@media (prefers-reduced-motion: reduce){.modern-theme .glass-card,.modern-theme .card,.modern-theme .btn-primary,.modern-theme .content-library-card,.modern-theme .content-result-card{transition:none;transform:none!important}.modern-theme .skeleton{animation:none}}.modern-theme .styled-header-container{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow)!important}.modern-theme .library-section .styled-header-container{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important}.modern-theme .content-type-card{background:var(--glass-bg)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow)!important}.modern-theme .content-type-card:hover{background:#ffffffe6!important;border-color:var(--primary)!important}.modern-theme .generation-form,.modern-theme .ai-prompt-form,.modern-theme .content-form-card{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow)!important}.modern-theme .selection-card,.modern-theme .article-selection-card,.modern-theme .research-selection-card{background:var(--glass-bg)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid var(--glass-border)!important}.modern-theme .content-calendar{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow)!important}.modern-theme .calendar-header{background:#ffffffe6!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-bottom:1px solid rgba(var(--background-light-rgb),.3)!important;color:var(--charcoal-graphite)!important}.modern-theme .calendar-header h2,.modern-theme .calendar-header p,.modern-theme .calendar-header .calendar-title{color:var(--charcoal-graphite)!important}.modern-theme .calendar-controls,.modern-theme .calendar-stats{background:var(--glass-bg)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border-bottom:1px solid var(--glass-border)!important}.modern-theme .calendar-day{background:#fff9!important;border-color:var(--glass-border)!important}.modern-theme .calendar-day.today{background:rgba(var(--primary-rgb, 184, 115, 51),.1)!important}.modern-theme .calendar-day.other-month{background:#ffffff4d!important}.modern-theme .calendar-day:hover{background:#fffc!important}.modern-theme .calendar-item{backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important}.modern-theme .calendar-weekdays{background:#ffffff80!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}.modern-theme .content-list-view{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid var(--glass-border)!important}.modern-theme .list-item:hover{background:#fffc!important}.modern-theme .item-modal{background:var(--glass-bg-dark)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid var(--glass-border)!important}.modern-theme .dashboard-controls,.modern-theme .dashboard-card,.modern-theme .stat-card,.modern-theme .chart-card,.modern-theme .analytics-card,.modern-theme .insights-card,.modern-theme .metrics-card,.modern-theme .engagement-card,.modern-theme .performance-card{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow)!important}.modern-theme .dashboard-section,.modern-theme .dashboard-body{background:transparent}.modern-theme .stats-grid .stat-item,.modern-theme .kpi-card{background:var(--glass-bg)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid var(--glass-border)!important}.modern-theme .social-studio{background:transparent!important;min-height:auto;width:100%!important;max-width:100%!important}.modern-theme .content-review-card,.modern-theme .variant-card,.modern-theme .scheduling-card,.modern-theme .batch-panel,.modern-theme .queue-panel{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow)!important}.modern-theme .social-studio-body,.modern-theme .tab-content-area{background:transparent}.modern-theme .publishing-hub-card,.modern-theme .publish-card{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid var(--glass-border)!important}.modern-theme .settings{background:transparent!important;min-height:auto}.modern-theme .settings-card,.modern-theme .settings-panel,.modern-theme .api-key-card,.modern-theme .color-logo-card,.modern-theme .font-card,.modern-theme .user-card{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow)!important}.modern-theme .settings-body,.modern-theme .workspace-main{background:transparent}.modern-theme .ai-flows{background:transparent!important;min-height:auto}.modern-theme .flow-card,.modern-theme .ai-flow-card,.modern-theme .template-card,.modern-theme .workflow-card{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow)!important}.modern-theme .media-library{background:transparent!important;min-height:auto}.modern-theme .media-card,.modern-theme .image-card,.modern-theme .video-card,.modern-theme .asset-card{background:var(--glass-bg)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid var(--glass-border)!important}.modern-theme .quick-actions-section,.modern-theme .modern-quick-actions,.modern-theme .content-library-section,.modern-theme .library-section,.modern-theme .generate-section,.modern-theme .flows-section,.modern-theme .content-type-section{background:#fffffff2!important;border:1px solid rgba(var(--secondary-rgb),.35)!important;border-radius:var(--radius-xl, 20px)!important;padding:1.5rem!important;margin-bottom:1.5rem!important;box-shadow:0 2px 12px #0000000f!important}:root{--design-form-gap: 20px;--design-form-preview-min: 260px;--design-form-preview-max: 300px;--design-form-editor-min: 500px;--design-glass-bg: linear-gradient( 145deg, rgba(255, 255, 255, .4) 0%, rgba(var(--background-light-rgb), .2) 50%, rgba(var(--primary-rgb), .1) 100% );--design-glass-border: rgba(0, 0, 0, .2);--design-glass-shadow: 0 8px 32px rgba(0, 0, 0, .1);--section-header-bg: linear-gradient( 135deg, rgba(var(--primary-rgb), .1) 0%, rgba(var(--background-light-rgb), .15) 100% );--section-header-hover: rgba(var(--primary-rgb), .15)}.modern-theme .unified-design-form{max-width:100%;margin:0;padding:var(--design-form-gap)}.modern-theme .form-header-section{background:var(--design-glass-bg);border:1px solid var(--design-glass-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1rem}.modern-theme .form-header-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:end}.modern-theme .form-field-title{flex:1.2}.modern-theme .form-field-source{flex:1}.modern-theme .source-article-display{padding:.75rem 1rem;background:#ffffff80;border:1px solid rgba(var(--background-light-rgb),.4);border-radius:10px;font-size:.9rem;color:var(--charcoal-graphite);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modern-theme .form-header-actions{display:flex!important;grid-template-columns:unset!important;gap:1rem;align-items:center;justify-content:flex-start;margin-bottom:1rem;flex-wrap:wrap}.modern-theme .content-variant-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#00acc11a,#00695c1a);border:1px solid rgba(0,172,193,.4);border-radius:20px;font-size:.8125rem;font-weight:500;color:#00695c;white-space:nowrap}.modern-theme .content-variant-badge svg{color:#00acc1;flex-shrink:0}.modern-theme .view-edit-content-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f64d}.modern-theme .view-edit-content-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.modern-theme .view-edit-content-btn:disabled{opacity:.6;cursor:not-allowed}.modern-theme .view-edit-content-btn.blog-post{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.modern-theme .view-edit-content-btn.blog-post:hover:not(:disabled){box-shadow:0 6px 16px #10b98166}.modern-theme .slide-count-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.3);border-radius:20px;font-size:.875rem}.modern-theme .slide-count-number{font-weight:700;color:var(--primary);font-size:1rem}.modern-theme .slide-count-label{color:var(--charcoal-graphite);font-weight:500}.modern-theme .unified-design-form>div[style*=grid-template-columns]{display:grid!important;grid-template-columns:1fr minmax(var(--design-form-preview-min),var(--design-form-preview-max))!important;gap:var(--design-form-gap)!important;align-items:start!important}.modern-theme .unified-design-form>div[style*="backgroundColor: #dbeafe"]{background:var(--design-glass-bg)!important;border:1px solid var(--design-glass-border)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--primary)!important}.modern-theme .unified-design-form>div[style*="background: #f8f9fa"]{background:var(--design-glass-bg)!important;border:1px solid var(--design-glass-border)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px!important;padding:1rem 1.5rem!important}.modern-theme .unified-design-form>div[style*="backgroundColor: #fef3c7"]{background:linear-gradient(145deg,#f59e0b33,rgba(var(--background-light-rgb),.3))!important;border:1px solid rgba(245,158,11,.4)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.modern-theme .unified-design-form>div[style*="backgroundColor: #f0f9ff"]{background:linear-gradient(145deg,#3b82f626,rgba(var(--background-light-rgb),.2))!important;border:1px solid rgba(59,130,246,.3)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px!important}.modern-theme .unified-design-form div[style*="linear-gradient(135deg, var(--kalkvit)"]{background:var(--design-glass-bg)!important;border:1px solid var(--design-glass-border)!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:16px!important;box-shadow:var(--design-glass-shadow)}.modern-theme .unified-design-form>div[style*=grid-template-columns]>div:first-child{display:flex;flex-direction:column;gap:var(--design-form-gap)}.modern-theme .unified-design-form>div[style*=grid-template-columns]>div[style*="position: sticky"]{position:sticky!important;top:calc(var(--header-height, 60px) + 1rem)!important}.modern-theme .unified-design-form>div[style*=grid-template-columns]>div[style*="position: sticky"]>div{background:var(--design-glass-bg)!important;border:1px solid var(--design-glass-border)!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:20px!important;box-shadow:var(--design-glass-shadow);padding:1.5rem!important}.modern-theme .unified-design-form .form-input,.modern-theme .unified-design-form input[type=text]{background:#fff9;border:1px solid rgba(var(--background-light-rgb),.4);border-radius:12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .2s ease}.modern-theme .unified-design-form .form-input:focus,.modern-theme .unified-design-form input[type=text]:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15);background:#fffc}.modern-theme .unified-design-form .field-label,.modern-theme .unified-design-form label{color:var(--charcoal-graphite);font-weight:600;font-size:.875rem;letter-spacing:.01em}.modern-theme .unified-design-form .primary-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border:none;border-radius:12px;color:#fff;font-weight:600;padding:.875rem 2rem;box-shadow:0 4px 16px rgba(var(--primary-rgb),.3);transition:all .3s ease}.modern-theme .unified-design-form .primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(var(--primary-rgb),.4)}.modern-theme .unified-design-form .secondary-btn{background:#ffffff80;border:1px solid rgba(var(--background-light-rgb),.4);border-radius:10px;color:var(--charcoal-graphite);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .2s ease}.modern-theme .unified-design-form .secondary-btn:hover:not(:disabled){background:#ffffffb3;border-color:var(--primary)}.modern-theme .design-form-header{display:flex;align-items:center;justify-content:flex-start!important;margin-bottom:1.5rem;padding:1rem 1.25rem;background:var(--design-glass-bg);border:1px solid var(--design-glass-border);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:16px;box-shadow:var(--design-glass-shadow)}.modern-theme .design-form-header .back-btn{background:#ffffff80;border:1px solid rgba(var(--background-light-rgb),.4);border-radius:10px;color:var(--charcoal-graphite);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .2s ease;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;display:inline-flex;align-items:center;gap:.5rem;margin-right:auto!important}.modern-theme .design-form-header .back-btn:hover:not(:disabled){background:#ffffffb3;border-color:var(--primary);color:var(--primary)}.modern-theme .design-form-header .back-btn:disabled{opacity:.5;cursor:not-allowed}.modern-theme .text-editor-section,.modern-theme .unified-design-form .text-editor{background:var(--design-glass-bg);border:1px solid var(--design-glass-border);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:16px;box-shadow:var(--design-glass-shadow);padding:1.5rem;overflow:hidden}.modern-theme .video-section.glass-panel{overflow:visible}.modern-theme .bulk-text-editor .video-section.glass-panel,.modern-theme .bulk-text-editor.redesigned .video-section.glass-panel{overflow:visible!important}.modern-theme .editor-section-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--section-header-bg);border-radius:12px;cursor:pointer;margin-bottom:1rem;transition:all .2s ease}.modern-theme .editor-section-header:hover{background:var(--section-header-hover)}.modern-theme .editor-section-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--charcoal-graphite);display:flex;align-items:center;gap:.5rem}.modern-theme .editor-section-header .collapse-icon{transition:transform .3s ease}.modern-theme .editor-section-header.collapsed .collapse-icon{transform:rotate(-90deg)}.modern-theme .editor-section-content{overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.modern-theme .editor-section-content.collapsed{max-height:0;opacity:0;padding:0}.modern-theme .image-creator-section,.modern-theme .unified-design-form .image-creator{background:var(--design-glass-bg);border:1px solid var(--design-glass-border);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:16px;box-shadow:var(--design-glass-shadow);padding:1.5rem}.modern-theme .image-creator .dropzone,.modern-theme .image-creator div[style*="border: 2px dashed"]{background:#fff6!important;border:2px dashed rgba(var(--primary-rgb),.4)!important;border-radius:12px!important;transition:all .2s ease}.modern-theme .image-creator .dropzone:hover,.modern-theme .image-creator div[style*="border: 2px dashed"]:hover{border-color:var(--primary)!important;background:rgba(var(--primary-rgb),.1)!important}.modern-theme .slide-navigation,.modern-theme .unified-design-form .slide-nav{display:flex;gap:.5rem;padding:1rem;background:var(--design-glass-bg);border:1px solid var(--design-glass-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px;overflow-x:auto;scrollbar-width:thin}.modern-theme .slide-thumbnail,.modern-theme .slide-nav-item{flex:0 0 auto;width:60px;height:60px;border-radius:10px;border:2px solid transparent;cursor:pointer;overflow:hidden;transition:all .2s ease;background:#fff6}.modern-theme .slide-thumbnail:hover,.modern-theme .slide-nav-item:hover{border-color:rgba(var(--primary-rgb),.5);transform:scale(1.05)}.modern-theme .slide-thumbnail.active,.modern-theme .slide-nav-item.active{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.2)}.modern-theme .reel-design-form{max-width:100%;padding:var(--design-form-gap)}.modern-theme .reel-save-controls{display:flex;gap:1rem;padding:1rem 1.5rem;background:var(--design-glass-bg);border:1px solid var(--design-glass-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px;margin-bottom:var(--design-form-gap);flex-wrap:wrap;align-items:center}.modern-theme .reel-save-controls .save-draft-btn,.modern-theme .reel-save-controls .drafts-btn,.modern-theme .reel-save-controls .revert-btn{background:#ffffff80;border:1px solid rgba(var(--background-light-rgb),.4);border-radius:10px;padding:.625rem 1rem;color:var(--charcoal-graphite);font-weight:500;display:flex;align-items:center;gap:.5rem;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .2s ease}.modern-theme .reel-save-controls .save-draft-btn:hover,.modern-theme .reel-save-controls .drafts-btn:hover,.modern-theme .reel-save-controls .revert-btn:hover{background:#ffffffb3;border-color:var(--primary)}.modern-theme .drafts-dropdown-menu{background:var(--design-glass-bg);border:1px solid var(--design-glass-border);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:12px;box-shadow:0 12px 40px #00000026;overflow:hidden}.modern-theme .drafts-dropdown-menu .draft-item{padding:.875rem 1rem;border-bottom:1px solid rgba(var(--background-light-rgb),.2);cursor:pointer;transition:background .2s ease}.modern-theme .drafts-dropdown-menu .draft-item:hover{background:rgba(var(--primary-rgb),.1)}.modern-theme .drafts-dropdown-menu .draft-item:last-child{border-bottom:none}.modern-theme .reel-design-form .content-form-card{background:var(--design-glass-bg);border:1px solid var(--design-glass-border);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:20px;box-shadow:var(--design-glass-shadow);padding:1.5rem}.modern-theme .configuration-panel,.modern-theme .reel-config-panel{background:linear-gradient(145deg,#ffffff80,rgba(var(--background-light-rgb),.2));border:1px solid var(--design-glass-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px;padding:1.25rem;margin-bottom:var(--design-form-gap)}.modern-theme .configuration-panel h3,.modern-theme .reel-config-panel h3{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--charcoal-graphite)}.modern-theme .form-progress-bar{height:6px;background:rgba(var(--background-light-rgb),.3);border-radius:3px;overflow:hidden}.modern-theme .form-progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--text-muted) 100%);border-radius:3px;transition:width .3s ease}.modern-theme .bulk-text-editor{display:flex;flex-direction:column;gap:var(--design-form-gap)}.modern-theme .clip-timeline{display:flex;gap:1rem;padding:1rem;background:#ffffff4d;border-radius:12px;overflow-x:auto;scrollbar-width:thin}.modern-theme .clip-timeline-item{flex:0 0 auto;width:140px;padding:.75rem;background:#ffffff80;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:center}.modern-theme .clip-timeline-item:hover{border-color:rgba(var(--primary-rgb),.4);transform:translateY(-2px)}.modern-theme .clip-timeline-item.active{border-color:var(--primary);background:rgba(var(--primary-rgb),.1);box-shadow:0 4px 16px rgba(var(--primary-rgb),.2)}.modern-theme .clip-timeline-item .clip-number{font-weight:700;font-size:.875rem;color:var(--primary);margin-bottom:.25rem}.modern-theme .clip-timeline-item .clip-duration{font-size:.75rem;color:var(--text-muted)}.modern-theme .clip-editor-panel{background:var(--design-glass-bg);border:1px solid var(--design-glass-border);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:16px;padding:1.5rem;box-shadow:var(--design-glass-shadow)}.modern-theme .clip-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--design-form-gap)}.modern-theme .clip-video-preview{aspect-ratio:9/16;background:#0000001a;border-radius:12px;overflow:hidden;max-height:400px}.modern-theme .video-preview-container{background:var(--design-glass-bg);border:1px solid var(--design-glass-border);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:20px;padding:1.5rem;box-shadow:var(--design-glass-shadow)}.modern-theme .video-preview-container .video-wrapper{border-radius:12px;overflow:hidden;background:#000}.modern-theme .music-library{background:#ffffff4d;border-radius:12px;padding:1rem}.modern-theme .music-track-item{background:#ffffff80;border:1px solid transparent;border-radius:10px;padding:.75rem;margin-bottom:.5rem;cursor:pointer;transition:all .2s ease}.modern-theme .music-track-item:hover{border-color:var(--primary);background:#ffffffb3}.modern-theme .music-track-item.selected{border-color:var(--primary);background:rgba(var(--primary-rgb),.1)}.modern-theme .unified-design-form .form-actions,.modern-theme .reel-design-form .form-actions{position:sticky;bottom:0;left:0;right:0;padding:1rem 1.5rem;background:linear-gradient(to top,#fffffff2,#fffc);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(var(--background-light-rgb),.3);margin:var(--design-form-gap) calc(-1 * var(--design-form-gap)) calc(-1 * var(--design-form-gap));z-index:10;display:flex;justify-content:center;gap:1rem}@media (max-width: 1024px){:root{--design-form-gap: 16px}.modern-theme .form-header-section{padding:1rem 1.25rem}.modern-theme .form-header-row{gap:1rem}.modern-theme .unified-design-form>div[style*=grid-template-columns]{grid-template-columns:1fr!important}.modern-theme .unified-design-form>div[style*=grid-template-columns]>div[style*="position: sticky"]{order:-1;position:relative!important;top:auto!important}.modern-theme .unified-design-form>div[style*=grid-template-columns]>div[style*="position: sticky"]>div{max-width:100%;width:-moz-fit-content;width:fit-content;margin:0 auto}.modern-theme .slide-navigation .slide-thumbnail,.modern-theme .slide-nav-item{width:40px;height:40px}.modern-theme .unified-design-form div[style*="backgroundColor: #f0f9ff"][style*="fontSize: 0.75rem"],.modern-theme .unified-design-form div[style*="Carousel Progress"]{display:none!important}.modern-theme .clip-editor-grid{grid-template-columns:1fr}.modern-theme .clip-video-preview{max-height:250px}.modern-theme .reel-save-controls{justify-content:center}.modern-theme .reel-save-controls .drafts-btn span:last-child{display:none}.modern-theme .clip-timeline-item{width:100px}.modern-theme .editor-section-content.tablet-hide{display:none!important}.modern-theme .unified-design-form .form-actions,.modern-theme .reel-design-form .form-actions{padding:.75rem 1rem}}@media (max-width: 768px){:root{--design-form-gap: 12px}.modern-theme .unified-design-form,.modern-theme .reel-design-form{padding:var(--design-form-gap)}.modern-theme .form-header-section{padding:.875rem 1rem;gap:.75rem}.modern-theme .form-header-row{grid-template-columns:1fr;gap:.75rem}.modern-theme .form-field-source{display:none!important}.modern-theme .form-header-actions{flex-wrap:wrap}.modern-theme .view-edit-content-btn{padding:.5rem 1rem;font-size:.8125rem}.modern-theme .slide-count-badge{padding:.375rem .75rem;font-size:.8125rem}.modern-theme .slide-count-number{font-size:.9rem}.modern-theme .unified-design-form .form-field:has(label:contains("Source Article")),.modern-theme .unified-design-form div[style*="Source Article"]{display:none!important}.modern-theme .unified-design-form .form-field:has(label:contains("Number of Slides")){display:none!important}.modern-theme .unified-design-form div[style*="linear-gradient(135deg, var(--kalkvit)"] p{display:none!important}.modern-theme .unified-design-form div[style*="linear-gradient(135deg, var(--kalkvit)"]{padding:1rem!important}.modern-theme .unified-design-form div[style*="linear-gradient(135deg, var(--kalkvit)"] h2{font-size:1.1rem!important}.modern-theme .unified-design-form>div[style*=grid-template-columns]>div[style*="position: sticky"]>div{max-width:100%;width:-moz-fit-content;width:fit-content;margin:0 auto;padding:1rem!important}.modern-theme .unified-design-form>div[style*=grid-template-columns]>div[style*="position: sticky"]>div>div[style*="fontStyle: italic"]{display:none!important}.modern-theme .unified-design-form>div[style*=grid-template-columns]>div[style*="position: sticky"] select{display:none!important}.modern-theme .slide-navigation{justify-content:center;padding:.75rem}.modern-theme .slide-navigation .slide-thumbnail,.modern-theme .slide-nav-item{width:12px;height:12px;border-radius:50%;padding:0}.modern-theme .slide-navigation .add-slide-btn,.modern-theme .slide-navigation .delete-slide-btn,.modern-theme .reel-design-form .content-variant-display{display:none!important}.modern-theme .reel-save-controls{flex-direction:column;gap:.5rem;padding:.75rem}.modern-theme .reel-save-controls button{width:100%;justify-content:center}.modern-theme .reel-save-controls .revert-btn{display:none!important}.modern-theme .clip-timeline{padding:.75rem}.modern-theme .clip-timeline-item{width:80px;padding:.5rem}.modern-theme .clip-timeline-item .clip-number{font-size:.75rem}.modern-theme .clip-editor-panel{padding:1rem}.modern-theme .clip-video-preview,.modern-theme .clip-duration-control{display:none!important}.modern-theme .unified-design-form .form-actions,.modern-theme .reel-design-form .form-actions{margin:0;border-radius:0;padding:.75rem}.modern-theme .unified-design-form .form-actions .primary-btn,.modern-theme .reel-design-form .form-actions .primary-btn{width:100%;padding:.75rem 1rem}}@media (max-width: 480px){:root{--design-form-gap: 8px}.modern-theme .unified-design-form>div[style*="backgroundColor: #dbeafe"]{display:none!important}.modern-theme .unified-design-form>div[style*="backgroundColor: #fef3c7"] p{display:none!important}.modern-theme .unified-design-form>div[style*="background: #f8f9fa"] input,.modern-theme .unified-design-form>div[style*="background: #f8f9fa"] button:not(:first-child){display:none!important}.modern-theme .unified-design-form>div[style*=grid-template-columns]>div[style*="position: sticky"]>div{max-width:240px;padding:.75rem!important}.modern-theme .unified-design-form>div[style*=grid-template-columns]>div[style*="position: sticky"]>div h3{font-size:.9rem!important}.modern-theme .reel-save-controls .drafts-dropdown-wrapper{display:none!important}.modern-theme .reel-save-controls{padding:.5rem}}.modern-theme .hide-tablet{display:block}@media (max-width: 1024px){.modern-theme .hide-tablet{display:none!important}}.modern-theme .hide-mobile{display:block}@media (max-width: 768px){.modern-theme .hide-mobile{display:none!important}}.modern-theme .show-mobile-only{display:none}@media (max-width: 768px){.modern-theme .show-mobile-only{display:block!important}}.modern-theme .show-tablet-only{display:none}@media (min-width: 769px) and (max-width: 1024px){.modern-theme .show-tablet-only{display:block!important}}.modern-theme .unified-design-form *,.modern-theme .reel-design-form *{transition-property:background-color,border-color,box-shadow,transform,opacity;transition-duration:.2s;transition-timing-function:ease}.modern-theme .unified-design-form,.modern-theme .reel-design-form,.modern-theme .unified-design-form>div,.modern-theme .reel-design-form>div{transition:none}.modern-theme .slide-navigation,.modern-theme .clip-timeline{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.modern-theme .slide-navigation::-webkit-scrollbar,.modern-theme .clip-timeline::-webkit-scrollbar{height:6px}.modern-theme .slide-navigation::-webkit-scrollbar-track,.modern-theme .clip-timeline::-webkit-scrollbar-track{background:rgba(var(--background-light-rgb),.2);border-radius:3px}.modern-theme .slide-navigation::-webkit-scrollbar-thumb,.modern-theme .clip-timeline::-webkit-scrollbar-thumb{background:rgba(var(--primary-rgb),.4);border-radius:3px}.modern-theme .slide-navigation::-webkit-scrollbar-thumb:hover,.modern-theme .clip-timeline::-webkit-scrollbar-thumb:hover{background:rgba(var(--primary-rgb),.6)}.modern-theme .content-form-card:has(.bulk-text-editor.redesigned){overflow:visible!important}.modern-theme .reel-design-form{overflow:visible!important}.modern-theme .content-manager-body:has(.bulk-text-editor.redesigned){overflow:visible!important}.modern-theme .content-form-card.has-sticky-preview,.modern-theme .reel-design-wrapper,.modern-theme .content-manager-body .reel-design-wrapper,.modern-theme .content-manager-body .reel-design-wrapper .content-form-card,.modern-theme .content-manager-body .reel-design-wrapper .content-form-card .reel-design-form,.modern-theme .reel-design-form .content-form-card,.modern-theme .reel-design-form .content-form-card .tab-content-area,.modern-theme .content-form-card .reel-design-form .content-form-card,.modern-theme .content-form-card.has-sticky-preview .reel-design-form,.modern-theme .content-form-card.has-sticky-preview .reel-design-form .content-form-card,.modern-theme .content-form-card.has-sticky-preview .reel-design-form .content-form-card .tab-content-area,.modern-theme .content-form-card.has-sticky-preview .reel-design-form .content-form-card .tab-content-area .bulk-text-editor{overflow:visible!important}.modern-theme .bulk-text-editor .bulk-editor-layout{display:grid;grid-template-columns:1fr minmax(350px,420px);gap:2rem;align-items:start}.modern-theme .bulk-text-editor .design-form-editors{display:flex;flex-direction:column;gap:1.5rem}.modern-theme .bulk-text-editor .design-form-preview{position:sticky;top:calc(var(--header-height, 60px) + 1rem)}.modern-theme .bulk-text-editor .preview-panel{background:var(--design-glass-bg);border:1px solid var(--design-glass-border);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:16px;padding:1.5rem;box-shadow:var(--design-glass-shadow)}.modern-theme .bulk-text-editor .preview-title{color:var(--charcoal-graphite);font-size:1.1rem;margin:0 0 .25rem}.modern-theme .bulk-text-editor .preview-subtitle{color:var(--text-muted);font-size:.8rem;margin:0 0 1rem}.modern-theme .bulk-text-editor:not(.redesigned) .preview-canvas{border-radius:12px;overflow:hidden;background:#000}.modern-theme .bulk-text-editor .clip-navigation-dots{display:flex;gap:6px;justify-content:center;margin-bottom:1rem}.modern-theme .bulk-text-editor .clip-dot{width:10px;height:10px;border-radius:50%;border:none;background:rgba(var(--background-light-rgb),.5);cursor:pointer;transition:all .2s ease;padding:0}.modern-theme .bulk-text-editor .clip-dot:hover{background:rgba(var(--primary-rgb),.5);transform:scale(1.2)}.modern-theme .bulk-text-editor .clip-dot.active{background:var(--primary);transform:scale(1.3)}.modern-theme .bulk-text-editor .clip-navigation{margin-bottom:1.5rem}.modern-theme .bulk-text-editor .clip-navigation .slide-nav-item{flex-direction:column;gap:4px;padding:8px 12px;min-width:50px}.modern-theme .bulk-text-editor .clip-nav-number{font-weight:700;font-size:.875rem;color:var(--charcoal-graphite)}.modern-theme .bulk-text-editor .clip-nav-status{display:flex;gap:3px}.modern-theme .bulk-text-editor .video-controls-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end;margin-bottom:1rem}.modern-theme .bulk-text-editor .video-controls-row .form-field{flex:1;min-width:120px}.modern-theme .bulk-text-editor .duration-control{display:flex;align-items:center;gap:.5rem}.modern-theme .bulk-text-editor .duration-control input{width:70px}.modern-theme .bulk-text-editor .duration-unit{color:var(--text-muted);font-size:.85rem}.modern-theme .bulk-text-editor .video-select-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#fff9;border:1px solid rgba(var(--background-light-rgb),.5);border-radius:10px;color:var(--charcoal-graphite);font-size:.875rem;cursor:pointer;transition:all .2s ease;width:100%;justify-content:center}.modern-theme .bulk-text-editor .video-select-btn:hover:not(:disabled){background:#fffc;border-color:var(--primary)}.modern-theme .bulk-text-editor .video-select-btn.has-video{background:rgba(var(--skogsgron-rgb),.1);border-color:var(--skogsgron);color:var(--skogsgron)}.modern-theme .bulk-text-editor .ai-video-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border:none;border-radius:10px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;justify-content:center}.modern-theme .bulk-text-editor .ai-video-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.modern-theme .bulk-text-editor .video-clear-section{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(var(--background-light-rgb),.3)}.modern-theme .bulk-text-editor .video-clear-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(var(--tegelrod-rgb),.1);border:1px solid rgba(var(--tegelrod-rgb),.3);border-radius:8px;color:var(--tegelrod);font-size:.8rem;cursor:pointer;transition:all .2s ease}.modern-theme .bulk-text-editor .video-clear-btn:hover:not(:disabled){background:rgba(var(--tegelrod-rgb),.2);border-color:var(--tegelrod)}.modern-theme .bulk-text-editor .video-creation-panel{margin-top:1rem;padding:1rem;background:#fff6;border-radius:12px;border:1px solid rgba(var(--background-light-rgb),.3)}.modern-theme .bulk-text-editor .clip-status-summary{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:rgba(var(--background-light-rgb),.2);border-radius:10px;font-size:.8rem;color:var(--charcoal-graphite);margin-top:1rem}.modern-theme .bulk-text-editor .clip-status-summary.complete{background:rgba(var(--skogsgron-rgb),.1);color:var(--skogsgron)}.modern-theme .bulk-text-editor .clip-status-summary .effects-count{color:var(--text-muted);font-style:italic}.modern-theme .bulk-text-editor .config-info-panel{background:var(--design-glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--design-glass-border);border-radius:16px;padding:1.25rem 1.5rem}.modern-theme .bulk-text-editor .config-info-header{margin-bottom:.75rem}.modern-theme .bulk-text-editor .config-info-header span{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.modern-theme .bulk-text-editor .config-info-header h3{margin:.25rem 0 0;font-size:1.1rem;color:var(--charcoal-graphite)}.modern-theme .bulk-text-editor .content-stats{font-size:.875rem;color:var(--charcoal-graphite)}.modern-theme .bulk-text-editor .content-stats strong{color:var(--primary)}.modern-theme .bulk-text-editor .preview-section{margin-top:1rem}.modern-theme .bulk-text-editor .loading-text{font-size:.75rem;color:var(--text-muted);padding:.5rem}.modern-theme .bulk-text-editor .warning-text{font-size:.75rem;color:#92400e;padding:.5rem .75rem;background:#fef3c799;border-radius:6px;border:1px solid rgba(245,158,11,.3)}.modern-theme .bulk-text-editor .clip-nav-buttons{display:flex;gap:.5rem;margin-top:1rem}.modern-theme .bulk-text-editor .clip-nav-btn{flex:1;padding:.5rem;border:1px solid rgba(var(--background-light-rgb),.5);border-radius:8px;background:#fff9;cursor:pointer;font-size:.8rem;font-weight:500;color:var(--charcoal-graphite);transition:all .2s ease}.modern-theme .bulk-text-editor .clip-nav-btn:hover:not(:disabled){background:#ffffffe6;border-color:var(--primary)}.modern-theme .bulk-text-editor .clip-nav-btn:disabled{opacity:.5;cursor:not-allowed;background:rgba(var(--background-light-rgb),.3)}@media (max-width: 1024px){.modern-theme .bulk-text-editor .bulk-editor-layout{grid-template-columns:1fr}.modern-theme .bulk-text-editor .design-form-preview{position:relative;top:auto;order:-1;margin-bottom:1.5rem}.modern-theme .bulk-text-editor .preview-panel{max-width:400px;margin:0 auto}}@media (max-width: 768px){.modern-theme .bulk-text-editor .video-controls-row{flex-direction:column;gap:.75rem}.modern-theme .bulk-text-editor .video-controls-row .form-field{width:100%;min-width:unset}.modern-theme .bulk-text-editor .clip-navigation .slide-nav-item{min-width:40px;padding:6px 8px}.modern-theme .bulk-text-editor .clip-nav-number{font-size:.75rem}}@media (max-width: 480px){.modern-theme .bulk-text-editor .preview-panel,.modern-theme .bulk-text-editor .config-info-panel{padding:1rem}}.modern-theme .bulk-text-editor.redesigned{display:flex;flex-direction:column;gap:1rem;padding:var(--design-form-gap, 1.5rem);max-width:100%;box-sizing:border-box}.modern-theme .bulk-text-editor.redesigned .editor-header{text-align:center;margin-bottom:.5rem}.modern-theme .bulk-text-editor.redesigned .editor-header h2{margin:0 0 .25rem;font-size:1.5rem;color:var(--charcoal-graphite)}.modern-theme .bulk-text-editor.redesigned .editor-subtitle{margin:0;font-size:.9rem;color:var(--text-muted)}.modern-theme .bulk-text-editor.redesigned .clip-navigation-bar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--design-glass-bg);border:1px solid var(--design-glass-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:12px;justify-content:center}.modern-theme .bulk-text-editor.redesigned .nav-arrow-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(var(--background-light-rgb),.5);border-radius:8px;background:#fff9;cursor:pointer;color:var(--charcoal-graphite);transition:all .2s ease}.modern-theme .bulk-text-editor.redesigned .nav-arrow-btn:hover:not(:disabled){background:#ffffffe6;border-color:var(--primary);color:var(--primary)}.modern-theme .bulk-text-editor.redesigned .nav-arrow-btn:disabled{opacity:.4;cursor:not-allowed}.modern-theme .bulk-text-editor.redesigned .clip-pills{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:thin;padding:4px}.modern-theme .bulk-text-editor.redesigned .clip-pill{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:48px;padding:.5rem .75rem;border:2px solid transparent;border-radius:10px;background:#ffffff80;cursor:pointer;transition:all .2s ease}.modern-theme .bulk-text-editor.redesigned .clip-pill:hover{background:#fffc;border-color:rgba(var(--primary-rgb),.4)}.modern-theme .bulk-text-editor.redesigned .clip-pill.active{background:rgba(var(--primary-rgb),.15);border-color:var(--primary);box-shadow:0 2px 8px rgba(var(--primary-rgb),.2)}.modern-theme .bulk-text-editor.redesigned .clip-pill.complete{background:rgba(var(--skogsgron-rgb),.1)}.modern-theme .bulk-text-editor.redesigned .clip-pill.complete.active{background:rgba(var(--skogsgron-rgb),.15);border-color:var(--skogsgron)}.modern-theme .bulk-text-editor.redesigned .clip-number{font-weight:700;font-size:.9rem;color:var(--charcoal-graphite)}.modern-theme .bulk-text-editor.redesigned .clip-pill.active .clip-number{color:var(--primary)}.modern-theme .bulk-text-editor.redesigned .clip-status-icons{display:flex;gap:3px}.modern-theme .bulk-text-editor.redesigned .clip-status-icons .status-icon.text{color:#16a34a}.modern-theme .bulk-text-editor.redesigned .clip-status-icons .status-icon.video{color:#3b82f6}.modern-theme .bulk-text-editor.redesigned .editor-layout{display:grid;grid-template-columns:1fr 250px;gap:1.5rem;align-items:start;max-width:100%}.modern-theme .bulk-text-editor.redesigned .editor-panel{display:flex;flex-direction:column;gap:0}.modern-theme .bulk-text-editor.redesigned .section-tabs{display:flex;gap:.5rem;padding:.5rem;background:#ffffff4d;border-radius:12px 12px 0 0;border:1px solid var(--design-glass-border);border-bottom:none}.modern-theme .bulk-text-editor.redesigned .section-tab{display:flex;align-items:center;gap:.5rem;flex:1;padding:.75rem 1rem;border:none;border-radius:8px;background:transparent;color:var(--charcoal-graphite);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;justify-content:center}.modern-theme .bulk-text-editor.redesigned .section-tab:hover{background:#fff9}.modern-theme .bulk-text-editor.redesigned .section-tab.active{background:#fff;color:var(--primary);box-shadow:0 2px 8px #0000001a}.modern-theme .bulk-text-editor.redesigned .section-tab.complete .complete-icon{color:#16a34a}.modern-theme .bulk-text-editor.redesigned .section-content{background:var(--design-glass-bg);border:1px solid var(--design-glass-border);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:0 0 16px 16px;padding:1.5rem;min-height:400px}.modern-theme .bulk-text-editor.redesigned .preview-panel{position:sticky;top:calc(var(--header-height, 60px) + 1rem);align-self:start;background:var(--design-glass-bg);border:1px solid var(--design-glass-border);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:12px;padding:.625rem;box-shadow:var(--design-glass-shadow);width:250px;max-width:250px;box-sizing:border-box;max-height:calc(100vh - var(--header-height, 60px) - 2rem);overflow-y:auto}.modern-theme .bulk-text-editor.redesigned .preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.625rem}.modern-theme .bulk-text-editor.redesigned .preview-title{margin:0;font-size:.875rem;color:var(--charcoal-graphite)}.modern-theme .bulk-text-editor.redesigned .preview-badge{white-space:nowrap;padding:.125rem .375rem;background:rgba(var(--primary-rgb),.1);border-radius:12px;font-size:.65rem;font-weight:600;color:var(--primary)}.modern-theme .bulk-text-editor.redesigned .preview-canvas{display:flex;justify-content:center;margin-bottom:.625rem}.modern-theme .bulk-text-editor.redesigned .clip-summary{padding:.5rem;background:#fff6;border-radius:8px}.modern-theme .bulk-text-editor.redesigned .summary-row{display:flex;gap:.375rem;flex-wrap:wrap;margin-bottom:.375rem}.modern-theme .bulk-text-editor.redesigned .status-badge{padding:.175rem .375rem;border-radius:4px;font-size:.65rem;font-weight:500}.modern-theme .bulk-text-editor.redesigned .status-badge.complete{background:rgba(var(--skogsgron-rgb),.15);color:var(--skogsgron)}.modern-theme .bulk-text-editor.redesigned .status-badge.pending{background:rgba(var(--background-light-rgb),.3);color:var(--text-muted)}.modern-theme .bulk-text-editor.redesigned .status-badge.effect{background:rgba(var(--primary-rgb),.15);color:var(--primary)}.modern-theme .bulk-text-editor.redesigned .duration-display{font-size:.7rem;color:var(--text-muted)}.modern-theme .bulk-text-editor.redesigned .overall-summary{background:var(--design-glass-bg);border:1px solid var(--design-glass-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:12px;padding:1rem 1.5rem}.modern-theme .bulk-text-editor.redesigned .summary-header{margin-bottom:.5rem}.modern-theme .bulk-text-editor.redesigned .summary-header span{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.modern-theme .bulk-text-editor.redesigned .summary-header h3{margin:.125rem 0 0;font-size:1rem;color:var(--charcoal-graphite)}.modern-theme .bulk-text-editor.redesigned .summary-stats{display:flex;gap:1.5rem;flex-wrap:wrap;font-size:.85rem;color:var(--charcoal-graphite)}.modern-theme .bulk-text-editor.redesigned .summary-stats strong{color:var(--primary)}.modern-theme .bulk-text-editor.redesigned .design-form-editors{display:flex;flex-direction:column;gap:1rem;min-width:0;flex:1}.modern-theme .bulk-text-editor.redesigned .glass-panel{background:var(--design-glass-bg);border:1px solid var(--design-glass-border);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:12px;padding:1rem;box-shadow:var(--design-glass-shadow)}.modern-theme .bulk-text-editor.redesigned .text-editor-section{flex:1;display:flex;flex-direction:column}.modern-theme .bulk-text-editor.redesigned .smart-editor-header{margin-bottom:.75rem}.modern-theme .bulk-text-editor.redesigned .text-field-selector{width:100%;padding:.5rem .75rem;background:#fff9;border:2px solid var(--primary);border-radius:8px;font-size:.875rem;font-weight:600;color:var(--charcoal-graphite);cursor:pointer;transition:all .2s ease}.modern-theme .bulk-text-editor.redesigned .text-field-selector:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15)}.modern-theme .bulk-text-editor.redesigned .active-field-editor{flex:1;display:flex;flex-direction:column;margin-bottom:.75rem}.modern-theme .bulk-text-editor.redesigned .active-field-editor .field-textarea{width:100%;min-height:70px;flex:1;padding:.625rem .75rem;background:#fffc;border:1px solid rgba(var(--background-light-rgb),.4);border-radius:8px;font-size:.875rem;resize:vertical;margin-bottom:.5rem;box-sizing:border-box}.modern-theme .bulk-text-editor.redesigned .active-field-editor .field-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.bulk-text-editor.redesigned .field-options{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:flex-start!important;justify-content:flex-start!important;gap:2rem!important;padding:.875rem 1rem!important;background:#ffffff80!important;border-radius:8px!important;border:1px solid rgba(229,217,199,.25)!important;margin-top:.5rem!important;overflow:visible!important}.bulk-text-editor.redesigned .option-group{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important;flex-shrink:0!important}.bulk-text-editor.redesigned .option-group>label{display:block!important;font-size:.6875rem!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important;color:#3a4a42!important;white-space:nowrap!important;line-height:1!important;margin:0!important;padding:0!important;height:12px!important}.bulk-text-editor.redesigned .color-picker-group{display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;flex-wrap:nowrap!important;height:24px!important}.bulk-text-editor.redesigned .color-picker-group .color-swatch{width:22px!important;height:22px!important;min-width:22px!important;max-width:22px!important;border:2px solid rgba(229,217,199,.4)!important;border-radius:4px!important;cursor:pointer!important;padding:0!important;flex-shrink:0!important;box-sizing:border-box!important}.bulk-text-editor.redesigned .color-picker-group .custom-color-picker{width:22px!important;height:22px!important;min-width:22px!important;max-width:22px!important;border:2px dashed rgba(229,217,199,.5)!important;border-radius:4px!important;cursor:pointer!important;padding:0!important;flex-shrink:0!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background:#fff!important;box-sizing:border-box!important}.bulk-text-editor.redesigned .size-input-wrapper{display:flex!important;align-items:center!important;gap:.25rem!important}.bulk-text-editor.redesigned .size-input-wrapper input[type=number]{width:52px!important;padding:.375rem!important;background:#fffc!important;border:1px solid rgba(229,217,199,.4)!important;border-radius:5px!important;font-size:.75rem!important;text-align:center!important;height:28px!important;box-sizing:border-box!important}.bulk-text-editor.redesigned .option-group select{padding:.375rem .5rem!important;background:#fffc!important;border:1px solid rgba(229,217,199,.4)!important;border-radius:5px!important;font-size:.75rem!important;min-width:80px!important;height:28px!important;cursor:pointer!important;box-sizing:border-box!important}.modern-theme .bulk-text-editor.redesigned .field-options{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:flex-start!important;justify-content:flex-start!important;gap:2rem!important;padding:.875rem 1rem!important;background:#ffffff80!important;border-radius:8px!important;border:1px solid rgba(var(--background-light-rgb),.25)!important;margin-top:.5rem!important;overflow:visible!important}.modern-theme .bulk-text-editor.redesigned .option-group{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important;flex-shrink:0!important;position:relative!important}.modern-theme .bulk-text-editor.redesigned .option-group>label{display:block!important;font-size:.6875rem!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important;color:var(--text-muted)!important;white-space:nowrap!important;line-height:1!important;margin:0!important;padding:0!important;height:12px!important}.modern-theme .bulk-text-editor.redesigned .option-group.color-option{flex-grow:0!important;flex-shrink:0!important}.modern-theme .bulk-text-editor.redesigned .option-group.size-option{min-width:80px!important;flex-shrink:0!important}.modern-theme .bulk-text-editor.redesigned .option-group.position-option{min-width:100px!important;flex-shrink:0!important}.modern-theme .bulk-text-editor.redesigned .color-picker-group{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.375rem!important;flex-wrap:nowrap!important;height:24px!important}.modern-theme .bulk-text-editor.redesigned .color-picker-group .color-swatch{width:22px!important;height:22px!important;min-width:22px!important;border:2px solid rgba(var(--background-light-rgb),.4)!important;border-radius:4px!important;cursor:pointer!important;padding:0!important;transition:all .15s ease!important;flex-shrink:0!important;box-sizing:border-box!important}.modern-theme .bulk-text-editor.redesigned .color-picker-group .color-swatch:hover:not(:disabled){transform:scale(1.1)!important;border-color:var(--primary)!important}.modern-theme .bulk-text-editor.redesigned .color-picker-group .color-swatch.active{border-color:var(--primary)!important;box-shadow:0 0 0 2px rgba(var(--primary-rgb),.3)!important}.modern-theme .bulk-text-editor.redesigned .color-picker-group .custom-color-picker{width:22px!important;height:22px!important;min-width:22px!important;border:2px dashed rgba(var(--background-light-rgb),.5)!important;border-radius:4px!important;cursor:pointer!important;padding:0!important;flex-shrink:0!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background:#fff!important;box-sizing:border-box!important}.modern-theme .bulk-text-editor.redesigned .color-picker-group .custom-color-picker::-webkit-color-swatch-wrapper{padding:2px!important}.modern-theme .bulk-text-editor.redesigned .color-picker-group .custom-color-picker::-webkit-color-swatch{border:none!important;border-radius:2px!important}.modern-theme .bulk-text-editor.redesigned .color-picker-group .color-swatch:disabled{opacity:.5!important;cursor:not-allowed!important}.modern-theme .bulk-text-editor.redesigned .option-group select{padding:.375rem .5rem;background:#fffc;border:1px solid rgba(var(--background-light-rgb),.4);border-radius:5px;font-size:.75rem;min-width:80px;height:28px;cursor:pointer}.modern-theme .bulk-text-editor.redesigned .option-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.15)}.modern-theme .bulk-text-editor.redesigned .option-group input[type=number]{width:52px;padding:.375rem;background:#fffc;border:1px solid rgba(var(--background-light-rgb),.4);border-radius:5px;font-size:.75rem;text-align:center;height:28px}.modern-theme .bulk-text-editor.redesigned .option-group input[type=number]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.15)}.modern-theme .bulk-text-editor.redesigned .size-input-wrapper{display:flex;align-items:center;gap:.25rem}.modern-theme .bulk-text-editor.redesigned .size-unit{font-size:.75rem;color:var(--text-muted)}.modern-theme .bulk-text-editor.redesigned .other-texts-preview{border-top:1px solid rgba(var(--background-light-rgb),.3);padding-top:.5rem;margin-top:.375rem}.modern-theme .bulk-text-editor.redesigned .text-preview-row{display:flex;align-items:center;gap:.375rem;padding:.375rem .5rem;background:#ffffff4d;border-radius:5px;margin-bottom:.375rem;cursor:pointer;transition:all .2s ease}.modern-theme .bulk-text-editor.redesigned .text-preview-row:hover{background:#ffffff80}.modern-theme .bulk-text-editor.redesigned .text-preview-row .text-label{font-weight:600;font-size:.7rem;color:var(--text-muted);min-width:28px}.modern-theme .bulk-text-editor.redesigned .text-preview-row .text-value{flex:1;font-size:.75rem;color:var(--charcoal-graphite);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modern-theme .bulk-text-editor.redesigned .text-preview-row svg{color:var(--text-muted);opacity:.5;flex-shrink:0}.modern-theme .clip-video-editor.compact .creator-header,.modern-theme .clip-effects-editor.compact .creator-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.modern-theme .clip-video-editor.compact .creator-header h3,.modern-theme .clip-effects-editor.compact .creator-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--charcoal-graphite);flex:1}.modern-theme .clip-video-editor.compact .creator-header .complete-icon,.modern-theme .clip-effects-editor.compact .creator-header .complete-icon{color:var(--skogsgron);flex-shrink:0}.modern-theme .clip-video-editor.compact .compact-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.modern-theme .clip-video-editor.compact .section-label{font-weight:600;font-size:.9rem;color:var(--charcoal-graphite)}.modern-theme .clip-video-editor.compact .complete-icon{color:var(--skogsgron)}.modern-theme .clip-video-editor.compact .compact-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}.modern-theme .clip-video-editor.compact .duration-inline{display:flex;align-items:center;gap:.375rem;font-size:.85rem;color:var(--text-muted)}.modern-theme .clip-video-editor.compact .duration-inline input{width:50px;padding:.375rem;text-align:center;background:#fff9;border:1px solid rgba(var(--background-light-rgb),.4);border-radius:6px;font-size:.85rem}.modern-theme .clip-video-editor.compact .video-status{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border-radius:6px;font-size:.8rem}.modern-theme .clip-video-editor.compact .video-status.set{background:rgba(var(--skogsgron-rgb),.1);color:var(--skogsgron)}.modern-theme .clip-video-editor.compact .video-status.set button{margin-left:.25rem;background:none;border:none;color:var(--tegelrod);cursor:pointer;font-size:1rem;padding:0;line-height:1}.modern-theme .clip-video-editor.compact .video-status.empty{background:rgba(var(--background-light-rgb),.3);color:var(--text-muted)}.modern-theme .clip-video-editor.compact .source-tabs-compact{display:flex;gap:.375rem}.modern-theme .clip-video-editor.compact .source-tabs-compact button{flex:1;padding:.5rem;background:#fff6;border:1px solid rgba(var(--background-light-rgb),.3);border-radius:6px;font-size:.75rem;cursor:pointer;transition:all .2s ease}.modern-theme .clip-video-editor.compact .source-tabs-compact button:hover{background:#fff9}.modern-theme .clip-video-editor.compact .source-tabs-compact button.active{background:#fff;border-color:var(--primary);color:var(--primary)}.modern-theme .clip-video-editor.compact .video-source-content.compact{margin-top:.75rem;padding:.75rem;background:#ffffff4d;border-radius:8px}.modern-theme .clip-video-editor.compact .collapse-btn{display:block;width:100%;padding:.375rem;margin-bottom:.5rem;background:rgba(var(--background-light-rgb),.2);border:none;border-radius:4px;font-size:.7rem;color:var(--text-muted);cursor:pointer}.modern-theme .clip-video-editor.compact .feedback-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.85rem}.modern-theme .clip-video-editor.compact .feedback-message.success{background:rgba(var(--skogsgron-rgb),.1);border:1px solid var(--skogsgron);color:var(--skogsgron)}.modern-theme .clip-video-editor.compact .feedback-message.error{background:rgba(var(--tegelrod-rgb),.1);border:1px solid var(--tegelrod);color:var(--tegelrod)}.modern-theme .clip-video-editor.compact .feedback-message.loading{background:rgba(var(--background-light-rgb),.2);border:1px solid var(--background-light);color:var(--text-muted)}.modern-theme .clip-video-editor.compact .video-preview-section{position:relative;margin-bottom:1rem;border:1px solid var(--background-light);border-radius:8px;overflow:hidden;background:#fff6}.modern-theme .clip-video-editor.compact .video-preview-toggle{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:rgba(var(--primary-rgb),.1);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.modern-theme .clip-video-editor.compact .video-preview-toggle:hover{background:rgba(var(--primary-rgb),.15)}.modern-theme .clip-video-editor.compact .video-preview-toggle .toggle-left{display:flex;align-items:center;gap:.5rem}.modern-theme .clip-video-editor.compact .video-preview-toggle .toggle-left .status-dot{width:8px;height:8px;border-radius:50%;background:var(--skogsgron);flex-shrink:0}.modern-theme .clip-video-editor.compact .video-preview-toggle .toggle-label{font-weight:600;color:var(--charcoal-graphite)}.modern-theme .clip-video-editor.compact .video-preview-toggle .toggle-chevron{display:flex;align-items:center;color:var(--text-muted)}.modern-theme .clip-video-editor.compact .video-preview-container{position:relative;width:100%;max-width:180px;aspect-ratio:9/16;border-radius:6px;overflow:hidden;margin:.75rem auto;border:2px solid var(--background-light);box-shadow:0 4px 12px #0000001a}.modern-theme .clip-video-editor.compact .video-preview{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.modern-theme .clip-video-editor.compact .video-clear-btn-overlay{position:absolute;top:.5rem;right:.5rem;background:#dc3545d9;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:3;transition:all .2s ease;box-shadow:0 2px 6px #0000004d}.modern-theme .clip-video-editor.compact .video-clear-btn-overlay:hover:not(:disabled){background:#dc3545;transform:scale(1.1)}.modern-theme .clip-video-editor.compact .video-clear-btn-overlay:disabled{opacity:.5;cursor:not-allowed}.modern-theme .clip-video-editor.compact .video-preview-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(28,28,30,.7) 0%,transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:.75rem;color:#fff;z-index:2;pointer-events:none}.modern-theme .clip-video-editor.compact .video-preview-overlay span{font-size:.75rem;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.modern-theme .clip-video-editor.compact .duration-control{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#fff;border:1px solid var(--background-light);border-radius:8px;margin-bottom:1rem}.modern-theme .clip-video-editor.compact .duration-label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--charcoal-graphite);font-size:.9rem}.modern-theme .clip-video-editor.compact .duration-input-wrapper{display:flex;align-items:center;gap:.5rem}.modern-theme .clip-video-editor.compact .duration-input{width:60px;padding:.5rem;text-align:center;background:rgba(var(--background-light-rgb),.2);border:1px solid var(--background-light);border-radius:6px;font-size:.9rem;font-weight:600}.modern-theme .clip-video-editor.compact .duration-unit{font-size:.85rem;color:var(--text-muted)}.modern-theme .clip-video-editor.compact .video-actions-box{background:#fff;border:1px solid var(--background-light);border-radius:8px;padding:1rem;margin-bottom:1rem}.modern-theme .clip-video-editor.compact .video-action-buttons{display:flex;flex-direction:column;gap:.75rem}.modern-theme .clip-video-editor.compact .action-btn{width:100%;padding:.75rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.modern-theme .clip-video-editor.compact .action-btn:disabled{opacity:.5;cursor:not-allowed}.modern-theme .clip-video-editor.compact .action-btn.library-btn{background:var(--primary);color:#fff;border:2px solid var(--primary)}.modern-theme .clip-video-editor.compact .action-btn.library-btn:hover:not(:disabled){background:var(--tegelrod);border-color:var(--tegelrod)}.modern-theme .clip-video-editor.compact .action-btn.library-btn.active{background:var(--tegelrod);border-color:var(--tegelrod)}.modern-theme .clip-video-editor.compact .action-btn.ai-btn{background:#fff;color:var(--charcoal-graphite);border:2px solid var(--text-muted)}.modern-theme .clip-video-editor.compact .action-btn.ai-btn:hover:not(:disabled){background:var(--text-muted);color:#fff}.modern-theme .clip-video-editor.compact .action-btn.ai-btn.active{background:var(--text-muted);color:#fff}.modern-theme .clip-video-editor.compact .action-btn.stock-btn{background:var(--background-light);color:var(--charcoal-graphite);border:2px solid var(--background-light)}.modern-theme .clip-video-editor.compact .action-btn.stock-btn:hover:not(:disabled){background:var(--text-muted);border-color:var(--text-muted);color:#fff}.modern-theme .clip-video-editor.compact .action-btn.stock-btn.active{background:var(--text-muted);border-color:var(--text-muted);color:#fff}.modern-theme .clip-video-editor.compact .video-source-content{margin-top:1rem;padding:1rem;background:#ffffff80;border:1px solid var(--background-light);border-radius:8px;overflow:hidden}.modern-theme .clip-video-editor.compact .video-source-content .video-library{max-height:350px;overflow:hidden}.modern-theme .video-library-grid,.modern-theme .clip-video-editor .video-library-grid,.modern-theme .clip-video-editor.compact .video-library-grid,.modern-theme .clip-video-editor.compact .video-source-content .video-library-grid{max-height:280px!important;overflow-y:scroll!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch}.modern-theme .clip-video-editor.compact .stock-video-picker{min-height:150px}.modern-theme .clip-video-editor.compact .stock-search-form{display:flex;gap:.5rem;margin-bottom:1rem}.modern-theme .clip-video-editor.compact .stock-search-input-wrapper{flex:1;position:relative}.modern-theme .clip-video-editor.compact .stock-search-input-wrapper .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);opacity:.6}.modern-theme .clip-video-editor.compact .stock-search-input{width:100%;padding:.625rem .75rem .625rem 2.25rem;border:1px solid var(--background-light);border-radius:6px;font-size:.85rem;background:#fff9;transition:all .2s ease}.modern-theme .clip-video-editor.compact .stock-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15)}.modern-theme .clip-video-editor.compact .stock-search-btn{display:flex;align-items:center;gap:.375rem;padding:.625rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.modern-theme .clip-video-editor.compact .stock-search-btn:hover:not(:disabled){background:var(--text-muted)}.modern-theme .clip-video-editor.compact .stock-search-btn:disabled{opacity:.6;cursor:not-allowed}.modern-theme .clip-video-editor.compact .stock-suggestions{margin-bottom:1rem}.modern-theme .clip-video-editor.compact .suggestions-label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem}.modern-theme .clip-video-editor.compact .suggestions-chips{display:flex;flex-wrap:wrap;gap:.5rem}.modern-theme .clip-video-editor.compact .suggestion-chip{padding:.375rem .75rem;background:#ffffff80;border:1px solid var(--background-light);border-radius:20px;font-size:.75rem;color:var(--charcoal-graphite);cursor:pointer;transition:all .2s ease}.modern-theme .clip-video-editor.compact .suggestion-chip:hover{background:var(--background-light);border-color:var(--primary)}.modern-theme .clip-video-editor.compact .stock-loading,.modern-theme .clip-video-editor.compact .stock-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:var(--text-muted);text-align:center}.modern-theme .clip-video-editor.compact .stock-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;max-height:300px;overflow-y:auto}.modern-theme .clip-video-editor.compact .stock-video-item{position:relative;aspect-ratio:9/16;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s ease}.modern-theme .clip-video-editor.compact .stock-video-item:hover{border-color:var(--primary);transform:scale(1.02)}.modern-theme .clip-video-editor.compact .stock-video-item.importing{opacity:.7;pointer-events:none}.modern-theme .clip-video-editor.compact .stock-video-item video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.modern-theme .clip-video-editor.compact .stock-video-item .provider-badge{position:absolute;top:4px;left:4px;background:#0009;color:#fff;padding:2px 6px;border-radius:4px;font-size:.6rem;font-weight:500;text-transform:capitalize}.modern-theme .clip-video-editor.compact .stock-video-item .import-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fff}.modern-theme .clip-video-editor.compact .stock-info{margin-top:1rem;padding:.5rem;text-align:center;font-size:.7rem;color:var(--text-muted);opacity:.7}.modern-theme .clip-effects-editor.compact .compact-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.modern-theme .clip-effects-editor.compact .section-label{font-weight:600;font-size:.9rem;color:var(--charcoal-graphite)}.modern-theme .clip-effects-editor.compact .effects-toggles{display:flex;gap:.75rem}.modern-theme .clip-effects-editor.compact .effect-toggle{display:flex;align-items:center;gap:.5rem}.modern-theme .clip-effects-editor.compact .effect-toggle button{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:#fff6;border:1px solid rgba(var(--background-light-rgb),.3);border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.modern-theme .clip-effects-editor.compact .effect-toggle button:hover:not(:disabled){background:#fff9}.modern-theme .clip-effects-editor.compact .effect-toggle button:disabled{opacity:.5;cursor:not-allowed}.modern-theme .clip-effects-editor.compact .effect-toggle.active button{background:rgba(var(--skogsgron-rgb),.1);border-color:var(--skogsgron);color:var(--skogsgron)}.modern-theme .clip-effects-editor.compact .effect-toggle select{padding:.375rem;background:#fff9;border:1px solid rgba(var(--background-light-rgb),.4);border-radius:6px;font-size:.75rem}.modern-theme .clip-effects-editor.compact .overlay-picker-compact{margin-top:.75rem;padding:.75rem;background:#ffffff4d;border-radius:8px}@media (max-width: 1024px){.modern-theme .bulk-text-editor.redesigned .editor-layout{grid-template-columns:1fr}.modern-theme .bulk-text-editor.redesigned .preview-panel{position:relative;top:auto;order:-1;max-width:320px;margin:0 auto 1rem}}@media (max-width: 768px){.modern-theme .bulk-text-editor.redesigned .field-options{flex-wrap:wrap;gap:1rem}.modern-theme .bulk-text-editor.redesigned .option-group.color-option{width:100%;flex-shrink:0}.modern-theme .bulk-text-editor.redesigned .option-group.size-option,.modern-theme .bulk-text-editor.redesigned .option-group.position-option{min-width:unset;flex:1}.modern-theme .clip-video-editor.compact .compact-controls{flex-direction:column;align-items:flex-start}.modern-theme .clip-effects-editor.compact .effects-toggles{flex-direction:column}.modern-theme .bulk-text-editor.redesigned .clip-pills{max-width:calc(100vw - 120px)}}.modern-theme .clip-text-editor .editor-section-header,.modern-theme .clip-video-editor .editor-section-header,.modern-theme .clip-effects-editor .editor-section-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid rgba(var(--background-light-rgb),.3)}.modern-theme .clip-text-editor .section-icon,.modern-theme .clip-video-editor .section-icon,.modern-theme .clip-effects-editor .section-icon{color:var(--primary);flex-shrink:0;margin-top:2px}.modern-theme .clip-text-editor .section-title,.modern-theme .clip-video-editor .section-title,.modern-theme .clip-effects-editor .section-title{margin:0;font-size:1.1rem;color:var(--charcoal-graphite)}.modern-theme .clip-text-editor .section-subtitle,.modern-theme .clip-video-editor .section-subtitle,.modern-theme .clip-effects-editor .section-subtitle{margin:.125rem 0 0;font-size:.8rem;color:var(--text-muted)}.modern-theme .clip-text-editor .text-fields-grid{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1rem}.modern-theme .clip-text-editor .form-field .field-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem;font-size:.75rem;font-weight:600;color:var(--charcoal-graphite)}.modern-theme .clip-text-editor .char-count{font-weight:400;font-size:.7rem;color:var(--text-muted)}.modern-theme .clip-text-editor .form-input{width:100%;padding:.5rem .625rem;background:#fff9;border:1px solid rgba(var(--background-light-rgb),.4);border-radius:6px;font-size:.85rem;resize:none;min-height:40px;transition:all .2s ease}.modern-theme .clip-text-editor .form-input:focus{outline:none;border-color:var(--primary);background:#ffffffe6;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.modern-theme .clip-text-editor .completion-indicator,.modern-theme .clip-video-editor .completion-indicator,.modern-theme .clip-effects-editor .completion-indicator{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:8px;font-size:.8rem;margin-top:1rem}.modern-theme .completion-indicator.complete{background:rgba(var(--skogsgron-rgb),.1);color:var(--skogsgron)}.modern-theme .completion-indicator.incomplete{background:rgba(var(--background-light-rgb),.3);color:var(--text-muted)}.modern-theme .completion-indicator .status-dot{width:8px;height:8px;border-radius:50%}.modern-theme .completion-indicator.complete .status-dot{background:var(--skogsgron)}.modern-theme .completion-indicator.incomplete .status-dot{background:var(--text-muted)}.modern-theme .clip-video-editor .feedback-banner{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:10px;margin-bottom:1rem;font-size:.85rem}.modern-theme .clip-video-editor .feedback-banner.feedback-success{background:rgba(var(--skogsgron-rgb),.1);border:1px solid rgba(var(--skogsgron-rgb),.3);color:var(--skogsgron)}.modern-theme .clip-video-editor .feedback-banner.feedback-error{background:rgba(var(--tegelrod-rgb),.1);border:1px solid rgba(var(--tegelrod-rgb),.3);color:var(--tegelrod)}.modern-theme .clip-video-editor .feedback-banner.feedback-info{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#2563eb}.modern-theme .clip-video-editor .feedback-banner.feedback-loading{background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.3);color:var(--primary)}.modern-theme .clip-video-editor .feedback-close{margin-left:auto;padding:.25rem;background:none;border:none;cursor:pointer;opacity:.6;transition:opacity .2s ease}.modern-theme .clip-video-editor .feedback-close:hover{opacity:1}.modern-theme .clip-video-editor .video-duration-row{display:flex;align-items:flex-end;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.modern-theme .clip-video-editor .duration-field{flex:0 0 auto}.modern-theme .clip-video-editor .duration-field .field-label{display:flex;align-items:center;gap:.375rem;margin-bottom:.375rem;font-size:.8rem;font-weight:600;color:var(--charcoal-graphite)}.modern-theme .clip-video-editor .duration-input-group{display:flex;align-items:center;gap:.5rem}.modern-theme .clip-video-editor .duration-input{width:70px;padding:.5rem .75rem;background:#fff9;border:1px solid rgba(var(--background-light-rgb),.4);border-radius:8px;text-align:center;font-size:.9rem}.modern-theme .clip-video-editor .duration-unit{font-size:.8rem;color:var(--text-muted)}.modern-theme .clip-video-editor .current-video-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(var(--skogsgron-rgb),.1);border-radius:8px;font-size:.8rem;color:var(--skogsgron)}.modern-theme .clip-video-editor .current-video-status .status-icon{flex-shrink:0}.modern-theme .clip-video-editor .clear-video-btn{display:flex;align-items:center;gap:.25rem;margin-left:.5rem;padding:.25rem .5rem;background:rgba(var(--tegelrod-rgb),.1);border:1px solid rgba(var(--tegelrod-rgb),.3);border-radius:6px;font-size:.75rem;color:var(--tegelrod);cursor:pointer;transition:all .2s ease}.modern-theme .clip-video-editor .clear-video-btn:hover{background:rgba(var(--tegelrod-rgb),.2)}.modern-theme .clip-video-editor .video-source-tabs{display:flex;gap:.5rem;margin-bottom:1rem;padding:.5rem;background:#ffffff4d;border-radius:10px}.modern-theme .clip-video-editor .source-tab{display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1;padding:.75rem 1rem;background:transparent;border:none;border-radius:8px;font-size:.875rem;font-weight:500;color:var(--charcoal-graphite);cursor:pointer;transition:all .2s ease}.modern-theme .clip-video-editor .source-tab:hover{background:#ffffff80}.modern-theme .clip-video-editor .source-tab.active{background:#fff;color:var(--primary);box-shadow:0 2px 8px #00000014}.modern-theme .clip-video-editor .video-source-content{padding:1rem;background:#ffffff4d;border-radius:12px;min-height:300px;overflow:hidden}.modern-theme .clip-effects-editor .effects-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.modern-theme .clip-effects-editor .effects-section{padding:1rem;background:#ffffff4d;border-radius:12px}.modern-theme .clip-effects-editor .subsection-title{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.9rem;font-weight:600;color:var(--charcoal-graphite)}.modern-theme .clip-effects-editor .logo-selector{display:flex;flex-direction:column;gap:.75rem}.modern-theme .clip-effects-editor .logo-select{padding:.625rem .875rem;background:#fff9;border:1px solid rgba(var(--background-light-rgb),.4);border-radius:8px;font-size:.875rem}.modern-theme .clip-effects-editor .logo-preview{padding:.75rem;background:#ffffff80;border-radius:8px;text-align:center}.modern-theme .clip-effects-editor .logo-preview-image{max-width:100px;max-height:50px;-o-object-fit:contain;object-fit:contain}.modern-theme .clip-effects-editor .effects-summary{margin-top:1rem;padding:.75rem 1rem;background:#ffffff4d;border-radius:8px;font-size:.8rem;color:var(--text-muted)}.modern-theme .clip-effects-editor .effect-tag{display:inline-block;margin-left:.5rem;padding:.125rem .5rem;background:rgba(var(--primary-rgb),.15);border-radius:4px;font-size:.75rem;color:var(--primary)}.modern-theme .clip-effects-editor .no-effects{font-style:italic;margin-left:.25rem}.modern-theme .clip-effects-editor .loading-placeholder{padding:1rem;text-align:center;color:var(--text-muted);font-size:.85rem}.modern-theme .clip-effects-editor .warning-message{padding:.75rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;font-size:.8rem;color:#92400e}@media (max-width: 1024px){.modern-theme .bulk-text-editor.redesigned .editor-layout{grid-template-columns:1fr}.modern-theme .bulk-text-editor.redesigned .preview-panel{position:relative;top:auto;order:-1;max-width:280px;margin:0 auto 1rem}}@media (max-width: 768px){.modern-theme .bulk-text-editor.redesigned{padding:1rem}.modern-theme .bulk-text-editor.redesigned .clip-navigation-bar{padding:.5rem .75rem}.modern-theme .bulk-text-editor.redesigned .clip-pill{min-width:40px;padding:.375rem .5rem}.modern-theme .bulk-text-editor.redesigned .section-tabs{flex-direction:column;gap:.25rem}.modern-theme .bulk-text-editor.redesigned .section-content{padding:1rem;min-height:auto}.modern-theme .clip-effects-editor .effects-grid{grid-template-columns:1fr}.modern-theme .bulk-text-editor.redesigned .summary-stats{flex-direction:column;gap:.5rem}}.video-library-grid{overflow-y:scroll!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important}.modern-theme .video-library-grid,.modern-theme .video-section .video-library-grid,.modern-theme .video-section.glass-panel .video-library-grid,.modern-theme .clip-video-editor .video-library-grid,.modern-theme .clip-video-editor.compact .video-library-grid,.modern-theme .bulk-text-editor .video-library-grid,.modern-theme .bulk-text-editor.redesigned .video-library-grid{overflow-y:scroll!important;overflow-x:hidden!important;max-height:280px!important;-webkit-overflow-scrolling:touch!important}.classic-theme .card,.classic-theme .panel,.classic-theme .content-card,.classic-theme .module-card{background:#fff;border:2px solid var(--background-light);box-shadow:var(--shadow-sm)}.classic-theme .btn-primary{box-shadow:none}.classic-theme .btn-primary:hover{box-shadow:var(--shadow-sm)}.classic-theme input,.classic-theme select,.classic-theme textarea{background:#fff;border:1px solid var(--color-border)}.classic-theme .modal-content,.classic-theme .dialog-content{background:#fff;border:2px solid var(--background-light);box-shadow:var(--shadow-lg)}.classic-theme .tab-nav{background:transparent;border-bottom:2px solid var(--background-light)}.classic-theme .tab-nav-item.active{background:#fff;border:2px solid var(--background-light);border-bottom:2px solid white;margin-bottom:-2px}.classic-theme .form-header-section{background:#fff;border:2px solid var(--background-light);border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow-sm)}.classic-theme .form-header-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:end}.classic-theme .form-field-title{flex:1.2}.classic-theme .form-field-source{flex:1}.classic-theme .source-article-display{padding:.75rem 1rem;background:var(--kalkvit);border:1px solid var(--background-light);border-radius:8px;font-size:.9rem;color:var(--charcoal-graphite);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.classic-theme .form-header-actions{display:flex!important;grid-template-columns:unset!important;gap:1rem;align-items:center;justify-content:flex-start;margin-bottom:1rem;flex-wrap:wrap}.classic-theme .content-variant-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--kalkvit);border:1px solid var(--background-light);border-radius:8px;font-size:.8125rem;font-weight:500;color:var(--text-muted);white-space:nowrap}.classic-theme .content-variant-badge svg{color:var(--primary);flex-shrink:0}.classic-theme .view-edit-content-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:var(--kalkvit);border:none;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.classic-theme .view-edit-content-btn:hover:not(:disabled){box-shadow:var(--shadow-md);filter:brightness(1.05)}.classic-theme .view-edit-content-btn:disabled{opacity:.6;cursor:not-allowed}.classic-theme .view-edit-content-btn.blog-post{background:linear-gradient(135deg,var(--skogsgron) 0%,var(--text-muted) 100%)}.classic-theme .slide-count-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:var(--kalkvit);border:2px solid var(--background-light);border-radius:20px;font-size:.875rem}.classic-theme .slide-count-number{font-weight:700;color:var(--primary);font-size:1rem}.classic-theme .slide-count-label{color:var(--charcoal-graphite);font-weight:500}.classic-theme .slide-header{background:linear-gradient(135deg,var(--kalkvit) 0%,white 100%);padding:1.5rem;border-radius:12px;border:2px solid var(--primary);text-align:center;box-shadow:var(--shadow-sm)}.classic-theme .slide-header h2{margin:0;color:var(--primary);font-size:1.5rem;font-family:var(--font-header)}.classic-theme .slide-header-subtitle{margin:.5rem 0 0;color:var(--text-muted);font-size:.9rem;font-family:var(--font-body)}.classic-theme .text-editor-section{background:#fff;border:2px solid var(--background-light);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-sm)}.classic-theme .text-editor-section h3,.classic-theme .text-editor-section .section-title{color:var(--charcoal-graphite);font-family:var(--font-header);border-bottom:2px solid var(--background-light);padding-bottom:.75rem;margin-bottom:1rem}.classic-theme .image-creator-section{background:#fff;border:2px solid var(--background-light);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-sm)}.classic-theme .image-creator-section h3,.classic-theme .image-creator-section .section-title{color:var(--charcoal-graphite);font-family:var(--font-header);border-bottom:2px solid var(--background-light);padding-bottom:.75rem;margin-bottom:1rem}.classic-theme .preview-panel{background:#fff;padding:1.5rem;border-radius:12px;border:2px solid var(--background-light);box-shadow:var(--shadow-sm)}.classic-theme .preview-title{color:var(--charcoal-graphite);font-family:var(--font-header);font-size:1.2rem;margin:0 0 1rem}.classic-theme .preview-subtitle{color:var(--text-muted);font-size:.8rem;font-style:italic;font-family:var(--font-body)}.classic-theme .slide-navigation{display:flex;gap:.5rem;padding:1rem;background:var(--kalkvit);border:2px solid var(--background-light);border-radius:12px;overflow-x:auto}.classic-theme .slide-nav-item{min-width:60px;height:60px;border:2px solid var(--background-light);border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--charcoal-graphite)}.classic-theme .slide-nav-item:hover{border-color:var(--primary);background:var(--kalkvit)}.classic-theme .slide-nav-item.active{border-color:var(--primary);background:linear-gradient(135deg,var(--kalkvit) 0%,white 100%);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15)}.classic-theme .unified-design-form input,.classic-theme .unified-design-form select,.classic-theme .unified-design-form textarea,.classic-theme .reel-design-form input,.classic-theme .reel-design-form select,.classic-theme .reel-design-form textarea{background:#fff;border:1px solid var(--background-light);border-radius:8px;padding:.75rem 1rem;font-size:.9rem;color:var(--charcoal-graphite);transition:border-color .2s ease,box-shadow .2s ease}.classic-theme .unified-design-form input:focus,.classic-theme .unified-design-form select:focus,.classic-theme .unified-design-form textarea:focus,.classic-theme .reel-design-form input:focus,.classic-theme .reel-design-form select:focus,.classic-theme .reel-design-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);outline:none}.classic-theme .unified-design-form .btn-primary,.classic-theme .reel-design-form .btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:var(--kalkvit);border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.classic-theme .unified-design-form .btn-primary:hover:not(:disabled),.classic-theme .reel-design-form .btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md);filter:brightness(1.05)}.classic-theme .unified-design-form .btn-secondary,.classic-theme .reel-design-form .btn-secondary{background:#fff;color:var(--charcoal-graphite);border:2px solid var(--background-light);border-radius:8px;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all .2s ease}.classic-theme .unified-design-form .btn-secondary:hover:not(:disabled),.classic-theme .reel-design-form .btn-secondary:hover:not(:disabled){background:var(--kalkvit);border-color:var(--primary)}.classic-theme .carousel-progress{background:var(--kalkvit);border:1px solid var(--background-light);border-radius:8px;padding:.75rem}.classic-theme .fontservice-status{background:var(--kalkvit);border:1px solid var(--background-light);border-radius:4px;padding:.5rem;font-size:.75rem;color:var(--text-muted)}@media (max-width: 1024px){.classic-theme .form-header-section{padding:1rem 1.25rem}.classic-theme .form-header-row{gap:1rem}}@media (max-width: 768px){.classic-theme .form-header-section{padding:.875rem 1rem;gap:.75rem}.classic-theme .form-header-row{grid-template-columns:1fr;gap:.75rem}.classic-theme .form-field-source{display:none!important}.classic-theme .form-header-actions{flex-wrap:wrap}.classic-theme .view-edit-content-btn{padding:.5rem 1rem;font-size:.8125rem}.classic-theme .slide-count-badge{padding:.375rem .75rem;font-size:.8125rem}.classic-theme .slide-count-number{font-size:.9rem}.classic-theme .text-editor-section,.classic-theme .image-creator-section,.classic-theme .slide-header{padding:1rem}.classic-theme .slide-header h2{font-size:1.25rem}}@media (max-width: 480px){.classic-theme .form-header-section{padding:.75rem;gap:.5rem;border-radius:8px}.classic-theme .view-edit-content-btn{width:100%;justify-content:center}.classic-theme .slide-count-badge{flex:1;justify-content:center}.classic-theme .text-editor-section,.classic-theme .image-creator-section{padding:.75rem;border-radius:8px}}.classic-theme .slide-navigation::-webkit-scrollbar{height:6px}.classic-theme .slide-navigation::-webkit-scrollbar-track{background:var(--kalkvit);border-radius:3px}.classic-theme .slide-navigation::-webkit-scrollbar-thumb{background:var(--background-light);border-radius:3px}.classic-theme .slide-navigation::-webkit-scrollbar-thumb:hover{background:var(--primary)}.classic-theme .bulk-text-editor .bulk-editor-layout{display:grid;grid-template-columns:1fr minmax(350px,420px);gap:1.5rem;align-items:start}.classic-theme .bulk-text-editor .design-form-editors{display:flex;flex-direction:column;gap:1.5rem}.classic-theme .bulk-text-editor .design-form-preview{position:sticky;top:calc(var(--header-height, 60px) + 1rem)}.classic-theme .bulk-text-editor .preview-panel{background:#fff;border:2px solid var(--background-light);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-sm)}.classic-theme .bulk-text-editor .preview-title{color:var(--charcoal-graphite);font-size:1.1rem;margin:0 0 .25rem;font-family:var(--font-header)}.classic-theme .bulk-text-editor .preview-subtitle{color:var(--text-muted);font-size:.8rem;margin:0 0 1rem}.classic-theme .bulk-text-editor:not(.redesigned) .preview-canvas{border-radius:8px;overflow:hidden;background:#000;border:1px solid var(--background-light)}.classic-theme .bulk-text-editor .clip-navigation-dots{display:flex;gap:6px;justify-content:center;margin-bottom:1rem}.classic-theme .bulk-text-editor .clip-dot{width:10px;height:10px;border-radius:50%;border:2px solid var(--background-light);background:#fff;cursor:pointer;transition:all .2s ease;padding:0}.classic-theme .bulk-text-editor .clip-dot:hover{border-color:var(--primary);transform:scale(1.1)}.classic-theme .bulk-text-editor .clip-dot.active{background:var(--primary);border-color:var(--primary);transform:scale(1.2)}.classic-theme .bulk-text-editor .clip-navigation{margin-bottom:1.5rem}.classic-theme .bulk-text-editor .clip-navigation .slide-nav-item{flex-direction:column;gap:4px;padding:8px 12px;min-width:50px}.classic-theme .bulk-text-editor .clip-nav-number{font-weight:700;font-size:.875rem;color:var(--charcoal-graphite)}.classic-theme .bulk-text-editor .clip-nav-status{display:flex;gap:3px}.classic-theme .bulk-text-editor .video-controls-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end;margin-bottom:1rem}.classic-theme .bulk-text-editor .video-controls-row .form-field{flex:1;min-width:120px}.classic-theme .bulk-text-editor .duration-control{display:flex;align-items:center;gap:.5rem}.classic-theme .bulk-text-editor .duration-control input{width:70px}.classic-theme .bulk-text-editor .duration-unit{color:var(--text-muted);font-size:.85rem}.classic-theme .bulk-text-editor .video-select-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#fff;border:2px solid var(--background-light);border-radius:8px;color:var(--charcoal-graphite);font-size:.875rem;cursor:pointer;transition:all .2s ease;width:100%;justify-content:center}.classic-theme .bulk-text-editor .video-select-btn:hover:not(:disabled){border-color:var(--primary);background:var(--kalkvit)}.classic-theme .bulk-text-editor .video-select-btn.has-video{background:rgba(var(--skogsgron-rgb),.05);border-color:var(--skogsgron);color:var(--skogsgron)}.classic-theme .bulk-text-editor .ai-video-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border:none;border-radius:8px;color:var(--kalkvit);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;justify-content:center;box-shadow:var(--shadow-sm)}.classic-theme .bulk-text-editor .ai-video-btn:hover:not(:disabled){box-shadow:var(--shadow-md);filter:brightness(1.05)}.classic-theme .bulk-text-editor .video-clear-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--background-light)}.classic-theme .bulk-text-editor .video-clear-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid var(--tegelrod);border-radius:6px;color:var(--tegelrod);font-size:.8rem;cursor:pointer;transition:all .2s ease}.classic-theme .bulk-text-editor .video-clear-btn:hover:not(:disabled){background:rgba(var(--tegelrod-rgb),.05)}.classic-theme .bulk-text-editor .video-creation-panel{margin-top:1rem;padding:1rem;background:var(--kalkvit);border-radius:8px;border:1px solid var(--background-light)}.classic-theme .bulk-text-editor .clip-status-summary{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--kalkvit);border:1px solid var(--background-light);border-radius:8px;font-size:.8rem;color:var(--charcoal-graphite);margin-top:1rem}.classic-theme .bulk-text-editor .clip-status-summary.complete{background:rgba(var(--skogsgron-rgb),.05);border-color:var(--skogsgron);color:var(--skogsgron)}.classic-theme .bulk-text-editor .clip-status-summary .effects-count{color:var(--text-muted);font-style:italic}.classic-theme .bulk-text-editor .config-info-panel{background:#fff;border:2px solid var(--background-light);border-radius:12px;padding:1.25rem 1.5rem;box-shadow:var(--shadow-sm)}.classic-theme .bulk-text-editor .config-info-header{margin-bottom:.75rem}.classic-theme .bulk-text-editor .config-info-header span{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.classic-theme .bulk-text-editor .config-info-header h3{margin:.25rem 0 0;font-size:1.1rem;color:var(--charcoal-graphite);font-family:var(--font-header)}.classic-theme .bulk-text-editor .content-stats{font-size:.875rem;color:var(--charcoal-graphite)}.classic-theme .bulk-text-editor .content-stats strong{color:var(--primary)}.classic-theme .bulk-text-editor .preview-section{margin-top:1rem}.classic-theme .bulk-text-editor .loading-text{font-size:.75rem;color:var(--text-muted);padding:.5rem}.classic-theme .bulk-text-editor .warning-text{font-size:.75rem;color:#92400e;padding:.5rem .75rem;background:#fef3c7;border-radius:6px;border:1px solid #f59e0b}.classic-theme .bulk-text-editor .clip-nav-buttons{display:flex;gap:.5rem;margin-top:1rem}.classic-theme .bulk-text-editor .clip-nav-btn{flex:1;padding:.5rem;border:1px solid var(--background-light);border-radius:6px;background:#fff;cursor:pointer;font-size:.8rem;font-weight:500;color:var(--charcoal-graphite);transition:all .2s ease}.classic-theme .bulk-text-editor .clip-nav-btn:hover:not(:disabled){background:var(--kalkvit);border-color:var(--primary)}.classic-theme .bulk-text-editor .clip-nav-btn:disabled{opacity:.5;cursor:not-allowed;background:#f0f0f0}@media (max-width: 1024px){.classic-theme .bulk-text-editor .bulk-editor-layout{grid-template-columns:1fr}.classic-theme .bulk-text-editor .design-form-preview{position:relative;top:auto;order:-1;margin-bottom:1.5rem}.classic-theme .bulk-text-editor .preview-panel{max-width:400px;margin:0 auto}}@media (max-width: 768px){.classic-theme .bulk-text-editor .video-controls-row{flex-direction:column;gap:.75rem}.classic-theme .bulk-text-editor .video-controls-row .form-field{width:100%;min-width:unset}.classic-theme .bulk-text-editor .clip-navigation .slide-nav-item{min-width:40px;padding:6px 8px}.classic-theme .bulk-text-editor .clip-nav-number{font-size:.75rem}}@media (max-width: 480px){.classic-theme .bulk-text-editor .preview-panel,.classic-theme .bulk-text-editor .config-info-panel{padding:1rem}}.classic-theme .content-form-card:has(.bulk-text-editor.redesigned){overflow:visible!important}.classic-theme .reel-design-form{overflow:visible!important}.classic-theme .content-manager-body:has(.bulk-text-editor.redesigned){overflow:visible!important}.classic-theme .selection-card:has(.bulk-text-editor.redesigned){overflow:visible!important}.classic-theme .result-card:has(.bulk-text-editor.redesigned){overflow:visible!important}.classic-theme .content-form-card.has-sticky-preview,.classic-theme .reel-design-wrapper,.classic-theme .content-manager-body .reel-design-wrapper,.classic-theme .content-manager-body .reel-design-wrapper .content-form-card,.classic-theme .content-manager-body .reel-design-wrapper .content-form-card .reel-design-form,.classic-theme .reel-design-form .content-form-card,.classic-theme .reel-design-form .content-form-card .tab-content-area,.classic-theme .content-form-card .reel-design-form .content-form-card,.classic-theme .content-form-card.has-sticky-preview .reel-design-form,.classic-theme .content-form-card.has-sticky-preview .reel-design-form .content-form-card,.classic-theme .content-form-card.has-sticky-preview .reel-design-form .content-form-card .tab-content-area,.classic-theme .content-form-card.has-sticky-preview .reel-design-form .content-form-card .tab-content-area .bulk-text-editor,.classic-theme .tab-content-area{overflow:visible!important}.classic-theme .tab-content-area>div{overflow:visible!important}.classic-theme .content-form-card.has-sticky-preview,.classic-theme .content-form-card.has-sticky-preview *:not(.video-library-grid):not(.video-source-content):not(.preview-panel):not(.video-item):not(.stock-video-item):not(.stock-grid){overflow:visible!important}.classic-theme .bulk-text-editor.redesigned{display:flex;flex-direction:column;gap:1rem;padding:var(--design-form-gap, 1.5rem);max-width:100%;box-sizing:border-box;overflow:visible}.classic-theme .bulk-text-editor.redesigned .editor-header{text-align:center;margin-bottom:.5rem}.classic-theme .bulk-text-editor.redesigned .editor-header h2{margin:0 0 .25rem;font-size:1.5rem;color:var(--charcoal-graphite);font-family:var(--font-header)}.classic-theme .bulk-text-editor.redesigned .editor-subtitle{margin:0;font-size:.9rem;color:var(--text-muted)}.classic-theme .bulk-text-editor.redesigned .clip-navigation-bar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border:2px solid var(--background-light);border-radius:12px;justify-content:center;box-shadow:var(--shadow-sm)}.classic-theme .bulk-text-editor.redesigned .nav-arrow-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--background-light);border-radius:8px;background:#fff;cursor:pointer;color:var(--charcoal-graphite);transition:all .2s ease}.classic-theme .bulk-text-editor.redesigned .nav-arrow-btn:hover:not(:disabled){background:var(--kalkvit);border-color:var(--primary);color:var(--primary)}.classic-theme .bulk-text-editor.redesigned .nav-arrow-btn:disabled{opacity:.4;cursor:not-allowed}.classic-theme .bulk-text-editor.redesigned .clip-pills{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:thin;padding:4px}.classic-theme .bulk-text-editor.redesigned .clip-pill{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:48px;padding:.5rem .75rem;border:2px solid transparent;border-radius:8px;background:var(--kalkvit);cursor:pointer;transition:all .2s ease}.classic-theme .bulk-text-editor.redesigned .clip-pill:hover{background:#fff;border-color:var(--background-light)}.classic-theme .bulk-text-editor.redesigned .clip-pill.active{background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15)}.classic-theme .bulk-text-editor.redesigned .clip-pill.complete{background:rgba(var(--skogsgron-rgb),.08)}.classic-theme .bulk-text-editor.redesigned .clip-pill.complete.active{background:rgba(var(--skogsgron-rgb),.12);border-color:var(--skogsgron)}.classic-theme .bulk-text-editor.redesigned .clip-number{font-weight:700;font-size:.9rem;color:var(--charcoal-graphite)}.classic-theme .bulk-text-editor.redesigned .clip-pill.active .clip-number{color:var(--primary)}.classic-theme .bulk-text-editor.redesigned .clip-status-icons{display:flex;gap:3px}.classic-theme .bulk-text-editor.redesigned .clip-status-icons .status-icon.text{color:#16a34a}.classic-theme .bulk-text-editor.redesigned .clip-status-icons .status-icon.video{color:#3b82f6}.classic-theme .bulk-text-editor.redesigned .editor-layout{display:grid;grid-template-columns:1fr 250px;gap:1.5rem;align-items:start;max-width:100%;overflow:visible!important;min-height:0}.classic-theme .bulk-text-editor.redesigned .editor-panel{display:flex;flex-direction:column;gap:0}.classic-theme .bulk-text-editor.redesigned .section-tabs{display:flex;gap:.5rem;padding:.5rem;background:var(--kalkvit);border-radius:12px 12px 0 0;border:2px solid var(--background-light);border-bottom:none}.classic-theme .bulk-text-editor.redesigned .section-tab{display:flex;align-items:center;gap:.5rem;flex:1;padding:.75rem 1rem;border:none;border-radius:8px;background:transparent;color:var(--charcoal-graphite);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;justify-content:center}.classic-theme .bulk-text-editor.redesigned .section-tab:hover{background:#fff}.classic-theme .bulk-text-editor.redesigned .section-tab.active{background:#fff;color:var(--primary);box-shadow:var(--shadow-sm)}.classic-theme .bulk-text-editor.redesigned .section-tab.complete .complete-icon{color:#16a34a}.classic-theme .bulk-text-editor.redesigned .section-content{background:#fff;border:2px solid var(--background-light);border-radius:0 0 12px 12px;padding:1.5rem;min-height:400px;box-shadow:var(--shadow-sm)}.classic-theme .bulk-text-editor.redesigned .preview-panel{position:sticky;top:1rem;align-self:start;background:#fff;border:2px solid var(--background-light);border-radius:12px;padding:.625rem;box-shadow:var(--shadow-sm);width:250px;max-width:250px;box-sizing:border-box;max-height:calc(100vh - var(--header-height, 60px) - 2rem);overflow-y:auto}.classic-theme .bulk-text-editor.redesigned .preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.625rem}.classic-theme .bulk-text-editor.redesigned .preview-title{margin:0;font-size:.875rem;color:var(--charcoal-graphite);font-family:var(--font-header)}.classic-theme .bulk-text-editor.redesigned .preview-badge{white-space:nowrap;padding:.125rem .375rem;background:rgba(var(--primary-rgb),.1);border-radius:12px;font-size:.65rem;font-weight:600;color:var(--primary)}.classic-theme .bulk-text-editor.redesigned .preview-canvas{display:flex;justify-content:center;margin-bottom:.625rem;overflow:hidden;border-radius:8px}.classic-theme .bulk-text-editor.redesigned .preview-canvas .reel-design-preview{overflow:hidden!important;contain:paint}.classic-theme .bulk-text-editor.redesigned .clip-summary{padding:.5rem;background:var(--kalkvit);border-radius:8px;border:1px solid var(--background-light)}.classic-theme .bulk-text-editor.redesigned .summary-row{display:flex;gap:.375rem;flex-wrap:wrap;margin-bottom:.375rem}.classic-theme .bulk-text-editor.redesigned .status-badge{padding:.175rem .375rem;border-radius:4px;font-size:.65rem;font-weight:500}.classic-theme .bulk-text-editor.redesigned .status-badge.complete{background:rgba(var(--skogsgron-rgb),.15);color:var(--skogsgron)}.classic-theme .bulk-text-editor.redesigned .status-badge.pending{background:var(--kalkvit);border:1px solid var(--background-light);color:var(--text-muted)}.classic-theme .bulk-text-editor.redesigned .status-badge.effect{background:rgba(var(--primary-rgb),.15);color:var(--primary)}.classic-theme .bulk-text-editor.redesigned .duration-display{font-size:.7rem;color:var(--text-muted)}.classic-theme .bulk-text-editor.redesigned .overall-summary{background:#fff;border:2px solid var(--background-light);border-radius:12px;padding:1rem 1.5rem;box-shadow:var(--shadow-sm)}.classic-theme .bulk-text-editor.redesigned .summary-header{margin-bottom:.5rem}.classic-theme .bulk-text-editor.redesigned .summary-header span{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.classic-theme .bulk-text-editor.redesigned .summary-header h3{margin:.125rem 0 0;font-size:1rem;color:var(--charcoal-graphite);font-family:var(--font-header)}.classic-theme .bulk-text-editor.redesigned .summary-stats{display:flex;gap:1.5rem;flex-wrap:wrap;font-size:.85rem;color:var(--charcoal-graphite)}.classic-theme .bulk-text-editor.redesigned .summary-stats strong{color:var(--primary)}.classic-theme .bulk-text-editor.redesigned .design-form-editors{display:flex;flex-direction:column;gap:1rem;min-width:0;flex:1}.classic-theme .bulk-text-editor.redesigned .glass-panel{background:#fff;border:2px solid var(--background-light);border-radius:12px;padding:1rem;box-shadow:var(--shadow-sm)}.classic-theme .bulk-text-editor.redesigned .text-editor-section{flex:1;display:flex;flex-direction:column}.classic-theme .bulk-text-editor.redesigned .smart-editor-header{margin-bottom:.75rem}.classic-theme .bulk-text-editor.redesigned .text-field-selector{width:100%;padding:.5rem .75rem;background:#fff;border:2px solid var(--primary);border-radius:8px;font-size:.875rem;font-weight:600;color:var(--charcoal-graphite);cursor:pointer;transition:all .2s ease}.classic-theme .bulk-text-editor.redesigned .text-field-selector:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15)}.classic-theme .bulk-text-editor.redesigned .active-field-editor{flex:1;display:flex;flex-direction:column;margin-bottom:.75rem}.classic-theme .bulk-text-editor.redesigned .active-field-editor .field-textarea{width:100%;min-height:70px;flex:1;padding:.625rem .75rem;background:#fff;border:1px solid var(--background-light);border-radius:8px;font-size:.875rem;resize:vertical;margin-bottom:.5rem;box-sizing:border-box}.classic-theme .bulk-text-editor.redesigned .active-field-editor .field-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.classic-theme .bulk-text-editor.redesigned .field-options{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:flex-start!important;justify-content:flex-start!important;gap:2rem!important;padding:.875rem 1rem!important;background:var(--kalkvit)!important;border-radius:8px!important;border:1px solid var(--background-light)!important;margin-top:.5rem!important;overflow:visible!important}.classic-theme .bulk-text-editor.redesigned .option-group{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important;flex-shrink:0!important}.classic-theme .bulk-text-editor.redesigned .option-group>label{display:block!important;font-size:.6875rem!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important;color:var(--text-muted)!important;white-space:nowrap!important;line-height:1!important;margin:0!important;padding:0!important;height:12px!important}.classic-theme .bulk-text-editor.redesigned .option-group.color-option{flex-grow:0!important;flex-shrink:0!important}.classic-theme .bulk-text-editor.redesigned .option-group.size-option{min-width:80px!important;flex-shrink:0!important}.classic-theme .bulk-text-editor.redesigned .option-group.position-option{min-width:100px!important;flex-shrink:0!important}.classic-theme .bulk-text-editor.redesigned .color-picker-group{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.375rem!important;flex-wrap:nowrap!important;height:24px!important}.classic-theme .bulk-text-editor.redesigned .color-picker-group .color-swatch{width:22px!important;height:22px!important;min-width:22px!important;border:2px solid var(--background-light)!important;border-radius:4px!important;cursor:pointer!important;padding:0!important;transition:all .15s ease!important;flex-shrink:0!important;box-sizing:border-box!important}.classic-theme .bulk-text-editor.redesigned .color-picker-group .color-swatch:hover:not(:disabled){transform:scale(1.1)!important;border-color:var(--primary)!important}.classic-theme .bulk-text-editor.redesigned .color-picker-group .color-swatch.active{border-color:var(--primary)!important;box-shadow:0 0 0 2px rgba(var(--primary-rgb),.3)!important}.classic-theme .bulk-text-editor.redesigned .color-picker-group .color-swatch:disabled{opacity:.5!important;cursor:not-allowed!important}.classic-theme .bulk-text-editor.redesigned .color-picker-group .custom-color-picker{width:22px!important;height:22px!important;min-width:22px!important;border:2px dashed var(--background-light)!important;border-radius:4px!important;cursor:pointer!important;padding:0!important;flex-shrink:0!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background:#fff!important;box-sizing:border-box!important}.classic-theme .bulk-text-editor.redesigned .color-picker-group .custom-color-picker::-webkit-color-swatch-wrapper{padding:2px!important}.classic-theme .bulk-text-editor.redesigned .color-picker-group .custom-color-picker::-webkit-color-swatch{border:none!important;border-radius:2px!important}.classic-theme .bulk-text-editor.redesigned .size-input-wrapper{display:flex;align-items:center;gap:.25rem}.classic-theme .bulk-text-editor.redesigned .size-input-wrapper input[type=number],.classic-theme .bulk-text-editor.redesigned .option-group input[type=number]{width:52px;padding:.375rem;background:#fff;border:1px solid var(--background-light);border-radius:5px;font-size:.75rem;text-align:center;height:28px}.classic-theme .bulk-text-editor.redesigned .option-group input[type=number]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.15)}.classic-theme .bulk-text-editor.redesigned .size-unit{font-size:.75rem;color:var(--text-muted)}.classic-theme .bulk-text-editor.redesigned .option-group select{padding:.375rem .5rem;background:#fff;border:1px solid var(--background-light);border-radius:5px;font-size:.75rem;min-width:80px;height:28px;cursor:pointer}.classic-theme .bulk-text-editor.redesigned .option-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.15)}.classic-theme .bulk-text-editor.redesigned .other-texts-preview{border-top:1px solid var(--background-light);padding-top:.5rem;margin-top:.375rem}.classic-theme .bulk-text-editor.redesigned .text-preview-row{display:flex;align-items:center;gap:.375rem;padding:.375rem .5rem;background:var(--kalkvit);border-radius:5px;margin-bottom:.375rem;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.classic-theme .bulk-text-editor.redesigned .text-preview-row:hover{background:#fff;border-color:var(--background-light)}.classic-theme .bulk-text-editor.redesigned .text-preview-row .text-label{font-weight:600;font-size:.7rem;color:var(--text-muted);min-width:28px}.classic-theme .bulk-text-editor.redesigned .text-preview-row .text-value{flex:1;font-size:.75rem;color:var(--charcoal-graphite);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.classic-theme .bulk-text-editor.redesigned .text-preview-row svg{color:var(--text-muted);opacity:.5;flex-shrink:0}.classic-theme .clip-video-editor.compact .creator-header,.classic-theme .clip-effects-editor.compact .creator-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.classic-theme .clip-video-editor.compact .creator-header h3,.classic-theme .clip-effects-editor.compact .creator-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--charcoal-graphite);font-family:var(--font-header);flex:1}.classic-theme .clip-video-editor.compact .creator-header .complete-icon,.classic-theme .clip-effects-editor.compact .creator-header .complete-icon{color:var(--skogsgron);flex-shrink:0}.classic-theme .clip-video-editor.compact .compact-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.classic-theme .clip-video-editor.compact .section-label{font-weight:600;font-size:.9rem;color:var(--charcoal-graphite)}.classic-theme .clip-video-editor.compact .complete-icon{color:var(--skogsgron)}.classic-theme .clip-video-editor.compact .compact-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}.classic-theme .clip-video-editor.compact .duration-inline{display:flex;align-items:center;gap:.375rem;font-size:.85rem;color:var(--text-muted)}.classic-theme .clip-video-editor.compact .duration-inline input{width:50px;padding:.375rem;text-align:center;background:#fff;border:1px solid var(--background-light);border-radius:6px;font-size:.85rem}.classic-theme .clip-video-editor.compact .video-status{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border-radius:6px;font-size:.8rem}.classic-theme .clip-video-editor.compact .video-status.set{background:rgba(var(--skogsgron-rgb),.1);color:var(--skogsgron);border:1px solid var(--skogsgron)}.classic-theme .clip-video-editor.compact .video-status.set button{margin-left:.25rem;background:none;border:none;color:var(--tegelrod);cursor:pointer;font-size:1rem;padding:0;line-height:1}.classic-theme .clip-video-editor.compact .video-status.empty{background:var(--kalkvit);color:var(--text-muted);border:1px solid var(--background-light)}.classic-theme .clip-video-editor.compact .source-tabs-compact{display:flex;gap:.375rem}.classic-theme .clip-video-editor.compact .source-tabs-compact button{flex:1;padding:.5rem;background:#fff;border:1px solid var(--background-light);border-radius:6px;font-size:.75rem;cursor:pointer;transition:all .2s ease}.classic-theme .clip-video-editor.compact .source-tabs-compact button:hover{background:var(--kalkvit);border-color:var(--primary)}.classic-theme .clip-video-editor.compact .source-tabs-compact button.active{background:#fff;border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-sm)}.classic-theme .clip-video-editor.compact .video-source-content.compact{margin-top:.75rem;padding:.75rem;background:var(--kalkvit);border-radius:8px;border:1px solid var(--background-light)}.classic-theme .clip-video-editor.compact .collapse-btn{display:block;width:100%;padding:.375rem;margin-bottom:.5rem;background:var(--kalkvit);border:1px solid var(--background-light);border-radius:4px;font-size:.7rem;color:var(--text-muted);cursor:pointer}.classic-theme .clip-video-editor.compact .feedback-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.85rem}.classic-theme .clip-video-editor.compact .feedback-message.success{background:rgba(var(--skogsgron-rgb),.1);border:1px solid var(--skogsgron);color:var(--skogsgron)}.classic-theme .clip-video-editor.compact .feedback-message.error{background:rgba(var(--tegelrod-rgb),.1);border:1px solid var(--tegelrod);color:var(--tegelrod)}.classic-theme .clip-video-editor.compact .feedback-message.loading{background:var(--kalkvit);border:1px solid var(--background-light);color:var(--text-muted)}.classic-theme .clip-video-editor.compact .video-preview-section{position:relative;margin-bottom:1rem;border:2px solid var(--background-light);border-radius:8px;overflow:hidden;background:#fff;display:flex;flex-direction:column;align-items:stretch}.classic-theme .clip-video-editor.compact .video-preview-toggle{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:rgba(var(--primary-rgb),.1);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.classic-theme .clip-video-editor.compact .video-preview-toggle:hover{background:rgba(var(--primary-rgb),.15)}.classic-theme .clip-video-editor.compact .video-preview-toggle .toggle-left{display:flex;align-items:center;gap:.5rem}.classic-theme .clip-video-editor.compact .video-preview-toggle .toggle-left .status-dot{width:8px;height:8px;border-radius:50%;background:var(--skogsgron);flex-shrink:0}.classic-theme .clip-video-editor.compact .video-preview-toggle .toggle-label{font-weight:600;color:var(--charcoal-graphite)}.classic-theme .clip-video-editor.compact .video-preview-toggle .toggle-chevron{display:flex;align-items:center;color:var(--text-muted)}.classic-theme .clip-video-editor.compact .video-preview-container{position:relative;width:180px!important;height:320px!important;max-width:180px!important;min-width:180px;aspect-ratio:9/16;border-radius:6px;overflow:hidden!important;margin:.75rem auto;border:2px solid var(--background-light);box-shadow:var(--shadow-sm);flex-shrink:0}.classic-theme .clip-video-editor.compact .video-preview{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.classic-theme .clip-video-editor.compact .video-clear-btn-overlay{position:absolute;top:.5rem;right:.5rem;background:#dc3545d9;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:3;transition:all .2s ease;box-shadow:0 2px 6px #0000004d}.classic-theme .clip-video-editor.compact .video-clear-btn-overlay:hover:not(:disabled){background:#dc3545;transform:scale(1.1)}.classic-theme .clip-video-editor.compact .video-clear-btn-overlay:disabled{opacity:.5;cursor:not-allowed}.classic-theme .clip-video-editor.compact .video-preview-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(28,28,30,.7) 0%,transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:.75rem;color:#fff;z-index:2;pointer-events:none}.classic-theme .clip-video-editor.compact .video-preview-overlay span{font-size:.75rem;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.classic-theme .clip-video-editor.compact .duration-control{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#fff;border:2px solid var(--background-light);border-radius:8px;margin-bottom:1rem}.classic-theme .clip-video-editor.compact .duration-label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--charcoal-graphite);font-size:.9rem}.classic-theme .clip-video-editor.compact .duration-input-wrapper{display:flex;align-items:center;gap:.5rem}.classic-theme .clip-video-editor.compact .duration-input{width:60px;padding:.5rem;text-align:center;background:var(--kalkvit);border:1px solid var(--background-light);border-radius:6px;font-size:.9rem;font-weight:600}.classic-theme .clip-video-editor.compact .duration-unit{font-size:.85rem;color:var(--text-muted)}.classic-theme .clip-video-editor.compact .video-actions-box{background:#fff;border:2px solid var(--background-light);border-radius:8px;padding:1rem;margin-bottom:1rem}.classic-theme .clip-video-editor.compact .video-action-buttons{display:flex;flex-direction:column;gap:.75rem}.classic-theme .clip-video-editor.compact .action-btn{width:100%;padding:.75rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.classic-theme .clip-video-editor.compact .action-btn:disabled{opacity:.5;cursor:not-allowed}.classic-theme .clip-video-editor.compact .action-btn.library-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border:2px solid var(--primary)}.classic-theme .clip-video-editor.compact .action-btn.library-btn:hover:not(:disabled){filter:brightness(1.05);box-shadow:var(--shadow-md)}.classic-theme .clip-video-editor.compact .action-btn.library-btn.active{filter:brightness(.95)}.classic-theme .clip-video-editor.compact .action-btn.ai-btn{background:#fff;color:var(--charcoal-graphite);border:2px solid var(--text-muted)}.classic-theme .clip-video-editor.compact .action-btn.ai-btn:hover:not(:disabled){background:var(--text-muted);color:#fff}.classic-theme .clip-video-editor.compact .action-btn.ai-btn.active{background:var(--text-muted);color:#fff}.classic-theme .clip-video-editor.compact .action-btn.stock-btn{background:var(--background-light);color:var(--charcoal-graphite);border:2px solid var(--background-light)}.classic-theme .clip-video-editor.compact .action-btn.stock-btn:hover:not(:disabled){background:var(--text-muted);border-color:var(--text-muted);color:#fff}.classic-theme .clip-video-editor.compact .action-btn.stock-btn.active{background:var(--text-muted);border-color:var(--text-muted);color:#fff}.classic-theme .clip-video-editor.compact .video-source-content{margin-top:1rem;padding:1rem;background:var(--kalkvit);border:1px solid var(--background-light);border-radius:8px;overflow:hidden}.classic-theme .clip-video-editor.compact .stock-video-picker{min-height:150px}.classic-theme .clip-video-editor.compact .stock-search-form{display:flex;gap:.5rem;margin-bottom:1rem}.classic-theme .clip-video-editor.compact .stock-search-input-wrapper{flex:1;position:relative}.classic-theme .clip-video-editor.compact .stock-search-input-wrapper .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);opacity:.6}.classic-theme .clip-video-editor.compact .stock-search-input{width:100%;padding:.625rem .75rem .625rem 2.25rem;border:2px solid var(--background-light);border-radius:6px;font-size:.85rem;background:#fff;transition:all .2s ease}.classic-theme .clip-video-editor.compact .stock-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15)}.classic-theme .clip-video-editor.compact .stock-search-btn{display:flex;align-items:center;gap:.375rem;padding:.625rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.classic-theme .clip-video-editor.compact .stock-search-btn:hover:not(:disabled){background:var(--text-muted)}.classic-theme .clip-video-editor.compact .stock-search-btn:disabled{opacity:.6;cursor:not-allowed}.classic-theme .clip-video-editor.compact .stock-suggestions{margin-bottom:1rem}.classic-theme .clip-video-editor.compact .suggestions-label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem}.classic-theme .clip-video-editor.compact .suggestions-chips{display:flex;flex-wrap:wrap;gap:.5rem}.classic-theme .clip-video-editor.compact .suggestion-chip{padding:.375rem .75rem;background:#fff;border:1px solid var(--background-light);border-radius:20px;font-size:.75rem;color:var(--charcoal-graphite);cursor:pointer;transition:all .2s ease}.classic-theme .clip-video-editor.compact .suggestion-chip:hover{border-color:var(--primary);background:rgba(var(--primary-rgb),.05);color:var(--primary)}.classic-theme .clip-video-editor.compact .stock-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:var(--text-muted);text-align:center}.classic-theme .clip-video-editor.compact .stock-info{margin-top:1rem;padding:.5rem;text-align:center;font-size:.7rem;color:var(--text-muted)}.classic-theme .clip-video-editor.compact .stock-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:var(--text-muted);text-align:center}.classic-theme .clip-video-editor.compact .stock-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;max-height:300px;overflow-y:auto}.classic-theme .clip-video-editor.compact .stock-video-item{position:relative;aspect-ratio:9/16;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s ease}.classic-theme .clip-video-editor.compact .stock-video-item:hover{border-color:var(--primary);transform:scale(1.02)}.classic-theme .clip-video-editor.compact .stock-video-item.importing{opacity:.7;pointer-events:none}.classic-theme .clip-video-editor.compact .stock-video-item video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.classic-theme .clip-video-editor.compact .stock-video-item .provider-badge{position:absolute;top:4px;left:4px;background:#0009;color:#fff;padding:.125rem .375rem;border-radius:4px;font-size:.6rem;font-weight:500;text-transform:capitalize}.classic-theme .clip-video-editor.compact .stock-video-item .import-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fff}@media (max-width: 1024px){.classic-theme .bulk-text-editor.redesigned .editor-layout{grid-template-columns:1fr}.classic-theme .bulk-text-editor.redesigned .preview-panel{position:sticky;top:1rem;align-self:start;order:-1;width:100%;max-width:400px;margin:0 auto 1.5rem}.classic-theme .bulk-text-editor.redesigned .field-options{flex-wrap:wrap!important;gap:1rem!important}}@media (max-width: 768px){.classic-theme .bulk-text-editor.redesigned{padding:1rem;gap:.75rem}.classic-theme .bulk-text-editor.redesigned .clip-navigation-bar{padding:.5rem .75rem;gap:.5rem}.classic-theme .bulk-text-editor.redesigned .clip-pill{min-width:40px;padding:.375rem .5rem}.classic-theme .bulk-text-editor.redesigned .clip-number{font-size:.8rem}.classic-theme .bulk-text-editor.redesigned .section-tabs{padding:.375rem;gap:.375rem}.classic-theme .bulk-text-editor.redesigned .section-tab{padding:.5rem .75rem;font-size:.8rem}.classic-theme .bulk-text-editor.redesigned .section-content{padding:1rem;min-height:300px}.classic-theme .bulk-text-editor.redesigned .glass-panel{padding:.75rem}.classic-theme .bulk-text-editor.redesigned .field-options{flex-direction:column!important;gap:.75rem!important;padding:.75rem!important}.classic-theme .bulk-text-editor.redesigned .option-group{width:100%!important}.classic-theme .bulk-text-editor.redesigned .color-picker-group{flex-wrap:wrap!important;height:auto!important}.classic-theme .clip-video-editor.compact .video-action-buttons{gap:.5rem}.classic-theme .clip-video-editor.compact .action-btn{padding:.625rem .875rem;font-size:.875rem}}@media (max-width: 480px){.classic-theme .bulk-text-editor.redesigned{padding:.75rem}.classic-theme .bulk-text-editor.redesigned .preview-panel{padding:.5rem;max-width:100%}.classic-theme .bulk-text-editor.redesigned .clip-navigation-bar{flex-wrap:wrap;justify-content:center}.classic-theme .bulk-text-editor.redesigned .nav-arrow-btn{width:32px;height:32px}.classic-theme .bulk-text-editor.redesigned .section-tab{padding:.5rem;font-size:.75rem;gap:.25rem}.classic-theme .bulk-text-editor.redesigned .overall-summary{padding:.75rem 1rem}.classic-theme .clip-video-editor.compact .duration-control{flex-direction:column;gap:.5rem;align-items:stretch}.classic-theme .clip-video-editor.compact .duration-input-wrapper{justify-content:center}}.classic-theme .config-info-panel{background:#fff;border:2px solid var(--background-light);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1rem;box-shadow:var(--shadow-sm)}.classic-theme .config-info-panel .progress-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.classic-theme .config-info-panel .progress-bar-inline{flex:1;height:6px;background:var(--background-light);border-radius:3px;overflow:hidden}.classic-theme .config-info-panel .progress-bar-inline .progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),#d08540);border-radius:3px;transition:width .3s ease}.classic-theme .config-info-panel .progress-badge{font-size:.75rem;font-weight:600;color:var(--primary);background:rgba(var(--primary-rgb),.1);padding:.25rem .5rem;border-radius:4px}.classic-theme .config-info-panel .clips-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.classic-theme .config-info-panel .clips-count-badge{font-size:.95rem;font-weight:600;color:var(--text-muted);background:var(--kalkvit);padding:.625rem 1rem;border-radius:8px;border:1px solid var(--background-light)}.classic-theme .config-info-panel .clip-controls{display:flex;gap:.5rem;margin-left:auto}.classic-theme .config-info-panel .add-clip-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--primary);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.classic-theme .config-info-panel .add-clip-btn:hover:not(:disabled){background:var(--secondary);transform:scale(1.05)}.classic-theme .config-info-panel .add-clip-btn:disabled{opacity:.5;cursor:not-allowed}.classic-theme .config-info-panel .clip-badges-row{display:flex;align-items:center;gap:.625rem;flex-wrap:nowrap}.classic-theme .config-info-panel .clip-badge{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#fff;border:1px solid var(--background-light);border-radius:8px;font-size:.95rem;color:var(--charcoal-graphite);cursor:grab;transition:all .15s ease;white-space:nowrap}.classic-theme .config-info-panel .clip-badge:hover{border-color:var(--primary)}.classic-theme .config-info-panel .clip-badge.dragging{opacity:.5;cursor:grabbing}.classic-theme .config-info-panel .clip-badge.complete{background:rgba(var(--skogsgron-rgb),.1);border-color:var(--skogsgron)}.classic-theme .config-info-panel .clip-badge .badge-number{font-weight:600;font-size:.95rem;color:var(--primary)}.classic-theme .config-info-panel .clip-badge .badge-text{color:var(--charcoal-graphite);font-size:.875rem;max-width:80px;overflow:hidden;text-overflow:ellipsis}.classic-theme .config-info-panel .clip-badge .status-icon{color:var(--skogsgron)}.classic-theme .config-info-panel .clip-badge .badge-delete{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:50%;transition:all .15s ease}.classic-theme .config-info-panel .clip-badge .badge-delete:hover:not(:disabled){background:rgba(var(--tegelrod-rgb),.15);color:var(--tegelrod)}.classic-theme .config-info-panel .clip-badge .badge-delete:disabled{opacity:.3;cursor:not-allowed}.classic-theme .config-info-panel .drop-indicator{width:2px;height:24px;background:var(--primary);border-radius:1px}@media (max-width: 640px){.classic-theme .config-info-panel .clips-count-badge{font-size:.8rem;padding:.375rem .625rem}.classic-theme .config-info-panel .clip-badges-row{gap:.375rem}.classic-theme .config-info-panel .clip-badge{gap:.25rem;padding:.375rem .5rem;font-size:.8rem;border-radius:6px}.classic-theme .config-info-panel .clip-badge .badge-number{font-size:.8rem}.classic-theme .config-info-panel .clip-badge .badge-text{font-size:.7rem;max-width:50px}.classic-theme .config-info-panel .clip-badge .badge-delete{width:20px;height:20px}.classic-theme .config-info-panel .add-clip-btn{width:32px;height:32px}.classic-theme .config-info-panel .drop-indicator{height:24px}}.classic-theme .clip-video-editor.compact .video-source-content .video-library{max-height:350px;overflow:hidden}.classic-theme .video-library-grid,.classic-theme .video-section .video-library-grid,.classic-theme .video-section.glass-panel .video-library-grid,.classic-theme .clip-video-editor .video-library-grid,.classic-theme .clip-video-editor.compact .video-library-grid,.classic-theme .clip-video-editor.compact .video-source-content .video-library-grid,.classic-theme .bulk-text-editor .video-library-grid,.classic-theme .bulk-text-editor.redesigned .video-library-grid,.classic-theme .bulk-text-editor.redesigned .video-section .video-library-grid{overflow-y:scroll!important;overflow-x:hidden!important;max-height:280px!important;-webkit-overflow-scrolling:touch!important}.classic-theme .video-source-content{overflow:visible!important}.classic-theme .clip-video-editor.compact .video-source-content{overflow:hidden!important}