.dashboard-outer-wrapper{min-height:calc(100vh - 140px);max-height:calc(100vh - 140px);width:100%;display:flex;justify-content:center;background:#111827;padding:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(75,85,99,.9) rgba(17,24,39,.8)}.dashboard-container{width:100%;max-width:1170px;min-width:320px;padding:0 1.5rem}@media (max-width: 1024px){.dashboard-container{max-width:100%;padding:0 1rem}}@media (max-width: 768px){.dashboard-container{padding:0 .75rem}}.dashboard-header .flex,.dashboard-nav .flex{max-width:960px;margin:0 auto}.dashboard-content::-webkit-scrollbar{width:8px}.dashboard-content::-webkit-scrollbar-track{background:#37415180;border-radius:4px}.dashboard-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-radius:4px;transition:background .3s ease}.dashboard-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7c3aed,#2563eb)}.dashboard-content{scrollbar-width:thin;scrollbar-color:#8b5cf6 rgba(55,65,81,.5)}.dashboard-outer-wrapper::-webkit-scrollbar{width:8px}.dashboard-outer-wrapper::-webkit-scrollbar-track{background:#111827cc;border-radius:4px}.dashboard-outer-wrapper::-webkit-scrollbar-thumb{background:#4b5563e6;border-radius:4px;transition:background .3s ease;border:1px solid rgba(55,65,81,.5)}.dashboard-outer-wrapper::-webkit-scrollbar-thumb:hover{background:#6b7280;border-color:#8b5cf64d}.dashboard-content,.dashboard-outer-wrapper{scroll-behavior:smooth}.dashboard-overview,.dashboard-account,.dashboard-billing,.dashboard-history{padding-bottom:2rem}.activity-list{max-height:400px}.activity-list::-webkit-scrollbar{width:6px}.activity-list::-webkit-scrollbar-track{background:#3741514d;border-radius:3px}.activity-list::-webkit-scrollbar-thumb{background:#8b5cf6b3;border-radius:3px}.activity-list::-webkit-scrollbar-thumb:hover{background:#8b5cf6e6}.history-grid{display:grid;grid-template-columns:1fr;gap:.7rem;overflow-y:auto;overflow-x:visible;scrollbar-width:thin;scrollbar-color:#8b5cf6 rgba(55,65,81,.5)}.history-grid:empty,.history-grid:only-child{overflow-y:hidden}.history-grid::-webkit-scrollbar:vertical:single-button{display:none}@media (min-width: 640px){.history-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.history-grid{grid-template-columns:repeat(3,1fr)}}.history-grid::-webkit-scrollbar{width:8px}.history-grid::-webkit-scrollbar-track{background:#37415180;border-radius:4px}.history-grid::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-radius:4px}.history-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7c3aed,#2563eb)}.promotional-banner-section{width:100%}.upgrade-banner{transition:all .3s ease;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.upgrade-banner:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.banner-icon-wrapper{transition:all .3s ease}.upgrade-banner:hover .banner-icon-wrapper{transform:scale(1.1);background:#ea580c4d}.upgrade-cta-btn{position:relative;overflow:hidden}.upgrade-cta-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.upgrade-cta-btn:hover:before{left:100%}.upgrade-cta-btn:active{transform:scale(.98)}@media (max-width: 768px){.upgrade-banner .banner-content{flex-direction:column;gap:1rem;text-align:center}.upgrade-banner .banner-action{width:100%}.upgrade-cta-btn{width:100%;justify-content:center}.banner-text h3{font-size:1.25rem}}@media (max-width: 480px){.upgrade-banner{padding:1rem}.banner-text h3{font-size:1.125rem;margin-bottom:.5rem}.banner-text p{font-size:.875rem}.upgrade-cta-btn{padding:.75rem 1.5rem;font-size:.875rem}}.history-item{position:relative;background:#1f2937;border-radius:1rem;overflow:visible;border:1px solid #374151;min-height:180px;z-index:1}.history-item-thumbnail{border-radius:1rem;overflow:hidden}.history-item:nth-child(-n+3){z-index:10}.history-item-thumbnail{border-radius:1rem}.history-item-thumbnail{width:100%;height:180px;object-fit:cover;display:block;border-radius:1rem}.history-item-placeholder{width:100%;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#374151;color:#9ca3af}.history-item-gradient{position:absolute;left:0;right:0;bottom:0;height:60px;background:linear-gradient(180deg,#0000,#111111e6);pointer-events:none;border-radius:1em;transition:background .3s ease}.history-item:hover .history-item-gradient{background:linear-gradient(180deg,#0000,#000000f2)}.bottom-actions{position:absolute;left:12px;right:12px;bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:8px;opacity:0;pointer-events:none;z-index:10}.history-item:hover .bottom-actions{opacity:1;pointer-events:auto}.view-details-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.view-details-btn:hover{color:#ffffffd4;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000d;border:none;border-radius:8px;background:#f4f4f533}.show-more-container{position:relative;display:flex;align-items:center;z-index:10}.show-more-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:1em;color:#fff;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.show-more-btn:hover{width:36px;height:36px;border-radius:50%;background:#f4f4f533;-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);color:#fff}.dropdown-menu{position:absolute;right:0;bottom:25px;display:none;padding:.44rem;flex-direction:column;justify-content:center;align-items:flex-start;gap:.3rem;border-radius:var(--sds-size-radius-400, 12px);border:1px solid #444;background:#141414c7;box-shadow:0 12px 35px #00000073,0 5px 15px #00000059;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);-moz-backdrop-filter:blur(28px);z-index:1000;min-width:140px;opacity:0;transform:scale(.95) translateY(20px);transform-origin:bottom center;transition:all .15s ease-in-out}@supports not ((-moz-backdrop-filter: blur(28px)) or (backdrop-filter: blur(28px))){.dropdown-menu{background:#1e1e1ef7}}.dropdown-menu[style*="display: flex"]{opacity:1!important;transform:scale(1) translateY(0)!important}.history-item:nth-child(-n+3) .dropdown-menu[style*="display: flex"]{transform:scale(1) translateY(0)!important}.dropdown-item{display:flex;align-items:center;gap:6.8px;width:100%;padding:6.8px 10.2px;background:none;border:none;border-radius:6px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.dropdown-item:hover{background:#ffffff1a}.dropdown-item.delete-item:hover{background:#ef444433;color:#fca5a5}.dropdown-menu[style*="display: none"]{display:none!important}.dropdown-menu[style*="display: flex"]{display:flex!important}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 697px){.dashboard-nav .flex{padding-left:.75rem;padding-right:.75rem;gap:.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.dashboard-nav .flex::-webkit-scrollbar{display:none}.dashboard-nav .flex{scrollbar-width:none;-ms-overflow-style:none}.dashboard-nav button{padding:.625rem .75rem;font-size:inherit;white-space:nowrap;min-width:fit-content;flex-shrink:0}.dashboard-nav button .iconify{font-size:18px!important}.dashboard-nav button{gap:.375rem}.dashboard-nav button{border-bottom-width:2px}@media (max-width: 480px){.dashboard-nav button .iconify{display:none}}}@media (max-width: 480px){.dashboard-nav .flex{padding-left:.5rem;padding-right:.5rem}.dashboard-nav button{padding:.5rem .625rem;font-size:.875rem}}@media (max-width: 600px){#generation-history-filter-controls{flex-direction:column;width:100%;gap:.5rem}#generation-history-filter-controls button{width:100%;justify-content:center}}@keyframes slideInScale{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideOutScale{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(20px)}}.animate-spin{animation:spin 1s linear infinite}:root{--transition-quick: .15s;--transition-normal: .25s;--transition-slow: .35s;--easing-smooth: cubic-bezier(.4, 0, .2, 1);--easing-bounce: cubic-bezier(.68, -.55, .265, 1.55);--easing-premium: cubic-bezier(.165, .84, .44, 1)}.dashboard-nav button{position:relative;transition:all var(--transition-normal) var(--easing-smooth);transform-style:preserve-3d}.dashboard-nav button:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,#a78bfa,#818cf8);transform:scaleX(0);transform-origin:center;transition:transform var(--transition-normal) var(--easing-smooth)}.dashboard-nav button.border-purple-400:after{transform:scaleX(1)}.tab-content-wrapper{position:relative;overflow:hidden}.tab-content{animation:tabContentEnter var(--transition-slow) var(--easing-premium) forwards}@keyframes tabContentEnter{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.tab-content-slide-up{animation:tabContentSlideUp var(--transition-slow) var(--easing-premium) forwards}@keyframes tabContentSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.history-item{transition:all var(--transition-normal) var(--easing-smooth);transform:translateZ(0)}.history-item:hover{border-color:#a78bfa;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0000000a}.history-item{overflow:hidden}.history-item-thumbnail{transition:transform var(--transition-slow) var(--easing-smooth);transform-origin:center center}.history-item:hover .history-item-thumbnail{transform:scale(1.1)}.bottom-actions{transition:all var(--transition-normal) var(--easing-smooth);transform:translateY(10px)}.history-item:hover .bottom-actions{transform:translateY(0)}.view-details-btn,.show-more-btn,.dropdown-item{position:relative;overflow:hidden;transition:all var(--transition-quick) var(--easing-smooth)}.view-details-btn:before,.show-more-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width var(--transition-normal),height var(--transition-normal)}.view-details-btn:active:before,.show-more-btn:active:before{width:100px;height:100px}.dropdown-menu{animation:dropdownEnter var(--transition-quick) var(--easing-bounce) forwards;transform-origin:top right}.history-item:nth-child(-n+3) .dropdown-menu{animation:dropdownEnterBelow var(--transition-quick) var(--easing-bounce) forwards;transform-origin:top right}@keyframes dropdownEnter{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes dropdownEnterBelow{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.dropdown-item{transition:all var(--transition-quick) var(--easing-smooth)}.edit-transition{transition:all var(--transition-normal) var(--easing-smooth)}input[type=text]:focus,input[type=email]:focus,textarea:focus{outline:none;border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa1a;transform:scale(1.01);transition:all var(--transition-quick) var(--easing-smooth)}.modal-backdrop{animation:fadeIn var(--transition-normal) var(--easing-smooth) forwards}.modal-content{animation:modalEnter var(--transition-slow) var(--easing-premium) forwards}@keyframes modalEnter{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-backdrop.exiting{animation:fadeOut var(--transition-normal) var(--easing-smooth) forwards}.modal-content.exiting{animation:modalExit var(--transition-normal) var(--easing-smooth) forwards}@keyframes modalExit{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(10px)}}.stat-card{transition:all var(--transition-normal) var(--easing-smooth);position:relative;overflow:hidden}.stat-card:hover{box-shadow:0 10px 15px -3px #0003;border-color:#a78bfa}.stat-card .bg-purple-500{position:relative;overflow:hidden}.stat-card .bg-purple-500:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.activity-item{transition:all var(--transition-normal) var(--easing-smooth);animation:activityItemEnter var(--transition-slow) var(--easing-premium) forwards;animation-delay:calc(var(--item-index, 0) * 50ms);opacity:0}@keyframes activityItemEnter{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.activity-item:hover{transform:translate(4px);background:#1f2937;border-color:#a78bfa}.dashboard-outer-wrapper{animation:pageEnter var(--transition-slow) var(--easing-premium) forwards}@keyframes pageEnter{0%{opacity:0}to{opacity:1}}.loading-skeleton{background:linear-gradient(90deg,#374151 25%,#4b5563,#374151 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.glow-on-hover{position:relative;isolation:isolate}.glow-on-hover:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(45deg,#a78bfa,#818cf8,#a78bfa);border-radius:inherit;opacity:0;filter:blur(10px);transition:opacity var(--transition-normal) var(--easing-smooth);z-index:-1}.glow-on-hover:hover:before{opacity:.5}@media (max-width: 768px){@keyframes tabContentEnter{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@media (hover: none){.history-item:hover,.stat-card:hover{transform:none}}}.confirmation-modal-overlay{animation:fadeIn .2s ease-out}.confirmation-modal-overlay.closing{animation:fadeOut .2s ease-in}.confirmation-modal-overlay .confirmation-modal-container{animation:slideInScale .3s cubic-bezier(.16,1,.3,1)}.confirmation-modal-overlay.closing .confirmation-modal-container{animation:slideOutScale .2s cubic-bezier(.4,0,1,1)}.alert-composition{background:#0f0f12d9;border:1px solid rgba(243,244,246,.15);border-radius:24px;padding:18px 16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 12px -2px #0003,0 4px 8px -2px #0000001a,0 25px 35px -5px #00000026;max-width:540px;width:100%}.container-main{display:flex;align-items:flex-start;gap:16px}.icon-container{flex-shrink:0;margin-top:4px}.icon-container .iconify{color:#9ca3af;font-size:24px}.content-container{flex:1;min-width:0}.upper-section{margin-bottom:18px}.modal-title{color:#fff;font-weight:600;font-size:16px;line-height:18px;margin-bottom:12px}.modal-message{color:#d1d5db;font-size:14px;line-height:18px}.button-tabs{display:flex;gap:8px;justify-content:flex-end;margin-right:-9px}.cancel-btn{padding:8px 20px;border-radius:8px;border:none;background:transparent;color:#9ca3af;font-size:14px;font-weight:500;transition:all .2s ease;cursor:pointer}.cancel-btn:hover{color:#d1d5db}.confirm-btn{padding:8px 20px;border-radius:8px;border:1px solid #EF4444;background:#ef44441a;color:#f87171;font-size:14px;font-weight:500;transition:all .2s ease;cursor:pointer}.confirm-btn:hover{background:#ef444433;border-color:#f87171}.close-icon-container{flex-shrink:0}.close-btn{color:#9ca3af;padding:4px;border:none;background:transparent;cursor:pointer;transition:color .2s ease}.close-btn:hover{color:#d1d5db}.close-btn .iconify{font-size:24px}@media (max-width: 640px){.alert-composition{margin:16px;max-width:calc(100vw - 32px);padding:10px 14px}.button-tabs{flex-direction:column-reverse;gap:8px;margin-right:0}.cancel-btn,.confirm-btn{width:100%;justify-content:center}.upper-section{margin-bottom:16px}}.cancel-btn:focus,.confirm-btn:focus,.close-btn:focus{outline:2px solid #8B5CF6;outline-offset:2px}@media (prefers-color-scheme: dark){.modal-title{color:#f9fafb}.modal-message{color:#9ca3af}}.generation-details-modal-overlay{animation:fadeIn .2s ease-out}.generation-details-modal-overlay.closing{animation:fadeOut .2s ease-in}.generation-details-modal-overlay .generation-details-modal-container{animation:slideInScale .3s cubic-bezier(.16,1,.3,1)}.generation-details-modal-overlay.closing .generation-details-modal-container{animation:slideOutScale .2s cubic-bezier(.4,0,1,1)}.modal-composition{background:#1f2937f2;box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003,0 20px 25px -5px #00000040}.prompt-content{background:#111827cc;border-color:#4b55634d}.prompt-content::-webkit-scrollbar{width:6px}.prompt-content::-webkit-scrollbar-track{background:#1f293780;border-radius:3px}.prompt-content::-webkit-scrollbar-thumb{background:#4b5563;border-radius:3px}.prompt-content::-webkit-scrollbar-thumb:hover{background:#6b7280}.copy-btn{transition:all .2s ease}.copy-btn:active{transform:scale(.95)}.checkbox:checked{background-color:#8b5cf6;border-color:#8b5cf6}.checkbox:checked:hover{background-color:#7c3aed;border-color:#7c3aed}.checkbox:focus{box-shadow:0 0 0 3px #8b5cf61a}.detail-row{border-bottom:1px solid rgba(75,85,99,.2)}.detail-row:last-child{border-bottom:none}@keyframes slideInScale{0%{opacity:0;transform:translate3d(0,-20px,0) scale(.95)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes slideOutScale{0%{opacity:1;transform:translateZ(0) scale(1)}to{opacity:0;transform:translate3d(0,-20px,0) scale(.95)}}@media (max-width: 640px){.generation-details-modal-container{margin:1rem;max-width:calc(100vw - 2rem)}.modal-composition{border-radius:1rem;width:100%}.modal-header,.modal-body,.modal-footer{padding:1rem}.prompt-content{max-height:6rem}}@media (max-width: 480px) and (orientation: portrait){.generation-details-modal-overlay{padding:1rem}.generation-details-modal-container{margin:0;max-width:100%;width:100%}.modal-composition{max-width:100%;margin:0 auto}.modal-title{font-size:1rem}.prompt-content{font-size:.75rem;max-height:5rem}.detail-row{flex-wrap:wrap;gap:.5rem}.copy-btn{padding:.375rem .75rem}}*{font-family:Geist,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif}code,pre,kbd,samp,.font-mono,.monospace,textarea.font-mono,input[type=text].font-mono,.code-block,.terminal,.console{font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace!important;font-feature-settings:"liga" 1,"calt" 1;font-variant-ligatures:common-ligatures}.font-geist-thin{font-weight:100}.font-geist-extralight{font-weight:200}.font-geist-light{font-weight:300}.font-geist-normal{font-weight:400}.font-geist-medium{font-weight:500}.font-geist-semibold{font-weight:600}.font-geist-bold{font-weight:700}.font-geist-extrabold{font-weight:800}.font-geist-black{font-weight:900}.font-geist-mono-thin{font-family:Geist Mono,monospace!important;font-weight:100}.font-geist-mono-extralight{font-family:Geist Mono,monospace!important;font-weight:200}.font-geist-mono-light{font-family:Geist Mono,monospace!important;font-weight:300}.font-geist-mono-normal{font-family:Geist Mono,monospace!important;font-weight:400}.font-geist-mono-medium{font-family:Geist Mono,monospace!important;font-weight:500}.font-geist-mono-semibold{font-family:Geist Mono,monospace!important;font-weight:600}.font-geist-mono-bold{font-family:Geist Mono,monospace!important;font-weight:700}.font-geist-mono-extrabold{font-family:Geist Mono,monospace!important;font-weight:800}.font-geist-mono-black{font-family:Geist Mono,monospace!important;font-weight:900}.geist-optimized,body{font-feature-settings:"kern" 1,"liga" 1,"calt" 1;font-variant-ligatures:common-ligatures;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.debug-indicator,.debug-toggle-btn,.debug-message-banner{font-family:Geist Mono,monospace!important}.generation-details-modal code,.generation-details-modal .code-block,.api-response,.json-display{font-family:Geist Mono,monospace!important;font-feature-settings:"liga" 1,"calt" 1}h1,h2,h3,h4,h5,h6{font-family:Geist,ui-sans-serif,system-ui!important;font-feature-settings:"kern" 1;letter-spacing:-.025em}button,.btn{font-family:Geist,ui-sans-serif,system-ui!important;font-feature-settings:"kern" 1}input,textarea,select{font-family:Geist,ui-sans-serif,system-ui!important}.prompt-textarea.improving-typewriter,.prompt-textarea.font-mono{font-family:Geist Mono,ui-monospace,SFMono-Regular!important;font-feature-settings:"liga" 1,"calt" 1,"zero" 1;font-variant-numeric:slashed-zero}.prompt-suggestion-chip,.suggestion-chip,.code-suggestion{font-family:Geist Mono,monospace!important;font-feature-settings:"liga" 1,"calt" 1}.app-container{margin-top:62px;min-height:calc(100vh - 62px)}.welcome-skip-btn,.welcome-back-btn,.welcome-skip-demo-btn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;will-change:transform;transform:translateZ(0);touch-action:manipulation;white-space:nowrap;flex-shrink:0;isolation:isolate}.workspace-header{padding-top:8px;padding-bottom:15px}.hamburger-menu-btn{position:fixed;top:12px;left:12px;z-index:1001;display:none;width:44px;height:44px;border-radius:8px;background-color:#1f2937e6;border:1px solid rgba(75,85,99,.5);color:#d1d5db;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hamburger-menu-btn:hover{background-color:#1f2937;border-color:#8b5cf680;color:#fff;transform:scale(1.05)}.hamburger-menu-btn:focus{outline:2px solid #8B5CF6;outline-offset:2px}@media (max-width: 1024px){.hamburger-menu-btn{display:flex;align-items:center;justify-content:center}.main-center-panel{padding-top:1.5rem}}@media (max-width: 768px){.hamburger-menu-btn{top:8px;left:8px;width:40px;height:40px}.main-center-panel{padding-top:1.5rem}}:root{--controls-gap-desktop: 1rem;--controls-gap-tablet: 1rem;--controls-gap-mobile: .875rem;--controls-padding-desktop: 10px 0;--controls-padding-tablet: 10px .5rem;--controls-padding-mobile: 8px .25rem;--quality-width-desktop: 219px;--quality-width-tablet: 280px;--quality-width-mobile: 250px;--quality-height-desktop: 44px;--quality-height-tablet: 40px;--quality-height-mobile: 36px}body{@apply bg-gray-900 text-gray-100;font-family:Geist,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;margin:0;padding:0;overflow:hidden}.container{@apply mx-auto;}#root>div{@apply min-h-screen;}.app-container{display:grid;grid-template-columns:368px 1fr;grid-template-rows:1fr;min-height:calc(100vh - 62px);max-width:100vw;background-color:#111827;height:calc(100vh - 62px);overflow-x:visible;overflow-y:hidden;margin-top:62px}.left-sidebar{grid-column:1;grid-row:1;background-color:#1f2937;border-right:1px solid #374151;overflow-x:visible;overflow-y:auto;position:sticky;top:0;width:368px;padding:1rem;box-shadow:2px 0 8px #0000001a;z-index:30;display:flex;flex-direction:column;height:calc(100vh - 62px)}.left-sidebar::-webkit-scrollbar{width:10px;background:#18181b}.left-sidebar::-webkit-scrollbar-thumb{background:#27272a;border-radius:8px;border:2px solid #18181B;box-shadow:0 2px 6px #00000026}.left-sidebar::-webkit-scrollbar-thumb:hover{background:#3f3f46}.left-sidebar::-webkit-scrollbar-corner{background:#18181b}.left-sidebar{scrollbar-width:thin;scrollbar-color:#27272A #18181B}.left-sidebar .overflow-y-auto{scrollbar-width:none;-ms-overflow-style:none}.left-sidebar .overflow-y-auto::-webkit-scrollbar{display:none}.main-center-panel{grid-column:2;grid-row:1;display:flex;flex-direction:column;padding:25px 20px;background-color:#111827;height:calc(100vh - 62px);min-height:calc(100vh - 62px);max-height:calc(100vh - 62px);overflow:hidden;gap:8px}.right-sidebar{display:none}.preview-container{width:652px;height:367px;max-width:100%;aspect-ratio:16/9;background-color:#212936;border-radius:12px;box-shadow:0 4px 16px #0003;overflow:hidden;position:relative;z-index:0;margin:0 auto;display:flex;align-items:center;justify-content:center}@media (max-width: 820px){.preview-container{width:100%;height:auto;max-width:652px}}.preview-wrapper{width:100%;max-width:652px;margin:0 auto}.preview-container img.generated-thumbnail{width:100%;height:100%;object-fit:cover;display:block}.preview-workspace-section{flex:0 0 auto;display:flex;flex-direction:column;margin:0;padding:0}.prompt-controls-section{flex:0 0 auto;width:100%;max-width:652px;margin:40px auto 0;padding:0}.controls-bottom-row{display:flex!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:50!important;background-color:#111827!important;padding:var(--controls-padding-desktop)!important;min-height:70px!important;margin-top:32px!important;justify-content:flex-end!important;max-width:652px!important;margin-left:auto!important;margin-right:auto!important;gap:var(--controls-gap-desktop)!important;flex-wrap:wrap;transition:all .3s ease-in-out}.combined-controls{display:flex!important;align-items:center!important;gap:2.5rem!important;flex-wrap:nowrap;justify-content:space-between;width:100%;transition:all .3s ease-in-out}.quality-selector{display:flex!important;align-items:center;gap:.75rem;flex-shrink:0;min-height:48px;visibility:visible!important;min-width:max-content;transition:all .3s ease-in-out}.quality-selector .quality-options{width:240px;height:48px;transition:all .3s ease-in-out}.action-buttons{display:flex!important;align-items:center;gap:.875rem;flex-shrink:0;min-height:48px;visibility:visible!important;min-width:max-content;transition:all .3s ease-in-out}.action-buttons button{transition:all .3s ease-in-out}.generate-button-container{display:flex;align-items:center;gap:.75rem;transition:all .3s ease-in-out}.coming-soon-indicator{text-align:center;padding:2rem 1rem}.coming-soon-indicator h3{color:#9ca3af;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.coming-soon-indicator p{color:#6b7280;font-size:.875rem;line-height:1.4}.coming-soon-icon{width:3rem;height:3rem;margin:0 auto 1rem;opacity:.5;color:#6b7280}@media (min-width: 1400px){.controls-bottom-row{max-width:800px;gap:2rem!important;justify-content:flex-end!important}.combined-controls{gap:2rem!important;justify-content:flex-end!important}.action-buttons{gap:1.25rem}}@media (min-width: 1200px) and (max-width: 1399px){.controls-bottom-row{max-width:720px;gap:1.75rem!important;justify-content:flex-end!important}.combined-controls{gap:1.75rem!important;justify-content:flex-end!important}.action-buttons{gap:1rem}}@media (min-width: 900px) and (max-width: 1199px){.controls-bottom-row{max-width:100%;padding:10px 1rem!important;justify-content:center!important}.combined-controls{flex-direction:column!important;align-items:center!important;gap:1rem!important;width:100%!important}.quality-selector{justify-content:center;width:100%;max-width:300px}.action-buttons{justify-content:center;width:100%;max-width:350px;gap:1rem}}@media (max-width: 1280px){.app-container{grid-template-columns:368px 1fr}}@media (max-width: 1024px){.app-container{grid-template-columns:1fr;grid-template-rows:1fr;position:relative;margin-top:62px}.left-sidebar{position:fixed;top:62px;left:0;width:350px;max-width:80vw;height:calc(100vh - 62px);background-color:#1f2937;border-right:1px solid #374151;box-shadow:2px 0 8px #0000001a;z-index:1000;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;padding:1rem}.left-sidebar.open{transform:translate(0)}.main-center-panel{grid-column:1;grid-row:1;padding:4rem .75rem .75rem;gap:.875rem;height:calc(100vh - 62px);overflow-y:auto}.right-sidebar{display:none}.preview-container{max-width:100%;margin-bottom:.5rem}.controls-bottom-row{flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;width:100%;padding:0 .5rem;max-width:100%!important}.combined-controls{flex-direction:column!important;align-items:center!important;gap:1rem!important;width:100%!important}.prompt-controls-section{padding:0 1rem;max-width:100%}.quality-selector{justify-content:center;width:100%;max-width:320px}.quality-selector .quality-options{width:100%;max-width:280px;min-width:200px}.action-buttons{justify-content:center;width:100%;max-width:400px;gap:.875rem;order:2;margin-left:0;flex-wrap:wrap}.generate-button-container{display:flex;align-items:center;gap:.75rem;width:100%;justify-content:center;min-width:max-content}.prompt-textarea{font-size:.8125rem;min-height:100px}.left-sidebar .sidebar-close-btn{display:flex!important;visibility:visible!important}.left-sidebar .sidebar-close-btn:hover{background-color:#374151;color:#f9fafb}.left-sidebar .sidebar-close-btn:focus{outline:none;background-color:#374151;color:#f9fafb;box-shadow:0 0 0 2px #8b5cf64d}.sidebar-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.sidebar-backdrop.open{opacity:1;visibility:visible}.left-sidebar .sidebar-close-btn{position:absolute;top:1rem;right:1rem;background-color:transparent;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease-in-out;display:none!important;visibility:hidden!important;align-items:center;justify-content:center;width:36px;height:36px}@media (min-width: 1025px){.left-sidebar .sidebar-close-btn{display:none!important;visibility:hidden!important}}body.sidebar-open{overflow:hidden}}@media (max-width: 768px){.left-sidebar{width:100vw;max-width:100vw;top:62px;height:calc(100vh - 62px)}.main-center-panel{padding:3.5rem .75rem .75rem;gap:.875rem;height:calc(100vh - 62px)}.controls-row{flex-direction:column;align-items:stretch}.controls-bottom-row{flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%;padding:1.25rem 1.5rem;max-width:calc(100% - 2rem)!important;background:#111827cc;border-radius:16px;border:1px solid rgba(55,65,81,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:none;margin:0 1rem}.combined-controls{flex-direction:column!important;align-items:center!important;gap:1rem!important;width:100%!important;max-width:calc(100% - 1rem)!important;padding:0 .5rem}.quality-selector{justify-content:center;width:100%;max-width:calc(100% - 1rem);padding:0 .5rem;order:1;margin-bottom:.75rem}.quality-selector .quality-options{width:100%!important;max-width:100%!important;min-width:280px!important;height:44px!important;padding:3px!important;margin:0 auto;background-color:#3f3f46!important;border-radius:13.4px!important;display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:0!important;align-items:center!important;position:relative!important;overflow:visible!important}.quality-selector .quality-options>div:first-child{height:calc(100% - 6px)!important;border-radius:13.4px!important;background:#3b82f6!important;z-index:1!important;transition:transform .3s ease-in-out!important;position:absolute!important;top:3px!important;left:3px!important;width:calc(33.333% - 2px)!important}.quality-selector .quality-options button{font-size:.875rem!important;font-weight:600!important;padding:8px 12px!important;min-height:36px!important;border-radius:0!important;background:transparent!important;border:none!important;color:#9ca3af!important;transition:color .2s ease!important;z-index:10!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;outline:none!important;line-height:1.2!important}.quality-selector .quality-options button[aria-pressed=true]{color:#fff!important;font-weight:600!important}.quality-selector .quality-options button:hover:not([aria-pressed=true]){color:#d1d5db!important}.quality-selector .quality-options button:focus{outline:none!important}.quality-selector span{font-size:.875rem!important;font-weight:400!important;color:#9ca3af!important;margin-bottom:0!important}.action-buttons{display:flex;justify-content:center;width:100%;max-width:calc(100% - 1rem);gap:.875rem;order:2;margin-top:0;flex-wrap:nowrap;padding:0 .5rem;box-shadow:none!important}.action-buttons button{flex:1;min-height:48px;max-width:180px;padding:.875rem 1rem;font-size:.875rem;font-weight:600;border-radius:12px;transition:all .2s ease;white-space:nowrap;background:#374151cc;border:1px solid rgba(75,85,99,.4);color:#f3f4f6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.action-buttons button[class*=generate]{background:linear-gradient(135deg,#3b82f6,#1e40af);border:1px solid rgba(59,130,246,.4);color:#fff;font-weight:700}.action-buttons button[class*=download]{background:linear-gradient(135deg,#10b981,#059669);border:1px solid rgba(16,185,129,.4);color:#fff}.action-buttons button:hover{transform:translateY(-1px);box-shadow:none}.action-buttons button:active{transform:translateY(0)}.generate-button-container{display:flex;align-items:center;gap:.5rem;width:100%;justify-content:center;min-width:max-content}.prompt-textarea{font-size:.8125rem;min-height:100px}}@media (max-width: 1024px) and (orientation: landscape){.controls-bottom-row{flex-direction:row!important;justify-content:center!important;flex-wrap:wrap;gap:1rem!important;padding:8px 1rem!important}.combined-controls{flex-direction:row!important;align-items:center!important;gap:1rem!important;flex-wrap:wrap;justify-content:center}.quality-selector{max-width:280px}.action-buttons{max-width:320px;gap:.75rem}}@media (max-width: 480px){.controls-bottom-row{gap:1rem!important;padding:1rem 1.25rem!important;margin:0 .75rem;max-width:calc(100% - 1.5rem)!important}.quality-selector{max-width:100%!important;padding:0!important}.quality-selector .quality-options{max-width:100%!important;min-width:250px!important;height:44px!important;padding:3px!important;background-color:#3f3f46!important;border-radius:13.4px!important}.quality-selector .quality-options>div:first-child{height:calc(100% - 6px)!important;border-radius:13.4px!important;background:#3b82f6!important;width:calc(33.333% - 2px)!important}.quality-selector .quality-options button{font-size:.8rem!important;padding:8px 6px!important;min-height:36px!important;color:#9ca3af!important;font-weight:600!important}.action-buttons{max-width:100%!important;gap:.75rem!important;padding:0!important}.action-buttons button{min-height:44px!important;padding:.75rem 1rem!important;font-size:.875rem!important;max-width:160px!important}}@media (min-width: 1600px){.controls-bottom-row,.combined-controls,.action-buttons{gap:var(--controls-gap-desktop)}}@media (max-width: 600px){.controls-bottom-row{flex-direction:column!important;align-items:center!important;gap:1rem!important}.combined-controls{flex-direction:column!important;align-items:center!important;gap:.875rem!important}}@media (max-width: 1024px) and (max-height: 600px){.controls-bottom-row{padding:6px .5rem!important;gap:.75rem!important;min-height:60px!important}.quality-selector .quality-options{height:36px}.action-buttons button{min-height:36px;padding:.5rem .75rem;font-size:.875rem}}@media (min-width: 1920px){.controls-bottom-row{max-width:1000px;gap:2.5rem!important}.combined-controls{gap:2.5rem!important}.action-buttons{gap:1.5rem}.quality-selector .quality-options{width:240px;height:48px}}.prompt-controls-section{position:sticky;bottom:0;background-color:#111827;padding:1.25rem 1rem;margin-top:auto;max-width:100%;width:100%}.preview-workspace-section{padding-bottom:1rem}} .error-banner-container{position:fixed;top:0;left:0;right:0;display:flex;justify-content:center;padding-top:1rem;z-index:1000;pointer-events:none}.error-banner{background-color:#c53030;color:#fff;padding:1rem 1.5rem;border-radius:.375rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;align-items:center;gap:.75rem;opacity:0;transform:translateY(-150%);transition:transform .5s ease-in-out,opacity .5s ease-in-out;pointer-events:auto;position:relative}.error-banner.show{opacity:1;transform:translateY(0)}.error-banner-close-btn{position:absolute;top:.5rem;right:.5rem;background:transparent;border:none;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;padding:.25rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#18181bb3;z-index:10;display:flex;align-items:center;justify-content:center}.modal-popup{z-index:11;position:relative;background:#232336;border-radius:16px;box-shadow:0 8px 32px #00000073;padding:2rem;max-width:90vw;max-height:90vh;overflow:auto}.tooltip-fixed{position:fixed!important;z-index:9999!important;pointer-events:none;transform-origin:center;transition:opacity .2s ease-in-out,visibility .2s ease-in-out}.tooltip-arrow-fixed{position:absolute;width:8px;height:8px;background:inherit;z-index:-1}.tooltip-arrow-top{bottom:-4px;left:50%;transform:translate(-50%) rotate(45deg)}.tooltip-arrow-bottom{top:-4px;left:50%;transform:translate(-50%) rotate(45deg)}.tooltip-arrow-left{right:-4px;top:50%;transform:translateY(-50%) rotate(45deg)}.tooltip-arrow-right{left:-4px;top:50%;transform:translateY(-50%) rotate(45deg)}.tooltip-container{position:relative;display:inline-block}.tooltip-no-clip{overflow:visible!important}.panel-preview-container{width:100%;max-width:652px;aspect-ratio:16 / 9;height:auto;display:flex;align-items:center;justify-content:center;background:#181c23;border-radius:16px;box-shadow:0 4px 32px #0000002e;overflow:hidden;margin:0 auto}@media (max-width: 700px){.panel-preview-container{width:100vw;max-width:100vw;aspect-ratio:16 / 9;min-width:0;min-height:0}}.face-source-tab-navigation-container{display:flex;justify-content:center;align-items:center;width:100%;max-width:260px;height:45px;margin:0 auto;background:transparent}.face-source-tab-group{display:flex;width:100%;height:100%;background:#37415199;border-radius:12px;padding:3px;position:relative;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(75,85,99,.3)}.face-source-tab-group:before{content:"";position:absolute;top:3px;left:3px;width:calc(50% - 3px);height:calc(100% - 6px);background:linear-gradient(135deg,#9333ea,#7e22ce);border-radius:9px;transition:transform .25s cubic-bezier(.4,0,.2,1);z-index:1}.face-source-tab-group.url-active:before{transform:translate(calc(100% + 3px))}.face-source-tab-button{display:flex;align-items:center;justify-content:center;gap:6px;width:50%;height:100%;font-size:14px;font-weight:500;transition:color .25s cubic-bezier(.4,0,.2,1);position:relative;border:none;background:transparent;cursor:pointer;border-radius:9px}.face-source-tab-button.active-tab{background:transparent;color:#fff;position:relative}.face-source-tab-button.active-tab .iconify,.face-source-tab-button.active-tab span:not(.iconify){position:relative;z-index:2;color:#fff}.face-source-tab-button.inactive-tab{background:transparent;color:#a1a1aa}.face-source-tab-button.inactive-tab .iconify,.face-source-tab-button.inactive-tab span:not(.iconify){position:relative;z-index:2}.face-source-tab-button.inactive-tab:hover{color:#f3f4f6}.face-source-tab-button:focus{outline:none;box-shadow:none}.face-source-tab-button .iconify{width:16px;height:16px;flex-shrink:0}.face-source-tab-button.active-tab .iconify{color:#fff}.face-source-tab-button.inactive-tab .iconify{color:#a1a1aa}.face-source-tab-button.inactive-tab:hover .iconify{color:#f3f4f6}.face-source-tab-button span:not(.iconify){font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em}@media (max-width: 640px){.face-source-tab-navigation-container{max-width:240px;height:42px}.face-source-tab-group{border-radius:10px;padding:2px}.face-source-tab-group:before{top:2px;left:2px;width:calc(50% - 2px);height:calc(100% - 4px);border-radius:8px}.face-source-tab-group.url-active:before{transform:translate(calc(100% + 2px))}.face-source-tab-button{font-size:13px;gap:4px;border-radius:8px}.face-source-tab-button .iconify{width:14px;height:14px}.face-source-tab-button span:not(.iconify){font-size:13px;line-height:18px}}@media (max-width: 480px){.face-source-tab-navigation-container{max-width:220px;height:40px}.face-source-tab-button{font-size:12px;gap:3px}.face-source-tab-button .iconify{width:12px;height:12px}.face-source-tab-button span:not(.iconify){font-size:12px;line-height:16px}}.main-tab-navigation-container{display:flex;justify-content:center;margin-bottom:24px;width:324px;height:57px;margin-left:auto;margin-right:auto}.main-tab-group{width:324px;height:57px;background:#394150;border-radius:14px;padding:0;display:flex;position:relative;box-shadow:none;border:none}.main-tab-group:before{content:"";position:absolute;top:3px;left:3px;width:156px;height:51px;background:linear-gradient(135deg,#4285f4,#006fee);border-radius:14px;z-index:1;transition:transform .25s cubic-bezier(.4,0,.2,1);transform:translate(0)}.main-tab-group.templates-active:before{transform:translate(162px)}.main-tab-button{display:flex;align-items:center;justify-content:center;gap:8px;width:162px;height:57px;font-size:16px;font-weight:500;transition:color .25s cubic-bezier(.4,0,.2,1);position:relative;border:none;background:transparent;cursor:pointer}.main-tab-button.active-tab{color:#fff;position:relative;z-index:2}.main-tab-button.active-tab .iconify,.main-tab-button.active-tab span:not(.iconify){color:#fff!important;position:relative;z-index:3}.main-tab-button.inactive-tab{color:#d1d5db;position:relative;z-index:1}.main-tab-button.inactive-tab .iconify,.main-tab-button.inactive-tab span:not(.iconify){color:#a1a1aa!important;position:relative;z-index:2}.main-tab-button.inactive-tab:hover{color:#fff}.main-tab-button.inactive-tab:hover .iconify,.main-tab-button.inactive-tab:hover span:not(.iconify){color:#fff!important;position:relative;z-index:2}.main-tab-button:focus{outline:none;box-shadow:none}.main-tab-button.active-tab,.main-tab-button.active-tab:focus,.main-tab-button.active-tab:hover,.main-tab-button.active-tab:active{color:#fff!important}.main-tab-button.active-tab .iconify,.main-tab-button.active-tab:focus .iconify,.main-tab-button.active-tab:hover .iconify,.main-tab-button.active-tab:active .iconify,.main-tab-button.active-tab span:not(.iconify),.main-tab-button.active-tab:focus span:not(.iconify),.main-tab-button.active-tab:hover span:not(.iconify),.main-tab-button.active-tab:active span:not(.iconify){color:#fff!important;position:relative;z-index:3}.main-tab-button .iconify{width:20px;height:20px;flex-shrink:0}.main-tab-button.active-tab .iconify{color:#fff}.main-tab-button.inactive-tab .iconify{color:#a1a1aa}.main-tab-button.inactive-tab:hover .iconify{color:#f3f4f6}.main-tab-button:first-child{border-radius:14px 0 0 14px}.main-tab-button:last-child{border-radius:0 14px 14px 0}.main-tab-button span:not(.iconify){font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;font-size:16px;line-height:28px;letter-spacing:-.01em}@media (max-width: 640px){.main-tab-navigation-container{width:100%;max-width:324px;height:57px;padding:0 4px}.main-tab-group{width:100%;max-width:324px;position:relative}.main-tab-group:before{width:calc(50% - 6px);left:3px;transition:transform .25s cubic-bezier(.4,0,.2,1)}.main-tab-group.templates-active:before{transform:translate(calc(100% + 6px))}.main-tab-button{width:calc(50% - 2px);max-width:158px;font-size:14px;gap:6px;height:57px;margin:0 1px;display:flex;align-items:center;justify-content:center;border-radius:14px}.main-tab-button:first-child,.main-tab-button:last-child{border-radius:14px}.main-tab-button .iconify{width:18px;height:18px;flex-shrink:0}.main-tab-button span:not(.iconify){font-size:14px;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media (max-width: 480px){.main-tab-navigation-container{max-width:300px;padding:0 2px}.main-tab-group{max-width:300px}.main-tab-button{font-size:13px;gap:4px;padding:0 8px}.main-tab-button .iconify{width:16px;height:16px}.main-tab-button span:not(.iconify){font-size:13px;line-height:22px}}.templates-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%;max-width:none;margin:0 auto;justify-content:center;padding:0 4px}.template-category-card,.add-new-card{position:relative;width:100%;min-height:140px;max-width:100%;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border:none;box-sizing:border-box;box-shadow:0 1px 2px -1px #0000001a,0 1px 3px #0000001a}.template-category-card:hover,.add-new-card:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 8px 24px #0000002e,0 2px 8px #0000001a;z-index:2}.template-category-card.active{border:2px solid #006FEE;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.template-category-card.active:hover{transform:none;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.template-category-content{position:relative;width:100%;height:100%;border-radius:8px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;background-size:cover;background-position:center;background-repeat:no-repeat;box-sizing:border-box;background-color:#f84848}.template-category-label{position:absolute;bottom:0;left:0;right:0;min-height:32px;display:flex;align-items:center;justify-content:flex-start;padding:6px 12px;box-sizing:border-box;background:#00000026;backdrop-filter:blur(8.5px);-webkit-backdrop-filter:blur(8.5px);box-shadow:inset 0 1px #f3eff60a;border-radius:0 0 8px 8px}.template-category-label span{color:#fff;font-size:14px;font-weight:500;text-align:left;line-height:18px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-new-card .template-category-content{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;height:100%}.add-new-card .iconify{font-size:32px!important;color:#71717a;margin-bottom:8px;transition:color .3s ease,transform .3s ease}.add-new-card:hover .iconify{transform:scale(1.1);color:#8b8b96}@media (max-width: 900px){.templates-grid{gap:14px;padding:0 8px}.template-category-card,.add-new-card{min-height:120px}.template-category-label{min-height:28px;padding:4px 10px}.template-category-label span{font-size:13px;line-height:16px}}@media (max-width: 640px){.templates-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 8px;justify-items:stretch}.template-category-card,.add-new-card{min-height:100px;max-width:100%}.template-category-label{min-height:26px;padding:4px 8px}.template-category-label span{font-size:12px;line-height:14px}}@media (max-width: 480px){.templates-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:0 6px;justify-content:center}.template-category-card,.add-new-card{min-height:90px;border-radius:6px}.template-category-card.active{border:2px solid #006FEE;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.template-category-label{min-height:24px;padding:4px 6px;border-radius:0 0 6px 6px}.template-category-label span{font-size:11px;line-height:14px}.add-new-card .iconify{font-size:24px!important;margin-bottom:4px}}@media (max-width: 360px){.templates-grid{gap:8px;padding:0 4px}.template-category-card,.add-new-card{min-height:85px}.template-category-label span{font-size:10px;line-height:13px}.add-new-card .iconify{font-size:20px!important}}@media (min-width: 768px) and (max-width: 1024px){.template-modal-container{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:10002!important;width:100vw!important;height:100vh!important}.template-modal-content{position:relative!important;margin:auto!important;max-width:calc(100vw - 2rem)!important;max-height:calc(90vh - 2rem)!important}.show-more-modal-container{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:10002!important;width:100vw!important;height:100vh!important}.show-more-modal-content{position:relative!important;margin:auto!important;max-width:calc(100vw - 2rem)!important;max-height:calc(90vh - 2rem)!important}}@media (max-width: 1024px){.template-modal-content,.show-more-modal-content{margin:1rem!important}.template-items-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 640px){.template-items-grid{grid-template-columns:1fr!important}.template-modal-content,.show-more-modal-content{margin:.5rem!important;max-height:calc(100vh - 1rem)!important}}@keyframes notificationSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes notificationSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.95)}}@keyframes slideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (min-width: 768px){.dropdown-backdrop-desktop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}}.plan-card{position:relative;overflow:visible}.plan-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.plan-card>span:first-of-type{z-index:10}.plan-button,.menu-item,.close-btn{transition:all .2s ease-in-out}.plan-button:focus,.menu-item:focus,.close-btn:focus{outline:2px solid #8B5CF6;outline-offset:2px}@media (max-width: 640px){.user-dropdown-menu{position:fixed!important;width:calc(100vw - 2rem)!important;max-width:360px!important;right:1rem!important;left:auto!important;top:70px!important;border-radius:12px!important;margin-top:0!important;box-shadow:0 10px 25px #0000004d!important}.plans-container,.plan-card{padding:1rem!important}.features-list{font-size:.8125rem}}@media (max-width: 480px){.user-dropdown-menu{width:calc(100vw - 1rem)!important;max-width:320px!important;right:.5rem!important}}@media (max-width: 640px) and (orientation: landscape){.user-dropdown-menu{max-width:400px!important;max-height:70vh!important}}.user-dropdown-menu::-webkit-scrollbar{width:8px}.user-dropdown-menu::-webkit-scrollbar-track{background:#1f2937}.user-dropdown-menu::-webkit-scrollbar-thumb{background:#4b5563;border-radius:4px}.user-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#6b7280}.user-dropdown-menu{scrollbar-width:thin;scrollbar-color:#4B5563 #1F2937}.notification-icon-size,.notification-bell-icon{font-size:20px!important}@media (max-width: 640px){.notification-icon-size{font-size:16px!important}.notification-bell-icon{font-size:17px!important}}.tooltip-icon-container-simple{position:relative!important;display:inline-block!important;z-index:1!important}.tooltip-simple-popup{position:absolute!important;z-index:10000!important;pointer-events:none!important;transform-origin:center bottom!important;will-change:opacity,visibility!important}.tooltip-icon-container-simple:hover{z-index:10001!important}.face-upload-section,.person-settings-container,.control-panel-main-container{overflow:visible!important}.tooltip-simple-popup{position:absolute!important;bottom:100%!important;left:50%!important;transform:translate(-50%) translateY(-8px)!important;margin:0!important}.tooltip-simple-popup[style*="opacity: 1"]{background-color:#ef4444!important;color:#fff!important;border:3px solid #fbbf24!important;font-size:14px!important;font-weight:700!important;padding:12px!important;box-shadow:0 10px 30px #000c!important;border-radius:8px!important}.tooltip-icon-container{position:relative;display:inline-block}.tooltip-icon-container,.face-upload-section,.person-settings-container,.control-panel-main-container{overflow:visible!important}.tooltip-fixed-content[style*="visibility: visible"]{display:block!important;opacity:1!important;visibility:visible!important}.tooltip-fixed-content p{margin:0!important;padding:0!important;word-wrap:break-word!important;white-space:normal!important;line-height:1.4!important;color:#f9fafb!important;font-weight:400!important}.image-requirements-modal{z-index:9999!important}.tooltip-fixed-content.debug{background:#ef4444!important;border:3px solid #fbbf24!important;font-size:16px!important;padding:1rem!important}.mood-expression-picker-section,.mood-expression-picker-grid,.person-settings-container,.control-panel-main-container,.left-sidebar,.collapsible-section,.collapsible-content{overflow:visible!important}.mood-expression-picker-grid button:focus{position:relative;z-index:10}.left-sidebar{overflow-x:visible!important;overflow-y:auto!important}.collapsible-content,.mood-expression-picker-section *,.person-settings-container *,.control-panel-main-container *{overflow:visible!important}.tooltip-fixed-content{z-index:10000!important;background-color:#1f2937!important;color:#f9fafb!important;border:none!important;font-size:12px!important;font-weight:400!important;line-height:1.4!important;border-radius:.5rem!important;padding:.75rem!important;box-shadow:0 4px 12px #00000026!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:none!important;text-shadow:none!important;min-width:180px!important;min-height:auto!important}.premade-templates-section,.premade-templates-section *,.templates-tab-content,.templates-tab-content *,.flex-grow.overflow-y-auto,.left-sidebar *,.app-container *,.main-tab-navigation-container,.main-tab-group{overflow-x:visible!important}body:has(.template-modal-container[style*=opacity-100]) .main-tab-navigation-container,body:has(.show-more-modal-container[style*=opacity-100]) .main-tab-navigation-container{display:none!important}.top-nav-logo{display:flex;align-items:center;justify-content:flex-start;padding:.5rem 0}.top-nav-logo-img{display:block;max-width:100%;height:auto;object-fit:contain;vertical-align:middle}.top-nav-logo-img:hover{filter:brightness(1.1)!important}@media (max-width: 640px){.top-nav-logo-img{width:28px;height:28px}}#action-buttons-row{display:flex!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:10!important;min-height:50px!important;align-items:center!important;gap:1rem!important}#action-buttons-row button{display:flex!important;visibility:visible!important;opacity:1!important;min-height:44px!important;border-radius:200px}.controls-bottom-row{display:flex!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:10!important;background-color:#111827!important;padding:5px 0!important;min-height:60px!important;margin-top:5px!important;justify-content:center!important;max-width:652px!important;margin-left:auto!important;margin-right:auto!important;gap:2rem!important}.main-center-panel{overflow:hidden!important;min-height:calc(100vh - 60px)!important;max-height:calc(100vh - 60px)!important}@media (min-width: 1025px){.left-sidebar .sidebar-close-btn{display:none!important}}.welcome-input-group{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.welcome-input-icon{position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:2.5rem!important;display:flex!important;align-items:center!important;justify-content:center!important;pointer-events:none!important;z-index:10!important;transition:color .3s cubic-bezier(.4,0,.2,1)!important;visibility:visible!important;opacity:1!important;overflow:visible!important;color:#9ca3af!important}.welcome-input-icon:empty:before{content:"✉";font-size:1.125rem;color:inherit}.welcome-input-icon span{color:#9ca3af!important;font-size:1.125rem!important;display:inline-block!important;opacity:1!important;visibility:visible!important}.welcome-input-icon svg{color:#9ca3af!important;width:1.125rem!important;height:1.125rem!important;display:inline-block!important;opacity:1!important;visibility:visible!important;fill:currentColor!important}.welcome-input-group:focus-within .welcome-input-icon{color:#a855f7!important}.welcome-input-group:focus-within .welcome-input-icon span,.welcome-input-group:focus-within .welcome-input-icon svg{color:#a855f7!important;fill:currentColor!important}.welcome-input-field{width:100%;padding:.75rem 1rem .75rem 2.5rem!important;background-color:#1f2937;border:1px solid #374151;border-radius:.75rem;color:#fff;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1rem;line-height:1.5;position:relative;z-index:1}.welcome-input-field::placeholder{color:#6b7280;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:1}.welcome-input-field:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f726}.welcome-input-field:focus::placeholder{opacity:.7;transform:translate(4px)}.welcome-input-field.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.welcome-input-error-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#ef4444;z-index:10;pointer-events:none;animation:errorPulse .6s ease-in-out}@keyframes errorPulse{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.1)}}.welcome-password-toggle{position:absolute;right:0;top:0;bottom:0;display:flex;align-items:center;padding-right:.75rem;color:#9ca3af;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;z-index:10}.welcome-password-toggle:hover{color:#fff;transform:scale(1.1)}.welcome-input-error-message{margin-top:.5rem;font-size:.75rem;color:#ef4444;display:flex;align-items:center;gap:.25rem;animation:slideInError .4s cubic-bezier(.4,0,.2,1)}@keyframes slideInError{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:2rem}}.welcome-input-group:hover:not(:focus-within) .welcome-input-field{border-color:#4b5563;background-color:#1f2937}.welcome-input-group:hover:not(:focus-within) .welcome-input-icon .iconify{color:#d1d5db}.welcome-input-group .welcome-input-icon *,.welcome-input-group:focus-within .welcome-input-icon *{opacity:1!important;visibility:visible!important;display:inline-block!important}span.iconify[data-icon]{opacity:1!important;visibility:visible!important;display:inline-block!important;font-size:1.125rem!important}.welcome-input-icon>*,.welcome-input-icon svg,.welcome-input-icon .iconify,.welcome-input-icon span.iconify,.welcome-input-icon span[data-icon],.welcome-input-icon [class*=iconify],.welcome-input-icon .iconify-inline{opacity:1!important;visibility:visible!important;display:inline-block!important;color:#9ca3af!important;fill:#9ca3af!important;width:1.125rem!important;height:1.125rem!important;min-width:1.125rem!important;min-height:1.125rem!important;vertical-align:middle!important}.welcome-input-group:focus-within .welcome-input-icon>*,.welcome-input-group:focus-within .welcome-input-icon svg,.welcome-input-group:focus-within .welcome-input-icon .iconify,.welcome-input-group:focus-within .welcome-input-icon span.iconify,.welcome-input-group:focus-within .welcome-input-icon span[data-icon],.welcome-input-group:focus-within .welcome-input-icon [class*=iconify],.welcome-input-group:focus-within .welcome-input-icon .iconify-inline{color:#a855f7!important;fill:#a855f7!important}@media (max-width: 768px){.welcome-input-field{font-size:1rem;padding:.875rem 1rem .875rem 2.5rem}.welcome-input-icon{padding-left:.875rem}.welcome-password-toggle{padding-right:.875rem}}.notification-dropdown{transition:opacity .2s ease-out,transform .2s ease-out;transform-origin:top right}.notification-dropdown.slide-in{animation:notificationSlideIn .2s ease-out forwards}.notification-dropdown.slide-out{animation:notificationSlideOut .2s ease-out forwards}.notification-dropdown{z-index:1000!important}.notification-item{transition:background-color .2s ease-in-out}@media (max-width: 640px){.notification-dropdown{position:fixed!important;width:calc(100vw - 2rem)!important;max-width:360px!important;right:1rem!important;left:auto!important;top:70px!important;border-radius:12px!important;margin-top:0!important;box-shadow:0 10px 25px #0000004d!important}.notification-header h2{font-size:1rem!important}.notification-item h3{font-size:.875rem!important;line-height:1.25rem!important}.notification-item p{font-size:.75rem!important;line-height:1.125rem!important}.notification-item button{font-size:.625rem!important}.notification-header span{font-size:.75rem!important}.notification-header button{font-size:.7rem!important}}@media (max-width: 480px){.notification-dropdown{width:calc(100vw - 1rem)!important;max-width:320px!important;right:.5rem!important}}@media (max-width: 640px) and (orientation: landscape){.notification-dropdown{max-width:400px!important;max-height:70vh!important}}.notification-backdrop{pointer-events:auto}.notification-dropdown::-webkit-scrollbar{width:8px}.notification-dropdown::-webkit-scrollbar-track{background:#1f2937}.notification-dropdown::-webkit-scrollbar-thumb{background:#4b5563;border-radius:4px}.notification-dropdown::-webkit-scrollbar-thumb:hover{background:#6b7280}.notification-dropdown{scrollbar-width:thin;scrollbar-color:#4B5563 #1F2937}.some-control-class{border:1px solid red}.color-tooltip{pointer-events:none;animation:tooltipFadeIn .2s ease-out;min-width:max-content}.text-color-typography-control-section{clear:both;position:relative;z-index:1;padding:0 8px;margin:0 -8px}.color-palette-circles{position:relative;z-index:2;margin-bottom:1.25rem;padding:4px;margin-left:-4px;margin-right:-4px}.selected-color-display{position:relative;z-index:1;margin-bottom:.75rem}.secondary-color-note{position:relative;z-index:1;margin-bottom:1.5rem;clear:both}.text-style-live-preview-container{position:relative;z-index:1;margin-top:1rem;clear:both}.color-tooltip:after{content:"";position:absolute;top:100%;border:4px solid transparent;border-top-color:#111827;z-index:1}.color-tooltip.absolute.left-1\/2:after{left:50%;transform:translate(-50%)}.color-tooltip.absolute.left-0:after{left:1rem}.color-tooltip.absolute.right-0:after{right:1rem}.color-circle-container{position:relative;z-index:1;flex-shrink:0}.color-circle{position:relative;z-index:2;min-width:32px;min-height:32px}.color-palette-circles .color-circle-container:first-child{margin-left:2px}.color-palette-circles .color-circle-container:last-child{margin-right:2px}.color-tooltip{z-index:100!important}.bgModal-backdrop{z-index:50!important}.bgModal-container{z-index:60!important}.loading-indicator-container,.preview-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem}.loading-percentage{font-size:3.5rem;font-weight:900;color:#e5e7eb;text-shadow:0 0 12px rgba(229,231,235,.3);letter-spacing:-.02em;line-height:1;margin-bottom:.5rem}.loading-text-container{position:relative;color:#b5b5b5b3}@keyframes cursorThinking{0%{background-position:-100% 0}to{background-position:100% 0}}.cursor-thinking-text{font-weight:500;font-size:1rem;color:transparent;background:linear-gradient(90deg,#b5b5b5d9 20%,#fff,#b5b5b5d9 80%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:cursorThinking 2.42s linear infinite}@media (max-width: 640px){.loading-percentage{font-size:2.5rem}.cursor-thinking-text{font-size:1rem}.loading-indicator-container{padding:1.5rem;gap:.75rem}}@media (max-width: 768px){.loading-indicator-container{padding:1.5rem;gap:.75rem}}.preview-container.preview-loading{overflow:hidden}@keyframes preview-container-fade-pulse{}.preview-progress-bar{position:relative;overflow:hidden;background-color:#bd93f9;border:2px solid rgba(217,185,255,1);box-shadow:0 0 20px #bd93f999;height:8px;border-radius:4px}.preview-progress-bar:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,#bd93f900,#ffffffe6 40%,#fff,#ffffffe6 60%,#bd93f900);background-size:200% 100%;animation:progress-bar-flow 2.42s linear infinite;opacity:1}@keyframes progress-bar-flow{0%{background-position:-100% 0}to{background-position:100% 0}}.preview-progress-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:transparent;border:1px solid rgba(217,185,255,.5);box-shadow:0 -2px 10px #bd93f94d}.preview-glow-container{display:none!important}@media (max-width: 640px){.preview-progress-overlay{height:10px}.preview-progress-bar{background-color:#c4a7e7}}.preview-loading-backdrop{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:10!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;background:#1f2937f2!important;border-radius:8px!important}@keyframes enhanced-backdrop-fade-in{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.preview-loading-container{padding:2rem!important;gap:1rem!important}}.notifications-dropdown{box-shadow:0 10px 25px #0000004d}.notification-item:hover .notification-title{color:#e5e7eb}.notification-badge{animation:badgePulse 2s infinite}@keyframes badgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.notification-item{transition:all .2s ease}.notification-item:not(.read){border-left:3px solid #3B82F6}.notification-icon{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border:1px solid rgba(59,130,246,.1)}.notification-icon .iconify{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.notification-timestamp{align-items:center;transition:color .2s ease}.notification-timestamp .iconify{flex-shrink:0;opacity:.7;transition:opacity .2s ease}.notification-item:hover .notification-timestamp .iconify{opacity:1}.empty-icon{background:linear-gradient(135deg,#6b72801a,#4b55630d)}.notifications-empty-state{min-height:240px}.illustration-container{transition:all .3s ease;box-shadow:0 4px 12px #1d242f4d}.illustration-container:hover{transform:scale(1.05);box-shadow:0 6px 16px #1d242f66}.empty-state-illustration img{transition:all .3s ease}.empty-state-illustration:hover img{filter:opacity(1)!important}.notifications-header button{font-weight:500;transition:all .2s ease}.notifications-header button:hover{transform:translateY(-1px)}.notifications-empty-state h3{animation:fadeInUp .6s ease-out}.notifications-empty-state p{animation:fadeInUp .8s ease-out}.empty-state-illustration{animation:fadeInScale .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width: 640px){.notifications-dropdown{width:320px;right:-20px}.notification-item{padding:12px 16px}.notification-title{font-size:13px}.notification-description{font-size:12px}.notifications-empty-state{min-height:200px;padding:2rem 1.5rem}.illustration-container{width:10rem!important;height:10rem!important}.empty-state-illustration img{width:7rem;height:7rem}.notifications-empty-state h3{font-size:1.25rem}}.image-requirements-modal{animation:modalFadeIn .3s ease-out}.image-requirements-modal-content{animation:modalSlideIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.face-upload-section{position:relative;z-index:1}.face-upload-disabled-message{position:relative;overflow:hidden}.face-upload-disabled-message:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,rgba(59,130,246,.1),transparent);animation:disabledShimmer 3s linear infinite;pointer-events:none}@keyframes disabledShimmer{0%{transform:translate(-100%) skew(-10deg)}to{transform:translate(200%) skew(-10deg)}}.face-upload-section .upload-dropzone{position:relative;overflow:hidden}.face-upload-section .upload-dropzone:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(45deg,transparent,rgba(59,130,246,.3),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.face-upload-section .upload-dropzone:hover:before{opacity:1;animation:shimmer 2s linear infinite}.face-upload-section .mb-4{display:block!important;visibility:visible!important;opacity:1!important;margin-bottom:1rem!important;position:relative!important;z-index:5!important}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.view-requirements-btn{position:relative;overflow:hidden;background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;border:2px solid rgba(59,130,246,.4)!important;box-shadow:0 4px 15px #3b82f64d!important;font-weight:600!important;letter-spacing:.025em!important;z-index:10}.view-requirements-btn:hover{background:linear-gradient(135deg,#2563eb,#7c3aed)!important;border-color:#3b82f699!important;box-shadow:0 6px 20px #3b82f666!important;transform:translateY(-2px) scale(1.02)!important}.view-requirements-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.view-requirements-btn:hover:before{opacity:1;animation:buttonShimmer 1.5s linear infinite}.view-requirements-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transform:translate(-100%);transition:transform .6s ease;pointer-events:none}.view-requirements-btn:hover:after{transform:translate(100%)}.view-requirements-btn{display:flex!important;visibility:visible!important;opacity:1!important;min-height:48px!important}@keyframes buttonShimmer{0%{transform:translate(-100%) skew(-10deg)}to{transform:translate(200%) skew(-10deg)}}.view-requirements-btn:focus{outline:2px solid #60A5FA!important;outline-offset:2px!important;box-shadow:0 0 0 4px #3b82f633!important}@media (max-width: 640px){.view-requirements-btn{font-size:.875rem!important;padding:.75rem 1rem!important;min-height:44px!important}}.upload-drop-zone{transition:all .3s ease-in-out;position:relative;overflow:hidden;pointer-events:auto!important;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.upload-drop-zone *{pointer-events:none!important}.upload-drop-zone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent 25%,rgba(147,51,234,.1) 25%,rgba(147,51,234,.1) 50%,transparent 50%,transparent 75%,rgba(147,51,234,.1) 75%);background-size:20px 20px;opacity:0;transition:opacity .3s ease;pointer-events:none!important}.upload-drop-zone:hover:before{opacity:1}.upload-drop-zone.dragover{border-color:#a855f7!important;background-color:#9333ea1a!important}.upload-drop-zone.dragover:before{opacity:1;animation:uploadShimmer 1s linear infinite}@keyframes uploadShimmer{0%{background-position:0 0}to{background-position:20px 20px}}.upload-drop-zone .group:hover .w-12{transform:scale(1.1);box-shadow:0 4px 20px #9333ea66}.url-input-wrapper{transition:all .2s ease-in-out;position:relative}.url-input-wrapper:hover{box-shadow:0 2px 4px #0000001a!important;transform:translateY(-1px)}.url-input-wrapper:focus-within{box-shadow:0 0 0 2px #9333ea4d!important}.image-requirements-btn{transition:all .2s ease-in-out;position:relative;overflow:hidden}.image-requirements-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(147,51,234,.1),transparent);transition:left .5s ease}.image-requirements-btn:hover:before{left:100%}.image-requirements-btn:hover{transform:translateY(-1px)}.face-upload-section{position:relative;display:flex;flex-direction:column}.face-upload-section.custom-face-image-block{contain:layout;min-height:auto;transition:all .3s ease-in-out}.face-upload-section:has(#custom-face-image-preview-img),.face-upload-section.has-preview{min-height:auto}@supports not selector(:has(*)){.face-upload-section.has-preview{min-height:auto}}.face-source-tab-navigation-container{padding:.25rem 0}.preview-section-container{will-change:opacity}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.face-upload-section .mt-3,.face-upload-section .mt-4{position:relative}#custom-face-image-preview-block{border:none!important;box-shadow:inset 0 1px 3px #0000001a;max-width:100%;overflow:hidden;display:flex!important;flex-direction:column!important;align-items:center!important;gap:1.5rem!important;padding:1rem!important}#custom-face-image-preview-img{width:120px!important;height:120px!important;border-radius:50%!important;object-fit:cover!important;border:3px solid #a855f7!important;box-shadow:0 4px 16px #a855f74d,0 2px 8px #0003!important;display:block!important;flex-shrink:0!important;aspect-ratio:1/1!important}#custom-face-image-preview-label{align-self:flex-start!important;margin-bottom:-.5rem!important}#custom-face-image-remove-btn{margin-top:.5rem!important;align-self:center!important;transition:all .2s ease-in-out!important}#custom-face-image-remove-btn:hover{transform:translateY(-1px)!important;box-shadow:0 4px 12px #dc26264d!important}.upload-tab-content-section,.url-tab-content-section{flex:1}.tab-content-wrapper{display:flex;flex-direction:column;padding-top:.25rem}@media (max-width: 640px){.upload-drop-zone{height:4rem}.tab-content-wrapper{padding-top:.5rem}.face-upload-section.custom-face-image-block{min-height:auto;padding:.75rem}.face-upload-section:has(#custom-face-image-preview-img),.face-upload-section.has-preview{min-height:auto}.url-input-wrapper{height:2.75rem;padding:0 .75rem}.url-input-wrapper input{font-size:.875rem}.image-requirements-btn{text-align:center;justify-content:center;padding:.5rem .75rem;font-size:.75rem}}@media (max-width: 640px){#custom-face-image-preview-block{gap:1rem!important;padding:.75rem!important}#custom-face-image-preview-img{width:100px!important;height:100px!important;border:2px solid #a855f7!important}#custom-face-image-remove-btn{font-size:.75rem!important;padding:.5rem .75rem!important}}#custom-face-image-preview-img:focus,#custom-face-image-remove-btn:focus{outline:2px solid #a855f7!important;outline-offset:2px!important}.text-size-button-group{background:#37415180!important;padding:2px!important;position:relative;isolation:isolate;border-radius:12px!important;overflow:visible!important;min-height:40px!important;width:100%!important;display:flex!important}.text-size-selector-pill{background:linear-gradient(135deg,#2563eb,#3b82f6)!important;border-radius:10px!important;box-shadow:0 2px 8px #3b82f680,inset 0 1px #ffffff1a!important;transition:transform .3s cubic-bezier(.25,.46,.45,.94)!important;will-change:transform;pointer-events:none;position:absolute!important;top:2px!important;bottom:2px!important;left:2px!important;width:calc(33.333% - 1px)!important}.text-size-button{position:relative;z-index:10;font-weight:500!important;transition:all .2s ease-in-out!important;border:none!important;background:transparent!important;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:10px!important;min-height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:8px 12px!important;line-height:1.2!important;flex:1!important;text-align:center!important}.text-size-button:not([aria-pressed=true]):hover{color:#d1d5db!important}.text-size-button[aria-pressed=true]{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.2)}.text-size-button:focus{outline:none!important}.text-size-button:focus-visible{outline:none!important}.text-size-button:active{transform:none!important}.text-size-button{outline:none!important;box-shadow:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}#text-size-button-medium[aria-pressed=true]{font-weight:600!important}@media (max-width: 640px){.text-size-button-group{min-height:40px!important;padding:2px!important}.text-size-button{font-size:.813rem!important;padding:6px 10px!important;min-height:34px!important}}.preset-color-swatches-container{margin-bottom:1rem}.preset-color-swatches-row{display:flex;flex-wrap:nowrap;gap:.375rem;padding:.75rem 8px .75rem .75rem;margin-right:-8px;background-color:#1f293780;border-radius:.5rem;border:1px solid rgba(75,85,99,.3);justify-content:space-between;overflow:visible!important}.preset-color-swatch-wrapper{position:relative}.preset-color-swatch{position:relative;transition:all .2s ease;transform:scale(1)}.preset-color-swatch:hover{transform:scale(1.1)}.preset-color-swatch:active{transform:scale(.95)}.preset-color-swatch[aria-pressed=true]{transform:scale(1.1)}.preset-color-tooltip{animation:tooltipFadeIn .2s ease-out;white-space:nowrap}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,-5px)}to{opacity:1;transform:translate(-50%)}}.preset-color-swatch[aria-label*=Gold]{background:linear-gradient(135deg,gold,#fa0)!important}.preset-color-swatch[aria-label*=Black] span{box-shadow:inset 0 0 0 2px #fffc}.primary-text-color-picker-row{padding-top:.5rem;border-top:1px solid rgba(75,85,99,.3)}@media (max-width: 640px){.preset-color-swatches-row{gap:.25rem;padding:.5rem}.preset-color-swatch{width:28px;height:28px}.preset-color-tooltip{font-size:11px;min-width:120px!important}}.preset-color-swatch:focus{outline:none;box-shadow:0 0 0 3px #9333ea80}.preset-color-swatch:focus-visible{outline:2px solid #A78BFA;outline-offset:2px}@keyframes buttonAttention{0%{transform:scale(1);box-shadow:0 0 12px #9333ea66}50%{transform:scale(1.08);box-shadow:0 0 20px #9333ea99}to{transform:scale(1);box-shadow:0 0 12px #9333ea66}}.url-input-wrapper:has(input:focus){box-shadow:0 0 0 2px #9333ea4d}.url-input-wrapper input:focus+button[id=custom-face-image-url-set-btn]{animation:buttonAttention .5s ease-out}@keyframes pulseOnce{0%,to{opacity:1}50%{opacity:.8}}.animate-pulse-once{animation:pulseOnce 1s ease-in-out}.toggle-switch{margin:4px 8px 4px 0!important}.toggle-container{padding:4px 8px 4px 0;margin:0 -8px 0 0}.control-section-with-toggle{padding-right:8px;margin-right:-8px}.collapsible-section{overflow:visible!important;padding-right:8px}.toggle-section{padding:4px 8px 4px 0;margin:0 -8px 0 0;overflow:visible!important}.preset-color-swatches-row{padding:.75rem 8px .75rem .75rem;margin-right:-8px;overflow:visible!important}*:focus,*:focus-visible{position:relative;z-index:100}.left-sidebar *:focus{overflow:visible!important}button:focus,input:focus,[role=switch]:focus{transform:translateZ(0);position:relative;z-index:50}.design-controls-scrollable{overflow-y:auto;scroll-behavior:smooth;max-height:calc(100vh - 12rem)}.design-controls-scrollable::-webkit-scrollbar{width:10px;background:#23263a;border-radius:8px}.design-controls-scrollable::-webkit-scrollbar-thumb{background:#6d28d9;border-radius:8px;box-shadow:0 0 6px #6d28d9aa}.design-controls-scrollable::-webkit-scrollbar-thumb:hover{background:#a78bfa}.design-controls-scrollable{scrollbar-width:thin;scrollbar-color:#6d28d9 #23263a}.mood-expression-picker-grid img,.gender-selector-section img{image-rendering:optimizeQuality!important;image-rendering:-webkit-optimize-contrast!important;image-rendering:-webkit-crisp-edges!important;image-rendering:crisp-edges!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;pointer-events:none;transition:transform .2s ease,filter .2s ease;transform:translateZ(0);will-change:transform,filter;vector-effect:non-scaling-stroke}.mood-expression-picker-grid button:hover img,.gender-selector-section button:hover img{transform:translateZ(0) scale(1.1);image-rendering:optimizeQuality}.mood-expression-picker-grid button[aria-pressed=true] img,.gender-selector-section button[aria-checked=true] img{filter:brightness(1.1) contrast(1.05) saturate(1.1);transform:translateZ(0) scale(1.02)}.mood-expression-picker-grid img[src*=openmoji],.gender-selector-section img[src*=openmoji],.mood-expression-picker-grid img[src*=jsdelivr],.gender-selector-section img[src*=jsdelivr]{background:radial-gradient(circle,rgba(139,92,246,.05) 0%,transparent 70%);border-radius:4px;image-rendering:optimizeQuality}.mood-expression-picker-grid img:not([src]),.gender-selector-section img:not([src]),.mood-expression-picker-grid img[src=""],.gender-selector-section img[src=""]{display:none!important}.mood-expression-picker-section img{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important;min-width:40px!important;min-height:40px!important;image-rendering:optimizeQuality}.gender-selector-section img{width:32px!important;height:32px!important;max-width:32px!important;max-height:32px!important;min-width:32px!important;min-height:32px!important;image-rendering:optimizeQuality}.mood-expression-picker-grid button:focus-visible,.gender-selector-section button:focus-visible{outline:2px solid #A855F7;outline-offset:2px}@keyframes openmojiLoad{0%{opacity:0;transform:translateZ(0) scale(.9);filter:blur(.5px)}to{opacity:1;transform:translateZ(0) scale(1);filter:blur(0)}}.mood-expression-picker-grid img,.gender-selector-section img{animation:openmojiLoad .3s ease-out}.mood-expression-picker-grid,.gender-selector-section,.mood-expression-picker-grid *,.gender-selector-section *{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.mood-expression-picker-grid span[aria-hidden=true],.gender-selector-section span[aria-hidden=true]{font-family:monospace!important;color:transparent!important}@media (max-width: 640px){.mood-expression-picker-section img{width:35px!important;height:35px!important;max-width:35px!important;max-height:35px!important;min-width:35px!important;min-height:35px!important;image-rendering:optimizeQuality}.gender-selector-section img{width:28px!important;height:28px!important;max-width:28px!important;max-height:28px!important;min-width:28px!important;min-height:28px!important;image-rendering:optimizeQuality}}@media (prefers-color-scheme: dark){.mood-expression-picker-grid img,.gender-selector-section img{filter:drop-shadow(0 0 1px rgba(255,255,255,.1)) contrast(1.02)}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.mood-expression-picker-grid img,.gender-selector-section img{image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast;image-rendering:crisp-edges}}.mood-expression-picker-grid img[src$=".svg"],.gender-selector-section img[src$=".svg"]{image-rendering:optimizeQuality!important;-webkit-transform:translateZ(0);transform:translateZ(0)}.mood-expression-picker-grid img,.gender-selector-section img{image-orientation:from-image;image-resolution:from-image}.preview-container-override{box-shadow:0 0 15px #80008080}.placeholder-style{font-style:italic}.preview-container{width:652px;height:367px;position:relative;padding:0;margin:0 auto;background-color:#212936;border-radius:12px;overflow:hidden}@media (max-width: 820px){.preview-container{width:100%;max-width:652px;height:auto;aspect-ratio:16/9;min-height:200px}}img.generated-thumbnail{width:100%;height:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.preview-wrapper{width:100%;max-width:652px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.full-preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .3s;animation:fadeIn .3s}.full-preview-modal-content{background:#18181b;border-radius:1rem;box-shadow:0 8px 32px #00000080;padding:1.5rem;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;position:relative;animation:fadeIn .3s}.full-preview-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;z-index:2;transition:color .2s}.full-preview-modal-close:hover{color:#60a5fa}.full-preview-modal-img{width:100%;height:auto;max-height:80vh;border-radius:.75rem;box-shadow:0 4px 16px #0000004d;object-fit:contain;background:#18181b}.finalizing-shimmer{position:relative;background:linear-gradient(90deg,#e5e7eb,#f3f4f6 20%,#fff,#f3f4f6 80%,#e5e7eb);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmerEffect 2s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,255,255,.3))}@keyframes shimmerEffect{0%{background-position:-100% 0}to{background-position:100% 0}}.finalizing-text:after{content:"";animation:finalizingDots 1.5s steps(4,end) infinite}@keyframes finalizingDots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.thumbnail-preview-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn .2s ease-out;padding:20px}.thumbnail-preview-modal-content{position:relative;max-width:1280px;max-height:90vh;width:100%;animation:modalSlideIn .25s ease-out}.thumbnail-preview-modal-backdrop.closing{animation:backdropFadeOut .25s ease-out forwards}.thumbnail-preview-modal-content.closing{animation:modalSlideOut .25s ease-out forwards}.modal-title-bar{background:#4a556899;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top-left-radius:12px;border-top-right-radius:12px;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);min-height:44px}.traffic-lights{display:flex;align-items:center;gap:8px}.traffic-light{width:12px;height:12px;border-radius:50%;border:none;cursor:pointer;position:relative;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0000004d}.traffic-light.red,.traffic-light.yellow,.traffic-light.green{background:#4b5563b3;border:1px solid rgba(255,255,255,.1)}.modal-close-btn{background:transparent;border:none;color:#fffc;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:#ffffff1a;color:#fff;transform:scale(1.05)}.modal-close-btn:focus{outline:2px solid #a78bfa;outline-offset:2px}.modal-image-container{position:relative;display:flex;align-items:center;justify-content:center;background:#111827;border-bottom-left-radius:12px;border-bottom-right-radius:12px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.modal-thumbnail-image{width:100%;height:auto;max-width:1280px;max-height:720px;object-fit:contain;display:block}.modal-download-btn{position:absolute;top:16px;right:16px;color:#fff;padding:12px;border-radius:10px;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modal-download-btn:hover{color:#ffffffd4;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#a3a3a35d}.modal-download-btn:focus{outline:2px solid #a78bfa;outline-offset:2px}.modal-download-btn:active{transform:translateY(0)}.modal-download-btn:after{content:"Download";position:absolute;bottom:-32px;right:0;background:#111827f2;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease}.modal-download-btn:hover:after{opacity:1}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalSlideOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(20px)}}@keyframes backdropFadeOut{0%{opacity:1}to{opacity:0}}@media (max-width: 1024px){.modal-title-bar{padding:10px 16px;min-height:40px}.traffic-light{width:14px;height:14px}.modal-close-btn{padding:6px}.modal-download-btn{padding:10px;top:12px;right:12px}}@media (max-width: 768px){.thumbnail-preview-modal-backdrop{padding:10px}.modal-title-bar{padding:8px 12px;min-height:36px}.traffic-lights{gap:6px}.traffic-light{width:16px;height:16px}.modal-close-btn{padding:8px}.modal-close-btn .iconify{font-size:22px!important}.modal-download-btn{padding:8px;top:8px;right:8px}.modal-download-btn:after{display:none}}@media (max-width: 480px){.modal-title-bar{padding:6px 10px;min-height:32px}.traffic-light{width:18px;height:18px}.modal-close-btn{padding:10px}.modal-close-btn .iconify{font-size:24px!important}.thumbnail-preview-modal-backdrop{padding:5px}}.prompt-section{transition:all .3s ease}.prompt-label,.prompt-enhancing-badge,.prompt-auto-enhanced-badge{transition:all .2s ease}.prompt-suggestion-chip{transition:all .2s ease;font-family:Geist Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,monospace;font-size:.75rem;letter-spacing:.025em}.prompt-suggestion-chip:hover,.prompt-suggestion-chip:active{transform:scale(1)}.prompt-preview-block{transition:all .2s ease}@keyframes spinner{to{transform:rotate(360deg)}}.animate-spin{animation:spinner 1s linear infinite}.prompt-lock-indicator{transition:all .2s ease}.prompt-lock-tooltip{transition:opacity .2s ease,visibility .2s ease;pointer-events:none}.prompt-improve-btn,.prompt-variations-btn{transition:all .2s ease;position:relative}.prompt-improve-btn:hover,.prompt-variations-btn:hover{transform:scale(1);box-shadow:0 4px 12px #8b5cf64d}.prompt-improve-btn:active,.prompt-variations-btn:active{transform:scale(1)}.prompt-action-buttons .group:hover .absolute{animation:tooltipFadeIn .2s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.improve-btn-icon{transition:transform .2s ease}.prompt-improve-btn:hover .improve-btn-icon{transform:scale(1)}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.prompt-char-count{transition:color .2s ease}.prompt-char-count.warning{color:#f59e0b}.prompt-char-count.error{color:#ef4444}.prompt-input-container{width:100%;max-width:652px;position:relative;margin:0 auto}.prompt-input-wrapper{position:relative;width:100%;max-width:100%;padding:0;margin-bottom:5px}.prompt-textarea{width:100%;height:150px;min-height:150px;max-height:150px;background-color:#212936;border:1px solid #4B5563;font-family:Geist Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,monospace!important;border-radius:8px;padding:8px 9.18px;color:#f9fafb;font-size:.875rem;line-height:1.4;resize:none;overflow-y:auto;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1),font-weight .2s ease;letter-spacing:.025em;font-weight:600;box-shadow:0 2px 8px #0000001a}.prompt-textarea:not(:placeholder-shown){font-weight:450}.prompt-textarea::placeholder{font-family:Geist Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,monospace;color:#9ca3af;opacity:.7;font-weight:400;letter-spacing:.025em}.prompt-textarea.font-mono,.prompt-textarea.improving-typewriter{font-family:Geist Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,monospace;letter-spacing:.025em;line-height:1.6;font-weight:600}.prompt-textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626,0 4px 12px #00000026}.prompt-textarea.font-mono{height:150px;min-height:150px;max-height:150px;font-family:Geist Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,monospace;letter-spacing:.025em;font-weight:600;line-height:1.6;background-color:#212936;border-color:#553c9a;box-shadow:0 0 20px #8b5cf61a}.prompt-textarea.font-mono:focus{border-color:#a855f7;font-family:Geist Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,monospace;box-shadow:0 0 0 3px #8b5cf633,0 0 25px #8b5cf626}.prompt-textarea.font-mono::placeholder{color:#9ca3af;opacity:.8;font-weight:400;font-family:Geist Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,monospace}@media (min-width: 768px){.prompt-input-container{max-width:652px}.prompt-textarea{font-size:.975rem;padding:1.1rem;font-family:Geist Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,monospace;letter-spacing:.025em;font-weight:600}.prompt-textarea:not(:placeholder-shown){font-weight:450}.prompt-textarea.font-mono{font-size:.95rem;padding:1.148rem}}@media (min-width: 1024px){.prompt-input-container{max-width:652px}.prompt-textarea{height:150px;min-height:150px;max-height:150px;line-height:1.6;font-family:Geist Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,monospace;letter-spacing:.025em;font-weight:600}.prompt-textarea:not(:placeholder-shown){font-weight:450}.prompt-textarea.font-mono,.prompt-textarea.improving-typewriter{height:150px;min-height:150px;max-height:150px;line-height:1.6}}@media (max-width: 700px){.prompt-input-container{width:100%;max-width:100%;margin:0;margin-bottom:1rem}.prompt-section{background:#111827cc;border-radius:16px;border:1px solid rgba(55,65,81,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 12px #0000001a;padding:1rem;transition:all .3s ease}.prompt-section:focus-within{border-color:#8b5cf666;box-shadow:0 4px 12px #8b5cf61a}}@media (max-width: 767px){.prompt-textarea{height:150px!important;min-height:150px!important;max-height:150px!important;font-size:.8rem!important;padding:.765rem!important;line-height:1.5!important;resize:none!important;overflow-y:auto!important;font-family:Geist Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,monospace!important;letter-spacing:.02em!important;font-weight:600!important}.prompt-textarea:not(:placeholder-shown){font-weight:450!important}.prompt-textarea::placeholder{font-family:Geist Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,monospace!important;font-size:.8rem!important;opacity:.7;letter-spacing:.02em!important;font-weight:400!important}.prompt-textarea.font-mono,.prompt-textarea.improving-typewriter{font-size:.95rem!important;padding:.765rem!important;line-height:1.6!important;font-weight:600;letter-spacing:.025em}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}.prompt-improve-btn.text-purple-400,button[aria-label*=Improve].text-purple-400,button[aria-label*=improve].text-purple-400{background-color:#8b5cf633!important;border-color:#8b5cf680!important;box-shadow:0 2px 8px #8b5cf64d,0 0 0 1px #8b5cf64d!important}#prompt-lock-tooltip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#f59e0bf2;border:1px solid rgba(245,158,11,.3);box-shadow:0 8px 25px #0000004d}.prompt-textarea:disabled{background-color:#2d3748;border-color:#4a5568;color:#a0aec0;cursor:not-allowed;font-family:Geist Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,monospace!important;font-weight:600;letter-spacing:.025em}.prompt-textarea::selection{background-color:#8b5cf64d;color:#f9fafb}.prompt-textarea.improving-typewriter{background-color:#2a3441;border-color:#a855f7;box-shadow:0 0 0 3px #8b5cf633,0 0 25px #8b5cf626;animation:subtle-pulse 2s ease-in-out infinite;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}@keyframes subtle-pulse{0%,to{box-shadow:0 0 0 3px #8b5cf626,0 0 20px #8b5cf61a}50%{box-shadow:0 0 0 3px #8b5cf640,0 0 30px #8b5cf633}}#prompt-variations-dropdown{animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}#prompt-variations-dropdown .group:hover{transform:scale(1);box-shadow:0 4px 12px #00000026}.prompt-variations-overlay{animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.prompt-focus-placeholder{position:absolute;top:12px;left:12px;pointer-events:none;color:#9ca3af;font-family:Geist Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,monospace;font-size:.875rem;line-height:1.4;letter-spacing:.025em;font-weight:400;opacity:.8;transition:opacity .2s ease;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 80px)}.prompt-textarea:not(:placeholder-shown)+.prompt-focus-placeholder{opacity:0;visibility:hidden}@media (min-width: 768px){.prompt-focus-placeholder{top:17.6px;left:17.6px;font-size:.975rem}}@media (min-width: 1024px){.prompt-focus-placeholder{top:17.6px;left:17.6px;line-height:1.6}}@media (max-width: 767px){.prompt-focus-placeholder{top:12.24px;left:12.24px;font-size:.8rem;line-height:1.5;letter-spacing:.02em;max-width:calc(100% - 60px)}}.user-profile-main-container{position:relative;width:100%;max-width:320px;margin:0 auto}.user-profile-card{background:linear-gradient(145deg,#1f2937cc,#111827e6);box-shadow:0 20px 40px -10px #0006,0 10px 20px -5px #0000001a,inset 0 1px #ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(75,85,99,.3);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.user-profile-card:hover{transform:translateY(-4px);box-shadow:0 32px 64px -12px #00000080,0 20px 32px -8px #0003,inset 0 1px #ffffff1a;border-color:#8b5cf666}.profile-welcome-banner{background:linear-gradient(135deg,#9333ea33,#3b82f633 35%,#06b6d433);position:relative;overflow:hidden}.profile-welcome-banner:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .8s ease}.profile-welcome-banner:hover:before{left:100%}.banner-pattern{animation:patternFloat 8s ease-in-out infinite}@keyframes patternFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.05)}}.profile-avatar-container{background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);box-shadow:0 8px 16px #3b82f64d,0 4px 8px #8b5cf633;position:relative;transition:all .3s ease}.profile-avatar-container:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);border-radius:inherit;z-index:-1;opacity:0;transition:opacity .3s ease;animation:avatarGlow 3s ease-in-out infinite}.profile-avatar-container:hover:before{opacity:.6}@keyframes avatarGlow{0%,to{opacity:.2}50%{opacity:.5}}.profile-avatar{transition:all .3s ease}.profile-avatar-container:hover .profile-avatar{transform:scale(1.05)}.plan-status-banner{background:linear-gradient(135deg,#05966926,#3b82f626);border:1px solid rgba(5,150,105,.3);position:relative;overflow:hidden;transition:all .3s ease}.plan-status-banner:hover{border-color:#05966980;transform:translateY(-1px)}.plan-status-banner:after{content:"";position:absolute;top:0;right:0;width:40px;height:40px;background:radial-gradient(circle,rgba(5,150,105,.2) 0%,transparent 70%);border-radius:50%;animation:planGlow 4s ease-in-out infinite}@keyframes planGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.upgrade-promotion-section{background:linear-gradient(135deg,#9333ea33,#3b82f633,#9333ea26);border:1px solid rgba(147,51,234,.4);position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 15px -3px #8b5cf61a,0 4px 6px -2px #3b82f60d}.upgrade-promotion-section:hover{border-color:#9333ea99;transform:translateY(-2px);box-shadow:0 10px 20px -3px #8b5cf626,0 4px 8px -2px #3b82f61a}.upgrade-promotion-section:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.upgrade-promotion-section:hover:before{left:100%}.upgrade-glow{animation:upgradeGlow 6s ease-in-out infinite}@keyframes upgradeGlow{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.3;transform:scale(1.5)}}.upgrade-action-btn{background:linear-gradient(135deg,#8b5cf6,#3b82f6);box-shadow:0 4px 15px #8b5cf666,inset 0 1px #fff3;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 12px -1px #8b5cf633}.upgrade-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .4s ease}.upgrade-action-btn:hover:before{left:100%}.upgrade-action-btn:hover{background:linear-gradient(135deg,#7c3aed,#2563eb);box-shadow:0 7px 15px -1px #8b5cf64d;transform:translateY(-1px)}.credits-tracking-section{transition:all .3s ease}.credits-progress-container{background:linear-gradient(135deg,#37415199,#1f2937cc);box-shadow:inset 0 2px 4px #0000004d;border:1px solid rgba(75,85,99,.4);transition:all .3s ease}.credits-progress-container:hover{border-color:#8b5cf666;box-shadow:inset 0 2px 4px #0000004d,0 0 15px #8b5cf633}.credits-progress-fill{background:linear-gradient(90deg,#06b6d4,#3b82f6,#8b5cf6);position:relative;overflow:hidden;transition:all .7s cubic-bezier(.4,0,.2,1)}.credits-progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:creditsShimmer 3s infinite}@keyframes creditsShimmer{0%{left:-100%}to{left:100%}}.progress-shimmer{animation:progressPulse 2s ease-in-out infinite}@keyframes progressPulse{0%,to{opacity:.3}50%{opacity:.8}}.profile-actions-section{margin-top:1rem}.profile-action-btn{background:linear-gradient(135deg,#3741514d,#1f293780);border:1px solid rgba(75,85,99,.4);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transition:left .4s ease}.profile-action-btn:hover:before{left:100%}.profile-action-btn:hover{background:linear-gradient(135deg,#4b556366,#37415199);border-color:#8b5cf666;transform:translate(4px);box-shadow:0 4px 12px #0003}#sign-out-button:hover{background:linear-gradient(135deg,#dc262633,#b91c1c4d);border-color:#ef444466}@media (max-width: 768px){.user-profile-main-container{width:100%;max-width:100%;padding:0 1rem}.user-profile-card{width:100%!important;border-radius:16px;margin:0}.profile-welcome-banner,.profile-content-section{padding:1.5rem}}@media (max-width: 480px){.profile-welcome-banner,.profile-content-section{padding:1rem}.profile-avatar-container{width:3rem;height:3rem}.profile-user-name{font-size:1rem}}@media (prefers-color-scheme: dark){.user-profile-card{background:linear-gradient(145deg,#111827f2,#1f2937e6);border-color:#4b556366}}.profile-action-btn:focus,.upgrade-action-btn:focus{outline:2px solid #3B82F6;outline-offset:2px;box-shadow:0 0 0 4px #3b82f633}.profile-action-btn:focus-visible,.upgrade-action-btn:focus-visible{outline:2px solid #3B82F6;outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.iconify[data-icon*=crown]{filter:drop-shadow(0 0 8px rgba(251,191,36,.5));animation:crownGlow 3s ease-in-out infinite}@keyframes crownGlow{0%,to{filter:drop-shadow(0 0 8px rgba(251,191,36,.3))}50%{filter:drop-shadow(0 0 12px rgba(251,191,36,.8))}}.iconify[data-icon*=star]{animation:starTwinkle 2s ease-in-out infinite}@keyframes starTwinkle{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.banner-greeting{transition:all .3s ease}.profile-welcome-banner:hover .banner-greeting{transform:translateY(-1px)}.profile-user-details{transition:all .3s ease}.profile-welcome-banner:hover .profile-user-details{transform:translate(2px)}*{transition:all .2s ease}.upgrade-promotion-section{transition:all .3s ease;box-shadow:0 4px 15px -3px #8b5cf61a,0 4px 6px -2px #3b82f60d}.upgrade-promotion-section:hover{transform:translateY(-2px);box-shadow:0 10px 20px -3px #8b5cf626,0 4px 8px -2px #3b82f61a}.upgrade-action-btn{box-shadow:0 4px 12px -1px #8b5cf633}.upgrade-action-btn:hover{box-shadow:0 7px 15px -1px #8b5cf64d}.upgrade-header .text-transparent{background-size:200% auto;animation:gradient-text 3s linear infinite}@keyframes gradient-text{to{background-position:200% center}}.collapsible-section{position:relative;width:100%}.collapsible-section [role=button]{padding:.5rem 0;transition:background-color .2s ease;border-radius:.25rem}.collapsible-section [role=button]:hover{background-color:#6b72801a}.collapsible-section [role=button]:focus-visible{outline:2px solid rgb(168,85,247);outline-offset:2px}.collapsible-section h3{transition:color .2s ease;-webkit-user-select:none;user-select:none}.collapsible-section [aria-expanded=true] h3{color:#d8b4fe}.collapsible-section [role=button]:hover h3{color:#e9d5ff}.collapsible-content{will-change:max-height,opacity;overflow:hidden}@keyframes collapseUp{0%{max-height:var(--max-height);opacity:1}to{max-height:0;opacity:0}}@keyframes expandDown{0%{max-height:0;opacity:0}to{max-height:var(--max-height);opacity:1}}.collapsible-section [aria-hidden=true]{display:block;pointer-events:none}@media (max-width: 640px){.collapsible-section [role=button]{padding:.75rem 0}}.tooltip-content{position:absolute;z-index:50}.tooltip-fixed,.tooltip-fixed-content,.color-tooltip{background-color:#2c2c2c!important;color:#fff!important;border:1px solid #4A4A4A!important;box-shadow:0 8px 24px #0006,0 2px 8px #0003!important}.tooltip-high-contrast{background-color:#1a1a1a!important;color:#fff!important;border:1px solid #00BFFF!important}.tooltip-arrow-fixed,.color-tooltip:after{background-color:#2c2c2c!important;border-color:#2c2c2c!important}.tooltip-high-contrast .tooltip-arrow-fixed{background-color:#1a1a1a!important}.tooltip-icon-wrapper:focus,.tooltip-icon:focus,[role=button]:focus{outline:2px solid #00BFFF!important;outline-offset:2px!important;box-shadow:0 0 0 4px #00bfff33!important}.tooltip-icon:hover,.tooltip-icon-wrapper:hover .tooltip-icon{color:gold!important;transform:scale(1.1)!important;transition:all .2s ease-in-out!important}.tooltip-fixed p,.tooltip-fixed-content p,.color-tooltip div,.tooltip-content *{color:#fff!important;font-weight:500!important;line-height:1.5!important}.tooltip-fixed .text-gray-400,.color-tooltip .text-gray-400{color:#d1d5db!important}.tooltip-fixed,.tooltip-fixed-content{transition:opacity .3s ease-in-out,visibility .3s ease-in-out,transform .2s ease-in-out!important}.tooltip-fixed[aria-hidden=false],.tooltip-fixed-content:not([style*="opacity: 0"]){opacity:1!important;visibility:visible!important;transform:scale(1)!important}.tooltip-fixed[aria-hidden=true],.tooltip-fixed-content[style*="opacity: 0"]{opacity:0!important;visibility:hidden!important;transform:scale(.95)!important}.tooltip-icon[aria-label]:focus:after{content:attr(aria-label);position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}@media (prefers-contrast: high){.tooltip-fixed,.tooltip-fixed-content,.color-tooltip{background-color:#000!important;color:#fff!important;border:2px solid #FFFFFF!important}.tooltip-icon:hover{color:#ff0!important}}@media (prefers-reduced-motion: reduce){.tooltip-fixed,.tooltip-fixed-content,.tooltip-icon{transition:none!important;transform:none!important}}@media (max-width: 768px){.tooltip-fixed,.tooltip-fixed-content{max-width:280px!important;font-size:13px!important;padding:12px!important}}@media (min-width: 1200px){.tooltip-fixed,.tooltip-fixed-content{font-size:12px!important;max-width:320px!important}}.bg-gray-800.tooltip-fixed,.bg-gray-900.tooltip-fixed{background-color:#2c2c2c!important}.bg-purple-900.tooltip-fixed{background-color:#2c2c2c!important;border-color:#8b5cf6!important}.border-t-gray-900,.border-t-gray-800{border-top-color:#2c2c2c!important}.border-b-gray-900,.border-b-gray-800{border-bottom-color:#2c2c2c!important}.border-top-color\:gray-900{border-top-color:#2c2c2c!important}.admin-dashboard-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.admin-sidebar-navigation{min-height:100vh;position:sticky;top:0}.admin-nav-item:focus{outline:2px solid #8b5cf6;outline-offset:2px}.admin-table-row:hover{background-color:#374151}.admin-metric-card:hover{transform:translateY(-2px);transition:transform .2s ease-in-out}.admin-chart-placeholder{position:relative}.admin-chart-placeholder:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(139,92,246,.1) 50%,transparent 70%);border-radius:.5rem;pointer-events:none}.template-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.template-modal-content{box-shadow:0 25px 50px -12px #00000040}.template-setting-toggle:focus{outline:2px solid #8b5cf6;outline-offset:2px}.admin-background-card:hover .admin-background-actions-overlay{opacity:1}.admin-api-stat-card{position:relative;overflow:hidden}.admin-api-stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#8b5cf6,#06b6d4,#10b981)}.user-status-badge{font-weight:600;letter-spacing:.025em}.admin-quick-action-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d;transition:all .3s ease-in-out}.admin-template-search-input:focus,.admin-template-category-select:focus,.admin-user-search-input:focus,.admin-background-search-input:focus,.admin-background-category-select:focus,.admin-api-time-range-select:focus{box-shadow:0 0 0 3px #8b5cf61a}@media (max-width: 768px){.admin-dashboard-container{flex-direction:column}.admin-sidebar-navigation{position:relative;width:100%;min-height:auto}.admin-main-content-wrapper{width:100%}}.admin-loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-nav-item:focus-visible,.template-modal-close-btn:focus-visible,.admin-add-template-btn:focus-visible,.admin-add-background-btn:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}@media print{.admin-sidebar-navigation,.admin-header-main,.template-modal-overlay{display:none!important}.admin-main-content-wrapper{width:100%!important;margin:0!important;padding:0!important}}.admin-dashboard-container{color-scheme:dark}.admin-content-wrapper::-webkit-scrollbar,.template-modal-content::-webkit-scrollbar{width:8px}.admin-content-wrapper::-webkit-scrollbar-track,.template-modal-content::-webkit-scrollbar-track{background:#1f2937}.admin-content-wrapper::-webkit-scrollbar-thumb,.template-modal-content::-webkit-scrollbar-thumb{background:#4b5563;border-radius:4px}.admin-content-wrapper::-webkit-scrollbar-thumb:hover,.template-modal-content::-webkit-scrollbar-thumb:hover{background:#6b7280}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes modalSlideOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(-20px)}}.pricing-modal-overlay{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:modalFadeIn .3s ease-out}.pricing-modal-content{box-shadow:0 25px 50px -12px #000c,0 0 0 1px #ffffff0d;animation:modalSlideIn .3s ease-out}.pricing-plan-card{position:relative;overflow:visible}.pricing-plan-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff05,#fff0);pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .3s ease}.pricing-plan-card:hover:before{opacity:1}.crown-icon{filter:drop-shadow(0 0 8px rgba(255,215,0,.4));animation:crownGlow 2s ease-in-out infinite alternate}@keyframes crownGlow{0%{filter:drop-shadow(0 0 8px rgba(255,215,0,.4))}to{filter:drop-shadow(0 0 16px rgba(255,215,0,.6))}}.plan-select-button{position:relative;overflow:hidden}.plan-select-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.plan-select-button:hover:before{left:100%}.check-icon{flex-shrink:0}@media (max-width: 1024px){.pricing-plans-grid{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 768px){.pricing-modal-content{margin:1rem;max-height:95vh;border-radius:1.5rem}.pricing-plans-grid{gap:1rem}.pricing-plan-card{padding:1.5rem}}@media (max-width: 640px){.pricing-modal-content{margin:.5rem;border-radius:1rem}}.pricing-plan-card,.plan-select-button,.check-icon{transition:all .3s cubic-bezier(.4,0,.2,1)}.pricing-plan-card:hover{transform:translateY(-2px)}@keyframes badgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.pricing-plan-badge{animation:badgeFloat 3s ease-in-out infinite}.template-modal-body::-webkit-scrollbar,.show-more-modal-body::-webkit-scrollbar{width:8px;height:8px}.template-modal-body::-webkit-scrollbar-track,.show-more-modal-body::-webkit-scrollbar-track{background:#374151;border-radius:4px}.template-modal-body::-webkit-scrollbar-thumb,.show-more-modal-body::-webkit-scrollbar-thumb{background:#6b7280;border-radius:4px;border:1px solid #374151}.template-modal-body::-webkit-scrollbar-thumb:hover,.show-more-modal-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.template-modal-body::-webkit-scrollbar-corner,.show-more-modal-body::-webkit-scrollbar-corner{background:#374151}.template-modal-body,.show-more-modal-body{overflow-y:scroll!important}.face-upload-section{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(55,65,81,.5)!important;box-shadow:0 4px 16px #0000001a}.beta-badge{background:linear-gradient(135deg,#4b5563cc,#374151e6);border:1px solid rgba(107,114,128,.3);font-weight:600;letter-spacing:.025em}.tab-buttons{background:#374151cc!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.tab-button{font-weight:600;letter-spacing:.025em;position:relative;overflow:hidden}.tab-button.bg-blue-600{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;box-shadow:0 4px 12px #e5e7eb33}.tab-button:hover:not(.bg-blue-600){background:#4b556399!important}.tab-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.tab-button:hover:before{left:100%}.upload-dropzone{background:#1f2937cc!important;border-color:#4b556399!important;transition:all .3s ease;position:relative;overflow:hidden}.upload-dropzone:hover{background:#1f2937f2!important;border-color:#6b7280cc!important;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.upload-dropzone:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#3b82f605,#9333ea05);opacity:0;transition:opacity .3s ease;border-radius:inherit}.upload-dropzone:hover:before{opacity:1}.upload-icon-container{background:linear-gradient(135deg,#4b5563cc,#374151e6)!important;border:1px solid rgba(107,114,128,.3);transition:all .3s ease}.upload-dropzone:hover .upload-icon-container{background:linear-gradient(135deg,#3b82f633,#9333ea33)!important;border-color:#e5e7eb33;transform:scale(1.05)}.upload-dropzone:hover .upload-icon{color:#60a5fa!important}.url-input-container{background:#1f2937cc!important;border:1px solid rgba(75,85,99,.5);transition:all .3s ease}.url-input-container:focus-within{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61a}.preview-section{background:#4b556333!important;border:1px solid rgba(107,114,128,.3)!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.warning-message{font-style:italic;opacity:.8}.info-icon{transition:all .2s ease;cursor:help}.info-icon:hover{color:#60a5fa!important;transform:scale(1.1)}@media (max-width: 640px){.face-upload-section{padding:1rem!important;margin-top:1rem!important}.tab-buttons{padding:.5rem!important}.tab-button{padding:.75rem 1rem!important;font-size:.875rem}.upload-dropzone{padding:2rem 1rem!important}.upload-icon-container{width:3rem!important;height:3rem!important}.upload-icon{font-size:1.5rem!important}.url-input-container{padding:1rem!important}}