.btn{font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:var(--space-2);border:1px solid #0000;outline:none;font-weight:500;display:inline-flex;position:relative}.btn:focus-visible{outline:2px solid var(--brand-secondary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed!important}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);height:32px}.btn-md{padding:var(--space-2) var(--space-4);font-size:var(--text-base);height:40px}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-lg);height:48px}.btn-primary{background-color:var(--brand-primary);color:var(--surface-0);border-color:var(--brand-primary);font-weight:600}.btn-primary:hover:not(:disabled){background-color:var(--brand-primary-hover);border-color:var(--brand-primary-hover);box-shadow:var(--shadow-glow-brand)}.btn-secondary{background-color:var(--surface-2);color:var(--text-primary);border-color:var(--border-default)}.btn-secondary:hover:not(:disabled){background-color:var(--surface-3);border-color:var(--border-strong)}.btn-accent{background-color:var(--brand-accent);color:var(--surface-0);border-color:var(--brand-accent);font-weight:600}.btn-accent:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 0 15px oklch(85% .16 95/.3)}.btn-danger{background-color:var(--color-error);color:var(--text-primary);border-color:var(--color-error)}.btn-danger:hover:not(:disabled){filter:brightness(1.1)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--surface-2);color:var(--text-primary)}.btn-spinner{border-radius:var(--radius-full);border:2px solid;border-top-color:#0000;width:16px;height:16px;animation:.6s linear infinite btn-spin;display:inline-block}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-icon{justify-content:center;align-items:center;display:inline-flex}.slider-container{gap:var(--space-1);margin-bottom:var(--space-4);flex-direction:column;width:100%;display:flex}.slider-header{font-size:var(--text-sm);color:var(--text-secondary);justify-content:space-between;align-items:center;display:flex}.slider-label-group{align-items:center;gap:var(--space-2);display:flex}.slider-lock-btn{color:var(--text-tertiary);cursor:pointer;padding:var(--space-1);transition:color var(--duration-fast);background:0 0;border:none;align-items:center;display:inline-flex}.slider-lock-btn.locked{color:var(--color-warning)}.slider-value-display{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);background-color:var(--surface-2);padding:2px var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);text-align:right;cursor:pointer;min-width:48px}.slider-value-input{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);background-color:var(--surface-3);padding:2px var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--brand-secondary);text-align:right;outline:none;width:48px}.slider-track-wrapper{align-items:center;width:100%;height:20px;display:flex;position:relative}.slider-input{appearance:none;border-radius:var(--radius-full);background:var(--surface-2);width:100%;height:6px;transition:background var(--duration-fast);outline:none;margin:0}.slider-input::-webkit-slider-runnable-track{cursor:pointer;border-radius:var(--radius-full);width:100%;height:6px}.slider-input::-webkit-slider-thumb{appearance:none;border-radius:var(--radius-full);background:var(--brand-primary);cursor:pointer;width:16px;height:16px;transition:transform var(--duration-fast), background var(--duration-fast);box-shadow:var(--shadow-sm);margin-top:-5px}.slider-input:hover:not(:disabled)::-webkit-slider-thumb{background:var(--brand-primary-hover);transform:scale(1.2)}.slider-input:disabled::-webkit-slider-thumb{background:var(--text-tertiary);cursor:not-allowed}.slider-input:disabled{background:var(--surface-3)}.toggle-container{margin-bottom:var(--space-3);cursor:pointer;justify-content:space-between;align-items:center;width:100%;display:flex}.toggle-label{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary);-webkit-user-select:none;user-select:none}.toggle-switch{background-color:var(--surface-3);border-radius:var(--radius-full);width:38px;height:20px;transition:background-color var(--duration-normal) var(--ease-out);border:1px solid var(--border-default);position:relative}.toggle-container.active .toggle-switch{background-color:var(--brand-primary);border-color:var(--brand-primary)}.toggle-thumb{background-color:var(--text-primary);border-radius:var(--radius-full);width:14px;height:14px;transition:transform var(--duration-normal) var(--ease-spring);box-shadow:var(--shadow-sm);position:absolute;top:2px;left:2px}.toggle-container.active .toggle-thumb{background-color:var(--surface-0);transform:translate(18px)}.toggle-container.disabled{opacity:.5;cursor:not-allowed}.tooltip-wrapper{display:inline-flex;position:relative}.tooltip-box{background-color:var(--surface-4);color:var(--text-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-family:var(--font-body);white-space:nowrap;box-shadow:var(--shadow-md);border:1px solid var(--border-default);z-index:var(--z-tooltip);opacity:0;visibility:hidden;transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);pointer-events:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-8px)}.tooltip-wrapper:hover .tooltip-box,.tooltip-wrapper:focus-within .tooltip-box{opacity:1;visibility:visible;transform:translate(-50%)translateY(-4px)}.color-picker-container{margin-bottom:var(--space-4);flex-direction:column;width:100%;display:flex}.color-picker-grid{gap:var(--space-2);margin-bottom:var(--space-3);grid-template-columns:repeat(8,1fr);width:100%;display:grid}.color-dot{aspect-ratio:1;border-radius:var(--radius-full);cursor:pointer;border:1px solid var(--border-subtle);transition:transform var(--duration-fast) var(--ease-out), border-color var(--duration-fast)}.color-dot.active{border:2px solid var(--brand-secondary);box-shadow:var(--shadow-glow-cyan);transform:scale(1.1)}.color-picker-input-group{align-items:center;gap:var(--space-2);width:100%;display:flex}.color-preview-block{border-radius:var(--radius-md);border:1px solid var(--border-default);cursor:pointer;width:32px;height:32px;position:relative;overflow:hidden}.color-native-input{cursor:pointer;opacity:0;background:0 0;border:none;width:42px;height:42px;position:absolute;top:-5px;left:-5px}.color-hex-text-input{background-color:var(--surface-2);height:32px;color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:0 var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);transition:border-color var(--duration-fast);outline:none;flex:1}.color-hex-text-input:focus{border-color:var(--brand-secondary)}.color-eyedropper-btn{background-color:var(--surface-2);width:32px;height:32px;color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast);justify-content:center;align-items:center;display:inline-flex}.color-eyedropper-btn:hover{background-color:var(--surface-3);color:var(--text-primary);border-color:var(--border-strong)}.modal-backdrop{-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));z-index:var(--z-modal-backdrop);animation:modal-fade-in var(--duration-normal) var(--ease-out);background-color:oklch(0% 0 0/.6);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-container{background-color:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:modal-slide-up var(--duration-normal) var(--ease-spring);outline:none;flex-direction:column;width:90%;max-height:90vh;display:flex}.modal-sm{max-width:400px}.modal-md{max-width:600px}.modal-lg{max-width:800px}.modal-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.modal-title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-primary);margin:0;font-weight:600}.modal-close-btn{color:var(--text-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.modal-close-btn:hover{background-color:var(--surface-3);color:var(--text-primary)}.modal-body{padding:var(--space-6);color:var(--text-secondary);overflow-y:auto}@keyframes modal-fade-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.topbar{height:64px;padding:0 var(--space-6);background-color:var(--surface-1);border-bottom:1px solid var(--border-default);color:var(--text-primary);z-index:var(--z-sidebar);justify-content:space-between;align-items:center;display:flex;position:relative}.topbar-left{align-items:center;gap:var(--space-6);display:flex}.topbar-logo{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);color:var(--brand-primary);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;-webkit-user-select:none;user-select:none}.topbar-title-container{align-items:center;gap:var(--space-3);border-left:1px solid var(--border-default);padding-left:var(--space-6);display:flex}.topbar-title{font-size:var(--text-base);cursor:double-click;-webkit-user-select:none;user-select:none;color:var(--text-primary);margin:0;font-weight:600}.topbar-title:hover{color:var(--brand-primary-hover)}.topbar-title-input{background-color:var(--surface-2);color:var(--text-primary);border:1px solid var(--brand-secondary);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-family:var(--font-body);font-size:var(--text-base);outline:none;width:180px}.topbar-save-status{font-size:var(--text-xs);color:var(--text-tertiary)}.topbar-right{align-items:center;gap:var(--space-4);display:flex}.credit-badge{align-items:center;gap:var(--space-2);border:1px solid var(--brand-accent);color:var(--brand-accent);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--text-xs);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background-color:oklch(85% .16 95/.1);font-weight:600;display:flex}.credit-badge:hover{background-color:oklch(85% .16 95/.2);transform:translateY(-1px);box-shadow:0 0 10px oklch(85% .16 95/.25)}.credit-badge-icon{animation:2s ease-in-out infinite pulse}.topbar-actions{align-items:center;gap:var(--space-2);display:flex}.user-profile-menu{align-items:center;gap:var(--space-3);border-left:1px solid var(--border-default);padding-left:var(--space-4);display:flex}.legacy-ui-btn{background-color:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;height:28px;font-weight:600;text-decoration:none;display:inline-flex}.legacy-ui-btn:hover{background-color:var(--surface-3);border-color:var(--brand-secondary);color:var(--text-primary)}.user-email-display{font-size:var(--text-sm);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.icon-menu-btn{color:var(--text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.icon-menu-btn:hover{background-color:var(--surface-2);color:var(--text-primary)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.sidebar-layout{background-color:var(--surface-0);height:calc(100dvh - 64px);transition:width var(--duration-normal) var(--ease-out);z-index:var(--z-panel);display:flex;overflow:hidden}.sidebar-layout.collapsed{width:56px}.sidebar-layout.expanded{width:280px}.sidebar-rail{background-color:var(--surface-1);border-right:1px solid var(--border-default);width:56px;padding:var(--space-4) 0;flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.sidebar-rail-menu{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.rail-btn{width:56px;height:48px;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.rail-btn:hover{color:var(--text-primary);background-color:var(--surface-2)}.rail-btn.active{color:var(--brand-primary);background-color:var(--surface-2)}.rail-btn.active:before{content:"";background-color:var(--brand-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;width:3px;height:70%;position:absolute;top:15%;left:0}.rail-btn-label-tooltip{background-color:var(--surface-4);color:var(--text-primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--duration-fast);box-shadow:var(--shadow-sm);pointer-events:none;border:1px solid var(--border-default);z-index:var(--z-tooltip);position:absolute;top:50%;left:100%;transform:translateY(-50%)translate(10px)}.rail-btn:hover .rail-btn-label-tooltip{opacity:1;visibility:visible;transform:translateY(-50%)translate(5px)}.sidebar-panel{background-color:var(--surface-2);border-right:1px solid var(--border-default);width:224px;height:100%;animation:panel-slide-in var(--duration-normal) var(--ease-out);flex-direction:column;flex-shrink:0;display:flex}.sidebar-panel-header{padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--border-subtle);background-color:var(--surface-1);justify-content:space-between;align-items:center;display:flex}.sidebar-panel-title{font-family:var(--font-display);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);margin:0;font-weight:600}.panel-close-btn{color:var(--text-secondary);cursor:pointer;padding:0 var(--space-2);transition:color var(--duration-fast);background:0 0;border:none;font-size:20px;line-height:1}.panel-close-btn:hover{color:var(--text-primary)}.sidebar-panel-content{padding:var(--space-4);flex:1;overflow-y:auto}@keyframes panel-slide-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.cmd-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-command-palette);animation:cmd-fade-in var(--duration-fast) var(--ease-out);background-color:oklch(0% 0 0/.55);justify-content:center;padding-top:15vh;display:flex;position:fixed;inset:0}.cmd-container{background-color:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:540px;height:fit-content;max-height:400px;animation:cmd-scale-up var(--duration-fast) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.cmd-input-wrapper{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);align-items:center;gap:var(--space-3);display:flex}.cmd-search-icon{color:var(--text-tertiary);flex-shrink:0}.cmd-search-input{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);background:0 0;border:none;outline:none;flex:1}.cmd-search-input::placeholder{color:var(--text-tertiary)}.cmd-esc-kbd{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);background-color:var(--surface-2);border:1px solid var(--border-default);padding:2px var(--space-2);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.cmd-results{padding:var(--space-3);gap:var(--space-1);flex-direction:column;display:flex;overflow-y:auto}.cmd-category-header{font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);padding:var(--space-2) var(--space-3);margin-top:var(--space-2);font-weight:600}.cmd-category-header:first-of-type{margin-top:0}.cmd-item{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);align-items:center;gap:var(--space-3);display:flex}.cmd-item.selected{background-color:var(--brand-primary-muted);color:var(--brand-primary)}.cmd-item-icon{flex-shrink:0}.cmd-item-title{flex:1}.cmd-item-enter{font-family:var(--font-mono);font-size:var(--text-xs);opacity:.7}.cmd-no-results{padding:var(--space-4);color:var(--text-tertiary);text-align:center;font-size:var(--text-sm)}@keyframes cmd-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cmd-scale-up{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.landing-page{background-color:var(--surface-0);flex-direction:column;width:100%;display:flex;overflow-x:hidden}.hero-section{padding:80px var(--space-8);align-items:center;gap:var(--space-8);grid-template-columns:1.2fr 1fr;max-width:1200px;min-height:calc(100dvh - 64px);margin:0 auto;display:grid}@media (width<=960px){.hero-section{text-align:center;padding:40px var(--space-4);grid-template-columns:1fr}}.hero-content{flex-direction:column;align-items:flex-start;display:flex}@media (width<=960px){.hero-content{align-items:center}}.hero-badge{align-items:center;gap:var(--space-2);background-color:var(--brand-primary-muted);border:1px solid var(--border-brand);color:var(--brand-primary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-family:var(--font-display);margin-bottom:var(--space-5);text-transform:uppercase;letter-spacing:.05em;font-weight:600;display:inline-flex}.hero-title{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--text-primary);margin:0 0 var(--space-4) 0;letter-spacing:-.02em;font-weight:700;line-height:1.1}.gradient-text{background:linear-gradient(135deg, var(--brand-primary), var(--brand-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{font-family:var(--font-body);font-size:var(--text-lg);color:var(--text-secondary);margin:0 0 var(--space-6) 0;max-width:520px;line-height:1.6}.hero-actions{gap:var(--space-4);display:flex}.hero-demo-container{justify-content:center;align-items:center;width:100%;display:flex}.demo-card{background-color:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-4);width:100%;max-width:420px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.demo-canvas{aspect-ratio:1;background-color:var(--surface-0);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.demo-svg{width:85%;height:85%}.canvas-stats{bottom:var(--space-3);left:var(--space-3);right:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background-color:oklch(13% .01 270/.85);justify-content:space-between;display:flex;position:absolute}.demo-card-overlay{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-3);font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-body);display:flex}.steps-section{padding:80px var(--space-8);border-top:1px solid var(--border-subtle);width:100%;max-width:1200px;margin:0 auto}.section-heading{font-family:var(--font-display);font-size:var(--text-2xl);text-align:center;color:var(--text-primary);margin-bottom:var(--space-10);text-transform:uppercase;letter-spacing:.04em}.steps-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=768px){.steps-grid{grid-template-columns:1fr}}.step-card{background-color:var(--surface-1);border:1px solid var(--border-default);padding:var(--space-6);border-radius:var(--radius-lg);transition:transform var(--duration-normal) var(--ease-out);position:relative}.step-card:hover{border-color:var(--border-brand);transform:translateY(-4px)}.step-number{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--brand-primary-muted);margin-bottom:var(--space-2);font-weight:700}.step-title{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);margin:0 0 var(--space-2) 0;font-weight:600}.step-text{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.5}.pricing-section{padding:80px var(--space-8) 120px var(--space-8);border-top:1px solid var(--border-subtle);flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:0 auto;display:flex}.section-subheading{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-base);margin-top:calc(-1 * var(--space-8));margin-bottom:var(--space-10);text-align:center}@media (width<=768px){.pricing-grid{grid-template-columns:1fr}}.price-card{background-color:var(--surface-1);border:1px solid var(--border-default);padding:var(--space-8) var(--space-6);border-radius:var(--radius-lg);text-align:center;transition:transform var(--duration-normal) var(--ease-out);flex-direction:column;align-items:center;display:flex;position:relative}.price-card:hover{transform:translateY(-4px)}.price-card.popular{border-color:var(--brand-primary);box-shadow:0 8px 30px oklch(75% .18 55/.1)}.card-badge{top:var(--space-4);background-color:var(--brand-primary);color:var(--surface-0);font-size:var(--text-xs);font-family:var(--font-display);text-transform:uppercase;padding:2px var(--space-3);border-radius:var(--radius-full);font-weight:700;position:absolute}.price-card h3{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-primary);margin:0 0 var(--space-2) 0;text-transform:uppercase}.price-num{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--text-primary);margin:var(--space-4) 0;font-weight:700}.price-card p{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-6) 0}.price-card ul{margin:0 0 var(--space-8) 0;gap:var(--space-3);flex-direction:column;width:100%;padding:0;list-style:none;display:flex}.price-card li{font-size:var(--text-sm);color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-2)}.price-card li:last-child{border-bottom:none}.price-card button{width:100%;margin-top:auto}.global-toast-container{bottom:var(--space-8);z-index:var(--z-toast);pointer-events:none;position:fixed;left:50%;transform:translate(-50%)}.global-toast{background-color:var(--surface-3);color:var(--text-primary);border:1px solid var(--border-brand);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);box-shadow:var(--shadow-lg);animation:toast-slide-up var(--duration-normal) var(--ease-spring);pointer-events:auto}@keyframes toast-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gallery-card{background-color:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:transform var(--duration-normal) var(--ease-out), border-color var(--duration-fast);flex-direction:column;display:flex;position:relative;overflow:hidden}.gallery-card:hover{border-color:var(--border-strong);transform:translateY(-4px)}.gallery-card.featured{border-color:var(--brand-accent);box-shadow:0 0 15px oklch(85% .16 95/.1)}.gallery-featured-badge{background:linear-gradient(135deg, var(--brand-accent), var(--brand-primary));color:var(--surface-0);padding:2px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-family:var(--font-display);z-index:2;box-shadow:var(--shadow-sm);font-weight:700;position:absolute;top:12px;left:12px}.gallery-admin-feature-btn{border:1px solid var(--border-default);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;z-index:2;width:28px;height:28px;transition:all var(--duration-fast);background-color:oklch(13% .01 270/.85);justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.gallery-admin-feature-btn:hover{background-color:var(--surface-2);color:var(--text-primary)}.gallery-admin-feature-btn.active{color:var(--brand-accent);border-color:var(--brand-accent)}.gallery-delete-btn{border:1px solid var(--border-default);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;z-index:2;width:28px;height:28px;transition:all var(--duration-fast);background-color:oklch(13% .01 270/.85);justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.gallery-delete-btn:hover{background-color:var(--color-error);color:var(--text-primary);border-color:var(--color-error)}.gallery-admin-feature-btn+.gallery-delete-btn{right:48px}.gallery-preview-wrapper{border-bottom:1px solid var(--border-subtle);background-color:#060708;justify-content:center;align-items:center;height:200px;display:flex;position:relative;overflow:hidden}.gallery-preview-img{object-fit:contain;width:100%;height:100%;transition:transform var(--duration-slow)}.gallery-card:hover .gallery-preview-img{transform:scale(1.05)}.gallery-info-wrapper{padding:var(--space-4);gap:var(--space-3);flex-direction:column;flex-grow:1;display:flex}.gallery-info-header{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.gallery-card-title{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-weight:600;overflow:hidden}.gallery-like-btn{color:var(--text-secondary);cursor:pointer;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-sm);transition:all var(--duration-fast);font-size:var(--text-xs);font-family:var(--font-mono);background:0 0;border:none;display:flex}.gallery-like-btn:hover{background-color:var(--surface-2);color:var(--color-error)}.gallery-like-btn.liked{color:var(--color-error)}.gallery-card-actions{gap:var(--space-2);align-items:center;display:flex}.gallery-download-options{gap:var(--space-1);flex:1.5;display:flex}.gallery-download-options button{font-size:var(--text-xs);flex:1;padding:0}.topbar-nav{align-items:center;gap:var(--space-1);display:flex}.topbar-nav-link{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out);background:0 0;border:none;font-weight:500}.topbar-nav-link:hover{color:var(--text-primary);background-color:var(--surface-2)}.topbar-nav-link.active{color:var(--brand-primary);background-color:var(--surface-2);font-weight:600}.billing-container{max-width:1100px;padding:var(--space-10) var(--space-6);gap:var(--space-10);flex-direction:column;align-items:center;margin:0 auto;display:flex}.billing-hero{text-align:center;max-width:600px}.billing-title{font-family:var(--font-display);font-size:var(--text-4xl);margin-bottom:var(--space-3);background:linear-gradient(135deg, #fff 30%, var(--brand-primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:800}.billing-subtitle{color:var(--text-secondary);font-size:var(--text-base)}.pricing-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100%;display:grid}.pricing-card{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-8);transition:all var(--duration-normal) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}.pricing-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.pricing-card.popular{border-color:var(--brand-primary);box-shadow:var(--shadow-glow-brand)}.pricing-badge{background-color:var(--brand-primary);color:var(--surface-0);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;font-size:10px;font-weight:700;position:absolute;top:12px;right:12px}.pricing-header{margin-bottom:var(--space-6)}.pricing-plan-name{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:700}.pricing-price-row{align-items:baseline;gap:4px;display:flex}.pricing-price{font-family:var(--font-display);font-size:var(--text-4xl);color:var(--text-primary);font-weight:800}.pricing-period{font-size:var(--text-sm);color:var(--text-tertiary)}.pricing-features{margin:0 0 var(--space-8) 0;gap:var(--space-3);flex-direction:column;flex-grow:1;padding:0;list-style:none;display:flex}.pricing-feature-item{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.pricing-feature-item.check{color:var(--text-primary)}.pricing-feature-item.cross{color:var(--text-muted);text-decoration:line-through}.pricing-feature-icon{flex-shrink:0}.pricing-feature-icon.check{color:var(--brand-primary)}.pricing-feature-icon.cross{color:var(--color-error)}.faq-section{width:100%;max-width:800px}.faq-title{font-family:var(--font-display);font-size:var(--text-2xl);text-align:center;margin-bottom:var(--space-6);color:var(--text-primary)}.faq-list{gap:var(--space-3);flex-direction:column;display:flex}.faq-item{background-color:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:border-color var(--duration-fast);overflow:hidden}.faq-item:hover{border-color:var(--border-strong)}.faq-trigger{width:100%;padding:var(--space-4) var(--space-5);text-align:left;color:var(--text-primary);font-weight:600;font-size:var(--text-base);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.faq-content{padding:0 var(--space-5) var(--space-4) var(--space-5);color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--line-height-relaxed)}.billing-sandbox-card{width:100%;max-width:600px;padding:var(--space-8);background:var(--surface-1);border:1px solid var(--brand-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-glow-brand);text-align:center;gap:var(--space-6);flex-direction:column;align-items:center;margin:0 auto;display:flex}.sandbox-icon-anim{font-size:var(--text-5xl);animation:2.5s ease-in-out infinite pulse-icon}.canvas-toolbar-container{-webkit-backdrop-filter:blur(12px);background-color:oklch(16% .012 270/.8)!important}.toolbar-btn{outline:none;justify-content:center;align-items:center;display:inline-flex}.toolbar-btn:hover{background-color:var(--surface-3)!important;color:var(--text-primary)!important}.toolbar-btn.active{background-color:var(--surface-3)!important;color:var(--brand-primary)!important}.toolbar-btn.active:hover{color:var(--brand-primary-hover)!important}.tour-trigger-btn:hover{box-shadow:var(--shadow-glow-brand);border-color:var(--brand-accent)!important;background-color:oklch(85% .16 95/.1)!important}.presets-grid{margin-bottom:var(--space-4);grid-template-columns:repeat(2,1fr);gap:12px;padding:0 2px;display:grid}.preset-tile-btn{background-color:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--duration-fast);flex-direction:column;justify-content:center;align-items:center;height:52px;padding:4px;display:flex}.preset-tile-btn:hover{background-color:var(--surface-2);border-color:var(--border-strong)}.preset-tile-btn.active{background-color:var(--surface-3);border:1px solid var(--brand-primary)!important}.preset-tile-icon{color:var(--text-secondary);margin-bottom:1px;font-size:1rem}.preset-tile-btn.active .preset-tile-icon{color:var(--brand-primary)}.preset-tile-name{letter-spacing:.01em;text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;color:var(--text-secondary);font-size:9px;font-weight:500;overflow:hidden}.preset-tile-btn.active .preset-tile-name{color:var(--text-primary);font-weight:600}:root{--surface-0:oklch(13% .01 270);--surface-1:oklch(16% .012 270);--surface-2:oklch(19% .015 270);--surface-3:oklch(22% .018 270);--surface-4:oklch(26% .02 270);--brand-primary:oklch(75% .18 55);--brand-primary-hover:oklch(80% .2 55);--brand-primary-muted:oklch(75% .18 55/.15);--brand-secondary:oklch(80% .15 220);--brand-secondary-hover:oklch(85% .17 220);--brand-accent:oklch(85% .16 95);--color-success:oklch(72% .19 150);--color-warning:oklch(82% .18 85);--color-error:oklch(65% .22 25);--color-info:oklch(70% .15 250);--text-primary:#f5f5f7;--text-secondary:#9ea4b0;--text-tertiary:oklch(55% .01 270);--text-inverse:oklch(13% .01 270);--text-brand:var(--brand-primary);--border-subtle:oklch(25% .01 270/.5);--border-default:oklch(30% .015 270);--border-strong:oklch(40% .02 270);--border-brand:var(--brand-primary);--glass-bg:oklch(16% .012 270/.7);--glass-border:oklch(40% .02 270/.25);--glass-blur:16px;--glass-blur-heavy:32px;--shadow-sm:0 1px 2px oklch(0% 0 0/.3);--shadow-md:0 4px 12px oklch(0% 0 0/.4);--shadow-lg:0 8px 32px oklch(0% 0 0/.5);--shadow-glow-brand:0 0 20px oklch(75% .18 55/.3);--shadow-glow-cyan:0 0 20px oklch(80% .15 220/.3);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--font-display:"Orbitron", monospace;--font-body:"Outfit", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.1s;--duration-normal:.2s;--duration-slow:.4s;--duration-glacial:.8s;--z-canvas:1;--z-panel:10;--z-toolbar:20;--z-sidebar:30;--z-modal-backdrop:40;--z-modal:50;--z-command-palette:60;--z-toast:70;--z-tooltip:80;--bg-primary:#0a0a0d;--bg-secondary:#121217;--bg-glass:#121217bf;--border-glass:#ffffff14;--border-glass-hover:#ffffff26;--accent-cyan:#00f2fe;--accent-blue:#4facfe;--accent-orange:#ff6b00;--accent-gold:gold;--accent-purple:#9d50bb;--accent-red:#f36;--text-muted:#626875;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--glow-shadow:0 0 15px #00f2fe4d;--glass-shadow:0 8px 32px 0 #0006}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}h1,h2,h3,h4,.font-display{font-family:var(--font-display);letter-spacing:.05em}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);box-shadow:var(--glass-shadow);border-radius:16px;transition:border-color .3s,box-shadow .3s}.glass-panel:hover{border-color:var(--border-glass-hover)}.glow-cyan{text-shadow:0 0 10px #00f2fe80}.glow-orange{text-shadow:0 0 10px #ff6b0080}.app-container{background-image:radial-gradient(circle at 10% 20%,#14141e99 0%,#0a0a0fe6 80%);flex-direction:column;min-height:100dvh;display:flex}.app-header{border-bottom:1px solid var(--border-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#0a0a0dd9;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.logo{cursor:pointer;align-items:center;gap:.6rem;text-decoration:none;display:flex}.logo-text-wrapper{letter-spacing:.08em;background:linear-gradient(45deg, var(--accent-cyan), var(--accent-blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;font-size:1.45rem;font-weight:900;display:flex}.logo-text-sub{background:linear-gradient(45deg, var(--accent-gold), var(--accent-orange));-webkit-text-fill-color:transparent;letter-spacing:.05em;-webkit-background-clip:text;margin-left:.25rem;font-weight:300}.logo-icon-svg{vertical-align:middle;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:inline-block}.logo:hover .logo-icon-svg{transform:scale(1.12)}.logo-ring-1{transform-origin:50%;animation:18s linear infinite logo-spin-clockwise}.logo-ring-2{transform-origin:50%;animation:12s linear infinite logo-spin-counter}.logo-core{transform-origin:50%;animation:4s ease-in-out infinite alternate logo-pulse}@keyframes logo-spin-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes logo-spin-counter{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes logo-pulse{0%{opacity:.8;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}.header-nav{align-items:center;gap:1.5rem;display:flex}.nav-link{color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover,.nav-link.active{color:#fff}.user-badge{border:1px solid var(--border-glass);background:#ffffff0d;border-radius:20px;align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.85rem;display:flex}.badge-status{text-transform:uppercase;border-radius:4px;padding:.15rem .4rem;font-size:.7rem;font-weight:700}.badge-status.active{color:var(--accent-cyan);background:#00f2fe26;border:1px solid #00f2fe4d}.badge-status.none{color:var(--text-secondary);border:1px solid var(--border-glass);background:#ffffff0d}.dashboard-grid{flex:1;grid-template-columns:380px 1fr;height:calc(100dvh - 65px);display:grid;overflow:hidden}@media (width<=1024px){.dashboard-grid{grid-template-rows:auto auto;grid-template-columns:1fr;height:auto;overflow:auto}.canvas-workspace{order:1;padding:1.5rem 1rem}.sidebar-controls{border-right:none;border-top:1px solid var(--border-glass);background:#0c0c10fa;order:2;padding:1.5rem 1rem}}@media (width<=768px){#threejs-container{height:320px!important}}.sidebar-controls{border-right:1px solid var(--border-glass);background:#0c0c10f2;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex;overflow-y:auto}.control-section{flex-direction:column;gap:1rem;display:flex}.section-title{text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid #ffffff0d;margin-bottom:.2rem;padding-bottom:.4rem;font-size:.85rem}.canvas-workspace{background:radial-gradient(circle,#1b1b24 0%,#0a0a0d 100%);flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;position:relative;overflow:hidden}.canvas-container{aspect-ratio:1;background:#0f0f13;border:4px solid #ffffff08;border-radius:50%;justify-content:center;align-items:center;width:100%;max-width:500px;height:auto;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #0009}.canvas-element{aspect-ratio:1;object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.canvas-overlay-svg{aspect-ratio:1;object-fit:contain;pointer-events:none;width:100%;max-width:100%;height:100%;max-height:100%;position:absolute;top:0;left:0}.svg-interactive-overlay{z-index:10;pointer-events:auto;width:100%;height:100%;position:absolute;top:0;left:0}.drag-handle{fill:var(--accent-cyan);stroke:#fff;stroke-width:1.5px;cursor:pointer;transform-origin:50%;transform-box:fill-box;transition:transform .1s,fill .2s}.drag-handle:hover,.drag-handle.active{fill:#fff;stroke:var(--accent-cyan);transform:scale(1.3)}.drag-handle.start-node{fill:var(--accent-orange)}.wireframe-line{stroke:#ffffff1f;stroke-dasharray:4 4}.center-line{stroke:#00f2fe40;stroke-width:1.5px}.btn{font-family:var(--font-sans);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-sm{border-radius:6px;padding:.4rem .8rem;font-size:.8rem}.btn-primary{background:linear-gradient(135deg, var(--accent-cyan) 0%, var(--accent-blue) 100%);color:#050508}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00f2fe66}.btn-secondary{border:1px solid var(--border-glass);color:var(--text-primary);background:#ffffff0d}.btn-secondary:hover{border-color:var(--text-secondary);background:#ffffff1a}.btn-accent{background:linear-gradient(135deg, var(--accent-orange) 0%, #f30 100%);color:#fff}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ff6b0066}.btn-icon{aspect-ratio:1;border-radius:50%;padding:.5rem}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-label{color:var(--text-secondary);justify-content:space-between;font-size:.8rem;font-weight:500;display:flex}.slider-val{font-family:var(--font-display);color:var(--accent-cyan);font-size:.8rem}input[type=text],input[type=password],input[type=email],select{border:1px solid var(--border-glass);color:#fff;width:100%;font-family:var(--font-sans);background:#0000004d;border-radius:8px;padding:.65rem .9rem;font-size:.9rem;transition:all .2s}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,select:focus{border-color:var(--accent-cyan);outline:none;box-shadow:0 0 0 2px #00f2fe26}input[type=range]{appearance:none;background:#ffffff14;border-radius:3px;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent-cyan);cursor:pointer;border-radius:50%;width:16px;height:16px;transition:transform .1s;box-shadow:0 0 8px #00f2fe80}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.toggle-row{justify-content:space-between;align-items:center;padding:.3rem 0;display:flex}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;border:1px solid var(--border-glass);background-color:#ffffff14;border-radius:24px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:var(--text-secondary);border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.slider{border-color:var(--accent-cyan);background-color:#00f2fe26}input:checked+.slider:before{background-color:var(--accent-cyan);transform:translate(20px);box-shadow:0 0 6px #00f2fecc}.preset-grid{grid-template-columns:repeat(2,1fr);gap:.6rem;display:grid}.preset-card{border:1px solid var(--border-glass);cursor:pointer;text-align:center;color:var(--text-secondary);background:#ffffff05;border-radius:8px;padding:.6rem .8rem;font-size:.8rem;font-weight:500;transition:all .2s}.preset-card:hover{border-color:var(--text-primary);background:#ffffff0d}.preset-card.active{border-color:var(--accent-cyan);color:#fff;background:#00f2fe14;box-shadow:0 0 10px #00f2fe1a}.color-picker-grid{flex-wrap:wrap;gap:.6rem;display:flex}.color-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;transition:transform .2s,border-color .2s}.color-dot:hover{transform:scale(1.15)}.color-dot.active{border-color:#fff;box-shadow:0 0 8px #fff6}.canvas-controls{border:1px solid var(--border-glass);z-index:5;background:#121217bf;border-radius:30px;gap:1rem;margin-top:1.5rem;padding:.6rem 1.2rem;display:flex}.canvas-ctrl-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;transition:color .2s;display:flex}.canvas-ctrl-btn:hover{color:#fff}.canvas-ctrl-btn.active{color:var(--accent-cyan)}.export-panel{gap:var(--space-4);flex-direction:column;display:flex}.gallery-container{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:3rem 2rem;overflow-y:auto}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-top:2rem;display:grid}.gallery-card{flex-direction:column;display:flex;overflow:hidden}.gallery-preview{aspect-ratio:1;background:#0f0f13;border-top-left-radius:15px;border-top-right-radius:15px;justify-content:center;align-items:center;width:100%;height:auto;display:flex;position:relative;overflow:hidden}.gallery-preview canvas{aspect-ratio:1;object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.gallery-info{border-top:1px solid var(--border-glass);background:#0f0f14cc;border-bottom-right-radius:15px;border-bottom-left-radius:15px;flex-direction:column;gap:.5rem;padding:1.2rem;display:flex}.gallery-title{color:#fff;font-size:1rem;font-weight:600}.gallery-meta{color:var(--text-muted);font-size:.75rem}.hero-screen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:3rem 2rem;display:flex;position:relative;overflow:hidden}.hero-bg-art{opacity:.04;pointer-events:none;z-index:0;width:100vh;height:100vh;animation:120s linear infinite logo-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-content{z-index:10;flex-direction:column;align-items:center;gap:1.5rem;max-width:750px;display:flex}.hero-tag{text-transform:uppercase;color:var(--accent-cyan);letter-spacing:.2em;background:#00f2fe14;border:1px solid #00f2fe40;border-radius:20px;padding:.35rem .9rem;font-size:.85rem;font-weight:700}.hero-title{background:linear-gradient(135deg, #fff 30%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:4rem;font-weight:900;line-height:1.1}.hero-desc{color:var(--text-secondary);font-size:1.2rem;line-height:1.6}.hero-buttons{gap:1rem;margin-top:1rem;display:flex}.features-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;max-width:900px;margin-top:4rem;display:grid}@media (width<=768px){.features-grid{grid-template-columns:1fr}.hero-title{font-size:2.5rem}.app-header{padding:.75rem 1rem}.logo{gap:.4rem;font-size:1.15rem}.logo-icon{font-size:1.4rem}.header-nav{gap:.75rem}.nav-link{font-size:.85rem}.user-badge span:first-of-type{display:none}.user-badge{gap:.3rem;padding:.3rem .6rem}}@media (width<=480px){.header-nav .nav-link:first-of-type{display:none}.cookie-banner{max-width:none;padding:1rem;bottom:1rem;left:1rem;right:1rem}}.feature-card{text-align:left;flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.feature-icon{width:40px;height:40px;color:var(--accent-cyan);background:#ffffff08;border-radius:8px;justify-content:center;align-items:center;display:flex}.feature-title{color:#fff;font-size:1.1rem}.feature-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.auth-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#050508d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-panel{flex-direction:column;gap:1.5rem;width:100%;max-width:420px;padding:2.5rem;animation:.3s cubic-bezier(.16,1,.3,1) panel-fade-in;display:flex}@keyframes panel-fade-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.auth-header-title{text-align:center;margin-bottom:.5rem;font-size:1.6rem}.auth-switch-text{text-align:center;color:var(--text-secondary);font-size:.85rem}.auth-switch-link{color:var(--accent-cyan);cursor:pointer;text-decoration:underline}.billing-simulate-container{text-align:center;border:1px solid var(--accent-cyan);border-radius:20px;flex-direction:column;gap:1.5rem;max-width:550px;margin:4rem auto;padding:3rem;display:flex;box-shadow:0 0 30px #00f2fe1a}.simulate-icon{font-size:3.5rem;animation:2s ease-in-out infinite pulse-icon}@keyframes pulse-icon{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}to{opacity:.8;transform:scale(1)}}.pricing-amount{font-size:3rem;font-weight:800;font-family:var(--font-display);color:#fff;margin:1rem 0}.pricing-amount span{color:var(--text-secondary);font-size:1rem;font-family:var(--font-sans)}.toast-msg{background:var(--bg-secondary);border-left:4px solid var(--accent-cyan);color:#fff;z-index:2000;border-radius:8px;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:.9rem;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) toast-slide-in;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 10px 25px #00000080}@keyframes toast-slide-in{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.admin-panel-container{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.admin-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2.5rem;display:grid}.admin-stat-card{flex-direction:column;gap:.5rem;padding:1.5rem;display:flex;position:relative;overflow:hidden}.admin-stat-card:before{content:"";background:linear-gradient(90deg, var(--accent-cyan), var(--accent-blue));width:100%;height:4px;position:absolute;top:0;left:0}.admin-stat-card.exports:before{background:linear-gradient(90deg, var(--accent-orange), var(--accent-gold))}.admin-stat-card.subs:before{background:linear-gradient(90deg, var(--accent-purple), var(--accent-blue))}.admin-stat-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);font-size:.85rem}.admin-stat-value{font-size:2.2rem;font-weight:800;font-family:var(--font-display);color:#fff;line-height:1.2}.admin-content-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=1200px){.admin-content-grid{grid-template-columns:3fr 1fr}}.admin-table-container{padding:1.5rem;overflow-x:auto}.admin-table-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.admin-search-input{border:1px solid var(--border-glass);color:#fff;background:#ffffff0d;border-radius:8px;outline:none;width:280px;padding:.5rem 1rem;font-size:.9rem;transition:border-color .2s}.admin-search-input:focus{border-color:var(--accent-cyan)}.admin-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.admin-table th,.admin-table td{vertical-align:middle;border-bottom:1px solid #ffffff0d;padding:.85rem 1rem}.admin-table th{font-family:var(--font-display);text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;font-size:.75rem}.admin-table tr:hover{background:#ffffff05}.admin-actions{align-items:center;gap:.5rem;display:flex}.quota-controls{background:#0003;border:1px solid #ffffff0d;border-radius:6px;align-items:center;gap:.25rem;padding:.2rem;display:flex}.quota-display{text-align:center;min-width:40px;font-size:.85rem;font-weight:600}.btn-icon-sm{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;transition:background .2s,color .2s;display:flex}.btn-icon-sm:hover{color:#fff;background:#ffffff1a}.btn-icon-sm.delete:hover{color:var(--accent-red);background:#ff336626}.admin-select{color:#fff;border:1px solid var(--border-glass);cursor:pointer;background:#0a0a0de6;border-radius:6px;outline:none;padding:.25rem .5rem;font-size:.85rem}.admin-select:focus{border-color:var(--accent-cyan)}.top-users-list{flex-direction:column;gap:.75rem;display:flex}.top-user-item{background:#ffffff05;border:1px solid #ffffff08;border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.top-user-email{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:.85rem;overflow:hidden}.top-user-downloads{font-family:var(--font-display);color:var(--accent-cyan);font-size:.85rem}.cookie-banner{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);max-width:420px;box-shadow:var(--glass-shadow);z-index:1999;border-radius:16px;flex-direction:column;gap:1rem;padding:1.5rem;animation:.4s cubic-bezier(.16,1,.3,1) cookie-slide-up;display:flex;position:fixed;bottom:2rem;left:2rem}.cookie-banner:hover{border-color:var(--border-glass-hover)}.cookie-banner-title{font-family:var(--font-display);color:var(--accent-cyan);align-items:center;gap:.5rem;font-size:1rem;font-weight:600;display:flex}.cookie-banner-text{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.cookie-banner-text a{color:var(--accent-cyan);cursor:pointer;text-decoration:underline}.cookie-banner-buttons{gap:.5rem;display:flex}@keyframes cookie-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.tour-welcome-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20000;background:#050508d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tour-welcome-card{text-align:center;border:1px solid var(--border-glass-hover);width:90%;max-width:480px;padding:2.5rem 2rem;animation:.3s cubic-bezier(.25,.8,.25,1) modal-fade-in}.tour-welcome-title{color:var(--accent-cyan);margin-bottom:1rem;font-size:1.6rem}.tour-welcome-desc{color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem;line-height:1.5}.tour-welcome-buttons{justify-content:center;gap:1rem;display:flex}.tour-tooltip-card{-webkit-backdrop-filter:blur(20px);border:1px solid var(--accent-cyan);box-shadow:0 10px 40px #00f2fe26, var(--glass-shadow);background:#0f0f17eb;border-radius:14px;padding:1.25rem;animation:.25s cubic-bezier(.25,.8,.25,1) tour-tooltip-show}.tour-step-indicator{font-family:var(--font-display);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem}.tour-tooltip-title{color:#fff;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.tour-tooltip-desc{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.85rem;line-height:1.4}.tour-tooltip-footer{justify-content:space-between;align-items:center;display:flex}.tour-link-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;text-decoration:underline}.tour-link-btn:hover{color:var(--text-secondary)}.tour-actions-right{gap:.5rem;display:flex}@keyframes tour-tooltip-show{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.lock-toggle-btn:hover{color:#fc0!important;opacity:1!important}.gallery-gif{transition:transform .3s}.gallery-card:hover .gallery-gif{transform:scale(1.05)}