@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Bebas+Neue&display=swap");:root{--bg:#0a0a0b;--surface:rgba(20,18,20,.78);--surface-solid:#141214;--surface-2:hsla(0,0%,100%,.045);--surface-2-hover:hsla(0,0%,100%,.08);--line:hsla(0,0%,100%,.1);--line-strong:hsla(0,0%,100%,.2);--text:#f6f4f1;--text-dim:#a39d97;--text-faint:#6b6560;--accent:#e12b33;--accent-2:#ab1e26;--ok:#3ddc84;--warn:#ffb648;--radius:22px;--radius-sm:14px;--grad-accent:linear-gradient(135deg,#ff4550 0%,var(--accent-2) 100%);--shadow-glow:0 8px 32px -6px rgba(225,43,51,.45)}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:radial-gradient(ellipse 55% 40% at 15% -10%,rgba(225,43,51,.22),transparent 60%),radial-gradient(ellipse 50% 45% at 105% 110%,rgba(171,30,38,.22),transparent 60%),linear-gradient(180deg,#0d0c0d,var(--bg) 40%);background-attachment:fixed;color:var(--text);font-family:Space Grotesk,Segoe UI,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}.wrap{display:flex;justify-content:center;padding:3rem 1rem}.phone{width:400px;max-width:100%}.hero-banner{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:16/7;margin-bottom:1.25rem;border:1px solid var(--line);background:repeating-linear-gradient(115deg,hsla(0,0%,100%,.035) 0 2px,transparent 2px 34px),linear-gradient(135deg,#1c1113,#0a0a0b 55%,#1a0d0e);display:flex;align-items:flex-end}.hero-banner:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(225,43,51,.35),transparent 55%)}.hero-banner-inner{position:relative;z-index:1;padding:1rem 1.2rem;width:100%;display:flex;align-items:center;justify-content:space-between}.hero-banner-tag{font-size:.66rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim);font-weight:600}.hero-banner-cta{font-size:.72rem;font-weight:600;color:#fff;background:var(--grad-accent);padding:.4rem .8rem;border-radius:999px;box-shadow:0 4px 16px -4px rgba(225,43,51,.6)}.brand{font-family:Bebas Neue,sans-serif;letter-spacing:3px;font-size:1.75rem;color:var(--text);text-align:center;margin-bottom:1.5rem;text-shadow:0 0 30px rgba(225,43,51,.3)}.brand span{background:var(--grad-accent);-webkit-background-clip:text;background-clip:text;color:transparent}.card{background:var(--surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:var(--radius);padding:1.75rem;min-height:520px;display:flex;flex-direction:column;box-shadow:0 20px 60px -20px rgba(0,0,0,.7),inset 0 1px 0 hsla(0,0%,100%,.04);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:-40%;left:-20%;width:70%;height:70%;background:radial-gradient(circle,rgba(225,43,51,.12),transparent 70%);pointer-events:none}.progress{display:flex;gap:5px;margin-bottom:2rem;position:relative;z-index:1}.progress i{flex:1 1;height:4px;border-radius:3px;background:var(--surface-2);transition:background .4s ease,box-shadow .4s ease}.progress i.done{background:var(--grad-accent);box-shadow:0 0 12px rgba(225,43,51,.6)}.eyebrow{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:2px;margin:0 0 .35rem;font-weight:600}h2{font-family:Bebas Neue,sans-serif;letter-spacing:1.5px;font-size:1.85rem;margin:0 0 1.4rem;font-weight:400;line-height:1}.styles{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.style-card{aspect-ratio:1;border-radius:var(--radius-sm);border:1.5px solid var(--line);cursor:pointer;position:relative;overflow:hidden;transition:all .2s cubic-bezier(.2,.8,.2,1);background:linear-gradient(160deg,rgba(225,43,51,.1),transparent 55%),var(--surface-2);display:flex;flex-direction:column;align-items:center;justify-content:center}.style-card:hover{transform:translateY(-2px);border-color:var(--line-strong)}.style-card.sel{background:linear-gradient(var(--surface-solid),var(--surface-solid)) padding-box,var(--grad-accent) border-box;border:1.5px solid transparent;box-shadow:var(--shadow-glow)}.style-card .emoji{font-size:2.1rem;filter:drop-shadow(0 6px 10px rgba(0,0,0,.4))}.style-card p{font-size:.78rem;margin:.6rem 0 0;font-weight:600;letter-spacing:.2px;text-align:center;padding:0 .5rem}.style-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:35%;background:linear-gradient(0deg,rgba(0,0,0,.35),transparent);pointer-events:none}.drop{border:1.5px dashed var(--line-strong);border-radius:var(--radius-sm);padding:2.4rem 1rem;text-align:center;color:var(--text-dim);cursor:pointer;display:block;transition:border-color .2s ease,background .2s ease;background:var(--surface-2)}.drop:hover{border-color:var(--accent);background:var(--surface-2-hover)}.drop>div:first-child{font-size:1.6rem}input[type=file]{display:none}.check-row{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.75rem 1rem;margin-bottom:.5rem;font-size:.82rem;font-weight:500}.check-row .status{margin-left:auto;font-size:.78rem;font-weight:600}.status.ok{color:var(--ok)}.status.warn{color:var(--warn)}.prompt-box{border:1px solid var(--line);padding:1rem 1.1rem;font-size:.8rem;color:var(--text-dim);margin-bottom:1.2rem;line-height:1.6}.prompt-box,button{background:var(--surface-2);border-radius:var(--radius-sm)}button{font-family:inherit;font-size:.85rem;font-weight:500;padding:.85rem 1rem;border:1px solid var(--line);cursor:pointer;color:var(--text);transition:all .18s ease}button:hover:not(:disabled){background:var(--surface-2-hover);border-color:var(--line-strong)}button:active:not(:disabled){transform:scale(.98)}button.primary{background:var(--grad-accent);border:none;color:#fff;font-weight:600;box-shadow:var(--shadow-glow)}button.primary:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 10px 36px -6px rgba(225,43,51,.6)}button.ghost{background:transparent;border-color:transparent;color:#ff6b72}button.ghost:hover{background:var(--surface-2)}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.row{display:flex;gap:8px}.row a,.row button{flex:1 1}.row a{text-decoration:none}.row a button{width:100%}.nav{display:flex;justify-content:space-between;margin-top:auto;padding-top:1.4rem;position:relative;z-index:1}.nav button{padding:.65rem 1.2rem}.preview{position:relative;background:radial-gradient(ellipse at 50% 30%,#1a1213,#000 80%);border-radius:var(--radius-sm);aspect-ratio:9/16;max-height:240px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--line)}.preview img,.preview video{width:100%;height:100%;object-fit:cover}.wm{position:absolute;bottom:10px;right:12px;font-size:.68rem;color:hsla(0,0%,100%,.8);font-family:Bebas Neue,sans-serif;letter-spacing:1.5px;text-shadow:0 1px 4px rgba(0,0,0,.6)}.hint{font-size:.74rem;color:var(--text-dim);margin-top:.7rem;line-height:1.5}.progress-text{font-size:.76rem;color:#ff6b72;margin-top:.7rem;text-align:center;font-weight:500}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}.progress-text{animation:pulse-glow 1.6s ease-in-out infinite}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.steps-list{list-style:none;margin:0 0 1.2rem;padding:0;counter-reset:step}.steps-list>li{position:relative;border-left:2px solid var(--line);margin-left:9px;padding:0 0 1.1rem 1.2rem}.steps-list>li:last-child{border-left-color:transparent;padding-bottom:0}.steps-list>li:before{content:"";position:absolute;left:-6px;top:2px;width:9px;height:9px;border-radius:50%;background:var(--grad-accent);box-shadow:0 0 8px rgba(225,43,51,.6)}.steps-list-label{display:block;font-size:.8rem;font-weight:600;margin-bottom:.55rem;color:var(--text)}