@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@600;700&family=Inter:wght@400;500;600&display=swap";/*! 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 reset{:root{--bg-void:#0a0a0f;--bg-surface:#141420;--bg-elevated:#1e1e2e;--bg-input:#1a1a28;--accent-primary:#a855f7;--accent-primary-hover:#c084fc;--accent-primary-muted:#7c3aed;--accent-secondary:#22d3ee;--accent-secondary-hover:#67e8f9;--np-text-primary:#e2e8f0;--np-text-secondary:#94a3b8;--np-text-muted:#64748b;--np-text-disabled:#475569;--np-text-inverse:#0a0a0f;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-strong:#ffffff29;--border-accent:#a855f740;--glow-primary:0 0 24px #a855f740;--glow-primary-strong:0 0 40px #a855f759;--glow-secondary:0 0 20px #22d3ee33;--gradient-hero:linear-gradient(160deg,#0a0a0f 0%,#0d0520 40%,#1a0a2e 100%);--gradient-surface:linear-gradient(135deg,#141420 0%,#1e1e2e 100%);--gradient-accent:linear-gradient(135deg,#a855f7 0%,#7c3aed 100%);--gradient-cta:linear-gradient(135deg,#a855f7 0%,#6d28d9 100%);--gradient-divider:linear-gradient(90deg,transparent,#ffffff14,transparent);--accent-primary-rgb:168,85,247;--accent-primary-muted-rgb:124,58,237;--accent-secondary-rgb:34,211,238;--charcoal-graphite:#1c1c1e;--primary:#a855f7;--secondary:#7c3aed;--text-muted:#64748b;--background-light:#fff;--background-subtle:#f9fafb;--text-secondary:#64748b;--accent:#22d3ee;--koppar:#a855f7;--jordbrun:#7c3aed;--oliv:#64748b;--sandbeige:#fff;--kalkvit:#fff;--dimblag:#64748b;--tegelrod:#ef4444;--brand-amber:#f59e0b;--skogsgron:#22c55e;--koppar-rgb:168,85,247;--primary-rgb:168,85,247;--jordbrun-rgb:124,58,237;--secondary-rgb:124,58,237;--oliv-rgb:100,116,139;--sandbeige-rgb:255,255,255;--background-light-rgb:255,255,255;--background-subtle-rgb:249,250,251;--dimblag-rgb:100,116,139;--charcoal-graphite-rgb:28,28,30;--kalkvit-rgb:255,255,255;--tegelrod-rgb:239,68,68;--brand-amber-rgb:245,158,11;--skogsgron-rgb:34,197,94;--color-success:#22c55e;--color-success-light:#22c55e1a;--color-success-border:#22c55e4d;--color-success-dark:#16a34a;--color-error:#ef4444;--color-error-light:#ef44441a;--color-error-border:#ef44444d;--color-error-dark:#dc2626;--color-warning:#f59e0b;--color-warning-light:#f59e0b1a;--color-warning-border:#f59e0b4d;--color-warning-dark:#d97706;--color-info:#6b7280;--color-info-light:#6b72801a;--color-info-border:#6b72804d;--color-info-dark:#4b5563;--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:clip}h1{font-family:var(--font-h1)}h2{font-family:var(--font-h2)}h3,h4,h5,h6{font-family:var(--font-body)}: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)}}@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}.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{border:3px solid var(--sandbeige);border-top:3px solid var(--koppar);border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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}.panel-icon{width:20px;height:20px;color:var(--koppar)}div.section-header-box,.section-header-box{border:1px solid var(--sandbeige);text-align:center;background:#fff;border-radius:12px;width:100%;margin-top:.75rem;margin-bottom:1rem;padding:1rem 1.5rem 1.25rem;display:block;box-shadow:0 2px 8px #0000000f}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);color:var(--charcoal-graphite);text-align:center;width:100%;margin:0 0 .25rem;font-size:1.5rem;font-weight:500;line-height:1.2;display:block}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);color:var(--oliv);text-align:center;width:100%;max-width:none;margin:0 auto 1rem;font-size:.95rem;display:block}div.section-header-box .section-title:last-child,.section-header-box .section-title:last-child{margin-bottom:0}.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-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{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}.section-header-box .step-connector.completed{background-color:var(--koppar)}.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-row,.search-input-wrapper{position:relative}.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}.filter-icon{width:16px;height:16px;color:var(--oliv);flex-shrink:0}.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}.stat-icon{width:14px;height:14px;color:var(--oliv);flex-shrink:0}.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.used{background:rgba(var(--skogsgron-rgb),.1);color:var(--skogsgron)}.usage-btn.unused{color:var(--oliv);background:#f5f5f5}.usage-btn .btn-icon{width:14px;height:14px}.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-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{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.content-item-left{align-items:center;gap:.75rem;display:flex}.content-type-icon{width:20px;height:20px;color:var(--oliv)}.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-trigger:hover{background:#1c1c1e26}.mobile-tab-current{align-items:center;gap:.5rem;display:flex}.mobile-tab-chevron{width:20px;height:20px;transition:transform .2s}.mobile-tab-chevron.open{transform:rotate(180deg)}.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-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{z-index:999;opacity:0;visibility:hidden;background:#0000004d;transition:all .3s;position:fixed;inset:0}.mobile-tab-overlay.open{opacity:1;visibility:visible}.tab-button{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);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 .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}.tab-button:hover{background:linear-gradient(135deg,var(--secondary)0%,var(--primary)100%);color:var(--kalkvit)}.tab-button.active{background:var(--kalkvit);color:var(--primary)}.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{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)}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.secondary-btn{color:var(--oliv);border:2px solid var(--dimblag);background:#fff}.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){box-shadow:var(--shadow-sm);transform:translateY(-1px)}.enhance-btn:disabled{opacity:.6;cursor:not-allowed}.generate-btn{background:var(--koppar);color:#fff;border-radius:6px;padding:.5rem}.generate-btn:hover{background:var(--jordbrun);transform:translateY(-1px)}.edit-btn{background:var(--dimblag);color:#fff;border-radius:6px;padding:.5rem}.edit-btn:hover{background:var(--oliv);transform:translateY(-1px)}.delete-btn{background:var(--color-error);color:#fff;border-radius:6px;padding:.5rem}.delete-btn:hover{background:var(--color-error-dark);transform:translateY(-1px)}.copy-btn{border:2px solid var(--dimblag);color:var(--oliv);background:#fff;border-radius:8px;padding:.5rem 1rem}.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{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-icon{width:18px;height:18px;color:inherit}.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)}.card-selected{border-color:var(--koppar);background:var(--kalkvit);box-shadow:var(--shadow-sm)}.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}.generate-section .selection-card,.generate-section .platform-options-step{max-width:min(1100px,100%);margin-left:auto;margin-right:auto}.generate-section .selection-card:hover{transform:none}.content-form-card.has-sticky-preview{overflow:visible}.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}}.styled-header-container{overflow:visible}@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: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-step-container .content-type-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem;padding-top:4px}.content-type-step-container .content-type-card{border:2px solid var(--sandbeige);border-radius:14px;flex-direction:column;width:auto;min-height:auto;padding:2rem;display:flex;overflow:visible}.content-type-step-container .content-type-card:before{display:none}.content-type-step-container .content-type-card:hover{border-color:var(--card-color,var(--koppar));transform:translateY(-3px);box-shadow:0 8px 24px #0000001a}.content-type-step-container .content-type-card.selected{border-color:var(--card-color,var(--koppar));background:rgba(var(--card-color-rgb,184,115,51),.08);transform:translateY(-3px);box-shadow:0 8px 28px #00000024}@media (max-width:700px){.content-type-step-container .content-type-grid{grid-template-columns:1fr}}.content-type-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.content-count{background:var(--accent-color,var(--koppar));color:#fff;font-family:var(--font-body);text-shadow:0 1px 2px #00000080;border-radius:16px;padding:.2rem .6rem;font-size:.8rem;font-weight:600}.content-type-name{font-family:var(--font-body);color:var(--charcoal-graphite);margin-bottom:.25rem;font-size:1.1rem;font-weight:600}.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);color:var(--charcoal-graphite);margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.required{color:var(--koppar);margin-left:.25rem}.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-textarea{resize:vertical;min-height:100px}.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:hover{border-color:var(--koppar);background:var(--kalkvit)}.framework-selection-card.selected{background:var(--kalkvit)}.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:hover{color:var(--koppar)}.framework-area-card input{accent-color:var(--koppar);margin-right:.5rem}.framework-area-icon{width:18px;height:18px;margin-right:.5rem}.workspace-main{min-height:600px}.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.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.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)}.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);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}.empty-state p{font-family:var(--font-body);font-size:1rem;line-height:1.6}.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}.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{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:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);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:hover{background:linear-gradient(135deg,var(--secondary)0%,var(--primary)100%)}.tab-hamburger:focus{outline:2px solid var(--copper);outline-offset:2px}.tab-hamburger-content{align-items:center;gap:.75rem;display:flex}.tab-hamburger-icon{width:24px;height:24px;transition:transform .2s}.tab-hamburger.open .tab-hamburger-icon{transform:rotate(180deg)}.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(--primary);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-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{z-index:999;opacity:0;visibility:hidden;background:#0000004d;transition:all .3s;position:fixed;inset:0}.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{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:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);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:hover{background:linear-gradient(135deg,var(--secondary)0%,var(--primary)100%)}.content-type-hamburger-content{align-items:center;gap:.75rem;display:flex}.content-type-hamburger-icon{width:20px;height:20px}.content-type-hamburger-chevron{width:20px;height:20px;transition:transform .2s}.content-type-hamburger.open .content-type-hamburger-chevron{transform:rotate(180deg)}.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(--primary);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-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{background:var(--sandbeige);color:var(--primary);border-radius:12px;margin-left:auto;padding:.25rem .75rem;font-size:.85rem;font-weight:600}.content-type-menu-item.active .content-type-menu-count{background:var(--koppar);color:#fff}.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}.generate-section .content-type-grid{grid-template-columns:1fr!important;gap:.5rem!important;display:grid!important}.generate-section .content-type-card{width:auto!important;min-height:auto!important;padding:.75rem!important}}}@layer components;@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 overrides;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.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-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-0{margin-left:calc(var(--spacing)*0)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-3{margin-left:calc(var(--spacing)*3)}.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}.gap-3{gap:calc(var(--spacing)*3)}: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-35{opacity:.35}.opacity-50{opacity:.5}.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,)}.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}}}@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 spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@layer components{.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;backdrop-filter:none;-webkit-backdrop-filter:none}}}@layer components{.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:var(--text-dark-secondary, var(--charcoal-graphite, #2D2D32));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-plan-badge{display:inline-block;font-size:.625rem;font-weight:600;padding:.125rem .375rem;border-radius:4px;text-transform:uppercase;letter-spacing:.03em;width:-moz-fit-content;width:fit-content}.sidebar-plan-pro{background:rgba(var(--primary-rgb),.15);color:var(--primary)}.sidebar-plan-team{background:#2d2d3226;color:var(--text-dark-secondary, var(--charcoal-graphite, #2D2D32))}.sidebar-nav{flex:1;padding:var(--spacing-md, 1rem);overflow-y:auto}@media (max-width: 768px){.sidebar-nav{padding-bottom:64px}}.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}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.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);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border-right:none;transform:none}.modern-sidebar .sidebar-nav-badge,.sidebar-nav-badge,.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}.sidebar-section-content{display:none}.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;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-md, 1rem) var(--spacing-xs, .25rem)}.modern-sidebar .sidebar-logo,.sidebar-logo{justify-content:center;margin-bottom:var(--spacing-sm, .5rem)}.modern-sidebar .sidebar-user-container,.sidebar-user-container{width:100%;display:flex;justify-content:center;align-items:center}.modern-sidebar .sidebar-user,.sidebar-user{width:48px;height:48px;min-width:unset;padding:6px;gap:0;justify-content:center;display:flex;align-items:center;margin:0 auto;text-align:center}.modern-sidebar .sidebar-avatar,.sidebar-avatar{width:36px;height:36px;font-size:.75rem;margin:0;flex-shrink:0}.modern-sidebar .sidebar-user-chevron,.sidebar-user-chevron{display:none}}.sidebar-user.sidebar-user-collapsed{width:48px;height:48px;min-width:unset;max-width:48px;padding:6px;gap:0;justify-content:center;display:flex;align-items:center;margin:0 auto}.sidebar-user-collapsed .sidebar-avatar{width:36px;height:36px;font-size:.75rem;margin:0}.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}}@layer components{.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}}@layer components{.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}.modern-sidebar-wrapper.minimized .sidebar-section-content{display:none}.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}}@media (max-width: 768px){.modern-layout{flex-direction:column;padding-bottom:64px}.desktop-sidebar-toggle,.desktop-activity-toggle{display:none}.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);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);backdrop-filter:none;-webkit-backdrop-filter:none;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}}@layer components{: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}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-family:var(--font-header);font-size:1.2rem;font-weight:500;color:var(--text-muted);margin:0}.creatd-auth-container{width:100%}.creatd-auth-label{font-family:var(--font-header);font-weight:600;color:var(--charcoal-graphite)}.creatd-auth-button{font-family:var(--font-header);font-weight:600;transition:var(--transition-base)}.creatd-auth-button:hover{transform:translateY(-1px)}.creatd-auth-input{font-family:var(--font-body);transition:var(--transition-base)}.creatd-auth-input:focus{transform:scale(1.02)}.supabase-auth-ui_ui-button{transition:var(--transition-base)}.supabase-auth-ui_ui-button:hover{transform:translateY(-1px)}.supabase-auth-ui_ui-input{transition:var(--transition-base)}.supabase-auth-ui_ui-input:focus{box-shadow:0 0 0 3px #b8733333}.supabase-auth-ui_ui-button[data-supabase=auth-google],.supabase-auth-ui_ui-button[data-supabase=auth-github]{margin-bottom:.75rem}@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)}}}@layer components{.source-selection-panel{background:rgba(var(--kalkvit-rgb, 255, 255, 255),.6);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, #64748B);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, #64748B);text-transform:uppercase;letter-spacing:.05em;padding-left:.25rem;margin-bottom:.25rem}.source-section.collapsible{border-radius:var(--radius-md, 10px);background:rgba(var(--kalkvit-rgb, 255, 255, 255),.4);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, #64748B);text-transform:uppercase;letter-spacing:.03em;transition:all .15s ease}.source-section-toggle:hover{background:rgba(var(--background-light-rgb, 243, 244, 246),.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, #A855F7);background:rgba(var(--primary-rgb, 168, 85, 247),.08);margin-bottom:.5rem}.source-option{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:rgba(var(--kalkvit-rgb, 255, 255, 255),.7);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, #A855F7));background:rgba(var(--kalkvit-rgb, 255, 255, 255),.9);transform:translateY(-1px)}.source-option.selected{border-color:var(--source-color, var(--primary, #A855F7));background:rgba(var(--primary-rgb, 168, 85, 247),.08);box-shadow:0 2px 10px #00000014}.source-option.selected .source-option-icon{color:var(--source-color, var(--primary, #A855F7))}.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, #7C3AED);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, #A855F7)}.source-option-checkbox .check-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--primary, #A855F7);border-radius:50%;color:var(--kalkvit, #FFFFFF);padding:3px;box-sizing:border-box}.source-option-icon{color:var(--text-muted, #64748B);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, #64748B);opacity:.8}.source-option-count{font-size:.75rem;color:var(--text-muted, #64748B);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, 239, 68, 68),.1);border:1px solid rgba(var(--tegelrod-rgb, 239, 68, 68),.25);border-radius:var(--radius-md, 10px);font-size:.8125rem;color:var(--tegelrod, #EF4444);text-align:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.source-selection-panel{padding:1rem}.source-option{padding:.75rem}}@media (max-width: 480px){.source-option-description{display:none}}}@layer components{.theme-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.theme-card.selected{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}@media (max-width: 1024px){.selection-card>div[style*=grid-template-columns]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.selection-card>div[style*=grid-template-columns]{grid-template-columns:1fr}.theme-card{padding:1rem}}}@layer components{.content-type-step-container{max-width:min(1400px,100%);margin-left:auto;margin-right:auto}.cts-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--sandbeige)}.cts-theme-context{padding:1rem 1.5rem;background:rgba(var(--theme-color-rgb, var(--koppar-rgb)),.06);border:2px solid rgba(var(--theme-color-rgb, var(--koppar-rgb)),.25);border-radius:8px;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem}.cts-theme-icon-wrap{padding:.5rem;border-radius:6px;background:rgba(var(--theme-color-rgb, var(--koppar-rgb)),.15)}.cts-theme-name{font-weight:600;color:var(--charcoal-graphite);font-size:.9rem}.cts-theme-subtitle{font-size:.8rem;color:var(--oliv)}.cts-checkbox{position:absolute;top:1.25rem;right:1.25rem}.cts-card-header{display:flex;align-items:flex-start;gap:.875rem;margin-bottom:1rem}.cts-card-icon{padding:.75rem;border-radius:10px;background:rgba(var(--card-color-rgb, var(--koppar-rgb)),.15);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cts-card-icon svg{color:var(--card-color, var(--koppar))}.cts-card-title{margin:0;color:var(--charcoal-graphite);font-size:1.05rem;font-weight:700;line-height:1.3;padding-right:1.5rem}.cts-card-description{margin:0 0 1.25rem;color:var(--oliv);font-size:.9rem;line-height:1.6}.cts-chips{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.25rem}.cts-chip{padding:.4rem .75rem;background:rgba(var(--card-color-rgb, var(--koppar-rgb)),.1);color:var(--card-color, var(--koppar));border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.01em}.cts-platforms{display:flex;gap:.4rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid var(--sandbeige);margin-top:auto}.cts-platform{padding:.3rem .65rem;background:var(--sandbeige);color:var(--charcoal-graphite);border-radius:6px;font-size:.8rem;font-weight:500;text-transform:capitalize}.cts-summary{padding:1rem;background:rgba(var(--koppar-rgb, 184, 115, 51),.06);border:1px solid rgba(var(--koppar-rgb, 184, 115, 51),.2);border-radius:8px;margin-bottom:1.5rem}.cts-summary-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.cts-summary-title{margin:0;color:var(--koppar);font-size:.875rem}.cts-summary-chips{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.cts-summary-chip{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:rgba(var(--chip-color-rgb, var(--koppar-rgb)),.15);color:var(--chip-color, var(--koppar));border-radius:8px;font-size:.85rem;font-weight:600}.cts-summary-text{margin:0;font-size:.78rem;color:var(--oliv);line-height:1.4}.cts-tip{margin:0 0 1.5rem;font-size:.78rem;color:var(--oliv);text-align:center;font-style:italic}.cts-continue-btn{padding:1rem 2rem;font-size:1.1rem}.cts-continue-btn:disabled{opacity:.6}}@layer components{.platform-selection-grid{grid-template-columns:repeat(6,1fr);align-items:start}.platform-card{max-width:160px;justify-self:center}.basic-settings-grid{grid-template-columns:repeat(3,1fr);align-items:start}.basic-settings-grid>div{min-width:0}.image-settings-grid{grid-template-columns:repeat(4,1fr);align-items:start}.story-carousel-grid{grid-template-columns:repeat(2,1fr);align-items:start}.story-image-grid,.carousel-settings-grid,.reel-settings-grid{grid-template-columns:repeat(3,1fr);align-items:start}@media (max-width: 1024px){.platform-selection-grid{grid-template-columns:repeat(3,1fr)}.basic-settings-grid,.image-settings-grid,.carousel-settings-grid,.reel-settings-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.platform-selection-grid{grid-template-columns:repeat(2,1fr)}.platform-card{max-width:none}.basic-settings-grid,.image-settings-grid,.story-carousel-grid,.story-image-grid,.carousel-settings-grid,.reel-settings-grid{grid-template-columns:1fr}}}@layer components{.koppar-active{border-color:var(--koppar);background:var(--koppar)10;color:var(--koppar)}}@layer components{.ai-image-service{padding:0}.collapse-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;border:none;border-radius:5px;cursor:pointer;transition:all .2s;font-weight:600;font-size:.81rem;margin-bottom:.75rem}.collapse-header:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.collapse-header:disabled{opacity:.6;cursor:not-allowed;transform:none}.collapse-header-content{display:flex;align-items:center;gap:.5rem;flex:1}.prompt-preview{font-size:.68rem;opacity:.8;font-weight:400;margin-left:.4rem;font-style:italic}.collapse-content{animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-field{margin-bottom:.75rem}.field-label{font-size:.77rem;font-weight:600;color:var(--charcoal-graphite);display:block;margin-bottom:.4rem}.theme-select,.prompt-textarea{width:100%;padding:.5rem;border:2px solid var(--sandbeige);border-radius:5px;font-size:.77rem;font-family:inherit}.theme-select:focus,.prompt-textarea:focus{border-color:var(--koppar);outline:none;box-shadow:0 0 0 3px #b873331a}.prompt-textarea{resize:vertical;min-height:85px}.custom-instructions-textarea{width:100%;padding:.5rem;border:2px solid var(--sandbeige);border-radius:5px;font-size:.77rem;font-family:inherit;resize:vertical;min-height:50px;background:linear-gradient(to bottom,#fefce8,#fff)}.custom-instructions-textarea:focus{border-color:var(--koppar);outline:none;box-shadow:0 0 0 3px #b873331a}.custom-instructions-textarea:disabled{opacity:.6;background-color:#f8f9fa}.custom-instructions-textarea::-moz-placeholder{color:var(--oliv);font-style:italic;font-size:.72rem}.custom-instructions-textarea::placeholder{color:var(--oliv);font-style:italic;font-size:.72rem}.theme-select:disabled,.prompt-textarea:disabled{opacity:.6;background-color:#f8f9fa}.ai-image-service .checkbox-group,.ai-image-service .service-toggle{display:flex;gap:.75rem;flex-wrap:wrap}.ai-image-service .checkbox-item{display:flex;align-items:center;gap:.4rem;cursor:pointer;font-size:.77rem;color:var(--charcoal-graphite);background:transparent;border:none;padding:0}.ai-image-service .checkbox-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary, var(--skogsgroen));cursor:pointer}.ai-image-service .checkbox-item:hover{color:var(--primary, var(--skogsgroen));background:transparent}.field-hint{font-size:.64rem;color:var(--oliv);margin-top:.4rem}.replicate-options{background:#fef3c7;border:2px solid #f59e0b;border-radius:6px;padding:.75rem;margin-bottom:.75rem}.replicate-header h4{margin:0 0 .4rem;color:#92400e;font-size:.85rem}.replicate-header p{margin:0 0 .75rem;color:#92400e;font-size:.77rem}.quality-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.quality-option{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#fff;border:2px solid var(--color-gray-light);border-radius:5px;cursor:pointer;transition:all .2s}.quality-option:hover{border-color:var(--koppar)}.quality-option input[type=radio]{accent-color:var(--koppar)}.quality-info{display:flex;flex-direction:column;gap:.2rem}.quality-info strong{color:var(--charcoal-graphite);font-size:.77rem}.service-selection{display:flex;flex-direction:column;gap:.5rem}.service-option{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem;background:#fff;border:2px solid var(--sandbeige);border-radius:5px;cursor:pointer;transition:all .2s}.service-option:hover{border-color:var(--koppar)}.service-option input[type=radio]:checked+.service-info{color:var(--koppar)}.service-option input[type=radio]{accent-color:var(--koppar)}.service-info{display:flex;flex-direction:column;gap:.1rem;text-align:left}.service-info strong{color:var(--charcoal-graphite);font-size:.77rem;text-align:left}.service-info span{color:var(--oliv);font-size:.68rem;text-align:left}.quality-options-inline{display:flex;flex-direction:column;gap:.4rem}.quality-option-inline{display:flex;align-items:center;gap:.5rem;padding:.4rem;background:#fff;border:2px solid var(--sandbeige);border-radius:5px;cursor:pointer;transition:all .2s}.quality-option-inline:hover{border-color:var(--koppar)}.quality-option-inline input[type=radio]{accent-color:var(--koppar)}.quality-info-inline{display:flex;flex-direction:column;gap:.2rem}.quality-info-inline strong{color:var(--charcoal-graphite);font-size:.72rem}.quality-info-inline span{color:var(--oliv);font-size:.64rem}.quality-info span{color:var(--oliv);font-size:.68rem}.replicate-actions{display:flex;gap:.4rem}.replicate-btn{flex:1;background:var(--koppar);color:#fff;border:none;padding:.5rem .75rem;border-radius:5px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.4rem;font-weight:600;font-size:.81rem}.replicate-btn:hover:not(:disabled){background:var(--jordbrun)}.replicate-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{background:#6b7280;color:#fff;border:none;padding:.5rem .75rem;border-radius:5px;cursor:pointer;transition:all .2s;font-weight:600;font-size:.81rem}.cancel-btn:hover:not(:disabled){background:#4b5563}.cancel-btn:disabled{opacity:.6;cursor:not-allowed}.smart-prompt-btn{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.4rem;font-weight:600;font-size:.81rem;width:100%;margin-bottom:.75rem}.smart-prompt-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.smart-prompt-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.generate-btn{background:var(--koppar);color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.4rem;font-weight:600;font-size:.81rem;width:100%;margin-bottom:.75rem}.generate-btn:hover:not(:disabled){background:var(--jordbrun)}.generate-btn:disabled{opacity:.6;cursor:not-allowed}}@layer components{.image-library{margin-bottom:1rem;padding:1.5rem;border:2px solid var(--koppar);border-radius:8px;background:#f8f9fa}.library-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.library-header h4{margin:0;color:var(--charcoal-graphite)}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--charcoal-graphite)}.library-search{display:flex;gap:.5rem;margin-bottom:1rem}.search-input{flex:1;padding:.5rem;border:1px solid var(--sandbeige);border-radius:4px;font-size:.9rem}.search-btn{padding:.5rem 1rem;background:var(--koppar);color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:.5rem;min-width:100px;justify-content:center}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;max-height:300px;overflow-y:auto}.loading-state,.empty-state{text-align:center;padding:2rem;color:var(--oliv);grid-column:1 / -1}.loading-state{display:flex;flex-direction:column;align-items:center;gap:.5rem}.library-item{position:relative;aspect-ratio:1/1;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s;background:linear-gradient(110deg,#f0f0f0 8%,#e8e8e8 18%,#f0f0f0 33%);background-size:200% 100%;animation:shimmer 1.5s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.library-item:hover{border-color:var(--koppar)}.library-item img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;cursor:pointer;transition:opacity .3s ease}.library-item img.loading{opacity:0}.library-item img.loaded{opacity:1}.library-delete-btn{position:absolute;top:4px;right:4px;width:28px;height:28px;background:#dc3545;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:18px;line-height:1;font-weight:700;display:flex;align-items:center;justify-content:center;opacity:1;transition:all .2s;z-index:2;box-shadow:0 2px 4px #00000080}.library-delete-btn:hover{background:#c82333;transform:scale(1.1);box-shadow:0 3px 6px #0009}.library-item-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:.5rem;color:#fff}.library-item-title{font-size:.7rem;font-weight:600}.library-item-tags{font-size:.6rem;opacity:.8}.image-preview{position:relative;width:300px;border-radius:8px;overflow:hidden;background:#f0f0f0;margin:1rem auto;border:2px solid var(--sandbeige);box-shadow:0 4px 12px #0000001a}.image-preview img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.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:1rem;color:#fff;z-index:2}.preview-label{font-size:.8rem;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.8);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.ai-badge{background:linear-gradient(45deg,#8b5cf6,#ec4899);padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.storage-badge{background:linear-gradient(45deg,#10b981,#059669);padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.preview-actions{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.5rem;z-index:3}.action-btn{background:#000000b3;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s}.save-btn{background:#22c55ecc}.save-btn:hover:not(:disabled){background:#22c55e;transform:scale(1.1)}.delete-btn{background:#dc3545cc}.action-btn:disabled{opacity:.6;cursor:not-allowed}.storage-info{position:absolute;bottom:0;left:0;right:0;background:#000c;color:#fff;padding:.5rem;font-size:.75rem;display:flex;justify-content:space-between;align-items:center;z-index:2}.permanent-status{color:var(--color-success);font-weight:600}.temporary-status{color:var(--color-warning);font-weight:600}.storage-filename{opacity:.8;font-size:.7rem}.preview-modal{position:fixed;inset:0;background-color:#000000e6;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem}.preview-modal-content{max-width:90vw;max-height:90vh;position:relative}.preview-modal-content img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:8px}.modal-close{position:absolute;top:1rem;right:1rem;background:#000000b3;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;font-size:18px}}@layer components{.image-creator{background:#fff;padding:1.5rem;border-radius:12px;border:1px solid var(--sandbeige);box-shadow:0 2px 8px #0000001a}.creator-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.creator-header h3{margin:0;color:var(--charcoal-graphite);font-size:1.2rem}.feedback-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.feedback-message.success{background:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success-dark)}.feedback-message.error{background:var(--color-error-light);border:1px solid var(--color-error);color:var(--color-error-dark)}.feedback-message.info{background:var(--color-info-light);border:1px solid var(--color-info);color:var(--color-info-dark)}.feedback-message.warning{background:var(--color-warning-light);border:1px solid var(--color-warning);color:var(--color-warning-dark)}.feedback-message.loading{background:var(--color-gray-light);border:1px solid #9ca3af;color:#374151}.mode-toggle{display:flex;gap:.5rem;margin-bottom:1.5rem}.toggle-btn{padding:.75rem 1rem;border:2px solid var(--sandbeige);background:#fff;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;flex:1;justify-content:center}.toggle-btn.active{border-color:var(--koppar);background:var(--koppar)15;color:var(--koppar)}.toggle-btn:hover:not(:disabled){border-color:var(--koppar)80}.toggle-btn:disabled{opacity:.6;cursor:not-allowed}.upload-area{display:flex;align-items:center;gap:.75rem;padding:2rem;border:2px dashed var(--sandbeige);border-radius:8px;transition:all .2s;flex-direction:column;text-align:center;pointer-events:none;opacity:.7}.upload-text{display:flex;flex-direction:column;gap:.25rem}.upload-title{font-weight:600;color:var(--charcoal-graphite)}.upload-subtitle{font-size:.85rem;color:var(--oliv)}.upload-hint{font-size:.75rem;color:var(--oliv);margin-top:.75rem;text-align:center}}@layer components{.rich-editor{border:2px solid var(--sandbeige);border-radius:8px;background:#fff}.rich-editor-toolbar{padding:.75rem;border-bottom:2px solid var(--sandbeige);background:var(--kalkvit);display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.format-btn{padding:.4rem .6rem;border:1px solid var(--color-border);background:#fff;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s}.format-btn:hover{background:var(--koppar);color:#fff;border-color:var(--koppar)}.toolbar-separator{width:1px;height:20px;background:var(--sandbeige);margin:0 .25rem}.rich-editor-content{min-height:350px;padding:1.5rem;outline:none;font-family:var(--font-body);font-size:.95rem;line-height:1.6;color:var(--charcoal-graphite)}.rich-editor-content:empty:before{content:attr(data-placeholder);color:#999;pointer-events:none}.rich-editor-content h1,.rich-editor-content h2,.rich-editor-content h3{font-family:var(--font-header);margin:1rem 0 .5rem}.rich-editor-content h1{font-size:1.8rem}.rich-editor-content h2{font-size:1.5rem}.rich-editor-content h3{font-size:1.3rem}.rich-editor-content ul,.rich-editor-content ol{margin:1rem 0;padding-left:2rem}.rich-editor-content ul{list-style-type:disc}.rich-editor-content ol{list-style-type:decimal}.rich-editor-content li{margin:.25rem 0;display:list-item}.rich-editor-content p{margin:.5rem 0}.button-row-spaced{display:flex;justify-content:space-between;align-items:center}.button-group{display:flex;gap:1rem}.delete-btn{background:var(--tegelrod);color:#fff;border:2px solid var(--tegelrod);padding:.6rem 1.2rem;border-radius:6px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.delete-btn:hover{background:var(--tegelrod);filter:brightness(.9)}.delete-btn:disabled{opacity:.6;cursor:not-allowed}.koppar-border{border-color:var(--koppar);color:var(--koppar);background:#fff}.koppar-active{border-color:var(--koppar);background:var(--koppar)10;color:var(--koppar)}.label-with-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.enhance-btn-sm{padding:.5rem 1rem;font-size:.85rem}.images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.image-card{border:2px solid var(--sandbeige);border-radius:8px;padding:1rem;background:#fff}.image-preview{width:100%;height:120px;-o-object-fit:cover;object-fit:cover;border-radius:6px;margin-bottom:.5rem}.image-meta{font-size:.8rem;color:var(--oliv)}.text-sm{font-size:.8rem}.opacity-70{opacity:.7}.ml-4{margin-left:1rem}.mb-8{margin-bottom:2rem}.pb-4{padding-bottom:1rem}.border-b-2{border-bottom:2px solid}.border-sandbeige{border-color:var(--sandbeige)}.mt-8{margin-top:2rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.text-charcoal{color:var(--charcoal-graphite)}}@layer components{.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}.content-manager-header .header-content{max-width:1200px}.content-manager-header .tab-button{flex-shrink:0}.content-manager-header .main-title{font-size:3rem;margin-bottom:.5rem}.content-manager-header .main-subtitle{font-size:1.2rem}.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}.content-manager .section-title{font-size:2.2rem;margin-bottom:.5rem;text-align:center}.content-manager .section-description{font-size:1.1rem;margin-bottom:1.5rem}.section-header-box{text-align:center}.section-header-box .section-title{font-size:1.5rem;text-align:center}.section-header-box .section-subtitle{text-align:center;max-width:none}.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;padding:1rem 1.5rem;border-bottom:1px solid var(--background-light);background:var(--kalkvit);gap:1rem}.design-form-header .back-btn{margin-left:0;margin-right:auto;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}.workspace-main{min-height:600px}.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-list-header h3{font-family:var(--font-serif);font-size:1.5rem;color:var(--charcoal-graphite);margin:0}.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}.btn-icon{width:16px;height:16px;color:inherit}.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}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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;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;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;gap:.75rem}.filters-section .form-input{min-height:48px;font-size:1rem}@media (max-width: 480px){.filters-section{padding:.75rem}}.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;min-height:auto}.modern-theme .content-manager-body{padding:1rem;max-width:100%}.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));backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid rgba(var(--primary-rgb),.12);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 20px rgba(var(--primary-rgb),.08)}.modern-theme .content-design-header{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);color:var(--charcoal-graphite);box-shadow:0 4px 16px #0000000f}.modern-theme .content-design-header h1,.modern-theme .content-design-header h2,.modern-theme .content-design-header h3{color:var(--charcoal-graphite)}.modern-theme .content-design-header .step-label{color:var(--text-muted)}.modern-theme .content-design-header .step-label.current{color:var(--charcoal-graphite)}.modern-theme .content-design-header .step-connector{background-color:rgba(var(--background-light-rgb),.5)}.modern-theme .content-design-header .step-connector.completed{background-color:var(--primary)}.modern-theme .design-form-header{background:#fff9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(var(--background-light-rgb),.3)}.modern-theme .reel-step-progress .step-circle{background:#fffc;border:2px solid rgba(var(--background-light-rgb),.4);box-shadow:0 4px 12px #0000000f}.modern-theme .reel-step-progress .step-circle:hover:not(:disabled){background:#fff;border-color:rgba(var(--primary-rgb),.5);box-shadow:0 6px 16px rgba(var(--primary-rgb),.15)}.modern-theme .reel-step-progress .step-circle.active{background:linear-gradient(145deg,var(--primary),var(--secondary));border-color:var(--primary);color:#fff;box-shadow:0 4px 16px rgba(var(--primary-rgb),.35)}.modern-theme .reel-step-progress .step-circle.current{border-color:var(--charcoal-graphite);box-shadow:0 4px 16px rgba(var(--primary-rgb),.25),0 0 0 3px rgba(var(--primary-rgb),.1)}.modern-theme .reel-step-progress .step-connector{background:rgba(var(--background-light-rgb),.4)}.modern-theme .reel-step-progress .step-connector.completed{background:linear-gradient(90deg,var(--primary),var(--secondary))}.modern-theme .design-form-container{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.modern-theme .design-step-header{background:#fff9;border-bottom:1px solid rgba(var(--background-light-rgb),.3)}.modern-theme .article-card{background:linear-gradient(145deg,#ffffff59,rgba(var(--background-light-rgb),.15),rgba(var(--primary-rgb),.05));backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid rgba(var(--background-light-rgb),.25);border-radius:var(--radius-lg)}.modern-theme .article-card:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.12),#ffffff73,rgba(var(--background-light-rgb),.2));border-color:rgba(var(--primary-rgb),.25);box-shadow:0 8px 24px rgba(var(--primary-rgb),.15)}.modern-theme .article-card.selected{background:linear-gradient(145deg,rgba(var(--primary-rgb),.2),#fff9,rgba(var(--primary-rgb),.15));border-color:rgba(var(--primary-rgb),.35);box-shadow:0 8px 32px rgba(var(--primary-rgb),.2),inset 0 1px #ffffff80}.modern-theme .source-article-preview,.modern-theme .edit-header{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.modern-theme .success-content{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid rgba(var(--primary-rgb),.3);border-radius:var(--radius-lg)}.modern-theme .config-info-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.modern-theme .config-info-header{background:#fff9;border-bottom:1px solid rgba(var(--background-light-rgb),.3)}.modern-theme .reel-platform-selector{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid rgba(var(--primary-rgb),.3);border-radius:var(--radius-lg)}.modern-theme .reel-save-controls{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-md)}.modern-theme .import-notification{background:rgba(var(--dimblag-rgb),.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(var(--dimblag-rgb),.3);border-radius:var(--radius-md)}.modern-theme .error-notification{background:rgba(var(--tegelrod-rgb),.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(var(--tegelrod-rgb),.2);border-radius:var(--radius-md)}.modern-theme .back-button{background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(var(--background-light-rgb),.5);border-radius:var(--radius-md)}.modern-theme .back-button:hover{background:#ffffffe6;border-color:var(--primary)}@media (max-width: 1024px){.modern-theme .content-manager .tab-navigation{display:none}.modern-theme .content-manager .tab-hamburger-wrapper{display:block}.modern-theme .content-type-grid{display:none}.modern-theme .content-type-hamburger-wrapper{display:block}}@media (max-width: 768px){.modern-theme .content-manager .tab-navigation{display:none}.modern-theme .content-manager-body{padding:.75rem;overflow-x:hidden}.modern-theme .articles-grid{grid-template-columns:1fr;gap:.75rem}.modern-theme .content-type-grid{display:none}.modern-theme .content-type-hamburger-wrapper{display:block}.modern-theme .article-search-filters{flex-direction:column;gap:.75rem}.modern-theme .search-input-container,.modern-theme .filter-select{width:100%;min-width:100%}}.modern-theme .primary-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border:none;box-shadow:0 4px 12px #b8733340}.modern-theme .primary-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--secondary) 0%,var(--primary) 100%);box-shadow:0 6px 16px #b8733359}.modern-theme .secondary-btn{background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--charcoal-graphite);border:1px solid rgba(var(--accent-rgb),.3)}.modern-theme .secondary-btn:hover{background:#ffffffe6;border-color:var(--primary);color:var(--primary)}.modern-theme .secondary-btn.koppar-border{border-color:rgba(var(--primary-rgb),.4);color:var(--primary)}.modern-theme .secondary-btn.koppar-border:hover{background:rgba(var(--primary-rgb),.08);border-color:var(--primary)}.modern-theme .delete-btn{background:linear-gradient(135deg,var(--tegelrod) 0%,rgba(var(--tegelrod-rgb),.85) 100%);color:#fff;border:none}.modern-theme .delete-btn:hover{box-shadow:0 4px 12px rgba(var(--tegelrod-rgb),.3)}.modern-theme .format-btn{background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(var(--background-light-rgb),.4);color:var(--charcoal-graphite)}.modern-theme .format-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.modern-theme .enhance-btn,.modern-theme .enhance-btn-sm{background:linear-gradient(135deg,var(--text-muted) 0%,var(--charcoal-graphite) 100%);color:#fff;border:none}.modern-theme .enhance-btn:hover,.modern-theme .enhance-btn-sm:hover{background:linear-gradient(135deg,var(--charcoal-graphite) 0%,var(--text-muted) 100%)}.modern-theme .generate-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border:none}.modern-theme .generate-btn:hover{background:linear-gradient(135deg,var(--secondary) 0%,var(--primary) 100%)}.modern-theme .copy-btn{background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(var(--background-light-rgb),.4);color:var(--charcoal-graphite)}.modern-theme .copy-btn:hover{background:rgba(var(--primary-rgb),.1);border-color:var(--primary);color:var(--primary)}.modern-theme .edit-btn{background:var(--text-muted);color:#fff;border:1px solid var(--text-muted)}.modern-theme .edit-btn:hover{background:var(--charcoal-graphite);border-color:var(--charcoal-graphite)}.modern-theme .back-btn,.modern-theme .back-button{background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(var(--background-light-rgb),.4);color:var(--charcoal-graphite)}.modern-theme .back-btn:hover,.modern-theme .back-button:hover{background:#ffffffe6;border-color:var(--primary);color:var(--primary)}.modern-theme .error-dismiss{color:var(--charcoal-graphite);background:transparent}.modern-theme .error-dismiss:hover{color:var(--primary)}.modern-theme .article-unused{color:var(--text-muted)}.modern-theme .evidence-badge{background:var(--text-muted);color:#fff}.modern-theme .evidence-badge.high{background:var(--text-muted)}.modern-theme .evidence-badge.medium{background:var(--primary)}.modern-theme .evidence-badge.low{background:var(--charcoal-graphite)}.modern-theme .cancel-btn,.modern-theme .close-btn{background:var(--charcoal-graphite);color:#fff;border:1px solid var(--charcoal-graphite)}.modern-theme .cancel-btn:hover,.modern-theme .close-btn:hover{background:var(--secondary);border-color:var(--secondary)}.modern-theme .wizard-nav-btn{background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(var(--background-light-rgb),.4);color:var(--charcoal-graphite)}.modern-theme .wizard-nav-btn:hover{background:#ffffffe6;border-color:var(--primary)}.modern-theme .wizard-nav-btn.primary{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border:none}.modern-theme .content-manager .tab-navigation{display:flex;justify-content:center;gap:.75rem;margin:0;padding:.75rem;background:linear-gradient(145deg,#ffffff59,rgba(var(--background-light-rgb),.15));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);border:1px solid var(--glass-border);box-shadow:0 4px 20px rgba(var(--primary-rgb),.08),inset 0 1px #ffffff80}.modern-theme .content-manager .tab-btn,.modern-theme .content-manager .tab-button{background:linear-gradient(145deg,#ffffffe6,rgba(var(--background-light-rgb),.7));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(var(--secondary-rgb),.3);border-radius:var(--radius-full);padding:.625rem 1.25rem;color:var(--charcoal-graphite);font-weight:500;font-size:.875rem;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000014}.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));border-color:rgba(var(--primary-rgb),.25);transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--primary-rgb),.12),inset 0 1px #ffffff80}.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));border-color:rgba(var(--primary-rgb),.35);color:var(--primary);font-weight:600;box-shadow:0 4px 16px rgba(var(--primary-rgb),.2),0 0 20px rgba(var(--primary-rgb),.1),inset 0 1px #fff9}.modern-theme .content-manager .tab-button .tab-icon,.modern-theme .content-manager .tab-btn .tab-icon{width:16px;height:16px;opacity:.8}.modern-theme .content-manager .tab-button.active .tab-icon,.modern-theme .content-manager .tab-btn.active .tab-icon{opacity:1;color:var(--primary)}.modern-theme .action-buttons button{background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(var(--background-light-rgb),.4);color:var(--charcoal-graphite)}.modern-theme .action-buttons button:hover{background:rgba(var(--primary-rgb),.1);border-color:var(--primary);color:var(--primary)}.modern-theme .action-buttons button.primary,.modern-theme .action-buttons .primary-action{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border:none}.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);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg, 16px);box-shadow:0 8px 32px #00000014,inset 0 1px #ffffff80}.modern-theme .filter-bar{background:#fff9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg, 16px);box-shadow:inset 0 1px #fff6}.modern-theme .content-item-card{background:linear-gradient(145deg,rgba(var(--accent-rgb),.06),#ffffff61,rgba(var(--background-light-rgb),.15));backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid rgba(var(--accent-rgb),.12);border-radius:var(--radius-lg, 16px);box-shadow:0 4px 16px rgba(var(--accent-rgb),.06);transition:all .2s ease}.modern-theme .content-item-card:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.1),#ffffff80,rgba(var(--background-light-rgb),.2));border-color:rgba(var(--primary-rgb),.2);box-shadow:0 8px 32px rgba(var(--primary-rgb),.1),inset 0 1px #fff6;transform:translateY(-2px)}.modern-theme .content-type-card{background:linear-gradient(145deg,rgba(var(--background-light-rgb),.2),#ffffff59,rgba(var(--accent-rgb),.08));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(var(--background-light-rgb),.3);border-radius:var(--radius-lg, 16px);box-shadow:0 4px 20px rgba(var(--secondary-rgb),.08)}.modern-theme .content-type-card:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.15),#ffffff80,rgba(var(--background-light-rgb),.25));border-color:rgba(var(--primary-rgb),.3);box-shadow:0 8px 32px rgba(var(--primary-rgb),.12),inset 0 1px #ffffff80;transform:translateY(-2px)}.modern-theme .content-type-card.active{background:linear-gradient(145deg,rgba(var(--primary-rgb),.2),#ffffff8c,rgba(var(--primary-rgb),.15));border-color:rgba(var(--primary-rgb),.4);box-shadow:0 8px 32px rgba(var(--primary-rgb),.18),inset 0 1px #fff9}.modern-theme .loading-state,.modern-theme .empty-state{background:#ffffff80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-lg, 16px)}.modern-theme .workspace-main{background:transparent}.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}.modern-theme .content-manager .tab-hamburger-wrapper{display:block}}@media (max-width: 768px){.content-manager .tab-navigation{display:none}.content-manager .tab-hamburger-wrapper{display:block}.modern-theme .content-manager .tab-navigation{display:none}.modern-theme .content-manager .tab-hamburger-wrapper{display:block}}}@layer components{.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, #A855F7),var(--secondary, #7C3AED));color:#fff;border:2px solid var(--primary, #A855F7);box-shadow:0 4px 16px rgba(var(--primary-rgb, 168, 85, 247),.35),0 0 0 4px rgba(var(--primary-rgb, 168, 85, 247),.15);transform:scale(1.1)}.wizard-progress-step.completed{background:var(--primary, #A855F7);color:#fff;border:2px solid var(--primary, #A855F7)}.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, 168, 85, 247),.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, 168, 85, 247),.35)}.wizard-progress-step.clickable:focus{outline:none;box-shadow:0 4px 12px rgba(var(--primary-rgb, 168, 85, 247),.25),0 0 0 3px rgba(var(--primary-rgb, 168, 85, 247),.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, #64748B);white-space:nowrap;opacity:.8}.wizard-progress-step.active .wizard-progress-label{color:var(--primary, #A855F7);font-weight:600;opacity:1}.wizard-progress-step.completed .wizard-progress-label{color:var(--primary, #A855F7)}.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, #A855F7)}.wizard-step-hint{width:100%;margin-top:1.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,rgba(var(--primary-rgb, 168, 85, 247),.06),rgba(var(--background-light-rgb, 243, 244, 246),.2));border:1px solid rgba(var(--primary-rgb, 168, 85, 247),.15);border-radius:var(--radius-md, 10px);text-align:center}.step-hint-text{font-size:.875rem;color:var(--text-muted, #64748B);line-height:1.5}.step-hint-text strong{color:var(--primary, #A855F7);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}}}@layer components{.wizard-navigation{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:linear-gradient(180deg,rgba(var(--kalkvit-rgb, 255, 255, 255),.6),rgba(var(--background-light-rgb, 243, 244, 246),.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, #A855F7),var(--secondary, #7C3AED));color:#fff;border:none;box-shadow:0 3px 12px rgba(var(--primary-rgb, 168, 85, 247),.3)}.wizard-nav-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--primary-rgb, 168, 85, 247),.4)}.wizard-nav-btn.primary:active:not(:disabled){transform:translateY(0)}.wizard-nav-btn.secondary{background:rgba(var(--kalkvit-rgb, 255, 255, 255),.9);color:var(--charcoal-graphite, #1C1C1E);border:1px solid rgba(var(--primary-rgb, 168, 85, 247),.3);box-shadow:0 2px 8px #0000000d}.wizard-nav-btn.secondary:hover:not(:disabled){background:rgba(var(--primary-rgb, 168, 85, 247),.1);border-color:var(--primary, #A855F7);transform:translateY(-1px)}.wizard-nav-btn.back{background:transparent;color:var(--text-muted, #64748B);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, #64748B)}.wizard-nav-btn.skip{background:transparent;color:var(--text-muted, #64748B);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, #A855F7)}.wizard-nav-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@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}}}@layer components{.ai-feedback{background:linear-gradient(145deg,rgba(var(--kalkvit-rgb, 255, 255, 255),.7),rgba(var(--background-light-rgb, 243, 244, 246),.25));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(var(--primary-rgb, 168, 85, 247),.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, 168, 85, 247),.08);border-bottom:1px solid rgba(var(--primary-rgb, 168, 85, 247),.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, #64748B);cursor:pointer;border-radius:var(--radius-sm, 4px);transition:all var(--transition-fast, .15s ease)}.ai-feedback-toggle:hover{background:rgba(var(--primary-rgb, 168, 85, 247),.15);color:var(--primary, #A855F7)}.ai-feedback-content{padding:1.25rem;min-height:120px;background:rgba(var(--kalkvit-rgb, 255, 255, 255),.6)}.ai-feedback-empty{display:flex;align-items:center;justify-content:center;height:100px;color:var(--text-muted, #64748B);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, 168, 85, 247),.05);border-color:rgba(var(--primary-rgb, 168, 85, 247),.3)}.ai-feedback-edit-hint{flex-shrink:0;color:var(--text-muted, #64748B);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, #A855F7);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:rgba(var(--kalkvit-rgb, 255, 255, 255),.95);resize:vertical;box-shadow:0 0 0 3px rgba(var(--primary-rgb, 168, 85, 247),.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, #A855F7),var(--secondary, #7C3AED));color:#fff;border:none}.ai-feedback-edit-btn.save:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-rgb, 168, 85, 247),.3)}.ai-feedback-edit-btn.cancel{background:rgba(var(--kalkvit-rgb, 255, 255, 255),.9);color:var(--text-muted, #64748B);border:1px solid var(--glass-border)}.ai-feedback-edit-btn.cancel:hover{background:rgba(var(--primary-rgb, 168, 85, 247),.08);border-color:rgba(var(--primary-rgb, 168, 85, 247),.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, #64748B);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, #64748B)}.ai-feedback-headlines{display:flex;flex-direction:column;gap:1rem}.ai-feedback-hook,.ai-feedback-h1,.ai-feedback-h2{padding:.75rem 1rem;background:rgba(var(--kalkvit-rgb, 255, 255, 255),.8);border-radius:var(--radius-md, 10px);border-left:3px solid var(--primary, #A855F7)}.ai-feedback-headlines .label{display:block;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--primary, #A855F7);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, #64748B)}.ai-feedback-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem;color:var(--primary, #A855F7)}.ai-feedback-loading .spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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, 243, 244, 246),.5);border-radius:3px;overflow:hidden}.loading-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary, #A855F7),var(--secondary, #7C3AED));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, 239, 68, 68),.1);border-top:1px solid rgba(var(--tegelrod-rgb, 239, 68, 68),.2);color:var(--tegelrod, #EF4444);font-size:.875rem}.ai-feedback-input-container{padding:1rem 1.25rem;border-top:1px solid var(--glass-border);background:rgba(var(--kalkvit-rgb, 255, 255, 255),.4)}.ai-feedback-textarea{width:100%;min-height:80px;padding:.875rem 1rem;border:1px solid rgba(var(--primary-rgb, 168, 85, 247),.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:rgba(var(--kalkvit-rgb, 255, 255, 255),.8);resize:vertical;transition:all var(--transition-fast, .15s ease)}.ai-feedback-textarea:focus{outline:none;border-color:var(--primary, #A855F7);box-shadow:0 0 0 3px rgba(var(--primary-rgb, 168, 85, 247),.12)}.ai-feedback-textarea::-moz-placeholder{color:var(--text-muted, #64748B);opacity:.6}.ai-feedback-textarea::placeholder{color:var(--text-muted, #64748B);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, 243, 244, 246),.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, #A855F7),var(--secondary, #7C3AED));color:#fff;border:none;box-shadow:0 2px 10px rgba(var(--primary-rgb, 168, 85, 247),.25)}.ai-feedback-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--primary-rgb, 168, 85, 247),.35)}.ai-feedback-btn.secondary{background:rgba(var(--kalkvit-rgb, 255, 255, 255),.9);color:var(--charcoal-graphite, #1C1C1E);border:1px solid rgba(var(--primary-rgb, 168, 85, 247),.25)}.ai-feedback-btn.secondary:hover:not(:disabled){background:rgba(var(--primary-rgb, 168, 85, 247),.1);border-color:var(--primary, #A855F7)}.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, #64748B);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, #64748B)}.ai-feedback-history-panel{border-top:1px solid var(--glass-border);background:rgba(var(--kalkvit-rgb, 255, 255, 255),.5);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, #64748B)}.history-close-btn{padding:.25rem;border:none;background:transparent;color:var(--text-muted, #64748B);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, 168, 85, 247),.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, #64748B);opacity:.8}.history-feedback{font-size:.75rem;color:var(--primary, #A855F7);font-style:italic;margin:.25rem 0}.history-preview{font-size:.8125rem;color:var(--text-muted, #64748B);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%}}}@layer components{.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}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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}}}@layer components{.variant-selector{margin-top:1.5rem}.variant-selector.loading{display:flex;justify-content:center;align-items:center;min-height:200px;background:linear-gradient(145deg,rgba(var(--kalkvit-rgb, 255, 255, 255),.6),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}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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,rgba(var(--kalkvit-rgb, 255, 255, 255),.8),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),rgba(var(--kalkvit-rgb, 255, 255, 255),.8))}.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:rgba(var(--kalkvit-rgb, 255, 255, 255),.5)}.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%}}}@layer components{.content-development-step{display:flex;flex-direction:column;gap:1.5rem}.step-section{background:rgba(var(--kalkvit-rgb, 255, 255, 255),.85);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)}.section-icon{color:var(--primary, #A855F7)}.optional{font-size:.75rem;font-weight:400;color:var(--text-muted, #64748B);opacity:.7}.required{color:var(--tegelrod, #EF4444)}.step-section.collapsible-section{padding:0;overflow:hidden}.step-section.collapsible-section.collapsed{background:rgba(var(--background-light-rgb, 243, 244, 246),.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, 168, 85, 247),.04)}.section-toggle-icon{color:var(--text-muted, #64748B);transition:transform .2s ease}.step-section.expanded .section-toggle-icon{color:var(--primary, #A855F7)}.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, #64748B)}.section-badge{margin-left:auto;padding:.25rem .625rem;background:rgba(var(--primary-rgb, 168, 85, 247),.12);color:var(--primary, #A855F7);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, 168, 85, 247),.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:rgba(var(--kalkvit-rgb, 255, 255, 255),.8);resize:vertical;transition:all var(--transition-fast, .15s ease)}.idea-textarea:focus{outline:none;border-color:var(--primary, #A855F7);box-shadow:0 0 0 3px rgba(var(--primary-rgb, 168, 85, 247),.12)}.idea-textarea::-moz-placeholder{color:var(--text-muted, #64748B);opacity:.6}.idea-textarea::placeholder{color:var(--text-muted, #64748B);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:rgba(var(--kalkvit-rgb, 255, 255, 255),.7);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, #A855F7));background:rgba(var(--kalkvit-rgb, 255, 255, 255),.9);transform:translateY(-1px)}.platform-option.selected{border-color:var(--platform-color, var(--primary, #A855F7));background:linear-gradient(135deg,rgba(var(--kalkvit-rgb, 255, 255, 255),.95),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, #A855F7))}.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, #A855F7));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, #64748B);opacity:.7}.platforms-selected-summary{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem .75rem;background:rgba(var(--primary-rgb, 168, 85, 247),.08);border-radius:var(--radius-sm, 8px);font-size:.8125rem;font-weight:500;color:var(--primary, #A855F7)}.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:rgba(var(--kalkvit-rgb, 255, 255, 255),.7);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, #A855F7);background:rgba(var(--kalkvit-rgb, 255, 255, 255),.9)}.length-option.selected{border-color:var(--primary, #A855F7);background:rgba(var(--primary-rgb, 168, 85, 247),.1)}.length-label{font-size:.875rem;font-weight:600;color:var(--charcoal-graphite, #1C1C1E)}.length-option.selected .length-label{color:var(--primary, #A855F7)}.length-description{font-size:.6875rem;color:var(--text-muted, #64748B);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:rgba(var(--kalkvit-rgb, 255, 255, 255),.7);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, #A855F7);background:rgba(var(--kalkvit-rgb, 255, 255, 255),.9)}.framework-option.selected{border-color:var(--primary, #A855F7);background:rgba(var(--primary-rgb, 168, 85, 247),.1)}.framework-option.selected svg{color:var(--primary, #A855F7)}.framework-option svg{flex-shrink:0;color:var(--text-muted, #64748B);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, #64748B);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:rgba(var(--kalkvit-rgb, 255, 255, 255),.7);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-option:hover{border-color:var(--primary, #A855F7);background:rgba(var(--kalkvit-rgb, 255, 255, 255),.9)}.theme-option.selected{border-color:var(--primary, #A855F7);background:rgba(var(--primary-rgb, 168, 85, 247),.1)}.theme-name{font-weight:600;font-size:.875rem;color:var(--charcoal-graphite, #1C1C1E)}.theme-desc{font-size:.75rem;color:var(--text-muted, #64748B);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, #A855F7),var(--secondary, #7C3AED));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, 168, 85, 247),.3)}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(var(--primary-rgb, 168, 85, 247),.4)}.generate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.validation-hint{font-size:.8125rem;color:var(--tegelrod, #EF4444);margin:0}.regenerate-section{display:flex;flex-direction:column;align-items:center;gap:.625rem;padding:1rem;margin-top:.5rem;background:rgba(var(--primary-rgb, 168, 85, 247),.04);border:1px dashed rgba(var(--primary-rgb, 168, 85, 247),.25);border-radius:var(--radius-md, 10px)}.regenerate-hint{margin:0;font-size:.8125rem;color:var(--text-muted, #64748B);opacity:.85;text-align:center}.regenerate-all-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:transparent;color:var(--primary, #A855F7);border:1.5px solid var(--primary, #A855F7);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, 168, 85, 247),.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, #64748B);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, #64748B),var(--secondary, #7C3AED));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, #A855F7),var(--koppar, #A855F7));animation:pulse-attention 2s ease-in-out infinite;box-shadow:0 4px 16px rgba(var(--primary-rgb, 168, 85, 247),.35)}.research-btn.query-changed:hover{box-shadow:0 6px 20px rgba(var(--primary-rgb, 168, 85, 247),.45)}@keyframes pulse-attention{0%,to{box-shadow:0 4px 16px rgba(var(--primary-rgb, 168, 85, 247),.35)}50%{box-shadow:0 4px 24px rgba(var(--primary-rgb, 168, 85, 247),.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, #EF4444);font-size:.875rem}.web-research-results{margin-top:1rem;padding:1rem;background:rgba(var(--primary-rgb, 168, 85, 247),.05);border:1px solid rgba(var(--primary-rgb, 168, 85, 247),.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, #64748B)}.sources-selected-count{font-weight:500;color:var(--primary, #A855F7);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, #64748B);margin:0 0 .75rem;line-height:1.5}.sources-instruction{font-size:.8125rem;color:var(--text-muted, #64748B);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, #EF4444)}.sources-list{display:flex;flex-direction:column;gap:.75rem}.source-card{padding:.875rem;background:var(--kalkvit, #FFFFFF);border:1px solid var(--glass-border);border-radius:var(--radius-sm, 8px);transition:all .2s ease}.source-card:hover{border-color:var(--primary, #A855F7);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:rgba(var(--primary-rgb, 168, 85, 247),.04)}.source-card.selectable.selected{border-color:var(--primary, #A855F7);background:rgba(var(--primary-rgb, 168, 85, 247),.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, #7C3AED);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, #A855F7)}.checkbox-checked{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--primary, #A855F7);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, #A855F7)}.source-date{font-size:.75rem;color:var(--text-muted, #64748B);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, #64748B);line-height:1.5;margin-bottom:.25rem}.source-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--primary, #A855F7);text-decoration:none;transition:color .15s ease}.source-link:hover{color:var(--secondary, #7C3AED);text-decoration:underline}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mode-toggle-section{padding:1rem}.mode-toggle{display:flex;background:rgba(var(--background-light-rgb, 243, 244, 246),.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, #64748B);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(--sandbeige, #FFFFFF);color:var(--primary, #A855F7);box-shadow:0 2px 8px #00000014}.mode-description{text-align:center;font-size:.8125rem;color:var(--text-muted, #64748B);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, 168, 85, 247),.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:rgba(var(--kalkvit-rgb, 255, 255, 255),.8);resize:vertical;transition:all var(--transition-fast, .15s ease)}.manual-content-textarea:focus{outline:none;border-color:var(--primary, #A855F7);box-shadow:0 0 0 3px rgba(var(--primary-rgb, 168, 85, 247),.12)}.manual-content-textarea::-moz-placeholder{color:var(--text-muted, #64748B);opacity:.6}.manual-content-textarea::placeholder{color:var(--text-muted, #64748B);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, #64748B)}.platform-options{display:flex;gap:.5rem;flex-wrap:wrap}.platform-chip{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:rgba(var(--kalkvit-rgb, 255, 255, 255),.7);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, #A855F7));background:rgba(var(--kalkvit-rgb, 255, 255, 255),.9)}.platform-chip.selected{border-color:var(--platform-color, var(--primary, #A855F7));background:rgba(var(--platform-color, var(--primary)),.08);color:var(--platform-color, var(--primary, #A855F7))}.platform-chip.selected svg{color:var(--platform-color, var(--primary, #A855F7))}.platform-chip .chip-check{margin-left:.25rem;color:var(--platform-color, var(--primary, #A855F7))}.continue-manual-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--primary, #A855F7),var(--secondary, #7C3AED));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, 168, 85, 247),.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, 168, 85, 247),.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,rgba(var(--kalkvit-rgb, 255, 255, 255),.7),rgba(var(--background-light-rgb, 255, 255, 255),.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, #A855F7)}.refinement-input-row{display:flex;gap:.75rem;align-items:stretch}.refinement-input{flex:1;padding:.75rem 1rem;border:1px solid rgba(var(--primary-rgb, 168, 85, 247),.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:rgba(var(--kalkvit-rgb, 255, 255, 255),.8);transition:all var(--transition-fast, .15s ease)}.refinement-input:focus{outline:none;border-color:var(--primary, #A855F7);box-shadow:0 0 0 3px rgba(var(--primary-rgb, 168, 85, 247),.1)}.refinement-input::-moz-placeholder{color:var(--text-muted, #64748B);opacity:.6}.refinement-input::placeholder{color:var(--text-muted, #64748B);opacity:.6}.refine-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,var(--primary, #A855F7),var(--secondary, #7C3AED));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, 168, 85, 247),.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, #64748B);opacity:.8;margin:.5rem 0 0}.refined-content-preview{margin-top:1rem;padding:1rem;background:rgba(var(--primary-rgb, 168, 85, 247),.06);border:1px solid rgba(var(--primary-rgb, 168, 85, 247),.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, #A855F7);text-transform:uppercase;letter-spacing:.025em;margin-bottom:.625rem}.refined-content-box{padding:.875rem;background:rgba(var(--kalkvit-rgb, 255, 255, 255),.7);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, #64748B));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, #EF4444);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, #EF4444)}.regenerate-refined-btn{display:flex;align-items:center;gap:.375rem;padding:.625rem 1rem;background:transparent;color:var(--primary, #A855F7);border:1.5px solid rgba(var(--primary-rgb, 168, 85, 247),.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, 168, 85, 247),.08);border-color:var(--primary, #A855F7)}.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, #A855F7);background:rgba(var(--primary-rgb, 168, 85, 247),.04)}.source-card.internal-source.selected{background:rgba(var(--primary-rgb, 168, 85, 247),.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}}}@layer components{.step-anchors{display:none;flex-wrap:wrap;gap:.5rem;padding:.75rem 0;margin-bottom:1rem;border-bottom:1px solid rgba(var(--accent-rgb, 58, 74, 66),.1)}.step-anchor-link{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;color:var(--text-muted, #3A4A42);background:rgba(var(--accent-rgb, 58, 74, 66),.06);border:1px solid rgba(var(--accent-rgb, 58, 74, 66),.1);border-radius:var(--radius-full, 9999px);text-decoration:none;cursor:pointer;transition:all var(--transition-fast, .15s ease);white-space:nowrap}.step-anchor-link:hover{color:var(--primary, #B87333);background:rgba(var(--primary-rgb, 184, 115, 51),.08);border-color:rgba(var(--primary-rgb, 184, 115, 51),.2)}.step-anchor-number{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;font-size:.6875rem;font-weight:700;color:var(--primary, #B87333);background:rgba(var(--primary-rgb, 184, 115, 51),.12);border-radius:50%}@media (max-width: 768px){.step-anchors{gap:.375rem;padding:.5rem 0;margin-bottom:.75rem}.step-anchor-link{font-size:.75rem;padding:.25rem .5rem}}}@layer components{.visual-generation-step{display:flex;flex-direction:column;gap:1.5rem}.step-section{background:rgba(var(--kalkvit-rgb, 255, 255, 255),.6);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)}.section-icon{color:var(--primary, #A855F7)}.optional{font-size:.75rem;font-weight:400;color:var(--text-muted, #64748B);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:rgba(var(--kalkvit-rgb, 255, 255, 255),.7);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, #A855F7);background:rgba(var(--kalkvit-rgb, 255, 255, 255),.9)}.media-type-btn.selected{border-color:var(--primary, #A855F7);background:rgba(var(--primary-rgb, 168, 85, 247),.1);color:var(--primary, #A855F7)}.media-type-btn.selected svg{color:var(--primary, #A855F7)}.custom-prompt-textarea{width:100%;min-height:60px;padding:.875rem 1rem;border:1px solid rgba(var(--primary-rgb, 168, 85, 247),.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:rgba(var(--kalkvit-rgb, 255, 255, 255),.8);resize:vertical;margin-bottom:1rem;transition:all var(--transition-fast, .15s ease)}.custom-prompt-textarea:focus{outline:none;border-color:var(--primary, #A855F7);box-shadow:0 0 0 3px rgba(var(--primary-rgb, 168, 85, 247),.12)}.custom-prompt-textarea::-moz-placeholder{color:var(--text-muted, #64748B);opacity:.6}.custom-prompt-textarea::placeholder{color:var(--text-muted, #64748B);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, #A855F7),var(--secondary, #7C3AED));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, 168, 85, 247),.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, 168, 85, 247),.05);border-radius:var(--radius-md, 10px);color:var(--primary, #A855F7);text-align:center}.generating-media span{font-weight:600;font-size:1rem}.generating-media p{margin:0;font-size:.8125rem;color:var(--text-muted, #64748B)}.spinning{animation:spin 1s linear infinite}.generated-media{display:flex;flex-direction:column;align-items:center;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(--kalkvit, #FFFFFF)}.generated-media.format-1x1 .generated-image,.generated-media.format-1x1 .generated-video{max-width:400px;max-height:400px;aspect-ratio:1 / 1;margin:0 auto;display:block}.generated-media.format-9x16 .generated-image,.generated-media.format-9x16 .generated-video{max-width:300px;max-height:533px;aspect-ratio:9 / 16;margin:0 auto;display:block}.generated-media.format-16x9 .generated-image,.generated-media.format-16x9 .generated-video{max-width:100%;max-height:360px;aspect-ratio:16 / 9;margin:0 auto;display:block}.media-actions{display:flex;gap:.75rem;width:100%}.generated-media.format-1x1 .media-actions{max-width:400px}.generated-media.format-9x16 .media-actions{max-width:300px}.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:rgba(var(--kalkvit-rgb, 255, 255, 255),.9);color:var(--charcoal-graphite, #1C1C1E);border:1px solid rgba(var(--primary-rgb, 168, 85, 247),.3)}.regenerate-media-btn:hover{background:rgba(var(--primary-rgb, 168, 85, 247),.1);border-color:var(--primary, #A855F7)}.accept-media-btn{background:var(--primary, #A855F7);color:#fff;border:none}.accept-media-btn:hover{background:var(--secondary, #7C3AED)}.media-error{padding:.75rem 1rem;background:rgba(var(--tegelrod-rgb, 239, 68, 68),.1);border:1px solid rgba(var(--tegelrod-rgb, 239, 68, 68),.25);border-radius:var(--radius-md, 10px);color:var(--tegelrod, #EF4444);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, 168, 85, 247),.3);border-radius:var(--radius-lg, 16px);background:rgba(var(--kalkvit-rgb, 255, 255, 255),.5);cursor:pointer;transition:all var(--transition-fast, .15s ease)}.upload-area:hover{border-color:var(--primary, #A855F7);background:rgba(var(--primary-rgb, 168, 85, 247),.05)}.upload-input{display:none}.upload-content{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-muted, #64748B);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(--kalkvit, #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, #EF4444)}.library-search{position:relative;margin-bottom:1rem}.library-search .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted, #64748B);opacity:.6;pointer-events:none}.library-search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid rgba(var(--primary-rgb, 168, 85, 247),.2);border-radius:var(--radius-md, 10px);font-size:.9375rem;color:var(--charcoal-graphite, #1C1C1E);background:rgba(var(--kalkvit-rgb, 255, 255, 255),.8);transition:all var(--transition-fast, .15s ease)}.library-search-input:focus{outline:none;border-color:var(--primary, #A855F7);box-shadow:0 0 0 3px rgba(var(--primary-rgb, 168, 85, 247),.12)}.library-search-input::-moz-placeholder{color:var(--text-muted, #64748B);opacity:.6}.library-search-input::placeholder{color:var(--text-muted, #64748B);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, #64748B)}.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(--kalkvit, #F4F7FA)}.library-image-card:hover{border-color:rgba(var(--primary-rgb, 168, 85, 247),.4);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.library-image-card.selected{border-color:var(--primary, #A855F7);box-shadow:0 0 0 3px rgba(var(--primary-rgb, 168, 85, 247),.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, 168, 85, 247),.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:rgba(var(--kalkvit-rgb, 255, 255, 255),.7);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, 168, 85, 247),.4);transform:translateY(-2px);box-shadow:0 4px 12px var(--glass-border)}.library-video-card.selected{border-color:var(--primary, #A855F7);box-shadow:0 0 0 3px rgba(var(--primary-rgb, 168, 85, 247),.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:rgba(var(--kalkvit-rgb, 255, 255, 255),.6)}.load-more-btn{display:block;width:100%;padding:.75rem 1rem;margin-top:1rem;background:rgba(var(--kalkvit-rgb, 255, 255, 255),.8);border:1px dashed rgba(var(--primary-rgb, 168, 85, 247),.4);border-radius:var(--radius-md, 10px);color:var(--primary, #A855F7);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.load-more-btn:hover{background:rgba(var(--primary-rgb, 168, 85, 247),.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, #64748B);opacity:.6;pointer-events:none}.stock-search-input{flex:1;padding:.75rem 3rem .75rem 2.75rem;border:1px solid rgba(var(--primary-rgb, 168, 85, 247),.2);border-radius:var(--radius-md, 10px);font-size:.9375rem;color:var(--charcoal-graphite, #1C1C1E);background:rgba(var(--kalkvit-rgb, 255, 255, 255),.8);transition:all var(--transition-fast, .15s ease)}.stock-search-input:focus{outline:none;border-color:var(--primary, #A855F7);box-shadow:0 0 0 3px rgba(var(--primary-rgb, 168, 85, 247),.12)}.stock-search-input::-moz-placeholder{color:var(--text-muted, #64748B);opacity:.6}.stock-search-input::placeholder{color:var(--text-muted, #64748B);opacity:.6}.stock-search-btn{position:absolute;right:.5rem;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--primary, #A855F7);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, #7C3AED)}.stock-search-btn:disabled{opacity:.5;cursor:not-allowed}.stock-error{padding:.75rem 1rem;background:rgba(var(--tegelrod-rgb, 239, 68, 68),.1);border:1px solid rgba(var(--tegelrod-rgb, 239, 68, 68),.25);border-radius:var(--radius-md, 10px);color:var(--tegelrod, #EF4444);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(--kalkvit, #F4F7FA)}.stock-image-card:hover{border-color:rgba(var(--primary-rgb, 168, 85, 247),.4);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stock-image-card.selected{border-color:var(--primary, #A855F7);box-shadow:0 0 0 3px rgba(var(--primary-rgb, 168, 85, 247),.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:rgba(var(--kalkvit-rgb, 255, 255, 255),.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-description{margin:0;font-size:.8125rem;color:var(--text-muted, #64748B);opacity:.7;font-weight:400}.generating-prompt{display:flex;align-items:center;gap:.75rem;padding:1.5rem;background:rgba(var(--primary-rgb, 168, 85, 247),.05);border-radius:var(--radius-md, 10px);color:var(--primary, #A855F7)}.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, #64748B);margin-bottom:.5rem}.no-content-warning{padding:1.5rem;text-align:center;background:rgba(var(--background-light-rgb, 243, 244, 246),.2);border-radius:var(--radius-md, 10px);color:var(--text-muted, #64748B)}.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:rgba(var(--kalkvit-rgb, 255, 255, 255),.7);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, #A855F7);background:rgba(var(--kalkvit-rgb, 255, 255, 255),.9)}.theme-option.selected{border-color:var(--primary, #A855F7);background:rgba(var(--primary-rgb, 168, 85, 247),.1)}.theme-name{font-weight:600;font-size:.75rem;color:var(--charcoal-graphite, #1C1C1E)}.prompt-display{padding:1rem;background:rgba(var(--primary-rgb, 168, 85, 247),.05);border:1px solid rgba(var(--primary-rgb, 168, 85, 247),.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:rgba(var(--primary-rgb, 168, 85, 247),.08);border-radius:var(--radius-sm, 8px);font-size:.8125rem;color:var(--primary, #A855F7);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:rgba(var(--kalkvit-rgb, 255, 255, 255),.9);color:var(--charcoal-graphite, #1C1C1E);border:1px solid rgba(var(--primary-rgb, 168, 85, 247),.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, 168, 85, 247),.1);border-color:var(--primary, #A855F7)}.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, #A855F7),var(--secondary, #7C3AED));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 rgba(var(--primary-rgb, 168, 85, 247),.3)}.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:rgba(var(--kalkvit-rgb, 255, 255, 255),.7);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, #A855F7);background:rgba(var(--kalkvit-rgb, 255, 255, 255),.95);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, 168, 85, 247),.1);border-radius:var(--radius-md, 10px);color:var(--primary, #A855F7);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, #64748B);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, #64748B);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, #64748B)}.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, #64748B)}.camera-movement-info svg{color:var(--text-muted, #64748B);opacity:.7}.generate-video-btn.primary{background:linear-gradient(135deg,var(--primary, #A855F7),var(--secondary, #7C3AED));margin-top:0}.retry-btn{margin-left:.75rem;padding:.375rem .75rem;background:transparent;border:1px solid rgba(var(--tegelrod-rgb, 239, 68, 68),.4);border-radius:var(--radius-full, 9999px);font-size:.75rem;font-weight:500;color:var(--tegelrod, #EF4444);cursor:pointer;transition:all var(--transition-fast, .15s ease)}.retry-btn:hover{background:rgba(var(--tegelrod-rgb, 239, 68, 68),.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, #64748B);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, #A855F7)}@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}.generated-media.format-9x16 .generated-image,.generated-media.format-9x16 .generated-video{max-width:200px;max-height:356px}.generated-media.format-1x1 .generated-image,.generated-media.format-1x1 .generated-video{max-width:280px;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}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.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}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rendering-modal h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--charcoal-graphite, #1C1C1E)}.rendering-modal .spinning{color:var(--primary, #A855F7);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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, #A855F7),var(--text-muted, #64748B));border-radius:4px;transition:width .3s ease}.rendering-progress-text{font-size:.875rem;font-weight:600;color:var(--text-muted, #64748B)}.rendering-modal.rendering-failed .error-icon,.rendering-modal.rendering-failed h3{color:var(--tegelrod, #EF4444)}.rendering-modal.rendering-failed p{margin:0;font-size:.875rem;color:var(--text-muted, #64748B);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, #A855F7);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, #64748B);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, #64748B);background:#0000000d}.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, #64748B);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:rgba(var(--kalkvit-rgb, 255, 255, 255),.7);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, #A855F7);background:rgba(var(--kalkvit-rgb, 255, 255, 255),.9)}.aspect-format-btn.selected{border-color:var(--primary, #A855F7);background:rgba(var(--primary-rgb, 168, 85, 247),.1)}.aspect-format-btn.selected .aspect-format-label{color:var(--primary, #A855F7)}.aspect-format-btn.selected .aspect-format-ratio{color:var(--primary, #A855F7);opacity:.8}.aspect-format-btn.override{box-shadow:0 0 0 2px rgba(var(--primary-rgb, 168, 85, 247),.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, #64748B);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, #64748B);white-space:nowrap}.text-layout-selector{display:flex;gap:.25rem;background:#0000000d;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:rgba(var(--kalkvit-rgb, 255, 255, 255),.5)}.text-layout-btn.selected{background:rgba(var(--kalkvit-rgb, 255, 255, 255),.9);opacity:1;color:var(--primary, #A855F7);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:#0000000d;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:#00000014}.overlay-toggle.active{background:rgba(var(--primary-rgb, 168, 85, 247),.15);opacity:1;color:var(--primary, #A855F7)}.overlay-opacity-slider{width:80px;height:4px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#0000001a;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, #A855F7);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, #A855F7);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}}.color-swatches{display:flex;gap:.375rem;flex-wrap:wrap}.color-swatch{width:28px;height:28px;border-radius:50%;border:2px solid var(--glass-border);cursor:pointer;transition:all var(--transition-fast, .15s ease);padding:0}.color-swatch:hover{transform:scale(1.15);box-shadow:0 2px 8px #0003}.color-swatch.selected{border-color:var(--primary, #A855F7);box-shadow:0 0 0 2px var(--primary, #A855F7);transform:scale(1.1)}.color-proceed-btn{margin-top:1rem;width:auto;align-self:flex-start}}@layer components{.review-publish-step{display:flex;flex-direction:column;gap:1.5rem}.preview-section,.mockup-section,.schedule-section{background:rgba(var(--kalkvit-rgb, 255, 255, 255),.6);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, #A855F7)}.edit-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:transparent;border:1px solid rgba(var(--primary-rgb, 168, 85, 247),.3);border-radius:var(--radius-sm, 4px);color:var(--primary, #A855F7);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.edit-btn:hover{background:rgba(var(--primary-rgb, 168, 85, 247),.1);border-color:var(--primary, #A855F7)}.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, #64748B));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:rgba(var(--kalkvit-rgb, 255, 255, 255),.8);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, #A855F7);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:rgba(var(--kalkvit-rgb, 255, 255, 255),.95);resize:vertical}.content-edit-textarea:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--primary-rgb, 168, 85, 247),.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, #64748B);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, #A855F7);border:none;border-radius:var(--radius-sm, 4px);color:var(--kalkvit, #FFFFFF);font-weight:600;cursor:pointer}.save-edit-btn:hover{background:var(--secondary, #7C3AED)}.character-count{display:flex;align-items:center;gap:.25rem;justify-content:flex-end;margin-top:.5rem;font-size:.75rem;color:var(--text-muted, #64748B);opacity:.8}.character-count.over-limit{color:var(--tegelrod, #EF4444);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, #A855F7),var(--secondary, #7C3AED))}.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, #64748B)}.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(--kalkvit, #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.format-vertical{aspect-ratio:9/16;max-height:450px;max-width:260px;margin:0 auto}.mockup-image.format-landscape{aspect-ratio:16/9}.mockup-video.format-landscape{aspect-ratio:16/9;max-height:280px}.mockup-video.format-square{aspect-ratio:1;max-height:350px}.mockup-image-placeholder{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,var(--kalkvit, #F4F7FA),var(--glass-border));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--text-muted, #64748B)}.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, #64748B);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, 168, 85, 247),.05)}.schedule-input-container{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:rgba(var(--kalkvit-rgb, 255, 255, 255),.8);border:1px solid rgba(var(--primary-rgb, 168, 85, 247),.2);border-radius:var(--radius-md, 10px)}.schedule-icon{color:var(--primary, #A855F7);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, #A855F7);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, 168, 85, 247),.05);border:1px solid rgba(var(--primary-rgb, 168, 85, 247),.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, #A855F7)}.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:500px;-o-object-fit:contain;object-fit:contain;display:block}.rendered-video{max-width:100%;max-height:500px;display:block}.rendered-visual-container.format-landscape{aspect-ratio:16 / 9}.rendered-visual-container.format-landscape .rendered-image,.rendered-visual-container.format-landscape .rendered-video{width:100%;height:100%;max-height:none;-o-object-fit:cover;object-fit:cover}.rendered-visual-container.format-square{aspect-ratio:1 / 1;max-width:480px;margin:0 auto}.rendered-visual-container.format-square .rendered-image,.rendered-visual-container.format-square .rendered-video{width:100%;height:100%;max-height:none;-o-object-fit:cover;object-fit:cover}.rendered-visual-container.format-vertical{aspect-ratio:9 / 16;max-width:300px;max-height:533px;margin:0 auto}.rendered-visual-container.format-vertical .rendered-image,.rendered-visual-container.format-vertical .rendered-video{width:100%;height:100%;max-height:none;-o-object-fit:cover;object-fit:cover}@media (max-width: 640px){.rendered-image,.rendered-video{max-height:300px}.rendered-visual-container.format-vertical{max-width:220px;max-height:391px}.rendered-visual-container.format-square{max-width:320px}}}@layer components{.quick-post-wizard{display:flex;flex-direction:column;min-height:100%;background:linear-gradient(145deg,rgba(var(--primary-rgb, 168, 85, 247),.06),rgba(var(--kalkvit-rgb, 255, 255, 255),.5) 30%,rgba(var(--background-light-rgb, 243, 244, 246),.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:rgba(var(--kalkvit-rgb, 255, 255, 255),.6);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(--primary, #A855F7)}.wizard-close{padding:.5rem;background:transparent;border:none;color:var(--text-muted, #64748B);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)}.wizard-content{flex:1;padding:1.5rem;overflow-y:auto;scroll-behavior:smooth}.wizard-content [id]{scroll-margin-top:1rem}.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, 239, 68, 68),.1);border:1px solid rgba(var(--tegelrod-rgb, 239, 68, 68),.25);border-radius:var(--radius-md, 10px);color:var(--tegelrod, #EF4444);font-size:.875rem}.wizard-error button{padding:.375rem .75rem;background:transparent;border:1px solid rgba(var(--tegelrod-rgb, 239, 68, 68),.3);border-radius:var(--radius-sm, 4px);color:var(--tegelrod, #EF4444);font-size:.75rem;cursor:pointer}.wizard-error button:hover{background:rgba(var(--tegelrod-rgb, 239, 68, 68),.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, 168, 85, 247),.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, #A855F7);box-shadow:0 0 0 3px rgba(var(--primary-rgb, 168, 85, 247),.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, #64748B);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, #A855F7);border:none;border-radius:var(--radius-full, 9999px);color:#fff;font-weight:600;cursor:pointer}.schedule-confirm:hover:not(:disabled){background:var(--secondary, #7C3AED)}.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}}}@layer components{.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}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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}}@layer components{.hook-headlines-step{display:flex;flex-direction:column;gap:1.5rem}.step-section{background:rgba(var(--kalkvit-rgb, 255, 255, 255),.6);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, #A855F7)}.optional{font-size:.75rem;font-weight:400;color:var(--text-muted, #64748B);opacity:.7}.section-description{margin:0 0 1rem;font-size:.8125rem;color:var(--text-muted, #64748B);opacity:.8}.hook-type-section{background:rgba(var(--primary-rgb, 168, 85, 247),.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:rgba(var(--kalkvit-rgb, 255, 255, 255),.8);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, #A855F7);background:rgba(var(--kalkvit-rgb, 255, 255, 255),.95)}.hook-type-option.selected{border-color:var(--primary, #A855F7);background:rgba(var(--primary-rgb, 168, 85, 247),.1)}.hook-type-option:disabled{opacity:.5;cursor:not-allowed}.hook-type-icon{color:var(--text-muted, #64748B)}.hook-type-option.selected .hook-type-icon{color:var(--primary, #A855F7)}.hook-type-label{font-size:.875rem;font-weight:600;color:var(--charcoal-graphite, #1C1C1E)}.hook-type-description{font-size:.6875rem;color:var(--text-muted, #64748B);opacity:.8;line-height:1.3}.hook-type-check{position:absolute;top:.5rem;right:.5rem;color:var(--primary, #A855F7)}.hooks-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;color:var(--text-muted, #64748B);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, 168, 85, 247),.3);border-radius:var(--radius-sm, 4px);color:var(--primary, #A855F7);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, 168, 85, 247),.1);border-color:var(--primary, #A855F7)}.regenerate-all-btn:disabled{opacity:.5;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hooks-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:var(--primary, #A855F7)}.hooks-grid{display:flex;flex-direction:column;gap:.75rem}.hook-option{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:rgba(var(--kalkvit-rgb, 255, 255, 255),.7);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, #A855F7);background:rgba(var(--kalkvit-rgb, 255, 255, 255),.9)}.hook-option.selected{border-color:var(--primary, #A855F7);background:rgba(var(--primary-rgb, 168, 85, 247),.1)}.hook-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#00000012;color:var(--text-muted, #64748B);font-weight:700;font-size:.875rem;flex-shrink:0}.hook-option.selected .hook-number{background:var(--primary, #A855F7);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, #A855F7);flex-shrink:0}.hook-edit-trigger{opacity:0;padding:.375rem;background:transparent;border:none;border-radius:var(--radius-sm, 4px);color:var(--text-muted, #64748B);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;background:rgba(var(--primary-rgb, 168, 85, 247),.15);color:var(--primary, #A855F7)}.hook-option.editing{border-color:var(--primary, #A855F7);background:rgba(var(--kalkvit-rgb, 255, 255, 255),.95)}.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:rgba(var(--kalkvit-rgb, 255, 255, 255),.95);border:1px solid var(--primary, #A855F7);border-radius:var(--radius-sm, 6px);box-shadow:0 0 0 3px rgba(var(--primary-rgb, 168, 85, 247),.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, #A855F7),var(--secondary, #7C3AED));color:#fff;border:none}.hook-edit-btn.save:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--primary-rgb, 168, 85, 247),.3)}.hook-edit-btn.cancel{background:rgba(var(--kalkvit-rgb, 255, 255, 255),.9);color:var(--text-muted, #64748B);border:1px solid var(--glass-border)}.hook-edit-btn.cancel:hover{background:rgba(var(--primary-rgb, 168, 85, 247),.08);border-color:rgba(var(--primary-rgb, 168, 85, 247),.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, #A855F7),var(--secondary, #7C3AED));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, 168, 85, 247),.3)}.generate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.generate-btn.secondary{background:rgba(var(--kalkvit-rgb, 255, 255, 255),.8);color:var(--charcoal-graphite, #1C1C1E);border:1px solid rgba(var(--primary-rgb, 168, 85, 247),.3)}.generate-btn.secondary:hover:not(:disabled){background:rgba(var(--primary-rgb, 168, 85, 247),.1);border-color:var(--primary, #A855F7)}.hint-text{margin:.5rem 0 0;font-size:.8125rem;color:var(--text-muted, #64748B);opacity:.8;font-style:italic}.preview-section{background:rgba(var(--primary-rgb, 168, 85, 247),.05);border-color:rgba(var(--primary-rgb, 168, 85, 247),.2)}.headlines-preview{padding:1.25rem;background:rgba(var(--kalkvit-rgb, 255, 255, 255),.8);border-radius:var(--radius-md, 10px)}.preview-item{position:relative;display:flex;align-items:flex-start;gap:.5rem;padding:.5rem;margin:0 -.5rem .75rem;border-radius:var(--radius-sm, 6px);transition:background-color .15s ease}.preview-item:last-child{margin-bottom:0}.preview-item:hover{background:rgba(var(--primary-rgb, 168, 85, 247),.04)}.preview-hook{margin:0;flex:1;font-size:.9375rem;font-weight:500;color:var(--primary, #A855F7);font-style:italic}.preview-h1{margin:0;flex:1;font-size:1.375rem;font-weight:700;color:var(--charcoal-graphite, #1C1C1E);line-height:1.3}.preview-h2{margin:0;flex:1;font-size:1rem;font-weight:500;color:var(--text-muted, #64748B);line-height:1.4}.preview-cta{margin:1rem 0 0;padding:.625rem 1rem;background:linear-gradient(135deg,var(--primary, #A855F7),var(--secondary, #7C3AED));color:var(--kalkvit, #FFFFFF);font-size:.875rem;font-weight:600;border-radius:var(--radius-sm, 4px);display:inline-block}.preview-edit-trigger{opacity:0;padding:.375rem;background:transparent;border:none;border-radius:var(--radius-sm, 4px);color:var(--text-muted, #64748B);cursor:pointer;transition:all var(--transition-fast, .15s ease);flex-shrink:0;align-self:flex-start;margin-top:.125rem}.preview-item:hover .preview-edit-trigger{opacity:.6}.preview-edit-trigger:hover{opacity:1;background:rgba(var(--primary-rgb, 168, 85, 247),.15);color:var(--primary, #A855F7)}.preview-edit-container{flex:1;display:flex;flex-direction:column;gap:.5rem}.preview-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:rgba(var(--kalkvit-rgb, 255, 255, 255),.95);border:1px solid var(--primary, #A855F7);border-radius:var(--radius-sm, 6px);box-shadow:0 0 0 3px rgba(var(--primary-rgb, 168, 85, 247),.12)}.preview-edit-input.preview-h1-input{font-size:1.25rem;font-weight:700}.preview-edit-input.preview-h2-input{font-size:.9375rem;font-weight:500}.preview-edit-input:focus{outline:none}.preview-edit-actions{display:flex;gap:.375rem;justify-content:flex-end}.preview-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)}.preview-edit-btn.save{background:linear-gradient(135deg,var(--primary, #A855F7),var(--secondary, #7C3AED));color:#fff;border:none}.preview-edit-btn.save:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--primary-rgb, 168, 85, 247),.3)}.preview-edit-btn.cancel{background:rgba(var(--kalkvit-rgb, 255, 255, 255),.9);color:var(--text-muted, #64748B);border:1px solid var(--glass-border)}.preview-edit-btn.cancel:hover{background:rgba(var(--primary-rgb, 168, 85, 247),.08);border-color:rgba(var(--primary-rgb, 168, 85, 247),.3)}.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:rgba(var(--kalkvit-rgb, 255, 255, 255),.8);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:rgba(var(--kalkvit-rgb, 255, 255, 255),.95)}.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, #64748B);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, #64748B);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, #64748B);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:rgba(var(--kalkvit-rgb, 255, 255, 255),.7);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:rgba(var(--kalkvit-rgb, 255, 255, 255),.9)}.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, #64748B);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;background:rgba(var(--skogsgron-rgb, 22, 163, 74),.15);color:var(--skogsgron, #16A34A)}.cta-option.editing{border-color:var(--skogsgron, #16A34A);background:rgba(var(--kalkvit-rgb, 255, 255, 255),.95)}.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:rgba(var(--kalkvit-rgb, 255, 255, 255),.95);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:rgba(var(--kalkvit-rgb, 255, 255, 255),.9);color:var(--text-muted, #64748B);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, #64748B)}.cta-url-field{width:100%;padding:.625rem .875rem;font-size:.875rem;border:1px solid var(--glass-border);border-radius:var(--radius-md, 8px);background:rgba(var(--kalkvit-rgb, 255, 255, 255),.8);color:var(--charcoal-graphite, #1C1C1E);transition:border-color .2s ease,box-shadow .2s ease}.cta-url-field:focus{outline:none;border-color:var(--primary, #A855F7);box-shadow:0 0 0 3px rgba(var(--primary-rgb, 168, 85, 247),.15)}.cta-url-field::-moz-placeholder{color:var(--text-muted, #64748B);opacity:.5}.cta-url-field::placeholder{color:var(--text-muted, #64748B);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, 243, 244, 246),.2)}.cta-toggle input[type=checkbox]{width:18px;height:18px;margin-top:2px;cursor:pointer;accent-color:var(--primary, #A855F7);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, #64748B);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}}}@layer components{.generate-scratch-wizard{display:flex;flex-direction:column;min-height:100%;background:linear-gradient(145deg,rgba(var(--primary-rgb, 168, 85, 247),.06),rgba(var(--kalkvit-rgb, 255, 255, 255),.5) 30%,rgba(var(--background-light-rgb, 243, 244, 246),.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:rgba(var(--kalkvit-rgb, 255, 255, 255),.6);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(--primary, #A855F7)}.wizard-close{padding:.5rem;background:transparent;border:none;color:var(--text-muted, #64748B);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)}.wizard-content{flex:1;padding:1.5rem;overflow-y:auto;scroll-behavior:smooth}.wizard-content [id]{scroll-margin-top:1rem}.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, 239, 68, 68),.1);border:1px solid rgba(var(--tegelrod-rgb, 239, 68, 68),.25);border-radius:var(--radius-md, 10px);color:var(--tegelrod, #EF4444);font-size:.875rem}.wizard-error button{padding:.375rem .75rem;background:transparent;border:1px solid rgba(var(--tegelrod-rgb, 239, 68, 68),.3);border-radius:var(--radius-sm, 4px);color:var(--tegelrod, #EF4444);font-size:.75rem;cursor:pointer}.wizard-error button:hover{background:rgba(var(--tegelrod-rgb, 239, 68, 68),.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, 168, 85, 247),.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, #A855F7);box-shadow:0 0 0 3px rgba(var(--primary-rgb, 168, 85, 247),.12)}.schedule-modal-actions{display:flex;gap:.75rem;margin-top:1.25rem}.schedule-cancel{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:rgba(var(--kalkvit-rgb, 255, 255, 255),.9);border:1px solid var(--glass-border, rgba(184, 115, 51, .15));border-radius:var(--radius-md, 10px);color:var(--text-muted, #64748B);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.schedule-cancel:hover{background:rgba(var(--primary-rgb, 168, 85, 247),.08);border-color:rgba(var(--primary-rgb, 168, 85, 247),.3);color:var(--primary, #A855F7);transform:translateY(-1px)}.schedule-confirm{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,var(--primary, #A855F7),var(--secondary, #7C3AED));border:none;border-radius:var(--radius-md, 10px);color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(var(--primary-rgb, 168, 85, 247),.2)}.schedule-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px rgba(var(--primary-rgb, 168, 85, 247),.35)}.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}}}@layer components{.add-research-wizard{display:flex;flex-direction:column;min-height:100%;background:linear-gradient(145deg,rgba(var(--accent-rgb, 58, 74, 66),.06),rgba(var(--kalkvit-rgb, 255, 255, 255),.5) 30%,rgba(var(--background-light-rgb, 243, 244, 246),.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:rgba(var(--kalkvit-rgb, 255, 255, 255),.6);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, #64748B)}.wizard-close{padding:.5rem;background:transparent;border:none;color:var(--text-muted, #64748B);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:rgba(var(--kalkvit-rgb, 255, 255, 255),.4);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:rgba(var(--kalkvit-rgb, 255, 255, 255),.6);border:2px solid var(--glass-border);border-radius:var(--radius-md, 10px);color:var(--text-muted, #64748B);font-weight:500;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.mode-btn:hover{border-color:var(--text-muted, #64748B);background:rgba(var(--kalkvit-rgb, 255, 255, 255),.8)}.mode-btn.active{border-color:var(--text-muted, #64748B);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, 239, 68, 68),.1);border:1px solid rgba(var(--tegelrod-rgb, 239, 68, 68),.25);border-radius:var(--radius-md, 10px);color:var(--tegelrod, #EF4444);font-size:.875rem}.wizard-error button{padding:.25rem .5rem;background:transparent;border:1px solid rgba(var(--tegelrod-rgb, 239, 68, 68),.3);border-radius:var(--radius-sm, 4px);color:var(--tegelrod, #EF4444);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:rgba(var(--kalkvit-rgb, 255, 255, 255),.7);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:rgba(var(--kalkvit-rgb, 255, 255, 255),.9)}.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:rgba(var(--kalkvit-rgb, 255, 255, 255),.8);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;transform:none;width:20px;height:20px;color:var(--text-muted, #64748B);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}.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, #64748B);opacity:.6}.add-research-wizard .search-input::placeholder,.add-research-wizard .url-input::placeholder{color:var(--text-muted, #64748B);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, #64748B),var(--secondary, #7C3AED));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}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.research-list{display:flex;flex-direction:column;gap:.75rem}.research-card{background:rgba(var(--kalkvit-rgb, 255, 255, 255),.8);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, #64748B);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, #64748B);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, #64748B);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, #64748B);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, #64748B);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, #7C3AED)}.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, #64748B);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, 168, 85, 247),.15);color:var(--primary, #A855F7)}.evidence-badge.emerging{background:rgba(var(--accent-rgb, 58, 74, 66),.15);color:var(--text-muted, #64748B)}.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, 243, 244, 246),.5);border-radius:var(--radius-sm, 4px);font-size:.6875rem;color:var(--text-muted, #64748B);text-transform:capitalize}.pillars-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem 1rem;color:var(--text-muted, #64748B);font-size:.875rem}.pillars-loading .spinning{animation:spin 1s linear infinite}.pillars-empty{padding:1.5rem;background:rgba(var(--background-light-rgb, 243, 244, 246),.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, #64748B)}@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, 168, 85, 247),.1);border:1px solid rgba(var(--primary-rgb, 168, 85, 247),.35);border-radius:var(--radius-md, 10px);color:var(--primary, #A855F7);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, 168, 85, 247),.15);color:var(--primary, #A855F7);font-size:.6875rem;font-weight:600;border-radius:var(--radius-full, 9999px);text-transform:uppercase;letter-spacing:.05em}}@layer components{.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}}}@layer components{.landing-page{--lp-void: #0A0A0F;--lp-surface: #141420;--lp-elevated: #1E1E2E;--lp-input: #1A1A28;--lp-violet: #A855F7;--lp-violet-hover: #C084FC;--lp-violet-dim: #7C3AED;--lp-violet-deep: #6D28D9;--lp-cyan: #22D3EE;--lp-cyan-hover: #67E8F9;--lp-text: #E2E8F0;--lp-slate: #94A3B8;--lp-fog: #64748B;--lp-ash: #475569;--lp-success: #22C55E;--lp-warning: #F59E0B;--lp-error: #EF4444;--lp-border-subtle: rgba(255, 255, 255, .06);--lp-border-default: rgba(255, 255, 255, .1);--lp-border-strong: rgba(255, 255, 255, .16);--lp-border-accent: rgba(168, 85, 247, .25);--lp-glass-bg: rgba(20, 20, 32, .6);--lp-glass-border: rgba(255, 255, 255, .08);--lp-glass-shadow: 0 8px 32px rgba(168, 85, 247, .08);--lp-glass-inner: inset 0 1px 0 rgba(255, 255, 255, .06);--lp-glow: 0 0 24px rgba(168, 85, 247, .25);--lp-glow-strong: 0 0 40px rgba(168, 85, 247, .35);--lp-glow-cyan: 0 0 20px rgba(34, 211, 238, .2);--lp-gradient-hero: linear-gradient(160deg, #0A0A0F 0%, #0D0520 40%, #1A0A2E 100%);--lp-gradient-cta: linear-gradient(135deg, #A855F7 0%, #6D28D9 100%);--lp-gradient-accent: linear-gradient(135deg, #A855F7 0%, #7C3AED 100%);--lp-font-headline: "Space Grotesk", sans-serif;--lp-font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--lp-transition-fast: .15s ease-out;--lp-transition-base: .25s cubic-bezier(.4, 0, .2, 1);--lp-transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}.landing-page{min-height:100vh;background:var(--lp-void);font-family:var(--lp-font-body);color:var(--lp-text);overflow-x:hidden;position:relative}.landing-page *,.landing-page *:before,.landing-page *:after{box-sizing:border-box;margin:0;padding:0}.landing-blobs{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.blob{position:absolute;border-radius:50%;filter:blur(80px)}.blob-violet{width:800px;height:800px;background:radial-gradient(circle,rgba(168,85,247,.25) 0%,rgba(168,85,247,.08) 50%,transparent 70%);top:-200px;right:-200px;animation:blobDrift1 25s ease-in-out infinite}.blob-cyan{width:700px;height:700px;background:radial-gradient(circle,rgba(34,211,238,.18) 0%,rgba(34,211,238,.06) 50%,transparent 70%);bottom:-150px;left:-200px;animation:blobDrift2 30s ease-in-out infinite}.blob-violet-mid{width:500px;height:500px;background:radial-gradient(circle,rgba(168,85,247,.12) 0%,transparent 60%);top:50%;left:30%;animation:blobDrift3 20s ease-in-out infinite}@keyframes blobDrift1{0%,to{transform:translate(0)}25%{transform:translate(-60px,40px)}50%{transform:translate(-30px,80px)}75%{transform:translate(40px,30px)}}@keyframes blobDrift2{0%,to{transform:translate(0)}25%{transform:translate(50px,-30px)}50%{transform:translate(80px,-60px)}75%{transform:translate(30px,-20px)}}@keyframes blobDrift3{0%,to{transform:translate(0)}33%{transform:translate(-40px,-30px)}66%{transform:translate(30px,20px)}}.landing-nav{position:fixed;top:0;left:0;right:0;background:#0a0a0fd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--lp-border-subtle);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(--lp-font-headline);font-size:24px;font-weight:700;color:var(--lp-text);letter-spacing:-.5px}.landing-nav-links{display:flex;align-items:center;gap:16px}.nav-link{background:none;border:none;color:var(--lp-slate);font-family:var(--lp-font-body);font-size:15px;font-weight:500;cursor:pointer;padding:8px 16px;border-radius:8px;transition:color var(--lp-transition-fast),background var(--lp-transition-fast)}.nav-link:hover{color:var(--lp-text);background:#ffffff0d}.nav-cta{background:var(--lp-gradient-cta);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-family:var(--lp-font-body);font-size:15px;font-weight:600;cursor:pointer;transition:transform var(--lp-transition-fast),box-shadow var(--lp-transition-base)}.nav-cta:hover{transform:translateY(-1px);box-shadow:var(--lp-glow)}.landing-hero{padding:160px 24px 100px;text-align:center;background:var(--lp-gradient-hero);position:relative;z-index:1}.hero-container{max-width:800px;margin:0 auto}.hero-overline{display:inline-flex;align-items:center;gap:8px;font-family:var(--lp-font-body);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--lp-cyan);margin-bottom:24px}.hero-title{font-family:var(--lp-font-headline);font-size:clamp(2.25rem,5vw,3rem);font-weight:700;color:var(--lp-text);line-height:1.1;letter-spacing:-.03em;margin-bottom:20px}.hero-subtitle{font-family:var(--lp-font-body);font-size:1.15rem;font-weight:400;color:var(--lp-slate);line-height:1.6;max-width:600px;margin:0 auto 36px}.hero-cta-group{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:16px}.hero-cta-primary{display:inline-flex;align-items:center;gap:8px;background:var(--lp-gradient-cta);color:#fff;border:none;padding:14px 32px;border-radius:8px;font-family:var(--lp-font-body);font-size:1rem;font-weight:600;cursor:pointer;transition:transform var(--lp-transition-fast),box-shadow var(--lp-transition-base);box-shadow:var(--lp-glow)}.hero-cta-primary:hover{transform:translateY(-2px);box-shadow:var(--lp-glow-strong)}.hero-cta-secondary{background:transparent;color:var(--lp-slate);border:none;padding:14px 20px;border-radius:8px;font-family:var(--lp-font-body);font-size:1rem;font-weight:500;cursor:pointer;transition:color var(--lp-transition-fast)}.hero-cta-secondary:hover{color:var(--lp-text)}.hero-note{font-size:.85rem;color:var(--lp-fog)}.landing-post-builder{padding:100px 24px;position:relative;z-index:1}.post-builder-container{max-width:1200px;margin:0 auto}.post-builder-header{text-align:center;margin-bottom:60px}.post-builder-header .section-overline{font-family:var(--lp-font-body);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--lp-violet);margin-bottom:12px}.post-builder-header .section-title{font-family:var(--lp-font-headline);font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:700;color:var(--lp-text);letter-spacing:-.02em}.post-builder-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;position:relative}.post-builder-grid:before{content:"";position:absolute;top:50%;left:5%;right:5%;height:2px;background:linear-gradient(90deg,var(--lp-violet),var(--lp-violet-dim),var(--lp-violet));opacity:.3;z-index:0}.builder-step{position:relative;z-index:1;background:var(--lp-glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--lp-glass-border);border-radius:12px;padding:28px 20px;text-align:center;transition:transform var(--lp-transition-base),border-color var(--lp-transition-base),box-shadow var(--lp-transition-base);box-shadow:var(--lp-glass-shadow),var(--lp-glass-inner)}.builder-step:hover{transform:translateY(-4px);border-color:var(--lp-border-accent);box-shadow:var(--lp-glass-shadow),var(--lp-glass-inner),var(--lp-glow)}.builder-step-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--lp-gradient-accent);color:#fff;font-family:var(--lp-font-body);font-size:.85rem;font-weight:600;margin-bottom:16px;box-shadow:0 0 16px #a855f74d}.builder-step-icon{display:flex;align-items:center;justify-content:center;color:var(--lp-violet);margin-bottom:14px}.builder-step h3{font-family:var(--lp-font-body);font-size:1.05rem;font-weight:600;color:var(--lp-text);margin-bottom:10px;letter-spacing:-.01em}.builder-step p{font-size:.85rem;color:var(--lp-slate);line-height:1.5}.landing-social-proof{padding:0 24px;position:relative;z-index:1}.social-proof-strip{max-width:1000px;margin:0 auto;background:var(--lp-glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--lp-glass-border);border-radius:9999px;padding:18px 40px;display:flex;justify-content:center;align-items:center;gap:32px;flex-wrap:wrap}.proof-item{font-family:var(--lp-font-body);font-size:.85rem;font-weight:500;color:var(--lp-slate);white-space:nowrap}.proof-separator{width:4px;height:4px;border-radius:50%;background:var(--lp-fog);flex-shrink:0}.landing-problem{padding:100px 24px;position:relative;z-index:1}.problem-container{max-width:1200px;margin:0 auto}.problem-header{text-align:center;margin-bottom:50px}.problem-header .section-overline{font-family:var(--lp-font-body);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--lp-warning);margin-bottom:12px}.problem-header .section-title{font-family:var(--lp-font-headline);font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:700;color:var(--lp-text);letter-spacing:-.02em}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.problem-card{background:var(--lp-glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(245,158,11,.12);border-radius:12px;padding:32px 24px;box-shadow:0 8px 32px #f59e0b0f,var(--lp-glass-inner)}.problem-card h3{font-family:var(--lp-font-body);font-size:1.15rem;font-weight:600;color:var(--lp-warning);margin-bottom:12px}.problem-card p{font-size:.9rem;color:var(--lp-slate);line-height:1.6}.landing-answer{padding:0 24px 100px;position:relative;z-index:1}.answer-panel{max-width:1000px;margin:0 auto;background:var(--lp-glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--lp-border-accent);border-radius:16px;padding:48px;box-shadow:var(--lp-glass-shadow),var(--lp-glass-inner),0 0 60px #a855f70f}.answer-title{font-family:var(--lp-font-headline);font-size:clamp(1.5rem,3vw,2rem);font-weight:600;color:var(--lp-text);text-align:center;margin-bottom:36px;letter-spacing:-.02em}.answer-comparison{display:grid;grid-template-columns:1fr 1fr;gap:32px}.comparison-col{padding:24px;border-radius:12px}.comparison-col.before{background:#ef44440f;border:1px solid rgba(239,68,68,.12)}.comparison-col.after{background:#a855f714;border:1px solid var(--lp-border-accent)}.comparison-col h4{font-family:var(--lp-font-body);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.comparison-col.before h4{color:var(--lp-error)}.comparison-col.after h4{color:var(--lp-violet)}.comparison-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}.comparison-col li{font-size:.9rem;color:var(--lp-slate);line-height:1.5;padding-left:20px;position:relative}.comparison-col.before li:before{content:"✕";position:absolute;left:0;color:var(--lp-error);font-size:.8rem}.comparison-col.after li:before{content:"✓";position:absolute;left:0;color:var(--lp-violet);font-size:.8rem}.landing-features{padding:100px 24px;position:relative;z-index:1}.features-container{max-width:1200px;margin:0 auto}.features-header{text-align:center;margin-bottom:50px}.features-header .section-overline{font-family:var(--lp-font-body);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--lp-cyan);margin-bottom:12px}.features-header .section-title{font-family:var(--lp-font-headline);font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:700;color:var(--lp-text);letter-spacing:-.02em}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{background:var(--lp-glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--lp-glass-border);border-radius:12px;padding:28px 24px;transition:transform var(--lp-transition-base),border-color var(--lp-transition-base),box-shadow var(--lp-transition-base);box-shadow:var(--lp-glass-shadow),var(--lp-glass-inner)}.feature-card:hover{transform:translateY(-2px);border-color:var(--lp-border-accent);box-shadow:var(--lp-glass-shadow),var(--lp-glass-inner),0 0 20px #a855f714}.feature-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#a855f71f;border-radius:10px;color:var(--lp-violet);margin-bottom:16px}.feature-title{font-family:var(--lp-font-body);font-size:1rem;font-weight:600;color:var(--lp-text);margin-bottom:8px}.feature-description{font-size:.85rem;color:var(--lp-slate);line-height:1.5}.landing-how-fast{padding:80px 24px;position:relative;z-index:1}.how-fast-panel{max-width:900px;margin:0 auto;background:var(--lp-glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--lp-glass-border);border-radius:16px;padding:48px 40px;text-align:center;box-shadow:var(--lp-glass-shadow),var(--lp-glass-inner)}.how-fast-title{font-family:var(--lp-font-headline);font-size:1.5rem;font-weight:600;color:var(--lp-text);margin-bottom:8px;letter-spacing:-.02em}.how-fast-subtitle{font-size:.9rem;color:var(--lp-fog);margin-bottom:36px}.stepper{display:flex;justify-content:center;align-items:center;gap:0;margin-bottom:28px;flex-wrap:wrap}.stepper-step{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:9999px;background:#a855f714;border:1px solid rgba(168,85,247,.15)}.stepper-dot{width:24px;height:24px;border-radius:50%;background:var(--lp-gradient-accent);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem;font-weight:600;flex-shrink:0;box-shadow:0 0 10px #a855f74d}.stepper-label{font-size:.85rem;font-weight:500;color:var(--lp-text);white-space:nowrap}.stepper-connector{width:32px;height:2px;background:#a855f733;flex-shrink:0}.how-fast-note{font-size:.85rem;color:var(--lp-slate);max-width:500px;margin:0 auto;line-height:1.5}.landing-pricing{padding:100px 24px;position:relative;z-index:1}.pricing-container{max-width:1100px;margin:0 auto}.pricing-header{text-align:center;margin-bottom:50px}.pricing-header .section-title{font-family:var(--lp-font-headline);font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:700;color:var(--lp-text);letter-spacing:-.02em;margin-bottom:8px}.pricing-header .section-subtitle{font-size:1rem;color:var(--lp-slate)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}.pricing-card{background:var(--lp-glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--lp-glass-border);border-radius:16px;padding:36px 28px;text-align:center;transition:transform var(--lp-transition-base),border-color var(--lp-transition-base);box-shadow:var(--lp-glass-shadow),var(--lp-glass-inner)}.pricing-card.featured{border-color:var(--lp-border-accent);box-shadow:var(--lp-glass-shadow),var(--lp-glass-inner),var(--lp-glow);transform:scale(1.03)}.pricing-card:hover{transform:translateY(-2px);border-color:var(--lp-border-accent)}.pricing-card.featured:hover{transform:scale(1.03) translateY(-2px)}.pricing-badge{display:inline-block;font-family:var(--lp-font-body);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--lp-void);background:var(--lp-gradient-cta);padding:4px 12px;border-radius:9999px;margin-bottom:16px}.pricing-tier{font-family:var(--lp-font-headline);font-size:1.25rem;font-weight:600;color:var(--lp-text);margin-bottom:4px}.pricing-audience{font-size:.8rem;color:var(--lp-fog);margin-bottom:16px}.pricing-price{font-family:var(--lp-font-headline);font-size:2rem;font-weight:700;color:var(--lp-text);margin-bottom:24px}.pricing-price span{font-size:.9rem;font-weight:400;color:var(--lp-fog)}.pricing-features{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:28px;text-align:left}.pricing-features li{font-size:.85rem;color:var(--lp-slate);padding-left:22px;position:relative}.pricing-features li:before{content:"✓";position:absolute;left:0;color:var(--lp-violet);font-size:.8rem}.pricing-cta{width:100%;padding:12px 24px;border-radius:8px;font-family:var(--lp-font-body);font-size:.9rem;font-weight:600;cursor:pointer;transition:transform var(--lp-transition-fast),box-shadow var(--lp-transition-base)}.pricing-cta.primary{background:var(--lp-gradient-cta);color:#fff;border:none;box-shadow:var(--lp-glow)}.pricing-cta.primary:hover{transform:translateY(-1px);box-shadow:var(--lp-glow-strong)}.pricing-cta.secondary{background:transparent;color:var(--lp-violet);border:1px solid var(--lp-violet)}.pricing-cta.secondary:hover{background:#a855f714;transform:translateY(-1px)}.pricing-cta.ghost{background:var(--lp-surface);color:var(--lp-text);border:1px solid var(--lp-border-default)}.pricing-cta.ghost:hover{border-color:var(--lp-border-strong);transform:translateY(-1px)}.pricing-note{text-align:center;font-size:.85rem;color:var(--lp-fog);margin-top:20px}.landing-final-cta{padding:120px 24px;text-align:center;position:relative;z-index:1;background:radial-gradient(ellipse at center,rgba(168,85,247,.12) 0%,transparent 60%),radial-gradient(ellipse at 30% 50%,rgba(34,211,238,.06) 0%,transparent 50%)}.final-cta-container{max-width:600px;margin:0 auto}.final-cta-title{font-family:var(--lp-font-headline);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;color:var(--lp-text);margin-bottom:16px;letter-spacing:-.02em}.final-cta-subtitle{font-size:1rem;color:var(--lp-slate);margin-bottom:36px;line-height:1.6;max-width:500px;margin-left:auto;margin-right:auto}.final-cta-button{display:inline-flex;align-items:center;gap:10px;background:var(--lp-gradient-cta);color:#fff;border:none;padding:16px 36px;border-radius:10px;font-family:var(--lp-font-body);font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform var(--lp-transition-fast),box-shadow var(--lp-transition-base);box-shadow:var(--lp-glow-strong);margin-bottom:16px}.final-cta-button:hover{transform:translateY(-2px);box-shadow:0 0 60px #a855f766}.final-cta-note{font-size:.85rem;color:var(--lp-fog)}.landing-footer{padding:64px 24px 32px;background:#14142099;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--lp-border-subtle);position:relative;z-index:1}.footer-container{max-width:1200px;margin:0 auto}.footer-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:48px;flex-wrap:wrap;gap:40px}.footer-brand{flex-shrink:0}.footer-logo{font-family:var(--lp-font-headline);font-size:20px;font-weight:700;color:var(--lp-text)}.footer-tagline{font-size:.8rem;color:var(--lp-fog);margin-top:6px}.landing-footer .footer-links{display:flex;flex-direction:row;gap:72px}.footer-column h4{font-family:var(--lp-font-body);font-size:.7rem;font-weight:600;color:var(--lp-text);text-transform:uppercase;letter-spacing:.05em;margin-bottom:14px}.footer-column a{display:block;color:var(--lp-fog);text-decoration:none;font-size:.85rem;margin-bottom:8px;transition:color var(--lp-transition-fast)}.footer-column a:hover{color:var(--lp-violet-hover)}.footer-social{display:flex;gap:12px}.footer-social a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#ffffff0d;border:1px solid var(--lp-border-subtle);color:var(--lp-fog);transition:color var(--lp-transition-fast),border-color var(--lp-transition-fast),background var(--lp-transition-fast)}.footer-social a:hover{color:var(--lp-violet);border-color:var(--lp-border-accent);background:#a855f714}.footer-bottom{border-top:1px solid var(--lp-border-subtle);padding-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.footer-bottom p{font-size:.8rem;color:var(--lp-ash)}.footer-bottom-links{display:flex;gap:20px}.footer-bottom-links a{font-size:.8rem;color:var(--lp-ash);text-decoration:none;transition:color var(--lp-transition-fast)}.footer-bottom-links a:hover{color:var(--lp-slate)}@media (max-width: 1024px){.post-builder-grid{grid-template-columns:repeat(3,1fr)}.post-builder-grid:before{display:none}.pricing-grid{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto}.pricing-card.featured{transform:none}.pricing-card.featured:hover{transform:translateY(-2px)}}@media (max-width: 768px){.landing-hero{padding:130px 16px 70px}.hero-cta-group{flex-direction:column;align-items:center}.hero-cta-primary,.hero-cta-secondary{width:100%;max-width:300px;justify-content:center;text-align:center}.post-builder-grid{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}.social-proof-strip{flex-direction:column;border-radius:16px;padding:24px 20px;gap:10px}.proof-separator{display:none}.problem-grid{grid-template-columns:1fr}.answer-panel{padding:32px 20px}.answer-comparison{grid-template-columns:1fr;gap:20px}.features-grid{grid-template-columns:1fr}.how-fast-panel{padding:32px 20px}.stepper{flex-direction:column;gap:8px}.stepper-connector{width:2px;height:16px}.footer-top{flex-direction:column}.landing-footer .footer-links{gap:32px}.footer-bottom{flex-direction:column;text-align:center}}@media (prefers-reduced-motion: reduce){.blob-violet,.blob-cyan,.blob-violet-mid{animation:none}.builder-step,.feature-card,.pricing-card,.nav-cta,.hero-cta-primary,.final-cta-button{transition:none}}}@layer components{.legal-page{min-height:100vh;background:#0a0a0f;padding:48px 24px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#e2e8f0}.legal-container{max-width:720px;margin:0 auto}.legal-back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:#64748b;font-size:13px;font-weight:500;cursor:pointer;padding:0;margin-bottom:24px;transition:color .15s ease-out;font-family:inherit}.legal-back:hover{color:#e2e8f0}.legal-title{font-family:Space Grotesk,sans-serif;font-size:2.25rem;font-weight:700;color:#e2e8f0;margin-bottom:24px;letter-spacing:-.02em}.legal-card{background:#fffc;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:16px;border:1px solid rgba(255,255,255,.6);padding:40px;box-shadow:0 8px 40px #0000004d;color:#1c1c1e}.legal-meta{color:#64748b;font-size:.85rem;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #E2E8F0}.legal-meta strong{color:#1c1c1e}.legal-section{margin-bottom:32px}.legal-section h2{font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:600;color:#1c1c1e;margin-bottom:12px}.legal-section h3{font-size:.95rem;font-weight:600;color:#a855f7;margin-top:20px;margin-bottom:8px}.legal-section p{font-size:.9rem;line-height:1.7;color:#374151;margin-bottom:12px}.legal-section ul{list-style:disc;padding-left:24px;margin-bottom:12px}.legal-section li{font-size:.9rem;line-height:1.6;color:#374151;margin-bottom:6px}.legal-section li strong{color:#1c1c1e}.legal-section a{color:#a855f7;text-decoration:none;transition:color .15s ease-out}.legal-section a:hover{color:#7c3aed}.legal-contact-box{background:#f9f7f4;border-radius:10px;padding:20px;border:1px solid #E2E8F0}.legal-contact-box p{margin-bottom:4px;font-size:.9rem;color:#374151}.legal-contact-box p:last-child{margin-bottom:0}.legal-contact-box strong{color:#1c1c1e}.legal-info-box{background:#f9f7f4;border-radius:8px;padding:16px;margin-bottom:12px;border:1px solid #E2E8F0}.legal-info-box p{font-size:.85rem;margin-bottom:8px}.legal-info-box ul{margin-bottom:0}.legal-info-box li{font-size:.85rem}.legal-note{font-size:.8rem;font-style:italic;color:#94a3b8}@media (max-width: 640px){.legal-page{padding:24px 16px}.legal-title{font-size:1.75rem}.legal-card{padding:24px}}}@layer components{.auth-page{min-height:100vh;background:#0a0a0f;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#e2e8f0}.auth-page:before{content:"";position:fixed;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(168,85,247,.2) 0%,rgba(168,85,247,.06) 50%,transparent 70%);border-radius:50%;pointer-events:none;filter:blur(60px)}.auth-page:after{content:"";position:fixed;bottom:-150px;left:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(34,211,238,.15) 0%,rgba(34,211,238,.04) 50%,transparent 70%);border-radius:50%;pointer-events:none;filter:blur(60px)}.auth-page-container{width:100%;max-width:400px;position:relative;z-index:1}.auth-loading{text-align:center;color:#94a3b8}.auth-loading .spin{animation:spin 1s linear infinite;color:#a855f7;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-back-link{display:inline-flex;align-items:center;gap:6px;color:#64748b;text-decoration:none;font-size:12px;font-weight:500;margin-bottom:16px;transition:color .15s ease-out}.auth-back-link:hover{color:#e2e8f0}.auth-card{background:#fffc;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:16px;border:1px solid rgba(255,255,255,.6);overflow:hidden;box-shadow:0 8px 40px #0000004d;position:relative}.auth-header{padding:28px 28px 22px;text-align:center;background:#f9f7f499;border-bottom:1px solid rgba(226,232,240,.5);position:relative}.auth-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#a855f7,#7c3aed,#22d3ee)}.auth-brand{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700;color:#1c1c1e;margin:0;letter-spacing:-.5px}.auth-subtitle{color:#64748b;font-size:13px;margin:6px 0 0;font-weight:400}.auth-content{padding:28px}.auth-title{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:600;color:#1c1c1e;margin:0 0 4px;text-align:center}.auth-description{font-size:13px;color:#64748b;text-align:center;margin:0 0 20px}.signup-benefits{display:none}.invite-details-banner{background:linear-gradient(135deg,#a855f714,#22d3ee0f);border:1px solid rgba(168,85,247,.2);border-radius:12px;overflow:hidden;margin-bottom:20px}.invite-banner-header{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#a855f71a;border-bottom:1px solid rgba(168,85,247,.15)}.invite-banner-header svg{color:#a855f7;flex-shrink:0}.invite-banner-header span{font-size:13px;font-weight:600;color:#1c1c1e}.invite-banner-content{padding:16px}.invite-banner-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.invite-banner-row:last-of-type{margin-bottom:0}.invite-banner-row svg{color:#a855f7;flex-shrink:0}.invite-banner-row label{display:block;font-size:10px;color:#94a3b8;margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.invite-banner-row strong{font-size:14px;color:#1c1c1e;font-weight:600;display:block}.invite-banner-message{margin-top:12px;padding:12px;background:#fff9;border-radius:8px;border:1px solid rgba(226,232,240,.6)}.invite-banner-message p{font-style:italic;color:#64748b;margin:0 0 6px;font-size:12px;line-height:1.5}.invite-banner-message span{font-size:11px;color:#94a3b8;font-weight:500}.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:background .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1);background:#fff;border:1px solid #D1D5DB;color:#1c1c1e}.social-auth-btn:hover{background:#f9f7f4;border-color:#94a3b8}.social-auth-btn.google:hover{border-color:#4285f499}.social-auth-btn.github{background:#1c1c1e;border:1px solid #1C1C1E;color:#fff}.social-auth-btn.github:hover{background:#2d2d32;border-color:#2d2d32}.social-auth-btn.microsoft{background:#fff;border:1px solid #D1D5DB;color:#1c1c1e}.social-auth-btn.microsoft:hover{background:#f9f7f4;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:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.auth-form{margin-bottom:0}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:12px;font-weight:500;color:#64748b;margin-bottom:6px}.form-group input{width:100%;padding:10px 14px;font-size:14px;font-family:Inter,sans-serif;border:1px solid #D1D5DB;border-radius:8px;background:#f9f7f4;color:#1c1c1e;transition:border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.form-group input:focus{outline:none;border-color:#a855f7;box-shadow:0 0 0 3px #a855f726}.form-group input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.form-group input::-moz-placeholder{color:#94a3b8}.form-group input::placeholder{color:#94a3b8}.form-group input:disabled{opacity:.5;cursor:not-allowed;background:#e2e8f0}.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:#94a3b8;display:flex;align-items:center;justify-content:center;transition:color .15s ease-out}.password-toggle:hover{color:#1c1c1e}.field-error{display:block;font-size:12px;color:#ef4444;margin-top:6px}.auth-error{display:flex;align-items:center;gap:10px;background:#fef2f2;border:1px solid #FECACA;border-radius:10px;padding:12px 16px;color:#dc2626;font-size:13px;margin-bottom:20px}.auth-submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#a855f7,#6d28d9);color:#fff;border:none;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:transform .15s ease-out,box-shadow .25s cubic-bezier(.4,0,.2,1);margin-top:8px;box-shadow:0 0 24px #a855f740}.auth-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 40px #a855f759}.auth-submit-btn:active:not(:disabled){transform:scale(.98) translateY(0)}.auth-submit-btn:disabled{background:#e2e8f0;color:#94a3b8;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:#64748b;margin:0}.auth-link{color:#a855f7;font-weight:600;text-decoration:none;transition:color .15s ease-out}.auth-link:hover{color:#c084fc}.auth-terms{text-align:center;font-size:11px;color:#475569;margin-top:20px;line-height:1.5}.auth-terms a{color:#a855f7;text-decoration:none;transition:color .15s ease-out}.auth-terms a:hover{color:#c084fc}.auth-container{width:100%;max-width:420px}.auth-icon{width:64px;height:64px;background:#a855f71f;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#a855f7}.auth-icon.success{background:#22c55e1f;color:#22c55e}.auth-icon.error{background:#ef44441f;color:#ef4444}.invite-card{max-width:420px}.invite-details{padding:20px 32px;background:#f9f7f4;border-bottom:1px solid #E2E8F0}.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:#a855f7;flex-shrink:0}.invite-detail-row label{display:block;font-size:11px;color:#94a3b8;margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px}.invite-detail-row strong{font-size:14px;color:#1c1c1e;font-weight:600}.invite-message{margin-top:16px;padding:14px;background:#f9f7f4;border-radius:10px;border:1px solid #E2E8F0}.invite-message p{font-style:italic;color:#64748b;margin:0 0 6px;font-size:13px}.invite-message span{font-size:11px;color:#94a3b8}.auth-notice{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fffbeb;border:1px solid #FDE68A;border-radius:8px;margin:0 32px 16px;font-size:12px;color:#b45309}.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:8px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:transform .15s ease-out,box-shadow .25s cubic-bezier(.4,0,.2,1)}.auth-btn.primary{background:linear-gradient(135deg,#a855f7,#6d28d9);color:#fff;border:none;box-shadow:0 0 24px #a855f740}.auth-btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 40px #a855f759}.auth-btn.secondary{background:transparent;color:#64748b;border:1px solid #D1D5DB}.auth-btn.secondary:hover:not(:disabled){border-color:#a855f7;color:#1c1c1e;background:#f9f7f4}.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:#94a3b8}.auth-redirect-message{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;color:#64748b;font-size:13px}.auth-redirect-message .spin{animation:spin 1s linear infinite;color:#a855f7}.confirmation-card{text-align:center;padding:48px 32px;background:transparent}.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:Space Grotesk,sans-serif;font-size:22px;font-weight:600;color:#1c1c1e;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,#a855f7,#6d28d9);color:#fff;border:none;padding:12px 28px;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:transform .15s ease-out,box-shadow .25s cubic-bezier(.4,0,.2,1);box-shadow:0 0 24px #a855f740}.auth-button:hover{transform:translateY(-1px);box-shadow:0 0 40px #a855f759}.email-sent-icon{width:80px;height:80px;background:#a855f71f;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;color:#a855f7}.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}}.auth-page-compact{max-width:360px}.auth-card-compact{box-shadow:0 4px 24px #0003}.auth-header-compact{padding:8px 20px 6px;background:#0a0a0f;border-bottom:1px solid rgba(168,85,247,.3)}.auth-header-compact:before{display:none}.auth-brand-compact{font-size:18px;margin:0;color:#fff;background:linear-gradient(135deg,#a855f7,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-content-compact{padding:10px 20px 12px}.auth-content-compact .auth-title{font-size:13px;margin:0 0 6px}.social-auth-buttons-compact{display:flex;gap:5px;margin-bottom:6px}.social-auth-mini{flex:1;padding:5px;font-size:10px;display:flex;align-items:center;justify-content:center;gap:4px}.social-auth-mini svg{width:13px;height:13px;flex-shrink:0}.auth-divider-compact{margin:6px 0}.auth-divider-compact span{font-size:8px}.auth-form-compact{margin-bottom:0}.form-group-compact{margin-bottom:5px}.form-group-compact label{font-size:9px;margin-bottom:2px}.form-group-compact input{padding:5px 9px;font-size:13px}.auth-submit-compact{padding:7px 14px;font-size:13px;margin-top:2px}.auth-footer-compact{padding-top:6px;margin-top:6px}.auth-footer-compact p{font-size:10px}@media (prefers-reduced-motion: reduce){.auth-submit-btn,.auth-btn,.auth-button,.social-auth-btn{transition:none}}}@layer components{.onboarding-page{min-height:100vh;background:#f8f9fc;display:flex;align-items:center;justify-content:center;padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#0f172a;position:relative}.onboarding-loading{text-align:center;color:#64748b}.onboarding-loading .spin{animation:spin 1s linear infinite;color:#a855f7;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.onboarding-container{width:100%;max-width:640px;background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 24px #0000000f;overflow:hidden;position:relative;z-index:1}.onboarding-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.08);background:#f1f5f9}.onboarding-logo{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700;color:#0f172a;letter-spacing:-.5px}.onboarding-skip-all{background:none;border:none;color:#64748b;cursor:pointer;padding:8px;border-radius:8px;transition:color .15s ease-out,background .15s ease-out}.onboarding-skip-all:hover{background:#0000000a;color:#64748b}.onboarding-progress{padding:24px;background:#f1f5f9;border-bottom:1px solid rgba(0,0,0,.08)}.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:#a855f71a;color:#7c3aed;border:2px solid rgba(168,85,247,.15);display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;transition:background .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1)}.progress-step.active .step-indicator{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;border-color:transparent;box-shadow:0 4px 12px #a855f740}.progress-step.completed .step-indicator{background:#22c55e;color:#fff;border-color:transparent}.progress-step.skipped .step-indicator{background:#0000000f;color:#94a3b8;border-color:#00000014}.step-label{font-size:.7rem;color:#64748b;text-align:center;max-width:80px;line-height:1.4;letter-spacing:.02em}.progress-step.active .step-label{color:#0f172a;font-weight:600}.progress-bar{height:4px;background:#a855f71f;border-radius:9999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#a855f7,#7c3aed);border-radius:2px;transition:width .5s ease}.onboarding-error{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px;background:#ef444414;color:#dc2626;font-size:.85rem}.onboarding-error button{background:none;border:none;color:#dc2626;cursor:pointer;padding:4px;border-radius:4px}.onboarding-error button:hover{background:#ef44441f}.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,#a855f7,#7c3aed);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 20px;box-shadow:0 4px 12px #a855f733}.step-title{font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:600;color:#0f172a;margin:0 0 8px;letter-spacing:-.02em;line-height:1.25}.step-description{font-size:.95rem;color:#475569;margin:0;line-height:1.6}.step-form{display:flex;flex-direction:column;gap:20px}.onboarding-page .form-group{display:flex;flex-direction:column;gap:8px}.onboarding-page .form-label{font-family:Inter,sans-serif;font-size:.8rem;font-weight:500;color:#0f172a;letter-spacing:.02em}.onboarding-page .form-label .required{color:#ef4444;margin-left:4px}.onboarding-page .form-input{padding:12px 16px;border:1px solid rgba(0,0,0,.1);border-radius:6px;font-size:.95rem;font-family:Inter,sans-serif;color:#0f172a;background:#f8fafc;transition:border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.onboarding-page .form-input:focus{outline:none;border-color:#a855f7;box-shadow:0 0 0 3px #a855f71f}.onboarding-page .form-input::-moz-placeholder{color:#64748b}.onboarding-page .form-input::placeholder{color:#64748b}.onboarding-page .form-input.error{border-color:#ef4444}.onboarding-page .form-hint{font-size:13px;color:#64748b}.onboarding-page .form-error{font-size:13px;color:#ef4444}.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:transparent;border:1px solid rgba(0,0,0,.08);color:#64748b;padding:12px 20px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:border-color .15s ease-out,color .15s ease-out}.btn-back:hover{border-color:#a855f7;color:#0f172a}.btn-skip{display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(0,0,0,.08);border-radius:8px;color:#64748b;font-family:Inter,sans-serif;font-size:15px;font-weight:600;cursor:pointer;padding:12px 24px;transition:border-color .15s ease-out,color .15s ease-out;white-space:nowrap}.btn-skip:hover{border-color:#a855f7;color:#0f172a}.btn-skip:disabled{opacity:.5;cursor:not-allowed}.btn-continue{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:transform .15s ease-out,box-shadow .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #a855f733}.btn-continue:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #a855f74d}.btn-continue:disabled{background:#e5e7eb;color:#64748b;box-shadow:none;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:1px solid rgba(0,0,0,.08);border-radius:12px;cursor:pointer;transition:transform .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),background .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;background:#fff}.industry-card:hover:not(.disabled){border-color:#a855f7;background:#a855f70a;transform:translateY(-2px)}.industry-card.selected{border-color:#a855f7;background:linear-gradient(135deg,#a855f714,#a855f705);box-shadow:0 0 16px #a855f71f}.industry-card.disabled{opacity:.6;cursor:not-allowed}.industry-card .coming-soon{position:absolute;top:8px;right:8px;background:#f59e0b1f;color:#d97706;font-size:.7rem;font-weight:600;padding:.2rem .6rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}.industry-icon{width:48px;height:48px;background:#a855f714;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#a855f7;margin:0 auto 12px}.industry-card.selected .industry-icon{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff}.industry-name{font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;color:#0f172a;margin-bottom:4px}.industry-description{font-size:.7rem;color:#475569;line-height:1.4;letter-spacing:.01em}.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 rgba(0,0,0,.08);cursor:pointer;transition:transform .2s}.color-preview:hover{transform:scale(1.05)}.color-input-wrapper{flex:1}.logo-upload{border:2px dashed rgba(0,0,0,.08);border-radius:12px;padding:32px;text-align:center;cursor:pointer;transition:border-color .25s cubic-bezier(.4,0,.2,1),background .25s cubic-bezier(.4,0,.2,1);background:#00000003}.logo-upload:hover{border-color:#a855f74d;background:#a855f70a}.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:#a855f714;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#a855f7;margin:0 auto 12px}.upload-text{font-size:14px;color:#64748b}.upload-text strong{color:#a855f7}.tour-features{display:grid;gap:16px;margin-bottom:32px}.tour-feature{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#f1f5f9;border:1px solid rgba(0,0,0,.08);border-radius:12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.tour-feature-icon{width:40px;height:40px;background:linear-gradient(135deg,#a855f7,#7c3aed);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #a855f726}.tour-feature-content h4{font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;color:#0f172a;margin:0 0 4px}.tour-feature-content p{font-size:.85rem;color:#475569;margin:0;line-height:1.5}.ai-analyzer-section{background:#a855f70a;border:1px solid rgba(168,85,247,.15);border-radius:16px;padding:24px;margin-bottom:24px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ai-analyzer-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.ai-analyzer-header .ai-icon{color:#a855f7;flex-shrink:0}.ai-analyzer-title{font-family:Space Grotesk,sans-serif;font-size:1.15rem;font-weight:600;color:#a855f7;margin:0 0 4px;letter-spacing:-.01em;line-height:1.35}.ai-analyzer-subtitle{font-size:.85rem;color:#475569;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:#64748b;pointer-events:none}.website-url-input{width:100%;padding:12px 12px 12px 42px;border:1px solid rgba(0,0,0,.1);border-radius:6px;font-size:.95rem;font-family:Inter,sans-serif;color:#0f172a;background:#f8fafc;transition:border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.website-url-input:focus{outline:none;border-color:#a855f7;box-shadow:0 0 0 3px #a855f71f}.website-url-input::-moz-placeholder{color:#64748b}.website-url-input::placeholder{color:#64748b}.website-url-input:disabled{background:#f1f5f9;cursor:not-allowed}.input-hint{display:block;font-size:12px;color:#64748b;margin-top:6px;padding-left:4px}.business-description-input{width:100%;padding:16px;border:1px solid rgba(0,0,0,.1);border-radius:6px;font-size:.95rem;font-family:Inter,sans-serif;color:#0f172a;background:#f8fafc;resize:vertical;min-height:100px;transition:border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.business-description-input:focus{outline:none;border-color:#a855f7;box-shadow:0 0 0 3px #a855f71f}.business-description-input::-moz-placeholder{color:#64748b}.business-description-input::placeholder{color:#64748b}.business-description-input:disabled{background:#f1f5f9;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;color:#64748b}.ai-buttons{display:flex;gap:12px}.btn-skip-analysis{background:transparent;border:1px solid rgba(0,0,0,.08);color:#64748b;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .15s ease-out,color .15s ease-out}.btn-skip-analysis:hover:not(:disabled){border-color:#0000001f;color:#0f172a}.btn-skip-analysis:disabled{opacity:.5;cursor:not-allowed}.btn-analyze{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:transform .15s ease-out,box-shadow .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #a855f733}.btn-analyze:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #a855f74d}.btn-analyze:disabled{background:#e5e7eb;color:#64748b;box-shadow:none;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:#f1f5f9;border-radius:4px;overflow:hidden}.analysis-progress-fill{height:100%;background:linear-gradient(90deg,#a855f7,#7c3aed);border-radius:4px;transition:width .3s ease}.analysis-progress-stage{font-size:13px;color:#64748b;font-weight:500;text-align:center}.analysis-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#dc2626;font-size:.85rem;margin-top:12px}.analysis-warning{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:8px;color:#92400e;font-size:.85rem;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:#22c55e1f;color:#16a34a;font-size:.7rem;font-weight:600;padding:.2rem .6rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}.branding-card{border:1px dashed rgba(34,197,94,.3)}.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 rgba(0,0,0,.08)}.detected-colors{display:flex;align-items:center;gap:8px}.colors-label{font-size:13px;color:#64748b}.color-swatches{display:flex;gap:4px}.color-swatch{width:24px;height:24px;border-radius:4px;border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 2px #0003;cursor:pointer}.color-swatch:hover{transform:scale(1.1);transition:transform .15s ease}.branding-hint{font-size:12px;color:#22c55e;margin:0;font-style:italic}.detected-branding-hint{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#22c55e14;border:1px solid rgba(34,197,94,.2);border-radius:10px;margin-bottom:20px;font-size:14px;color:#22c55e}.detected-branding-hint svg{flex-shrink:0;color:#22c55e}.detected-logo-choice{background:#22c55e0f;border:1px solid rgba(34,197,94,.2);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:#22c55e;margin:0 0 12px}.detected-logo-options{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.detected-logo-preview-card{background:#00000008;border:1px solid rgba(34,197,94,.2);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:background .15s ease-out}.btn-use-detected:hover{background:#16a34a}.btn-upload-different{display:flex;align-items:center;gap:6px;background:transparent;color:#22c55e;border:1px solid rgba(34,197,94,.3);padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s ease-out,border-color .15s ease-out}.btn-upload-different:hover{background:#22c55e14;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}.analysis-results{background:#22c55e0f;border:1px solid rgba(34,197,94,.2);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:Space Grotesk,sans-serif;font-size:1.15rem;font-weight:600;color:#16a34a;margin:0 0 4px;letter-spacing:-.01em;line-height:1.35}.analysis-confidence{font-size:14px;color:#22c55e;margin:0}.confidence-high{color:#22c55e;font-weight:700}.confidence-medium{color:#fbbf24;font-weight:700}.confidence-low{color:#ef4444;font-weight:700}.analysis-recommendation{background:#fff;border:1px solid rgba(0,0,0,.08);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:.85rem;color:#475569}.recommended-industry .value{font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:700;color:#16a34a}.reasoning{font-size:.85rem;color:#475569;margin:0;line-height:1.6}.analysis-details{display:grid;gap:16px;margin-bottom:20px}.detail-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:16px}.detail-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#0f172a;font-weight:600;font-size:14px}.detail-header svg{color:#22c55e}.detail-primary{font-size:14px;color:#0f172a;margin:0 0 8px;line-height:1.5}.detail-tags{display:flex;flex-wrap:wrap;gap:8px}.detail-tags .tag{background:#f1f5f9;color:#64748b;padding:4px 10px;border-radius:6px;font-size:13px;font-weight:500}.detail-tags .tag.pillar{background:#22c55e1f;color:#22c55e}.detail-tags .tag.secondary{background:#22d3ee1f;color:#22d3ee}.btn-reset-analysis{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:transparent;border:1px solid rgba(34,197,94,.3);color:#22c55e;padding:12px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease-out,border-color .15s ease-out}.btn-reset-analysis:hover{background:#22c55e14;border-color:#22c55e}.industry-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.industry-section-header h3{font-family:Inter,sans-serif;font-size:1.15rem;font-weight:600;color:#0f172a;margin:0;letter-spacing:-.01em}.btn-show-analyzer{display:flex;align-items:center;gap:6px;background:#a855f714;border:1px solid rgba(168,85,247,.2);color:#a855f7;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease-out,border-color .15s ease-out}.btn-show-analyzer:hover{background:#a855f71f;border-color:#a855f7}.industry-card.ai-recommended{border-color:#22c55e4d;background:#22c55e0f}.industry-card.ai-recommended:hover:not(.disabled){border-color:#22c55e80;background:#22c55e1a}.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:.7rem;font-weight:600;padding:.2rem .6rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}.industry-card.ai-recommended .industry-icon{background:#22c55e1f;color:#22c55e}.industry-card.ai-recommended.selected .industry-icon{background:#22c55e;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}.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}}.content-pillars-preview{background:#a855f70a;border:1px solid rgba(168,85,247,.15);border-radius:12px;padding:16px;margin-bottom:24px}.content-pillars-preview h4{font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#64748b;margin:0 0 12px}.pillar-tags{display:flex;flex-wrap:wrap;gap:8px}.pillar-tag{display:inline-block;padding:6px 12px;background:#a855f714;border:1px solid rgba(168,85,247,.2);border-radius:20px;font-size:13px;font-weight:500;color:#a855f7}.content-option-section{margin-bottom:24px}.content-option-section h4{font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#0f172a;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:#f1f5f9;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:16px;cursor:pointer;transition:border-color .25s cubic-bezier(.4,0,.2,1),background .25s cubic-bezier(.4,0,.2,1);text-align:center}.option-card:hover{border-color:#a855f74d;background:#a855f70a}.option-card.selected{border-color:#a855f7;background:#a855f714;box-shadow:0 4px 12px #a855f71a}.option-card svg{color:#a855f7;margin-bottom:8px}.option-card.selected svg{color:#a855f7}.option-label{font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;color:#0f172a;margin-bottom:4px}.option-description{font-size:.7rem;color:#475569;line-height:1.4}.option-card.compact{padding:12px}.option-card.compact .option-label{margin-bottom:2px}.option-meta{font-size:12px;color:#64748b;margin-bottom:4px}.option-time{display:flex;align-items:center;justify-content:center;gap:4px;font-size:11px;color:#64748b}.option-time svg{margin-bottom:0}.article-count-selector{display:flex;gap:12px}.count-btn{flex:1;padding:12px 16px;background:#f1f5f9;border:1px solid rgba(0,0,0,.08);border-radius:10px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:border-color .25s cubic-bezier(.4,0,.2,1),background .25s cubic-bezier(.4,0,.2,1)}.count-btn:hover{border-color:#a855f74d}.count-btn.selected{border-color:#a855f7;background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;box-shadow:0 4px 12px #a855f733}.generate-btn{background:linear-gradient(135deg,#a855f7,#7c3aed);gap:8px}.generate-btn:hover:not(:disabled){box-shadow:0 4px 20px #a855f740}.generation-progress-container{background:#a855f70a;border:1px solid rgba(168,85,247,.15);border-radius:16px;padding:24px;margin-bottom:24px}.generation-status{display:flex;align-items:center;justify-content:center;gap:12px;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:600;color:#a855f7;margin-bottom:20px}.generation-status svg{color:#a855f7}.progress-bar-container{margin-bottom:16px}.progress-bar-container .progress-bar{height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-bar-container .progress-fill{height:100%;background:linear-gradient(90deg,#a855f7,#7c3aed);border-radius:4px;transition:width .3s ease}.progress-text{text-align:center;font-size:14px;color:#64748b;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:#64748b}.current-article svg{color:#a855f7}.generation-complete{text-align:center;padding:20px}.generation-complete .success-icon{color:#22c55e;margin-bottom:12px}.generation-complete h3{font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:600;color:#0f172a;margin:0 0 8px;letter-spacing:-.02em}.generation-complete p{font-size:.95rem;color:#475569;margin:0}.generation-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#dc2626;font-size:.85rem;margin-top:16px}.generated-articles-list{margin-top:20px}.generated-articles-list h4{font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#64748b;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:#64748b}.article-item.completed svg{color:#22c55e}.article-item.failed{background:#ef44440f}.article-item.failed svg{color:#ef4444}.article-item.generating{background:#a855f70a}.article-item.generating svg{color:#a855f7}@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:#64748b;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:#f1f5f9;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:16px}.pillar-sources-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.pillar-sources-header h4{font-family:Inter,sans-serif;font-size:15px;font-weight:600;color:#0f172a;margin:0;flex:1}.pillar-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.source-count{font-size:12px;color:#64748b;background:#f1f5f9;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:#64748b}.pillar-fetch-error{background:#ef44440f;color:#dc2626}.pillar-fetch-error svg{flex-shrink:0}.onboarding-page .source-cards{display:flex;flex-direction:column;gap:8px}.onboarding-page .source-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:10px 12px;cursor:pointer;transition:border-color .25s cubic-bezier(.4,0,.2,1),background .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:flex-start;gap:10px}.onboarding-page .source-card:hover{border-color:#a855f74d;background:#a855f70a}.onboarding-page .source-card.selected{border-color:#a855f7;background:#a855f70f}.onboarding-page .source-checkbox{width:20px;height:20px;min-width:20px;border:2px solid rgba(0,0,0,.08);border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background .15s ease-out,border-color .15s ease-out;margin-top:2px}.onboarding-page .source-card.selected .source-checkbox{background:#a855f7;border-color:#a855f7;color:#fff}.onboarding-page .source-card-header{display:none}.onboarding-page .source-card-content{flex:1;min-width:0}.onboarding-page .source-title{font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:#0f172a;line-height:1.3;margin-bottom:3px}.onboarding-page .source-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:0}.onboarding-page .source-publisher{font-size:11px;color:#64748b;font-weight:500}.onboarding-page .source-date{font-size:11px;color:#64748b}.onboarding-page .source-date:before{content:"•";margin-right:6px;color:#64748b}.onboarding-page .source-citations{font-size:10px;color:#a855f7;background:#a855f71a;padding:2px 6px;border-radius:4px;font-weight:500}.onboarding-page .source-verified{display:inline-flex;align-items:center;gap:3px;font-size:10px;color:#22c55e;background:#22c55e1f;padding:2px 6px;border-radius:4px}.onboarding-page .source-credibility{font-size:10px;padding:2px 6px;border-radius:4px;font-weight:500}.onboarding-page .source-credibility.high{color:#22d3ee;background:#22d3ee1f}.onboarding-page .source-findings{margin-top:6px;display:flex;flex-direction:column;gap:4px}.onboarding-page .source-finding{font-size:11px;color:#64748b;line-height:1.4;padding-left:10px;border-left:2px solid rgba(0,0,0,.08)}.onboarding-page .source-card.selected .source-finding{border-left-color:#a855f7}.onboarding-page .source-summary{font-size:11px;color:#64748b;line-height:1.4;margin-top:6px}.onboarding-page .source-link{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:#a855f7;text-decoration:none;transition:color .15s ease-out;margin-left:auto;flex-shrink:0;padding:4px 8px;background:#a855f70f;border-radius:6px;align-self:flex-start}.onboarding-page .source-link:hover{color:#a855f7;background:#a855f726}.selection-summary{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:#a855f70a;border:1px solid rgba(168,85,247,.15);border-radius:10px;margin-bottom:20px}.selection-summary>span:first-child{font-family:Inter,sans-serif;font-size:15px;font-weight:600;color:#a855f7}.selection-hint{font-size:13px;color:#a855f7}.btn-refresh{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:10px;color:#64748b;cursor:pointer;transition:border-color .15s ease-out,color .15s ease-out}.btn-refresh:hover{border-color:#a855f74d;color:#a855f7}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.onboarding-page .source-selection-container{max-height:350px}.onboarding-page .source-cards{grid-template-columns:1fr}.onboarding-page .pillar-sources-header{flex-wrap:wrap}.onboarding-page .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:1px solid rgba(0,0,0,.08);border-radius:10px;transition:border-color .25s cubic-bezier(.4,0,.2,1)}.brand-color-item:hover{border-color:#a855f74d}.brand-color-swatch{width:36px;height:36px;min-width:36px;border-radius:8px;border:2px solid rgba(0,0,0,.08);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 rgba(0,0,0,.08);border-radius:6px;font-size:13px;font-family:monospace;color:#0f172a;background:#fff;text-transform:lowercase;min-width:0}.brand-color-hex:focus{outline:none;border-color:#a855f7}.brand-color-remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;background:#ef444414;border:none;border-radius:6px;color:#ef4444;cursor:pointer;transition:background .15s ease-out}.brand-color-remove:hover{background:#ef444426}.add-color-picker{display:flex;align-items:center;gap:10px;padding:12px;background:#f1f5f9;border:2px dashed rgba(0,0,0,.08);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:background .15s ease-out}.btn-add-color-confirm:hover:not(:disabled){background:#16a34a}.btn-add-color-confirm:disabled{background:#475569;cursor:not-allowed}.btn-add-color-cancel{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f1f5f9;border:1px solid rgba(0,0,0,.08);border-radius:6px;color:#64748b;cursor:pointer;transition:color .15s ease-out}.btn-add-color-cancel:hover{color:#64748b}.btn-add-brand-color{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:transparent;border:2px dashed rgba(0,0,0,.08);border-radius:10px;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:border-color .15s ease-out,color .15s ease-out;margin-bottom:8px}.btn-add-brand-color:hover{border-color:#a855f74d;color:#a855f7}.btn-add-brand-color svg{color:#a855f7}@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}}.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:transform .15s ease-out,box-shadow .15s ease-out;position:relative;box-shadow:0 2px 8px #0000004d}.extracted-color-swatch:hover{transform:scale(1.08);box-shadow:0 4px 12px #0006}.extracted-color-swatch.is-primary{border-color:#a855f7;box-shadow:0 0 0 3px #a855f74d}.extracted-color-swatch.is-secondary{border-color:#22d3ee;box-shadow:0 0 0 3px #22d3ee4d}.extracted-color-swatch .color-badge{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;background:#a855f7;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000004d}.extracted-color-swatch.is-secondary .color-badge{background:#22d3ee}.extracted-color-hex{font-size:11px;color:#64748b;font-family:monospace;text-transform:uppercase}.color-role-select{width:100%;max-width:90px;padding:4px 6px;border:1px solid rgba(0,0,0,.08);border-radius:6px;background:#fff;font-size:11px;color:#0f172a;cursor:pointer;text-align:center;transition:border-color .15s ease-out}.color-role-select:hover{border-color:#0000001f}.color-role-select:focus{outline:none;border-color:#a855f7;box-shadow:0 0 0 2px #a855f726}.color-role-select option{padding:4px 8px;background:#fff;color:#0f172a}.extracted-color-swatch.is-accent{box-shadow:0 0 0 3px #f59e0b,0 0 0 5px #f59e0b4d}.extracted-color-swatch.is-background{box-shadow:0 0 0 3px #64748b,0 0 0 5px #64748b4d}.extracted-color-swatch.is-text{box-shadow:0 0 0 3px #0f172a,0 0 0 5px #1c1c1e33}.additional-colors{background:#f1f5f9;border-radius:12px;padding:20px;margin-top:8px}.additional-colors .form-group{margin-bottom:16px}.additional-colors .form-group:last-child{margin-bottom:0}.onboarding-page .form-label-small{display:block;font-size:13px;font-weight:500;color:#64748b;margin-bottom:6px}.btn-clear-color{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid rgba(0,0,0,.08);border-radius:6px;background:transparent;color:#64748b;cursor:pointer;transition:color .15s ease-out,background .15s ease-out;flex-shrink:0}.btn-clear-color:hover{background:#ef444414;color:#ef4444}@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:#22c55e14;color:#16a34a;border:1px solid rgba(34,197,94,.2)}.social-connect-message.error{background:#ef444414;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.social-connect-message.info{background:#3b82f614;color:#2563eb;border:1px solid rgba(59,130,246,.2)}.social-connect-message .spin{animation:spin 1s linear infinite}.social-api-warning{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f59e0b0f;border:1px solid rgba(245,158,11,.2);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:.85rem;margin-bottom:4px}.social-api-warning p{color:#b45309;font-size:.85rem;margin:0;line-height:1.5}.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:1px solid rgba(0,0,0,.08);border-radius:12px;transition:border-color .25s cubic-bezier(.4,0,.2,1)}.social-platform-card:hover{border-color:#a855f7}.social-platform-card.connected{border-color:#22c55e4d;background:#22c55e0a}.platform-icon-wrapper{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#64748b;flex-shrink:0;transition:color .25s cubic-bezier(.4,0,.2,1)}.social-platform-card.connected .platform-icon-wrapper{color:#fff}.platform-info{flex:1;min-width:0}.platform-name{display:block;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;color:#0f172a}.platform-status{display:flex;align-items:center;gap:4px;font-size:12px;color:#22c55e;margin-top:2px}.platform-connect-btn{padding:8px 14px;background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:transform .15s ease-out,box-shadow .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.platform-connect-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #a855f733}.platform-connect-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.platform-connect-btn.add-more{background:transparent;color:#a855f7;border:1px solid rgba(168,85,247,.25)}.platform-connect-btn.add-more:hover:not(:disabled){background:#a855f70f;border-color:#a855f7}.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:#22c55e0f;border:1px solid rgba(34,197,94,.2);border-radius:10px;font-size:14px;font-weight:600;color:#22c55e;margin-bottom:16px}.social-connect-summary svg{color:#22c55e}.social-connect-hint{text-align:center;font-size:13px;color:#64748b;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}}@media (prefers-reduced-motion: reduce){.step-container{animation:none}.onboarding-page .btn-continue,.onboarding-page .btn-analyze,.onboarding-page .platform-connect-btn,.onboarding-page .industry-card,.onboarding-page .option-card,.onboarding-page .source-card{transition:none}}}.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}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@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}}@layer components{.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 .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-header-box,.section-header-box .section-title{text-align:center}.section-header-box .section-subtitle{text-align:center;max-width:none}.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;min-height:auto}.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));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);border:1px solid var(--glass-border);box-shadow:0 4px 16px rgba(var(--primary-rgb),.06),inset 0 1px #ffffff80}.modern-theme .ai-flows .tab-navigation .tab-button{background:linear-gradient(145deg,#fffffff2,rgba(var(--background-light-rgb),.85));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(var(--secondary-rgb),.4);border-radius:var(--radius-full);padding:.625rem 1.25rem;color:var(--charcoal-graphite);transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000014}.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));border-color:rgba(var(--primary-rgb),.4);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.12)}.modern-theme .ai-flows .tab-navigation .tab-button.active{background:linear-gradient(145deg,rgba(var(--primary-rgb),.2),#ffffffb3,rgba(var(--primary-rgb),.15));border-color:rgba(var(--primary-rgb),.35);color:var(--primary);box-shadow:0 4px 16px rgba(var(--primary-rgb),.2),0 0 20px rgba(var(--primary-rgb),.1)}.modern-theme .flows-section,.modern-theme .config-section,.modern-theme .media-test-section,.modern-theme .visual-builder-section{background:transparent}.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));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(var(--primary-rgb),.08),inset 0 1px #ffffff80}.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));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(var(--primary-rgb),.08),inset 0 1px #ffffff80;transition:all .25s cubic-bezier(.4,0,.2,1)}.modern-theme .builder-welcome-card:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.12),#ffffff80,rgba(var(--background-light-rgb),.2));border-color:rgba(var(--primary-rgb),.25);transform:translateY(-2px);box-shadow:0 8px 32px rgba(var(--primary-rgb),.12),inset 0 1px #ffffff80}.modern-theme .workflow-item{background:linear-gradient(145deg,#ffffff59,rgba(var(--background-light-rgb),.15),rgba(var(--primary-rgb),.05));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(var(--background-light-rgb),.25);border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(var(--primary-rgb),.06),inset 0 1px #ffffff80;transition:all .25s cubic-bezier(.4,0,.2,1)}.modern-theme .workflow-item:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.12),#ffffff73,rgba(var(--background-light-rgb),.2));border-color:rgba(var(--primary-rgb),.25);transform:translateY(-2px);box-shadow:0 8px 32px rgba(var(--primary-rgb),.12),inset 0 1px #ffffff80}.modern-theme .progress-card{background:linear-gradient(145deg,#ffffff59,rgba(var(--background-light-rgb),.15),rgba(var(--primary-rgb),.08));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(var(--primary-rgb),.08),inset 0 1px #ffffff80}.modern-theme .progress-bar{background:rgba(var(--background-light-rgb),.4);border-radius:var(--radius-full)}.modern-theme .progress-fill{background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);border-radius:var(--radius-full)}.modern-theme .result-card{background:linear-gradient(145deg,#ffffff59,rgba(var(--background-light-rgb),.15),rgba(var(--primary-rgb),.08));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(var(--primary-rgb),.08),inset 0 1px #ffffff80;transition:all .25s cubic-bezier(.4,0,.2,1)}.modern-theme .result-card:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.12),#ffffff80,rgba(var(--background-light-rgb),.2));border-color:rgba(var(--primary-rgb),.25);transform:translateY(-2px);box-shadow:0 8px 32px rgba(var(--primary-rgb),.12),inset 0 1px #ffffff80}.modern-theme .result-header{border-bottom:1px solid var(--glass-border)}.modern-theme .content-preview{background:linear-gradient(145deg,#fff9,rgba(var(--background-light-rgb),.1));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--radius-md)}.modern-theme .placeholder-content{background:linear-gradient(145deg,#ffffff59,rgba(var(--background-light-rgb),.15),rgba(var(--primary-rgb),.08));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(var(--primary-rgb),.08),inset 0 1px #ffffff80}.modern-theme .article-select,.modern-theme .test-textarea,.modern-theme .test-select{background:#fff9;border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:inset 0 1px 3px #0000000d;transition:all .2s ease}.modern-theme .article-select:focus,.modern-theme .test-textarea:focus,.modern-theme .test-select:focus{background:#ffffffe6;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15)}.modern-theme .component-palette-item{background:linear-gradient(145deg,#ffffff80,rgba(var(--background-light-rgb),.15));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(var(--background-light-rgb),.25);border-radius:var(--radius-md);box-shadow:inset 0 1px #ffffff80;transition:all .25s cubic-bezier(.4,0,.2,1)}.modern-theme .component-palette-item:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.1),#ffffffb3);border-color:rgba(var(--primary-rgb),.3);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.1),inset 0 1px #ffffff80}.modern-theme .component-rules{background:linear-gradient(145deg,#ffffff80,rgba(var(--accent-rgb),.08));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(var(--accent-rgb),.25);border-radius:var(--radius-md);box-shadow:inset 0 1px #ffffff80}.modern-theme .component-rules-header{color:var(--text-muted)}.modern-theme .properties-panel-header{background:#fff9;border-bottom:1px solid var(--glass-border)}.modern-theme .properties-panel-section.connections{background:linear-gradient(145deg,#ffffff80,rgba(var(--primary-rgb),.05));border:1px solid rgba(var(--primary-rgb),.2);border-radius:var(--radius-md);box-shadow:inset 0 1px #ffffff80}.modern-theme .properties-panel-section.config{background:linear-gradient(145deg,#ffffff80,rgba(var(--background-light-rgb),.1));border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:inset 0 1px #ffffff80}.modern-theme .properties-panel-section-title.connections{color:var(--primary)}.modern-theme .connection-mapping{background:linear-gradient(145deg,#fff9,rgba(var(--primary-rgb),.05));border:1px solid rgba(var(--primary-rgb),.2);border-radius:var(--radius-md);box-shadow:inset 0 1px #ffffff80}.modern-theme .connection-mapping-header{color:var(--primary)}.modern-theme .connection-mapping-content{background:#ffffff80;border:1px solid var(--glass-border);border-radius:var(--radius-sm)}.modern-theme .connection-field-select.connected{background:rgba(var(--accent-rgb),.1);border-color:var(--text-muted)}.modern-theme .connection-status{color:var(--text-muted)}.modern-theme .workflow-canvas-container{background:linear-gradient(145deg,#ffffff40,rgba(var(--background-light-rgb),.1));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:inset 0 1px #ffffff80}.modern-theme .workflow-canvas{background:linear-gradient(135deg,rgba(var(--kalkvit-rgb),.8),rgba(var(--background-light-rgb),.5))}.modern-theme .canvas-palette{background:linear-gradient(145deg,#ffffff80,rgba(var(--background-light-rgb),.15),rgba(var(--primary-rgb),.08));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(var(--primary-rgb),.08),inset 0 1px #ffffff80}.modern-theme .canvas-palette-header{border-bottom:1px solid var(--glass-border)}.modern-theme .canvas-controls-group{background:linear-gradient(145deg,#fff9,rgba(var(--background-light-rgb),.15));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(var(--primary-rgb),.06),inset 0 1px #ffffff80}.modern-theme .canvas-control-btn:hover{background:rgba(var(--primary-rgb),.1);color:var(--primary)}.modern-theme .workflow-component{background:linear-gradient(145deg,#fff9,rgba(var(--background-light-rgb),.15),rgba(var(--primary-rgb),.05));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 4px 16px rgba(var(--primary-rgb),.06),inset 0 1px #ffffff80;transition:all .25s cubic-bezier(.4,0,.2,1)}.modern-theme .workflow-component.selected{background:linear-gradient(145deg,rgba(var(--primary-rgb),.2),#fff9,rgba(var(--primary-rgb),.15));border-color:rgba(var(--primary-rgb),.35);box-shadow:0 8px 32px rgba(var(--primary-rgb),.18),0 0 20px rgba(var(--primary-rgb),.1),inset 0 1px #fff9}.modern-theme .canvas-properties-panel{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-left:1px solid var(--glass-border);box-shadow:-8px 0 32px rgba(var(--primary-rgb),.06),inset 1px 0 #ffffff80}.modern-theme .workflow-stats{background:linear-gradient(145deg,#ffffff80,rgba(var(--background-light-rgb),.15));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(var(--primary-rgb),.06),inset 0 1px #ffffff80}.modern-theme .workflow-status-message.connection-mode{background:var(--primary);box-shadow:0 4px 16px rgba(var(--primary-rgb),.3)}.modern-theme .workflow-status-message.instruction{background:linear-gradient(145deg,#ffffffd9,rgba(var(--primary-rgb),.08));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--primary);border:1px solid rgba(var(--primary-rgb),.25);box-shadow:inset 0 1px #ffffff80}.modern-theme .error-banner{background:linear-gradient(145deg,#ef44441a,#ffffff80);border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-md);box-shadow:inset 0 1px #ffffff80}.modern-theme .content-list-header{border-bottom:1px solid var(--glass-border)}.modern-theme .status-icon.active{color:var(--primary)}.modern-theme .workflow-port-info{background:#ffffff80;border-radius:var(--radius-sm)}.modern-theme .workflow-connection-line{stroke:var(--primary)}.modern-theme .workflow-drag-preview{stroke:var(--text-muted)}@media (max-width: 768px){.modern-theme .ai-flows-header{margin:0;border-radius:0}.modern-theme .canvas-palette{width:100%;max-width:none;position:relative;top:0;left:0;margin-bottom:var(--spacing-md);max-height:none}.modern-theme .canvas-properties-panel{width:100%;position:relative;border-left:none;border-top:1px solid var(--glass-border)}}}@layer components{.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}.social-studio-header .header-content{width:95%;max-width:none}.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:visible;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}.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}}@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%;max-width:100%;min-width:100%;margin:0;padding:0}.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%;max-width:100%}.social-studio-body{padding:0;width:100%;max-width:100%}.content-review-tab .review-layout{display:block;width:100%;max-width:100%;min-height:calc(100vh - 10rem);padding:0;margin:0}.content-review-tab{width:100%;max-width:100%;padding:0}.panel-wrapper{width:100%;max-width:100%;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%;max-width:100%;box-sizing:border-box}.content-items-container{overflow:visible}.modern-theme .social-studio .panel-wrapper.mobile-hidden{display:none}.modern-theme .social-studio .content-review-tab .review-layout{display:block;width:100%;grid-template-columns:1fr}.modern-theme .social-studio .panel-wrapper{width:100%;max-width:100%}.content-review-tab .review-layout{width:100%;grid-template-columns:1fr}.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%;max-width:100%;box-sizing:border-box;overflow:hidden;padding:.75rem}.queue-content .content-item-header{flex-wrap:wrap;gap:.35rem}.queue-content .content-item-left{flex-wrap:wrap;gap:.25rem;max-width:calc(100% - 40px)}.queue-content .content-item-card>div:last-child{display:flex;flex-direction:column;gap:.5rem}.queue-content .content-item-card div[style*=grid-template-columns]{display:flex;flex-direction:column;gap:.5rem}.queue-content .content-item-card input[type=datetime-local]{width:100%;font-size:.75rem;padding:.5rem}.queue-content .content-item-card .primary-btn,.queue-content .content-item-card .secondary-btn{padding:.5rem .75rem;font-size:.75rem}.queue-content .content-item-card div[style*="backgroundColor: var(--kalkvit)"]{flex-wrap:wrap;gap:.35rem}.queue-content .content-item-card img{width:40px;height:40px}.publishing-queue-panel .panel-header{flex-wrap:wrap;gap:.5rem;padding:.75rem}.publishing-queue-panel .panel-header>div{flex-wrap:wrap;gap:.5rem;width:100%;justify-content:flex-end}.publishing-queue-panel .panel-header .primary-btn,.publishing-queue-panel .panel-header .secondary-btn{flex:1;min-width:0}.publishing-queue-panel .panel-title{width:100%;margin-bottom:.25rem}.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;min-height:auto;width:100%;max-width:100%}.modern-theme .social-studio .review-layout{height:calc(100vh - 10rem);min-height:unset;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden}.modern-theme .social-studio .panel-wrapper{height:100%;max-height:100%;display:flex;flex-direction:column;overflow:hidden;min-width:0}.modern-theme .social-studio .content-library-panel,.modern-theme .social-studio .content-preview-panel,.modern-theme .social-studio .publishing-queue-panel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;height:100%;overflow:hidden}.modern-theme .social-studio .content-list,.modern-theme .social-studio .preview-content,.modern-theme .social-studio .queue-content{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden}.modern-theme .social-studio .tab-navigation{display:flex;justify-content:center;gap:.75rem;margin:0;padding:.75rem;background:linear-gradient(145deg,#ffffff59,rgba(var(--background-light-rgb),.15));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);border:1px solid var(--glass-border);box-shadow:0 4px 20px rgba(var(--primary-rgb),.08),inset 0 1px #ffffff80}.modern-theme .social-studio .tab-btn,.modern-theme .social-studio .tab-button{background:linear-gradient(145deg,#fffffff2,rgba(var(--background-light-rgb),.85));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(var(--secondary-rgb),.4);border-radius:var(--radius-full);padding:.625rem 1.25rem;color:var(--charcoal-graphite);font-weight:500;font-size:.875rem;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000014;text-decoration:none}.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));border-color:rgba(var(--primary-rgb),.4);transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--primary-rgb),.12),inset 0 1px #ffffff80}.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));border-color:rgba(var(--primary-rgb),.35);color:var(--primary);font-weight:600;box-shadow:0 4px 16px rgba(var(--primary-rgb),.2),0 0 20px rgba(var(--primary-rgb),.1),inset 0 1px #fff9}.modern-theme .social-studio .tab-button .tab-icon,.modern-theme .social-studio .tab-btn .tab-icon{width:16px;height:16px;opacity:.8}.modern-theme .social-studio .tab-button.active .tab-icon,.modern-theme .social-studio .tab-btn.active .tab-icon{opacity:1;color:var(--primary)}.modern-theme .panel-wrapper{background:linear-gradient(145deg,#ffffff59,rgba(var(--background-light-rgb),.15),rgba(var(--primary-rgb),.08));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(var(--primary-rgb),.08)}.modern-theme .panel-header{background:#fff9;border-bottom:1px solid rgba(var(--secondary-rgb),.15);border-radius:0}.modern-theme .panel-header h3{color:var(--charcoal-graphite)}.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));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(var(--background-light-rgb),.25);border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(var(--primary-rgb),.06),inset 0 1px #ffffff80;transition:all .25s cubic-bezier(.4,0,.2,1)}.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));border-color:rgba(var(--primary-rgb),.25);transform:translateY(-2px);box-shadow:0 8px 32px rgba(var(--primary-rgb),.12),inset 0 1px #ffffff80}.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));border-color:rgba(var(--primary-rgb),.35);box-shadow:0 8px 32px rgba(var(--primary-rgb),.18),0 0 20px rgba(var(--primary-rgb),.1),inset 0 1px #fff9}.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));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--radius-md)}.modern-theme .no-image-section{border:2px dashed rgba(var(--background-light-rgb),.5)}.modern-theme .image-option{background:linear-gradient(145deg,#fff9,rgba(var(--background-light-rgb),.1));border:2px solid rgba(var(--background-light-rgb),.25);border-radius:var(--radius-sm);transition:all .2s ease}.modern-theme .image-option:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.08),#ffffffb3);border-color:rgba(var(--primary-rgb),.35);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.1)}.modern-theme .image-option.selected{background:linear-gradient(145deg,rgba(var(--primary-rgb),.15),#ffffffb3);border-color:var(--primary);box-shadow:0 4px 16px rgba(var(--primary-rgb),.2),0 0 12px rgba(var(--primary-rgb),.1)}.modern-theme .filter-controls{background:linear-gradient(145deg,#ffffff73,rgba(var(--background-light-rgb),.15));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-sm)}.modern-theme .modal-content-editor{background:#fffc;border:1px solid var(--glass-border);border-radius:var(--radius-md)}.modern-theme .modal-content-editor:focus{background:#fffffff2;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15)}.modern-theme .mobile-workflow-nav{background:linear-gradient(145deg,#ffffff73,rgba(var(--background-light-rgb),.15),rgba(var(--primary-rgb),.08));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);box-shadow:0 4px 16px rgba(var(--primary-rgb),.06)}.modern-theme .mobile-nav-btn{background:linear-gradient(145deg,#ffffff80,rgba(var(--background-light-rgb),.15));border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all .2s ease}.modern-theme .mobile-nav-btn:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.08),#ffffffb3);border-color:rgba(var(--primary-rgb),.25)}.modern-theme .mobile-nav-btn.active{background:var(--primary);border-color:transparent;color:#fff;box-shadow:0 4px 16px rgba(var(--primary-rgb),.3),inset 0 1px #fff3}.modern-theme .mobile-back-btn{background:linear-gradient(145deg,#fff9,rgba(var(--background-light-rgb),.15));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(var(--background-light-rgb),.3);border-radius:var(--radius-md);transition:all .2s ease}.modern-theme .mobile-back-btn:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.1),#fffc);border-color:rgba(var(--primary-rgb),.3)}.modern-theme .mobile-queue-fab{background:var(--primary);box-shadow:0 8px 24px rgba(var(--primary-rgb),.4),inset 0 1px #fff3;transition:all .2s ease}.modern-theme .mobile-queue-fab:hover{background:var(--secondary);transform:translateY(-2px);box-shadow:0 12px 32px rgba(var(--primary-rgb),.5),inset 0 1px #fff3}.modern-theme .content-list::-webkit-scrollbar-track,.modern-theme .preview-content::-webkit-scrollbar-track,.modern-theme .queue-content::-webkit-scrollbar-track{background:#ffffff4d;border-radius:4px}.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);border-radius:4px}.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)}.modern-theme .status-draft{background:rgba(var(--dimblag-rgb, 107, 107, 107),.8);border-radius:var(--radius-full)}.modern-theme .status-published{background:rgba(var(--color-success-rgb, 34, 197, 94),.85);border-radius:var(--radius-full)}.modern-theme .status-scheduled{background:rgba(var(--primary-rgb),.85);border-radius:var(--radius-full)}.modern-theme .platform-grid>*{background:#ffffffb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--radius-md)}.modern-theme .social-studio .ai-flows-tabs{background:#fff9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);padding:.375rem;border:1px solid var(--glass-border)}.modern-theme .social-studio .ai-flows-tabs .tab-btn{color:var(--charcoal-graphite);background:linear-gradient(145deg,#fffffff2,rgba(var(--background-light-rgb),.85));border:1px solid rgba(var(--secondary-rgb),.4);border-radius:var(--radius-md);box-shadow:0 2px 6px #0000000f}.modern-theme .social-studio .ai-flows-tabs .tab-btn:hover{background:rgba(var(--primary-rgb),.12);border-color:rgba(var(--primary-rgb),.4)}.modern-theme .social-studio .ai-flows-tabs .tab-btn.active{background:#fffffff2;color:var(--primary);box-shadow:0 2px 8px #0000000f}@media (max-width: 1024px){.modern-theme .social-studio .tab-navigation{display:none}.modern-theme .social-studio .tab-hamburger-wrapper{display:block}}@media (max-width: 768px){.modern-theme .social-studio{width:100%;max-width:100%;min-width:100%;margin:0;padding:0}.modern-theme .social-studio .tab-navigation{display:none}.modern-theme .social-studio-header{margin:0;border-radius:0;width:100%;max-width:100%}.modern-theme .social-studio-body{padding:0;margin:0;max-width:100%;width:100%}.modern-theme .social-studio .content-review-tab{width:100%;max-width:100%;padding:0;margin:0}.modern-theme .social-studio .content-review-tab .review-layout{display:block;width:100%;max-width:100%;grid-template-columns:1fr;padding:0;margin:0}.modern-theme .social-studio .panel-wrapper{width:100%;max-width:100%;border-radius:0;margin:0;flex:none}.modern-theme .social-studio .library-wrapper,.modern-theme .social-studio .preview-wrapper,.modern-theme .social-studio .queue-wrapper{width:100%;max-width:100%;flex:none;margin:0;border-radius:0}.modern-theme .social-studio .content-library-panel,.modern-theme .social-studio .content-preview-panel,.modern-theme .social-studio .publishing-queue-panel{width:100%;max-width:100%;margin:0}.modern-theme .social-studio .panel-wrapper:not(.mobile-hidden){height:calc(100vh - 12rem);max-height:calc(100vh - 12rem);overflow:hidden;display:flex;flex-direction:column}.modern-theme .social-studio .content-library-panel,.modern-theme .social-studio .content-preview-panel,.modern-theme .social-studio .publishing-queue-panel{flex:1;display:flex;flex-direction:column;min-height:0;max-height:100%;overflow:hidden}.modern-theme .social-studio .content-list,.modern-theme .social-studio .preview-content,.modern-theme .social-studio .queue-content{flex:1 1 0;min-height:0;max-height:calc(100vh - 18rem);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.modern-theme .social-studio .queue-content .content-item-card{width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;padding:.75rem}.modern-theme .social-studio .queue-content .content-item-header{flex-wrap:wrap;gap:.35rem}.modern-theme .social-studio .queue-content .content-item-left{flex-wrap:wrap;gap:.25rem;max-width:calc(100% - 40px)}.modern-theme .social-studio .queue-content .content-item-card>div:last-child{display:flex;flex-direction:column;gap:.5rem}.modern-theme .social-studio .queue-content .content-item-card div[style*=grid-template-columns]{display:flex;flex-direction:column;gap:.5rem}.modern-theme .social-studio .queue-content .content-item-card input[type=datetime-local]{width:100%;font-size:.75rem;padding:.5rem}.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;font-size:.75rem}.modern-theme .social-studio .queue-content .content-item-card div[style*="backgroundColor: var(--kalkvit)"]{flex-wrap:wrap;gap:.35rem}.modern-theme .social-studio .queue-content .content-item-card img{width:40px;height:40px}.modern-theme .social-studio .publishing-queue-panel .panel-header{flex-wrap:wrap;gap:.5rem;padding:.75rem}.modern-theme .social-studio .publishing-queue-panel .panel-header>div{flex-wrap:wrap;gap:.5rem;width:100%;justify-content:flex-end}.modern-theme .social-studio .publishing-queue-panel .panel-header .primary-btn,.modern-theme .social-studio .publishing-queue-panel .panel-header .secondary-btn{flex:1;min-width:0}.modern-theme .social-studio .publishing-queue-panel .panel-title{width:100%;margin-bottom:.25rem}.modern-theme .social-studio .panel-wrapper.mobile-hidden{display:none}.modern-theme .mobile-workflow-nav{border-radius:0;margin:0}}}@layer components{.image-creator{background:#fff;padding:1rem;border-radius:10px;border:1px solid var(--sandbeige);box-shadow:0 2px 8px #0000001a}.creator-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.creator-header h3{margin:0;color:var(--charcoal-graphite);font-size:1rem}.feedback-message{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;border-radius:5px;margin-bottom:.75rem;font-size:.77rem;position:relative}.feedback-message.persistent{border-left:4px solid currentColor;padding-right:2.5rem}.feedback-close{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.2rem;font-weight:700;cursor:pointer;color:inherit;opacity:.7;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:2px}.feedback-close:hover{opacity:1;background:#0000001a}.feedback-message.success{background:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success-dark)}.feedback-message.error{background:var(--color-error-light);border:1px solid var(--color-error);color:var(--color-error-dark)}.feedback-message.info{background:var(--color-info-light);border:1px solid var(--color-info);color:var(--color-info-dark)}.feedback-message.warning{background:var(--color-warning-light);border:1px solid var(--color-warning);color:var(--color-warning-dark)}.feedback-message.loading{background:var(--color-gray-light);border:1px solid #9ca3af;color:#374151}}@layer components{.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}.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}.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)}}@layer components{.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}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(var(--primary-rgb),.08),inset 0 1px #ffffff80}.modern-theme .calendar-header{background:#ffffffe6;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-bottom:1px solid rgba(var(--background-light-rgb),.3);color:var(--charcoal-graphite);box-shadow:0 8px 32px #0000000f,inset 0 1px #fffc}.modern-theme .calendar-header h2{color:var(--charcoal-graphite);text-shadow:0 1px 2px rgba(255,255,255,.5)}.modern-theme .calendar-header h2 svg{color:var(--primary)}.modern-theme .calendar-header p{color:var(--text-muted);opacity:.85}.modern-theme .btn-refresh{background:linear-gradient(145deg,#ffffff80,rgba(var(--background-light-rgb),.2));border:1px solid var(--glass-border);color:var(--charcoal-graphite);transition:all .25s cubic-bezier(.4,0,.2,1)}.modern-theme .btn-refresh:hover:not(:disabled){background:linear-gradient(145deg,rgba(var(--primary-rgb),.1),#ffffffb3);border-color:rgba(var(--primary-rgb),.3);color:var(--primary)}.modern-theme .calendar-controls{background:linear-gradient(145deg,#ffffff73,rgba(var(--background-light-rgb),.15));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border)}.modern-theme .nav-btn,.modern-theme .btn-today{background:linear-gradient(145deg,#fff9,rgba(var(--background-light-rgb),.15));border:1px solid var(--glass-border);transition:all .25s cubic-bezier(.4,0,.2,1)}.modern-theme .nav-btn:hover,.modern-theme .btn-today:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.1),#ffffffb3);border-color:rgba(var(--primary-rgb),.25);color:var(--primary)}.modern-theme .filter-select{background:#fff9;border:1px solid var(--glass-border);transition:all .2s ease}.modern-theme .filter-select:focus{background:#ffffffe6;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15)}.modern-theme .view-toggle{background:linear-gradient(145deg,#ffffff80,rgba(var(--background-light-rgb),.15));border:1px solid var(--glass-border)}.modern-theme .view-toggle button.active{background:var(--primary);box-shadow:0 2px 8px rgba(var(--primary-rgb),.3)}.modern-theme .calendar-stats{background:#ffffff80;border-bottom:1px solid var(--glass-border)}.modern-theme .calendar-weekdays{background:linear-gradient(145deg,#fff6,rgba(var(--background-light-rgb),.1));border-bottom:1px solid var(--glass-border)}.modern-theme .calendar-day{background:#ffffff80;border-color:var(--glass-border);transition:all .2s ease}.modern-theme .calendar-day.other-month{background:#ffffff40}.modern-theme .calendar-day.today{background:linear-gradient(145deg,rgba(var(--primary-rgb),.1),#fff9)}.modern-theme .calendar-day.drag-over{background:linear-gradient(145deg,rgba(var(--primary-rgb),.15),#ffffffb3);box-shadow:inset 0 0 0 2px var(--primary)}.modern-theme .calendar-item{background:linear-gradient(145deg,#ffffffb3,rgba(var(--background-light-rgb),.1));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .25s cubic-bezier(.4,0,.2,1)}.modern-theme .calendar-item:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.1),#fffc);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.12)}.modern-theme .item-modal{background:linear-gradient(145deg,#ffffff80,rgba(var(--background-light-rgb),.15),rgba(var(--primary-rgb),.08));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);box-shadow:0 20px 60px rgba(var(--primary-rgb),.2),inset 0 1px #ffffff80}.modern-theme .modal-header{background:#fff9;border-bottom:1px solid var(--glass-border)}.modern-theme .modal-close{background:linear-gradient(145deg,#ffffff80,rgba(var(--background-light-rgb),.15));transition:all .2s ease}.modern-theme .modal-close:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.1),#ffffffb3);color:var(--primary)}.modern-theme .modal-schedule{background:linear-gradient(145deg,#ffffff80,rgba(var(--background-light-rgb),.1));border:1px solid var(--glass-border)}.modern-theme .modal-actions{background:#fff9;border-top:1px solid var(--glass-border)}.modern-theme .action-btn.view{background:var(--primary);box-shadow:0 4px 16px rgba(var(--primary-rgb),.3),inset 0 1px #fff3}.modern-theme .action-btn.view:hover{background:var(--secondary);transform:translateY(-1px)}.modern-theme .action-btn.duplicate{background:linear-gradient(145deg,#fff9,rgba(var(--background-light-rgb),.15));border:1px solid var(--glass-border)}.modern-theme .action-btn.duplicate:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.1),#ffffffb3);border-color:rgba(var(--primary-rgb),.3);color:var(--primary)}.modern-theme .content-list-view{background:linear-gradient(145deg,#ffffff59,rgba(var(--background-light-rgb),.15),rgba(var(--primary-rgb),.08));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);box-shadow:0 8px 32px rgba(var(--primary-rgb),.08),inset 0 1px #ffffff80}.modern-theme .list-item{background:#ffffff80;border-color:var(--glass-border);transition:all .25s cubic-bezier(.4,0,.2,1)}.modern-theme .list-item:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.08),#ffffffb3)}.modern-theme .list-action-btn{background:linear-gradient(145deg,#fff9,rgba(var(--background-light-rgb),.15));border:1px solid var(--glass-border)}.modern-theme .list-action-btn:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.1),#ffffffb3);border-color:rgba(var(--primary-rgb),.3);color:var(--primary)}.modern-theme .drag-indicator{background:linear-gradient(145deg,rgba(var(--charcoal-graphite-rgb),.9),rgba(var(--primary-rgb),.8));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 32px rgba(var(--primary-rgb),.3),inset 0 1px #fff3}@media (max-width: 768px){.modern-theme .calendar-header{border-radius:0}}}@layer components{.engage-container{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;display:flex;flex-direction:column}.engage-header{background:linear-gradient(135deg,var(--charcoal-graphite) 0%,var(--secondary) 100%);color:var(--kalkvit);padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10;width:auto;box-sizing:border-box}.engage-header-left{display:flex;align-items:center;gap:.75rem}.engage-header-left h2{margin:0;font-family:var(--font-header);font-size:1.25rem;font-weight:600;color:var(--kalkvit)}.engage-header-subtitle{font-size:.85rem;opacity:.7}.engage-header-right{display:flex;align-items:center;gap:.5rem}.engage-refresh-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--kalkvit);padding:.5rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-base)}.engage-refresh-btn:hover{background:#fff3}.engage-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.engage-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--color-error-bg, rgba(220, 53, 69, .1));color:var(--tegelrod);font-size:.85rem;border-bottom:1px solid var(--color-border)}.engage-error button{margin-left:auto;background:var(--tegelrod);color:#fff;border:none;padding:.25rem .75rem;border-radius:4px;cursor:pointer;font-size:.8rem}.engage-content{position:relative;display:flex;flex:1;min-height:0;height:calc(100vh - 96px)}.engage-sidebar{width:400px;min-width:400px;border-right:1px solid var(--color-border);display:flex;flex-direction:column;background:var(--kalkvit)}.engage-main{flex:1;display:flex;flex-direction:column;background:var(--kalkvit);min-width:0;overflow:hidden}.engage-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-gray);gap:.75rem;padding:2rem;text-align:center}.engage-empty-state h3{margin:0;font-family:var(--font-header);color:var(--charcoal-graphite);font-size:1.1rem}.engage-empty-state p{margin:0;font-size:.9rem;max-width:300px}.engage-addon-required{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 2rem;text-align:center;color:var(--color-gray)}.engage-addon-required h3{margin:0;font-family:var(--font-header);color:var(--charcoal-graphite);font-size:1.25rem}.engage-addon-required p{margin:0;font-size:.95rem;max-width:420px;line-height:1.5}.engage-addon-actions{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.engage-addon-link{display:flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;background:var(--koppar);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-family:var(--font-body);text-decoration:none;cursor:pointer;transition:var(--transition-base)}.engage-addon-link:hover{background:var(--jordbrun);box-shadow:var(--shadow-sm)}.engage-addon-retry{display:flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;background:transparent;color:var(--charcoal-graphite);border:1px solid var(--color-border);border-radius:8px;font-size:.9rem;font-family:var(--font-body);cursor:pointer;transition:var(--transition-base)}.engage-addon-retry:hover{background:var(--sandbeige)}.engage-demo-banner{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;background:linear-gradient(90deg,#f59e0b1a,#f59e0b0d);color:#92400e;font-size:.8rem;border-bottom:1px solid rgba(245,158,11,.2)}.engage-demo-badge{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:.375rem;padding:.3rem .75rem;background:#f59e0beb;color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;border-radius:20px;box-shadow:0 2px 8px #f59e0b4d;pointer-events:none}.conversation-list{display:flex;flex-direction:column;height:100%;overflow:hidden}.conversation-list-search{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);color:var(--color-gray)}.conversation-list-search input{flex:1;border:none;outline:none;font-size:.9rem;font-family:var(--font-body);color:var(--charcoal-graphite);background:transparent}.conversation-list-search input::-moz-placeholder{color:var(--color-gray)}.conversation-list-search input::placeholder{color:var(--color-gray)}.conversation-list-filters{display:flex;align-items:center;gap:.2rem;padding:.35rem .5rem;border-bottom:1px solid var(--color-border);position:relative}.filter-tab{flex-shrink:0;padding:.2rem .5rem;border:1px solid var(--color-border);border-radius:14px;background:transparent;color:var(--charcoal-graphite);font-size:.72rem;font-family:var(--font-body);cursor:pointer;transition:var(--transition-base);white-space:nowrap;line-height:1.3}.filter-tab:hover{background:var(--sandbeige)}.filter-tab.active{background:var(--koppar);color:#fff;border-color:var(--koppar)}.filter-tab-more{flex-shrink:0;padding:.2rem .45rem;border:1px solid var(--color-border);border-radius:14px;background:transparent;color:var(--charcoal-graphite);font-size:.72rem;font-family:var(--font-body);cursor:pointer;transition:var(--transition-base);line-height:1.3;display:flex;align-items:center;gap:.2rem}.filter-tab-more:hover{background:var(--sandbeige)}.filter-tab-more.has-active{background:var(--charcoal-graphite);color:#fff;border-color:var(--charcoal-graphite)}.filter-overflow-dropdown{position:absolute;top:calc(100% + 4px);right:.5rem;z-index:20;background:var(--kalkvit);border:1px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow-sm);padding:.25rem;min-width:160px;display:flex;flex-direction:column;gap:.1rem}.filter-overflow-item{display:flex;align-items:center;gap:.5rem;padding:.35rem .6rem;border:none;border-radius:6px;background:transparent;color:var(--charcoal-graphite);font-size:.78rem;font-family:var(--font-body);cursor:pointer;transition:var(--transition-base);text-align:left;width:100%}.filter-overflow-item:hover{background:var(--sandbeige)}.filter-overflow-item.active{font-weight:600}.filter-overflow-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.filter-overflow-badge{margin-left:auto;font-size:.68rem;color:var(--color-gray);font-weight:500}.conversation-list-items{flex:1;overflow-y:auto}.conversation-list-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 1rem;color:var(--color-gray);font-size:.9rem}.conversation-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:3rem 1.5rem;color:var(--color-gray);text-align:center}.conversation-list-empty p{margin:0;font-size:.9rem}.conversation-list-empty-hint{font-size:.8rem!important;opacity:.7;max-width:250px}.conversation-list-load-more{width:100%;padding:.75rem;border:none;background:transparent;color:var(--koppar);font-size:.85rem;font-family:var(--font-body);cursor:pointer;transition:var(--transition-base)}.conversation-list-load-more:hover{background:var(--sandbeige)}.conversation-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;border-bottom:1px solid var(--color-border);background:var(--kalkvit);cursor:pointer;text-align:left;transition:var(--transition-base);font-family:var(--font-body)}.conversation-item:hover{background:var(--sandbeige)}.conversation-item.selected{background:rgba(var(--primary-rgb),.08);border-left:3px solid var(--conv-platform-color, var(--primary))}.conversation-item.unread{background:rgba(var(--primary-rgb),.04)}.conversation-item-avatar{position:relative;flex-shrink:0;width:44px;height:44px}.conversation-item-avatar img{width:44px;height:44px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.conversation-item-avatar-fallback{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--koppar),var(--jordbrun));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.conversation-item-platform-dot{position:absolute;bottom:0;right:0;width:14px;height:14px;border-radius:50%;border:2px solid var(--kalkvit)}.conversation-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.conversation-item-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.conversation-item-name{font-weight:600;font-size:.9rem;color:var(--charcoal-graphite);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item.unread .conversation-item-name{font-weight:700}.conversation-item-time{flex-shrink:0;font-size:.75rem;color:var(--color-gray)}.conversation-item-bottom{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.conversation-item-preview{font-size:.8rem;color:var(--color-gray);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.conversation-item.unread .conversation-item-preview{color:var(--charcoal-graphite);font-weight:500}.conversation-item-badge{flex-shrink:0;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--koppar);color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center}.message-thread{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.message-thread-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);background:var(--kalkvit);flex-shrink:0}.message-thread-back{display:none;background:none;border:none;color:var(--charcoal-graphite);cursor:pointer;padding:.25rem;border-radius:6px;transition:var(--transition-base)}.message-thread-back:hover{background:var(--sandbeige)}.message-thread-participant{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.message-thread-avatar{position:relative;width:48px;height:48px;flex-shrink:0}.message-thread-avatar img{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.message-thread-avatar-fallback{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--koppar),var(--jordbrun));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.message-thread-avatar-platform-dot{position:absolute;bottom:0;right:0;width:14px;height:14px;border-radius:50%;border:2px solid var(--kalkvit)}.message-thread-participant-status{font-size:.75rem;color:var(--color-gray);margin-left:.35rem}.message-thread-participant-info{display:flex;flex-direction:column;min-width:0}.message-thread-participant-name{font-weight:600;font-size:.95rem;color:var(--charcoal-graphite);font-family:var(--font-header)}.message-thread-participant-platform{font-size:.8rem}.message-thread-refresh{background:none;border:1px solid var(--color-border);color:var(--color-gray);padding:.4rem;border-radius:6px;cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;justify-content:center}.message-thread-refresh:hover{background:var(--sandbeige);color:var(--charcoal-graphite)}.message-thread-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.message-thread-loading,.message-thread-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--color-gray);font-size:.9rem}.message-thread-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:var(--tegelrod);text-align:center;padding:2rem}.message-thread-error p{margin:0;font-size:.9rem}.message-thread-error button{background:var(--tegelrod);color:#fff;border:none;padding:.4rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem}.message-bubble{display:flex;flex-direction:column;max-width:70%}.message-bubble.incoming{align-self:flex-start}.message-bubble.outgoing{align-self:flex-end}.message-bubble-content{padding:.6rem .9rem;border-radius:16px;word-wrap:break-word;overflow-wrap:break-word}.message-bubble.incoming .message-bubble-content{background:var(--kalkvit);border:1px solid var(--color-border);border-radius:16px 16px 16px 4px}.message-bubble.outgoing .message-bubble-content{background:rgba(var(--primary-rgb),.12);color:var(--charcoal-graphite);border:1px solid var(--primary);border-radius:16px 16px 4px}.message-bubble.optimistic .message-bubble-content{opacity:.7}.message-bubble-text{margin:0;font-size:.9rem;line-height:1.4;white-space:pre-wrap}.message-bubble-time{font-size:.7rem;color:var(--color-gray);margin-top:.15rem;padding:0 .25rem}.message-bubble.outgoing .message-bubble-time{text-align:right}.message-bubble-attachments{margin-top:.5rem}.message-bubble-attachment img{max-width:240px;max-height:240px;border-radius:8px;-o-object-fit:cover;object-fit:cover}.message-bubble-attachment a{display:flex;align-items:center;gap:.35rem;color:inherit;text-decoration:underline;font-size:.85rem}.message-bubble-story-reply{font-size:.75rem;opacity:.7;font-style:italic;margin-top:.25rem}.message-thread-input{border-top:1px solid var(--color-border);background:var(--kalkvit);padding:.75rem 1rem;flex-shrink:0}.message-thread-send-error{display:flex;align-items:center;gap:.35rem;padding:.35rem .5rem;margin-bottom:.5rem;background:var(--color-error-bg, rgba(220, 53, 69, .1));color:var(--tegelrod);font-size:.8rem;border-radius:6px}.message-thread-input-row{display:flex;align-items:flex-end;gap:.5rem}.message-thread-input-row textarea{flex:1;resize:none;border:1px solid var(--color-border);border-radius:10px;padding:.6rem .9rem;font-size:.9rem;font-family:var(--font-body);color:var(--charcoal-graphite);line-height:1.4;max-height:120px;outline:none;transition:border-color .2s}.message-thread-input-row textarea:focus{border-color:var(--koppar)}.message-thread-input-row textarea::-moz-placeholder{color:var(--color-gray)}.message-thread-input-row textarea::placeholder{color:var(--color-gray)}.message-thread-send-btn{flex-shrink:0;width:38px;height:38px;border:none;border-radius:50%;background:var(--koppar);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-base)}.message-thread-send-btn:hover:not(:disabled){background:var(--jordbrun);box-shadow:var(--shadow-sm)}.message-thread-send-btn:disabled{opacity:.4;cursor:not-allowed}.message-thread-input-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.35rem;padding:0 .25rem}.message-thread-input-hint{font-size:.7rem;color:var(--color-gray)}.message-thread-archived-notice{text-align:center;padding:.75rem;font-size:.85rem;color:var(--color-gray);font-style:italic}.engage-status-bar{display:flex;align-items:center;gap:.75rem;padding:.4rem 1rem;background:var(--kalkvit);border-top:1px solid var(--color-border);font-size:.75rem;color:var(--text-muted);flex-shrink:0}.engage-status-bar-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.engage-status-bar-dot.connected{background:var(--skogsgron, var(--color-success))}.engage-status-bar-dot.disconnected{background:var(--tegelrod)}.engage-status-bar-info{display:flex;align-items:center;gap:.5rem;flex:1}.engage-status-bar-info span{white-space:nowrap}.engage-status-bar-separator{color:var(--color-border)}.engage-status-bar-refresh{background:none;border:none;color:var(--color-gray);cursor:pointer;padding:.2rem;border-radius:4px;display:flex;align-items:center;transition:var(--transition-base)}.engage-status-bar-refresh:hover{color:var(--charcoal-graphite);background:var(--sandbeige)}@keyframes engage-skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}.conversation-skeleton{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-border)}.conversation-skeleton-avatar{width:44px;height:44px;border-radius:50%;background:var(--color-border);flex-shrink:0;animation:engage-skeleton-pulse 1.5s ease-in-out infinite}.conversation-skeleton-lines{flex:1;display:flex;flex-direction:column;gap:.4rem}.conversation-skeleton-line{height:12px;border-radius:6px;background:var(--color-border);animation:engage-skeleton-pulse 1.5s ease-in-out infinite}.conversation-skeleton-line.short{width:60%}.conversation-skeleton-line.long{width:85%}.message-skeleton{display:flex;flex-direction:column;gap:.35rem;max-width:55%}.message-skeleton.incoming{align-self:flex-start}.message-skeleton.outgoing{align-self:flex-end}.message-skeleton-bubble{border-radius:16px;background:var(--color-border);animation:engage-skeleton-pulse 1.5s ease-in-out infinite}.message-skeleton.incoming .message-skeleton-bubble{border-bottom-left-radius:4px}.message-skeleton.outgoing .message-skeleton-bubble{border-bottom-right-radius:4px}.message-skeleton-time{height:8px;width:50px;border-radius:4px;background:var(--color-border);animation:engage-skeleton-pulse 1.5s ease-in-out infinite}.message-skeleton.outgoing .message-skeleton-time{align-self:flex-end}.message-date-separator{display:flex;align-items:center;gap:.75rem;padding:.75rem 0}.message-date-separator-line{flex:1;height:1px;background:var(--color-border)}.message-date-separator-text{font-size:.72rem;color:var(--color-gray);white-space:nowrap;font-weight:500}.conversation-list-search{position:relative}.conversation-list-search-clear{background:none;border:none;color:var(--color-gray);cursor:pointer;padding:.15rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition-base);flex-shrink:0}.conversation-list-search-clear:hover{color:var(--charcoal-graphite);background:var(--sandbeige)}.message-bubble.failed .message-bubble-content{opacity:1;border:1px solid var(--color-error)!important;background:rgba(var(--color-error-rgb, 220, 53, 69),.05)!important}.message-bubble.failed .message-bubble-text{color:var(--charcoal-graphite)}.message-bubble-retry{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--tegelrod);margin-top:.25rem;padding:0 .25rem}.message-bubble-retry button{background:none;border:none;color:var(--tegelrod);cursor:pointer;font-size:.75rem;font-family:var(--font-body);text-decoration:underline;padding:0}.message-bubble-retry button:hover{color:var(--charcoal-graphite)}.message-thread-char-count{font-size:.7rem;color:var(--color-gray);text-align:right;margin-top:.2rem;padding-right:.25rem}.message-thread-char-count.warning{color:var(--koppar);font-weight:500}.message-thread-char-count.danger{color:var(--tegelrod);font-weight:600}.message-bubble-status{font-size:.7rem;margin-left:.25rem;opacity:.7}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.engage-content{height:calc(100vh - 56px)}.engage-sidebar{width:100%;min-width:unset;border-right:none}.engage-main{width:100%}.engage-sidebar.hide-mobile,.engage-main.hide-mobile{display:none}.message-thread-back{display:flex}.message-bubble{max-width:85%}.engage-header-left h2{font-size:1.1rem}.engage-header-subtitle{display:none}}.modern-theme .engage-container{background:transparent;min-height:auto}.modern-theme .engage-header{background:rgba(var(--kalkvit-rgb),.98);border:1px solid rgba(var(--secondary-rgb),.3);border-radius:12px 12px 0 0;box-shadow:0 2px 12px #0000000f;color:var(--charcoal-graphite)}.modern-theme .engage-header-left h2{color:var(--charcoal-graphite)}.modern-theme .engage-header-subtitle{color:var(--text-muted);opacity:1}.modern-theme .engage-refresh-btn{background:rgba(var(--primary-rgb),.08);border-color:rgba(var(--secondary-rgb),.2);color:var(--charcoal-graphite)}.modern-theme .engage-refresh-btn:hover{background:rgba(var(--primary-rgb),.15)}.modern-theme .engage-sidebar{background:rgba(var(--kalkvit-rgb),.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modern-theme .engage-main{background:rgba(var(--kalkvit-rgb),.8)}.modern-theme .conversation-item{background:transparent}.modern-theme .conversation-item:hover{background:rgba(var(--primary-rgb),.06)}.modern-theme .conversation-item.selected{background:rgba(var(--primary-rgb),.1)}.modern-theme .message-thread-header{background:rgba(var(--kalkvit-rgb),.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modern-theme .message-thread-input{background:rgba(var(--kalkvit-rgb),.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modern-theme .message-bubble.incoming .message-bubble-content{background:rgba(var(--kalkvit-rgb),.9);border-color:#00000014}.modern-theme .engage-empty-state{color:var(--text-muted)}.modern-theme .engage-empty-state h3{color:var(--charcoal-graphite)}.modern-theme .engage-status-bar{background:rgba(var(--kalkvit-rgb),.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top-color:rgba(var(--secondary-rgb),.15);color:var(--text-muted)}.modern-theme .message-date-separator-line{background:rgba(var(--secondary-rgb),.15)}.modern-theme .message-date-separator-text{color:var(--text-muted)}.modern-theme .conversation-skeleton-avatar,.modern-theme .conversation-skeleton-line,.modern-theme .message-skeleton-bubble,.modern-theme .message-skeleton-time{background:rgba(var(--secondary-rgb),.1)}.modern-theme .message-bubble.outgoing .message-bubble-content{border-color:rgba(var(--primary-rgb),.4);background:rgba(var(--primary-rgb),.15)}.modern-theme .message-thread-avatar-platform-dot{border-color:rgba(var(--kalkvit-rgb),.9)}}@layer components{.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}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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:rgba(var(--koppar-rgb),.12);color:var(--koppar)}.confidence-low{background:#b54a4626;color:var(--tegelrod)}.winner-summary{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg,rgba(var(--koppar-rgb),.1),rgba(var(--koppar-rgb),.18));border-radius:12px;margin-bottom:24px}.winner-header{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;color:var(--koppar)}.winner-icon{color:var(--primary)}.winner-score{display:flex;align-items:center;gap:12px}.score-label{font-size:13px;color:var(--koppar)}.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:rgba(var(--koppar-rgb),.12);color:var(--koppar)}.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,rgba(var(--koppar-rgb),.1),rgba(var(--koppar-rgb),.18));border:1px solid var(--koppar)}.data-status-banner svg{flex-shrink:0}.data-status-banner.has-data svg{color:var(--skogsgron)}.data-status-banner.no-data svg{color:var(--koppar)}.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(--koppar)}.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(--koppar)}.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}}}@layer components{.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-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}.dashboard .section-title{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)}@keyframes spin{to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite}@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-chart-area{position:relative}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);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}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.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:rgba(var(--skogsgron-rgb),.12);color:var(--color-success-dark)}.status-item.warning{background:rgba(var(--koppar-rgb),.12);color:var(--koppar)}.status-item.info{background:rgba(var(--jordbrun-rgb),.12);color:var(--jordbrun)}.status-item.error{background:rgba(var(--tegelrod-rgb),.12);color:var(--color-error-dark)}.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-badge.personal{background:rgba(var(--jordbrun-rgb),.12);color:var(--jordbrun)}.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}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.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;min-height:auto}.modern-theme .dashboard-body{padding:1rem;max-width:100%}.modern-theme .dashboard-controls{background:linear-gradient(145deg,#ffffff73,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-lg);box-shadow:0 8px 32px rgba(var(--primary-rgb),.08),inset 0 1px #ffffff80}.modern-theme .date-filter,.modern-theme .date-range-filter{background:#fff9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-md);padding:.25rem}.modern-theme .filter-btn,.modern-theme .date-btn{background:transparent;border:none;border-radius:var(--radius-sm)}.modern-theme .filter-btn:hover:not(.active),.modern-theme .date-btn:hover:not(.active){background:#ffffffb3}.modern-theme .filter-btn.active,.modern-theme .date-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 6px rgba(var(--primary-rgb),.3)}.modern-theme .dashboard-section{background:linear-gradient(145deg,#ffffff59,rgba(var(--background-light-rgb),.15),rgba(var(--primary-rgb),.08));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(var(--primary-rgb),.08),inset 0 1px #ffffff80}.modern-theme .metric-card{background:linear-gradient(145deg,#fff6,rgba(var(--background-light-rgb),.12),rgba(var(--primary-rgb),.06));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 4px 16px rgba(var(--primary-rgb),.06),inset 0 1px #ffffff80;transition:all .25s cubic-bezier(.4,0,.2,1)}.modern-theme .metric-card:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.12),#ffffff80,rgba(var(--background-light-rgb),.2));border-color:rgba(var(--primary-rgb),.25);transform:translateY(-2px);box-shadow:0 8px 32px rgba(var(--primary-rgb),.12),inset 0 1px #ffffff80}.modern-theme .metric-card.primary{border-color:rgba(var(--primary-rgb),.3)}.modern-theme .hero-metric-card{background:linear-gradient(145deg,#fff6,rgba(var(--background-light-rgb),.12),rgba(var(--primary-rgb),.06));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 4px 16px rgba(var(--primary-rgb),.06),inset 0 1px #ffffff80;transition:all .25s cubic-bezier(.4,0,.2,1)}.modern-theme .hero-metric-card:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.12),#ffffff80,rgba(var(--background-light-rgb),.2));border-color:rgba(var(--primary-rgb),.25);transform:translateY(-2px);box-shadow:0 8px 32px rgba(var(--primary-rgb),.12),inset 0 1px #ffffff80}.modern-theme .key-metric-card{background:linear-gradient(145deg,#fff6,rgba(var(--background-light-rgb),.12),rgba(var(--primary-rgb),.06));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 4px 16px rgba(var(--primary-rgb),.06),inset 0 1px #ffffff80;transition:all .25s cubic-bezier(.4,0,.2,1)}.modern-theme .key-metric-card:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.12),#ffffff80,rgba(var(--background-light-rgb),.2));border-color:rgba(var(--primary-rgb),.25);transform:translateY(-2px);box-shadow:0 8px 32px rgba(var(--primary-rgb),.12),inset 0 1px #ffffff80}.modern-theme .chart-card{background:linear-gradient(145deg,#ffffff59,rgba(var(--background-light-rgb),.15),rgba(var(--primary-rgb),.08));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(var(--primary-rgb),.08),inset 0 1px #ffffff80}.modern-theme .chart-title{border-bottom:1px solid var(--glass-border)}.modern-theme .overview-card{background:linear-gradient(145deg,#ffffff59,rgba(var(--background-light-rgb),.15),rgba(var(--primary-rgb),.08));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(var(--primary-rgb),.08),inset 0 1px #ffffff80}.modern-theme .card-title{border-bottom:1px solid var(--glass-border)}.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));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(var(--background-light-rgb),.25);border-radius:var(--radius-lg);box-shadow:0 4px 16px rgba(var(--primary-rgb),.06),inset 0 1px #ffffff80;transition:all .25s cubic-bezier(.4,0,.2,1)}.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));border-color:rgba(var(--primary-rgb),.25);transform:translateY(-2px);box-shadow:0 8px 32px rgba(var(--primary-rgb),.12),inset 0 1px #ffffff80}.modern-theme .platform-overview-header,.modern-theme .platform-card-header,.modern-theme .platform-detail-header{background:#fff9;border-bottom:1px solid var(--glass-border)}.modern-theme .api-summary-card{background:linear-gradient(145deg,#fff6,rgba(var(--background-light-rgb),.12),rgba(var(--primary-rgb),.06));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 4px 16px rgba(var(--primary-rgb),.06),inset 0 1px #ffffff80;transition:all .25s cubic-bezier(.4,0,.2,1)}.modern-theme .api-summary-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(var(--primary-rgb),.12),inset 0 1px #ffffff80}.modern-theme .api-summary-card.requests{border-color:rgba(var(--primary-rgb),.3)}.modern-theme .api-summary-card.tokens{border-color:rgba(var(--dimblag-rgb),.3)}.modern-theme .api-summary-card.cost{border-color:rgba(var(--skogsgron-rgb),.3)}.modern-theme .service-row{background:linear-gradient(145deg,#ffffff80,rgba(var(--background-light-rgb),.1));border:1px solid rgba(var(--background-light-rgb),.25);border-radius:var(--radius-md);transition:all .2s ease}.modern-theme .service-row:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.08),#fff9,rgba(var(--background-light-rgb),.15));border-color:rgba(var(--primary-rgb),.25);box-shadow:0 4px 12px rgba(var(--primary-rgb),.1)}.modern-theme .api-tips-section{background:linear-gradient(145deg,#fff6,rgba(var(--background-light-rgb),.15))}.modern-theme .api-tip{background:linear-gradient(145deg,#ffffff80,rgba(var(--background-light-rgb),.1));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--radius-md)}.modern-theme .content-section{background:linear-gradient(145deg,rgba(var(--background-light-rgb),.15),#fff6,rgba(var(--primary-rgb),.08));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(var(--primary-rgb),.12);border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(var(--primary-rgb),.08),inset 0 1px #ffffff80}.modern-theme .content-stat-card{background:linear-gradient(145deg,#ffffff80,rgba(var(--background-light-rgb),.1));border:1px solid rgba(var(--background-light-rgb),.2);border-radius:var(--radius-md);transition:all .2s ease}.modern-theme .content-stat-card:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.1),#fff9,rgba(var(--background-light-rgb),.15));border-color:rgba(var(--primary-rgb),.2);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.1)}.modern-theme .content-hero-card{background:linear-gradient(145deg,#ffffff59,rgba(var(--background-light-rgb),.15),rgba(var(--primary-rgb),.05));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(var(--background-light-rgb),.25);border-left:4px solid var(--primary);border-radius:var(--radius-lg);box-shadow:0 4px 16px rgba(var(--primary-rgb),.06),inset 0 1px #ffffff80;transition:all .25s cubic-bezier(.4,0,.2,1)}.modern-theme .content-hero-card:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.12),#ffffff73,rgba(var(--background-light-rgb),.2));border-color:rgba(var(--primary-rgb),.25);transform:translateY(-2px);box-shadow:0 8px 32px rgba(var(--primary-rgb),.12),inset 0 1px #ffffff80}.modern-theme .status-item,.modern-theme .engagement-item{background:linear-gradient(145deg,#ffffff80,rgba(var(--background-light-rgb),.1));border-radius:var(--radius-md);transition:all .2s ease}.modern-theme .status-item:hover,.modern-theme .engagement-item:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.08),#fff9)}.modern-theme .platform-stat{background:linear-gradient(145deg,#ffffff80,rgba(var(--background-light-rgb),.1));border:1px solid rgba(var(--background-light-rgb),.25);border-radius:var(--radius-md)}.modern-theme .production-stat{background:linear-gradient(145deg,#ffffff80,rgba(var(--background-light-rgb),.1));border-radius:var(--radius-md)}.modern-theme .drill-down-modal{background:linear-gradient(145deg,#ffffffd9,rgba(var(--background-light-rgb),.2));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0003,inset 0 1px #fff9}.modern-theme .drill-down-header{border-bottom:1px solid var(--glass-border)}.modern-theme .sync-notification{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md)}.modern-theme .sync-notification.success{background:linear-gradient(145deg,rgba(var(--accent-rgb),.15),#ffffff80);border:1px solid rgba(var(--accent-rgb),.25)}.modern-theme .sync-notification.error{background:linear-gradient(145deg,rgba(var(--tegelrod-rgb),.1),#ffffff80);border:1px solid rgba(var(--tegelrod-rgb),.2)}.modern-theme .refresh-btn{background:linear-gradient(145deg,#fff9,rgba(var(--background-light-rgb),.15));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(var(--background-light-rgb),.4);border-radius:var(--radius-md);transition:all .2s ease}.modern-theme .refresh-btn:hover:not(:disabled){background:linear-gradient(145deg,rgba(var(--primary-rgb),.1),#fffc);border-color:rgba(var(--primary-rgb),.3);color:var(--primary);box-shadow:0 4px 12px rgba(var(--primary-rgb),.15)}.modern-theme .sync-btn{background:var(--primary);border:1px solid var(--primary);border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3);transition:all .2s ease}.modern-theme .sync-btn:hover:not(:disabled){background:var(--secondary);border-color:var(--secondary);transform:translateY(-1px);box-shadow:0 6px 16px rgba(var(--primary-rgb),.35)}@media (max-width: 1400px){.modern-theme .platform-overview-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1100px){.modern-theme .platform-overview-grid{grid-template-columns:repeat(2,1fr)}.modern-theme .key-metrics-grid{grid-template-columns:repeat(3,1fr)}.modern-theme .hero-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.modern-theme .platform-overview-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.modern-theme .key-metrics-grid{grid-template-columns:repeat(2,1fr)}.modern-theme .charts-row,.modern-theme .overview-columns{grid-template-columns:1fr}}@media (max-width: 768px){.modern-theme .dashboard-body{padding:.75rem;overflow-x:hidden}.modern-theme .dashboard-controls{flex-direction:column;gap:.75rem;padding:.75rem;flex-wrap:wrap}.modern-theme .controls-left,.modern-theme .controls-right{flex-wrap:wrap;justify-content:center;width:100%}.modern-theme .date-filter,.modern-theme .date-range-filter{width:100%;justify-content:center;flex-wrap:wrap}.modern-theme .filter-btn,.modern-theme .date-btn{flex:1 1 auto;min-width:auto;padding:.5rem .75rem;font-size:.8rem}.modern-theme .hero-metrics-grid,.modern-theme .key-metrics-grid{grid-template-columns:1fr 1fr;gap:.75rem}.modern-theme .metrics-grid{grid-template-columns:1fr}.modern-theme .platform-overview-grid{grid-template-columns:1fr;gap:.75rem}.modern-theme .charts-row,.modern-theme .api-summary-grid{grid-template-columns:1fr}.modern-theme .platform-overview-card{max-width:100%}.modern-theme .platform-overview-header{padding:.75rem}.modern-theme .platform-metrics-row{grid-template-columns:repeat(2,1fr);gap:.5rem}}.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;justify-content:center;gap:.75rem;margin:0;padding:.75rem;background:linear-gradient(145deg,#ffffff59,rgba(var(--background-light-rgb),.15));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);border:1px solid var(--glass-border);box-shadow:0 4px 20px rgba(var(--primary-rgb),.08),inset 0 1px #ffffff80}.modern-theme .dashboard .tab-button{background:linear-gradient(145deg,#fffffff2,rgba(var(--background-light-rgb),.85));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(var(--secondary-rgb),.4);border-radius:var(--radius-full);padding:.625rem 1.25rem;color:var(--charcoal-graphite);font-weight:500;font-size:.875rem;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000014}.modern-theme .dashboard .tab-button:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.15),#ffffffe6,rgba(var(--background-light-rgb),.7));border-color:rgba(var(--primary-rgb),.4);transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--primary-rgb),.12),inset 0 1px #ffffff80}.modern-theme .dashboard .tab-button.active{background:linear-gradient(145deg,rgba(var(--primary-rgb),.2),#ffffffb3,rgba(var(--primary-rgb),.15));border-color:rgba(var(--primary-rgb),.35);color:var(--primary);font-weight:600;box-shadow:0 4px 16px rgba(var(--primary-rgb),.2),0 0 20px rgba(var(--primary-rgb),.1),inset 0 1px #fff9}.modern-theme .dashboard .tab-button .tab-icon{width:16px;height:16px;opacity:.8}.modern-theme .dashboard .tab-button.active .tab-icon{opacity:1;color:var(--primary)}@media (max-width: 1024px){.modern-theme .dashboard .tab-navigation{display:none}.modern-theme .dashboard .tab-hamburger-wrapper{display:block}}.modern-theme .chart-card{position:relative;overflow:hidden}.modern-theme .chart-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--secondary))}.modern-theme .chart-card.large:before{background:linear-gradient(90deg,var(--primary),var(--skogsgron),var(--secondary))}.modern-theme .filter-select,.modern-theme .filter-group select{background:linear-gradient(145deg,#ffffffb3,rgba(var(--background-light-rgb),.15));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--charcoal-graphite);padding:.5rem 2rem .5rem .75rem;font-size:.875rem;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;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");background-repeat:no-repeat;background-position:right .75rem center}.modern-theme .filter-select:hover,.modern-theme .filter-group select:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.08),#fffc);border-color:rgba(var(--primary-rgb),.25)}.modern-theme .filter-select:focus,.modern-theme .filter-group select:focus{outline:none;border-color:rgba(var(--primary-rgb),.4);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.modern-theme .filter-group{display:flex;align-items:center;gap:.5rem;background:#fff6;padding:.25rem .5rem .25rem .75rem;border-radius:var(--radius-md);border:1px solid var(--glass-border)}.modern-theme .filter-group svg{color:var(--text-muted)}.modern-theme .clear-filters-btn{background:rgba(var(--tegelrod-rgb),.1);border:1px solid rgba(var(--tegelrod-rgb),.2);border-radius:var(--radius-md);color:var(--tegelrod);padding:.5rem .75rem;font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:.375rem;transition:all .2s ease}.modern-theme .clear-filters-btn:hover{background:rgba(var(--tegelrod-rgb),.15);border-color:rgba(var(--tegelrod-rgb),.3)}.modern-theme .dashboard .spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modern-theme .chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(145deg,#ffffff4d,rgba(var(--background-light-rgb),.1));border-radius:var(--radius-md);border:1px dashed rgba(var(--background-light-rgb),.3);min-height:150px}.modern-theme .chart-empty p{color:var(--text-muted);margin-top:.75rem;font-size:.875rem}.modern-theme .chart-tooltip{background:linear-gradient(145deg,#fffffff2,rgba(var(--background-light-rgb),.15));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:.75rem 1rem;box-shadow:0 8px 24px rgba(var(--primary-rgb),.12),inset 0 1px #fffc}.modern-theme .chart-tooltip .tooltip-label{color:var(--charcoal-graphite);font-weight:600;margin-bottom:.375rem;font-size:.875rem}.modern-theme .chart-tooltip .tooltip-value{font-size:.8rem;margin:.125rem 0}.modern-theme .funnel-stage{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);box-shadow:0 2px 8px rgba(var(--primary-rgb),.1),inset 0 1px #fff6}.modern-theme .content-hero-card{position:relative;border-left:4px solid var(--primary)}.modern-theme .platform-not-connected{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;background:linear-gradient(145deg,rgba(var(--background-light-rgb),.1),#ffffff4d);border-radius:var(--radius-md);color:var(--text-muted);font-size:.875rem}.modern-theme .platform-card-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;text-align:center;background:linear-gradient(145deg,#fff3,rgba(var(--background-light-rgb),.1));border-radius:var(--radius-md);min-height:120px}.modern-theme .platform-card-empty p{color:var(--charcoal-graphite);font-weight:500;margin:.75rem 0 .25rem}.modern-theme .platform-card-empty span{color:var(--text-muted);font-size:.8rem}.modern-theme .drill-down-table{width:100%;border-collapse:separate;border-spacing:0}.modern-theme .drill-down-table thead th{background:linear-gradient(145deg,rgba(var(--background-light-rgb),.2),#ffffff80);color:var(--charcoal-graphite);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:.75rem 1rem;border-bottom:1px solid var(--glass-border);text-align:left}.modern-theme .drill-down-table tbody tr{transition:all .15s ease}.modern-theme .drill-down-table tbody tr:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.05),#fff6)}.modern-theme .drill-down-table tbody td{padding:.75rem 1rem;border-bottom:1px solid rgba(var(--background-light-rgb),.15);color:var(--charcoal-graphite);font-size:.875rem}.modern-theme .drill-down-table .platform-badge{display:inline-block;padding:.25rem .5rem;border-radius:var(--radius-sm);color:#fff;font-size:.75rem;font-weight:500;text-transform:capitalize}.modern-theme .drill-down-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-muted)}.modern-theme .drill-down-empty p{margin-top:.75rem}.modern-theme .drill-down-more{text-align:center;padding:1rem;color:var(--text-muted);font-size:.875rem;font-style:italic}.modern-theme .export-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(145deg,#ffffffb3,rgba(var(--background-light-rgb),.15));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--charcoal-graphite);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.modern-theme .export-btn:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.1),#fffc);border-color:rgba(var(--primary-rgb),.25);color:var(--primary)}.modern-theme .close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff80;border:1px solid var(--glass-border);border-radius:50%;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.modern-theme .close-btn:hover{background:rgba(var(--tegelrod-rgb),.1);border-color:rgba(var(--tegelrod-rgb),.2);color:var(--tegelrod)}.modern-theme .primary-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary);border:none;border-radius:var(--radius-md);color:#fff;font-weight:500;cursor:pointer;box-shadow:0 4px 12px rgba(var(--primary-rgb),.3);transition:all .2s ease}.modern-theme .primary-btn:hover{background:var(--secondary);transform:translateY(-1px);box-shadow:0 6px 16px rgba(var(--primary-rgb),.35)}.modern-theme .last-updated{font-size:.75rem;color:var(--text-muted);opacity:.8}.modern-theme .live-indicator{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;background:rgba(var(--skogsgron-rgb),.1);border-radius:var(--radius-full);font-size:.7rem;color:var(--skogsgron)}.modern-theme .live-indicator:before{content:"";width:6px;height:6px;background:var(--skogsgron);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.modern-theme .tab-hamburger{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(145deg,#fff9,rgba(var(--background-light-rgb),.15));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--charcoal-graphite);cursor:pointer;transition:all .2s ease}.modern-theme .tab-hamburger:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.08),#ffffffb3);border-color:rgba(var(--primary-rgb),.2)}.modern-theme .tab-hamburger.open{background:#ffffffe6;border-color:rgba(var(--primary-rgb),.25)}.modern-theme .tab-menu-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:linear-gradient(145deg,#fffffff2,rgba(var(--background-light-rgb),.1));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 12px 40px rgba(var(--primary-rgb),.15),inset 0 1px #fffc;padding:.5rem;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .25s cubic-bezier(.4,0,.2,1);z-index:1000}.modern-theme .tab-menu-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.modern-theme .tab-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;border-radius:var(--radius-md);color:var(--charcoal-graphite);font-size:.9rem;cursor:pointer;transition:all .15s ease;text-align:left}.modern-theme .tab-menu-item:hover{background:linear-gradient(145deg,rgba(var(--primary-rgb),.08),#ffffff80)}.modern-theme .tab-menu-item.active{background:linear-gradient(145deg,rgba(var(--primary-rgb),.12),#fff9);color:var(--primary);font-weight:500}.modern-theme .sync-notification{position:fixed;bottom:2rem;right:2rem;padding:1rem 1.5rem;border-radius:var(--radius-lg);z-index:1001;animation:slideInUp .3s ease}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modern-theme .funnel-card{position:relative;overflow:hidden}.modern-theme .funnel-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--skogsgron))}.modern-theme .funnel-container{display:flex;flex-direction:column;gap:.5rem;padding:1rem 0}.modern-theme .donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.modern-theme .donut-total{display:block;font-size:1.5rem;font-weight:700;color:var(--charcoal-graphite)}.modern-theme .donut-label{display:block;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.modern-theme .donut-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1rem}.modern-theme .legend-item{display:flex;align-items:center;gap:.375rem;font-size:.8rem}.modern-theme .legend-dot{width:8px;height:8px;border-radius:50%}.modern-theme .legend-text{color:var(--charcoal-graphite)}.modern-theme .legend-value{color:var(--text-muted);font-weight:500}.chart-header-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.chart-header-row .chart-title{margin-bottom:0}.chart-subtitle{font-size:.8rem;color:var(--text-muted);margin:-.5rem 0 .75rem}.metric-toggle-group{display:flex;gap:.25rem;flex-wrap:wrap}.metric-toggle-btn{padding:.3rem .7rem;border-radius:6px;border:1px solid var(--sandbeige);background:transparent;font-size:.75rem;color:var(--text-muted);cursor:pointer;transition:all .15s ease;font-family:var(--font-body)}.metric-toggle-btn:hover{border-color:var(--primary);color:var(--primary)}.metric-toggle-btn.active{background:var(--primary);color:var(--kalkvit);border-color:var(--primary)}.heatmap-wrapper{padding:.5rem 0}.heatmap-grid{display:grid;grid-template-columns:50px repeat(7,1fr);gap:3px;max-width:100%}.heatmap-label{font-size:.7rem;color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-family:var(--font-body)}.heatmap-day-label{font-weight:600;padding-bottom:.25rem}.heatmap-hour-label{justify-content:flex-end;padding-right:.4rem}.heatmap-cell{aspect-ratio:1.6;border-radius:3px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;position:relative;min-height:20px}.heatmap-cell:hover,.heatmap-cell.hovered{transform:scale(1.15);z-index:5;box-shadow:0 2px 8px #00000026}.heatmap-tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--charcoal-graphite);color:var(--kalkvit);padding:.5rem .75rem;border-radius:6px;font-size:.7rem;white-space:nowrap;z-index:100;pointer-events:none;box-shadow:0 4px 12px #0003}.heatmap-tooltip .tooltip-label{font-weight:600;margin-bottom:.2rem}.heatmap-tooltip .tooltip-value{opacity:.85}.heatmap-legend{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin-top:.75rem}.heatmap-legend-label{font-size:.7rem;color:var(--text-muted)}.heatmap-legend-bar{width:100px;height:10px;border-radius:5px;background:linear-gradient(to right,rgba(var(--primary-rgb, 0, 0, 0),.05),rgba(var(--primary-rgb, 0, 0, 0),.85))}@media (max-width: 640px){.heatmap-grid{grid-template-columns:40px repeat(7,1fr);gap:2px}.heatmap-cell{aspect-ratio:1.2;min-height:16px}.heatmap-label{font-size:.6rem}}}@layer components{.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)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}@layer components{.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,rgba(var(--kalkvit-rgb, 255, 255, 255),.95),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)}}.spinning{animation:spin 1s linear infinite}.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}}}@layer components{.api-usage-panel{padding:1.5rem}.api-usage-loading{padding:2rem;text-align:center}.api-usage-loading p{margin-top:1rem;color:var(--text-muted)}.api-usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--background-light)}.api-usage-title{margin:0;font-size:1.5rem;font-family:var(--font-header);color:var(--charcoal-graphite);display:flex;align-items:center;gap:.5rem}.api-usage-title svg{color:var(--primary)}.api-usage-subtitle{margin:.25rem 0 0;color:var(--text-muted);font-size:.9rem}.api-usage-controls{display:flex;gap:.5rem;align-items:center}.api-usage-date-range{display:flex;gap:.25rem}.api-usage-date-btn{padding:.4rem .75rem;border:2px solid var(--background-light);border-radius:6px;background:var(--kalkvit);color:var(--text-muted);font-size:.8rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.api-usage-date-btn:hover{border-color:var(--primary)}.api-usage-date-btn.active{border-color:var(--primary);background:var(--primary);color:#fff}.api-usage-refresh-btn{padding:.4rem .75rem;border:1px solid var(--background-light);border-radius:6px;background:var(--kalkvit);color:var(--text-muted);font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:.25rem;transition:var(--transition-fast)}.api-usage-refresh-btn:hover{background:var(--background-light);color:var(--charcoal-graphite)}.api-usage-refresh-btn:disabled{cursor:wait}.api-usage-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.api-usage-card{padding:1.5rem;border-radius:12px;border:1px solid var(--background-light)}.api-usage-card.requests{background:linear-gradient(135deg,var(--kalkvit) 0%,var(--color-warning-light, #FFF8F3) 100%)}.api-usage-card.tokens{background:linear-gradient(135deg,var(--kalkvit) 0%,var(--color-info-light, #F5F3FF) 100%)}.api-usage-card.cost{background:linear-gradient(135deg,var(--kalkvit) 0%,var(--color-success-light, #F0FDF4) 100%)}.api-usage-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.api-usage-card-header svg.requests-icon{color:var(--primary)}.api-usage-card-header svg.tokens-icon{color:var(--text-muted)}.api-usage-card-header svg.cost-icon{color:var(--skogsgroen)}.api-usage-card-label{font-size:.85rem;color:var(--text-muted)}.api-usage-card-value{font-size:2rem;font-weight:700;color:var(--charcoal-graphite)}.api-usage-card-detail{font-size:.8rem;color:var(--text-muted)}.api-usage-section{margin-bottom:2rem}.api-usage-section-title{margin:0 0 1rem;font-size:1.1rem;font-family:var(--font-header);color:var(--charcoal-graphite);display:flex;align-items:center;gap:.5rem}.api-usage-section-title svg{color:var(--primary)}.api-usage-service-list{background:var(--kalkvit);border-radius:12px;border:1px solid var(--background-light);overflow:hidden}.api-usage-service-item{padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--background-light)}.api-usage-service-item:last-child{border-bottom:none}.api-usage-service-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.api-usage-service-info{flex:1;min-width:0}.api-usage-service-name{font-weight:600;color:var(--charcoal-graphite);font-size:.9rem}.api-usage-service-stats{font-size:.8rem;color:var(--text-muted)}.api-usage-service-cost{text-align:right;flex-shrink:0}.api-usage-service-cost-value{font-weight:700;color:var(--charcoal-graphite)}.api-usage-service-cost-percent{font-size:.75rem;color:var(--text-muted)}.api-usage-service-bar{width:100px;height:8px;background:var(--background-light);border-radius:4px;overflow:hidden;flex-shrink:0}.api-usage-service-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.api-usage-chart{background:var(--kalkvit);border-radius:12px;border:1px solid var(--background-light);padding:1.5rem;display:flex;gap:.5rem;align-items:flex-end;height:180px}.api-usage-chart-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem}.api-usage-chart-bar-count{font-size:.7rem;color:var(--text-muted);font-weight:600}.api-usage-chart-bar-container{width:100%;max-width:40px;height:100px;display:flex;align-items:flex-end}.api-usage-chart-bar-fill{width:100%;background:linear-gradient(to top,var(--primary) 0%,var(--secondary) 100%);border-radius:4px 4px 0 0;transition:height .3s ease}.api-usage-chart-bar-day{font-size:.65rem;color:var(--text-muted)}.api-usage-insights{background:var(--kalkvit);border-radius:12px;padding:1.25rem;border:1px solid var(--background-light)}.api-usage-insights-title{margin:0 0 1rem;font-size:1rem;font-family:var(--font-header);color:var(--charcoal-graphite);display:flex;align-items:center;gap:.5rem}.api-usage-insights-title svg{color:var(--primary)}.api-usage-insights-list{display:flex;flex-direction:column;gap:.75rem}.api-usage-insight{display:flex;align-items:center;gap:.75rem}.api-usage-insight-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.api-usage-insight-icon.success{background:var(--color-success-light, #d1fae5)}.api-usage-insight-icon.success svg{color:var(--skogsgroen)}.api-usage-insight-icon.warning{background:var(--color-warning-light, #fef3c7)}.api-usage-insight-icon.warning svg{color:var(--primary)}.api-usage-insight-text{font-size:.9rem;color:var(--charcoal-graphite)}.api-usage-empty{text-align:center;padding:3rem 2rem;background:var(--kalkvit);border-radius:12px;border:1px solid var(--background-light)}.api-usage-empty svg{color:var(--background-light);margin-bottom:1rem}.api-usage-empty h3{margin:0 0 .5rem;color:var(--charcoal-graphite)}.api-usage-empty p{margin:0 0 1.5rem;color:var(--text-muted)}.api-usage-empty-features{display:flex;flex-direction:column;gap:.75rem;max-width:300px;margin:0 auto}.api-usage-empty-feature{display:flex;align-items:center;gap:.5rem;color:var(--text-muted)}.api-usage-empty-feature svg{color:var(--primary)}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}@layer components{.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}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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)}}}@layer components{.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}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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}}}@layer components{.industry-settings{display:flex;flex-direction:column;gap:1rem}.industry-loading{text-align:center;padding:3rem;color:var(--koppar)}.industry-loading p{margin-top:1rem;color:var(--oliv);font-family:var(--font-body)}.industry-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem}.industry-header-info{display:flex;align-items:center;gap:.75rem;color:var(--koppar)}.industry-header-title{margin:0;font-family:var(--font-header);font-size:1.1rem;font-weight:700;color:var(--charcoal-graphite)}.industry-header-desc{margin:.15rem 0 0;font-family:var(--font-body);font-size:.85rem;color:var(--text-muted)}.industry-header-actions{display:flex;gap:.5rem}.industry-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;font-family:var(--font-body);font-size:.875rem;font-weight:600;border-radius:8px;cursor:pointer;transition:var(--transition-fast);border:none}.industry-btn:disabled{opacity:.6;cursor:not-allowed}.industry-btn-primary{background:var(--koppar);color:#fff}.industry-btn-primary:hover:not(:disabled){background:var(--secondary);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.industry-btn-secondary{background:var(--kalkvit);color:var(--charcoal-graphite);border:1px solid var(--background-light)}.industry-btn-secondary:hover:not(:disabled){background:#fff;border-color:var(--koppar);color:var(--koppar)}.industry-card{background:#fff;border:2px solid var(--background-light);border-radius:10px;padding:1.25rem}.industry-card-title{display:flex;align-items:center;gap:.5rem;margin:0;font-family:var(--font-header);font-size:1rem;font-weight:600;color:var(--charcoal-graphite)}.industry-card-title svg{color:var(--koppar)}.industry-card-collapsible .industry-card-toggle{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.industry-card-collapsible .industry-card-toggle>svg{color:var(--text-muted);flex-shrink:0}.industry-card-body{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--background-light)}.industry-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-top:1rem}.industry-option{padding:1rem;border-radius:8px;border:2px solid var(--background-light);background:var(--kalkvit);cursor:pointer;transition:var(--transition-fast)}.industry-option:hover{border-color:var(--koppar);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.industry-option.active{border-color:var(--koppar);background:linear-gradient(135deg,#b873331a,#b873330d)}.industry-option-header{display:flex;align-items:center;justify-content:space-between}.industry-option-name{font-family:var(--font-header);font-weight:600;color:var(--charcoal-graphite)}.industry-option.active .industry-option-header svg{color:var(--koppar)}.industry-option-desc{font-family:var(--font-body);font-size:.8rem;color:var(--text-muted);margin:.5rem 0 0;line-height:1.3}.industry-form-grid{display:grid;gap:1rem}.industry-field{display:flex;flex-direction:column}.industry-label{display:block;margin-bottom:.5rem;font-family:var(--font-body);font-size:.875rem;font-weight:500;color:var(--text-muted)}.industry-input,.industry-select,.industry-textarea{width:100%;padding:.75rem;border-radius:8px;border:2px solid var(--background-light);font-family:var(--font-body);font-size:.9rem;color:var(--charcoal-graphite);background:#fff;transition:var(--transition-fast)}.industry-input:focus,.industry-select:focus,.industry-textarea:focus{outline:none;border-color:var(--koppar);box-shadow:0 0 0 3px #b873331a}.industry-textarea{min-height:80px;resize:vertical}.industry-textarea-tall{min-height:120px}.industry-select{cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.industry-hint{font-family:var(--font-body);font-size:.75rem;color:var(--text-muted);margin:.5rem 0 0;line-height:1.4}@media (max-width: 768px){.industry-header{flex-direction:column;align-items:flex-start}.industry-selector-grid{grid-template-columns:1fr}.industry-header-actions{width:100%}.industry-btn{flex:1;justify-content:center}}.regen-progress-container{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.regen-progress-bar{width:100%;height:6px;background:var(--background-light);border-radius:3px;overflow:hidden}.regen-progress-fill{height:100%;background:linear-gradient(90deg,var(--koppar),var(--secondary));border-radius:3px;transition:width .3s ease}.regen-progress-stage{font-family:var(--font-body);font-size:.8rem;color:var(--koppar);font-weight:500}}@layer components{.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, #64748B);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, #A855F7);box-shadow:0 8px 24px rgba(var(--primary-rgb, 168, 85, 247),.15);transform:translateY(-2px)}.theme-preview-card.active{border-color:var(--primary, #A855F7);border-width:3px;box-shadow:0 8px 24px rgba(var(--primary-rgb, 168, 85, 247),.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, #7C3AED));display:flex;align-items:center;gap:8px;padding:0 12px}.theme-preview-mock.classic .mock-nav-item{width:32px;height:8px;background:rgba(var(--kalkvit-rgb, 255, 255, 255),.3);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:rgba(var(--kalkvit-rgb, 255, 255, 255),.85);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, #A855F7),var(--secondary, #7C3AED));margin-bottom:8px}.theme-preview-mock.modern .mock-nav-item{width:28px;height:8px;background:rgba(var(--background-light-rgb, 243, 244, 246),.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:rgba(var(--kalkvit-rgb, 255, 255, 255),.7);border:1px solid var(--glass-border);border-radius:8px}.theme-preview-mock.modern .mock-activity{width:48px;background:rgba(var(--kalkvit-rgb, 255, 255, 255),.7);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:rgba(var(--kalkvit-rgb, 255, 255, 255),.5);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, #A855F7)}.theme-active-badge{margin-left:auto;background:var(--primary, #A855F7);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, #64748B);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, 168, 85, 247),.1);border-radius:var(--radius-md, 10px);margin-bottom:var(--spacing-lg, 1.5rem)}.theme-loading span{font-size:.875rem;color:var(--primary, #A855F7);font-weight:500}.theme-info{background:rgba(var(--background-light-rgb, 243, 244, 246),.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, #64748B);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:rgba(var(--kalkvit-rgb, 255, 255, 255),.85);border:1px solid rgba(var(--sandbeige-rgb),.25);box-shadow:0 2px 8px #0000000f}.modern-theme .theme-preview-card:hover{border-color:rgba(var(--primary-rgb, 168, 85, 247),.4);box-shadow:0 4px 12px rgba(var(--primary-rgb, 168, 85, 247),.1)}.modern-theme .theme-preview-card.active{border-color:var(--primary, #A855F7);border-width:2px;box-shadow:0 4px 12px rgba(var(--primary-rgb, 168, 85, 247),.15)}.modern-theme .theme-preview-visual{background:rgba(var(--sandbeige-rgb),.06);border-bottom:1px solid rgba(var(--sandbeige-rgb),.2)}.modern-theme .theme-info{background:rgba(var(--kalkvit-rgb, 255, 255, 255),.7);border:1px solid rgba(var(--sandbeige-rgb),.2);border-radius:var(--radius-lg, 16px)}.modern-theme .theme-loading{background:rgba(var(--primary-rgb, 168, 85, 247),.06);border:1px solid rgba(var(--primary-rgb, 168, 85, 247),.15)}}@layer components{.billing-tab{display:flex;flex-direction:column;gap:1.5rem}.billing-banner{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:10px;font-size:.875rem;line-height:1.4}.billing-banner strong{display:block;margin-bottom:.125rem}.billing-banner-success{background:#22c55e14;border:1px solid rgba(34,197,94,.25);color:#15803d}.billing-banner-success svg:first-child{color:#22c55e;flex-shrink:0}.billing-banner-canceled{background:#f59e0b14;border:1px solid rgba(245,158,11,.25);color:#92400e}.billing-banner-canceled svg:first-child{color:#f59e0b;flex-shrink:0}.billing-banner-dismiss{margin-left:auto;background:none;border:none;cursor:pointer;padding:.25rem;opacity:.5;transition:opacity .15s;flex-shrink:0}.billing-banner-dismiss:hover{opacity:1}.billing-current-plan{padding:1.5rem;background:#fff;border:1px solid var(--color-border, #e5e7eb);border-radius:12px}.billing-plan-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.billing-plan-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:6px;font-size:.875rem;font-weight:600}.billing-plan-badge[data-plan=free]{background:#f3f4f6;color:#6b7280}.billing-plan-badge[data-plan=pro]{background:linear-gradient(135deg,#a855f726,#6d28d91a);color:#7c3aed}.billing-plan-badge[data-plan=team]{background:linear-gradient(135deg,#22d3ee26,#06b6d41a);color:#0891b2}.billing-plan-meta{display:flex;align-items:center;gap:.75rem}.billing-status{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:4px}.billing-status-past_due{background:#ef44441a;color:#dc2626}.billing-status-canceled{background:#6b72801a;color:#6b7280}.billing-status-trialing{background:#a855f71a;color:#7c3aed}.billing-period{font-size:.8125rem;color:#6b7280}.billing-plan-stats{display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:1rem}.billing-stat{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:#4b5563}.billing-stat svg{color:#9ca3af}.billing-manage-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:.8125rem;color:#374151;cursor:pointer;transition:all .15s}.billing-manage-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.billing-manage-btn:disabled{opacity:.6;cursor:not-allowed}.billing-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#dc2626;font-size:.875rem}.billing-upgrade-trigger{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;background:linear-gradient(135deg,#a855f714,#22d3ee0f);border:1px dashed rgba(168,85,247,.3);border-radius:12px;font-size:.9375rem;font-weight:500;color:#7c3aed;cursor:pointer;transition:all .15s}.billing-upgrade-trigger:hover{background:linear-gradient(135deg,#a855f71f,#22d3ee14);border-color:#a855f766}.billing-plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.billing-plan-card{position:relative;display:flex;flex-direction:column;padding:1.25rem;background:#fff;border:2px solid #e5e7eb;border-radius:12px;transition:border-color .15s}.billing-plan-card.current{border-color:var(--primary)}.billing-plan-card.featured{border-color:var(--primary);box-shadow:0 4px 16px rgba(var(--primary-rgb),.12)}.billing-plan-popular{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:.2rem .625rem;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-size:.6875rem;font-weight:600;border-radius:4px;white-space:nowrap}.billing-plan-name{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#1f2937}.billing-plan-price{margin-bottom:1rem}.billing-price-amount{font-size:1.5rem;font-weight:700;color:#111827}.billing-price-period{font-size:.8125rem;color:#9ca3af}.billing-plan-features{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.billing-plan-features li{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:#4b5563}.billing-plan-features li svg{color:#22c55e;flex-shrink:0}.billing-seat-note{margin:0 0 .75rem;font-size:.75rem;color:#9ca3af}.billing-plan-btn{width:100%;padding:.625rem;border-radius:8px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:.375rem}.billing-plan-btn.current{background:#f3f4f6;border:1px solid #e5e7eb;color:#9ca3af;cursor:default}.billing-plan-btn.upgrade{background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;color:#fff}.billing-plan-btn.upgrade:hover:not(:disabled){opacity:.9}.billing-plan-btn.upgrade:disabled{opacity:.6;cursor:not-allowed}.billing-plan-btn.downgrade{background:#fff;border:1px solid #e5e7eb;color:#6b7280}.billing-plan-btn.downgrade:hover:not(:disabled){background:#f9fafb}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.billing-addons-section{padding-top:.5rem}.billing-addons-title{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#1f2937}.billing-addons-subtitle{margin:0 0 1rem;font-size:.8125rem;color:#6b7280}.billing-addons-grid{display:grid;grid-template-columns:1fr;gap:1rem}.billing-addon-card{padding:1.25rem;background:#fff;border:2px solid #e5e7eb;border-radius:12px;transition:border-color .15s}.billing-addon-card.active{border-color:#22c55e}.billing-addon-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.billing-addon-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#a855f71a,#22d3ee14);color:#7c3aed;flex-shrink:0}.billing-addon-info{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.billing-addon-name{margin:0;font-size:.9375rem;font-weight:600;color:#1f2937}.billing-addon-badge{display:inline-flex;padding:.125rem .5rem;border-radius:4px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.billing-addon-badge.active{background:#22c55e1a;color:#15803d}.billing-addon-price{text-align:right;flex-shrink:0}.billing-addon-price-amount{font-size:1.125rem;font-weight:700;color:#111827}.billing-addon-price-period{font-size:.75rem;color:#9ca3af}.billing-addon-description{margin:0 0 .75rem;font-size:.8125rem;color:#6b7280;line-height:1.4}.billing-addon-features{list-style:none;padding:0;margin:0 0 1rem;display:grid;grid-template-columns:1fr 1fr;gap:.375rem}.billing-addon-features li{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:#4b5563}.billing-addon-features li svg{color:#22c55e;flex-shrink:0}.billing-addon-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:8px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s}.billing-addon-btn.subscribe{background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;color:#fff}.billing-addon-btn.subscribe:hover:not(:disabled){opacity:.9}.billing-addon-btn.manage{background:#f9fafb;border:1px solid #e5e7eb;color:#374151}.billing-addon-btn.manage:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.billing-addon-btn:disabled{opacity:.6;cursor:not-allowed}.billing-addon-locked{display:flex;align-items:center;gap:.375rem;padding:.5rem 0;font-size:.8125rem;color:#9ca3af}.billing-addon-locked svg{flex-shrink:0}@media (max-width: 640px){.billing-plans-grid{grid-template-columns:1fr}.billing-plan-stats{flex-direction:column;gap:.5rem}.billing-addon-features{grid-template-columns:1fr}}}@layer components{.delete-account-manager{width:100%;max-width:1200px}.delete-account-section{background:#fff;border:2px solid var(--color-error, var(--tegelrod));border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow-sm)}.delete-account-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--background-light)}.delete-account-header-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(var(--tegelrod-rgb, 220, 38, 38),.1);flex-shrink:0}.delete-account-header h2{margin:0;font-family:var(--font-header);font-size:1.5rem;color:var(--charcoal-graphite)}.delete-account-header p{margin:.25rem 0 0;font-size:.9rem;color:var(--text-muted)}.delete-account-header h2.danger-text{color:var(--color-error, var(--tegelrod))}.delete-account-warning{padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:.75rem;background:rgba(var(--tegelrod-rgb, 220, 38, 38),.06);border:1px solid rgba(var(--tegelrod-rgb, 220, 38, 38),.15)}.delete-account-warning svg{flex-shrink:0;margin-top:2px;color:var(--color-error, var(--tegelrod))}.delete-account-warning strong{color:var(--charcoal-graphite)}.delete-account-warning p{margin:.5rem 0 0;color:var(--text-muted);font-size:.9rem}.delete-account-blocker{padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;background:rgba(var(--tegelrod-rgb, 220, 38, 38),.06);border:1px solid rgba(var(--tegelrod-rgb, 220, 38, 38),.2)}.delete-account-blocker-header{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem}.delete-account-blocker-header strong{color:var(--color-error, var(--tegelrod))}.delete-account-blocker p{margin:0 0 .75rem;font-size:.85rem;color:var(--text-muted)}.delete-account-blocker-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border-radius:6px;margin-bottom:.5rem}.delete-account-blocker-item:last-child{margin-bottom:0}.delete-account-blocker-item svg{color:var(--text-muted)}.delete-account-blocker-item span.name{font-weight:600;color:var(--charcoal-graphite)}.delete-account-blocker-item span.meta{font-size:.8rem;color:var(--text-muted)}.delete-account-summary h4{margin:0 0 .75rem;font-family:var(--font-header);color:var(--charcoal-graphite)}.delete-account-summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;margin-bottom:1.5rem}.delete-account-summary-item{display:flex;justify-content:space-between;padding:.5rem .75rem;background:var(--kalkvit);border:1px solid var(--background-light);border-radius:6px;font-size:.85rem}.delete-account-summary-item span{color:var(--text-muted)}.delete-account-summary-item strong{color:var(--charcoal-graphite)}.delete-account-memberships h4{margin:0 0 .5rem;font-family:var(--font-header);color:var(--charcoal-graphite)}.delete-account-membership-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--kalkvit);border:1px solid var(--background-light);border-radius:6px;margin-bottom:.25rem;font-size:.85rem;color:var(--charcoal-graphite)}.delete-account-membership-item .role-badge{font-size:.75rem;padding:.125rem .5rem;border-radius:4px;background:rgba(var(--sandbeige-rgb, 0, 0, 0),.08);color:var(--text-muted)}.delete-account-confirm-field{margin-bottom:1.5rem}.delete-account-confirm-field label{display:block;margin-bottom:.5rem;font-size:.9rem;color:var(--text-muted);font-family:var(--font-body)}.delete-account-confirm-field input{width:100%;max-width:360px;padding:.75rem;border:2px solid var(--background-light);border-radius:8px;font-size:.95rem;font-family:var(--font-body);color:var(--charcoal-graphite);transition:var(--transition-base)}.delete-account-confirm-field input:focus{outline:none;border-color:var(--color-error, var(--tegelrod));box-shadow:0 0 0 3px rgba(var(--tegelrod-rgb, 220, 38, 38),.1)}.delete-account-actions{display:flex;gap:.75rem;padding-top:.5rem}.delete-account-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:var(--transition-base)}.delete-account-btn.secondary{border:2px solid var(--background-light);background:#fff;color:var(--charcoal-graphite)}.delete-account-btn.secondary:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.delete-account-btn.danger-outline{border:2px solid var(--color-error, var(--tegelrod));background:rgba(var(--tegelrod-rgb, 220, 38, 38),.06);color:var(--color-error, var(--tegelrod))}.delete-account-btn.danger-outline:hover{background:rgba(var(--tegelrod-rgb, 220, 38, 38),.12)}.delete-account-btn.danger-solid{border:none;background:var(--color-error, var(--tegelrod));color:#fff}.delete-account-btn.danger-solid:hover{opacity:.9;box-shadow:var(--shadow-md)}.delete-account-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--background-light);color:var(--text-muted);border-color:var(--background-light)}.delete-account-btn:disabled:hover{box-shadow:none;opacity:.5}.delete-account-centered{text-align:center;padding:3rem 2rem}.delete-account-centered h3{margin:0 0 .5rem;font-family:var(--font-header);color:var(--charcoal-graphite)}.delete-account-centered p{color:var(--text-muted);font-size:.9rem;margin:0}.delete-account-centered svg{margin-bottom:1rem}.delete-account-empty{color:var(--text-muted);font-size:.85rem;margin:0}.delete-account-confirm-text{margin:0;font-size:.9rem;color:var(--charcoal-graphite);line-height:1.6}@media (max-width: 768px){.delete-account-section{padding:1.5rem}.delete-account-header{flex-direction:column;align-items:flex-start}.delete-account-actions{flex-direction:column}.delete-account-btn{width:100%;justify-content:center}.delete-account-summary-grid{grid-template-columns:1fr}.delete-account-confirm-field input{max-width:100%}}.modern-theme .delete-account-section{background:rgba(var(--kalkvit-rgb, 255, 255, 255),.85);border:1px solid rgba(var(--tegelrod-rgb, 220, 38, 38),.3);border-radius:var(--radius-lg, 16px);box-shadow:0 2px 8px #0000000f}.modern-theme .delete-account-header{border-bottom:1px solid rgba(var(--sandbeige-rgb),.2)}.modern-theme .delete-account-warning{border-radius:var(--radius-md, 10px);background:rgba(var(--tegelrod-rgb, 220, 38, 38),.05);border:1px solid rgba(var(--tegelrod-rgb, 220, 38, 38),.12)}.modern-theme .delete-account-blocker{border-radius:var(--radius-md, 10px)}.modern-theme .delete-account-summary-item,.modern-theme .delete-account-membership-item{background:rgba(var(--kalkvit-rgb, 255, 255, 255),.7);border:1px solid rgba(var(--sandbeige-rgb),.2);border-radius:var(--radius-md, 10px)}.modern-theme .delete-account-confirm-field input{background:rgba(var(--kalkvit-rgb, 255, 255, 255),.8);border:1px solid rgba(var(--sandbeige-rgb),.3);border-radius:var(--radius-md, 10px)}.modern-theme .delete-account-confirm-field input:focus{background:#fff;border-color:var(--color-error, var(--tegelrod));box-shadow:0 0 0 3px rgba(var(--tegelrod-rgb, 220, 38, 38),.15)}.modern-theme .delete-account-btn{border-radius:var(--radius-md, 10px)}.modern-theme .delete-account-btn.secondary{background:rgba(var(--kalkvit-rgb, 255, 255, 255),.8);border:1px solid rgba(var(--sandbeige-rgb),.3)}.modern-theme .delete-account-btn.secondary:hover{background:rgba(var(--kalkvit-rgb, 255, 255, 255),.95);border-color:rgba(var(--primary-rgb),.3)}}@layer components{.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}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@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}}}@layer components{.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}}}@layer components{.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}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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))}}}@layer components{.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-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%;height:100%;-o-object-fit:cover;object-fit:cover;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}.media-library .tab-hamburger-wrapper{display:block}.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;min-height:auto;padding:var(--spacing-lg)}.modern-theme .media-library .tab-navigation{display:flex;justify-content:center;gap:.75rem;margin:0;padding:.75rem;background:linear-gradient(145deg,#ffffff59,rgba(var(--background-light-rgb),.15));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);border:1px solid var(--glass-border);box-shadow:0 4px 20px rgba(var(--primary-rgb),.08),inset 0 1px #ffffff80}.modern-theme .media-library .tab-btn,.modern-theme .media-library .tab-button{background:linear-gradient(145deg,#ffffff80,rgba(var(--background-light-rgb),.2));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--radius-full);padding:.625rem 1.25rem;color:var(--charcoal-graphite);font-weight:500;font-size:.875rem;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a;text-decoration:none}.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));border-color:rgba(var(--primary-rgb),.25);transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--primary-rgb),.12),inset 0 1px #ffffff80}.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));border-color:rgba(var(--primary-rgb),.35);color:var(--primary);font-weight:600;box-shadow:0 4px 16px rgba(var(--primary-rgb),.2),0 0 20px rgba(var(--primary-rgb),.1),inset 0 1px #fff9}.modern-theme .media-library .tab-button .tab-icon,.modern-theme .media-library .tab-btn .tab-icon{width:16px;height:16px;opacity:.8}.modern-theme .media-library .tab-button.active .tab-icon,.modern-theme .media-library .tab-btn.active .tab-icon{opacity:1;color:var(--primary)}.modern-theme .media-library-content{background:linear-gradient(145deg,#ffffffd9,rgba(var(--background-light-rgb),.15),#ffffffbf);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(var(--primary-rgb),.08),0 2px 8px #0000000a,inset 0 1px #ffffff80}.modern-theme .images-tab-toolbar,.modern-theme .music-tab-toolbar,.modern-theme .videos-tab-toolbar{background:#ffffff80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--radius-md)}.modern-theme .images-tab-action-btn,.modern-theme .music-tab-action-btn,.modern-theme .videos-tab-action-btn{background:#ffffffb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--radius-md)}.modern-theme .images-tab-action-btn:hover,.modern-theme .music-tab-action-btn:hover,.modern-theme .videos-tab-action-btn:hover{background:#ffffffe6;border-color:rgba(var(--primary-rgb),.3)}.modern-theme .images-tab-action-btn.danger,.modern-theme .music-tab-action-btn.danger,.modern-theme .videos-tab-action-btn.danger{border-color:#ef44444d}.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;border-color:#ef444480}.modern-theme .images-tab-select,.modern-theme .music-tab-select,.modern-theme .videos-tab-select{background:#ffffffe6;border:1px solid var(--glass-border);border-radius:var(--radius-md)}.modern-theme .images-tab-select:focus,.modern-theme .music-tab-select:focus,.modern-theme .videos-tab-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.modern-theme .image-card,.modern-theme .video-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}.modern-theme .image-card.selected,.modern-theme .video-card.selected{border-color:var(--primary);box-shadow:0 4px 16px rgba(var(--primary-rgb),.2)}.modern-theme .image-card:hover,.modern-theme .video-card:hover{box-shadow:0 8px 24px #0000001a}.modern-theme .image-card-checkbox,.modern-theme .video-card-checkbox{background:#ffffffe6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-sm);box-shadow:0 2px 8px #0000001a}.modern-theme .image-card-type,.modern-theme .video-card-type{background:rgba(var(--primary-rgb),.15);color:var(--primary);border-radius:var(--radius-full)}.modern-theme .video-card-type.reel{background:rgba(var(--accent-rgb),.15);color:var(--text-muted)}.modern-theme .video-card-type.story{background:rgba(var(--secondary-rgb),.3);color:var(--secondary)}.modern-theme .image-card-source,.modern-theme .video-card-duration{background:rgba(var(--background-light-rgb),.5);border-radius:var(--radius-full)}.modern-theme .image-card-actions,.modern-theme .video-card-actions{border-top:1px solid var(--glass-border)}.modern-theme .image-card-action,.modern-theme .video-card-action{background:#ffffffb3;border:1px solid var(--glass-border);border-radius:var(--radius-md)}.modern-theme .image-card-action:hover,.modern-theme .video-card-action:hover{background:#ffffffe6;border-color:rgba(var(--primary-rgb),.3)}.modern-theme .music-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}.modern-theme .music-card.selected{border-color:var(--primary);box-shadow:0 4px 16px rgba(var(--primary-rgb),.2)}.modern-theme .music-card:hover{box-shadow:0 4px 16px #00000014}.modern-theme .music-card-play{background:rgba(var(--primary-rgb),.15);color:var(--primary)}.modern-theme .music-card-play:hover:not(:disabled){background:var(--primary);color:#fff}.modern-theme .music-card-source{background:rgba(var(--primary-rgb),.15);color:var(--primary);border-radius:var(--radius-full)}.modern-theme .music-card-duration{background:rgba(var(--background-light-rgb),.5);border-radius:var(--radius-full)}.modern-theme .music-card-mood{background:rgba(var(--accent-rgb),.15);color:var(--text-muted);border-radius:var(--radius-full)}.modern-theme .music-card-genre{background:rgba(var(--secondary-rgb),.3);color:var(--secondary);border-radius:var(--radius-full)}.modern-theme .music-card-delete{border-color:#ef44444d}.modern-theme .music-card-delete:hover{background:#ef44441a;border-color:#ef444480}.modern-theme .video-player-modal{background:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modern-theme .video-player-container{background:var(--glass-bg-dark);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 16px 48px #0000004d}.modern-theme .video-player-header{background:#ffffff80;border-bottom:1px solid var(--glass-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modern-theme .video-player-close{background:#ffffffb3;border:1px solid var(--glass-border);border-radius:var(--radius-md)}.modern-theme .video-player-close:hover{background:#ef44441a;border-color:#ef44444d}.modern-theme .images-tab-search-input,.modern-theme .music-tab-search-input,.modern-theme .videos-tab-search-input{background:#ffffffe6;border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:inset 0 1px 3px #0000000d}.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);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1),inset 0 1px 3px #0000000d}.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)}.modern-theme .images-tab-search-clear:hover,.modern-theme .music-tab-search-clear:hover,.modern-theme .videos-tab-search-clear:hover{background:var(--primary)}.modern-theme .images-tab-empty,.modern-theme .music-tab-empty,.modern-theme .videos-tab-empty{background:#ffffff80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-lg);padding:4rem 2rem}.modern-theme .media-tab-loading{background:#ffffff80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-lg)}@media (max-width: 1024px){.modern-theme .media-library .tab-navigation,.modern-theme .media-library-tabs{display:none}.modern-theme .media-library .tab-hamburger-wrapper{display:block}}@media (max-width: 768px){.modern-theme .media-library .tab-navigation,.modern-theme .media-library-tabs{display:none}.modern-theme .media-library{padding:var(--spacing-md)}.modern-theme .media-library-header,.modern-theme .media-library-content{border-radius:var(--radius-md)}}}@layer components{@media (max-width: 768px){.content-design-progress{flex-direction:column;gap:.75rem;margin:2rem 0}.content-design-progress>div[style*="width: 60px"]{display:none}.content-design-step{width:40px;height:40px;font-size:1rem}.selection-card h3{font-size:1.3rem;margin-bottom:1rem}.selection-card>div:first-child{flex-direction:column;align-items:stretch;gap:1rem}.selection-card .dropdown-btn{width:100%;justify-content:center;padding:.875rem 1.5rem;min-height:48px}.content-form-card>div:first-child{flex-direction:column;align-items:stretch;gap:1rem}.content-form-card .secondary-btn{width:100%;justify-content:center;min-height:48px}}@media (max-width: 480px){.content-design-progress{margin:1.5rem 0}.content-design-step{width:36px;height:36px;font-size:.9rem}.selection-card{padding:1.25rem}.selection-card h3{font-size:1.1rem}.content-form-card{padding:1.25rem}.content-form-card h3{font-size:1.1rem}.content-list-header{flex-direction:column;gap:1rem;align-items:stretch}.content-list-header .dropdown-btn{width:100%;justify-content:center}}.design-form-header{display:flex;align-items:center;justify-content:flex-start;margin-bottom:1rem}.design-form-header .back-btn{padding:.5rem 1rem;font-size:.875rem;flex-shrink:0;margin-left:0;margin-right:auto}.header-spacer{width:80px;flex-shrink:0}.step-indicators-centered{display:flex;justify-content:center;align-items:center;gap:.75rem;flex:1}.step-connector{width:32px;height:2px;background-color:var(--sandbeige);border-radius:1px}.step-connector.completed{background-color:var(--koppar)}@media (max-width: 480px){.design-form-header{flex-wrap:wrap;gap:.75rem}.step-indicators-centered{order:-1;flex:1 1 100%;gap:.5rem}.header-spacer{display:none}}}@layer components{.library-filter-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:1rem;align-items:end}.filters-section .form-input,.filters-section select,.filters-section input{color:var(--charcoal-graphite, #1C1C1E);background:#fff}.content-design-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem}.content-card{background:#fff;border:2px solid #e6e6e6;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:all .2s ease;cursor:pointer}.content-card:hover{border-color:var(--koppar);transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.content-list-item{box-shadow:0 1px 3px #0000000f;transition:all .2s ease}.content-list-item:hover{border-color:var(--koppar);background-color:#fafafa;box-shadow:0 4px 12px #00000014}.content-design-list>div:first-child>div[title*=sort]:hover{color:var(--koppar);background:rgba(var(--koppar-rgb, 184, 115, 51),.1);border-radius:4px;padding:.25rem .5rem;margin:-.25rem -.5rem}@media (max-width: 1024px){.library-filter-grid{grid-template-columns:1fr 1fr;gap:.75rem}}@media (max-width: 768px){.library-filter-grid{grid-template-columns:1fr;gap:.75rem}.library-sort-bar{flex-direction:column;align-items:flex-start;gap:.75rem}.library-sort-bar>div{flex-wrap:wrap;gap:.5rem}.content-design-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.content-list-item{flex-wrap:wrap;padding:.75rem}.content-list-item>div:first-child{flex-direction:row;min-width:unset}.content-list-item>div:nth-child(2){order:-1;width:100%;margin-bottom:.5rem}}@media (max-width: 480px){.content-design-cards-grid{grid-template-columns:1fr;gap:.75rem}.content-list-item{flex-direction:column;align-items:stretch;gap:.5rem}.content-list-item>div:first-child{flex-direction:row;justify-content:flex-start;gap:.5rem}.content-list-item>div:nth-child(2){order:0}.content-list-item>div:nth-child(3){display:none}.content-list-item>div:nth-child(4){justify-content:center}.content-list-item>svg:last-child{display:none}}@media (max-width: 768px){.content-design-library h2{font-size:1.3rem}.filters-section>div{grid-template-columns:1fr;gap:.75rem}.filters-section input,.filters-section select{min-height:48px;font-size:1rem}.content-design-library>div:last-child{grid-template-columns:1fr;gap:1rem;padding:0 .5rem}.content-card{padding:1.25rem}.content-card>div:first-child{flex-wrap:wrap;gap:.375rem;margin-bottom:.75rem}.content-card>div:first-child button{flex:1;min-width:80px;padding:.5rem;font-size:.75rem}.content-card>div:nth-child(2){flex-direction:column;align-items:stretch;gap:.5rem}.content-card>div:nth-child(2)>div{flex-wrap:wrap;justify-content:flex-start}.content-card>div:last-child{flex-direction:column;gap:.75rem;align-items:stretch}.content-card>div:last-child>div:last-child{justify-content:center}}@media (max-width: 480px){.content-design-library h2{font-size:1.2rem}.filters-section{padding:.75rem}.content-design-library>div:last-child{grid-template-columns:1fr;gap:.75rem;padding:0 .25rem;width:100%;max-width:100vw}.content-card{width:100%;max-width:100%;min-width:unset}.content-card{padding:1rem}.content-card>div:first-child button{min-height:44px;font-size:.7rem}.content-card>div:first-child button span{display:none}.content-card>div:nth-child(2)>div>span{font-size:.7rem;padding:.2rem .5rem}.content-card>div:nth-child(4){font-size:.9rem;line-height:1.3}.content-card>div:nth-child(5) p{font-size:.85rem;-webkit-line-clamp:2}.content-card>div:nth-child(6){padding:.5rem;margin-bottom:.75rem}.content-card>div:nth-child(6)>div:first-child span{font-size:.8rem}.content-card>div:nth-child(6)>div:last-child{font-size:.7rem}.content-card>div:last-child{font-size:.75rem;gap:.5rem}.content-card>div:last-child>div:first-child>div:first-child{font-size:.75rem}.content-card>div:last-child>div:last-child>div:first-child{font-size:.65rem}}@media (max-width: 768px){div[style*="position: fixed"][style*="backgroundColor: rgba(0, 0, 0, 0.7)"]{padding:1rem}div[style*="backgroundColor: white"][style*="borderRadius: 12px"]{margin:5vh auto 1rem auto;max-height:90vh}div[style*="backgroundColor: white"][style*="borderRadius: 12px"]>div:first-child{padding:1.5rem;flex-direction:column;gap:1rem;align-items:stretch}div[style*="backgroundColor: white"][style*="borderRadius: 12px"]>div:nth-child(2){padding:1.5rem}div[style*="backgroundColor: white"][style*="borderRadius: 12px"]>div:last-child{padding:1.5rem;flex-direction:column;gap:.75rem}div[style*="backgroundColor: white"][style*="borderRadius: 12px"]>div:last-child button{width:100%;justify-content:center;min-height:48px}}@media (max-width: 480px){div[style*="position: fixed"][style*="backgroundColor: rgba(0, 0, 0, 0.7)"]{padding:.5rem}div[style*="backgroundColor: white"][style*="borderRadius: 12px"]{margin:2vh auto .5rem auto;max-height:95vh}div[style*="backgroundColor: white"][style*="borderRadius: 12px"]>div:first-child{padding:1rem}div[style*="backgroundColor: white"][style*="borderRadius: 12px"]>div:nth-child(2){padding:1rem}div[style*="backgroundColor: white"][style*="borderRadius: 12px"]>div:last-child{padding:1rem}div[style*="backgroundColor: white"][style*="borderRadius: 12px"] h2{font-size:1.2rem}}}@layer components{.text-editor input:focus,.text-editor textarea:focus{border-color:var(--koppar);outline:none;box-shadow:0 0 0 2px #b873331a}.text-editor input:disabled,.text-editor textarea:disabled{cursor:not-allowed}.text-editor textarea{font-family:inherit}.text-editor button:hover:not(:disabled){transform:scale(1.1);box-shadow:0 1px 4px #0003}.ai-wand-btn{background:linear-gradient(135deg,#8b5cf6,#ec4899);border:none;border-radius:4px;padding:4px 6px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s}.ai-wand-btn:hover:not(:disabled){transform:scale(1.1);box-shadow:0 2px 8px #8b5cf666}.ai-wand-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.controls-row{gap:.75rem}.controls-row .alignment-controls,.controls-row .position-controls,.controls-row .font-size-controls{flex-shrink:0}.color-picker-row{row-gap:.5rem}@media (max-width: 1200px){.text-editor-columns{grid-template-columns:1fr;gap:1rem}.text-editor{padding:1rem}.collapse-indicator.hide-desktop{display:inline}}@media (max-width: 768px){.text-editor-columns{gap:.75rem}.text-editor h3{font-size:1rem}.text-editor{padding:.875rem}.text-editor button[title^=Position]{display:none}.text-editor>div:last-of-type:not(.background-settings-section){padding:.5rem;font-size:.7rem}.text-editor>div:last-of-type:not(.background-settings-section)>div{display:none}}@media (max-width: 480px){.text-editor{padding:.75rem;border-radius:8px}.text-editor label{font-size:.75rem;margin-bottom:.25rem}.text-editor input[type=text]{padding:.5rem;font-size:.85rem}.text-editor button[title^=Decrease],.text-editor button[title^=Increase],.text-editor button[title^=Align],.background-settings-section{display:none}}}@layer components{.design-preview-container{position:relative;width:350px;height:350px;overflow:hidden;background-color:var(--secondary, #0F1A2A);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.reel-preview.design-preview-container,.story-preview.design-preview-container{width:280px;height:498px;aspect-ratio:9/16}.design-preview-full{position:relative;width:500px;height:500px;overflow:hidden;background-color:var(--secondary, #0F1A2A);box-shadow:var(--shadow-lg)}.reel-preview.design-preview-full,.story-preview.design-preview-full{width:360px;height:640px;aspect-ratio:9/16}.landscape-preview.design-preview-container{width:498px;height:280px;aspect-ratio:16/9}.landscape-preview.design-preview-full{width:640px;height:360px;aspect-ratio:16/9}.design-preview-container:hover{transform:scale(1.02);box-shadow:var(--shadow-md)}.design-preview-container:hover .hover-overlay{opacity:1}.gradient-overlay{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(180deg,#1c1c1e00,#1c1c1e4d 50%,#1c1c1e 85% 100%);pointer-events:none;z-index:1}.content-layout{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;padding:8%}.preview-text-section{display:flex;flex-direction:column;gap:.5rem;width:100%;background:transparent;border:none;padding:0;border-radius:0}.top-section{align-items:flex-start;justify-content:flex-start}.center-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.bottom-section{align-items:flex-start;justify-content:flex-end}.brand-logo{position:absolute;z-index:4;display:flex;flex-direction:column;gap:.25rem}.base64-logo,.url-logo{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.default-logo{text-align:center}.logo-text{color:var(--kalkvit);font-size:1rem;font-weight:700;letter-spacing:.1em}.design-preview-container .logo-text{font-size:.35rem}.reel-preview .logo-text,.story-preview .logo-text{font-size:.85rem}.reel-preview.design-preview-container .logo-text,.story-preview.design-preview-container .logo-text{font-size:.3rem}.logo-subtitle{color:var(--koppar);font-size:.7rem;letter-spacing:.15em;margin-top:-.1rem}.design-preview-container .logo-subtitle{font-size:.25rem}.reel-preview .logo-subtitle,.story-preview .logo-subtitle{font-size:.6rem}.reel-preview.design-preview-container .logo-subtitle,.story-preview.design-preview-container .logo-subtitle{font-size:.2rem}.slide-indicator{position:absolute;top:12px;right:12px;background:#000000b3;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;z-index:3}.design-type-badge{position:absolute;top:12px;left:12px;color:#fff;padding:.25rem .5rem;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;z-index:3}.single-badge{background:var(--color-success)}.carousel-badge{background:var(--color-info)}.reel-badge{background:var(--color-warning)}.story-badge{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.hover-overlay{position:absolute;inset:0;background:#0000004d;opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;z-index:4}.hover-icon{background:#fff;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);color:var(--charcoal-graphite)}.preview-modal{position:fixed;inset:0;background-color:#000000e6;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem}.preview-modal-content{max-width:90vw;max-height:90vh;position:relative}.modal-close-btn{position:absolute;top:-3rem;right:0;background:#ffffffe6;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--charcoal-graphite);cursor:pointer;font-size:18px;font-weight:700;transition:all .2s}.modal-close-btn:hover{background:#fff;transform:scale(1.1)}@media (max-width: 768px){.design-preview-container,.design-preview-full{max-width:100%}.design-preview-container:hover{transform:none}.preview-modal{padding:.75rem}.preview-modal-content{max-width:95vw;max-height:85vh}.modal-close-btn{top:-2.5rem;width:36px;height:36px}}}@layer components{.unified-design-form{max-width:1200px;margin:0 auto}.form-actions{text-align:center}@media (max-width: 1024px){.hide-tablet{display:none}}@media (max-width: 768px){.hide-mobile{display:none}.unified-design-form .design-form-layout{grid-template-columns:1fr}}}@layer components{@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}}@layer components{.video-saver{margin-top:2rem}.results-section{text-align:center;background:#fff;border:1px solid var(--sandbeige);border-radius:12px;padding:30px}.results-section h4{color:var(--charcoal-graphite);margin-bottom:20px;font-size:1.5rem}.result-video-container{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.result-info{display:flex;justify-content:center;gap:20px;margin-bottom:25px;font-size:14px;color:var(--oliv);flex-wrap:wrap}.result-info>div{display:flex;align-items:center;gap:4px}.result-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:25px}.download-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--oliv);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s}.download-btn:hover:not(:disabled){background:#7a8860}.download-btn:disabled{opacity:.6;cursor:not-allowed}.submit-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--charcoal-graphite);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s}.submit-btn:hover:not(:disabled){background:#0f0f11}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.save-progress{display:flex;justify-content:center;gap:2rem;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid var(--sandbeige)}.progress-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--charcoal-graphite)}.progress-check{width:16px;height:16px;border-radius:50%}.progress-check.completed{color:#16a34a}.progress-check.pending{background:var(--sandbeige);border:1px solid var(--oliv)}@media (max-width: 768px){.result-actions{flex-direction:column;align-items:center}.save-progress{flex-direction:column;gap:1rem;text-align:center}.result-info{flex-direction:column;gap:10px}}}@layer components{.video-preview-container{max-width:1200px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.video-preview-container .glass-panel{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(var(--sandbeige-rgb),.5);border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0000000a;transition:all .2s ease}.video-preview-container.theme-modern .glass-panel{background:#ffffffe6;border-color:rgba(var(--sandbeige-rgb),.3)}.video-preview-container.theme-classic .glass-panel{background:#fff;border-color:var(--sandbeige);box-shadow:0 2px 8px #0000000f}.vp-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.vp-header-content{display:flex;justify-content:space-between;align-items:center;width:100%;flex-wrap:wrap;gap:1rem}.vp-header-title{display:flex;align-items:center;gap:.75rem}.vp-header-icon{color:var(--koppar)}.vp-header-title h2{margin:0;font-size:1.25rem;color:var(--charcoal-graphite)}.vp-header-title p{margin:0;font-size:.85rem;color:var(--oliv)}.vp-quick-stats{display:flex;gap:.5rem;flex-wrap:wrap}.stat-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:rgba(var(--sandbeige-rgb),.3);border:1px solid rgba(var(--sandbeige-rgb),.5);border-radius:20px;font-size:.8rem;color:var(--charcoal-graphite);font-weight:500}.stat-pill.music{background:rgba(var(--skogsgron-rgb),.1);border-color:rgba(var(--skogsgron-rgb),.3);color:var(--color-success)}.vp-main-content{display:flex;flex-direction:column;gap:1.5rem}.vp-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(var(--sandbeige-rgb),.4)}.vp-section-header h3{margin:0;font-size:1rem;color:var(--charcoal-graphite)}.vp-section-header span{font-size:.85rem;color:var(--oliv)}.vp-section-title{display:flex;align-items:center;gap:.5rem}.vp-section-icon{color:var(--koppar)}.vp-optional-badge{font-size:.7rem;padding:.25rem .5rem;background:rgba(var(--sandbeige-rgb),.3);border:1px solid rgba(var(--sandbeige-rgb),.5);border-radius:4px;color:var(--oliv);text-transform:uppercase;letter-spacing:.5px}.vp-clips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.vp-clip-card{background:rgba(var(--sandbeige-rgb),.2);border:1px solid rgba(var(--sandbeige-rgb),.4);border-radius:12px;padding:1rem;transition:all .2s ease}.vp-clip-card:hover{border-color:var(--koppar);box-shadow:0 4px 12px #0000000f}.vp-clip-card.ready{border-left:3px solid var(--color-success)}.vp-clip-card.pending{border-left:3px solid var(--color-warning)}.vp-clip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.vp-clip-number{font-weight:600;font-size:.9rem;color:var(--charcoal-graphite)}.status-icon.ready{color:var(--color-success)}.status-icon.warning{color:var(--color-warning)}.vp-clip-preview{display:flex;justify-content:center;margin-bottom:.75rem}.vp-no-content{width:180px;height:320px;background:rgba(var(--sandbeige-rgb),.2);border:2px dashed rgba(var(--sandbeige-rgb),.5);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--oliv);font-size:.85rem}.vp-clip-meta{display:flex;flex-direction:column;gap:.5rem}.vp-clip-info-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.vp-text-elements{font-weight:500;color:var(--charcoal-graphite)}.vp-duration{color:var(--oliv);font-weight:500}.vp-clip-badges{display:flex;flex-wrap:wrap;gap:.35rem}.vp-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.7rem;border-radius:4px;font-weight:500}.vp-badge.effects{background:rgba(var(--koppar-rgb),.1);color:var(--koppar)}.vp-badge.timing{background:rgba(var(--oliv-rgb),.15);color:var(--oliv)}.vp-badge.overlay{background:rgba(var(--accent-rgb),.1);color:var(--accent)}.vp-badge.logo{background:rgba(var(--skogsgron-rgb),.1);color:var(--color-success)}.vp-selected-music{display:flex;align-items:center;gap:.75rem;margin-top:1rem;padding:.75rem 1rem;background:rgba(var(--skogsgron-rgb),.08);border:1px solid rgba(var(--skogsgron-rgb),.2);border-radius:8px}.vp-selected-music .music-check{color:var(--color-success);flex-shrink:0}.vp-selected-music .music-details{display:flex;flex-direction:column;gap:.15rem}.vp-selected-music .music-title{font-weight:600;color:var(--charcoal-graphite);font-size:.9rem}.vp-selected-music .music-meta{font-size:.8rem;color:var(--oliv)}.vp-no-music{margin-top:1rem;padding:.75rem 1rem;background:rgba(var(--sandbeige-rgb),.3);border:1px solid rgba(var(--sandbeige-rgb),.4);border-radius:8px;text-align:center}.vp-no-music p{margin:0;font-size:.85rem;color:var(--oliv);font-style:italic}.vp-font-status{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-size:.85rem}.vp-font-status.loading{background:rgba(var(--oliv-rgb),.1);color:var(--oliv)}.vp-font-status.loaded{background:rgba(var(--skogsgron-rgb),.1);color:var(--color-success)}.vp-font-status.error{background:rgba(var(--tegelrod-rgb),.1);color:var(--color-error)}.vp-render-warning,.vp-render-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;color:var(--oliv);font-size:.95rem}.vp-render-warning{color:var(--color-warning)}.vp-render-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.vp-render-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:180px}.vp-render-btn .btn-text{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem}.vp-render-btn .btn-primary{font-weight:600}.vp-render-btn .btn-secondary{font-size:.75rem;opacity:.85;font-weight:400}.vp-render-btn.sandbox{background:transparent;border:2px solid var(--koppar);color:var(--koppar)}.vp-render-btn.sandbox:hover:not(:disabled){background:rgba(var(--koppar-rgb),.1);transform:translateY(-1px)}.vp-render-btn.production{background:var(--koppar);border:2px solid var(--koppar);color:#fff}.vp-render-btn.production:hover:not(:disabled){filter:brightness(.9);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--koppar-rgb),.3)}.vp-render-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.vp-progress{display:flex;align-items:center;gap:1rem;margin-top:1.5rem;padding:0 2rem}.vp-progress-bar{flex:1;height:8px;background:rgba(var(--sandbeige-rgb),.4);border-radius:4px;overflow:hidden}.vp-progress-fill{height:100%;background:var(--koppar);transition:width .3s ease;border-radius:4px}.vp-progress-text{font-size:.85rem;font-weight:600;color:var(--koppar);min-width:40px}@media (max-width: 768px){.video-preview-container{padding:1rem}.vp-header-content{flex-direction:column;align-items:flex-start}.vp-clips-grid{grid-template-columns:1fr}.vp-render-buttons{flex-direction:column}.vp-render-btn{width:100%;justify-content:center}}}@layer components{.spinning{animation:spin 1s linear infinite}.reel-compact-header{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#fffc;border:1px solid var(--sandbeige);border-radius:10px;margin-bottom:1rem}.reel-title-section{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.reel-main-title{font-size:1.1rem;font-weight:600;color:var(--charcoal-graphite);font-family:var(--font-header);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reel-main-title.clickable{cursor:pointer;transition:color .2s}.reel-main-title.clickable:hover{color:var(--koppar)}.reel-title-input-inline{font-size:1.1rem;font-weight:600;color:var(--charcoal-graphite);font-family:var(--font-header);margin:0;padding:.25rem .5rem;border:2px solid var(--koppar);border-radius:6px;background:#fff;flex:1;min-width:200px;max-width:100%;outline:none;box-shadow:0 0 0 3px #b8733326}.reel-title-input-inline:focus{border-color:var(--jordbrun);box-shadow:0 0 0 3px #b8733340}.reel-title-input-inline::-moz-placeholder{color:#9ca3af;font-weight:400}.reel-title-input-inline::placeholder{color:#9ca3af;font-weight:400}.title-edit-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid var(--sandbeige);border-radius:6px;cursor:pointer;color:var(--oliv);transition:all .2s;flex-shrink:0}.title-edit-btn:hover:not(:disabled){background:var(--sandbeige);color:var(--charcoal-graphite)}.title-edit-btn:disabled{opacity:.5;cursor:not-allowed}.save-menu-wrapper{display:flex;position:relative}.save-primary-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem .875rem;background:var(--koppar);color:#fff;border:none;border-radius:6px 0 0 6px;cursor:pointer;font-size:.875rem;font-weight:600;font-family:var(--font-body);transition:background .2s}.save-primary-btn:hover:not(:disabled){background:var(--jordbrun)}.save-primary-btn:disabled{opacity:.6;cursor:not-allowed}.save-dropdown-toggle{display:flex;align-items:center;justify-content:center;padding:.5rem;background:var(--koppar);color:#fff;border:none;border-left:1px solid rgba(255,255,255,.2);border-radius:0 6px 6px 0;cursor:pointer;transition:background .2s}.save-dropdown-toggle:hover:not(:disabled){background:var(--jordbrun)}.save-dropdown-toggle:disabled{opacity:.6;cursor:not-allowed}.save-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid var(--sandbeige);border-radius:8px;box-shadow:0 4px 16px #0000001f;min-width:220px;z-index:1000;overflow:hidden}.save-menu-section{padding:.5rem 0}.save-menu-label{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--oliv)}.save-menu-empty{padding:.5rem 1rem;font-size:.8rem;color:#9ca3af;font-style:italic}.save-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.625rem 1rem;background:none;border:none;text-align:left;cursor:pointer;font-size:.875rem;color:var(--charcoal-graphite);transition:background .15s}.save-menu-item:hover{background:#f8f9fa}.save-menu-item .draft-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.save-menu-item .draft-time{font-size:.75rem;color:var(--oliv)}.save-menu-item.destructive{color:#dc2626}.save-menu-item.destructive:hover{background:#fef2f2}.save-menu-divider{height:1px;background:var(--sandbeige);margin:.25rem 0}.save-status-inline{font-size:.8rem;color:#3b82f6;white-space:nowrap}.save-status-inline.error{color:#dc2626}@media (max-width: 640px){.reel-compact-header{flex-wrap:wrap;gap:.75rem}.reel-title-section{flex:1 1 100%;order:1}.save-menu-wrapper{order:2;margin-left:auto}.reel-main-title{font-size:1rem}.reel-title-input-inline{font-size:1rem;min-width:150px}}.title-progress-row{display:grid;grid-template-columns:1fr auto;gap:2rem;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--sandbeige);align-items:start}.title-section{display:flex;flex-direction:column;gap:.5rem}.section-label{font-size:.75rem;font-weight:600;color:var(--oliv);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-body)}.title-content{display:flex;align-items:center;gap:.75rem;max-width:calc(100% - 50px)}.reel-title{font-size:1.5rem;font-weight:600;color:var(--charcoal-graphite);font-family:var(--font-header);margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reel-title-input{font-size:1.5rem;font-weight:600;color:var(--charcoal-graphite);font-family:var(--font-header);margin:0;padding:.25rem .5rem;border:2px solid var(--koppar);border-radius:4px;background:#fff;flex:1;width:100%}.reel-title-input:focus{outline:none;border-color:var(--jordbrun);box-shadow:0 0 0 3px #b873331a}.progress-section{display:flex;flex-direction:column;gap:.5rem;min-width:300px}.progress-content-inline{display:flex;align-items:center;gap:.75rem}.progress-bar-inline{flex:1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;min-width:120px}.progress-fill{height:100%;background:var(--koppar);transition:width .3s ease}.progress-stats{font-size:.85rem;color:var(--oliv);white-space:nowrap;font-family:var(--font-body)}.progress-percent-badge{font-size:.9rem;font-weight:700;color:var(--koppar);min-width:45px;font-family:var(--font-body)}.clips-management-section{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.clips-header-row{display:flex;align-items:center;justify-content:space-between}.clips-count-section{display:flex;align-items:center;gap:.75rem}.clips-count-value{font-size:1rem;font-weight:600;color:var(--charcoal-graphite);font-family:var(--font-header)}.scene-order-section{display:flex;flex-direction:column;gap:.5rem}.scene-range{font-size:.7rem;color:var(--oliv);font-weight:400;font-style:italic}.edit-info-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--koppar);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s;flex-shrink:0}.edit-info-btn:hover:not(:disabled){background:var(--jordbrun)}.edit-info-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.clip-controls{display:flex;gap:4px;align-items:center}.add-clip-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--koppar);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.add-clip-btn:hover:not(:disabled){background:#9d5e2a}.add-clip-btn:disabled{background:#ccc;cursor:not-allowed}.clip-management{margin-top:.5rem}.clip-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.clip-item{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#fff;border:1px solid var(--sandbeige);border-radius:6px;font-size:13px}.clip-status{display:flex;gap:2px}.status-indicator{font-size:10px;width:14px;height:14px;display:flex;align-items:center;justify-content:center;border-radius:50%}.status-indicator.complete{background:#dcfce7;color:#16a34a}.status-indicator.pending{background:#fef3c7;color:#d97706}.delete-clip-btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:#fee2e2;color:#dc2626;border:none;border-radius:3px;cursor:pointer;transition:background-color .2s}.delete-clip-btn:hover:not(:disabled){background:#fecaca}.delete-clip-btn:disabled{background:#ccc;cursor:not-allowed}.clip-management-info{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--oliv)}.clip-limits{font-style:italic}.clip-warning{color:#d97706;font-weight:500}@media (max-width: 768px){.title-progress-row{grid-template-columns:1fr;gap:1rem}.progress-section{min-width:auto}.clips-header-row{flex-direction:column;align-items:flex-start;gap:.75rem}}.reel-save-controls{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#f8f9fa;border-bottom:1px solid var(--sandbeige);margin-bottom:1.5rem}.save-draft-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--koppar);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;font-family:var(--font-body);transition:var(--transition-base)}.save-draft-btn:hover:not(:disabled){background:var(--jordbrun)}.save-draft-btn:disabled{opacity:.6;cursor:not-allowed}.drafts-dropdown-wrapper{position:relative}.drafts-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#fff;border:1px solid var(--sandbeige);border-radius:6px;cursor:pointer;font-size:.9rem;font-family:var(--font-body);transition:var(--transition-base);color:var(--charcoal-graphite)}.drafts-btn:hover{border-color:var(--koppar)}.drafts-dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border:1px solid var(--sandbeige);border-radius:8px;box-shadow:var(--shadow-lg);z-index:1000;min-width:300px;max-height:400px;overflow:auto}.draft-item{padding:.75rem 1rem;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s}.draft-item:hover{background:#f8f9fa}.draft-item:last-child{border-bottom:none}.draft-title{font-weight:600;color:var(--charcoal-graphite);margin-bottom:.25rem;font-family:var(--font-body)}.draft-date{font-size:.8rem;color:var(--oliv);font-family:var(--font-body)}.no-drafts-message{padding:1rem;text-align:center;color:var(--oliv);font-size:.9rem;font-family:var(--font-body)}.revert-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;font-family:var(--font-body);transition:var(--transition-base)}.revert-btn:hover:not(:disabled){background:#545b62}.revert-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1024px){.progress-section{min-width:200px}.progress-stats{font-size:.75rem}.clip-preview{display:none}}@media (max-width: 768px){.content-variant-display,.revert-btn,.scene-range,.clip-management-info{display:none}.reel-save-controls{flex-direction:column;padding:.75rem}.reel-save-controls button{width:100%;justify-content:center}}}@layer components{.upgrade-prompt{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;background:linear-gradient(135deg,rgba(var(--primary-rgb),.08),rgba(var(--accent-rgb),.06));border:1px solid rgba(var(--primary-rgb),.2);border-radius:12px;gap:.75rem}.upgrade-prompt-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:12px;color:#fff}.upgrade-prompt-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--charcoal-graphite, #1a1a2e)}.upgrade-prompt-description{margin:0;font-size:.875rem;color:var(--color-gray, #6b7280);max-width:320px}.upgrade-prompt-button{display:inline-flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:opacity .2s}.upgrade-prompt-button:hover{opacity:.9}.upgrade-prompt-compact{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.2);border-radius:6px;color:var(--primary);font-size:.75rem;font-weight:500;cursor:pointer;transition:background .2s}.upgrade-prompt-compact:hover{background:rgba(var(--primary-rgb),.15)}}@layer components{@media (max-width: 768px){.carousel-panel{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0}.carousel-viewer-overlay{padding:0}}@media (max-height: 600px){.carousel-panel{height:100vh;max-height:none}}}@layer components{.designs-filter-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1rem;align-items:end}.designs-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.design-card-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:.5rem}.designs-gallery .designs-grid{grid-template-columns:1fr}@media (max-width: 1024px){.designs-filter-grid{grid-template-columns:1fr 1fr;gap:.75rem}.designs-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}}@media (max-width: 768px){.designs-filter-grid{grid-template-columns:1fr;gap:.75rem}.designs-cards-grid{grid-template-columns:1fr;gap:1rem}.designs-gallery .designs-grid{grid-template-columns:1fr}.design-card-actions{grid-template-columns:1fr 1fr}}}@layer components{.app{min-height:100vh;background:linear-gradient(135deg,var(--kalkvit) 0%,var(--background-light) 100%);display:flex;flex-direction:column;width:100vw;overflow-x:clip;margin:0;padding:0}.app-container{display:flex;flex-direction:column;min-height:100vh;flex:1;width:100%;overflow-x:clip}.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(--primary) 0%,var(--secondary) 100%);color:var(--kalkvit);box-shadow:var(--shadow-lg);position:relative;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}.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(--primary) 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(--primary) 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(--primary) 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(--primary) 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-x:clip;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(--primary) 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(--primary) 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;min-height:0}@media (max-width: 768px){.modal-overlay{padding:0;align-items:stretch}.settings-modal{max-width:100vw;max-height:100dvh;height:100dvh;border-radius:0}.modal-header{padding:1rem 1.5rem;flex-shrink:0;position:sticky;top:0;z-index:1}.modal-body{padding:1rem 1.5rem;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;min-height:0}}}@layer components{.header-content{max-width:1400px;margin:0 auto;text-align:center;padding-bottom:0}.main-title{font-family:var(--font-header);font-size:1.75rem;font-weight:700;margin-bottom:.35rem;letter-spacing:-.02em;color:var(--kalkvit)}.main-subtitle{font-family:var(--font-serif);font-size:.95rem;font-style:italic;opacity:.9;margin-bottom:0;color:var(--kalkvit)}.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}}@layer theme{.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,.modern-theme .engage-header{background:rgba(var(--kalkvit-rgb),.98);border:1px solid rgba(var(--secondary-rgb),.3);border-radius:var(--header-border-radius);box-shadow:0 2px 12px #0000000f;margin:0 var(--space-md) var(--header-margin-bottom) var(--space-md);padding:var(--header-padding-y) var(--header-padding-x) var(--space-sm) var(--header-padding-x);color:var(--charcoal-graphite)}.modern-theme .header-content{text-align:center;max-width:100%;padding-bottom:0}.modern-theme .main-title{color:var(--charcoal-graphite);font-size:var(--title-size);font-weight:var(--title-weight);letter-spacing:-.01em;margin-bottom:var(--title-margin-bottom);text-shadow:none;text-align:center;line-height:1.2}.modern-theme .main-subtitle{color:var(--text-muted);opacity:.8;font-size:var(--subtitle-size);margin-bottom:var(--subtitle-margin-bottom);text-align:center;font-style:normal}.modern-theme .section-header-box{background:#fffffffa;border:1px solid rgba(var(--secondary-rgb),.3);border-radius:var(--radius-lg);padding:1rem 1.5rem 1.25rem;margin-top:.75rem;margin-bottom:1rem;width:100%;text-align:center;display:block;box-shadow:0 2px 8px #0000000a}.modern-theme .section-header-box .section-title{font-family:var(--font-serif);font-size:var(--title-size);font-weight:500;color:var(--charcoal-graphite);margin:0 0 .25rem;text-align:center;line-height:1.2;display:block;width:100%}.modern-theme .section-header-box .section-subtitle,.modern-theme .section-subtitle{font-family:var(--font-body);font-size:.95rem;color:var(--text-muted);text-align:center;margin:0 auto 1rem;opacity:.9;display:block;width:100%;max-width:none}.modern-theme .section-header-box .section-title:last-child{margin-bottom:0}.modern-theme .tab-navigation{display:flex;justify-content:center;gap:.75rem;margin:0;padding:.75rem;background:#fffffff2;border-radius:var(--radius-xl);border:1px solid rgba(var(--secondary-rgb),.3);box-shadow:0 2px 12px #0000000f}.modern-theme .tab-button{background:linear-gradient(145deg,#fffffff2,rgba(var(--background-light-rgb),.85));border:1px solid rgba(var(--secondary-rgb),.4);border-radius:var(--radius-full);padding:.625rem 1.25rem;color:var(--charcoal-graphite);font-weight:500;font-size:.875rem;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000014;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.modern-theme .tab-button:hover{background:rgba(var(--primary-rgb),.08);border-color:rgba(var(--primary-rgb),.3);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.12)}.modern-theme .tab-button.active{background:#fff;border-color:var(--primary);color:var(--primary);font-weight:600;box-shadow:0 2px 8px rgba(var(--primary-rgb),.15)}.modern-theme .tab-button:after{display:none;content:none}.modern-theme .tab-button .tab-icon{width:16px;height:16px;opacity:.8}.modern-theme .tab-button.active .tab-icon{opacity:1;color:var(--primary)}.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{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 .settings-panel,.modern-theme .settings-section{background:#ffffffeb;border:1px solid var(--glass-border)}.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}.modern-theme .form-header-section{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--card-padding);margin-bottom:var(--space-lg)}.modern-theme .slide-header{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--card-padding)}.modern-theme .slide-header h2{font-size:var(--title-size);margin:0}.modern-theme .slide-header-subtitle{font-size:var(--subtitle-size);margin:var(--space-sm) 0 0 0}.modern-theme .text-editor-section,.modern-theme .image-creator-section,.modern-theme .design-form-preview .preview-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--card-padding)}.modern-theme .preview-title{font-size:1.1rem;margin:0 0 var(--space-md) 0}.modern-theme .unified-design-form>div[style*="display: flex"][style*="gap: 1rem"][style*="marginBottom: 1.5rem"]{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--card-padding);margin-bottom:var(--space-lg)}.modern-theme .config-info-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);max-width:800px;margin:0 auto 2rem;padding:1rem 1.5rem;overflow:hidden;box-sizing:border-box}.modern-theme .config-info-panel .progress-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.modern-theme .config-info-panel .progress-bar-inline{flex:1;height:6px;background:rgba(var(--background-light-rgb),.3);border-radius:3px;overflow:hidden}.modern-theme .config-info-panel .progress-fill{height:100%;background:var(--primary);border-radius:3px;transition:width .3s ease}.modern-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;white-space:nowrap}.modern-theme .config-info-panel .title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px solid var(--glass-border)}.modern-theme .config-info-panel .title-content{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.modern-theme .config-info-panel .clips-badge{font-size:.75rem;font-weight:600;color:var(--charcoal-graphite);background:rgba(var(--background-light-rgb),.4);padding:.25rem .625rem;border-radius:4px;white-space:nowrap;flex-shrink:0}.modern-theme .clips-management-section{overflow:hidden;box-sizing:border-box;width:100%}.modern-theme .clips-management-section .scene-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.modern-theme .clips-management-section .scene-label{font-size:.8rem;font-weight:600;color:var(--charcoal-graphite);text-transform:uppercase;letter-spacing:.03em}.modern-theme .config-info-panel .clips-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.modern-theme .config-info-panel .clips-count-badge{font-size:.7rem;font-weight:700;color:#fff;background:var(--primary);padding:.25rem .5rem;border-radius:4px;min-width:20px;text-align:center}.modern-theme .clip-badges-row{display:flex;align-items:center;gap:.375rem;flex:1}.modern-theme .clip-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .375rem;background:#fff9;border:1px solid rgba(var(--background-light-rgb),.4);border-radius:6px;cursor:grab;transition:all .15s ease}.modern-theme .clip-badge:hover{background:#ffffffe6;border-color:var(--primary)}.modern-theme .clip-badge.dragging{opacity:.4;transform:scale(1.02)}.modern-theme .clip-badge.complete{background:rgba(var(--skogsgron-rgb),.1);border-color:rgba(var(--skogsgron-rgb),.3)}.modern-theme .clip-badge .badge-number{font-size:.65rem;font-weight:700;color:var(--primary);min-width:12px;text-align:center}.modern-theme .clip-badge .badge-text{font-size:.55rem;font-weight:500;color:var(--charcoal-graphite);opacity:.7;max-width:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modern-theme .clip-badge .badge-status{display:flex;align-items:center;gap:2px}.modern-theme .clip-badge .status-icon.text{color:#16a34a}.modern-theme .clip-badge .status-icon.video{color:#3b82f6}.modern-theme .clip-badge .badge-delete{display:flex;align-items:center;justify-content:center;padding:2px;background:none;border:none;color:var(--text-muted);cursor:pointer;opacity:.5;transition:all .15s ease;border-radius:3px}.modern-theme .clip-badge .badge-delete:hover:not(:disabled){opacity:1;color:var(--tegelrod);background:rgba(var(--tegelrod-rgb),.1)}.modern-theme .clip-badge .badge-delete:disabled{opacity:.2;cursor:not-allowed}.modern-theme .clip-badges-row .drop-indicator{width:2px;height:24px;background:var(--primary);border-radius:1px;box-shadow:0 0 6px rgba(var(--primary-rgb),.5)}.modern-theme .clips-row .clip-controls{display:flex;gap:.25rem;margin-left:auto}.modern-theme .reel-title{font-size:1rem;font-weight:600;line-height:1.3;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modern-theme .reel-title-input{font-size:1rem;font-weight:600;border:1px solid var(--primary);padding:.375rem .5rem;border-radius:6px;width:100%}.modern-theme .clip-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm)}.modern-theme .progress-bar-inline{background:rgba(var(--background-light-rgb),.4);border-radius:var(--radius-full)}.modern-theme .progress-fill{background:var(--primary)}.modern-theme .text-context-strip{background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.modern-theme .unified-design-form>div[style*="backgroundColor: #fef3c7"],.modern-theme .reel-design-form>div[style*="backgroundColor: #fef3c7"]{background:rgba(var(--primary-rgb),.15);border:1px solid rgba(var(--primary-rgb),.4);border-radius:var(--radius-lg);padding:var(--card-padding)}.modern-theme .unified-design-form>div[style*="backgroundColor: #f0f9ff"],.modern-theme .reel-design-form>div[style*="backgroundColor: #f0f9ff"]{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid rgba(var(--primary-rgb),.3);border-radius:var(--radius-lg);padding:var(--card-padding)}.modern-theme .unified-design-form>div[style*="backgroundColor: #dbeafe"]{background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.3);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg)}.modern-theme .carousel-progress{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-md)}.modern-theme .fontservice-status{background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.3);border-radius:var(--radius-sm)}.modern-theme .unified-design-form .form-actions,.modern-theme .reel-design-form .form-actions{margin-top:var(--space-xl)}.modern-theme .reel-save-controls{background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--glass-border);padding:var(--card-padding);margin-bottom:var(--space-lg)}.modern-theme .edit-info-btn{background:var(--primary);border-radius:var(--radius-sm)}.modern-theme .edit-info-btn:hover:not(:disabled){background:var(--secondary)}.modern-theme .add-clip-btn{background:var(--primary);border-radius:var(--radius-sm)}.modern-theme .delete-clip-btn{background:rgba(var(--tegelrod-rgb),.15);border-radius:var(--radius-sm)}.modern-theme .unified-design-form div[style*="position: fixed"][style*="backgroundColor: rgba(0, 0, 0"]>div{background:var(--glass-bg-dark);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.modern-theme .text-editor-container{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--card-padding)}.modern-theme .text-editor-controls{background:rgba(var(--background-light-rgb),.3);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-sm)}.modern-theme .text-editor-controls button{border:1px solid transparent;border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm)}.modern-theme .text-editor-controls button:hover{background:rgba(var(--primary-rgb),.1);border-color:rgba(var(--primary-rgb),.3)}.modern-theme .text-editor-controls button.active{background:var(--primary);color:#fff}.modern-theme .position-controls{background:rgba(var(--background-light-rgb),.2);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-sm)}.modern-theme .color-presets{gap:var(--space-xs)}.modern-theme .color-preset{border:1px solid var(--glass-border);border-radius:var(--radius-sm)}.modern-theme .color-preset.selected{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.3)}.modern-theme .font-size-slider{accent-color:var(--primary)}.modern-theme .text-preview-area{background:rgba(var(--background-light-rgb),.15);border:1px solid var(--glass-border);border-radius:var(--radius-md)}.modern-theme .image-creator-container{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--card-padding)}.modern-theme .image-creator-tabs{background:rgba(var(--background-light-rgb),.3);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-xs)}.modern-theme .image-creator-tabs button{border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-md);border:none}.modern-theme .image-creator-tabs button.active{background:var(--primary);color:#fff}.modern-theme .image-upload-zone{background:rgba(var(--background-light-rgb),.15);border:2px dashed rgba(var(--primary-rgb),.3);border-radius:var(--radius-lg);padding:var(--space-xl)}.modern-theme .image-upload-zone:hover{border-color:var(--primary);background:rgba(var(--primary-rgb),.05)}.modern-theme .ai-generation-panel{background:rgba(var(--background-light-rgb),.2);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--card-padding)}.modern-theme .ai-prompt-input{background:#fff;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-md)}.modern-theme .ai-prompt-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15)}.modern-theme .style-presets{gap:var(--space-sm)}.modern-theme .style-preset{background:rgba(var(--background-light-rgb),.3);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md)}.modern-theme .style-preset:hover{border-color:rgba(var(--primary-rgb),.5)}.modern-theme .style-preset.selected{background:var(--primary);color:#fff;border-color:var(--primary)}.modern-theme .content-design-library{background:transparent}.modern-theme .content-design-library-header{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--card-padding);margin-bottom:var(--space-lg)}.modern-theme .content-design-library-header h2{font-size:var(--title-size);margin:0}.modern-theme .design-library-filters{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--card-padding);margin-bottom:var(--space-lg)}.modern-theme .design-library-filters select,.modern-theme .design-library-filters input{background:#fff;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md)}.modern-theme .view-toggle-btn{background:rgba(var(--background-light-rgb),.3);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm)}.modern-theme .view-toggle-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.modern-theme .design-library-grid{gap:var(--space-lg)}.modern-theme .design-library-item{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden}.modern-theme .design-library-item:hover{border-color:rgba(var(--primary-rgb),.5);box-shadow:0 8px 24px rgba(var(--primary-rgb),.15)}.modern-theme .design-library-item-info{padding:var(--space-md);background:rgba(var(--background-light-rgb),.3)}.modern-theme .design-library-list .design-library-item{display:flex;padding:var(--space-md)}.modern-theme .slide-navigation{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-lg)}.modern-theme .slide-nav-item{background:rgba(var(--background-light-rgb),.3);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md)}.modern-theme .slide-nav-item:hover{border-color:rgba(var(--primary-rgb),.5)}.modern-theme .slide-nav-item.active{background:var(--primary);color:#fff;border-color:var(--primary)}.modern-theme .design-form-layout{gap:var(--space-lg)}.modern-theme .design-form-main{background:transparent}.modern-theme .design-form-sidebar,.modern-theme .bulk-text-editor{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--card-padding)}.modern-theme .bulk-text-editor-header{border-bottom:1px solid var(--glass-border);padding-bottom:var(--space-md);margin-bottom:var(--space-md)}.modern-theme .bulk-text-editor-header h3{font-size:1.1rem;margin:0}.modern-theme .bulk-text-item{background:rgba(var(--background-light-rgb),.2);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-sm)}.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;min-height:auto;width:100%;max-width:100%}.modern-theme .content-manager-body,.modern-theme .dashboard-body{padding:.5rem}.modern-theme .social-studio-body{padding:.25rem;max-width:100%}.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%);border:none;border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(var(--primary-rgb),.25),inset 0 1px #fff3;transition:all .2s ease}.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);box-shadow:0 8px 24px rgba(var(--primary-rgb),.35),inset 0 1px #ffffff4d}.modern-theme .secondary-btn,.modern-theme .btn-secondary{background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(var(--background-light-rgb),.5);border-radius:var(--radius-md);color:var(--text-muted);box-shadow:0 2px 8px #0000000d,inset 0 1px #ffffff80}.modern-theme .secondary-btn:hover,.modern-theme .btn-secondary:hover{background:#ffffffe6;border-color:var(--primary);color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.modern-theme .enhance-btn,.modern-theme .generate-btn{background:linear-gradient(135deg,var(--text-muted) 0%,rgba(var(--accent-rgb),.85) 100%);border:none;border-radius:var(--radius-sm);box-shadow:0 2px 8px rgba(var(--accent-rgb),.2),inset 0 1px #ffffff26}.modern-theme .enhance-btn:hover:not(:disabled),.modern-theme .generate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}.modern-theme .copy-btn{background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(var(--dimblag-rgb),.4);border-radius:var(--radius-md)}.modern-theme .copy-btn:hover{background:#ffffffe6;border-color:var(--primary)}.modern-theme .schedule-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border:none;border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(var(--primary-rgb),.25),inset 0 1px #fff3}.modern-theme .delete-btn{background:linear-gradient(135deg,var(--tegelrod) 0%,rgba(var(--tegelrod-rgb),.85) 100%);color:#fff;border:none;border-radius:var(--radius-sm);box-shadow:0 2px 8px rgba(var(--tegelrod-rgb),.2)}.modern-theme .delete-btn:hover{box-shadow:0 4px 12px rgba(var(--tegelrod-rgb),.3)}.modern-theme .edit-btn{background:linear-gradient(135deg,var(--text-muted) 0%,var(--charcoal-graphite) 100%);color:#fff;border:none;border-radius:var(--radius-sm);box-shadow:0 2px 8px rgba(var(--accent-rgb),.2)}.modern-theme .edit-btn:hover{background:linear-gradient(135deg,var(--charcoal-graphite) 0%,var(--text-muted) 100%);box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}.modern-theme .tab-hamburger{background:var(--glass-bg-dark);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--charcoal-graphite)}.modern-theme .tab-hamburger:hover{background:#fffffff2}.modern-theme .tab-menu-dropdown{background:var(--glass-bg-dark);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow)}.modern-theme .tab-menu-item{background:transparent;border-bottom:1px solid rgba(var(--background-light-rgb),.3)}.modern-theme .tab-menu-item:hover{background:#ffffff80}.modern-theme .tab-menu-item.active{background:var(--primary);color:#fff}.modern-theme .card,.modern-theme .selection-card,.modern-theme .content-form-card,.modern-theme .result-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid rgba(0,0,0,.2);border-radius:var(--radius-lg);box-shadow:0 4px 20px #0000000f,inset 0 1px #ffffff80}.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);box-shadow:0 8px 32px #00000014,inset 0 1px #fff9;transform:translateY(-2px)}.modern-theme .selection-card h3,.modern-theme .content-form-card h3{border-bottom:1px solid rgba(var(--background-light-rgb),.3)}.modern-theme .content-type-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid rgba(0,0,0,.2);border-radius:var(--radius-md);box-shadow:0 4px 16px #0000000d;padding:.875rem;min-height:90px}.modern-theme .content-type-card:before{background:var(--accent-color, var(--primary));height:3px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modern-theme .content-type-card:hover{background:var(--glass-bg-hover);border-color:rgba(var(--primary-rgb),.3);box-shadow:0 8px 24px #00000014}.modern-theme .content-type-card.active{background:#ffffffe6;border-color:rgba(var(--primary-rgb),.4)}.modern-theme .content-item-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid rgba(0,0,0,.2);border-radius:var(--radius-lg);box-shadow:0 2px 12px #0000000d}.modern-theme .content-item-card:hover{background:var(--glass-bg-hover);box-shadow:0 6px 24px #00000014}.modern-theme .content-item-card.selected{background:#ffffffe6;border-color:rgba(var(--primary-rgb),.4)}.modern-theme .flow-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid rgba(0,0,0,.2);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0000000d}.modern-theme .flow-card:hover{background:var(--glass-bg-hover);border-color:rgba(var(--primary-rgb),.3)}.modern-theme .flow-card.selected{background:#ffffffe6;border-color:rgba(var(--primary-rgb),.4)}.modern-theme .platform-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid rgba(0,0,0,.2);border-radius:var(--radius-lg);box-shadow:0 2px 12px #0000000a}.modern-theme .platform-card:hover{background:var(--glass-bg-hover);box-shadow:0 4px 16px #00000014}.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;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(var(--background-light-rgb),.5);border-radius:var(--radius-md);transition:all .2s ease;box-shadow:inset 0 1px 2px #00000005}.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;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1),inset 0 1px 2px #00000005;outline:none}.modern-theme .filter-controls{background:#ffffff80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.2);border-radius:var(--radius-lg)}.modern-theme .content-library-panel,.modern-theme .content-preview-panel,.modern-theme .publishing-hub-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid rgba(0,0,0,.2);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}.modern-theme .panel-header{background:#fff9;border-bottom:1px solid rgba(var(--background-light-rgb),.3)}.modern-theme .generation-progress{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid rgba(var(--primary-rgb),.3);border-radius:var(--radius-lg)}.modern-theme .progress-bar{background:rgba(var(--background-light-rgb),.4);border-radius:var(--radius-full)}.modern-theme .platform-badge{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modern-theme .content-count{box-shadow:0 2px 6px #0000001a}.modern-theme .empty-state{background:#ffffff80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px dashed rgba(var(--background-light-rgb),.5);border-radius:var(--radius-lg)}.modern-theme .loading-state{background:#fff6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:var(--radius-md)}.modern-theme .error-message{background:rgba(var(--tegelrod-rgb),.08);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(var(--tegelrod-rgb),.2);border-radius:var(--radius-md)}.modern-theme .success-alert{background:rgba(var(--accent-rgb),.1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(var(--accent-rgb),.3);border-radius:var(--radius-md)}.modern-theme .success-icon,.modern-theme .success-indicator{color:var(--text-muted)}.modern-theme .success-badge{background:var(--text-muted);color:#fff}@media (min-width: 1024px) and (max-width: 1400px){.modern-theme .content-type-card{padding:.625rem;min-height:75px}.modern-theme .content-type-header{margin-bottom:.25rem}.modern-theme .content-type-icon{width:18px;height:18px}.modern-theme .content-count{font-size:.65rem;padding:.1rem .4rem}.modern-theme .content-type-name{font-size:.9rem;margin-bottom:.1rem}.modern-theme .content-type-description{font-size:.65rem;line-height:1.2}.modern-theme .content-type-grid{gap:.5rem}.modern-theme .content-type-step-container .content-type-card{padding:2rem;min-height:auto}.modern-theme .content-type-step-container .content-type-grid{gap:1.5rem}}@media (max-width: 1024px){.modern-theme .tab-navigation{display:none}.modern-theme .tab-hamburger-wrapper{display:block;z-index:9999}.modern-theme .tab-menu-dropdown{z-index:10000}.modern-theme .content-type-grid{display:none}.modern-theme .content-type-hamburger-wrapper{display:block}.modern-theme .tab-hamburger{background:#fffc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,0,0,.2);box-shadow:0 4px 20px #0000001a}.modern-theme .tab-hamburger:hover,.modern-theme .tab-hamburger:active{background:#ffffffe6}.modern-theme .tab-menu-dropdown{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.2);box-shadow:0 8px 32px #00000026}.modern-theme .tab-menu-item:hover{background:#ffffffb3}.modern-theme .content-type-hamburger{background:#fffc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,0,0,.2);box-shadow:0 4px 20px #0000001a;color:var(--charcoal-graphite, #333)}.modern-theme .content-type-hamburger:hover,.modern-theme .content-type-hamburger:active{background:#ffffffe6}.modern-theme .content-type-menu-dropdown{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.2);box-shadow:0 8px 32px #00000026}.modern-theme .content-type-menu-item{color:var(--charcoal-graphite, #333)}.modern-theme .content-type-menu-item:hover{background:#ffffffb3}.modern-theme .create-wizard-section .content-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;padding:0;margin-top:.75rem}.modern-theme .sidebar-nav-badge,.modern-theme .modern-sidebar .sidebar-nav-badge{display:none}}@media (max-width: 768px){.modern-theme .tab-navigation{display:none}.modern-theme .tab-hamburger-wrapper{display:block}.modern-theme .tab-hamburger{background:#fffc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,0,0,.2);box-shadow:0 4px 20px #0000001a}.modern-theme .tab-hamburger:hover,.modern-theme .tab-hamburger:active{background:#ffffffe6}.modern-theme .tab-menu-dropdown{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.2);box-shadow:0 8px 32px #00000026}.modern-theme .tab-menu-item{background:transparent}.modern-theme .tab-menu-item:hover{background:#ffffffb3}.modern-theme .content-type-hamburger{background:#fffc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,0,0,.2);box-shadow:0 4px 20px #0000001a;color:var(--charcoal-graphite, #333)}.modern-theme .content-type-hamburger:hover,.modern-theme .content-type-hamburger:active{background:#ffffffe6}.modern-theme .content-type-menu-dropdown{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.2);box-shadow:0 8px 32px #00000026}.modern-theme .content-type-menu-item{color:var(--charcoal-graphite, #333)}.modern-theme .content-type-menu-item:hover{background:#ffffffb3}.modern-theme .content-type-grid{display:none}.modern-theme .content-type-hamburger-wrapper{display:block}.modern-theme .create-wizard-section .content-type-grid{display:grid;grid-template-columns:1fr;gap:.5rem;padding:0;margin-top:.75rem}.modern-theme .create-wizard-section .content-type-card{padding:.75rem;min-height:auto;flex-direction:row;align-items:center;gap:.75rem}.modern-theme .create-wizard-section .content-type-header{flex-direction:row;align-items:center;gap:.5rem;margin-bottom:0}.modern-theme .create-wizard-section .content-type-icon{width:24px;height:24px;flex-shrink:0}.modern-theme .create-wizard-section .content-type-title{font-size:.9rem;margin-bottom:0}.modern-theme .create-wizard-section .content-type-source{font-size:.7rem;margin-bottom:0}.modern-theme .create-wizard-section .content-type-description{display:none}.modern-theme .create-wizard-section .content-type-footer{margin-top:0;margin-left:auto}.modern-theme .create-wizard-section .content-type-cta{font-size:.75rem;padding:.375rem .625rem}.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}.modern-theme .modern-layout,.modern-theme .modern-main,.modern-theme .modern-content-wrapper{max-width:100vw;overflow-x:hidden}.modern-theme .form-actions{flex-direction:column;gap:.5rem;padding:.5rem 0}.modern-theme .form-actions button,.modern-theme .form-actions .primary-btn,.modern-theme .form-actions .secondary-btn{width:100%}.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;line-height:1.3;margin-bottom:.25rem}.modern-theme h2,.modern-theme .section-title{font-size:1.125rem;line-height:1.35}.modern-theme h3,.modern-theme .card-title{font-size:1rem;line-height:1.4}.modern-theme p,.modern-theme .body-text{font-size:.875rem;line-height:1.5}.modern-theme .main-subtitle,.modern-theme .section-subtitle,.modern-theme .description{font-size:.8rem}.modern-theme .small-text,.modern-theme .meta-text,.modern-theme .helper-text{font-size:.75rem}.modern-theme .modern-content-wrapper{padding:.75rem}.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}.modern-theme .library-section,.modern-theme .generate-section,.modern-theme .content-type-section{padding:.5rem;margin:0}.modern-theme .card,.modern-theme .selection-card,.modern-theme .content-form-card,.modern-theme .result-card,.modern-theme .glass-card{padding:.75rem;margin:.375rem 0;border-radius:12px}.modern-theme .generate-section .selection-card{margin-left:auto;margin-right:auto;margin-top:.375rem;margin-bottom:.375rem}.modern-theme .styled-header-container,.modern-theme .library-header-card{padding:.75rem;margin:0 0 .5rem;border-radius:12px}.modern-theme .section-header-box{padding:.625rem .75rem .5rem;margin:.25rem 0 .5rem}.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;margin:0 0 .5rem}.modern-theme .content-type-grid,.modern-theme .articles-grid,.modern-theme .flows-grid,.modern-theme .cards-grid{gap:.5rem}.modern-theme .primary-btn,.modern-theme .btn-primary,.modern-theme button[type=submit]:not(.tab-button):not(.mobile-nav-item){padding:.5rem 1rem;font-size:.85rem;min-height:44px;border-radius:8px}.modern-theme .secondary-btn,.modern-theme .btn-secondary{padding:.4rem .875rem;font-size:.825rem;min-height:40px}.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;font-size:.8rem;min-height:36px;gap:.375rem}.modern-theme .btn-icon,.modern-theme button .icon{width:16px;height:16px}.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;font-size:.8rem}.modern-theme .modern-mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:70px;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--background-light);box-shadow:0 -4px 20px #00000014;z-index:100;justify-content:space-around;align-items:stretch;padding:0;padding-bottom:env(safe-area-inset-bottom,0)}.modern-theme .mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;height:100%;padding:8px 4px;border:none;background:transparent;cursor:pointer;color:var(--charcoal-graphite, #1C1C1E);transition:all .2s ease}.modern-theme .mobile-nav-item:hover,.modern-theme .mobile-nav-item.active{background:rgba(var(--primary-rgb),.12);color:var(--primary)}.modern-theme .mobile-nav-icon{width:22px;height:22px;color:inherit}.modern-theme .mobile-nav-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:inherit}}@media (max-width: 480px){.modern-theme .modern-content-wrapper{padding:.5rem}.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}.modern-theme .card,.modern-theme .selection-card,.modern-theme .content-form-card,.modern-theme .glass-card{padding:.5rem;border-radius:10px}.modern-theme .styled-header-container,.modern-theme .library-header-card{padding:.5rem;margin:0 0 .375rem}.modern-theme .primary-btn,.modern-theme .btn-primary{padding:.5rem .875rem;font-size:.8rem}.modern-theme h1,.modern-theme .main-title,.modern-theme .page-title{font-size:1.25rem}.modern-theme h2,.modern-theme .section-title{font-size: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{padding:.5rem .375rem;margin:0 0 .375rem}}@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}.modern-theme .skeleton{animation:none}}.modern-theme .styled-header-container{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 .library-section .styled-header-container{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.modern-theme .content-type-card{background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.modern-theme .content-type-card:hover{background:#ffffffe6;border-color:var(--primary)}.modern-theme .content-type-step-container .content-type-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem;padding-top:4px;overflow:visible}.modern-theme .content-type-step-container .content-type-card{padding:2rem;min-height:auto;border-radius:14px;display:flex;flex-direction:column;background:rgba(var(--kalkvit-rgb, 255, 255, 255),.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid var(--sandbeige)}.modern-theme .content-type-step-container .content-type-card.selected{border-color:var(--card-color, var(--koppar));background:rgba(var(--card-color-rgb, 184, 115, 51),.08)}.modern-theme .content-type-step-container .content-type-card:hover{border-color:var(--card-color, var(--koppar));background:rgba(var(--kalkvit-rgb, 255, 255, 255),.92)}.modern-theme .generation-form,.modern-theme .ai-prompt-form,.modern-theme .content-form-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 .selection-card,.modern-theme .article-selection-card,.modern-theme .research-selection-card{background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border)}.modern-theme .content-calendar{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 .calendar-header{background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(var(--background-light-rgb),.3);color:var(--charcoal-graphite)}.modern-theme .calendar-header h2,.modern-theme .calendar-header p,.modern-theme .calendar-header .calendar-title{color:var(--charcoal-graphite)}.modern-theme .calendar-controls,.modern-theme .calendar-stats{background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--glass-border)}.modern-theme .calendar-day{background:#fff9;border-color:var(--glass-border)}.modern-theme .calendar-day.today{background:rgba(var(--primary-rgb, 184, 115, 51),.1)}.modern-theme .calendar-day.other-month{background:#ffffff4d}.modern-theme .calendar-day:hover{background:#fffc}.modern-theme .calendar-item{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modern-theme .calendar-weekdays{background:#ffffff80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modern-theme .content-list-view{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 .list-item:hover{background:#fffc}.modern-theme .item-modal{background:var(--glass-bg-dark);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border)}.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);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 .dashboard-section,.modern-theme .dashboard-body{background:transparent}.modern-theme .stats-grid .stat-item,.modern-theme .kpi-card{background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border)}.modern-theme .social-studio{background:transparent;min-height:auto;width:100%;max-width:100%}.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);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 .social-studio-body,.modern-theme .tab-content-area{background:transparent}.modern-theme .publishing-hub-card,.modern-theme .publish-card{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 .settings{background:transparent;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:#ffffffeb;border:1px solid var(--glass-border);box-shadow:0 2px 8px #0000000a}.modern-theme .settings-body,.modern-theme .workspace-main{background:transparent}.modern-theme .industry-option-name,.modern-theme .industry-card-title{color:var(--charcoal-graphite)}.modern-theme .industry-option-desc,.modern-theme .industry-header-desc{color:var(--text-muted)}.modern-theme .ai-flows{background:transparent;min-height:auto}.modern-theme .flow-card,.modern-theme .ai-flow-card,.modern-theme .template-card,.modern-theme .workflow-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 .media-library{background:transparent;min-height:auto}.modern-theme .media-card,.modern-theme .image-card,.modern-theme .video-card,.modern-theme .asset-card{background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border)}.modern-theme .quick-actions-section,.modern-theme .modern-quick-actions,.modern-theme .content-library-section,.modern-theme .library-section,.modern-theme .generate-section{background:#fffffff2;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}.modern-theme .generate-section .selection-card,.modern-theme .generate-section .platform-options-step{max-width:min(1100px,100%);margin-left:auto;margin-right:auto;margin-top:.5rem;margin-bottom:.5rem;backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff}.modern-theme .generate-section .selection-card:hover{transform:none;backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff}.modern-theme .flows-section,.modern-theme .content-type-section{background:#fffffff2;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}}@layer theme{:root{--design-form-gap: 20px;--design-form-preview-min: 200px;--design-form-preview-max: 420px;--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;grid-template-columns:unset;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 .design-form-layout{display:grid;grid-template-columns:1fr min-content;gap:var(--design-form-gap);align-items:start;margin-top:1.5rem}.modern-theme .unified-design-form>div[style*="backgroundColor: #dbeafe"]{background:var(--design-glass-bg);border:1px solid var(--design-glass-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--primary)}.modern-theme .unified-design-form>div[style*="background: #f8f9fa"]{background:var(--design-glass-bg);border:1px solid var(--design-glass-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px;padding:1rem 1.5rem}.modern-theme .unified-design-form>div[style*="backgroundColor: #fef3c7"]{background:linear-gradient(145deg,#f59e0b33,rgba(var(--background-light-rgb),.3));border:1px solid rgba(245,158,11,.4);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));border:1px solid rgba(59,130,246,.3);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px}.modern-theme .unified-design-form div[style*="linear-gradient(135deg, var(--kalkvit)"]{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-layout>.design-form-editors{display:flex;flex-direction:column;gap:var(--design-form-gap)}.modern-theme .design-form-layout>.design-form-preview{position:sticky;top:calc(var(--header-height, 60px) + 1rem)}.modern-theme .design-form-layout>.design-form-preview>.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:20px;box-shadow:var(--design-glass-shadow);padding:1.5rem}.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;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}.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,.modern-theme .bulk-text-editor .video-section.glass-panel,.modern-theme .bulk-text-editor.redesigned .video-section.glass-panel{overflow:visible}.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;border:2px dashed rgba(var(--primary-rgb),.4);border-radius:12px;transition:all .2s ease}.modern-theme .image-creator .dropzone:hover,.modern-theme .image-creator div[style*="border: 2px dashed"]:hover{border-color:var(--primary);background:rgba(var(--primary-rgb),.1)}.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 .design-form-layout{grid-template-columns:1fr}.modern-theme .design-form-layout>.design-form-preview{order:-1;position:relative;top:auto}.modern-theme .design-form-layout>.design-form-preview>.preview-panel{max-width:100%;width:-moz-fit-content;width:fit-content;margin:0 auto}.modern-theme .unified-design-form div[style*="backgroundColor: #f0f9ff"][style*="fontSize: 0.75rem"],.modern-theme .unified-design-form div[style*="Carousel Progress"]{display:none}.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}.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}.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}.modern-theme .unified-design-form .form-field:has(label:contains("Number of Slides")){display:none}.modern-theme .unified-design-form div[style*="linear-gradient(135deg, var(--kalkvit)"] p{display:none}.modern-theme .unified-design-form div[style*="linear-gradient(135deg, var(--kalkvit)"]{padding:1rem}.modern-theme .unified-design-form div[style*="linear-gradient(135deg, var(--kalkvit)"] h2{font-size:1.1rem}.modern-theme .design-form-layout>.design-form-preview>.preview-panel{max-width:100%;width:-moz-fit-content;width:fit-content;margin:0 auto;padding:1rem}.modern-theme .design-form-layout>.design-form-preview .preview-subtitle{display:none}.modern-theme .design-form-layout>.design-form-preview select{display:none}.modern-theme .reel-design-form .content-variant-display{display:none}.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}.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}.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}.modern-theme .unified-design-form>div[style*="backgroundColor: #fef3c7"] p{display:none}.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}.modern-theme .design-form-layout>.design-form-preview>.preview-panel{max-width:240px;padding:.75rem}.modern-theme .design-form-layout>.design-form-preview .preview-panel h3{font-size:.9rem}.modern-theme .reel-save-controls .drafts-dropdown-wrapper{display:none}.modern-theme .reel-save-controls{padding:.5rem}}.modern-theme .hide-tablet{display:block}@media (max-width: 1024px){.modern-theme .hide-tablet{display:none}}.modern-theme .hide-mobile{display:block}@media (max-width: 768px){.modern-theme .hide-mobile{display:none}}.modern-theme .show-mobile-only{display:none}@media (max-width: 768px){.modern-theme .show-mobile-only{display:block}}.modern-theme .show-tablet-only{display:none}@media (min-width: 769px) and (max-width: 1024px){.modern-theme .show-tablet-only{display:block}}.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 .clip-timeline{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.modern-theme .clip-timeline::-webkit-scrollbar{height:6px}.modern-theme .clip-timeline::-webkit-scrollbar-track{background:rgba(var(--background-light-rgb),.2);border-radius:3px}.modern-theme .clip-timeline::-webkit-scrollbar-thumb{background:rgba(var(--primary-rgb),.4);border-radius:3px}.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}.modern-theme .reel-design-form{overflow:visible}.modern-theme .content-manager-body:has(.bulk-text-editor.redesigned){overflow:visible}.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}.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;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;gap:2rem;padding:.875rem 1rem;background:#ffffff80;border-radius:8px;border:1px solid rgba(229,217,199,.25);margin-top:.5rem;overflow:visible}.bulk-text-editor.redesigned .option-group{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;flex-shrink:0}.bulk-text-editor.redesigned .option-group>label{display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#3a4a42;white-space:nowrap;line-height:1;margin:0;padding:0;height:12px}.bulk-text-editor.redesigned .color-picker-group{display:flex;flex-direction:row;align-items:center;gap:6px;flex-wrap:nowrap;height:24px}.bulk-text-editor.redesigned .color-picker-group .color-swatch{width:22px;height:22px;min-width:22px;max-width:22px;border:2px solid rgba(229,217,199,.4);border-radius:4px;cursor:pointer;padding:0;flex-shrink:0;box-sizing:border-box}.bulk-text-editor.redesigned .color-picker-group .custom-color-picker{width:22px;height:22px;min-width:22px;max-width:22px;border:2px dashed rgba(229,217,199,.5);border-radius:4px;cursor:pointer;padding:0;flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;box-sizing:border-box}.bulk-text-editor.redesigned .size-input-wrapper{display:flex;align-items:center;gap:.25rem}.bulk-text-editor.redesigned .size-input-wrapper input[type=number]{width:52px;padding:.375rem;background:#fffc;border:1px solid rgba(229,217,199,.4);border-radius:5px;font-size:.75rem;text-align:center;height:28px;box-sizing:border-box}.bulk-text-editor.redesigned .option-group select{padding:.375rem .5rem;background:#fffc;border:1px solid rgba(229,217,199,.4);border-radius:5px;font-size:.75rem;min-width:80px;height:28px;cursor:pointer;box-sizing:border-box}.modern-theme .bulk-text-editor.redesigned .field-options{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;gap:2rem;padding:.875rem 1rem;background:#ffffff80;border-radius:8px;border:1px solid rgba(var(--background-light-rgb),.25);margin-top:.5rem;overflow:visible}.modern-theme .bulk-text-editor.redesigned .option-group{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;flex-shrink:0;position:relative}.modern-theme .bulk-text-editor.redesigned .option-group>label{display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);white-space:nowrap;line-height:1;margin:0;padding:0;height:12px}.modern-theme .bulk-text-editor.redesigned .option-group.color-option{flex-grow:0;flex-shrink:0}.modern-theme .bulk-text-editor.redesigned .option-group.size-option{min-width:80px;flex-shrink:0}.modern-theme .bulk-text-editor.redesigned .option-group.position-option{min-width:100px;flex-shrink:0}.modern-theme .bulk-text-editor.redesigned .color-picker-group{display:flex;flex-direction:row;align-items:center;gap:.375rem;flex-wrap:nowrap;height:24px}.modern-theme .bulk-text-editor.redesigned .color-picker-group .color-swatch{width:22px;height:22px;min-width:22px;border:2px solid rgba(var(--background-light-rgb),.4);border-radius:4px;cursor:pointer;padding:0;transition:all .15s ease;flex-shrink:0;box-sizing:border-box}.modern-theme .bulk-text-editor.redesigned .color-picker-group .color-swatch:hover:not(:disabled){transform:scale(1.1);border-color:var(--primary)}.modern-theme .bulk-text-editor.redesigned .color-picker-group .color-swatch.active{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.3)}.modern-theme .bulk-text-editor.redesigned .color-picker-group .custom-color-picker{width:22px;height:22px;min-width:22px;border:2px dashed rgba(var(--background-light-rgb),.5);border-radius:4px;cursor:pointer;padding:0;flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;box-sizing:border-box}.modern-theme .bulk-text-editor.redesigned .color-picker-group .custom-color-picker::-webkit-color-swatch-wrapper{padding:2px}.modern-theme .bulk-text-editor.redesigned .color-picker-group .custom-color-picker::-webkit-color-swatch{border:none;border-radius:2px}.modern-theme .bulk-text-editor.redesigned .color-picker-group .color-swatch:disabled{opacity:.5;cursor:not-allowed}.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 .action-btn.avatar-btn{background:#fff;color:var(--charcoal-graphite);border:2px solid var(--koppar, #B87333)}.modern-theme .clip-video-editor.compact .action-btn.avatar-btn:hover:not(:disabled){background:var(--koppar, #B87333);color:#fff}.modern-theme .clip-video-editor.compact .action-btn.avatar-btn.active{background:var(--koppar, #B87333);color:#fff}.modern-theme .avatar-creator-section{display:flex;flex-direction:column;gap:.875rem}.modern-theme .avatar-creator-header{display:flex;align-items:center;gap:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--background-light);font-weight:600;font-size:.85rem}.modern-theme .avatar-badge{font-size:.65rem;font-weight:600;padding:.15rem .5rem;background:var(--koppar, #B87333);color:#fff;border-radius:10px;margin-left:auto;text-transform:uppercase;letter-spacing:.05em}.modern-theme .avatar-field{display:flex;flex-direction:column;gap:.375rem}.modern-theme .avatar-field-label{font-size:.775rem;font-weight:500;color:var(--charcoal-graphite);display:flex;align-items:center;gap:.35rem}.modern-theme .avatar-hint{font-size:.7rem;color:var(--text-muted)}.modern-theme .avatar-image-preview{position:relative;width:80px;height:80px;border-radius:8px;overflow:hidden;border:2px solid var(--background-light)}.modern-theme .avatar-thumb{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.modern-theme .avatar-image-clear{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;border:none;background:#0009;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.modern-theme .avatar-upload-btn,.modern-theme .avatar-audio-upload-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .75rem;border:1px dashed var(--text-muted);border-radius:6px;background:transparent;color:var(--charcoal-graphite);font-size:.775rem;cursor:pointer;transition:all .15s ease;width:-moz-fit-content;width:fit-content}.modern-theme .avatar-upload-btn:hover,.modern-theme .avatar-audio-upload-btn:hover{border-color:var(--koppar, #B87333);color:var(--koppar, #B87333);background:#b873330d}.modern-theme .avatar-audio-selected{display:flex;align-items:center;gap:.5rem;padding:.35rem .6rem;background:var(--background-light);border-radius:6px;font-size:.775rem;width:-moz-fit-content;width:fit-content}.modern-theme .avatar-audio-selected button{border:none;background:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex}.modern-theme .avatar-dialogue-input{width:100%;padding:.5rem .65rem;border:1px solid var(--background-light);border-radius:6px;font-size:.8rem;resize:vertical;min-height:60px;font-family:inherit;transition:border-color .15s ease}.modern-theme .avatar-dialogue-input:focus{outline:none;border-color:var(--koppar, #B87333)}.modern-theme .avatar-settings-row{display:flex;gap:1rem;align-items:flex-end}.modern-theme .avatar-setting{display:flex;flex-direction:column;gap:.25rem;flex:1}.modern-theme .avatar-select{padding:.35rem .5rem;border:1px solid var(--background-light);border-radius:6px;font-size:.775rem;background:#fff}.modern-theme .avatar-toggle-btn{padding:.35rem .6rem;border:1px solid var(--background-light);border-radius:6px;font-size:.75rem;background:#fff;cursor:pointer;transition:all .15s ease}.modern-theme .avatar-toggle-btn.active{background:var(--koppar, #B87333);color:#fff;border-color:var(--koppar, #B87333)}.modern-theme .avatar-generate-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;background:var(--koppar, #B87333);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease;width:100%}.modern-theme .avatar-generate-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.modern-theme .avatar-generate-btn:disabled{opacity:.5;cursor:not-allowed}.modern-theme .clip-video-editor .source-tab .avatar-tab-icon{color:var(--koppar, #B87333)}.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;overflow-y:scroll;overflow-x:hidden;-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;overflow-x:hidden;-webkit-overflow-scrolling:touch}.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;overflow-x:hidden;max-height:280px;-webkit-overflow-scrolling:touch}}@layer theme{.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}}@layer theme{.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;grid-template-columns:unset;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-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)}.classic-theme .design-form-layout{display:grid;grid-template-columns:1fr min-content;gap:1.5rem;align-items:start;margin-top:1.5rem}.classic-theme .design-form-editors{display:flex;flex-direction:column;gap:1.5rem}.classic-theme .design-form-preview{position:sticky;top:1rem}@media (max-width: 1024px){.classic-theme .design-form-layout{grid-template-columns:1fr}.classic-theme .design-form-preview{position:relative;top:auto;order:-1}.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}.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 .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}.classic-theme .reel-design-form{overflow:visible}.classic-theme .content-manager-body:has(.bulk-text-editor.redesigned){overflow:visible}.classic-theme .selection-card:has(.bulk-text-editor.redesigned){overflow:visible}.classic-theme .result-card:has(.bulk-text-editor.redesigned){overflow:visible}.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}.classic-theme .tab-content-area>div{overflow:visible}.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}.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;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;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;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;gap:2rem;padding:.875rem 1rem;background:var(--kalkvit);border-radius:8px;border:1px solid var(--background-light);margin-top:.5rem;overflow:visible}.classic-theme .bulk-text-editor.redesigned .option-group{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;flex-shrink:0}.classic-theme .bulk-text-editor.redesigned .option-group>label{display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);white-space:nowrap;line-height:1;margin:0;padding:0;height:12px}.classic-theme .bulk-text-editor.redesigned .option-group.color-option{flex-grow:0;flex-shrink:0}.classic-theme .bulk-text-editor.redesigned .option-group.size-option{min-width:80px;flex-shrink:0}.classic-theme .bulk-text-editor.redesigned .option-group.position-option{min-width:100px;flex-shrink:0}.classic-theme .bulk-text-editor.redesigned .color-picker-group{display:flex;flex-direction:row;align-items:center;gap:.375rem;flex-wrap:nowrap;height:24px}.classic-theme .bulk-text-editor.redesigned .color-picker-group .color-swatch{width:22px;height:22px;min-width:22px;border:2px solid var(--background-light);border-radius:4px;cursor:pointer;padding:0;transition:all .15s ease;flex-shrink:0;box-sizing:border-box}.classic-theme .bulk-text-editor.redesigned .color-picker-group .color-swatch:hover:not(:disabled){transform:scale(1.1);border-color:var(--primary)}.classic-theme .bulk-text-editor.redesigned .color-picker-group .color-swatch.active{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.3)}.classic-theme .bulk-text-editor.redesigned .color-picker-group .color-swatch:disabled{opacity:.5;cursor:not-allowed}.classic-theme .bulk-text-editor.redesigned .color-picker-group .custom-color-picker{width:22px;height:22px;min-width:22px;border:2px dashed var(--background-light);border-radius:4px;cursor:pointer;padding:0;flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;box-sizing:border-box}.classic-theme .bulk-text-editor.redesigned .color-picker-group .custom-color-picker::-webkit-color-swatch-wrapper{padding:2px}.classic-theme .bulk-text-editor.redesigned .color-picker-group .custom-color-picker::-webkit-color-swatch{border:none;border-radius:2px}.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;height:320px;max-width:180px;min-width:180px;aspect-ratio:9/16;border-radius:6px;overflow:hidden;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 .action-btn.avatar-btn{background:#fff;color:var(--charcoal-graphite);border:2px solid var(--koppar, #B87333)}.classic-theme .clip-video-editor.compact .action-btn.avatar-btn:hover:not(:disabled){background:var(--koppar, #B87333);color:#fff}.classic-theme .clip-video-editor.compact .action-btn.avatar-btn.active{background:var(--koppar, #B87333);color:#fff}.classic-theme .avatar-creator-section{display:flex;flex-direction:column;gap:.875rem}.classic-theme .avatar-creator-header{display:flex;align-items:center;gap:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--background-light);font-weight:600;font-size:.85rem}.classic-theme .avatar-badge{font-size:.65rem;font-weight:600;padding:.15rem .5rem;background:var(--koppar, #B87333);color:#fff;border-radius:10px;margin-left:auto;text-transform:uppercase;letter-spacing:.05em}.classic-theme .avatar-field{display:flex;flex-direction:column;gap:.375rem}.classic-theme .avatar-field-label{font-size:.775rem;font-weight:500;color:var(--charcoal-graphite);display:flex;align-items:center;gap:.35rem}.classic-theme .avatar-hint{font-size:.7rem;color:var(--text-muted)}.classic-theme .avatar-image-preview{position:relative;width:80px;height:80px;border-radius:8px;overflow:hidden;border:2px solid var(--background-light)}.classic-theme .avatar-thumb{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.classic-theme .avatar-image-clear{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;border:none;background:#0009;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.classic-theme .avatar-upload-btn,.classic-theme .avatar-audio-upload-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .75rem;border:1px dashed var(--text-muted);border-radius:6px;background:transparent;color:var(--charcoal-graphite);font-size:.775rem;cursor:pointer;transition:all .15s ease;width:-moz-fit-content;width:fit-content}.classic-theme .avatar-upload-btn:hover,.classic-theme .avatar-audio-upload-btn:hover{border-color:var(--koppar, #B87333);color:var(--koppar, #B87333)}.classic-theme .avatar-audio-selected{display:flex;align-items:center;gap:.5rem;padding:.35rem .6rem;background:var(--background-light);border-radius:6px;font-size:.775rem;width:-moz-fit-content;width:fit-content}.classic-theme .avatar-audio-selected button{border:none;background:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex}.classic-theme .avatar-dialogue-input{width:100%;padding:.5rem .65rem;border:1px solid var(--background-light);border-radius:6px;font-size:.8rem;resize:vertical;min-height:60px;font-family:inherit}.classic-theme .avatar-dialogue-input:focus{outline:none;border-color:var(--koppar, #B87333)}.classic-theme .avatar-settings-row{display:flex;gap:1rem;align-items:flex-end}.classic-theme .avatar-setting{display:flex;flex-direction:column;gap:.25rem;flex:1}.classic-theme .avatar-select{padding:.35rem .5rem;border:1px solid var(--background-light);border-radius:6px;font-size:.775rem;background:#fff}.classic-theme .avatar-toggle-btn{padding:.35rem .6rem;border:1px solid var(--background-light);border-radius:6px;font-size:.75rem;background:#fff;cursor:pointer;transition:all .15s ease}.classic-theme .avatar-toggle-btn.active{background:var(--koppar, #B87333);color:#fff;border-color:var(--koppar, #B87333)}.classic-theme .avatar-generate-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;background:var(--koppar, #B87333);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease;width:100%}.classic-theme .avatar-generate-btn:hover:not(:disabled){opacity:.9}.classic-theme .avatar-generate-btn:disabled{opacity:.5;cursor:not-allowed}.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;gap:1rem}}@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;gap:.75rem;padding:.75rem}.classic-theme .bulk-text-editor.redesigned .option-group{width:100%}.classic-theme .bulk-text-editor.redesigned .color-picker-group{flex-wrap:wrap;height:auto}.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;overflow-x:hidden;max-height:280px;-webkit-overflow-scrolling:touch}.classic-theme .video-source-content{overflow:visible}.classic-theme .clip-video-editor.compact .video-source-content{overflow:hidden}}