:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.main-header{z-index:100;-webkit-backdrop-filter:blur(12px);box-sizing:border-box;background:#0b0b0eb3;border-bottom:1px solid #ffffff0d;width:100%;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;max-width:1126px;margin:0 auto;padding:16px 24px;display:flex}.header-logo{cursor:pointer;align-items:center;gap:10px;display:flex}.logo-emoji{filter:drop-shadow(0 0 8px #ff007f80);font-size:24px}.logo-text{letter-spacing:-.5px;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:20px;font-weight:800}.logo-highlight{background:linear-gradient(135deg,#ff007f 0%,#aa3bff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.header-nav{align-items:center;gap:24px;display:flex}.nav-link{color:#bbc;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:color .3s}.nav-link:hover,.nav-link.active{color:#ff007f;text-shadow:0 0 10px #ff007f66}.header-auth{align-items:center;gap:12px;display:flex}.btn-login{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .3s}.btn-login:hover{background:#ffffff0d;border-color:#ffffff4d}.btn-signup{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff007f 0%,#aa3bff 100%);border:none;border-radius:20px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #ff007f4d}.btn-signup:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ff007f80}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.modal-container{box-sizing:border-box;background:#14141ae6;border:1px solid #ff007f33;border-radius:16px;width:90%;max-width:480px;padding:32px;animation:.3s cubic-bezier(.175,.885,.32,1.15) scaleIn;position:relative;box-shadow:0 20px 50px #00000080,0 0 30px #ff007f1a}.modal-close-btn{color:#bbc;cursor:pointer;background:0 0;border:none;font-size:28px;transition:color .2s;position:absolute;top:16px;right:20px}.modal-close-btn:hover{color:#ff007f}.modal-form{flex-direction:column;gap:20px;display:flex}.modal-title{color:#fff;text-align:center;margin:0;font-size:24px;font-weight:800}.modal-subtitle{color:#889;text-align:center;margin:-12px 0 10px;font-size:13px}.form-group{text-align:left;flex-direction:column;gap:8px;display:flex}.form-group label{color:#bbc;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.form-group input{color:#fff;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;outline:none;padding:12px 16px;font-size:14px;transition:all .3s}.form-group input:focus{background:#ffffff0f;border-color:#ff007f;box-shadow:0 0 10px #ff007f33}.modal-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff007f 0%,#aa3bff 100%);border:none;border-radius:8px;margin-top:10px;padding:14px;font-size:14px;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #ff007f4d}.modal-submit-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ff007f80}.modal-footer-text{color:#889;text-align:center;margin:0;font-size:12px}.modal-footer-text span{color:#ff007f;cursor:pointer;font-weight:600}.modal-footer-text span:hover{text-decoration:underline}.modal-download{flex-direction:column;gap:16px;display:flex}.modal-download .modal-title{margin-bottom:4px}.download-options{grid-template-columns:1fr;gap:12px;margin:10px 0;display:grid}@media (width>=480px){.download-options{grid-template-columns:repeat(3,1fr)}}.download-card{text-align:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;flex-direction:column;align-items:center;padding:16px 12px;transition:all .3s;display:flex}.download-card:hover{background:#ffffff0a;border-color:#ff007f4d;transform:translateY(-2px)}.download-card.primary{background:#ff007f0d;border-color:#ff007f33}.download-card.primary:hover{background:#ff007f14;border-color:#ff007f}.os-icon{margin-bottom:8px;font-size:28px}.download-card h3{color:#fff;margin:0 0 4px;font-size:14px}.download-card p{color:#889;margin:0 0 14px;font-size:10px}.download-btn{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:6px;width:100%;padding:6px 12px;font-size:11px;font-weight:700;transition:all .2s}.download-card.primary .download-btn{background:#ff007f}.download-btn:hover{background:#ffffff26}.download-card.primary .download-btn:hover{background:#ff2d55;box-shadow:0 0 10px #ff007f66}.download-requirements{text-align:left;border-top:1px solid #ffffff0d;padding-top:16px}.download-requirements h4{color:#fff;margin:0 0 8px;font-size:12px}.download-requirements ul{color:#bbc;flex-direction:column;gap:4px;margin:0;padding-left:16px;font-size:11px;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=600px){.header-container{padding:12px 16px}.header-nav{gap:14px}.btn-signup{padding:6px 12px}}.hero-carousel{box-sizing:border-box;cursor:none;background:linear-gradient(135deg,#1c093a 0%,#080214 100%);border:1px solid #ff007f33;border-radius:20px;flex-direction:column;width:100%;max-width:1060px;height:360px;margin:30px auto 40px;transition:border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006,0 0 50px #ff007f26}.hero-carousel:hover{border-color:#ff007f80;box-shadow:0 20px 40px #00000073,0 0 60px #ff007f40}.desktop-wallpaper{opacity:.85;pointer-events:none;z-index:0;background-image:linear-gradient(#ff007f0d 1px,#0000 1px),linear-gradient(90deg,#ff007f0d 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.carousel-glow{background:var(--slide-theme-color);filter:blur(150px);opacity:.12;pointer-events:none;z-index:0;border-radius:50%;width:400px;height:400px;transition:background .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.desktop-icons{z-index:2;pointer-events:none;flex-direction:column;gap:16px;display:flex;position:absolute;top:40px;left:24px}.desktop-icon{text-align:center;flex-direction:column;align-items:center;width:50px;display:flex}.desktop-icon .icon-img{filter:drop-shadow(0 2px 4px #00000080);font-size:20px}.desktop-icon .icon-name{color:#ffffffb3;text-shadow:0 1px 2px #000c;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:4px;font-size:8px;overflow:hidden}.slide-info-window{-webkit-backdrop-filter:blur(12px);z-index:2;pointer-events:none;background:#0f0f14b3;border:1px solid #ffffff14;border-radius:10px;width:420px;animation:.5s cubic-bezier(.175,.885,.32,1.1) winAppear;position:absolute;top:60px;left:100px;box-shadow:0 15px 35px #00000080}.mock-win-title{background:#ffffff0a;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.win-dots{letter-spacing:2px;color:#ffffff4d;font-size:8px}.win-text{color:#ffffff80;font-family:inherit;font-size:9px;font-weight:600}.mock-win-body{text-align:left;padding:24px}.slide-title-inline{color:#fff;background:linear-gradient(135deg, #fff 40%, var(--slide-theme-color) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 12px;font-size:24px;font-weight:900}.slide-subtitle-inline{color:#bbc;margin:0;font-size:13px;font-weight:500;line-height:1.5}.desktop-taskbar{-webkit-backdrop-filter:blur(8px);z-index:5;pointer-events:none;background:#0a0a0fd9;border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:32px;padding:0 16px;display:flex;position:absolute;bottom:0;left:0;right:0}.taskbar-icons{align-items:center;gap:14px;display:flex}.tb-icon{opacity:.7;font-size:14px}.tb-icon.active{opacity:1;position:relative}.tb-icon.active:after{content:"";background:#ff007f;border-radius:1px;width:4px;height:2px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.taskbar-time{color:#ffffff80;flex-direction:column;align-items:flex-end;font-size:8px;line-height:1.2;display:flex}.custom-idle-cursor{pointer-events:none;z-index:100;filter:drop-shadow(0 0 10px #ff007fcc);position:absolute}.custom-cursor-preview{pointer-events:none;display:block}.stamp-cursor{opacity:.65;width:60px;height:60px;animation:2s ease-in-out infinite floatStampCursor;transform:translate(-30px,-30px)}.sticker-cursor{opacity:.65;width:50px;height:50px;animation:2s ease-in-out infinite floatStickerCursor;transform:translate(-25px,-25px)}.hand-cursor-emoji{font-size:32px;animation:2s ease-in-out infinite floatCursor;display:block;transform:translate(-16px,-16px)}.desktop-slap-gif{pointer-events:none;z-index:90;width:150px;height:150px;animation:.4s ease-out forwards slapScale;position:absolute}@keyframes floatCursor{0%,to{transform:translate(-16px,-16px)rotate(0)}50%{transform:translate(-16px,-18px)rotate(-6deg)}}@keyframes floatStampCursor{0%,to{transform:translate(-30px,-30px)translateY(0)}50%{transform:translate(-30px,-30px)translateY(-3px)}}@keyframes floatStickerCursor{0%,to{transform:translate(-25px,-25px)translateY(0)}50%{transform:translate(-25px,-25px)translateY(-3px)}}@keyframes slapScale{0%{opacity:.8;transform:scale(.7)}15%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes winAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.neon-border-overlay-hero{pointer-events:none;z-index:4;border:3px solid #0000;border-image:linear-gradient(to bottom right,#38ef7d,#11998e) 1;animation:3s ease-in-out infinite pulseBorder;position:absolute;inset:4px;box-shadow:inset 0 0 15px #38ef7d33,0 0 15px #38ef7d33}@keyframes pulseBorder{0%,to{opacity:.6}50%{opacity:1}}.placed-stamps-container,.placed-stickers-container{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.placed-stamp,.placed-sticker{filter:drop-shadow(0 4px 6px #0000004d);font-size:32px;animation:4s ease-in-out infinite floatStickers;position:absolute}.stamp-1,.sticker-1{animation-delay:.5s;top:60px;right:180px}.stamp-2,.sticker-2{animation-delay:1.5s;top:180px;right:110px}.stamp-3,.sticker-3{animation-delay:2.5s;top:100px;right:40px}@keyframes floatStickers{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-6px)scale(1.08)}}.carousel-btn{color:#fff;cursor:pointer;z-index:10;background:#00000080;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-btn:hover{background:var(--slide-theme-color);border-color:var(--slide-theme-color);box-shadow:0 0 15px rgba(var(--slide-theme-color), .5);transform:translateY(-50%)scale(1.05)}.btn-prev{left:20px}.btn-next{right:20px}.carousel-dots{z-index:10;gap:8px;display:flex;position:absolute;bottom:45px;left:50%;transform:translate(-50%)}.dot-indicator{cursor:pointer;background:#fff3;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .3s}.dot-indicator:hover{background:#fff6}.dot-indicator.active{background:var(--slide-theme-color);width:24px;box-shadow:0 0 10px rgba(var(--slide-theme-color), .5);border-radius:4px}.mock-desktop-overlay-img{object-fit:cover;pointer-events:none;z-index:3;width:100%;height:calc(100% - 32px);animation:.3s ease-in-out forwards fadeIn;position:absolute;inset:0 0 32px}.placed-stamp-user{pointer-events:none;z-index:2;width:60px;height:60px;animation:.25s cubic-bezier(.175,.885,.32,1.275) forwards stampScale;position:absolute}.placed-sticker-user{pointer-events:none;z-index:2;width:50px;height:50px;animation:.25s cubic-bezier(.175,.885,.32,1.275) forwards stampScale;position:absolute}.desktop-clean-btn{color:#fff;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(5px);z-index:6;background:#ff007f33;border:1px solid #ff007f66;border-radius:6px;margin-top:8px;padding:4px 8px;font-size:8px;font-weight:700;transition:all .2s}.desktop-clean-btn:hover{background:#ff007f66;border-color:#ff007fcc;transform:scale(1.05)}.desktop-clean-btn:active{transform:scale(.95)}@media (width<=767px){.hero-carousel{height:380px}.slide-info-window{width:calc(100% - 30px);top:70px;left:15px}.desktop-icons,.placed-stamp,.placed-sticker,.placed-stamp-user,.placed-sticker-user,.carousel-btn{display:none}}:root{--color-bg-card:#14141ab3;--color-border:#5a141d66;--color-border-hover:#ff007fcc;--color-pink:#ff007f;--color-pink-glow:#ff007f66;--color-text-primary:#fff;--color-text-secondary:#bbc;--color-text-muted:#889;--color-glass-shine:#ffffff0d}.slap-card{background:var(--color-bg-card);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);border-radius:12px;width:100%;max-width:240px;margin:0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:all .3s cubic-bezier(.175,.885,.32,1.2);position:relative;overflow:hidden;box-shadow:0 6px 20px #0000004d}.slap-card:hover{border-color:var(--color-border-hover);transform:translateY(-5px)scale(1.02);box-shadow:0 8px 30px #ff007f33}.card-glass-glow{pointer-events:none;background:linear-gradient(90deg,#fff0 0%,#ffffff08 50%,#fff0 100%);width:200%;height:100%;transition:all .6s;position:absolute;top:0;left:-50%;transform:rotate(25deg)}.slap-card:hover .card-glass-glow{transition:all .8s ease-in-out;left:120%}.card-preview{background-color:#0b0b0e;justify-content:center;align-items:center;width:100%;height:120px;display:flex;position:relative;overflow:hidden}.preview-gif{object-fit:cover;opacity:.8;width:100%;height:100%;transition:transform .5s,opacity .5s}.slap-card:hover .preview-gif{opacity:1;transform:scale(1.08)}.badge-pack{background:linear-gradient(135deg, var(--color-pink), #ff2d55);color:#fff;letter-spacing:.8px;border-radius:12px;padding:3px 8px;font-size:8px;font-weight:800;position:absolute;top:8px;left:8px;box-shadow:0 2px 8px #ff007f4d}.card-content{flex-direction:column;gap:8px;padding:12px;display:flex}.card-header{justify-content:space-between;align-items:center;display:flex}.slap-title{color:var(--color-text-primary);letter-spacing:.3px;text-overflow:ellipsis;white-space:nowrap;max-width:170px;margin:0;font-size:16px;font-weight:700;overflow:hidden}.slap-size{color:var(--color-text-secondary);background:#ffffff0f;border:1px solid #ffffff14;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.slap-author{color:var(--color-text-muted);margin:0;font-size:11px}.slap-author span{color:var(--color-pink);font-weight:600}.slap-description{color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:34px;margin:0;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.card-actions{gap:8px;margin-top:4px;display:flex}.btn-preview,.btn-download{cursor:pointer;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.icon{width:12px;height:12px}.btn-preview{color:var(--color-text-primary);background:#ffffff0f;border:1px solid #ffffff14}.btn-preview:hover{background:#ffffff1f;transform:translateY(-1px)}.btn-download{background:var(--color-pink);color:#fff;box-shadow:0 2px 10px #ff007f33}.btn-download:hover{background:#ff2d55;transform:translateY(-1px);box-shadow:0 4px 15px #ff007f66}.btn-preview:active,.btn-download:active{transform:translateY(0)}.type-slaps .badge-pack{background:linear-gradient(135deg,#ff007f,#ff2d55);box-shadow:0 2px 8px #ff007f4d}.type-stamps .badge-pack{background:linear-gradient(135deg,#9f40fd,#be40fd);box-shadow:0 2px 8px #9f40fd4d}.type-stickers .badge-pack{background:linear-gradient(135deg,#00c6ff,#0072ff);box-shadow:0 2px 8px #0072ff4d}.type-overlays .badge-pack{background:linear-gradient(135deg,#11998e,#38ef7d);box-shadow:0 2px 8px #38ef7d4d}.type-packs .badge-pack{background:linear-gradient(135deg,#f39c12,#f1c40f);box-shadow:0 2px 8px #f39c124d}.preview-placeholder{color:var(--color-text-muted);font-size:11px}.create-asset-page{box-sizing:border-box;width:100%;max-width:1000px;margin:40px auto;padding:0 20px;animation:.5s ease-out fadeIn}@keyframes pulse-glow{0%{box-shadow:0 0 10px #ff007f33}50%{box-shadow:0 0 25px #ff007f73}to{box-shadow:0 0 10px #ff007f33}}.create-header-container{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;display:flex}.create-title{background:linear-gradient(135deg,#fff 40%,#ff007f 100%);-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 30px #ff007f26;-webkit-background-clip:text;margin:0;font-size:2.2rem;font-weight:900}.btn-back-home{color:#bbc;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:30px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .3s;display:flex}.btn-back-home:hover{color:#fff;background:#ffffff1a;border-color:#ffffff40;transform:translate(-3px)}.btn-back-home svg{width:16px;height:16px}.creator-selection-grid{grid-template-columns:repeat(1,1fr);gap:24px;margin-top:20px;display:grid}@media (width>=640px){.creator-selection-grid{grid-template-columns:repeat(2,1fr)}}.creator-card{text-align:center;cursor:pointer;-webkit-backdrop-filter:blur(12px);background:#14141aa6;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;justify-content:space-between;align-items:center;min-height:260px;padding:35px 25px;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;position:relative;overflow:hidden}.creator-card:hover{border-color:#ff007f80;transform:translateY(-8px);box-shadow:0 15px 35px #ff007f26,inset 0 0 15px #ff007f0d}.creator-card:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:4px;transition:all .5s;position:absolute;top:0;left:0}.creator-card:hover:before{background:linear-gradient(90deg,#0000,#ff007f,#aa3bff,#0000)}.creator-card-glow{pointer-events:none;background:radial-gradient(circle,#ff007f26 0%,#0000 70%);width:150px;height:150px;transition:transform .5s;position:absolute;top:-40px;right:-40px}.creator-card:hover .creator-card-glow{transform:scale(1.5)}.creator-icon{filter:drop-shadow(0 0 10px #fff3);margin-bottom:15px;font-size:3.5rem;transition:transform .3s}.creator-card:hover .creator-icon{transform:scale(1.15)rotate(5deg)}.creator-card.type-pack{background:linear-gradient(135deg,#14141acc 0%,#1c0714cc 100%);border-color:#ff007f26;grid-column:1/-1;min-height:220px;box-shadow:0 10px 25px #0000004d}.creator-card.type-pack:hover{border-color:#ff007fb3;box-shadow:0 15px 40px #ff007f40,inset 0 0 20px #ff007f1a}.creator-card.type-pack .creator-card-glow{background:radial-gradient(circle,#ff007f33 0%,#0000 75%);width:250px;height:250px;top:-50px;right:5%}.creator-card h3{color:#fff;margin:0 0 10px;font-size:1.5rem;font-weight:850}.creator-card p{color:#a0a0b0;max-width:400px;margin-bottom:20px;font-size:.9rem;line-height:1.4}.btn-start-creation{color:#fff;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:30px;padding:10px 24px;font-size:13px;font-weight:700;transition:all .3s}.creator-card:hover .btn-start-creation{background:#ff007f;border-color:#ff007f;box-shadow:0 0 15px #ff007f66}.form-card-container{-webkit-backdrop-filter:blur(15px);background:#14141a8c;border:1px solid #ffffff14;border-radius:24px;padding:30px;animation:.4s ease-out fadeIn;box-shadow:0 20px 45px #0006}.form-header{text-align:left;border-bottom:1px solid #ffffff0f;margin-bottom:25px;padding-bottom:15px}.form-header h2{color:#fff;align-items:center;gap:12px;margin:0;font-size:1.8rem;font-weight:800;display:flex}.form-header p{color:#889;margin-top:5px;font-size:.9rem}.form-grid{text-align:left;grid-template-columns:1fr;gap:20px;display:grid}@media (width>=768px){.form-grid{grid-template-columns:1fr 1fr}.grid-full-width{grid-column:1/-1}}.field-group{flex-direction:column;gap:8px;display:flex}.field-group label{color:#bbc;text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:700}.field-group input[type=text],.field-group textarea{color:#fff;box-sizing:border-box;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .3s}.field-group input[type=text]:focus,.field-group textarea:focus{background:#ffffff0f;border-color:#ff007f80;outline:none;box-shadow:0 0 10px #ff007f26}.field-group textarea{resize:vertical;min-height:90px}.file-dropzone{text-align:center;cursor:pointer;background:#ffffff03;border:2px dashed #ffffff1f;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:120px;padding:24px;transition:all .3s;display:flex;position:relative}.file-dropzone:hover{background:#ff007f05;border-color:#ff007f66}.file-dropzone.has-file{background:#38ef7d05;border-color:#38ef7d66}.file-dropzone input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.dropzone-icon{color:#ff007f;font-size:1.8rem;transition:transform .3s}.file-dropzone:hover .dropzone-icon{transform:translateY(-3px)}.file-dropzone.has-file .dropzone-icon{color:#38ef7d}.dropzone-text{flex-direction:column;gap:4px;display:flex}.dropzone-title{color:#e2e8f0;font-size:13px;font-weight:600}.dropzone-title span{color:#ff007f;text-decoration:underline}.dropzone-hint{color:#718096;font-size:11px}.preview-container{box-sizing:border-box;background:#0003;border-radius:12px;flex-direction:column;gap:8px;width:100%;margin-top:10px;padding:12px;display:flex}.preview-title{color:#889;text-transform:uppercase;letter-spacing:.5px;text-align:left;font-size:11px;font-weight:700}.image-preview-wrapper{align-items:center;gap:12px;display:flex}.image-preview-thumbnail{object-fit:contain;background:#0006;border:1px solid #ffffff1a;border-radius:8px;width:64px;height:64px;padding:2px}.file-details{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.file-name{color:#fff;word-break:break-all;text-align:left;font-size:13px;font-weight:600}.file-size{color:#889;font-size:11px}.audio-preview-wrapper{align-items:center;gap:12px;width:100%;display:flex}.btn-audio-preview-play{color:#fff;cursor:pointer;background:#ff007f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;box-shadow:0 0 10px #ff007f4d}.btn-audio-preview-play:hover{transform:scale(1.1);box-shadow:0 0 15px #ff007f80}.btn-audio-preview-play svg{fill:currentColor;width:16px;height:16px}.btn-remove-file{color:#ff007f;cursor:pointer;background:#ff007f26;border:1px solid #ff007f4d;border-radius:6px;align-self:flex-start;margin-top:4px;padding:4px 10px;font-size:11px;font-weight:700;transition:all .2s}.btn-remove-file:hover{color:#fff;background:#ff007f;border-color:#ff007f}.pack-wizard-steps-container{justify-content:space-between;align-items:center;margin-bottom:30px;padding:0 10px;display:flex;position:relative}.pack-wizard-steps-container:before{content:"";z-index:1;background:#ffffff14;height:2px;position:absolute;top:15px;left:20px;right:20px}.wizard-step-node{z-index:2;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.wizard-step-circle{color:#889;background:#14141a;border:2px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .3s;display:flex}.wizard-step-node.active .wizard-step-circle{color:#fff;background:#ff007f;border-color:#ff007f;box-shadow:0 0 15px #ff007f80}.wizard-step-node.completed .wizard-step-circle{color:#fff;background:#38ef7d;border-color:#38ef7d}.wizard-step-node.skipped .wizard-step-circle{color:#a0a0b0;background:#2a2a35;border-color:#ffffff4d}.wizard-step-label{color:#889;text-transform:uppercase;letter-spacing:.5px;text-align:center;margin-top:8px;font-size:11px;font-weight:700}.wizard-step-node.active .wizard-step-label{color:#ff007f}.wizard-step-node.completed .wizard-step-label{color:#38ef7d}.form-actions-footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-top:35px;padding-top:20px;display:flex}.btn-action-cancel{color:#a0a0b0;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.btn-action-cancel:hover{color:#ff007f;background:#ff007f0d}.form-actions-right{gap:12px;display:flex}.btn-action-skip{color:#bbc;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.btn-action-skip:hover{color:#fff;background:#ffffff14;border-color:#fff3}.btn-action-submit{color:#fff;cursor:pointer;background:#ff007f;border:1px solid #ff007f;border-radius:12px;padding:12px 28px;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 5px 15px #ff007f4d}.btn-action-submit:hover{background:#ff2e96;border-color:#ff2e96;transform:translateY(-1px);box-shadow:0 8px 20px #ff007f80}.btn-action-submit:disabled{color:#718096;cursor:not-allowed;box-shadow:none;background:#2a2a35;border-color:#2a2a35;transform:none}.pack-compilation-card{background:#00000040;border:1px solid #ffffff0f;border-radius:16px;margin-bottom:25px;padding:20px}.pack-compilation-card h3{color:#fff;text-align:left;border-bottom:1px solid #ffffff0d;margin:0 0 15px;padding-bottom:8px;font-size:1.1rem}.compilation-status-list{text-align:left;grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.compilation-status-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;display:flex}.compilation-status-item.is-completed{background:#38ef7d05;border-color:#38ef7d33}.compilation-status-badge{background:#718096;border-radius:50%;width:8px;height:8px}.compilation-status-item.is-completed .compilation-status-badge{background:#38ef7d;box-shadow:0 0 8px #38ef7d}.compilation-item-info{flex-direction:column;display:flex}.compilation-item-title{color:#e2e8f0;font-size:12px;font-weight:700}.compilation-item-status{color:#a0a0b0;font-size:10px}.compilation-item-status.ok{color:#38ef7d}.validation-warning-box{text-align:left;background:#ff007f14;border:1px solid #ff007f33;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:25px;padding:16px;display:flex}.validation-warning-icon{font-size:1.2rem;line-height:1}.validation-warning-text{flex-direction:column;gap:4px;display:flex}.validation-warning-title{color:#ff007f;font-size:13px;font-weight:700}.validation-warning-desc{color:#e2e8f0;font-size:12px;line-height:1.4}.creation-success-overlay{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#0b0b0ed9;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.creation-success-card{text-align:center;background:linear-gradient(135deg,#161720 0%,#0e050d 100%);border:1px solid #ff007f4d;border-radius:24px;width:90%;max-width:450px;padding:40px;animation:3s infinite pulse-glow;box-shadow:0 25px 50px #ff007f33,0 0 40px #0009}.success-badge{margin-bottom:20px;font-size:4rem;animation:.5s cubic-bezier(.175,.885,.32,1.275) scaleBounce}@keyframes scaleBounce{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}.creation-success-card h3{color:#fff;margin:0 0 10px;font-size:1.8rem;font-weight:900}.creation-success-card p{color:#bbc;margin-bottom:25px;font-size:14px;line-height:1.5}body{color:#f3f4f6;background-color:#0b0b0e;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow-x:hidden}#root{box-sizing:border-box;background:radial-gradient(circle at top,#1c0714 0%,#0b0b0e 60%);border:none;flex-direction:column;align-items:center;width:100%;max-width:100vw;min-height:100vh;padding:0 0 40px;display:flex}.app-header{text-align:center;margin-bottom:30px;animation:.8s ease-out fadeInDown}.app-title{background:linear-gradient(135deg,#fff 30%,#ff007f 100%);-webkit-text-fill-color:transparent;letter-spacing:-1px;text-transform:uppercase;text-shadow:0 0 40px #ff007f33;-webkit-background-clip:text;margin:0 0 10px;font-size:2.8rem;font-weight:900}.app-subtitle{color:#bbc;max-width:600px;margin:0 auto;font-size:1rem;line-height:1.5}.title-glow{color:#ff007f;text-shadow:0 0 12px #ff007f99}.tabs-container{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:35px;animation:.8s ease-out fadeInDown;display:flex}.tab-button{color:#bbc;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:30px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .3s}.tab-button:hover{color:#ff007f;background:#ff007f1a;border-color:#ff007f66}.tab-button.active{color:#fff;background:#ff007f;border-color:#ff007f;box-shadow:0 0 15px #ff007f66}.marketplace-container{grid-template-columns:repeat(1,1fr);justify-items:center;gap:20px;width:100%;min-height:300px;padding:10px;animation:.8s ease-out fadeInUp;display:grid}@media (width>=520px){.marketplace-container{grid-template-columns:repeat(2,1fr)}}@media (width>=780px){.marketplace-container{grid-template-columns:repeat(3,1fr)}}@media (width>=1040px){.marketplace-container{grid-template-columns:repeat(4,1fr)}}@media (width>=1320px){.marketplace-container{grid-template-columns:repeat(5,1fr)}}.empty-state{color:#889;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:50px;font-size:15px;display:flex}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app-footer{color:#889;text-align:center;margin-top:60px;font-size:11px}.explore-section{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-width:1320px;margin:40px auto;padding:0 20px;display:flex}.explore-title{letter-spacing:4px;text-transform:uppercase;background:linear-gradient(135deg,#fff 40%,#ff007f 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 45px #ff007f40;-webkit-background-clip:text;margin:0 0 20px;font-size:2.2rem;font-weight:900;animation:.8s ease-out fadeInDown}.filters-container{flex-direction:column;align-items:center;margin-bottom:10px;animation:.8s ease-out fadeInDown;display:flex}.filters-label{letter-spacing:3px;color:#889;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:800}.cards-border-wrapper{box-sizing:border-box;-webkit-backdrop-filter:blur(12px);background:#14141a59;border:1px solid #ff007f33;border-radius:16px;width:100%;padding:24px;animation:.8s ease-out fadeInUp;box-shadow:0 15px 35px #0006,inset 0 0 25px #ff007f05}