@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap";.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:3rem 1.25rem 1.5rem}.brand-bar{position:absolute;top:1.5rem;left:1.75rem;z-index:10;display:flex;align-items:center;gap:.75rem;animation:fadeUp .8s cubic-bezier(.16,1,.3,1) both}.brand{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;padding:.45rem .85rem .45rem .5rem;border-radius:999px;border:1px solid var(--color-border);background:#ffffff08;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .25s ease,box-shadow .3s ease,border-color .3s ease}.brand:hover{transform:translateY(-2px);border-color:#8b5cf680;box-shadow:0 10px 30px -12px #8b5cf699}.brand-logo{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#8b5cf62e,#22d3ee1f);border:1px solid var(--color-border);box-shadow:inset 0 1px #ffffff1f,0 4px 16px -6px #8b5cf699;animation:float 4s ease-in-out infinite}.brand-name{font-family:var(--font-display);font-size:1.2rem;font-weight:700;letter-spacing:-.01em;color:var(--color-text)}.brand-name-accent{background:linear-gradient(120deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 640px){.brand-bar{position:static;margin:0 auto 2rem;display:flex;justify-content:center}.app{padding-top:2rem}}.header{text-align:center;margin-bottom:3rem;max-width:680px;animation:fadeUp .8s cubic-bezier(.16,1,.3,1) both}.badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);padding:.4rem .9rem;border:1px solid var(--color-border);border-radius:999px;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:1.5rem}.badge-dot{width:7px;height:7px;border-radius:50%;background:var(--color-success);box-shadow:0 0 10px 2px var(--color-success);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.header h1{font-family:var(--font-display);font-size:clamp(2.4rem,6vw,3.8rem);font-weight:700;line-height:1.05;letter-spacing:-.02em;margin-bottom:1rem}.header h1 .gradient-text{background:linear-gradient(120deg,#c4b5fd,#8b5cf6 30%,#22d3ee 70%,#f472b6);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 6s linear infinite}@keyframes shimmer{to{background-position:200% center}}.subtitle{font-size:1.15rem;color:var(--color-text-muted);margin-bottom:1.25rem;max-width:520px;margin-left:auto;margin-right:auto}.free-highlight{position:relative;display:inline-block;font-family:var(--font-display);font-weight:700;color:#fff;background:linear-gradient(120deg,var(--color-primary),var(--color-accent));padding:.1em .55em;border-radius:999px;white-space:nowrap;box-shadow:0 6px 20px -6px #22d3ee99;animation:freePulse 2.4s ease-in-out infinite}@keyframes freePulse{0%,to{box-shadow:0 6px 20px -6px #22d3ee80;transform:scale(1)}50%{box-shadow:0 8px 28px -4px #8b5cf6bf;transform:scale(1.04)}}.privacy-note{font-size:.85rem;color:var(--color-success);background:#34d39914;border:1px solid rgba(52,211,153,.2);border-radius:999px;padding:.5rem 1.1rem;display:inline-flex;align-items:center;gap:.4rem}.main{width:100%;max-width:920px;flex:1;animation:fadeUp .8s cubic-bezier(.16,1,.3,1) .1s both}.dropzone{position:relative;border-radius:var(--radius-lg);padding:4rem 2rem;text-align:center;cursor:pointer;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease;background:var(--color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden;isolation:isolate}.dropzone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);padding:1.5px;background:linear-gradient(135deg,#8b5cf680,#22d3ee4d,#f472b666);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:opacity .3s ease;opacity:.6;z-index:-1}.dropzone:after{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:radial-gradient(circle at center,rgba(139,92,246,.15),transparent 60%);opacity:0;transition:opacity .4s ease;z-index:-1}.dropzone:hover,.dropzone:focus-visible{transform:translateY(-3px);box-shadow:0 20px 60px -20px #8b5cf666}.dropzone:hover:before,.dropzone:focus-visible:before{opacity:1}.dropzone:hover:after{opacity:1}.dropzone--active{transform:scale(1.015) translateY(-3px);box-shadow:0 24px 70px -20px #22d3ee73}.dropzone--active:before{opacity:1;background:linear-gradient(135deg,var(--color-accent),var(--color-primary))}.dropzone:focus-visible{outline:none}.dropzone-content{pointer-events:none;position:relative}.dropzone-icon{width:84px;height:84px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;border-radius:22px;background:linear-gradient(135deg,#8b5cf633,#22d3ee1f);border:1px solid var(--color-border);font-size:2.4rem;box-shadow:inset 0 1px #ffffff1a,0 8px 30px -10px #8b5cf680;animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.dropzone-text{font-family:var(--font-display);font-size:1.3rem;font-weight:500;color:var(--color-text);margin-bottom:.5rem}.dropzone-link{background:linear-gradient(120deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:600}.dropzone-formats{font-size:.85rem;color:var(--color-text-muted);margin-top:.75rem}.dropzone-paste{font-size:.8rem;color:var(--color-text-muted);margin-top:.5rem;opacity:.85}.dropzone-paste kbd{font-family:var(--font-body);font-size:.72rem;padding:.1em .45em;border-radius:6px;border:1px solid var(--color-border);background:#ffffff0f;color:var(--color-text)}.file-input{display:none}.error{background:#fb71851a;border:1px solid rgba(251,113,133,.3);border-radius:var(--radius);padding:1rem 1.25rem;color:var(--color-error);margin-bottom:1.5rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeUp .4s ease both}.processing{text-align:center;padding:3.5rem 2rem;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:fadeUp .5s ease both}.orbit-loader{width:80px;height:80px;margin:0 auto 1.75rem;position:relative}.orbit-loader:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid transparent;border-top-color:var(--color-primary);border-right-color:var(--color-accent);animation:spin 1s linear infinite}.orbit-loader:after{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:50%;border:3px solid transparent;border-bottom-color:var(--color-accent-2);border-left-color:var(--color-primary);animation:spin 1.4s linear infinite reverse}@keyframes spin{to{transform:rotate(360deg)}}.processing p{font-family:var(--font-display);color:var(--color-text);font-size:1.2rem;font-weight:500;margin-bottom:1.25rem}.processing-note{font-family:var(--font-body)!important;font-size:.8rem!important;font-weight:400!important;color:var(--color-text-muted)!important;margin-top:.75rem!important;margin-bottom:0!important}.progress-bar{width:100%;max-width:420px;height:8px;background:#ffffff0f;border-radius:999px;margin:0 auto;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent),var(--color-accent-2));background-size:200% auto;border-radius:999px;transition:width .4s cubic-bezier(.16,1,.3,1);animation:shimmer 2s linear infinite;box-shadow:0 0 16px #8b5cf699}.results{width:100%;animation:fadeUp .6s cubic-bezier(.16,1,.3,1) both}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}@media (max-width: 768px){.comparison{grid-template-columns:1fr}}.image-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:transform .3s ease,box-shadow .3s ease}.image-card:hover{transform:translateY(-3px);box-shadow:0 20px 50px -25px #8b5cf666}.image-card--result{border-color:#8b5cf659}.image-card h2{font-family:var(--font-display);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);padding:.9rem 1.25rem;border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:.5rem}.image-card--result h2{color:#c4b5fd}.image-wrapper{padding:1.25rem;display:flex;align-items:center;justify-content:center;min-height:280px;max-height:420px}.image-wrapper img{max-width:100%;max-height:380px;object-fit:contain;border-radius:10px}.image-wrapper.checkered{background-image:linear-gradient(45deg,rgba(255,255,255,.06) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.06) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.06) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.06) 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0px}.actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{font-family:var(--font-display);padding:.85rem 1.75rem;border-radius:999px;border:1px solid transparent;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .3s ease,background .3s ease;display:inline-flex;align-items:center;gap:.5rem;position:relative;overflow:hidden}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.btn--primary{background:linear-gradient(120deg,var(--color-primary),#6d28d9);color:#fff;box-shadow:0 8px 24px -8px #8b5cf6b3}.btn--primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,var(--color-accent),var(--color-primary));opacity:0;transition:opacity .3s ease;z-index:0}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 14px 36px -10px #8b5cf6d9}.btn--primary:hover:before{opacity:1}.btn--primary span,.btn--primary{position:relative}.btn--primary>*{position:relative;z-index:1}.btn--secondary{background:#ffffff0d;color:var(--color-text);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn--secondary:hover{transform:translateY(-2px);background:#ffffff17;border-color:#8b5cf680}.studio{display:grid;grid-template-columns:1fr 320px;gap:1.5rem;align-items:start;animation:fadeUp .6s cubic-bezier(.16,1,.3,1) both}@media (max-width: 860px){.studio{grid-template-columns:1fr}}.studio-stage{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.studio-hint{text-align:center;font-size:.82rem;color:var(--color-text-muted);margin-top:.85rem}.studio-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 600px){.studio-comparison{grid-template-columns:1fr}}.studio-card{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--color-border);background:var(--color-surface)}.studio-card--result{border-color:#8b5cf666}.studio-card-label{position:absolute;top:10px;left:10px;z-index:3;font-family:var(--font-display);font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.25rem .65rem;border-radius:999px;background:#060610a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--color-text)}.studio-card-label--accent{background:linear-gradient(135deg,#8b5cf6cc,#22d3eeb3);color:#fff}.studio-card-img{display:flex;align-items:center;justify-content:center;min-height:200px;max-height:360px;padding:1rem}.studio-card-img.checkered{background-image:linear-gradient(45deg,rgba(255,255,255,.08) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.08) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.08) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.08) 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0px}.studio-card-img img{max-width:100%;max-height:320px;object-fit:contain;border-radius:6px}.studio-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;gap:1.5rem}.panel-group{display:flex;flex-direction:column;gap:.75rem}.panel-title{font-family:var(--font-display);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);display:flex;align-items:center;gap:.5rem}.dim-tag{font-family:var(--font-body);font-size:.72rem;font-weight:500;text-transform:none;letter-spacing:0;color:var(--color-text);background:#ffffff0f;border:1px solid var(--color-border);border-radius:999px;padding:.1rem .5rem}.swatches{display:flex;flex-wrap:wrap;gap:.5rem}.swatch{width:30px;height:30px;border-radius:9px;border:1px solid var(--color-border);cursor:pointer;padding:0;position:relative;transition:transform .15s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--color-text);overflow:hidden}.swatch:hover{transform:translateY(-2px)}.swatch.is-active{box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-primary)}.swatch--transparent{background-image:linear-gradient(45deg,#555 25%,transparent 25%),linear-gradient(-45deg,#555 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#555 75%),linear-gradient(-45deg,transparent 75%,#555 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0px;background-color:#888}.swatch--picker{background:#ffffff0d}.swatch--picker input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;border:none}.swatch--upload{background:#ffffff0d;font-size:1.1rem}.segmented{display:flex;gap:.4rem;flex-wrap:wrap}.seg{flex:1;min-width:56px;display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.55rem .5rem;border-radius:10px;border:1px solid var(--color-border);background:#ffffff0a;color:var(--color-text);font-family:var(--font-display);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.seg small{font-family:var(--font-body);font-size:.62rem;font-weight:400;color:var(--color-text-muted)}.seg:hover:not(:disabled){border-color:#8b5cf680}.seg.is-active{background:linear-gradient(135deg,#8b5cf640,#22d3ee26);border-color:var(--color-primary)}.seg:disabled{opacity:.35;cursor:not-allowed}.actions--studio{flex-direction:column;gap:.6rem}.actions--studio .btn{width:100%;justify-content:center}.btn--ghost{background:#ffffff0a;color:var(--color-text);border:1px solid var(--color-border)}.btn--ghost:hover{background:#ffffff14;border-color:#22d3ee80}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.seo-section{width:100%;max-width:920px;margin:4.5rem auto 0;animation:fadeUp .8s cubic-bezier(.16,1,.3,1) both}.section-title{font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.2rem);font-weight:700;letter-spacing:-.02em;text-align:center;margin-bottom:2.25rem}.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.step-card,.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.75rem 1.5rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.step-card:hover,.feature-card:hover{transform:translateY(-4px);border-color:#8b5cf673;box-shadow:0 20px 50px -25px #8b5cf680}.step-num{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;font-family:var(--font-display);font-weight:700;color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));box-shadow:0 6px 18px -6px #8b5cf6b3;margin-bottom:1rem}.step-card h3,.feature-card h3{font-family:var(--font-display);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.step-card p,.feature-card p{font-size:.92rem;color:var(--color-text-muted)}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.feature-icon{font-size:1.8rem;display:block;margin-bottom:.85rem}@media (max-width: 768px){.steps{grid-template-columns:1fr}.features{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.features{grid-template-columns:1fr}}.faq{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:.85rem}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden;transition:border-color .3s ease}.faq-item[open]{border-color:#8b5cf673}.faq-item summary{font-family:var(--font-display);font-size:1rem;font-weight:500;padding:1.1rem 1.35rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:color .2s ease}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:1.4rem;color:var(--color-primary);transition:transform .3s ease;line-height:1}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item summary:hover{color:#c4b5fd}.faq-item p{padding:0 1.35rem 1.2rem;color:var(--color-text-muted);font-size:.92rem}.footer{margin-top:4rem;padding:1.5rem;text-align:center;color:var(--color-text-muted);font-size:.85rem}.footer a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}.footer a:hover{color:var(--color-accent)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#04040cb8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn .3s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{position:relative;width:100%;max-width:480px;max-height:92vh;overflow-y:auto;background:linear-gradient(160deg,#1a1a2ef2,#0c0c18f2);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:0 40px 100px -30px #8b5cf680;animation:modalPop .4s cubic-bezier(.16,1,.3,1) both}.modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);padding:1px;background:linear-gradient(135deg,#8b5cf699,#22d3ee4d,#f472b666);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@keyframes modalPop{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-x{position:absolute;top:.9rem;right:.9rem;width:34px;height:34px;border-radius:50%;border:1px solid var(--color-border);background:#ffffff0d;color:var(--color-text-muted);cursor:pointer;font-size:.9rem;transition:all .2s ease;z-index:2}.modal-x:hover{background:#ffffff1a;color:var(--color-text)}.modal-x:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.modal-head{text-align:center;margin-bottom:1.25rem}.modal-head h2{font-family:var(--font-display);font-size:1.7rem;font-weight:700;margin:.75rem 0 .4rem}.modal-sub{font-size:.92rem;color:var(--color-text-muted);max-width:360px;margin:0 auto}.demo-stage{position:relative;height:180px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--color-border);margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center}.demo-checker-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(45deg,rgba(255,255,255,.08) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.08) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.08) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.08) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;z-index:0}.demo-bg-fill{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(135deg,#f59e0b,#ef4444 55%,#be123c);transition:opacity .7s ease,clip-path .7s ease}.demo-bg-fill--hidden{clip-path:inset(0 0 100% 0);opacity:0}.demo-subject-svg{position:relative;z-index:2;filter:drop-shadow(0 8px 20px rgba(0,0,0,.45))}.demo-scan{position:absolute;left:0;right:0;top:-6px;height:4px;z-index:3;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);box-shadow:0 0 16px 3px #22d3eecc;opacity:0;transition:top 1.4s ease-in-out,opacity .3s ease}.demo-scan--active{opacity:1;top:100%}.demo-tag{position:absolute;top:12px;z-index:4;font-family:var(--font-display);font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.3rem .7rem;border-radius:999px;background:#060610b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transform:translateY(-6px);transition:opacity .4s ease,transform .4s ease}.demo-tag.is-visible{opacity:1;transform:translateY(0)}.demo-tag--before{left:12px;color:#fde68a}.demo-tag--after{right:12px;color:#6ee7b7}.modal-steps{list-style:none;display:flex;flex-direction:column;gap:.85rem;margin-bottom:1.5rem}.modal-steps li{display:flex;align-items:flex-start;gap:.85rem}.modal-step-num{flex-shrink:0;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:.9rem;color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));box-shadow:0 4px 14px -4px #8b5cf6b3}.modal-steps strong{font-family:var(--font-display);font-size:.98rem;display:block;margin-bottom:.1rem}.modal-steps p{font-size:.85rem;color:var(--color-text-muted)}.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-top:1px solid var(--color-border);padding-top:1.25rem}.modal-check{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.modal-check input{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}@media (max-width: 420px){.modal-footer{flex-direction:column-reverse;align-items:stretch}.modal-footer .btn{width:100%;justify-content:center}.modal-check{justify-content:center}}@media (prefers-reduced-motion: reduce){.demo-bg,.demo-scan,.demo-tag--before,.demo-tag--after{animation:none}.demo-bg{clip-path:inset(0 0 100% 0);opacity:0}.demo-tag--after{opacity:1;transform:none}.demo-tag--before{opacity:0}}.footer-link-btn{background:none;border:none;color:var(--color-primary);font-size:inherit;font-family:inherit;cursor:pointer;padding:0;text-decoration:none;transition:color .2s ease}.footer-link-btn:hover{color:var(--color-accent);text-decoration:underline}.brand-bar-actions{display:flex;align-items:center;gap:.5rem}.theme-toggle{width:38px;height:38px;border-radius:50%;border:1px solid var(--color-border);background:#ffffff08;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .25s ease,border-color .3s ease,box-shadow .3s ease}.theme-toggle:hover{transform:translateY(-2px) rotate(15deg);border-color:#8b5cf680;box-shadow:0 8px 20px -8px #8b5cf680}.theme-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.theme-toggle-icon{font-size:1.1rem;line-height:1}.history-fab{position:fixed;bottom:1.5rem;left:1.5rem;z-index:50;width:50px;height:50px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.3rem;transition:transform .25s ease,box-shadow .3s ease;box-shadow:0 8px 24px -8px #00000080}.history-fab:hover{transform:translateY(-3px);box-shadow:0 14px 36px -10px #8b5cf699}.history-fab:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.history-panel{position:fixed;bottom:1.5rem;left:1.5rem;z-index:50;width:340px;max-height:500px;overflow-y:auto;background:linear-gradient(160deg,#1a1a2ef5,#0c0c18f5);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 30px 80px -20px #000000b3;animation:fadeUp .3s ease both}[data-theme=light] .history-panel{background:linear-gradient(160deg,#f8f9fcf7,#f0f0faf7)}.history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.history-header h3{font-family:var(--font-display);font-size:1rem;font-weight:600}.history-header-actions{display:flex;align-items:center;gap:.5rem}.history-clear{font-family:var(--font-display);font-size:.75rem;font-weight:500;background:none;border:none;color:var(--color-error);cursor:pointer;opacity:.8;transition:opacity .2s}.history-clear:hover{opacity:1}.history-close{width:28px;height:28px;border-radius:50%;border:1px solid var(--color-border);background:#ffffff0d;color:var(--color-text-muted);cursor:pointer;font-size:.75rem;transition:all .2s}.history-close:hover{background:#ffffff1a;color:var(--color-text)}.history-empty{text-align:center;color:var(--color-text-muted);font-size:.85rem;padding:1.5rem 0}.history-grid{display:flex;flex-direction:column;gap:.75rem}.history-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:var(--radius);border:1px solid var(--color-border);background:#ffffff08;transition:border-color .2s ease}.history-item:hover{border-color:#8b5cf666}.history-thumb{width:48px;height:48px;border-radius:8px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border)}.history-thumb img{max-width:100%;max-height:100%;object-fit:contain}.history-thumb--result{background-image:linear-gradient(45deg,rgba(255,255,255,.08) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.08) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.08) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.08) 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0px}.history-arrow{font-size:.85rem;color:var(--color-text-muted);flex-shrink:0}.history-time{margin-left:auto;font-size:.7rem;color:var(--color-text-muted);white-space:nowrap}.actions-row{display:flex;gap:.6rem}.actions-row .btn{flex:1}@media (max-width: 640px){.history-panel{width:calc(100vw - 2.5rem);left:1.25rem;bottom:1.25rem}}.share-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#04040cb8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn .3s ease both}.share-dialog{position:relative;width:100%;max-width:420px;background:linear-gradient(160deg,#1a1a2ef7,#0c0c18f7);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem 1.75rem;text-align:center;box-shadow:0 40px 100px -30px #8b5cf680;animation:modalPop .35s cubic-bezier(.16,1,.3,1) both}[data-theme=light] .share-dialog{background:linear-gradient(160deg,#f8f9fcfa,#f0f0fafa)}.share-dialog:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);padding:1px;background:linear-gradient(135deg,#8b5cf680,#22d3ee4d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.share-dialog-x{position:absolute;top:.9rem;right:.9rem;width:30px;height:30px;border-radius:50%;border:1px solid var(--color-border);background:#ffffff0d;color:var(--color-text-muted);cursor:pointer;font-size:.8rem;transition:all .2s}.share-dialog-x:hover{background:#ffffff1a;color:var(--color-text)}.share-dialog-icon{font-size:2.4rem;margin-bottom:.75rem}.share-dialog h3{font-family:var(--font-display);font-size:1.3rem;font-weight:700;margin-bottom:.6rem}.share-dialog-info{font-size:.9rem;color:var(--color-text-muted);margin-bottom:1.2rem;max-width:340px;margin-left:auto;margin-right:auto}.share-dialog-notice{display:flex;align-items:flex-start;gap:.5rem;text-align:left;font-size:.82rem;color:#fde68a;background:#fde68a14;border:1px solid rgba(253,230,138,.2);border-radius:var(--radius);padding:.8rem 1rem;margin-bottom:1.5rem}[data-theme=light] .share-dialog-notice{color:#92400e;background:#fde68a33;border-color:#eab3084d}.share-dialog-actions{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap}.share-dialog-actions .btn{min-width:130px}.share-dialog-loading{padding:1rem 0}.share-dialog-loading p{font-family:var(--font-display);font-size:1rem;color:var(--color-text-muted);margin-top:.75rem}.share-link-box{display:flex;gap:.5rem;margin-bottom:1rem}.share-link-input{flex:1;min-width:0;padding:.6rem .85rem;border-radius:10px;border:1px solid var(--color-border);background:#ffffff0d;color:var(--color-text);font-family:var(--font-body);font-size:.82rem;outline:none}.share-link-input:focus{border-color:var(--color-primary)}[data-theme=light] .share-link-input{background:#0000000a}.btn--sm{padding:.6rem 1rem;font-size:.82rem}.share-dialog-warn{font-size:.78rem;color:var(--color-text-muted);margin-top:0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #8b5cf6;--color-primary-hover: #7c3aed;--color-accent: #22d3ee;--color-accent-2: #f472b6;--color-bg: #060610;--color-surface: rgba(255, 255, 255, .04);--color-surface-hover: rgba(255, 255, 255, .07);--color-text: #f4f4f8;--color-text-muted: #9b9bb4;--color-border: rgba(255, 255, 255, .1);--color-error: #fb7185;--color-success: #34d399;--radius: 14px;--radius-lg: 24px;--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif}[data-theme=light]{--color-bg: #f8f9fc;--color-surface: rgba(0, 0, 0, .03);--color-surface-hover: rgba(0, 0, 0, .06);--color-text: #1a1a2e;--color-text-muted: #5e5e7e;--color-border: rgba(0, 0, 0, .1);--color-error: #dc2626;--color-success: #16a34a}[data-theme=light] body:before{background:radial-gradient(ellipse 80% 60% at 20% 0%,rgba(139,92,246,.09),transparent 60%),radial-gradient(ellipse 70% 50% at 80% 20%,rgba(34,211,238,.07),transparent 60%),radial-gradient(ellipse 90% 60% at 50% 100%,rgba(244,114,182,.06),transparent 60%)}[data-theme=light] body:after{background-image:linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px)}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(ellipse 80% 60% at 20% 0%,rgba(139,92,246,.18),transparent 60%),radial-gradient(ellipse 70% 50% at 80% 20%,rgba(34,211,238,.14),transparent 60%),radial-gradient(ellipse 90% 60% at 50% 100%,rgba(244,114,182,.12),transparent 60%);animation:auroraShift 18s ease-in-out infinite alternate}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 100% 80% at 50% 0%,black,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 100% 80% at 50% 0%,black,transparent 75%)}@keyframes auroraShift{0%{transform:translateZ(0) scale(1);opacity:.9}50%{transform:translate3d(2%,1%,0) scale(1.05);opacity:1}to{transform:translate3d(-2%,-1%,0) scale(1.02);opacity:.85}}#root{min-height:100vh;display:flex;flex-direction:column}@media (prefers-reduced-motion: reduce){body:before{animation:none}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}