@import"https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=JetBrains+Mono:wght@400;500;700&family=Outfit:wght@300;400;600;800;900&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&family=Instrument+Serif:ital,wght@0,400;1,400&family=Montserrat:ital,wght@0,400;0,700;0,800;0,900;1,400&family=Space+Mono:ital,wght@0,400;0,700;1,400&family=Poppins:ital,wght@0,400;0,600;0,700;0,800;1,400&family=Manrope:wght@300;400;500;600;700;800&family=Italianno&display=swap";.sidebar{width:260px;height:calc(100vh - 60px);background-color:var(--color-background);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:var(--space-6);position:fixed;left:0;top:60px;transition:transform var(--transition-normal);z-index:10001}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8)}.logo{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:800;color:var(--color-primary);letter-spacing:-1px;line-height:1}.mobile-close{display:none;background:none;border:none;color:var(--color-text-main);cursor:pointer;padding:var(--space-2)}@media(max-width:768px){.sidebar{transform:translate(-100%);width:280px}.sidebar.open{transform:translate(0)}.mobile-close{display:block}}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--color-text-muted);border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:500;border:none;background:none;width:100%;cursor:pointer;text-align:left;font-size:var(--font-size-sm)}.nav-item:hover{background-color:var(--color-surface-hover);color:var(--color-text-main)}.nav-item.active{background-color:var(--color-primary);color:var(--color-bg-main);box-shadow:var(--shadow-sm),var(--color-accent-glow);font-weight:700}.sidebar-footer{display:flex;flex-direction:column;gap:var(--space-4);margin-top:auto;padding-top:var(--space-6);border-top:1px solid var(--color-border)}.credits-card{padding:var(--space-4);background-color:var(--color-background-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-3)}.credits-status{display:flex;align-items:center;gap:8px}.credits-count{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-main)}.sidebar-legal{display:flex;flex-wrap:wrap;gap:var(--space-3);padding:0 var(--space-2);font-size:var(--font-size-xs)}.sidebar-legal a{color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.sidebar-legal a:hover{color:var(--color-primary)}.logout-btn{color:var(--color-secondary);margin-top:var(--space-2)}.logout-btn:hover{background-color:#ef444414;color:#ef4444}.sidebar-version{text-align:center;font-size:10px;color:var(--color-text-muted);opacity:.5;padding:var(--space-2) 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative;white-space:nowrap;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:600;letter-spacing:.02em;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;backface-visibility:hidden;transform:translateZ(0);-webkit-user-select:none;user-select:none}.btn-sm{padding:6px 12px;font-size:.75rem;height:32px}.btn-md{padding:8px 16px;font-size:.85rem;height:40px}.btn-lg{padding:12px 24px;font-size:1rem;height:50px}.btn-primary{background-color:var(--btn-primary-bg)!important;color:var(--btn-primary-text)!important;border:var(--btn-primary-border);border-radius:var(--btn-primary-radius);padding:var(--btn-primary-padding);font-size:var(--btn-primary-font-size);font-weight:var(--btn-primary-font-weight);box-shadow:0 4px var(--btn-primary-shadow-blur) 0 rgba(var(--btn-primary-shadow-color),var(--btn-primary-shadow-opacity))}.btn-primary:hover{background-color:var(--btn-primary-hover-bg)!important;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--color-bg-alt);color:var(--color-text-primary);border:1px solid var(--color-border-subtle);padding:var(--btn-primary-padding)}.btn-secondary:hover{background-color:var(--color-surface-hover)}.btn-outline{background-color:transparent;border:1px solid var(--color-border-strong);color:var(--color-text-primary);padding:var(--btn-primary-padding)}.btn-outline:hover{background-color:var(--color-accent);color:#fff!important;border-color:var(--color-accent)}.btn-glow-turquoise{background-color:var(--color-accent);color:#fff;border:none;padding:var(--btn-primary-padding);box-shadow:0 0 15px #fe821e66;border-radius:var(--btn-primary-radius);font-size:var(--btn-primary-font-size);font-weight:600}.btn-glow-turquoise:hover{background-color:var(--color-accent-hover);box-shadow:0 0 25px #fe821e99;transform:translateY(-1px)}.btn-glow-blue{background-color:var(--color-accent);color:#fff;border:none;padding:var(--btn-primary-padding);box-shadow:0 0 15px #fe821e66;border-radius:var(--btn-primary-radius);font-size:var(--btn-primary-font-size);font-weight:600}.btn-glow-blue:hover{background-color:var(--color-accent-hover);box-shadow:0 0 25px #fe821e99;transform:translateY(-1px)}.btn-glow-red{background-color:#ef4444;color:#fff;border:none;padding:var(--btn-primary-padding);box-shadow:0 0 15px #ef444480;border-radius:var(--btn-primary-radius);font-size:var(--btn-primary-font-size);font-weight:600}.btn-glow-red:hover{background-color:#f87171;box-shadow:0 0 25px #f87171b3;transform:translateY(-1px)}.btn-action{padding:var(--btn-action-padding);background-color:var(--btn-action-bg)!important;color:var(--btn-action-text)!important;border:var(--btn-action-border);border-radius:var(--btn-action-radius);font-size:var(--btn-action-font-size);font-weight:var(--btn-action-font-weight);box-shadow:0 4px var(--btn-action-shadow-blur) 0 rgba(var(--btn-action-shadow-color),var(--btn-action-shadow-opacity))}.btn-action:hover{background-color:var(--btn-action-hover-bg)!important;transform:translateY(-2px)}.btn-full-width{width:100%;display:flex}.btn-loading{cursor:wait!important;opacity:.7;pointer-events:none}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:btn-spin .8s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-icon{display:inline-flex;align-items:center;justify-content:center}.marketing-nav{height:60px;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;z-index:10002;background-color:var(--color-bg-main);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-subtle);transition:all var(--transition-normal)}.nav-brand{display:flex;align-items:center;gap:12px;cursor:pointer}.brand-icon{background:var(--color-accent);padding:6px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.brand-name{font-size:1.2rem;font-weight:800;letter-spacing:-.5px;color:var(--color-text-primary)}.nav-desktop-menu{display:flex;gap:1.5rem;align-items:center}.nav-links{display:flex;gap:1.2rem;margin-right:1rem;border-right:1px solid var(--color-border-subtle);padding-right:1.5rem}.nav-link-btn{background:none;border:none;cursor:pointer;color:var(--color-text-muted);font-size:.85rem;font-weight:600;transition:color var(--transition-fast)}.nav-link-btn:hover,.nav-link-btn.active{color:var(--color-text-primary)}.nav-actions{display:flex;gap:1rem;align-items:center}.lang-selector{display:flex;background:var(--color-surface-hover);padding:2px;border-radius:var(--radius-md);border:1px solid var(--color-border-subtle)}.lang-btn{color:var(--color-text-primary);border:none;padding:4px 8px;border-radius:var(--radius-sm);font-size:10px;font-weight:700;cursor:pointer;background:none}.lang-btn.active{background:var(--color-accent);color:var(--color-accent-contrast)}.help-btn{background:none;border:none;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center;transition:color var(--transition-fast)}.help-btn:hover{color:var(--color-text-primary)}.auth-buttons{display:flex;gap:.8rem;align-items:center;margin-left:.5rem}.btn-primary-nav{background:var(--color-accent);color:var(--color-accent-contrast);border:none;padding:.5rem 1.2rem;border-radius:var(--radius-full);font-weight:700;cursor:pointer;font-size:.8rem;white-space:nowrap}.btn-secondary-nav{background:var(--color-primary-gradient)}.mobile-menu-toggle{display:none;background:none;border:none;color:var(--color-text-primary);cursor:pointer;padding:.5rem}.mobile-menu-dropdown{display:none;position:absolute;top:100%;left:0;right:0;background:var(--color-bg-main);border-bottom:1px solid var(--color-border-subtle);flex-direction:column;padding:1rem 2rem;gap:1rem;box-shadow:var(--shadow-float)}.mobile-menu-dropdown.open{display:flex}@media(max-width:768px){.marketing-nav{padding:.8rem 1rem}.nav-desktop-menu{display:none}.mobile-menu-toggle{display:block}.mobile-menu-dropdown .nav-links{flex-direction:column;align-items:center;border-right:none;padding-right:0;margin-right:0;width:100%;gap:1rem;border-bottom:1px solid var(--color-border-subtle);padding-bottom:1rem}.mobile-menu-dropdown .nav-actions{justify-content:center;width:100%;margin-bottom:.5rem}.mobile-menu-dropdown .auth-buttons{flex-direction:column;width:100%;margin-left:0;gap:.8rem}.mobile-menu-dropdown .auth-buttons button{width:100%;justify-content:center}}.dashboard-layout{display:flex;min-height:100vh;background-color:transparent}.main-content{flex:1;margin-left:260px;padding-top:60px;display:flex;flex-direction:column;min-width:0;transition:margin-left .3s ease}.dashboard-layout.no-sidebar .main-content{margin-left:0}.top-bar{height:72px;padding:0 var(--space-8);display:flex;align-items:center;justify-content:space-between;background:#020617d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:40}.top-bar-left{display:flex;align-items:center;gap:var(--space-4)}.mobile-toggle{display:none;background:none;border:none;color:var(--color-text-main);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md)}.mobile-toggle:hover{background-color:var(--color-surface-hover)}.top-bar-actions{display:flex;align-items:center;gap:var(--space-4)}.lang-selector-top{display:flex;background-color:var(--color-surface-hover);padding:2px;border-radius:var(--radius-md);border:1px solid var(--color-border)}.lang-btn-top{background:none;border:none;padding:4px 10px;font-size:11px;font-weight:700;cursor:pointer;border-radius:4px;color:var(--color-text-muted);transition:all var(--transition-fast)}.lang-btn-top:hover{color:var(--color-text-main)}.lang-btn-top.active{background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.current-page{font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-main)}.content-area{padding:var(--space-8);flex:1;overflow-y:auto}@media(max-width:768px){.sidebar{transform:translate(-100%)}.main-content{margin-left:0}.top-bar{padding:0 var(--space-4)}.top-bar-mobile{display:flex;align-items:center;justify-content:flex-start;padding:0 var(--space-4);height:60px;background:var(--color-surface);border-bottom:1px solid var(--color-border);gap:var(--space-4);position:sticky;top:60px;z-index:30}.menu-toggle{background:none;border:none;color:var(--color-text-main);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;background:#ffffff0d}.mobile-brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:.9rem}.mobile-toggle{display:flex;align-items:center;justify-content:center}}.top-bar-mobile{display:none}.sidebar-overlay{position:fixed;inset:0;background-color:#00000080;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.help-toggle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-muted);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.help-toggle-btn:hover{background:var(--color-surface-hover);color:var(--color-primary);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.15)}.help-toggle-btn:active{transform:translateY(0)}.card{position:relative;background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);border:1px solid var(--color-border);box-shadow:0 0 0 .5px var(--color-border);backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased;transform:translateZ(0);transition:background-color var(--transition-normal),transform var(--transition-normal),box-shadow var(--transition-normal);overflow:hidden}.card--card:before{content:"";position:absolute;top:0;left:-150px;width:120px;height:2px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);box-shadow:0 0 10px var(--color-accent),0 0 20px var(--color-accent);opacity:0;pointer-events:none;z-index:10}.card--card{transition:transform var(--transition-normal),box-shadow var(--transition-normal),background-color var(--transition-normal)}.card--card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background-color:var(--color-surface-hover)}.card--card:hover:before{opacity:1;left:100%;transition:left 2.5s cubic-bezier(.4,0,.2,1),opacity .5s ease}.card--panel{background-color:var(--color-surface);transition:background-color var(--transition-normal),box-shadow var(--transition-normal)}.card--panel.card--clickable:hover{background-color:var(--color-surface-hover);box-shadow:var(--shadow-md);cursor:pointer}.help-bubble-container{position:relative;display:inline-flex;align-items:center;margin-left:8px;vertical-align:middle}.help-bubble-trigger{background:none;border:none;color:var(--color-primary);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.7}.help-bubble-trigger:hover{opacity:1;background:rgba(var(--color-primary-rgb),.1);transform:scale(1.1)}.help-bubble-tooltip{position:absolute;top:100%;margin-top:12px;left:50%;transform:translate(-20%);width:260px;background:#1a1a1a;color:#fff;border:1px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:0 10px 40px #0009;z-index:99999;padding:16px;pointer-events:auto;animation:tooltipFadeIn .15s ease-out}.help-bubble-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-6px;border-width:6px;border-style:solid;border-color:var(--color-border) transparent transparent transparent}.help-tooltip-header{border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:8px;margin-bottom:8px;font-size:.95rem;color:#fff;display:flex;justify-content:space-between;align-items:flex-start}.help-tooltip-header strong{color:#fff;font-weight:700}.help-tooltip-close-mini{background:#ffffff1a;border:none;color:#ffffffb3;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-left:10px;flex-shrink:0}.help-tooltip-close-mini:hover{background:#fff3;color:#fff}.help-tooltip-close-mini svg{pointer-events:none}.help-tooltip-body{font-size:.85rem;line-height:1.5;color:#e0e0e0;word-wrap:break-word}.help-tooltip-body p{margin:0 0 8px}.help-overlay-backdrop{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.help-overlay-card{background:var(--color-surface);width:800px;max-width:90vw;max-height:85vh;border-radius:var(--radius-xl);border:1px solid var(--color-border);position:relative;padding:var(--space-8);overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}.help-overlay-close{position:absolute;top:var(--space-6);right:var(--space-6);background:none;border:none;color:var(--color-text-muted);cursor:pointer;transition:color .2s}.help-overlay-close:hover{color:var(--color-text)}.help-overlay-content h2{font-family:var(--font-family-heading);font-size:2rem;margin-bottom:var(--space-6);color:var(--color-primary);text-align:center}.help-overlay-body{font-size:1.1rem;line-height:1.6;color:var(--color-text-secondary)}.help-overlay-body strong{color:var(--color-text)}.help-overlay-body p{margin-bottom:var(--space-4)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-20%) translateY(5px)}to{opacity:1;transform:translate(-20%) translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.help-overlay-body img,.help-overlay-body video{width:100%;max-width:600px;height:auto;border-radius:var(--radius-lg);margin:var(--space-4) auto;display:block;border:1px solid var(--color-border)}.help-bubble-tooltip--large{width:450px;max-width:90vw;padding:var(--space-5);z-index:99999}.help-bubble-tooltip--large .help-overlay-body{font-size:.95rem}.help-bubble-tooltip--large img,.help-bubble-tooltip--large video{max-height:400px;object-fit:contain}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#05a0d1}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--color-primary) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:#111}*::-webkit-scrollbar-thumb{background:#333;border-radius:4px;border:2px solid #111}*::-webkit-scrollbar-thumb:hover{background:#444}.chat-module-header{padding:.6rem 1rem;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:8px;background-color:var(--color-surface);flex-shrink:0}.chat-header-left{display:flex;align-items:center;gap:8px}.chat-header-title{margin:0;font-size:.9rem}.chat-messages-container{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;background-color:var(--color-background)}.chat-message-wrapper{max-width:85%}.chat-message-wrapper.user{align-self:flex-end}.chat-message-wrapper.system,.chat-message-wrapper.assistant{align-self:flex-start}.chat-message-bubble{padding:.75rem 1rem;border-radius:12px;font-size:.9rem}.chat-message-bubble.user{background-color:var(--color-primary);color:#fff}.chat-message-bubble.error{background-color:var(--color-error);color:var(--color-text-main)}.chat-message-bubble.assistant,.chat-message-bubble.system{background-color:var(--color-background-elevated);color:var(--color-text-main)}.chat-image-preview{width:100px;height:100px;margin-top:4px;border-radius:8px;overflow:hidden;position:relative;border:1px solid transparent}.chat-image-preview.clickable{cursor:pointer}.chat-image-preview.active{border:2px solid var(--color-primary)}.chat-image-img{width:100%;height:100%;object-fit:cover}.chat-restore-overlay{position:absolute;bottom:0;right:0;background:#0009;color:#fff;padding:2px 4px;font-size:10px}.chat-refs-count{font-size:10px;color:var(--color-text-muted);margin-top:2px}.chat-loading{font-size:.8rem;color:var(--color-text-muted);padding:.5rem}.ref-selector-container{height:180px;border-top:1px solid var(--color-border);padding:1rem;background-color:var(--color-surface);overflow-y:auto;border-bottom:1px solid var(--color-border)}.ref-selector-title{margin:0 0 8px;font-size:12px}.ref-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:10px}.ref-upload-tile{height:70px;border-radius:8px;border:1.5px dashed var(--color-border);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background-color:var(--color-background-elevated);gap:4px;transition:all .2s}.ref-upload-tile:hover{border-color:var(--color-primary)}.ref-upload-text{font-size:10px;font-weight:500}.ref-item{height:70px;border-radius:8px;overflow:hidden;cursor:pointer;border:1px solid var(--color-border);position:relative;transition:transform .1s}.ref-item.selected{border:2px solid var(--color-primary)}.ref-img{width:100%;height:100%;object-fit:cover;pointer-events:none}.ref-selected-indicator{position:absolute;top:4px;left:4px;background:var(--color-primary);border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;pointer-events:none}.ref-delete-btn{position:absolute;top:4px;right:4px;background:#ef4444cc;border:none;border-radius:4px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff}.chat-input-area{padding:.75rem 1rem;border-top:1px solid var(--color-border);background-color:var(--color-surface)}.chat-input-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:8px;overflow-x:auto;padding-bottom:4px}.ref-toggle-btn{font-size:11px;display:flex;align-items:center;gap:6px;background:var(--color-background-elevated);border:1px solid var(--color-border);color:var(--color-text-muted);padding:4px 10px;border-radius:20px;cursor:pointer;flex-shrink:0}.ref-toggle-btn.active{background:#38bdf81a;border-color:var(--color-primary);color:var(--color-primary)}.ref-tiny-thumb{width:28px;height:28px;border-radius:4px;overflow:hidden;border:1px solid var(--color-primary);position:relative;flex-shrink:0}.ref-tiny-thumb img{width:100%;height:100%;object-fit:cover}.ref-tiny-remove{position:absolute;top:0;right:0;background:#00000080;border:none;color:#fff;padding:1px;cursor:pointer}.chat-input-row{display:flex;gap:8px}.chat-input-field{flex:1;padding:.75rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-background-elevated);color:var(--color-text-main)}.chat-send-btn{padding:.75rem;border-radius:var(--radius-md);border:none;background-color:var(--color-primary);color:#fff;cursor:pointer}.chat-send-btn:disabled{opacity:.7;cursor:not-allowed}.chat-footer{margin-top:.5rem}.chat-footer-label{color:var(--color-text-muted);font-size:small}.chat-disclaimer{margin-top:8px;font-size:10px;color:var(--color-text-muted);line-height:1.4;font-style:italic;text-align:center;opacity:.8}.design-module-controls{display:flex;flex-direction:column;gap:12px}.design-control-group{display:flex;flex-direction:column;gap:6px}.design-control-label{font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.design-font-select{width:100%;height:44px;padding:0 14px;background-color:#111;border:1px solid var(--color-border);border-radius:var(--radius-md);color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.design-font-select option{background-color:#1a1a1a;color:#fff;padding:12px}.design-font-select:hover{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.design-font-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.design-font-option{padding:10px;background-color:var(--color-background-elevated);color:var(--color-text-main)}.menu-item-hover:hover{background-color:var(--color-primary-transparent)!important;color:var(--color-primary)!important}.video-animator-warning{background-color:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-6);display:flex;gap:12px}.video-animator-warning-icon{color:#f59e0b;flex-shrink:0}.video-animator-warning-content{display:flex;flex-direction:column;gap:4px}.video-animator-warning-title{font-weight:700;font-size:.9rem;color:#f59e0b}.video-animator-warning-text{font-size:.8rem;color:var(--color-text-muted);line-height:1.4}.video-animator-resizer-link{color:var(--color-primary);text-decoration:underline;cursor:pointer;font-weight:600;transition:color .2s}.video-animator-resizer-link:hover{color:var(--color-primary-light)}@keyframes spin{to{transform:rotate(360deg)}}.processing-overlay{position:fixed;inset:0;background-color:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20000;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center}.processing-spinner{width:60px;height:60px;border:5px solid rgba(255,255,255,.1);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:2rem}.processing-message{font-size:1.5rem;font-weight:700;margin-bottom:1rem;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.processing-subtext{font-size:1rem;color:#fff9;max-width:400px;line-height:1.5}.manuals-container{max-width:1200px;margin:0 auto;padding-bottom:100px}.manuals-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.manuals-title-group{display:flex;align-items:center;gap:var(--space-4)}.manuals-title{font-family:var(--font-family-heading)}.design-mode-badge{background-color:#f59e0b;color:#fff;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700}.manuals-card{margin-bottom:var(--space-8)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.card-title{display:flex;align-items:center;gap:var(--space-2);margin:0}.btn-clear{background:none;border:none;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs);transition:color var(--transition-fast)}.btn-clear:hover{color:#ef4444}.product-form{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-full-width{grid-column:1 / -1}.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-main)}.form-input,.form-textarea{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-background);color:var(--color-text-main);transition:border-color var(--transition-fast)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary)}.form-textarea{resize:vertical}.generated-text-container{white-space:pre-wrap;font-size:var(--font-size-sm);max-height:400px;overflow-y:auto;padding:var(--space-4);background-color:var(--color-surface-hover);border-radius:var(--radius-md);border:1px solid var(--color-border)}.branding-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.company-inputs{display:flex;flex-direction:column;gap:var(--space-3)}.brand-settings{display:flex;flex-direction:column;gap:var(--space-4)}.color-picker-group{display:flex;align-items:center;gap:var(--space-2)}.color-input{width:50px;height:30px;border:none;cursor:pointer;border-radius:var(--radius-sm)}.lang-selector{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4)}.lang-badge{padding:6px 14px;border-radius:var(--radius-full);border:1px solid var(--color-border);background-color:transparent;color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;transition:all var(--transition-fast)}.lang-badge.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.translation-item{margin-top:var(--space-4)}.translation-lang-title{margin-bottom:var(--space-2);text-transform:uppercase;font-size:var(--font-size-xs);color:var(--color-text-muted)}.translation-content{white-space:pre-wrap;font-size:var(--font-size-xs);padding:var(--space-2);background-color:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);max-height:200px;overflow-y:auto}.pdf-settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-4)}.custom-size-inputs{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.pdf-preview-container{margin-top:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;height:600px;background-color:#525659;position:relative;display:flex;align-items:center;justify-content:center}.pdf-iframe{width:100%;height:100%;border:none}@media(max-width:768px){.manuals-container{padding:0 var(--space-4) 80px var(--space-4)}.manuals-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.product-form,.branding-grid,.pdf-settings-grid{grid-template-columns:1fr}.pdf-preview-container{height:400px}.manuals-title{font-size:1.5rem}}:root{--reveal-bezier: cubic-bezier(.16, 1, .3, 1);--reveal-duration: .9s;--reveal-displacement: 60px;--reveal-delay: 0ms;--neon-accent: rgba(6, 182, 212, .5)}.reveal-init{opacity:0;will-change:transform,opacity;position:relative;transition:opacity var(--reveal-duration) var(--reveal-bezier),transform var(--reveal-duration) var(--reveal-bezier);transition-delay:var(--reveal-delay)}.reveal-fade-up{transform:translateY(var(--reveal-displacement)) scale(.99)}.reveal-fade-down{transform:translateY(calc(var(--reveal-displacement) * -1)) scale(.99)}.reveal-fade-in{transform:translateY(0) scale(.98)}.reveal-zoom-in{transform:translateY(0) scale(.92);filter:blur(10px)}.reveal-zoom-out{transform:translateY(0) scale(1.08);filter:blur(4px)}.reveal-slide-left{transform:translate(var(--reveal-displacement)) scale(.99)}.reveal-slide-right{transform:translate(calc(var(--reveal-displacement) * -1)) scale(.99)}.reveal-visible{opacity:1!important;transform:translate(0) scale(1)!important}.reveal-visible.with-flash:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;animation:neon-pulse 1.4s var(--reveal-bezier) forwards;z-index:100}@keyframes neon-pulse{0%{box-shadow:0 0 0 transparent;border:1px solid transparent}30%{box-shadow:0 0 30px var(--neon-accent);border:1px solid rgba(6,182,212,.6)}to{box-shadow:0 0 0 transparent;border:1px solid transparent}}.reveal-stagger-container>*{transition:opacity var(--reveal-duration) var(--reveal-bezier),transform var(--reveal-duration) var(--reveal-bezier);transition-delay:calc(var(--reveal-delay) + (var(--stagger-index, 0) * .12s));opacity:0;transform:translateY(20px)}.reveal-visible.reveal-stagger-container>*{opacity:1;transform:translateY(0)}.reveal-stagger-container>*:nth-child(1){--stagger-index: 1}.reveal-stagger-container>*:nth-child(2){--stagger-index: 2}.reveal-stagger-container>*:nth-child(3){--stagger-index: 3}.reveal-stagger-container>*:nth-child(4){--stagger-index: 4}.reveal-stagger-container>*:nth-child(5){--stagger-index: 5}.reveal-stagger-container>*:nth-child(6){--stagger-index: 6}.reveal-stagger-container>*:nth-child(7){--stagger-index: 7}.reveal-stagger-container>*:nth-child(8){--stagger-index: 8}.reveal-stagger-container>*:nth-child(9){--stagger-index: 9}.reveal-stagger-container>*:nth-child(10){--stagger-index: 10}.reveal-stagger-container>*:nth-child(11){--stagger-index: 11}.reveal-stagger-container>*:nth-child(12){--stagger-index: 12}.breadcrumbs-wrapper{width:100%;max-width:var(--max-width, 1400px);margin:0 auto;padding:var(--space-6) var(--space-6) 0;position:relative;z-index:10}.breadcrumbs-content{display:inline-flex;padding:6px 16px;background:rgba(var(--color-accent-rgb),.03);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(var(--color-accent-rgb),.05);border-radius:var(--radius-full);box-shadow:var(--shadow-etched)}[data-theme=premium] .breadcrumbs-content{background:#ffffff05;border:1px solid rgba(255,255,255,.08)}.breadcrumbs-list{display:flex;align-items:center;list-style:none;padding:0;margin:0;gap:8px}.breadcrumb-item{display:flex;align-items:center}.breadcrumb-link{color:var(--color-text-muted);text-decoration:none;font-size:.8rem;font-weight:500;transition:all var(--transition-fast);display:flex;align-items:center;gap:4px}.breadcrumb-link:hover{color:var(--color-accent);transform:translateY(-1px)}.breadcrumb-separator{color:var(--color-text-muted);opacity:.3;display:flex;align-items:center}.breadcrumb-item.active{color:var(--color-text-primary);font-size:.8rem;font-weight:700;letter-spacing:.01em}@media(max-width:768px){.breadcrumbs-wrapper{padding:var(--space-4) var(--space-4) 0}.breadcrumb-link span,.breadcrumb-item.active span{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.resizer-studio-header{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.resizer-header-info{flex:1;min-width:300px}.resizer-header-title-row{display:flex;align-items:center;gap:8px}.resizer-presets-panel{display:flex;gap:15px;align-items:center;background:var(--color-bg-alt);padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:inset 0 1px 3px #0003}.resizer-label-group{display:flex;flex-direction:column;gap:6px}.resizer-label{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.5px}.resizer-dimension-row{display:flex;gap:12px;align-items:center}.resizer-dimension-separator{padding-top:22px;color:var(--color-text-muted);font-weight:700}.resizer-v-separator{width:1px;height:40px;background:var(--color-border);margin:0 5px}.resizer-toolbar{display:flex;gap:12px;align-items:center}.resizer-toolbar-group{display:flex;gap:8px;align-items:center}.resizer-action-item{display:flex;align-items:center;gap:4px}.resizer-input-width,.resizer-input-height{width:80px;height:42px;text-align:center;font-size:.9rem}.resizer-select-preset{width:180px;height:42px;font-size:.9rem;padding:0 12px}.resizer-btn-icon{margin-right:6px}.resizer-result-actions-container{margin-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);background:var(--color-surface);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.resizer-primary-actions{display:flex;flex-direction:column;gap:var(--space-3)}.resizer-magic-group{display:flex;align-items:center;gap:var(--space-3)}.resizer-fill-btn{flex:1;height:52px!important}.resizer-edit-btn{width:100%;height:48px!important;background:transparent!important;border:1px solid var(--color-accent)!important;color:var(--color-accent)!important;border-radius:var(--radius-md)!important;font-weight:600!important;transition:all var(--motion-duration-md) var(--motion-easing)!important}.resizer-edit-btn:hover{background:var(--color-accent)!important;color:var(--color-accent-contrast)!important;transform:translateY(-2px);box-shadow:var(--color-accent-glow)}.resizer-bottom-row{display:flex;gap:var(--space-3);width:100%}.resizer-secondary-btn{flex:1;height:40px!important;font-size:var(--font-size-sm)!important}.resizer-magic-button-content{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.resizer-credit-badge{display:flex;align-items:center;gap:var(--space-1);background:#0003;padding:2px 8px;border-radius:var(--radius-full);border:1px solid var(--color-border)}.resizer-credit-value{font-size:var(--font-size-xs);font-weight:700}.resizer-input-width,.resizer-input-height,.resizer-select-preset{background-color:var(--color-bg-main)!important;border:1px solid var(--color-border-subtle)!important;color:var(--color-text-primary)!important;border-radius:var(--radius-sm)!important;transition:all .2s ease;cursor:pointer}.resizer-input-width:focus,.resizer-input-height:focus,.resizer-select-preset:focus{border-color:var(--color-accent)!important;box-shadow:0 0 0 2px #fe821e33;outline:none}.resizer-select-preset option{border:1px solid var(--color-border)}.resizer-mode-toggle{display:flex;background:var(--color-bg-alt);padding:4px;border-radius:var(--radius-md);border:1px solid var(--color-border);gap:4px}.resizer-mode-btn{padding:8px 16px;border-radius:var(--radius-sm);border:none;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .2s ease;background:transparent;color:var(--color-text-muted);display:flex;align-items:center;gap:8px;white-space:nowrap}.resizer-mode-btn.active{background:var(--color-surface);color:var(--color-accent);box-shadow:0 2px 4px #0000001a}.resizer-mode-btn:hover:not(.active){background:#ffffff0d;color:var(--color-text-primary)}.resizer-main-layout{display:flex;gap:var(--space-6);flex:1;min-height:600px}.resizer-editor-area{flex:1.5;background-color:#0d1117;border-radius:var(--radius-lg);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border)}.resizer-select-preset:hover{border-color:var(--color-border-strong)!important}.zoom-range{-webkit-appearance:none;appearance:none;height:4px;background:#fff3;border-radius:2px}.zoom-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--color-accent);border-radius:50%;cursor:pointer;box-shadow:0 0 10px var(--color-accent)}.multi-track-editor-root{position:fixed;top:60px;left:260px;width:calc(100vw - 260px);height:calc(100vh - 60px);background:#050505;z-index:1000;display:flex;flex-direction:column;color:#e2e8f0;font-family:Inter,system-ui,sans-serif;-webkit-user-select:none;user-select:none}.editor-header{height:60px;background:#0a0a0a;border-bottom:1px solid #1a1a1a;display:flex;justify-content:space-between;align-items:center;padding:0 20px;flex-shrink:0}.header-left{display:flex;align-items:center;gap:15px}.back-btn{background:transparent;border:1px solid #2d2d2d;color:#94a3b8;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.back-btn:hover{background:#1a1a1a;color:#fff}.project-info h3{margin:0;font-size:.95rem;font-weight:700}.project-info span{font-size:.75rem;color:#64748b}.header-center{flex:1;display:flex;justify-content:center}.transport-controls{display:flex;align-items:center;gap:20px;background:#111;padding:6px 20px;border-radius:30px;border:1px solid #1f1f1f}.transport-controls button{background:transparent;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center}.transport-controls button:hover{color:#fff}.play-pause{width:40px;height:40px;border-radius:50%;background:#06b6d4!important;color:#000!important;box-shadow:0 0 15px #06b6d44d}.time-display{font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:500;letter-spacing:1.5px;color:#06b6d4;display:flex;align-items:center}.time-display .ms{font-size:.8rem;opacity:.6}.time-display .divider{margin:0 10px;color:#2d2d2d}.header-right{display:flex;align-items:center;gap:12px}.save-btn{background:linear-gradient(135deg,#06b6d4,#0891b2);border:none;color:#fff;padding:8px 16px;border-radius:10px;font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 12px #06b6d433}.close-btn{background:transparent;border:none;color:#64748b;cursor:pointer}.editor-main{flex:1;display:flex;overflow:hidden;background:#020202}.preview-section{flex:1;display:flex;align-items:center;justify-content:center;background:#000;position:relative;padding:40px}.editor-bottom{height:350px;background:#0a0a0a;border-top:1px solid #1a1a1a;display:flex;flex-direction:column;overflow:hidden}.legal-container{max-width:800px;margin:0 auto;padding:var(--space-12) var(--space-6);color:var(--color-text-main)}.legal-container h1{font-family:var(--font-family-heading);font-size:var(--font-size-3xl);margin-bottom:var(--space-8);color:var(--color-primary);border-bottom:2px solid var(--color-border);padding-bottom:var(--space-4)}.legal-container h2{font-family:var(--font-family-heading);font-size:var(--font-size-xl);margin-top:var(--space-8);margin-bottom:var(--space-4);color:var(--color-text-main)}.legal-container h3{font-family:var(--font-family-heading);font-size:var(--font-size-lg);margin-top:var(--space-6);margin-bottom:var(--space-3);color:var(--color-text-main)}.legal-container p{margin-bottom:var(--space-4);line-height:1.8;color:var(--color-text-muted)}.legal-container ul{margin-bottom:var(--space-6);padding-left:var(--space-6)}.legal-container li{margin-bottom:var(--space-2);color:var(--color-text-muted)}.legal-container .last-updated{font-style:italic;font-size:var(--font-size-sm);margin-bottom:var(--space-8)}.legal-container section{margin-bottom:var(--space-12)}.legal-table-wrapper{overflow-x:auto;margin:var(--space-6) 0;border:1px solid var(--color-border);border-radius:var(--radius-md)}.legal-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.legal-table th,.legal-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}.legal-table th{background-color:var(--color-surface-hover);font-weight:600;color:var(--color-text-main)}.legal-table tr:last-child td{border-bottom:none}.legal-back-btn{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-primary);text-decoration:none;font-weight:600;font-size:var(--font-size-sm);margin-bottom:var(--space-6);padding:var(--space-2) var(--space-4);background:var(--color-surface-hover);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all .2s ease}.legal-back-btn:hover{background:var(--color-border);transform:translate(-4px)}.cookie-banner{position:fixed;bottom:2rem;left:2rem;right:2rem;max-width:450px;background:#0a0a0af2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);z-index:9999;padding:1.5rem;color:#fff;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0000001a;animation:slideUp .5s ease-out}@keyframes slideUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-content h3{margin:0 0 .75rem;font-size:1.1rem;color:var(--color-accent);display:flex;align-items:center;gap:8px}.cookie-content p{font-size:.85rem;line-height:1.5;color:#fffc;margin-bottom:1.5rem}.cookie-options{display:flex;flex-direction:column;gap:12px;margin-bottom:1.5rem}.cookie-option{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff0d;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1)}.cookie-option-info{display:flex;flex-direction:column}.cookie-option-name{font-size:.85rem;font-weight:600}.cookie-option-desc{font-size:.7rem;color:#ffffff80}.cookie-actions{display:flex;gap:10px}.cookie-actions button{flex:1}.switch{position:relative;display:inline-block;width:36px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#fff3;transition:.4s;border-radius:20px}.slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--color-primary)}input:checked+.slider:before{transform:translate(16px)}.cookie-link{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px;font-weight:500}.cookie-link:hover{filter:brightness(1.2);opacity:.8}input:disabled+.slider{opacity:.5;cursor:not-allowed}@media(max-width:600px){.cookie-banner{left:1rem;right:1rem;bottom:1rem}}.help-center-drawer{position:fixed;top:0;right:-500px;width:500px;height:100vh;background:var(--color-surface);border-left:1px solid var(--color-border);box-shadow:-10px 0 30px #0006;z-index:99999;transition:right .35s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.help-center-drawer.open{right:0}.help-center-header{padding:var(--space-5) var(--space-6);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border);background:#0f172a80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.help-center-header h2{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:-.01em;font-family:var(--font-family-heading);color:var(--color-text-heading)}.help-close-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-full);transition:all .2s;display:flex;align-items:center;justify-content:center}.help-close-btn:hover{background:#ffffff1a;color:var(--color-text)}.help-tabs{display:flex;padding:0 var(--space-6);border-bottom:1px solid var(--color-border);background:var(--color-background-alt)}.help-tab{flex:1;text-align:center;padding:var(--space-4) 0;background:none;border:none;color:var(--color-text-muted);font-size:.9rem;font-weight:600;cursor:pointer;position:relative;transition:color .2s}.help-tab:hover{color:var(--color-text-main)}.help-tab.active{color:var(--color-primary)}.help-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--color-primary);box-shadow:0 -2px 10px rgba(var(--color-primary-rgb),.5)}.help-center-content{flex:1;overflow-y:auto;padding:var(--space-6);background:var(--color-background)}.tutorials-list{display:flex;flex-direction:column;gap:var(--space-4)}.tutorial-card{background:linear-gradient(145deg,#1e293b66,#0f172a66);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;gap:var(--space-4);transition:all .3s ease;cursor:default}.tutorial-card:hover{border-color:var(--color-primary-dark);box-shadow:0 4px 20px #0003}.tutorial-icon{width:40px;height:40px;border-radius:var(--radius-md);background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tutorial-info{flex:1}.tutorial-info h3{margin:0 0 var(--space-2) 0;font-size:1rem;color:var(--color-text-heading)}.tutorial-info p{margin:0 0 var(--space-4) 0;font-size:.85rem;color:var(--color-text-muted);line-height:1.5}.start-tour-btn{padding:var(--space-2) var(--space-4);background:var(--color-primary);color:#1e293b;border:none;border-radius:var(--radius-full);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3)}.start-tour-btn:hover{background:var(--color-primary-hover);color:#1e293b;transform:translateY(-1px);box-shadow:0 6px 16px rgba(var(--color-primary-rgb),.4)}.help-tab-panel{margin-top:var(--space-6)}.faq-list{display:flex;flex-direction:column;gap:var(--space-4)}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.faq-item h4{margin:0 0 var(--space-2) 0;font-size:.95rem;color:var(--color-text-main);font-weight:600}.faq-item p{margin:0;font-size:.85rem;color:var(--color-text-muted);line-height:1.6}.ai-chat-container,.support-tickets-list{display:flex;flex-direction:column;height:100%;gap:var(--space-4)}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-2);margin-bottom:var(--space-4)}.chat-bubble{display:flex;gap:var(--space-3);max-width:92%;padding:var(--space-4);border-radius:var(--radius-lg);font-size:.95rem;line-height:1.6}.chat-bubble.bot{align-self:flex-start;background:#1e293b80;border:1px solid var(--color-border);color:var(--color-text-main)}.chat-bubble.user{align-self:flex-end;background:rgba(var(--color-primary-rgb),.15);border:1px solid rgba(var(--color-primary-rgb),.3);color:var(--color-primary-light);flex-direction:row-reverse}.bubble-icon{width:24px;height:24px;border-radius:6px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bubble-content{word-break:break-word}.bubble-content p{margin:0 0 1rem}.bubble-content p:last-child{margin-bottom:0}.bubble-content ul,.bubble-content ol{margin:.5rem 0;padding-left:1.2rem}.bubble-content li{margin-bottom:.3rem}.bubble-content table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.85rem;background:#0003;border-radius:8px;overflow:hidden}.bubble-content th,.bubble-content td{padding:8px 12px;border:1px solid var(--color-border);text-align:left}.bubble-content th{background:#ffffff0d;font-weight:700}.bubble-content code{background:#ffffff1a;padding:2px 4px;border-radius:4px;font-family:monospace}.chat-input-area{display:flex;gap:8px;padding-top:var(--space-3);border-top:1px solid var(--color-border)}.chat-input-area input{flex:1;background:#0f172a80;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 16px;color:#fff;font-size:.95rem;outline:none}.chat-input-area input:focus{border-color:var(--color-primary)}.chat-input-area button{width:42px;height:42px;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#1e293b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.chat-input-area button:hover{background:var(--color-primary-light)}.chat-input-area button:disabled{opacity:.5;cursor:not-allowed}.bot-avatar-glow{width:28px;height:28px;background:linear-gradient(135deg,var(--color-primary),#2dd4bf);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px rgba(var(--color-primary-rgb),.4)}.help-topic-body img{max-width:100%;border-radius:var(--radius-md);margin:var(--space-2) 0;border:1px solid var(--color-border)}.help-topic-body ul,.help-topic-body ol{padding-left:1.2rem;margin:.5rem 0}.help-topic-body li{margin-bottom:.5rem}@media(max-width:480px){.help-center-drawer{width:100%;right:-100%}.help-center-header{padding-top:max(var(--space-5),env(safe-area-inset-top));padding-bottom:var(--space-4);background:#0f172a!important}.help-close-btn{background:#fff!important;color:#000!important;width:44px!important;height:44px!important;box-shadow:0 4px 12px #00000080}.help-back-btn{width:44px;height:44px;background:#ffffff1a;border-radius:var(--radius-full);justify-content:center}}.admin-card{background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-default);display:flex;flex-direction:column;gap:1rem;height:100%;transition:all var(--transition-fast)}.admin-card:hover{border-color:var(--color-text-muted)}.admin-card.is-featured{border:2px solid var(--color-accent);background:var(--color-surface-hover);box-shadow:0 10px 30px -10px rgba(var(--color-accent-rgb),.2);position:relative;transform:translateY(-4px)}.admin-card.is-featured:after{content:"POPULAR";position:absolute;top:-12px;right:20px;background:var(--color-accent);color:var(--color-accent-contrast);font-size:.7rem;font-weight:800;padding:4px 12px;border-radius:var(--radius-full);box-shadow:0 4px 10px rgba(var(--color-accent-rgb),.3)}.card-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--color-border-subtle);margin-bottom:.5rem}.card-title{font-size:1.25rem;font-weight:800;color:var(--color-text-primary);margin:0}.card-price{font-size:1.5rem;font-weight:900;color:var(--color-text-primary)}.input-group{margin-bottom:1rem}.input-label{display:block;font-size:.75rem;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:.25rem;font-weight:700;letter-spacing:.05em}.form-input{width:100%;background:var(--color-bg-alt);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);padding:.75rem;border-radius:var(--radius-md);font-size:.95rem;outline:none;transition:all var(--transition-fast)}.form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(var(--color-accent-rgb),.1)}.features-list{background:var(--color-bg-alt);border-radius:var(--radius-md);padding:1rem;border:1px solid var(--color-border-subtle);max-height:200px;overflow-y:auto}.feature-item{display:flex;gap:.5rem;margin-bottom:.5rem}.feature-remove{color:var(--color-status-error, #ef4444);cursor:pointer;background:none;border:none;padding:0 5px;opacity:.6;transition:opacity var(--transition-fast)}.feature-remove:hover{opacity:1}.add-feature-btn{color:var(--color-accent);font-size:.8rem;cursor:pointer;background:none;border:none;margin-top:.5rem;font-weight:700;transition:opacity var(--transition-fast)}.add-feature-btn:hover{opacity:.8}.save-btn-wrapper{margin-top:auto;padding-top:1rem}.agent-hub{padding:2rem;max-width:1400px;margin:0 auto;color:var(--color-text-primary);display:flex;flex-direction:column;gap:2rem;min-height:100vh}.hub-header{margin-bottom:.5rem}.hub-title{display:flex;align-items:center;gap:1rem}.hub-title h1{font-size:2.5rem;font-weight:800;letter-spacing:-1px;background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hub-title .accent-icon{color:var(--color-accent)}.badge{font-size:.75rem;background:var(--color-accent);color:#000;padding:2px 8px;border-radius:4px;vertical-align:middle;font-weight:800;text-transform:uppercase;margin-left:10px}.hub-subtitle{opacity:.6;font-size:1.1rem;margin-top:5px}.hub-grid{display:grid;grid-template-columns:260px 380px 1fr;gap:1.5rem;height:calc(100vh - 180px);max-width:1800px;margin:0 auto;transition:all .3s ease}.hub-grid.sidebar-closed{grid-template-columns:0px 380px 1fr;gap:1.5rem}.hub-grid.sidebar-closed .missions-sidebar{opacity:0;pointer-events:none;border:none}.missions-sidebar{background:#ffffff05;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:1.25rem;border-bottom:1px solid var(--color-border-subtle);display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--color-text-muted)}.toggle-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;border-radius:4px}.toggle-btn:hover{background:#ffffff1a;color:#fff}.toggle-btn-floating{background:var(--color-bg-alt);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-right:10px}.toggle-btn-floating:hover{border-color:var(--color-accent)}.manual-save-btn{margin-left:auto;background:#fe821e1a;color:var(--color-accent);border:1px solid rgba(254,130,30,.2);border-radius:6px;padding:6px 12px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.manual-save-btn:hover{background:var(--color-accent);color:#fff}.sidebar-header h3{font-size:.9rem;text-transform:uppercase;letter-spacing:1px;font-weight:800}.missions-list{flex:1;overflow-y:auto;padding:10px}.mission-item{padding:12px;border-radius:8px;cursor:pointer;transition:all .2s;border:1px solid transparent;margin-bottom:8px}.mission-item:hover{background:#ffffff0d}.mission-item.active{background:#fe821e1a;border-color:#fe821e4d}.mission-goal{font-size:.85rem;font-weight:600;color:var(--color-text-primary);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px}.mission-date{font-size:.7rem;color:var(--color-text-muted)}.briefing-panel,.collab-panel{background:#14141466;border:1px solid rgba(255,255,255,.05);border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;overflow:hidden}.panel-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:.75rem;color:var(--color-accent)}.panel-header h2{font-size:1.1rem;font-weight:700;color:#fff}.briefing-scroll-area{padding:1.5rem;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.input-group{display:flex;flex-direction:column;gap:.75rem}.input-group label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted)}.briefing-panel textarea,.briefing-panel input{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.25rem;color:#fff;font-family:inherit;font-size:.95rem;line-height:1.5;transition:all .3s ease}.briefing-panel textarea{height:180px;resize:none}.briefing-panel input:focus,.briefing-panel textarea:focus{border-color:var(--color-accent);background:#fe821e0d;outline:none}.start-btn{margin:1.5rem;padding:1.25rem;background:var(--color-accent);color:#000;border:none;border-radius:12px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1rem}.start-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #fe821e66}.start-btn:disabled{opacity:.3;filter:grayscale(1);cursor:not-allowed}.workspace-tabs{background:#ffffff05;padding:0 1.5rem;display:flex;gap:2rem;border-bottom:1px solid rgba(255,255,255,.05)}.workspace-tabs button{background:none;border:none;border-bottom:2px solid transparent;color:#fff;padding:1.25rem 0;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.75rem;font-size:.9rem;opacity:.5;transition:all .3s}.workspace-tabs button.active{opacity:1;border-color:var(--color-accent);color:var(--color-accent)}.workspace-content{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.collaboration-log{flex:1;display:flex;flex-direction:column;overflow:hidden}.log-header{padding:1rem 1.5rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:.75rem;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--color-text-muted)}.log-content{flex:1;overflow-y:auto;padding:2rem;display:flex;flex-direction:column;gap:2rem}.log-entry{align-self:flex-start;max-width:85%;display:flex;flex-direction:column;gap:.75rem}.entry-meta{display:flex;align-items:center;gap:1rem}.agent-tag{font-weight:800;font-size:.85rem;color:var(--color-accent);text-transform:uppercase;letter-spacing:1px}.timestamp{font-size:.7rem;opacity:.4;font-weight:600}.entry-body{background:#ffffff08;border:1px solid rgba(255,255,255,.05);padding:1.25rem;border-radius:4px 18px 18px;line-height:1.7;font-size:1rem;white-space:pre-wrap;box-shadow:0 4px 15px #0000001a}.follow-up-input{padding:1.5rem;border-top:1px solid rgba(255,255,255,.05);background:#0003}.chat-container{display:flex;gap:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:.5rem .5rem .5rem 1.5rem;transition:border-color .3s}.chat-container:focus-within{border-color:var(--color-accent)}.chat-container input{flex:1;background:none;border:none;color:#fff;font-size:.95rem;outline:none}.chat-container button{width:44px;height:44px;border-radius:50%;background:var(--color-accent);color:#000;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.chat-container button:hover:not(:disabled){transform:scale(1.1)}.chat-container button:disabled{opacity:.3;cursor:not-allowed}.deliverables-grid{padding:2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;overflow-y:auto}.action-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;transition:all .3s ease}.action-card:hover{border-color:var(--color-accent);transform:translateY(-5px);background:#ffffff0d}.card-header{display:flex;justify-content:space-between;align-items:center}.type-tag{display:flex;align-items:center;gap:.5rem;padding:4px 12px;background:#fe821e1a;color:var(--color-accent);border-radius:100px;font-size:.7rem;font-weight:800;text-transform:uppercase}.agent-ref{font-size:.75rem;opacity:.4;font-weight:700}.card-body h3{font-size:1.2rem;margin-bottom:.5rem}.card-body p{font-size:.9rem;color:var(--color-text-muted);line-height:1.5}.card-footer{display:flex;flex-direction:column;gap:.75rem;margin-top:auto}.execute-btn{width:100%;padding:.85rem;background:#fff;color:#000;border:none;border-radius:12px;font-weight:800;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:all .2s}.execute-btn:hover{filter:brightness(.9)}.preview-link{text-align:center;font-size:.8rem;color:var(--color-accent);text-decoration:none;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.5rem;opacity:.7}.preview-link:hover{opacity:1}.edit-inputs textarea.mini-textarea{height:80px}.image-preview-container{margin-top:1rem;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border-subtle);background:var(--color-bg-alt)}.deliverable-img{width:100%;height:auto;display:block}.card-path{font-family:var(--font-mono);font-size:.75rem;color:var(--color-accent);background:#fe821e0d;padding:2px 6px;border-radius:4px;display:inline-block;margin-bottom:.5rem}.research-panel{padding:2.5rem;max-width:800px}.research-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.source-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;margin-bottom:.75rem}.scrape-badge{margin-left:auto;font-size:.65rem;background:#10b981;color:#fff;padding:2px 8px;border-radius:4px;text-transform:uppercase;font-weight:800}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;opacity:.3;gap:1rem;text-align:center}.agent-loading-state{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fe821e0d;border-radius:12px;color:var(--color-accent);font-weight:600}.status-success{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#10b981;font-weight:800;padding:.85rem}.status-error{color:#ef4444;text-align:center;font-weight:700}.spin{animation:spin 1s linear infinite}.edit-mini-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:5px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.edit-mini-btn:hover{background:#ffffff1a;color:#fff}.edit-inputs{display:flex;flex-direction:column;gap:1rem}.edit-inputs .field{display:flex;flex-direction:column;gap:.25rem}.edit-inputs label{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--color-accent);opacity:.8}.edit-inputs input,.edit-inputs textarea{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.75rem;color:#fff;font-family:inherit;font-size:.9rem}.edit-inputs textarea{height:120px;resize:vertical}.edit-controls{display:flex;gap:.75rem}.save-btn{flex:1;background:var(--color-accent);color:#000;border:none;padding:.75rem;border-radius:8px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem}.cancel-btn{padding:.75rem 1rem;background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-weight:600;cursor:pointer}.card-actions{display:flex;align-items:center;gap:1rem}@media(max-width:1100px){.hub-grid{grid-template-columns:1fr;max-height:none}}.beam-line{stroke-dasharray:100 800;stroke-dashoffset:0;animation:beamFlow 8s linear infinite,beamPulse 4s ease-in-out infinite;filter:blur(1px) drop-shadow(0 0 6px var(--color-accent));will-change:stroke-dashoffset,opacity;transform:translateZ(0)}.beams-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-10;pointer-events:none;overflow:hidden;background-color:var(--color-bg-main);contain:layout paint}@keyframes beamPulse{0%,to{opacity:.8;stroke-width:1}50%{opacity:1;stroke-width:1.5}}.beam-line.delay-1{animation-delay:-2s;animation-duration:12s}.beam-line.delay-2{animation-delay:-5s;animation-duration:10s}.beam-line.delay-3{animation-delay:-1s;animation-duration:15s}@keyframes beamFlow{0%{stroke-dashoffset:1000}to{stroke-dashoffset:-1000}}.beams-vignette{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0%,var(--color-bg-main) 100%);pointer-events:none}:root{--motion-beams-opacity: .1}[data-theme=premium]{--motion-beams-opacity: .2}:root{--base-scale: 1;--type-scale: 1.25;--space-unit: calc(1rem * var(--base-scale));--font-size-xs: calc(var(--font-size-md) / var(--type-scale) / var(--type-scale));--font-size-sm: calc(var(--font-size-md) / var(--type-scale));--font-size-md: var(--space-unit);--font-size-lg: calc(var(--font-size-md) * var(--type-scale));--font-size-xl: calc(var(--font-size-lg) * var(--type-scale));--font-size-2xl: calc(var(--font-size-xl) * var(--type-scale));--font-size-3xl: calc(var(--font-size-2xl) * var(--type-scale));--font-size-4xl: calc(var(--font-size-3xl) * var(--type-scale));--space-1: calc(var(--space-unit) * .25);--space-2: calc(var(--space-unit) * .5);--space-3: calc(var(--space-unit) * .75);--space-4: var(--space-unit);--space-6: calc(var(--space-unit) * 1.5);--space-8: calc(var(--space-unit) * 2);--space-12: calc(var(--space-unit) * 3);--space-16: calc(var(--space-unit) * 4);--space-panel: var(--space-6);--header-weight: 700;--header-style: normal;--header-ls: -.02em;--body-weight: 400;--body-style: normal;--body-ls: 0;--motion-intensity: 1;--motion-duration-sm: calc(.1s * var(--motion-intensity));--motion-duration-md: calc(.2s * var(--motion-intensity));--motion-duration-lg: calc(.4s * var(--motion-intensity));--motion-easing: cubic-bezier(.4, 0, .2, 1);--motion-bounce: cubic-bezier(.34, 1.56, .64, 1);--font-family-base: "Inter", system-ui, -apple-system, sans-serif;--font-family-heading: "Plus Jakarta Sans", sans-serif;--font-family-mono: "JetBrains Mono", monospace;--lh-tight: 1.2;--lh-normal: 1.5;--lh-relaxed: 1.625;--ls-tight: -.02em;--ls-normal: 0;--ls-wide: .05em;--radius-none: 0;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 32px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--color-status-success: #10b981;--color-status-success-rgb: 16, 185, 129;--color-status-error: #ef4444;--color-status-warning: #f59e0b;--color-status-warning-rgb: 245, 158, 11;--btn-primary-bg: #fe821e;--btn-primary-text: #ffffff;--btn-primary-border: 0px solid transparent;--btn-primary-hover-bg: #ffbc85;--btn-primary-radius: .5rem;--btn-primary-font-size: .75rem;--btn-primary-font-weight: 500;--btn-primary-padding: .5rem 1rem;--btn-primary-shadow-color: 0, 0, 0;--btn-primary-shadow-opacity: .1;--btn-primary-shadow-blur: 4px;--btn-action-bg: #fe821e;--btn-action-text: #ffffff;--btn-action-border: 0px solid transparent;--btn-action-hover-bg: rgba(254, 182, 124, .9);--btn-action-font-size: .75rem;--btn-action-font-weight: 500;--btn-action-padding: .5rem 1rem;--btn-action-radius: .5rem;--btn-action-shadow-color: 0, 0, 0;--btn-action-shadow-opacity: .49;--btn-action-shadow-blur: 14px}:root,[data-theme=normal]{--color-bg: #ffffff;--color-surface: #f8fafc;--color-text: #000000;--color-accent: #111827;--color-accent-contrast: #ffffff;--color-accent-hover: #000000;--color-hover: rgba(0, 0, 0, .05);--color-accent-rgb: 0, 0, 0;--color-bg-main: var(--color-bg);--color-bg-alt: var(--color-surface);--color-surface-panel: #ffffff;--color-surface-hover: var(--color-hover);--color-text-primary: var(--color-text);--color-text-secondary: rgba(0, 0, 0, .7);--color-text-muted: rgba(0, 0, 0, .55);--color-border-subtle: rgba(var(--color-accent-rgb), .1);--color-border-strong: var(--color-text);--shadow-default: 0 4px 6px -1px rgb(0 0 0 / .05);--shadow-float: 0 20px 25px -5px rgb(0 0 0 / .1);--shadow-etched: inset 0 2px 4px 0 rgb(0 0 0 / .02);--color-primary: var(--color-accent);--color-primary-rgb: var(--color-accent-rgb);--color-primary-hover: #1e293b;--color-primary-gradient: linear-gradient(135deg, var(--color-accent) 0%, #1e293b 100%);--color-secondary: #ef4444;--color-background: var(--color-bg);--color-background-elevated: #ffffff;--color-text-main: var(--color-text);--color-border: var(--color-border-subtle);--color-accent-glow: 0 0 15px rgba(var(--color-accent-rgb), .1)}[data-theme=premium]{--color-bg: #0a0a0a;--color-surface: rgba(20, 20, 20, .6);--color-text: #ffffff;--color-accent: #fe821e;--color-accent-contrast: #000000;--color-accent-hover: rgba(254, 130, 30, .9);--color-hover: rgba(242, 242, 242, .1);--color-accent-rgb: 254, 130, 30;--base-scale: .95;--type-scale: 1.25;--font-family-heading: "Google Sans", sans-serif;--font-family-base: "Inter", sans-serif;--header-weight: 300;--header-style: normal;--header-ls: .06em;--motion-intensity: 3;--motion-easing: cubic-bezier(.34, 1.56, .64, 1);--color-status-warning: #fbff00;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 10px;--radius-xl: 32px;--color-bg-main: var(--color-bg);--color-bg-alt: var(--color-surface);--color-surface-panel: #0a0a0a;--color-surface-hover: var(--color-hover);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .9);--color-text-muted: rgba(255, 255, 255, .7);--color-border-subtle: rgba(255, 255, 255, .15);--color-border-strong: var(--color-text);--shadow-default: 0 4px 12px rgba(0, 0, 0, .6);--shadow-float: 0 20px 40px rgba(0, 0, 0, .8);--shadow-etched: inset 0 2px 4px 0 rgba(255, 255, 255, .08);--color-primary: var(--color-accent);--color-primary-rgb: var(--color-accent-rgb);--color-primary-hover: #e2e8f0;--color-primary-gradient: linear-gradient(135deg, var(--color-accent) 0%, #e2e8f0 100%);--color-secondary: #ef4444;--color-background: var(--color-bg);--color-background-elevated: #111111;--color-text-main: var(--color-text);--color-border: var(--color-border-subtle);--color-accent-glow: 0 0 15px rgba(var(--color-accent-rgb), .2)}.btn-assistant{padding:10px 18px;border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:var(--color-bg-alt);color:var(--color-text-muted);font-weight:800;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:.75rem;transition:all var(--transition-fast);min-width:fit-content;flex-shrink:0}.btn-assistant:hover{background:var(--color-hover);color:var(--color-text-primary);border-color:var(--color-accent)}.btn-assistant.active{background:var(--color-accent);color:var(--color-accent-contrast)!important;border-color:var(--color-accent)}.assistant-panel{display:flex;flex-direction:column;height:100%;background:#0a0a0a;border-left:1px solid var(--color-border-subtle);width:100%;animation:slideInRight .3s ease}.assistant-header{padding:1.2rem;border-bottom:1px solid var(--color-border-subtle);display:flex;align-items:center;justify-content:space-between;background:#0000004d}.assistant-header-info{display:flex;align-items:center;gap:.8rem}.assistant-icon-box{width:36px;height:36px;background:rgba(var(--color-accent-rgb),.15);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;border:1px solid rgba(var(--color-accent-rgb),.2)}.assistant-title{font-size:.9rem;font-weight:900;color:var(--color-text-primary);margin:0}.assistant-subtitle{font-size:.6rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--color-accent);margin:0}.assistant-body{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.assistant-label{font-size:.65rem;text-transform:uppercase;font-weight:900;letter-spacing:1px;color:var(--color-text-muted);margin-bottom:.5rem;display:block}.assistant-grid-modes{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.assistant-mode-btn{padding:.8rem;border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:#ffffff08;color:var(--color-text-muted);font-size:.75rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all var(--transition-fast)}.assistant-mode-btn:hover{border-color:#fff3;background:#ffffff0d}.assistant-mode-btn.active{background:rgba(var(--color-accent-rgb),.1);border-color:var(--color-accent);color:var(--color-accent)}.assistant-textarea{width:100%;min-height:120px;background:#0006;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:1rem;color:var(--color-text-primary);font-size:.85rem;line-height:1.5;resize:none;transition:all var(--transition-fast);outline:none}.assistant-textarea:focus{border-color:var(--color-accent);background:#0009;box-shadow:0 0 15px rgba(var(--color-accent-rgb),.1)}.assistant-info-card{padding:1.2rem;background:rgba(var(--color-accent-rgb),.05);border:1px solid rgba(var(--color-accent-rgb),.15);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:.8rem}.assistant-info-header{display:flex;align-items:center;gap:.5rem;color:var(--color-accent);font-size:.7rem;font-weight:900;text-transform:uppercase}.assistant-info-text{font-size:.75rem;color:var(--color-text-muted);line-height:1.6;margin:0;font-style:italic}.assistant-footer{padding:1.2rem;background:#0000004d;border-top:1px solid var(--color-border-subtle)}.assistant-main-btn{width:100%;padding:1rem;background:var(--color-accent);color:var(--color-accent-contrast);border:none;border-radius:var(--radius-lg);font-weight:900;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.8rem;box-shadow:0 8px 16px rgba(var(--color-accent-rgb),.2);transition:all var(--transition-normal)}.assistant-main-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 24px rgba(var(--color-accent-rgb),.3);filter:brightness(1.1)}.assistant-main-btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(1)}.asset-card{background-color:var(--color-surface);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border-subtle);display:flex;flex-direction:column;position:relative;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.asset-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-float);border-color:var(--color-accent)}.asset-card.selected{background-color:rgba(var(--color-primary-rgb),.1);border:2px solid var(--color-primary);transform:scale(.98)}.asset-card-media{height:180px;overflow:hidden;position:relative;background-color:var(--color-bg-alt);display:flex;align-items:center;justify-content:center}.asset-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;gap:12px;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal);z-index:10}.asset-card-media:hover .asset-card-overlay{opacity:1}.asset-card-btn{width:36px;height:36px;border-radius:50%;background:#fff;color:#1a1a1a;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:transform var(--transition-fast),background var(--transition-fast);text-decoration:none}.asset-card-btn:hover{transform:scale(1.15)}.asset-card-btn.delete{background:#fee2e2;color:#ef4444}.asset-card-btn.edit{background:rgba(var(--color-accent-rgb),.15);color:var(--color-accent)}.asset-card-footer{padding:var(--space-3);background:var(--color-surface)}.asset-card-name{font-size:var(--font-size-sm);font-weight:700;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-primary)}.asset-card-meta{font-size:.65rem;font-weight:600;color:var(--color-text-muted);display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.5px}.asset-card-badge{position:absolute;top:10px;right:10px;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;padding:3px 8px;border-radius:var(--radius-sm);font-size:.6rem;font-weight:800}.asset-card-selection-ring{position:absolute;top:10px;left:10px;width:20px;height:20px;border-radius:50%;border:2px solid white;background:#0000004d;z-index:20;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px}.asset-card-selection-ring.active{background:var(--color-accent);border-color:var(--color-accent)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.studio-info-panel{background:rgba(var(--color-accent-rgb),.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:10px 14px;box-shadow:var(--shadow-default);display:flex;flex-direction:column;gap:2px;min-width:160px;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);-webkit-user-select:none;user-select:none;z-index:100}.studio-info-panel:hover{border-color:var(--color-accent)}.studio-info-panel.selected{border-color:var(--color-accent);background:rgba(var(--color-accent-rgb),.1);box-shadow:0 0 25px rgba(var(--color-accent-rgb),.3)}.studio-info-title{font-family:var(--font-family-heading);font-size:.85rem;font-weight:900;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0;line-height:1.2}.studio-info-subtitle{font-family:var(--font-family-base);font-size:.7rem;font-weight:500;color:var(--color-text-muted);margin:0;line-height:1.3}.studio-info-connector-dot{width:12px;height:12px;background:var(--color-accent);border:2px solid #fff;border-radius:50%;box-shadow:0 0 15px var(--color-accent);cursor:grab;z-index:101}.studio-info-connector-dot:active{cursor:grabbing}.faq-container{display:flex;flex-direction:column;gap:var(--space-4);width:100%;margin:0 auto;padding:var(--space-8) 0}.faq-item{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.faq-item:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-default)}.faq-question{padding:var(--space-4) var(--space-6);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:800;color:var(--color-text-primary);font-family:var(--font-family-heading);-webkit-user-select:none;user-select:none;font-size:var(--font-size-md)}.faq-answer{padding:0 var(--space-6) var(--space-6) var(--space-6);color:var(--color-text-secondary);line-height:var(--lh-relaxed);font-size:var(--font-size-sm)}.comparison-container{overflow-x:auto;margin:var(--space-4) 0;border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:var(--color-bg-alt)}.comparison-table{width:100%;border-collapse:collapse;text-align:left;min-width:600px}.comparison-table th{padding:var(--space-4) var(--space-6);background:var(--color-accent);color:var(--color-accent-contrast);font-weight:900;text-transform:uppercase;font-size:var(--font-size-xs);letter-spacing:1px}.comparison-table td{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border-subtle);font-size:var(--font-size-sm);color:var(--color-text-primary)}.comparison-row:last-child td{border-bottom:none}.comparison-row:hover{background:var(--color-surface)}.comparison-check{color:var(--color-status-success);font-weight:900}.comparison-cross{color:var(--color-status-error);font-weight:900}.glossary-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6);margin:var(--space-8) 0}.glossary-card{padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.glossary-card:hover{border-color:var(--color-accent)}.glossary-term{font-size:var(--font-size-md);font-weight:900;color:var(--color-accent);margin-bottom:var(--space-2);display:block;font-family:var(--font-family-heading)}.glossary-definition{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--lh-relaxed)}.author-header-box{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-6);background:var(--color-bg-alt);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);margin:var(--space-8) 0}.author-avatar-img{width:80px;height:80px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-accent);flex-shrink:0}.author-info-box h4{margin:0;font-size:var(--font-size-lg);font-weight:900;color:var(--color-text-primary)}.author-bio-text{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--space-1) 0;line-height:var(--lh-normal)}.author-social-links{display:flex;gap:var(--space-4);margin-top:var(--space-3)}.author-social-link{font-size:.65rem;font-weight:900;color:var(--color-accent);text-decoration:none;text-transform:uppercase;letter-spacing:1.5px;display:flex;align-items:center;gap:5px}.author-social-link:hover{text-decoration:underline}@font-face{font-family:Product Sans;font-style:normal;font-weight:400;font-display:block;src:url(https://fonts.gstatic.com/s/productsans/v9/pxiDypQkot1TnFhsFMOfGShVGdeOcEg.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Product Sans;font-style:normal;font-weight:400;font-display:block;src:url(https://fonts.gstatic.com/s/productsans/v9/pxiDypQkot1TnFhsFMOfGShVF9eO.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Google Sans;font-style:normal;font-weight:400;font-display:block;src:url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjwUvaYr.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Google Sans;font-style:normal;font-weight:400;font-display:block;src:url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjIUvQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Google Sans;font-style:normal;font-weight:500;font-display:block;src:url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjwUvaYr.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Google Sans;font-style:normal;font-weight:500;font-display:block;src:url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjIUvQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Google Sans;font-style:normal;font-weight:700;font-display:block;src:url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjwUvaYr.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Google Sans;font-style:normal;font-weight:700;font-display:block;src:url(https://fonts.gstatic.com/s/googlesans/v58/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjIUvQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Google Sans Mono;font-style:normal;font-weight:400;font-display:block;src:url(https://fonts.gstatic.com/s/googlesansmono/v15/P5sZzYWFYtnZ_Cg-t0Uq_rfivrdYNYhsAg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Google Sans Display;font-style:normal;font-weight:400;font-display:block;src:url(https://fonts.gstatic.com/s/googlesansdisplay/v13/ea8FacM9Wef3EJPWRrHjgE4B6CnlZxHVDv79oQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.article-body,.editor-content{font-size:1.25rem;line-height:var(--lh-relaxed);color:var(--color-text-secondary)}.article-body h2,.editor-content h2{color:var(--color-text-primary);margin:4.5rem 0 2rem;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;letter-spacing:-1.5px;line-height:1.1}.article-body h3,.editor-content h3{color:var(--color-text-primary);margin:3.5rem 0 1.5rem;font-size:clamp(1.4rem,3vw,2rem);font-weight:800;letter-spacing:-.5px;line-height:1.2}.article-body p,.editor-content p{margin-bottom:2rem}.article-body ul,.article-body ol,.editor-content ul,.editor-content ol{margin-bottom:2.5rem;padding-left:1.5rem;color:var(--color-text-secondary)}.article-body li,.editor-content li{margin-bottom:1rem}.article-body blockquote,.editor-content blockquote{border-left:5px solid var(--color-accent);background:var(--color-bg-alt);padding:3rem;margin:4rem 0;border-radius:0 var(--radius-lg) var(--radius-lg) 0;font-style:italic;font-size:1.5rem;color:var(--color-text-primary);border-top:1px solid var(--color-border-subtle);border-right:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sm);line-height:1.6}.article-body img,.editor-content img{max-width:100%;border-radius:var(--radius-xl);margin:4rem 0;box-shadow:var(--shadow-float);border:1px solid var(--color-border-subtle)}.article-body table,.editor-content table{width:100%;border-collapse:collapse;margin:3rem 0;background:var(--color-bg-alt);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border-subtle);table-layout:auto}.article-body th,.editor-content th{background:rgba(var(--color-accent-rgb),.05);color:var(--color-accent);padding:1.25rem 1rem;text-align:left;font-weight:800;text-transform:uppercase;font-size:.85rem;letter-spacing:1px;border-bottom:2px solid var(--color-border-subtle)}.article-body td,.editor-content td{padding:1.25rem 1rem;border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-secondary);font-size:1rem}.article-body tr:last-child td,.editor-content tr:last-child td{border-bottom:none}.article-body tr:hover td,.editor-content tr:hover td{background:var(--color-surface-hover)}.article-body tr td strong,.editor-content tr td strong{color:var(--color-text-primary)}.blog-gallery img{margin:0!important;box-shadow:none!important}@media(max-width:768px){.blog-gallery{grid-template-columns:1fr!important;height:auto!important}.article-body table,.editor-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.article-body blockquote,.editor-content blockquote{padding:1.5rem;font-size:1.2rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-base);background-color:var(--color-background);color:var(--color-text-main);line-height:var(--lh-normal);font-size:var(--font-size-md);font-weight:var(--body-weight);font-style:var(--body-style);letter-spacing:var(--body-ls);transition:background-color var(--transition-normal),color var(--transition-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);letter-spacing:var(--header-ls);line-height:var(--lh-tight);color:var(--color-text-primary);font-weight:var(--header-weight);font-style:var(--header-style)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-md)}h6{font-size:var(--font-size-sm);text-transform:uppercase}button{font-family:inherit}a{color:inherit;text-decoration:none}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}