@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--color-bg-primary:#0a0a0f;--color-bg-secondary:#1a1a24;--color-bg-tertiary:#25252f;--color-bg-hover:#2d2d39;--color-text-primary:#f5f5f7;--color-text-secondary:#b8b8c4;--color-text-tertiary:#7a7a8e;--color-border:#2d2d39;--color-border-light:#3d3d4a;--color-brand:#8b5cf6;--color-brand-dark:#7c3aed;--color-brand-light:#a78bfa;--color-accent:#06b6d4;--color-accent-dark:#0891b2;--color-accent-light:#22d3ee;--color-success:#10b981;--color-success-dark:#059669;--color-warning:#f59e0b;--color-error:#ef4444;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-3xl:32px;--radius-full:999px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:32px;--font-size-4xl:42px;--font-size-5xl:56px;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0003;--shadow-xl:0 20px 25px -5px #0000004d;--shadow-2xl:0 25px 50px -12px #0006;--glow-brand:0 0 30px #8b5cf64d;--glow-accent:0 0 30px #06b6d44d;--transition-fast:.15s cubic-bezier(.4, 0, 1, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background-color:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);overflow-x:hidden}.site-header{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);z-index:200;background:#0a0a0fd9;position:sticky;top:0}.header-inner{width:100%;max-width:1400px;height:64px;padding:0 var(--space-8);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.header-logo{align-items:center;gap:var(--space-3);flex-shrink:0;text-decoration:none;display:flex}.header-logo img{flex-shrink:0;width:28px;height:28px}.header-logo-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.02em;white-space:nowrap}.header-logo-accent{color:var(--color-brand)}.header-nav{align-items:center;gap:var(--space-1);display:flex}.header-nav-link{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:color var(--transition-base), background var(--transition-base);align-items:center;text-decoration:none;display:inline-flex}.header-nav-link:hover{color:var(--color-text-primary);background:#ffffff0f}.header-nav-link--active{color:var(--color-brand-light);background:#8b5cf61a}.header-nav-link--active:hover{color:var(--color-brand-light);background:#8b5cf626}.header-hamburger{border:1px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;width:40px;height:40px;transition:border-color var(--transition-base), background var(--transition-base);background:0 0;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:0;display:none}.header-hamburger:hover{border-color:var(--color-brand);background:#8b5cf614}.hamburger-bar{background:var(--color-text-primary);width:18px;height:2px;transition:transform var(--transition-base), opacity var(--transition-base);transform-origin:50%;border-radius:2px;display:block}.header-hamburger.is-open .hamburger-bar:first-child{transform:translateY(7px)rotate(45deg)}.header-hamburger.is-open .hamburger-bar:nth-child(2){opacity:0;transform:scaleX(0)}.header-hamburger.is-open .hamburger-bar:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.header-mobile-drawer{max-height:0;transition:max-height var(--transition-slow);border-top:1px solid #0000;display:none;overflow:hidden}.header-mobile-drawer.is-open{border-top-color:var(--color-border);max-height:240px}.header-mobile-nav{padding:var(--space-3) var(--space-4) var(--space-4);gap:var(--space-1);flex-direction:column;display:flex}.header-mobile-link{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:color var(--transition-base), background var(--transition-base);text-decoration:none;display:block}.header-mobile-link:hover{color:var(--color-text-primary);background:#ffffff0d}.header-mobile-link--active{color:var(--color-brand-light);background:#8b5cf61a}@media (width<=768px){.header-nav{display:none}.header-hamburger{display:flex}.header-mobile-drawer{display:block}.header-inner{padding:0 var(--space-5);height:58px}}@media (width<=480px){.header-inner{padding:0 var(--space-4);height:54px}.header-logo-text{font-size:var(--font-size-base)}.header-logo img{width:24px;height:24px}}.hero-bg-grid{pointer-events:none;z-index:0;background-image:radial-gradient(circle,#8b5cf62e 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 20%,#0000 100%);mask-image:radial-gradient(80% 80%,#000 20%,#0000 100%)}.hero-orb{pointer-events:none;filter:blur(80px);z-index:0;border-radius:50%;position:absolute}.hero-orb--1{background:radial-gradient(circle,#8b5cf638 0%,#0000 70%);width:680px;height:680px;animation:14s ease-in-out infinite alternate hero-orb-drift;top:-180px;left:-180px}.hero-orb--2{background:radial-gradient(circle,#06b6d429 0%,#0000 70%);width:500px;height:500px;animation:18s ease-in-out infinite alternate-reverse hero-orb-drift;bottom:-120px;right:-80px}.hero-orb--3{background:radial-gradient(circle,#a78bfa1f 0%,#0000 70%);width:320px;height:320px;animation:8s ease-in-out infinite hero-orb-pulse;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes hero-orb-drift{0%{transform:translate(0)}to{transform:translate(40px,30px)}}@keyframes hero-orb-pulse{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}}.hero-section{background:var(--color-bg-primary);flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:clamp(16px,2vw,24px) clamp(20px,5vw,48px) clamp(12px,1.5vw,20px);display:flex;position:relative;overflow:hidden}.hero-inner{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,6vw,96px);width:100%;max-width:1280px;margin:0 auto;display:grid;position:relative}.hero-text{flex-direction:column;gap:0;display:flex}.hero-badge{border-radius:var(--radius-full);font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-brand-light);letter-spacing:.01em;background:#8b5cf61f;border:1px solid #8b5cf64d;align-items:center;gap:8px;width:fit-content;margin-bottom:24px;padding:6px 14px;animation:.5s both hero-fade-up;display:inline-flex}.hero-badge__dot{background:var(--color-brand-light);width:7px;height:7px;box-shadow:0 0 8px var(--color-brand);border-radius:50%;animation:2.4s ease-in-out infinite hero-pulse-dot}@keyframes hero-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.75)}}.hero-heading{letter-spacing:-.03em;color:var(--color-text-primary);margin:0 0 22px;font-size:clamp(38px,5.5vw,68px);font-weight:800;line-height:1.08;animation:.55s 80ms both hero-fade-up}.hero-heading__gradient{background:linear-gradient(130deg, var(--color-brand-light) 0%, var(--color-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--color-text-secondary);max-width:480px;margin:0 0 28px;font-size:clamp(15px,1.5vw,18px);line-height:1.7;animation:.55s .16s both hero-fade-up}.hero-trust{flex-wrap:wrap;gap:10px 20px;margin-bottom:36px;animation:.55s .22s both hero-fade-up;display:flex}.hero-trust__item{font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);align-items:center;gap:6px;display:flex}.hero-trust__item svg{color:var(--color-success);flex-shrink:0}.hero-buttons{flex-wrap:wrap;gap:12px;animation:.55s .28s both hero-fade-up;display:flex}.hero-btn--primary{background:linear-gradient(135deg, var(--color-brand) 0%, var(--color-brand-dark) 100%);color:#fff;font-size:15px;font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);cursor:pointer;isolation:isolate;border:none;align-items:center;gap:8px;padding:14px 28px;text-decoration:none;transition:transform .2s,box-shadow .2s;animation:2s ease-in-out infinite breatheButton;display:inline-flex;position:relative;overflow:visible;box-shadow:0 4px 24px #8b5cf659,inset 0 1px #ffffff1a}.hero-btn--primary:before{content:"";border-radius:inherit;filter:blur(20px);opacity:.15;z-index:-1;pointer-events:none;background:#8b5cf6cc;animation:2s ease-in-out infinite breatheGlow;position:absolute;inset:-10px}@keyframes breatheGlow{0%,to{opacity:.15;transform:scale(.98)}50%{opacity:.35;transform:scale(1.08)}}@keyframes breatheButton{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.hero-btn--primary:hover{color:#fff;transform:translateY(-3px);box-shadow:0 10px 36px #8b5cf680,inset 0 1px #ffffff26}.hero-btn--primary:active{transform:translateY(-1px)}.hero-btn--ghost{color:var(--color-text-secondary);font-size:15px;font-weight:var(--font-weight-medium);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);background:#ffffff0a;align-items:center;gap:6px;padding:14px 22px;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.hero-btn--ghost:hover{border-color:var(--color-brand);color:var(--color-brand-light);background:#8b5cf614}.hero-btn--ghost svg{transition:transform .2s}.hero-btn--ghost:hover svg{transform:translate(3px)}.hero-visual{justify-content:center;align-items:center;animation:.65s .1s both hero-fade-up;display:flex}.hero-visual__frame{width:100%;max-width:520px;position:relative}.hero-visual__glow{border-radius:var(--radius-2xl);filter:blur(40px);z-index:0;background:radial-gradient(#8b5cf659 0%,#06b6d426 60%,#0000 100%);animation:6s ease-in-out infinite hero-orb-pulse;position:absolute;inset:10%}.hero-visual__img{z-index:1;border-radius:var(--radius-2xl);width:100%;transition:transform .5s cubic-bezier(.23,1,.32,1);display:block;position:relative;box-shadow:0 2px 4px #0006,0 24px 64px #00000073,0 0 0 1px #8b5cf640}.hero-visual__frame:hover .hero-visual__img{transform:scale(1.015)translateY(-4px)}.hero-tile{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;background:linear-gradient(135deg,#8b5cf626,#06b6d41a);border:1px solid #8b5cf64d;animation:6s ease-in-out infinite hero-tile-float;position:absolute}.hero-tile--a{width:44px;height:44px;animation-delay:0s;top:-14px;left:12%;transform:rotate(12deg)}.hero-tile--b{width:28px;height:28px;animation-delay:1.5s;top:18%;right:-12px;transform:rotate(-8deg)}.hero-tile--c{width:36px;height:36px;animation-delay:.8s;bottom:12%;left:-14px;transform:rotate(6deg)}.hero-tile--d{width:22px;height:22px;animation-delay:2.2s;bottom:-8px;right:18%;transform:rotate(-14deg)}@keyframes hero-tile-float{0%,to{transform:translateY(0) rotate(var(--r,8deg))}50%{transform:translateY(-10px) rotate(var(--r,8deg))}}.hero-stat-pill{z-index:3;-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-full);font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;background:#0a0a0fd1;border:1px solid #8b5cf640;align-items:center;gap:7px;padding:8px 14px;display:inline-flex;position:absolute;box-shadow:0 4px 20px #00000059}.hero-stat-pill svg{color:var(--color-brand-light);flex-shrink:0}.hero-stat-pill--top{animation:5s ease-in-out infinite hero-pill-bob;top:18px;left:-16px}.hero-stat-pill--bottom{animation:5s ease-in-out 1.2s infinite hero-pill-bob;bottom:22px;right:-14px}@keyframes hero-pill-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero-scroll-cue{z-index:2;border:1px solid var(--color-border-light);width:36px;height:36px;color:var(--color-text-tertiary);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:border-color .2s,color .2s;animation:2.2s ease-in-out infinite hero-scroll-bounce;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.hero-scroll-cue:hover{border-color:var(--color-brand);color:var(--color-brand-light)}@keyframes hero-scroll-bounce{0%,to{opacity:.6;transform:translate(-50%)translateY(0)}50%{opacity:1;transform:translate(-50%)translateY(6px)}}@keyframes hero-fade-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media (width<=960px){.hero-inner{text-align:center;grid-template-columns:1fr;gap:52px}.hero-text{align-items:center}.hero-subtitle{max-width:560px}.hero-trust,.hero-buttons{justify-content:center}.hero-visual__frame{max-width:440px}.hero-stat-pill--top{top:-18px;left:0}.hero-stat-pill--bottom{bottom:-18px;right:0}}@media (width<=600px){.hero-section{padding-top:clamp(70px,14vw,90px);padding-bottom:clamp(64px,10vw,80px)}.hero-heading{letter-spacing:-.025em}.hero-visual__frame{max-width:340px}.hero-tile--a,.hero-tile--b,.hero-tile--c,.hero-tile--d{display:none}.hero-stat-pill{padding:6px 11px;font-size:11px}.hero-stat-pill--top{left:4px}.hero-stat-pill--bottom{right:4px}.hero-btn--primary,.hero-btn--ghost{padding:13px 20px;font-size:14px}}.btn{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-brand) 0%, var(--color-brand-dark) 100%);color:#fff;border:1px solid var(--color-brand);box-shadow:0 4px 15px #8b5cf633}.btn-primary:hover:not(:disabled){box-shadow:0 8px 25px #8b5cf666, var(--glow-brand);border-color:var(--color-brand-light);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:var(--color-text-primary);border:1px solid var(--color-border-light);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-brand);color:var(--color-brand)}.btn-outline-dark{color:var(--color-text-primary);border:1.5px solid var(--color-border-light);background:0 0}.btn-outline-dark:hover:not(:disabled){border-color:var(--color-brand);color:var(--color-brand);background:#8b5cf61a}.btn-success{background:linear-gradient(135deg, var(--color-success) 0%, var(--color-success-dark) 100%);color:#fff;border:1px solid var(--color-success);box-shadow:0 4px 15px #10b98133}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.hero-btn{padding:var(--space-4) var(--space-8);font-size:var(--font-size-base);border-radius:var(--radius-lg)}.tool-btn-render,.tool-btn-download{padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);transition:all var(--transition-base);border:none}.tool-btn-render{background:linear-gradient(135deg, var(--color-brand) 0%, var(--color-brand-dark) 100%);color:#fff;box-shadow:0 4px 15px #8b5cf633}.tool-btn-render:hover:not(:disabled){box-shadow:0 8px 25px #8b5cf666, var(--glow-brand);transform:translateY(-2px)}.tool-btn-render:disabled{background:var(--color-bg-hover);color:var(--color-text-tertiary);cursor:not-allowed}.tool-btn-download{background:linear-gradient(135deg, var(--color-success) 0%, var(--color-success-dark) 100%);color:#fff;box-shadow:0 4px 15px #10b98133}.tool-btn-download:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.btn-reset{cursor:pointer;color:var(--color-text-tertiary);padding:var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.btn-reset:hover{color:var(--color-brand);background:#8b5cf61a}.card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base)}.card:hover{border-color:var(--color-border-light);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.step-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base);text-align:center;background:#25252f99}.step-card:hover{border-color:var(--color-brand);background:#2d2d39cc;transform:translateY(-6px);box-shadow:0 20px 40px #8b5cf626}.step-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.step-card p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.step-number{background:linear-gradient(135deg, var(--color-brand) 0%, var(--color-brand-dark) 100%);color:#fff;width:48px;height:48px;font-weight:var(--font-weight-bold);margin-bottom:var(--space-4);border-radius:50%;justify-content:center;align-items:center;margin-left:auto;margin-right:auto;display:flex;box-shadow:0 4px 15px #8b5cf64d}.feature-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base);background:#25252f99}.feature-card:hover{border-color:var(--color-accent);background:#2d2d39cc;transform:translateY(-6px);box-shadow:0 20px 40px #06b6d41a}.feature-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.feature-card p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.content-container{max-width:1400px;padding:var(--space-20) var(--space-6);margin:auto}.section-header{text-align:center;margin-bottom:var(--space-16)}.section-header h2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.section-header p{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.two-column{gap:var(--space-16);grid-template-columns:1fr 1fr;align-items:center;display:grid}.info-section{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:linear-gradient(#25252f66 0%,#0000 100%)}.info-section h2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-6)}.info-section p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);font-size:var(--font-size-base);margin-bottom:var(--space-4)}.feature-list{margin-top:var(--space-6);list-style:none}.feature-list li{padding:var(--space-2) 0;color:var(--color-text-secondary);align-items:center;gap:var(--space-3);display:flex}.feature-list li:before{content:"→";color:var(--color-brand);font-weight:var(--font-weight-bold)}.section-image{border-radius:var(--radius-2xl);border:1px solid var(--color-border);width:80%;box-shadow:var(--shadow-xl)}.steps-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.features-grid{gap:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}.features-section{background:var(--color-bg-primary);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.faq-section{border-top:1px solid var(--color-border);background:linear-gradient(#25252f66 0%,#0000 100%)}.faq-container{max-width:900px;margin:auto}.accordion-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);background:0 0;overflow:hidden}.accordion-button{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);padding:var(--space-4) var(--space-6);transition:all var(--transition-base);background:#25252f99;border:none}.accordion-button:hover:not(.collapsed){background:#2d2d39cc}.accordion-button:after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a4a8b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")}.accordion-button:not(.collapsed):after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%238b5cf6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")}.accordion-body{border-top:1px solid var(--color-border);padding:var(--space-4) var(--space-6);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);border-top:1px solid var(--color-border);padding:var(--space-4) var(--space-6);line-height:var(--line-height-relaxed);background:0 0}.tool-section{padding:var(--space-12) var(--space-6);background:linear-gradient(#8b5cf61a 0%,#0000 50%),linear-gradient(360deg,#06b6d414 0%,#0000 50%)}.editor-container{gap:var(--space-8);flex-direction:column;max-width:1600px;margin:0 auto;display:flex}.editor-header{justify-content:space-between;align-items:flex-start;gap:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border);display:flex}.editor-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.editor-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.workflow-progress{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#25252f66;display:none}.progress-step{align-items:center;gap:var(--space-2);opacity:.5;transition:all var(--transition-base);flex-direction:column;flex:1;display:flex;position:relative}.progress-step.active,.progress-step.completed{opacity:1}.progress-step.active .progress-step-number{background:linear-gradient(135deg, var(--color-brand) 0%, var(--color-brand-dark) 100%);color:#fff;box-shadow:0 0 20px #8b5cf666}.progress-step.completed .progress-step-number{background:var(--color-success);color:#fff}.progress-step-number{border:2px solid var(--color-border);width:36px;height:36px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);transition:all var(--transition-base);background:#8b5cf61a;border-radius:50%;justify-content:center;align-items:center;display:flex}.progress-step-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-align:center;white-space:nowrap}.progress-step:after{content:"";background:var(--color-border);opacity:.5;height:2px;transition:all var(--transition-base);position:absolute;top:18px;left:calc(50% + 24px);right:-12px}.progress-step:last-child:after{display:none}.progress-step.completed:after,.progress-step.active:after{background:var(--color-brand);opacity:1}.editor-layout{gap:var(--space-6);grid-template-columns:280px 1fr 340px;min-height:600px;display:grid}.editor-panel{gap:var(--space-6);max-height:calc(100vh - 300px);padding-right:var(--space-2);flex-direction:column;display:flex;overflow-y:auto}.editor-panel::-webkit-scrollbar{width:6px}.editor-panel::-webkit-scrollbar-track{background:0 0}.editor-panel::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:3px}.editor-panel::-webkit-scrollbar-thumb:hover{background:#8b5cf680}@media (width>=1025px){.editor-panel-left{width:280px;max-height:calc(100vh - 100px);position:sticky;top:80px}.editor-panel-right{width:340px;max-height:calc(100vh - 100px);position:relative}.card-actions{z-index:10;border-bottom:1px solid var(--color-border);padding-bottom:var(--space-6);margin-bottom:var(--space-6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#25252ff2;position:sticky;top:0}}.editor-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base);background:#25252f99}.editor-card:hover{border-color:var(--color-border-light);background:#2d2d39cc}.card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.card-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.btn-icon{color:var(--color-text-tertiary);font-size:var(--font-size-lg);cursor:pointer;border-radius:var(--radius-sm);width:28px;height:28px;transition:all var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.btn-icon:hover{color:var(--color-brand);background:#8b5cf61a}.upload-area{border:2px dashed var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;cursor:pointer;transition:all var(--transition-base);background:#8b5cf60d;justify-content:center;align-items:center;min-height:140px;display:flex}.upload-area:hover{border-color:var(--color-brand);background:#8b5cf61a;transform:translateY(-2px)}.upload-area.dragover{border-color:var(--color-brand);background:#8b5cf626;box-shadow:0 10px 30px #8b5cf633}.upload-area-content{align-items:center;gap:var(--space-3);pointer-events:none;flex-direction:column;display:flex}.upload-icon{width:44px;height:44px;color:var(--color-brand);opacity:.7;transition:all var(--transition-base)}.upload-area:hover .upload-icon{opacity:1;transform:scale(1.1)}.upload-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.upload-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:0}.upload-preview{margin-top:var(--space-4);justify-content:center;display:flex}.upload-preview img{border-radius:var(--radius-md);border:1px solid var(--color-border);max-width:100%;max-height:120px;box-shadow:0 4px 12px #0003}.tiles-preview-grid{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(60px,1fr));max-height:200px;display:grid;overflow-y:auto}.tiles-preview-grid::-webkit-scrollbar{height:4px}.tiles-preview-grid::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:2px}.presets-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.preset-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);cursor:pointer;align-items:center;gap:var(--space-2);transition:all var(--transition-base);color:var(--color-text-primary);background:#8b5cf61a;flex-direction:column;display:flex}.preset-btn:hover{border-color:var(--color-brand);background:#8b5cf633;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf633}.preset-btn.active{background:linear-gradient(135deg, var(--color-brand) 0%, var(--color-brand-dark) 100%);border-color:var(--color-brand-light);color:#fff}.preset-icon{font-size:24px;line-height:1}.preset-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:center}.editor-panel-center{position:relative;overflow:visible}.preview-container{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#25252f99;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex;overflow:auto}.img-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.empty-state{margin-top:var(--space-24);text-align:center;padding:var(--space-12);color:var(--color-text-secondary)}.empty-state-icon{width:64px;height:64px;color:var(--color-brand);opacity:.3;margin-bottom:var(--space-4)}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.empty-state-text{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.empty-state.hidden{display:none}.src-container{align-items:center;gap:var(--space-6);flex-direction:column;width:100%;display:flex}.src-container.hidden{display:none}.result-preview-img{border-radius:var(--radius-lg);border:1px solid var(--color-border);max-width:100%;max-height:500px;box-shadow:0 10px 30px #0000004d}.output-container{justify-content:center;align-items:center;min-height:300px;display:flex}.progress-bar-container{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-4);border-radius:var(--radius-lg);background:#0003;display:flex;position:relative;overflow:hidden}.progress-bar-container .progress{border:1px solid var(--color-border);background:#8b5cf61a;border-radius:999px;height:8px;overflow:hidden}.progress-bar-container .progress .progress{background:linear-gradient(90deg, var(--color-brand) 0%, var(--color-accent) 100%);height:100%;transition:width var(--transition-base);border-radius:999px;box-shadow:0 0 20px #8b5cf666}.progress-text{margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:center;display:block}.control-group{margin-bottom:var(--space-6)}.control-group:last-child{margin-bottom:0}.adjustments-section{opacity:0;max-height:0;transition:all var(--transition-base);overflow:hidden}.adjustments-section.expanded{opacity:1;max-height:600px}.adjustments-toggle{color:var(--color-text-secondary);cursor:pointer;padding:var(--space-3) 0;font-weight:var(--font-weight-semibold);align-items:center;gap:var(--space-2);width:100%;transition:all var(--transition-base);background:0 0;border:none;display:flex}.adjustments-toggle:hover{color:var(--color-brand)}.adjustments-toggle:after{content:"▼";transition:transform var(--transition-base);font-size:12px}.adjustments-toggle.collapsed:after{transform:rotate(-90deg)}.slider-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.slider-header .form-label{margin:0}.slider-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-brand)}.card-actions{gap:var(--space-3);flex-direction:column;display:flex}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);min-height:44px}.btn-lg .btn-text{display:block}.btn-lg.hidden{display:none}.card-actions .btn-lg{width:100%}@media (width<=1200px){.editor-layout{gap:var(--space-6);grid-template-columns:1fr}.editor-panel-left,.editor-panel-center,.editor-panel-right{max-height:none;width:auto!important;position:static!important}.editor-panel{padding-right:0}.card-actions{-webkit-backdrop-filter:none;backdrop-filter:none;margin-bottom:var(--space-6);background:0 0;border-bottom:none;padding-bottom:0;position:static!important}.workflow-progress{flex-wrap:wrap}.progress-step{flex:0 1 calc(50% - var(--space-2))}.progress-step:after{display:none}}@media (width<=768px){.editor-header{align-items:flex-start;gap:var(--space-4);flex-direction:column}.editor-header button{width:100%}.workflow-progress{padding:var(--space-4);gap:var(--space-3)}.progress-step{flex:1}.progress-step-number{width:32px;height:32px;font-size:var(--font-size-sm)}.progress-step-label{white-space:normal;font-size:11px}.editor-layout{grid-template-columns:1fr}.presets-grid{grid-template-columns:repeat(2,1fr)}.tiles-preview-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}.preview-container{min-height:300px}.result-preview-img{max-height:400px}.empty-state{padding:var(--space-6)}.empty-state-icon{width:48px;height:48px}}@media (width<=480px){.editor-title{font-size:var(--font-size-2xl)}.editor-subtitle{font-size:var(--font-size-xs)}.editor-card{padding:var(--space-4)}.card-title{font-size:var(--font-size-base)}.card-description{font-size:var(--font-size-xs)}.upload-area{min-height:120px;padding:var(--space-4)}.upload-icon{width:36px;height:36px}.upload-text{font-size:12px}.presets-grid{grid-template-columns:1fr}.preset-btn{padding:var(--space-3)}.preset-icon{font-size:20px}.preview-container{min-height:250px}.result-preview-img{max-height:300px}.tiles-preview-grid{grid-template-columns:repeat(auto-fill,minmax(45px,1fr))}.workflow-progress{padding:var(--space-3);gap:var(--space-2)}.progress-step-number{width:28px;height:28px;font-size:var(--font-size-xs)}.progress-step-label{font-size:10px}}.form-select{color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);transition:all var(--transition-base);font-family:var(--font-family);background:#25252fcc}.form-select:hover{border-color:var(--color-border-light)}.form-select:focus{border-color:var(--color-brand);outline:none;box-shadow:0 0 0 3px #8b5cf61a}.form-select option{background:var(--color-bg-secondary);color:var(--color-text-primary)}.form-check-input{border:2px solid var(--color-border-light);border-radius:var(--radius-sm);cursor:pointer;width:20px;height:20px;transition:all var(--transition-base);accent-color:var(--color-brand);background:0 0}.form-check-input:hover{border-color:var(--color-brand)}.form-check-input:checked{background:var(--color-brand);border-color:var(--color-brand)}.form-check-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-left:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none}.progress{border:1px solid var(--color-border);background:#8b5cf61a;border-radius:999px;height:8px;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--color-brand) 0%, var(--color-accent) 100%);height:100%;transition:width var(--transition-base);border-radius:999px;box-shadow:0 0 20px #8b5cf666}.progress-bar-striped{background-image:linear-gradient(45deg,#ffffff26 25%,#0000 25% 50%,#ffffff26 50% 75%,#0000 75%,#0000);background-size:1rem 1rem}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@keyframes progress-bar-stripes{0%{background-position:0 0}to{background-position:1rem 0}}.spinner-border{border:3px solid #8b5cf633;border-top-color:var(--color-brand);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.footer-section{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);color:var(--color-text-secondary)}.footer-inner{max-width:1400px;padding:var(--space-14) var(--space-8) var(--space-10);gap:var(--space-16);align-items:flex-start;margin:0 auto;display:flex}.footer-brand{flex:1;min-width:0;max-width:360px}.footer-logo{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);text-decoration:none;display:inline-flex}.footer-logo img{flex-shrink:0;width:26px;height:26px}.footer-logo-text{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.02em}.footer-tagline{font-size:var(--font-size-sm);color:var(--color-text-tertiary);line-height:var(--line-height-relaxed);margin:0}.footer-links{gap:var(--space-12);flex-shrink:0;display:flex}.footer-links-col{gap:var(--space-3);flex-direction:column;display:flex}.footer-links-heading{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin:0 0 var(--space-1)}.footer-link{font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:color var(--transition-base);font-weight:var(--font-weight-normal);text-decoration:none}.footer-link:hover{color:var(--color-brand-light)}.footer-bottom{max-width:1400px;padding:var(--space-5) var(--space-8);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin:0 auto;display:flex}.footer-copy,.footer-author{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:0}.footer-author-link{color:var(--color-brand);font-weight:var(--font-weight-medium);transition:color var(--transition-base);text-decoration:none}.footer-author-link:hover{color:var(--color-brand-light)}@media (width<=768px){.footer-inner{gap:var(--space-10);padding:var(--space-10) var(--space-5) var(--space-8);flex-direction:column}.footer-brand{max-width:none}.footer-links{gap:var(--space-8)}.footer-bottom{padding:var(--space-5);align-items:flex-start;gap:var(--space-2);flex-direction:column}}@media (width<=480px){.footer-inner{padding:var(--space-8) var(--space-4) var(--space-6)}.footer-links{gap:var(--space-6);flex-direction:column}.footer-bottom{padding:var(--space-4)}}.image-box{border-radius:var(--radius-lg);border:1px solid var(--color-border);width:80px;height:80px}.image-box:hover{border-color:var(--color-brand);transform:scale(1.05);box-shadow:0 8px 20px #8b5cf64d}.img-button{color:#fff;padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;text-align:center;transition:all var(--transition-base);opacity:0;background:#000000b3;position:absolute;bottom:0;left:0;right:0}.image-box:hover .img-button{opacity:1;background:#8b5cf6e6}.d-flex{display:flex}.flex-wrap{flex-wrap:wrap}.flex-column{flex-direction:column}.justify-content-center{justify-content:center}.align-items-center{align-items:center}.d-none{display:none}.hidden{display:none!important}.mt-3{margin-top:var(--space-6)}.mt-4{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-4)}.mb-3{margin-bottom:var(--space-6)}.mx-2{margin-left:var(--space-4);margin-right:var(--space-4)}.px-2{padding-left:var(--space-4);padding-right:var(--space-4)}.p-2{padding:var(--space-4)}.p-3{padding:var(--space-6)}.p-4{padding:var(--space-8)}.w-100{width:100%}.w-50{width:50%}.text-center{text-align:center}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.m-3{margin:var(--space-6)}.m-2{margin:var(--space-4)}.my-4{margin-top:var(--space-8);margin-bottom:var(--space-8)}.ml-2{margin-left:var(--space-4)}.border{border:1px solid var(--color-border)}.shadow{box-shadow:var(--shadow-md)}.cursor-pointer{cursor:pointer}.rounded{border-radius:var(--radius-sm)}.rounded-circle{border-radius:50%}.width-32{width:32px}.height-32{height:32px}.align-self-end{align-self:flex-end}.container{border-radius:var(--radius-xl);margin-top:var(--space-6);margin-bottom:var(--space-6);background:0 0;border:none;width:640px;padding:0}@media only screen and (width<=600px){.container{width:100%}}.sub-img-container{border:1px solid var(--color-border);border-radius:var(--radius-lg);max-height:500px;padding:var(--space-4);background:#0003;overflow-y:auto}.sub-img-container::-webkit-scrollbar{width:6px}.sub-img-container::-webkit-scrollbar-track{background:0 0}.sub-img-container::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:3px}.sub-img-container::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.sub-image{object-fit:cover;border-radius:var(--radius-md);width:100px;height:100px;margin:var(--space-2);border:1px solid var(--color-border);transition:all var(--transition-base);cursor:pointer}.sub-image:hover{border-color:var(--color-brand);transform:scale(1.05);box-shadow:0 4px 12px #8b5cf64d}.prev-img-box{border-radius:var(--radius-lg);border:1px solid var(--color-border);max-width:100%;height:auto;display:block}#outputCanvas{border-radius:var(--radius-lg);border:1px solid var(--color-border);margin-top:var(--space-4)}@media (width<=1200px){.content-container{padding:var(--space-14) var(--space-6)}.hero-text h1{font-size:var(--font-size-4xl)}.section-header h2{font-size:var(--font-size-3xl)}.steps-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.navbar>div{padding:0 var(--space-4)}.hero-section{padding:var(--space-12) var(--space-4)}.hero-content{gap:var(--space-8);grid-template-columns:1fr}.hero-text h1{font-size:var(--font-size-3xl)}.hero-buttons{gap:var(--space-3);flex-direction:column}.hero-btn{width:100%}.two-column,.steps-grid,.gallery-grid,.features-grid{gap:var(--space-8);grid-template-columns:1fr}.content-container{padding:var(--space-10) var(--space-4)}.section-header h2{font-size:var(--font-size-2xl)}.section-header p{font-size:var(--font-size-base)}.tool-wrapper{padding:var(--space-6);border-radius:var(--radius-xl)}.tool-content h2{font-size:var(--font-size-2xl)}.image-upload-box{width:160px;height:160px}.tool-actions{gap:var(--space-3)}.tool-btn-render,.tool-btn-download{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);width:100%}.overlay-controls,.result-preview-img{max-width:100%}.hero-image{display:none}.carousel{width:100%}.carousel.w-50{width:100%!important}.hero-section:before{width:500px;height:500px;top:-100px;left:-100px}.hero-section:after{width:400px;height:400px;bottom:-50px;right:-50px}}@media (width<=480px){.navbar{height:50px}.navbar>div{font-size:var(--font-size-base);padding:0 var(--space-3)}.hero-text h1{font-size:var(--font-size-2xl)}.hero-subtitle{font-size:var(--font-size-base)}.section-header h2{font-size:var(--font-size-xl)}.tool-section-group h3{font-size:var(--font-size-lg)}.image-upload-box{width:140px;height:140px}.upload-icon{width:36px;height:36px}.tool-wrapper,.step-card,.feature-card{padding:var(--space-4)}.tool-section-header{flex-direction:column}.btn,.hero-buttons,.tool-actions{width:100%}.carousel{width:100%!important}.hero-section:before{width:300px;height:300px}.hero-section:after{width:250px;height:250px}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-slide-up{animation:slideUp var(--transition-slow) ease-out}.wizard-container{width:100%;min-height:600px;position:relative}.wizard-stage{animation:fadeIn var(--transition-base);scroll-margin-top:100px;display:none}.wizard-stage.active{display:block}.wizard-content{gap:var(--space-8);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#25252f99;flex-direction:column;display:flex}.stage-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.wizard-progress{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-6);margin-bottom:var(--space-8);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#25252f66;display:flex}.wizard-progress-step{align-items:center;gap:var(--space-2);opacity:.5;transition:all var(--transition-base);flex-direction:column;flex:1;display:flex;position:relative}.wizard-progress-step.active,.wizard-progress-step.completed{opacity:1}.wizard-progress-step.active .wizard-progress-badge{background:linear-gradient(135deg, var(--color-brand) 0%, var(--color-brand-dark) 100%);color:#fff;box-shadow:0 0 20px #8b5cf666}.wizard-progress-step.completed .wizard-progress-badge{background:var(--color-success);color:#fff}.wizard-progress-badge{border:2px solid var(--color-border);width:36px;height:36px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);transition:all var(--transition-base);background:#8b5cf61a;border-radius:50%;justify-content:center;align-items:center;display:flex}.wizard-progress-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-align:center;white-space:nowrap}.wizard-progress-line{background:var(--color-border);opacity:.5;height:2px;transition:all var(--transition-base);margin:0 var(--space-4);flex:1}.wizard-progress-step.completed~.wizard-progress-line,.wizard-progress-step.active~.wizard-progress-line{background:var(--color-brand);opacity:1}.stage-description{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.photo-selection-section{gap:var(--space-4);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base);background:#8b5cf60d;flex-direction:column;display:flex}.photo-selection-section:last-of-type{margin-bottom:var(--space-4)}.section-subtitle{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.section-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.4}@media (width<=768px){.photo-selection-section{padding:var(--space-4);gap:var(--space-3)}.section-subtitle{font-size:var(--font-size-base)}.main-image-selector{gap:var(--space-4)}}.main-image-selector{flex-direction:column;gap:24px;display:flex}.upload-card{cursor:pointer;background:#ffffff0a;border:2px dashed #ffffff26;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:220px;height:220px;transition:all .25s;display:flex}.upload-card:hover{background:#8b5cf614;border-color:#8b5cf6}@media (width<=600px){.upload-card{width:100%;max-width:200px;height:180px}}.upload-card-title{color:#fff;margin-top:12px;font-weight:600}.upload-card-subtitle{color:#ffffffb3;margin-top:4px;font-size:13px}.upload-icon{color:#8b5cf6;width:56px;height:56px}@media (width<=600px){.upload-icon{width:40px;height:40px}}#previewSource{justify-content:center;display:flex}#previewSource .image-box{width:220px;height:220px}.preview-area{border:1px solid var(--color-border);background:#8b5cf608;border-radius:20px;justify-content:center;align-items:center;min-height:400px;padding:24px;display:flex}.preview-section{flex-direction:column;align-items:center;margin-top:32px;display:flex}.selection-label{color:var(--color-text-secondary);margin-bottom:12px;font-size:14px;font-weight:600}.upload-preview.large{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.upload-preview.large img{border-radius:var(--radius-md);max-width:100%;max-height:100%}.tiles-grid-area{grid-column:1/-1}.tiles-preview-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(80px,1fr));max-height:400px;display:grid;overflow-y:auto}.tiles-preview-grid img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border);width:100%;transition:all var(--transition-base)}.tiles-preview-grid img:hover{border-color:var(--color-brand);transform:scale(1.08);box-shadow:0 2px 8px #8b5cf64d}.stage-preview-area{border-radius:var(--radius-lg);border:1px solid var(--color-border);min-height:400px;padding:var(--space-4);justify-content:flex-start;align-items:center;gap:var(--space-4);background:#8b5cf60d;flex-direction:column;display:flex;overflow:hidden}.comparison-view-toggle{gap:var(--space-2);border-radius:var(--radius-md);padding:var(--space-2);border:1px solid var(--color-border);background:#ffffff0d;width:100%;max-width:320px;display:flex}.view-mode-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);background:0 0;border:1px solid #0000;flex:1}.view-mode-btn:hover{color:var(--color-text-primary)}.view-mode-btn.active{background:var(--color-brand);color:#fff;border-color:var(--color-brand);box-shadow:0 0 15px #8b5cf64d}.comparison-slider-container{justify-content:center;align-items:center;width:100%;height:100%;min-height:400px;display:flex}.comparison-viewport{border-radius:var(--radius-md);cursor:ew-resize;-webkit-user-select:none;user-select:none;background:#000;width:100%;height:100%;min-height:350px;position:relative;overflow:hidden}.comparison-layer{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.comparison-img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.comparison-label{top:var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#fffc;text-transform:uppercase;letter-spacing:.5px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;pointer-events:none;background:#00000080;position:absolute}.before-layer .comparison-label{left:var(--space-3)}.after-layer .comparison-label{right:var(--space-3)}.comparison-slider-handle{cursor:ew-resize;z-index:10;background:0 0;flex-direction:column;justify-content:center;align-items:center;width:44px;height:100%;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.comparison-slider-handle:before{content:"";background:linear-gradient(180deg, transparent 0%, #8b5cf699 8%, var(--color-brand) 25%, var(--color-brand) 75%, #8b5cf699 92%, transparent 100%);width:2px;height:100%;transition:background var(--transition-base), box-shadow var(--transition-base);pointer-events:none;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 10px #8b5cf680}.comparison-slider-handle:hover:before,.comparison-slider-handle:active:before{background:linear-gradient(180deg, transparent 0%, #a78bfacc 8%, var(--color-brand-light) 25%, var(--color-brand-light) 75%, #a78bfacc 92%, transparent 100%);box-shadow:0 0 18px #8b5cf6cc, var(--glow-brand)}.slider-knob{z-index:1;border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-brand) 0%, var(--color-brand-dark) 100%);width:40px;height:40px;box-shadow:0 0 0 4px #8b5cf626, 0 4px 16px #8b5cf680, var(--shadow-lg);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);border:2px solid #a78bfa99;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.comparison-slider-handle:hover .slider-knob{border-color:var(--color-brand-light);box-shadow:0 0 0 6px #8b5cf633, 0 6px 24px #8b5cf6b3, var(--glow-brand);transform:scale(1.12)}.comparison-slider-handle:active .slider-knob{border-color:var(--color-accent);box-shadow:0 0 0 6px #06b6d433, 0 4px 20px #06b6d480, var(--glow-accent);transform:scale(.95)}.slider-knob-icon{color:#ffffffe6;width:18px;height:18px;transition:color var(--transition-base)}.comparison-slider-handle:active .slider-knob-icon{color:var(--color-accent-light)}.mosaic-only-container,.mosaic-only-container .img-container-wizard{width:100%;height:100%;min-height:350px}.mosaic-only-container .src-container{width:100%;height:100%}.mosaic-only-container .result-preview-img{object-fit:contain;max-width:100%;max-height:100%}@media (width<=768px){.stage-preview-area{min-height:300px;padding:var(--space-3)}.comparison-slider-container,.comparison-viewport{min-height:300px}.comparison-view-toggle{max-width:100%}}@media (width<=600px){.stage-preview-area{min-height:250px;padding:var(--space-2)}.comparison-slider-container{min-height:250px}.comparison-viewport{border-radius:var(--radius-sm);min-height:250px}.comparison-view-toggle{width:100%}.view-mode-btn{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.comparison-label{padding:var(--space-1) var(--space-2);top:var(--space-2);font-size:10px}.before-layer .comparison-label{left:var(--space-2)}.after-layer .comparison-label{right:var(--space-2)}}.img-container-wizard{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.stage-adjustments{gap:var(--space-6);padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#8b5cf60d;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.adjustment-col{gap:var(--space-3);flex-direction:column;display:flex}.adjustment-col .form-label{font-size:var(--font-size-sm);color:var(--color-text-primary);margin-bottom:0}.stage-actions{gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--color-border);justify-content:flex-end;display:flex}.stage-actions .btn{min-width:120px}.stage-actions .btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=600px){.stage-actions{flex-direction:column}.stage-actions .btn{width:100%}}@media (width<=768px){.wizard-progress{padding:var(--space-4);gap:var(--space-2)}.wizard-progress-badge{width:32px;height:32px;font-size:var(--font-size-sm)}.wizard-progress-label{font-size:var(--font-size-xs);white-space:normal;max-width:80px}}@media (width<=600px){.wizard-progress{padding:var(--space-3);gap:var(--space-1)}.wizard-progress-badge{width:28px;height:28px;font-size:var(--font-size-xs)}.wizard-progress-label{max-width:70px;font-size:10px;line-height:1.2}.wizard-progress-line{margin:0 var(--space-2)}.wizard-content{padding:var(--space-3);gap:var(--space-4)}.stage-title{font-size:var(--font-size-lg)}.stage-description{font-size:var(--font-size-sm)}.photo-selection-section{padding:var(--space-3);gap:var(--space-2)}.section-subtitle{font-size:var(--font-size-base)}.section-description{font-size:var(--font-size-xs)}.main-image-selector{gap:var(--space-3)}.d-flex.flex-column.flex-md-row{flex-direction:column!important;align-items:center!important}.stage-actions{flex-direction:column}.stage-actions .btn{width:100%}}.tile-pack{flex-wrap:wrap;width:220px}.stack-preview{width:180px;height:180px;margin:0 auto 20px;position:relative}.stack-layer{border:2px solid #e5e7eb;border-radius:16px;width:100%;height:100%;position:absolute}.layer-3{top:12px;left:-12px;transform:rotate(-8deg)}.layer-2{top:6px;left:10px;transform:rotate(6deg)}.layer-1{top:3px;left:-4px;transform:rotate(-3deg)}.main-image{object-fit:cover;z-index:4;border:3px solid #fff;border-radius:16px;width:100%;height:100%;position:absolute;box-shadow:0 10px 25px #00000026}.image-count{z-index:999;color:#fff;background:#2563eb;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;top:8px;right:8px}.stack-preview:hover .layer-3{transform:translate(8px,8px)}.stack-preview:hover .layer-2{transform:translate(4px,4px)}.stack-preview:hover .main-image{transform:translate(-2px,-2px)}.stack-layer,.main-image{transition:all .25s}.collection-caption{z-index:999;color:#fff;text-transform:capitalize;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;bottom:8px;left:8px}.main-image-preview{width:180px;height:180px;margin:0 auto 20px;position:relative}.main-image-preview .main-image{object-fit:cover;border:3px solid #fff;border-radius:16px;width:100%;height:100%;transition:transform .25s;position:absolute;inset:0;box-shadow:0 10px 25px #00000026}.main-image-preview:hover .main-image{transform:translateY(-4px)}.touchup-toggle-wrap{margin:var(--space-4) 0 0;justify-content:center;display:flex}.touchup-toggle-btn{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);border:1px solid var(--color-border-light);background:var(--color-bg-tertiary);color:var(--color-text-secondary);transition:all var(--transition-base);display:flex}.touchup-toggle-btn:hover,.touchup-toggle-btn.active{border-color:var(--color-brand);color:var(--color-brand-light);background:#8b5cf614}.touchup-section{margin-top:var(--space-6);padding:var(--space-5);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.touchup-header{margin-bottom:var(--space-4)}.touchup-title{align-items:center;gap:var(--space-2);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-1);display:flex}.touchup-description{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:0}.touchup-controls{gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:flex-start;display:flex}.touchup-modes{gap:var(--space-2);flex-wrap:wrap;display:flex}.touchup-mode-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid var(--color-border-light);background:var(--color-bg-tertiary);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;display:flex}.touchup-mode-btn.active{background:var(--color-brand);border-color:var(--color-brand);color:#fff}.touchup-mode-btn:not(.active):hover{border-color:var(--color-brand);color:var(--color-brand-light)}.touchup-slider-row{flex-direction:column;flex:1;gap:4px;min-width:140px;display:flex}.touchup-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.touchup-slider-wrap{align-items:center;gap:var(--space-2);display:flex}.touchup-range{flex:1}.touchup-value{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;text-align:right;min-width:24px}.touchup-actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.touchup-action-btn{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);border-radius:var(--radius-sm);display:flex}.touchup-action-btn:disabled{opacity:.4;cursor:not-allowed}.touchup-canvas-wrap{border-radius:var(--radius-lg);background:var(--color-bg-primary);cursor:none;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;position:relative;overflow:hidden}.touchup-preview-img{border-radius:var(--radius-lg);pointer-events:none;width:100%;height:auto;display:block}.touchup-canvas{border-radius:var(--radius-lg);pointer-events:none;opacity:0;width:100%;height:100%;position:absolute;inset:0}.touchup-cursor{pointer-events:none;border:2px solid #ffffffd9;border-radius:50%;transition:width .1s,height .1s;display:none;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000080}.touchup-canvas-wrap:hover .touchup-cursor,.touchup-canvas-wrap.painting .touchup-cursor{display:block}.touchup-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-align:center;margin:var(--space-2) 0 0}@media (width<=600px){.touchup-controls{flex-direction:column}.touchup-slider-row{min-width:unset;width:100%}}#renderProgressContainer{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#comparisonOriginal,#comparisonMosaic{visibility:hidden}.section-eyebrow{border-radius:var(--radius-full);font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-brand-light);letter-spacing:.04em;text-transform:uppercase;width:fit-content;margin:0 auto var(--space-5);background:#8b5cf61a;border:1px solid #8b5cf640;align-items:center;gap:8px;padding:5px 14px;display:inline-flex}.section-eyebrow__dot{background:var(--color-brand-light);width:6px;height:6px;box-shadow:0 0 8px var(--color-brand);border-radius:50%;animation:2.4s ease-in-out infinite hero-pulse-dot}.section-eyebrow__dot--accent{background:var(--color-accent-light);box-shadow:0 0 8px var(--color-accent)}.section-header--redesign{text-align:center;margin-bottom:var(--space-16);flex-direction:column;align-items:center;display:flex}.section-heading{letter-spacing:-.03em;color:var(--color-text-primary);margin:0 0 var(--space-3);font-size:clamp(28px,4vw,48px);font-weight:800;line-height:1.1}.section-heading__gradient{background:linear-gradient(130deg, var(--color-brand-light) 0%, var(--color-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-subheading{color:var(--color-text-secondary);max-width:480px;margin:0 auto;font-size:clamp(15px,1.4vw,18px);line-height:1.6}.info-section--redesign{background:var(--color-bg-primary);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);position:relative;overflow:hidden}.info-orb{pointer-events:none;filter:blur(80px);z-index:0;border-radius:50%;position:absolute}.info-orb--1{background:radial-gradient(circle,#8b5cf624 0%,#0000 70%);width:500px;height:500px;animation:16s ease-in-out infinite alternate hero-orb-drift;top:-160px;right:-100px}.info-orb--2{background:radial-gradient(circle,#06b6d41f 0%,#0000 70%);width:360px;height:360px;animation:20s ease-in-out infinite alternate-reverse hero-orb-drift;bottom:-120px;left:-80px}.info-layout{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,6vw,96px);display:grid;position:relative}.info-visual{justify-content:center;align-items:center;display:flex}.info-visual__frame{width:100%;max-width:480px;position:relative}.info-visual__glow{border-radius:var(--radius-2xl);filter:blur(40px);z-index:0;background:radial-gradient(#8b5cf647 0%,#06b6d41f 60%,#0000 100%);animation:7s ease-in-out infinite hero-orb-pulse;position:absolute;inset:10%}.info-visual__img{z-index:1;border-radius:var(--radius-2xl);width:100%;transition:transform .5s cubic-bezier(.23,1,.32,1);display:block;position:relative;box-shadow:0 2px 4px #0006,0 24px 64px #00000073,0 0 0 1px #8b5cf633}.info-visual__frame:hover .info-visual__img{transform:scale(1.015)translateY(-4px)}.info-pill{z-index:3;-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-full);font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;background:#0a0a0fd9;border:1px solid #8b5cf640;align-items:center;gap:7px;padding:8px 14px;animation:5s ease-in-out infinite hero-pill-bob;display:inline-flex;position:absolute;top:18px;right:-14px;box-shadow:0 4px 20px #00000059}.info-pill svg{color:var(--color-accent-light);flex-shrink:0}.info-tile{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;background:linear-gradient(135deg,#8b5cf61f,#06b6d414);border:1px solid #8b5cf640;position:absolute}.info-tile--a{width:38px;height:38px;animation:7s ease-in-out infinite hero-tile-float;bottom:14%;left:-12px;transform:rotate(10deg)}.info-tile--b{width:24px;height:24px;animation:7s ease-in-out 1.8s infinite hero-tile-float;bottom:-8px;right:20%;transform:rotate(-12deg)}.info-content{flex-direction:column;gap:0;display:flex}.info-badge{border-radius:var(--radius-full);font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-brand-light);letter-spacing:.04em;text-transform:uppercase;width:fit-content;margin-bottom:var(--space-5);background:#8b5cf61a;border:1px solid #8b5cf640;align-items:center;gap:8px;padding:5px 13px;display:inline-flex}.info-badge__dot{background:var(--color-brand-light);width:6px;height:6px;box-shadow:0 0 8px var(--color-brand);border-radius:50%;animation:2.4s ease-in-out infinite hero-pulse-dot}.info-heading{letter-spacing:-.03em;color:var(--color-text-primary);margin:0 0 var(--space-5);font-size:clamp(26px,3.5vw,44px);font-weight:800;line-height:1.1}.info-heading__gradient{background:linear-gradient(130deg, var(--color-brand-light) 0%, var(--color-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.info-body{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4);font-size:clamp(14px,1.2vw,16px)}.info-body:last-of-type{margin-bottom:0}.feature-list--redesign{margin-top:var(--space-6);gap:var(--space-3) var(--space-6);grid-template-columns:1fr 1fr;list-style:none;display:grid}.feature-list--redesign li{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);padding:var(--space-2) 0;transition:color var(--transition-base);display:flex}.feature-list--redesign li:hover{color:var(--color-text-primary)}.feature-list__icon{width:22px;height:22px;color:var(--color-success);background:#10b9811f;border:1px solid #10b98140;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (width<=900px){.info-layout{gap:var(--space-12);text-align:center;grid-template-columns:1fr}.info-content{align-items:center}.info-badge{margin-left:auto;margin-right:auto}.info-visual__frame{max-width:400px;margin:0 auto}.info-pill{right:0}.feature-list--redesign{text-align:left}}@media (width<=520px){.info-tile--a,.info-tile--b,.info-pill{display:none}.feature-list--redesign{grid-template-columns:1fr}}.how-section--redesign{background:var(--color-bg-primary);border-top:1px solid var(--color-border);position:relative;overflow:hidden}.how-bg-grid{pointer-events:none;z-index:0;background-image:radial-gradient(circle,#8b5cf61f 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 20%,#0000 100%);mask-image:radial-gradient(80% 80%,#000 20%,#0000 100%)}.how-section--redesign .content-container{z-index:1;position:relative}.steps-grid--redesign{gap:var(--space-6);grid-template-columns:repeat(2,1fr);max-width:820px;margin:0 auto;display:grid}.step-card--redesign{border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-8) var(--space-8);-webkit-backdrop-filter:blur(12px);transition:transform var(--transition-slow), border-color var(--transition-slow), box-shadow var(--transition-slow), background var(--transition-slow);text-align:left;background:#25252fb3;position:relative;overflow:hidden}.step-card--redesign:hover{background:#2d2d39e6;border-color:#8b5cf680;transform:translateY(-6px);box-shadow:0 24px 48px #8b5cf626,inset 0 0 0 1px #8b5cf61f}.step-card__connector{display:none}.step-card__number-wrap{margin-bottom:var(--space-5);display:inline-flex;position:relative}.step-number--redesign{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-brand) 0%, var(--color-brand-dark) 100%);color:#fff;width:52px;height:52px;font-size:var(--font-size-xl);letter-spacing:-.02em;z-index:1;transition:box-shadow var(--transition-base), transform var(--transition-base);justify-content:center;align-items:center;font-weight:800;display:flex;position:relative;box-shadow:0 4px 20px #8b5cf666}.step-card--redesign:hover .step-number--redesign{transform:scale(1.05);box-shadow:0 8px 28px #8b5cf68c}.step-number--accent{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-dark) 100%);box-shadow:0 4px 20px #06b6d466}.step-card--redesign:hover .step-number--accent{box-shadow:0 8px 28px #06b6d48c}.step-card__number-glow{border-radius:var(--radius-md);filter:blur(12px);opacity:0;transition:opacity var(--transition-base);z-index:0;background:#8b5cf640;position:absolute;inset:-4px}.step-card__number-glow--accent{background:#06b6d440}.step-card--redesign:hover .step-card__number-glow{opacity:1}.step-card__icon{border-radius:var(--radius-md);width:38px;height:38px;color:var(--color-brand-light);margin-bottom:var(--space-4);transition:background var(--transition-base), border-color var(--transition-base);background:#8b5cf61a;border:1px solid #8b5cf633;justify-content:center;align-items:center;display:inline-flex}.step-card__icon--accent{color:var(--color-accent-light);background:#06b6d41a;border-color:#06b6d433}.step-card--redesign:hover .step-card__icon{background:#8b5cf62e;border-color:#8b5cf666}.step-card--redesign:hover .step-card__icon--accent{background:#06b6d42e;border-color:#06b6d466}.step-card__body h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-3);letter-spacing:-.02em}.step-card__body p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}@media (width<=680px){.steps-grid--redesign{grid-template-columns:1fr;max-width:480px}}.features-section--redesign{background:var(--color-bg-primary);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);position:relative;overflow:hidden}.features-grid--redesign{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.feature-card--redesign{border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);-webkit-backdrop-filter:blur(12px);transition:transform var(--transition-slow), border-color var(--transition-slow), box-shadow var(--transition-slow), background var(--transition-slow);gap:var(--space-4);background:#25252f99;flex-direction:column;display:flex;position:relative;overflow:hidden}.feature-card--redesign:hover{background:#2d2d39d9;border-color:#8b5cf666;transform:translateY(-6px);box-shadow:0 24px 48px #8b5cf61f}.feature-card__shine{pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,#0000 30%,#ffffff09 50%,#0000 70%) -100% 0/200% 100%;transition:background-position .6s;position:absolute;inset:0}.feature-card--redesign:hover .feature-card__shine{background-position:200% 0}.feature-card__icon-wrap{border-radius:var(--radius-lg);width:48px;height:48px;transition:transform var(--transition-base), box-shadow var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.feature-card--redesign:hover .feature-card__icon-wrap{transform:scale(1.08)}.feature-card__icon-wrap--brand{color:var(--color-brand-light);background:#8b5cf624;border:1px solid #8b5cf640;box-shadow:0 0 #8b5cf600}.feature-card--redesign:hover .feature-card__icon-wrap--brand{box-shadow:0 0 20px #8b5cf64d}.feature-card__icon-wrap--accent{color:var(--color-accent-light);background:#06b6d424;border:1px solid #06b6d440}.feature-card--redesign:hover .feature-card__icon-wrap--accent{box-shadow:0 0 20px #06b6d44d}.feature-card__icon-wrap--success{color:var(--color-success);background:#10b9811f;border:1px solid #10b98140}.feature-card--redesign:hover .feature-card__icon-wrap--success{box-shadow:0 0 20px #10b98140}.feature-card__icon-wrap--warning{color:var(--color-warning);background:#f59e0b1f;border:1px solid #f59e0b40}.feature-card--redesign:hover .feature-card__icon-wrap--warning{box-shadow:0 0 20px #f59e0b33}.feature-card__content h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2);letter-spacing:-.02em}.feature-card__content p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}@media (width<=680px){.features-grid--redesign{grid-template-columns:1fr}}.faq-section--redesign{border-top:1px solid var(--color-border);background:linear-gradient(#25252f4d 0%,#0000 100%);position:relative;overflow:hidden}.faq-orb{filter:blur(80px);pointer-events:none;z-index:0;background:radial-gradient(circle,#8b5cf61a 0%,#0000 70%);border-radius:50%;width:480px;height:480px;animation:18s ease-in-out infinite alternate hero-orb-drift;position:absolute;bottom:-180px;right:-120px}.faq-container--redesign{z-index:1;max-width:780px;position:relative}.faq-accordion--redesign{gap:var(--space-3);flex-direction:column;display:flex}.accordion-item--redesign{transition:border-color var(--transition-base), box-shadow var(--transition-base);background:#25252fb3;overflow:hidden;border:1px solid var(--color-border)!important;border-radius:var(--radius-xl)!important;margin-bottom:0!important}.accordion-item--redesign:has(.accordion-button--redesign:not(.collapsed)){box-shadow:inset 0 0 0 1px #8b5cf61a,0 8px 24px #8b5cf614;border-color:#8b5cf666!important}.accordion-button--redesign{letter-spacing:-.01em;align-items:center!important;gap:var(--space-4)!important;color:var(--color-text-primary)!important;font-weight:var(--font-weight-semibold)!important;font-size:var(--font-size-base)!important;padding:var(--space-5) var(--space-6)!important;transition:all var(--transition-base)!important;box-shadow:none!important;background:0 0!important;border:none!important;display:flex!important}.accordion-button--redesign:not(.collapsed){color:var(--color-brand-light)!important;box-shadow:none!important;background:#8b5cf60d!important}.accordion-button--redesign:focus{outline-offset:-2px;box-shadow:none!important;outline:2px solid #8b5cf666!important}.accordion-btn-icon{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-brand-light);transition:background var(--transition-base), border-color var(--transition-base);background:#8b5cf61a;border:1px solid #8b5cf633;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.accordion-button--redesign:not(.collapsed) .accordion-btn-icon{background:#8b5cf633;border-color:#8b5cf666}.accordion-button--redesign:after{flex-shrink:0;transition:transform var(--transition-base)!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%237a7a8e' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")!important;margin-left:auto!important}.accordion-button--redesign:not(.collapsed):after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%238b5cf6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")!important}.accordion-body--redesign{border-top:1px solid var(--color-border)!important;padding:var(--space-5) var(--space-6)!important;color:var(--color-text-secondary)!important;line-height:var(--line-height-relaxed)!important;font-size:var(--font-size-sm)!important;padding-left:calc(var(--space-6) + 32px + var(--space-4))!important;background:0 0!important}@media (width<=600px){.accordion-button--redesign{padding:var(--space-4) var(--space-4)!important;font-size:var(--font-size-sm)!important}.accordion-body--redesign{padding:var(--space-4)!important;padding-left:var(--space-4)!important}.accordion-btn-icon{display:none}}