@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=Bebas+Neue&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--surface:#141414eb;--surface2:#1e1e20d9;--border:#ffffff12;--text:#fffffff2;--muted:#ffffff5c;--accent:#b18cfe;--accent2:#7b42dc;--grad:linear-gradient(135deg, #b18cfe 0%, #7b42dc 100%)}html,body{background:var(--bg);width:100%;min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:DM Sans,sans-serif;overflow-x:hidden}.nav{z-index:100;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(24px);background:#0a0a0aa6;justify-content:space-between;align-items:center;padding:20px 48px;animation:.7s cubic-bezier(.16,1,.3,1) .1s both fadeDown;display:flex;position:fixed;top:0;left:0;right:0}@keyframes fadeDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.nav-logo{letter-spacing:.14em;color:var(--text);align-items:center;gap:10px;font-family:Bebas Neue,sans-serif;font-size:24px;display:flex}.nav-logo-badge{background:var(--grad);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;display:flex}.nav-links{gap:36px;display:flex}.nav-links a{color:var(--muted);letter-spacing:.04em;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a.active{color:var(--accent)}.nav-links a:hover{color:var(--text)}.nav-right{align-items:center;gap:12px;display:flex}.nav-icon{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:border-color .2s;display:flex}.nav-icon:hover{border-color:#b18cfe66}.nav-icon svg{width:15px;height:15px;stroke:var(--muted)}.main{z-index:2;width:100%;position:relative}.prompt-ar{justify-content:center;align-items:center;min-height:100dvh;padding:80px 48px 110px;display:flex}.hero-inner{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;max-width:700px;display:flex;position:relative}.hero-word{letter-spacing:.05em;color:#ffffff0e;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;will-change:transform;font-family:Bebas Neue,sans-serif;font-size:clamp(110px,17vw,240px);line-height:1;animation:.9s cubic-bezier(.16,1,.3,1) .3s both fadeUp;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.promo-tag{align-items:center;gap:10px;margin-bottom:20px;animation:.7s cubic-bezier(.16,1,.3,1) .45s both fadeUp;display:flex}.promo-play{border:1px solid var(--border);cursor:pointer;background:#ffffff0a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:border-color .2s;display:flex}.promo-play:hover{border-color:var(--accent)}.promo-text{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:500;line-height:1.4}.page-counter{letter-spacing:.1em;color:var(--muted);z-index:90;font-size:11px;font-weight:600;position:fixed;top:50%;right:20px;transform:translateY(-50%)rotate(90deg)}.page-counter span{color:var(--text)}.hero-bottom{text-align:center;will-change:transform;flex-direction:column;align-items:center;animation:.9s cubic-bezier(.16,1,.3,1) .5s both fadeUp;display:flex}.hero-tagline{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:600}.hero-heading{letter-spacing:.05em;color:var(--text);text-align:center;font-family:Bebas Neue,sans-serif;font-size:clamp(48px,7.5vw,88px);line-height:1}.accent-em{background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-meta{justify-content:center;align-items:center;gap:12px;margin-top:18px;display:flex}.meta-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:5px;height:5px}.meta-text{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:600}.stick{z-index:50;-webkit-backdrop-filter:blur(32px)saturate(180%);border-top:1px solid var(--border);background:linear-gradient(#0000,#0a0a0afa 40%);flex-direction:column;gap:6px;width:100%;padding:8px 32px 12px;animation:.6s .8s both fadeIn;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:visible}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.inputs{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-flow:row;align-items:center;gap:6px;padding:0;display:flex;overflow-x:auto}.inputs::-webkit-scrollbar{display:none}.box{background:var(--surface2);border:1px solid var(--border);scroll-snap-align:start;white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;height:34px;padding:0 14px;transition:border-color .2s,background .15s;display:flex}.box:hover{border-color:#b18cfe38}.box:focus-within{background:#282638e6;border-color:#b18cfe80}.label{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;flex-shrink:0;font-size:11px;font-weight:700}.box input[type=text],.box input[type=number]{color:var(--text);text-align:center;background:0 0;border:none;outline:none;width:72px;min-width:0;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500}.box input::placeholder{color:var(--muted)}button:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;filter:none;transform:none}.custom-select{font-size:13px;position:relative}.selected{cursor:pointer;color:var(--text);-webkit-user-select:none;user-select:none;align-items:center;gap:5px;font-size:13px;font-weight:500;display:flex}.arrow{color:var(--muted);font-size:10px;transition:transform .25s}.arrow.up{transform:rotate(180deg)}.options{border:1px solid var(--border);z-index:9999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#101012fa;border-radius:14px;min-width:130px;animation:.18s cubic-bezier(.34,1.56,.64,1) popIn;overflow:hidden;box-shadow:0 8px 32px #0009,0 0 0 1px #b18cfe1f}.option{cursor:pointer;color:var(--text);padding:9px 18px;font-size:13px;transition:background .12s}.option:hover{background:#b18cfe1f}@keyframes popIn{0%{opacity:0;transform:translate(-50%)scale(.92)}to{opacity:1;transform:translate(-50%)scale(1)}}.desc{align-items:center;gap:10px;width:100%;display:flex;overflow-x:auto}.desc input{background:var(--surface2);border:1px solid var(--border);height:48px;color:var(--text);border-radius:999px;flex:1;padding:0 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:border-color .2s,box-shadow .2s,background .15s}.desc input::placeholder{color:var(--muted)}.desc input:hover{border-color:#b18cfe40}.desc input:focus{border-color:var(--accent);background:#282638e6;outline:none;box-shadow:0 0 0 3px #b18cfe24}button{background:var(--grad);color:#fff;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;white-space:nowrap;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;height:48px;padding:0 32px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;transition:box-shadow .25s,transform .15s,filter .2s;display:flex;box-shadow:0 0 24px #b18cfe59}button:hover{filter:brightness(1.1);box-shadow:0 0 48px #b18cfe8c}button:active{transform:scale(.96)}.cent{width:100%;max-width:900px;margin:0 auto}.outfit-card{align-items:stretch;gap:24px;padding:20px;animation:.5s forwards fadeUp;display:flex}.outfit-media{flex:0 0 42%;max-width:320px;max-height:calc(100dvh - 200px);display:flex}.outfit-card img{object-fit:contain;border-radius:18px;width:100%;height:100%;max-height:100%;transition:transform .4s}.outfit-card img:hover{transform:scale(1.04)}.outfit-details{flex-direction:column;flex:1;gap:10px;display:flex}.outfit-line{background:var(--surface2);border:1px solid var(--border);color:var(--text);opacity:0;border-radius:14px;padding:10px 16px;font-size:14px;line-height:1.55;animation:.4s forwards fadeUp}.outfit-line:first-child{animation-delay:.1s}.outfit-line:nth-child(2){animation-delay:.22s}.outfit-line:nth-child(3){animation-delay:.34s}.outfit-line:hover{background:#b18cfe0f;border-color:#b18cfe47}.loading-text{letter-spacing:.1em;color:#b18cfe80;padding:24px 0;font-family:Bebas Neue,sans-serif;font-size:42px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-thumb{background:#b18cfe4d;border-radius:999px}@media (width<=1023px){.nav{padding:18px 28px}.stick{padding:8px 28px 12px}.prompt-ar{padding:90px 32px 110px}}@media (width<=767px){.nav{padding:14px 16px}.nav-links,.page-counter{display:none}.stick{gap:6px;padding:8px 14px 14px}.inputs{overflow-x:auto}.box{flex:calc(50% - 3px)}.prompt-ar{text-align:center;padding:80px 20px 130px}.desc input{height:40px;font-size:13px}button{width:fit-content;height:40px;padding:0 20px;font-size:12px}.outfit-card{flex-direction:column;align-items:center}.outfit-media{width:85%;max-width:100%;max-height:none}.outfit-card img{width:100%;max-width:100%;height:auto}.outfit-details{width:100%}}@media (width<=420px){.box{flex:100%}}.file-input{cursor:pointer;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;max-width:110px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:color .2s;display:flex;overflow:hidden}.file-input input{display:none}.file-input:hover,.file-input.has-file{color:var(--accent)}#root{text-align:center}.logo{will-change:filter;height:6em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}