:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.extraer{margin-left:20px}:root{--primary-pink: #ff66ab;--primary-pink-dark: #ff4495;--primary-pink-light: #ff8fc0;--primary-pink-lighter: #ffc1e0;--primary-pink-ultra-light: #ffe1f0;--secondary-blue: #4dabff;--secondary-blue-dark: #2d8eef;--accent-purple: #9f7eff;--accent-purple-dark: #8a5fff;--background-dark: #0a0c12;--background-darker: #050205;--card-background: #141824;--card-background-hover: #1a1f2c;--input-background: #1e2535;--text-light: #f0f3f9;--text-secondary: #b0b8c8;--border-color: #3a4252;--border-radius: 12px;--border-radius-sm: 8px;--box-shadow: 0 10px 30px rgba(0, 0, 0, .2), 0 2px 8px rgba(0, 0, 0, .1);--box-shadow-hover: 0 15px 40px rgba(0, 0, 0, .25), 0 5px 15px rgba(0, 0, 0, .15);--transition: all .3s cubic-bezier(.25, .8, .25, 1);--transition-slow: all .5s cubic-bezier(.25, .8, .25, 1)}body{background-color:var(--background-darker);color:var(--text-light);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6;margin:0;padding:0;position:relative;overflow-x:hidden}body:before,body:after{content:"";position:fixed;width:800px;height:800px;border-radius:50%;filter:blur(100px);z-index:-1;opacity:.15}body:before{background:radial-gradient(circle at center,rgba(255,102,171,.4),transparent 70%);top:-400px;right:-400px;animation:float-slow 30s infinite alternate}body:after{background:radial-gradient(circle at center,rgba(77,171,255,.3),transparent 70%);bottom:-400px;left:-300px;animation:float-slow 25s infinite alternate-reverse}#root:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 15c0 16.6 30 16.6 30 0M15 45c0-16.6 30-16.6 30 0M15 30h30M30 15v30' stroke='%23ff66ab' stroke-width='0.5' fill='none'/%3E%3C/svg%3E");pointer-events:none;z-index:-1}#root{max-width:1200px;margin:0 auto;padding:3rem 2rem;text-align:center;position:relative;z-index:1}.app-section{min-height:100vh;width:100vw;background-color:var(--background-darker);position:relative;display:flex;align-items:center;justify-content:center;padding:6rem 0;overflow:hidden;z-index:1;box-sizing:border-box}.content-container{max-width:1300px;width:90%;margin:0 auto;z-index:5;position:relative}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:3.5rem;font-weight:700;margin-bottom:1.25rem;color:#fff;position:relative;display:inline-block}.section-title .highlight{background:linear-gradient(135deg,var(--primary-pink-light),var(--primary-pink));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative}.section-title .highlight:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--primary-pink),var(--primary-pink-dark));border-radius:2px}.section-subtitle{font-size:1.5rem;color:#f0f0facc;max-width:700px;margin:0 auto}.cards-container{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.card{background:#1e142899;border-radius:16px;border:1px solid rgba(255,102,171,.25);padding:2.5rem;width:320px;transition:var(--transition);position:relative;opacity:0;box-shadow:var(--box-shadow);display:flex;flex-direction:column}.card:hover{transform:translateY(-10px);border-color:#ff66ab80;box-shadow:0 15px 40px #ff44954d}.card-icon{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;position:relative;background:linear-gradient(135deg,#ff66ab33,#ff44951a);border:1px solid rgba(255,102,171,.3);transition:var(--transition)}.card:hover .card-icon{transform:scale(1.1);background:linear-gradient(135deg,#ff66ab4d,#ff449533)}.card-icon:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:inherit;filter:blur(15px);opacity:.4;z-index:-1}.card-icon .icon{font-size:32px;color:var(--primary-pink-light)}.primary-icon{background:linear-gradient(135deg,#ff66ab33,#ff44951a)}.secondary-icon{background:linear-gradient(135deg,#ff8fc033,#ff66ab1a)}.tertiary-icon{background:linear-gradient(135deg,#ffc1e033,#ff8fc01a)}.card h3{font-size:1.8rem;margin:0 0 1rem;background:linear-gradient(135deg,var(--primary-pink-light),var(--primary-pink));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:600}.card-description{font-size:1rem;color:#f0f0facc;margin-bottom:1.5rem;line-height:1.6}.feature-list{list-style:none;padding:0;margin:0 0 2rem}.feature-list li{position:relative;padding-left:1.8rem;margin-bottom:.8rem;color:#f0f0fab3;font-size:.95rem}.feature-list li:before{content:"";position:absolute;left:0;top:.5rem;width:.5rem;height:.5rem;background:var(--primary-pink);border-radius:50%}.interface-preview{margin-top:auto;border-radius:8px;overflow:hidden;width:100%;position:relative;height:180px;background:#0f0a19cc;border:1px solid rgba(255,102,171,.3)}.interface-header{height:20px;background:#ff66ab33;width:100%;position:absolute;top:0;left:0}.interface-sidebar{width:40px;height:calc(100% - 20px);position:absolute;top:20px;left:0;background:#ff66ab26}.interface-tabs{height:30px;background:#ff66ab26;width:100%;position:absolute;top:20px;left:0}.interface-content{position:absolute;top:50px;left:50px;right:10px;bottom:10px;display:flex;flex-direction:column;gap:10px}.dashboard-preview .interface-chart{height:60%;width:100%;background:linear-gradient(90deg,#ff66ab1a,#ff44951a);border-radius:4px;position:relative;overflow:hidden}.dashboard-preview .interface-chart:after{content:"";position:absolute;height:30%;width:80%;bottom:0;left:10%;background:#ff66ab4d;clip-path:polygon(0 100%,10% 70%,20% 90%,30% 50%,40% 60%,50% 30%,60% 40%,70% 20%,80% 40%,90% 10%,100% 30%,100% 100%)}.dashboard-preview .interface-data{height:30%;width:100%;display:flex;gap:5px}.dashboard-preview .interface-data:before,.dashboard-preview .interface-data:after{content:"";flex:1;background:#ff66ab1a;border-radius:4px}.form-preview .interface-list{height:100%;width:40%;background:#ff66ab1a;border-radius:4px;position:relative}.form-preview .interface-list:after{content:"";position:absolute;width:80%;height:80%;top:10%;left:10%;background:#0000;box-shadow:0 0 0 5px #ff66ab0d,0 8px 0 5px #ff66ab0d,0 16px 0 5px #ff66ab0d,0 24px 0 5px #ff66ab0d,0 32px 0 5px #ff66ab0d}.form-preview .interface-form{height:100%;width:55%;background:#ff66ab1a;border-radius:4px;margin-left:auto;position:relative}.form-preview .interface-form:after{content:"";position:absolute;width:70%;height:70%;top:15%;left:15%;background:#0000;box-shadow:0 0 0 8px #ff66ab1a,0 24px 0 8px #ff66ab14}.calendar-preview{display:flex;flex-direction:column}.calendar-preview .interface-header{position:relative;height:30px}.calendar-preview .interface-content{top:40px;left:10px;right:10px;bottom:10px;flex-direction:row}.calendar-preview .interface-calendar{flex:1;background:#ff66ab1a;border-radius:4px;position:relative}.calendar-preview .interface-calendar:after{content:"";position:absolute;width:80%;height:80%;top:10%;left:10%;background:#0000;box-shadow:0 0 0 4px #ff66ab0d,8px 0 0 4px #ff66ab0d,16px 0 0 4px #ff66ab0d,24px 0 0 4px #ff66ab0d,0 8px 0 4px #ff66ab0d,8px 8px 0 4px #ff66ab0d,16px 8px 0 4px #ff66ab0d,24px 8px 0 4px #ff66ab0d}.calendar-preview .interface-chat{flex:1;background:#ff66ab1a;border-radius:4px;margin-left:10px;position:relative}.calendar-preview .interface-chat:after{content:"";position:absolute;width:70%;height:70%;bottom:10%;left:15%;background:#0000;box-shadow:0 0 0 6px #ff66ab1a,0 -12px 0 6px #ff66ab14,0 -24px 0 6px #ff66ab0f}button{background:linear-gradient(135deg,var(--primary-pink),var(--primary-pink-dark));color:#fff;border:none;padding:.85rem 2rem;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:600;transition:var(--transition);box-shadow:0 5px 15px #ff66ab4d;position:relative;overflow:hidden;letter-spacing:.02em}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--transition)}button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #ff66ab66}button:hover:before{left:100%;transition:.7s}button:active{transform:translateY(0)}button:disabled{background:#2a2a35;cursor:not-allowed;transform:none;color:#777;box-shadow:none}input,textarea{background-color:var(--input-background);border:2px solid rgba(255,102,171,.2);border-radius:var(--border-radius-sm);color:var(--text-light);padding:.85rem 1.2rem;font-size:1rem;transition:var(--transition);width:100%;max-width:500px;margin-bottom:1.25rem;box-shadow:inset 0 2px 4px #0000001a;position:relative}input:focus,textarea:focus{border-color:var(--primary-pink);outline:none;box-shadow:0 0 0 3px #ff66ab26,inset 0 2px 4px #0000001a}textarea{min-height:180px;resize:vertical;line-height:1.6;font-family:inherit}.input-wrapper{position:relative;margin-bottom:1.5rem}.input-wrapper label{position:absolute;left:1.2rem;top:.85rem;color:var(--text-secondary);transition:var(--transition);pointer-events:none;font-size:1rem}.input-wrapper input:focus+label,.input-wrapper input:not(:placeholder-shown)+label{transform:translateY(-140%) scale(.8);color:var(--primary-pink-light);left:.5rem}.input-wrapper input{padding-top:1.2rem;padding-bottom:.5rem}.token-display{background-color:#141824cc;padding:1rem 1.5rem;border-radius:var(--border-radius-sm);font-family:Fira Code,Consolas,monospace;overflow-wrap:break-word;word-break:break-all;margin:1.5rem 0;font-size:.9rem;border:1px solid rgba(255,102,171,.2);position:relative;transition:var(--transition);box-shadow:0 4px 12px #00000026}.token-display:hover{border-color:#ff66ab4d;box-shadow:0 6px 16px #0003}.token-display:before{content:"TOKEN";position:absolute;top:-10px;left:15px;background:var(--card-background);padding:0 8px;font-size:.7rem;color:var(--primary-pink);border-radius:4px;letter-spacing:.05em;border:1px solid rgba(255,102,171,.2)}.info-box{background:#141824b3;border-radius:var(--border-radius);padding:2rem;margin-top:2rem;box-shadow:var(--box-shadow);text-align:left;border:1px solid rgba(255,102,171,.15);transition:var(--transition);position:relative}.info-box:hover{transform:translateY(-3px);box-shadow:var(--box-shadow-hover);border-color:#ff66ab40}.description-area{margin-top:3rem;background:#141824b3;border-radius:var(--border-radius);padding:2rem;box-shadow:var(--box-shadow);border:1px solid rgba(255,102,171,.15);position:relative;transition:var(--transition)}.description-area:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--primary-pink),var(--accent-purple));opacity:.7;border-radius:3px 3px 0 0;transition:var(--transition)}.description-area:hover{transform:translateY(-3px);box-shadow:var(--box-shadow-hover);border-color:#ff66ab40}.description-area:hover:before{opacity:1}pre{background-color:#161c28;padding:1.5rem;border-radius:var(--border-radius-sm);overflow:auto;text-align:left;font-family:Fira Code,Consolas,monospace;font-size:.9rem;line-height:1.6;color:var(--text-light);border:1px solid rgba(255,102,171,.15);position:relative;margin:1.5rem 0}pre:before{content:"";position:absolute;top:0;left:0;height:100%;width:3px;background:linear-gradient(180deg,var(--primary-pink),var(--secondary-blue));border-radius:3px 0 0 3px}hr{border:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary-pink),transparent);margin:3rem 0;opacity:.5;position:relative}hr:before{content:"•";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--background-dark);color:var(--primary-pink);padding:0 15px;font-size:1rem}.info-card{display:flex;align-items:flex-start;background:#14182499;border-radius:var(--border-radius);padding:1.75rem;margin-top:2rem;border:1px solid rgba(255,102,171,.15);transition:var(--transition)}.info-card:hover{transform:translateY(-5px);border-color:#ff66ab4d;box-shadow:var(--box-shadow-hover)}.info-card-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1.5rem;background:linear-gradient(135deg,#ff66ab26,#ff44951a);color:var(--primary-pink);font-size:1.75rem;flex-shrink:0;transition:var(--transition);position:relative}.info-card:hover .info-card-icon{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,#ff66ab33,#ff449526);color:var(--primary-pink-light)}.info-card-icon:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:inherit;filter:blur(15px);opacity:.4;z-index:-1}.info-card-content{flex:1;text-align:left}.info-card-title{font-size:1.4rem;margin:0 0 .75rem;background:linear-gradient(135deg,var(--primary-pink-light),var(--primary-pink));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.bg-element{position:absolute;border-radius:50%;filter:blur(80px);z-index:0;opacity:.35}.bg-element-1{width:800px;height:800px;bottom:-200px;right:-200px;background:radial-gradient(circle at center,rgba(255,102,171,.4),transparent 70%);animation:float-slow 30s infinite alternate;opacity:.3;filter:blur(100px)}.bg-element-2{width:600px;height:600px;top:-100px;left:-150px;background:radial-gradient(circle at center,rgba(77,171,255,.4),transparent 70%);animation:float-slow 25s infinite alternate-reverse;opacity:.25;filter:blur(100px)}.bg-element-3{width:400px;height:400px;bottom:100px;left:25%;background:radial-gradient(circle at center,rgba(255,68,149,.3),transparent 70%);animation:float-medium 20s infinite alternate;opacity:.2;filter:blur(100px)}.bg-circuit{position:absolute;width:500px;height:100vh;opacity:.07;background-size:cover;background-repeat:repeat;pointer-events:none}.bg-circuit.left{left:0;top:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10h40v40H10V10zm20 0v40M10 30h40M20 10v40M40 10v40M10 20h40M10 40h40' stroke='%23ff66ab' stroke-width='0.5' fill='none'/%3E%3C/svg%3E")}.bg-circuit.right{right:0;top:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 15c0 16.6 30 16.6 30 0M15 45c0-16.6 30-16.6 30 0M15 30h30M30 15v30' stroke='%23ff66ab' stroke-width='0.5' fill='none'/%3E%3C/svg%3E")}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float-slow{0%{transform:translate(0) rotate(0)}50%{transform:translate(-30px,30px) rotate(-3deg)}to{transform:translate(30px,-30px) rotate(3deg)}}@keyframes float-medium{0%{transform:translate(0) rotate(0)}50%{transform:translate(-20px,20px) rotate(-5deg)}to{transform:translate(20px,-20px) rotate(5deg)}}@keyframes pulse{0%{opacity:.6}50%{opacity:.9}to{opacity:.6}}.card,.info-box,.description-area,.info-card{animation:fadeInUp .6s ease-out forwards}.card:nth-child(2){animation-delay:.2s}.card:nth-child(3){animation-delay:.4s}@media (max-width: 1200px){.cards-container{gap:1.5rem}.card{width:300px}}@media (max-width: 992px){.section-title{font-size:2.8rem}.section-subtitle{font-size:1.3rem}.cards-container{flex-direction:column;align-items:center;gap:2rem}.card{width:100%;max-width:450px}.info-card{flex-direction:column}.info-card-icon{margin:0 0 1rem}}@media (max-width: 768px){#root{padding:2rem 1.25rem}.section-title{font-size:2.5rem}.input-group{flex-direction:column;width:100%}.input-group>*{width:100%;max-width:none}.card,.info-box,.description-area{padding:1.75rem}}@media (max-width: 480px){.app-section{padding:4rem 0}.section-title{font-size:2.2rem}.section-subtitle{font-size:1.1rem}.card-icon{width:60px;height:60px}.card h3{font-size:1.5rem}.card,.info-box,.description-area{padding:1.5rem}button{width:100%}}.descripcion{color:var(--primary-pink-light)!important;background-color:var(--card-background)!important;border:2px solid rgba(255,102,171,.2)!important;border-radius:var(--border-radius-sm)!important;box-shadow:inset 0 2px 4px #0003!important;font-family:Consolas,monospace!important;padding:1rem!important;scrollbar-width:thin;scrollbar-color:var(--primary-pink) var(--card-background)}.descripcion::-webkit-scrollbar{width:8px}.descripcion::-webkit-scrollbar-track{background:var(--card-background-hover);border-radius:4px}.descripcion::-webkit-scrollbar-thumb{background:var(--primary-pink);border-radius:4px}.color-picker-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--input-background);border-radius:var(--border-radius-sm);padding:5px 10px;border:2px solid rgba(255,102,171,.2)}.color-picker-wrapper label{margin-bottom:4px;width:100%;text-align:center}.color-picker-wrapper:hover{border-color:var(--primary-pink)}.color-value{margin-left:0;margin-top:8px;font-family:Fira Code,Consolas,monospace;font-size:.9rem;color:var(--text-secondary);text-align:center}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border-radius:50%;border:none;padding:0;margin:0;width:100%;height:100%;box-shadow:none}input[type=color]::-moz-color-swatch{border-radius:50%;border:none;width:100%;height:100%}input[type=color]::-ms-fill{border-radius:50%}.preview-container{margin-top:25px;margin-bottom:25px;position:relative;width:100%;border-radius:12px;background:#14182480;padding:20px;box-shadow:0 4px 16px #00000026;border:1px solid rgba(255,102,171,.2)}.preview-container h4{margin-top:0;margin-bottom:15px;color:#ff66ab;font-weight:600;font-size:1.15rem;text-align:left;padding-left:10px;border-left:3px solid #ff66ab}.bbcode-preview{background:#222;color:#fff;padding:20px;border-radius:10px;border:1px solid rgba(255,102,171,.3);min-height:60px;max-height:300px;overflow-y:auto;font-family:Open Sans,Arial,sans-serif;scrollbar-width:thin;scrollbar-color:var(--primary-pink) rgba(34,34,34,.7);word-wrap:break-word;line-height:1.5;position:relative;box-shadow:inset 0 0 10px #0006}.bbcode-preview{scrollbar-width:thin;scrollbar-color:var(--primary-pink) rgba(34,34,34,.7)}.bbcode-preview .notice{background:#ff66ab1a;border-left:4px solid #ff66ab;padding:10px 15px;margin:10px 0}.bbcode-preview a.profile-link{color:#ff66ab;text-decoration:none}.bbcode-preview a.profile-link:hover{text-decoration:underline}.bbcode-preview .diff-icon{height:24px;width:auto;vertical-align:middle;margin-right:5px}.bbcode-preview .banner-preview-image{max-width:80%;height:auto;display:block;margin:10px auto;border-radius:6px}.footer-custom{width:100%;max-width:none;margin-left:0;margin-right:0;margin-top:60px;padding:24px 0;background:#141824d9;color:#ff66ab;font-weight:600;font-size:1.1rem;border-top:1px solid #ff66ab30;text-align:center;letter-spacing:.02em;box-shadow:0 -2px 12px #ff66ab12;transition:background .3s}.footer-link{color:#ff66ab;text-decoration:none;font-weight:700;margin:0 6px;transition:color .2s}.footer-link:hover{color:#fff;text-decoration:underline}.footer-divider{color:#b0b8c8;margin:0 8px;font-weight:400;font-size:1.1em}.discord-icon{color:#ff66ab;display:inline-block;vertical-align:middle;margin-right:6px;transition:color .2s}.footer-link:hover .discord-icon{color:#fff}.discord-link{display:inline-flex;align-items:center}.discord-username{margin-left:6px}.beatmap-input-container{display:flex;justify-content:center;width:100%;margin-bottom:1.25rem}.beatmap-url-input{width:100%;max-width:500px;margin:0;display:block}@media (max-width: 600px){.footer-custom{font-size:.95rem;padding:16px 0}}.gradient-section label{min-width:90px}.gradient-section .preview-container,.gradient-section .bbcode-preview,.gradient-section pre{width:100%;max-width:none;box-sizing:border-box}@media (max-width: 700px){.gradient-section{max-width:100%;padding:0 8px}.gradient-form-row{flex-direction:column;gap:10px}}.action-buttons{display:flex;justify-content:space-between;margin-top:15px;margin-bottom:15px;width:100%;gap:10px}.action-button{background:linear-gradient(135deg,var(--primary-pink),var(--primary-pink-dark));color:#fff;border:none;padding:8px 16px;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:600;transition:var(--transition);box-shadow:0 5px 15px #ff66ab4d;letter-spacing:.02em;min-width:150px;text-align:center;display:inline-block}.action-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #ff66ab66}.action-button.secondary{background:linear-gradient(135deg,var(--secondary-blue),var(--secondary-blue-dark));box-shadow:0 5px 15px #4dabff4d}.action-button.secondary:hover{box-shadow:0 8px 20px #4dabff66}.button-row{display:flex;justify-content:space-between;margin-top:15px;margin-bottom:15px;width:100%;gap:15px}.button-container{display:flex;justify-content:center;margin:10px 0;width:100%;align-items:center}.gradient-toggle{margin-bottom:20px;width:100%;display:flex;justify-content:center}.action-button.primary-button{background:linear-gradient(135deg,var(--primary-pink),var(--primary-pink-dark));min-width:180px}.action-button.secondary-button{background:linear-gradient(135deg,var(--secondary-blue),var(--secondary-blue-dark));box-shadow:0 5px 15px #4dabff4d;min-width:180px}.action-button.copy-button{min-width:180px}@media (max-width: 768px){.button-row{flex-direction:column;align-items:center}.button-container{width:100%}.action-button.primary-button,.action-button.secondary-button,.action-button.copy-button{width:100%;max-width:300px}}.bbcode-preview .centered{text-align:center;width:100%;display:block}.description-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:15px;margin:10px auto}.custom-checkbox{display:flex;align-items:center;position:relative;padding-left:35px;cursor:pointer;font-size:1rem;color:var(--text-light);-webkit-user-select:none;user-select:none;margin-right:15px;transition:var(--transition)}.custom-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:22px;width:22px;background-color:var(--input-background);border:2px solid rgba(255,102,171,.3);border-radius:6px;transition:var(--transition);box-shadow:inset 0 2px 4px #0000001a}.custom-checkbox:hover .checkmark{border-color:var(--primary-pink-light);box-shadow:0 0 0 3px #ff66ab26,inset 0 2px 4px #0000001a}.custom-checkbox input:checked~.checkmark{background:linear-gradient(135deg,var(--primary-pink),var(--primary-pink-dark));border-color:var(--primary-pink)}.checkmark:after{content:"";position:absolute;display:none}.custom-checkbox input:checked~.checkmark:after{display:block}.custom-checkbox .checkmark:after{left:7px;top:3px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.gradient-section{max-width:800px;margin-left:auto;margin-right:auto;width:100%;position:relative;align-content:center;box-sizing:border-box}.gradient-section .preview-container,.gradient-section .bbcode-preview,.gradient-section pre,.gradient-section textarea,.gradient-section input,.gradient-section .gradient-text-input,.gradient-section .wrapper-tags-input{width:100%;max-width:100%;box-sizing:border-box}.preview-container,.bbcode-preview,.preview-container .bbcode-preview{width:100%;max-width:100%;box-sizing:border-box;padding-left:0;padding-right:0}.preview-container h4{padding-left:0;border-left:none}.bbcode-preview{padding-left:0;padding-right:0}.preview-container,.bbcode-preview{padding-left:12px;padding-right:12px}.preview-container,.bbcode-preview{margin-left:0;margin-right:0}.gradient-section{max-width:600px;margin:0 auto;width:100%;background-color:#141824b3;border-radius:12px;padding:25px;box-shadow:0 10px 30px #0003}.gradient-section h3{margin-top:0;margin-bottom:20px;color:#fff;text-align:center}.gradient-form-row{display:flex;justify-content:space-between;margin-bottom:20px;width:100%;gap:20px}.gradient-form-row label{min-width:80px;display:flex;align-items:center;color:#fff;margin-right:15px;font-weight:500}.gradient-form-row input[type=text]{flex:1;background-color:#1e2535b3;border:2px solid rgba(255,102,171,.2);border-radius:8px;color:#fff;padding:10px 15px;font-size:1rem;transition:all .3s ease;width:100%}.gradient-form-row input[type=text]:focus{border-color:#ff66ab;box-shadow:0 0 0 3px #ff66ab26;outline:none}.color-picker-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;border-radius:12px;background:#141824b3;text-align:center;border:1px solid #ff66ab30}.color-picker-wrapper label{display:block;margin-bottom:10px;color:#fff;text-align:center;width:100%;font-weight:500}.color-picker-wrapper input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:60px;height:60px;border:none;border-radius:50%;background:transparent;cursor:pointer;padding:0;box-shadow:0 2px 8px #0003;aspect-ratio:1/1;min-width:60px;min-height:60px;object-fit:contain}.color-picker-wrapper input[type=color]::-webkit-color-swatch-wrapper{padding:0;border-radius:50%;background:none;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.color-picker-wrapper input[type=color]::-webkit-color-swatch{border:none;border-radius:50%;width:100%;height:100%}.color-picker-wrapper input[type=color]::-moz-color-swatch{border:none;border-radius:50%;width:100%;height:100%}.color-value{margin-top:10px;font-family:Fira Code,monospace;font-size:.9rem;color:#ffffffb3;text-align:center;font-weight:400}@media (max-width: 700px){.gradient-section{padding:20px 15px;box-sizing:border-box;width:100%;max-width:100%}.gradient-form-row{flex-direction:column;gap:15px;width:100%}.gradient-form-row label{margin-right:0;margin-bottom:8px;min-width:initial;justify-content:flex-start}.color-picker-wrapper{padding:12px;width:100%;box-sizing:border-box}.color-picker-wrapper input[type=color]{width:50px;height:50px}}.options-menu-container{position:relative;display:inline-block;margin-bottom:15px}.options-menu-button{background:var(--card-background);color:var(--text-light);border:1px solid rgba(255,102,171,.2);padding:10px 16px;border-radius:var(--border-radius);cursor:pointer;font-weight:600;display:flex;align-items:center;gap:8px;transition:var(--transition);box-shadow:var(--box-shadow)}.options-menu-button span{color:var(--primary-pink)}.options-menu-button:hover{transform:translateY(-3px);background:var(--card-background-hover);border-color:#ff66ab4d;box-shadow:var(--box-shadow-hover)}.options-menu-button.active{background:var(--card-background-hover);border-color:#ff66ab66}.options-menu-button svg{transition:transform .3s ease}.options-menu-button.active svg{transform:rotate(180deg)}.options-menu{position:absolute;top:calc(100% + 10px);right:0;background:var(--card-background);border-radius:var(--border-radius);width:250px;padding:15px;box-shadow:var(--box-shadow);border:1px solid rgba(255,102,171,.2);z-index:10;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease,visibility .3s;pointer-events:none}.options-menu.visible{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.options-menu-title{font-size:1rem;font-weight:600;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(255,102,171,.2);color:var(--primary-pink)}.options-menu-list{display:flex;flex-direction:column;gap:12px}.options-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:5;display:none}.options-menu-overlay.visible{display:block}html,body{min-height:100vh;margin:0;padding:0;overflow-x:hidden;width:100%}#root{min-height:100vh;width:100%;max-width:100%;box-sizing:border-box;padding:1rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}body:before,body:after{content:"";position:fixed;width:100vw;height:100vh;border-radius:0;filter:blur(100px);z-index:-1;opacity:.15}body:before{background:radial-gradient(circle at center,rgba(255,102,171,.4),transparent 70%);top:-50vh;right:-50vw;animation:float-slow 30s infinite alternate}body:after{background:radial-gradient(circle at center,rgba(77,171,255,.3),transparent 70%);bottom:-50vh;left:-50vw;animation:float-slow 25s infinite alternate-reverse}@media (max-width: 768px){body:before,body:after{width:150vw;height:150vh;opacity:.1}#root{padding:1rem .5rem}.main-section-box{width:100%;box-sizing:border-box;padding:1rem .5rem;max-width:100%;overflow-x:hidden}input[type=text],textarea,.descripcion{width:100%!important;max-width:100%!important;box-sizing:border-box}.beatmap-input-container{display:flex;justify-content:center;width:100%;margin-bottom:1.25rem}.beatmap-url-input{width:90%!important;max-width:90%!important;margin:0!important}h1{font-size:1.8rem}h2{font-size:1.4rem}h3{font-size:1.2rem}.options-menu-button{width:100%;max-width:100%}.options-menu{width:90%;max-width:90%;left:5%;right:5%}.button-row{flex-direction:column;width:100%;align-items:center;gap:10px}.button-container{width:100%;margin:5px 0;display:flex;justify-content:center}.action-button{width:100%;max-width:280px}.description-controls{justify-content:center;width:100%;margin:10px 0;padding:0}.gradient-form-row{flex-direction:column;align-items:flex-start;width:100%;box-sizing:border-box;max-width:100%;padding:0;margin-left:0;margin-right:0}.color-picker-wrapper{margin:5px 0;width:100%;max-width:100%;box-sizing:border-box;padding:15px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;position:relative;overflow:visible;border-radius:8px}.color-picker-wrapper label{width:35%;text-align:left;margin-bottom:0;min-width:80px}.color-picker-wrapper input[type=color]{width:42px;height:42px;margin:0 5px;flex:0 0 auto;border:none;border-radius:50%;padding:0;aspect-ratio:1/1;min-width:42px;min-height:42px;max-width:42px;max-height:42px;object-fit:contain;display:block}.color-picker-wrapper input[type=color]::-webkit-color-swatch-wrapper{padding:0;border:none;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.color-picker-wrapper input[type=color]::-webkit-color-swatch{border:none;border-radius:50%;width:100%;height:100%}.color-value{margin-top:0;margin-left:5px;flex:1;text-align:right;font-size:.8rem}.gradient-section{padding:15px;max-width:calc(100% - 20px);width:calc(100% - 20px);margin:0 auto;box-sizing:border-box;border-radius:12px}}.main-section-box{display:flex;flex-direction:column;width:100%;max-width:800px;margin:0 auto}html{height:-webkit-fill-available;background-color:var(--background-darker, #050205)}body{min-height:100vh;min-height:-webkit-fill-available;position:relative}.gradient-section{width:100%;box-sizing:border-box}.gradient-text-input,.wrapper-tags-input{width:100%;box-sizing:border-box;max-width:calc(100% - 10px);margin:0 auto;display:block}.gradient-form-row input[type=text]{width:100%;box-sizing:border-box;max-width:100%;padding:8px 10px;font-size:.9rem}.gradient-form-row input[type=color]{box-sizing:border-box}@media (max-width: 480px){.footer-custom{flex-direction:column;text-align:center;padding:15px 10px;display:flex;align-items:center;justify-content:center}.footer-divider{display:none}.footer-link{margin:5px 0;display:inline-flex;align-items:center;justify-content:center}.discord-link{display:inline-flex;align-items:center;justify-content:center}h1{font-size:1.6rem}.color-picker-wrapper{flex-direction:column;padding:15px 8px;margin-bottom:10px}.color-picker-wrapper label{width:100%;text-align:center;margin-bottom:12px;font-weight:500}.color-picker-wrapper input[type=color]{width:50px;height:50px;margin:0 auto 12px;display:block;aspect-ratio:1/1;min-width:50px;min-height:50px;max-width:50px;max-height:50px;object-fit:contain}.color-value{width:100%;text-align:center;margin:5px 0 0;font-size:.85rem}.gradient-section{padding:12px;margin:0 auto;width:calc(100% - 10px);box-sizing:border-box;overflow:hidden;max-width:calc(100% - 10px);border-radius:10px}.gradient-form-row{margin-bottom:12px;gap:10px;width:100%;box-sizing:border-box}.gradient-form-row label{font-size:.9rem;font-weight:500}.gradient-section .button-row{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.options-menu-list{padding:0 10px}.custom-checkbox{width:100%;justify-content:flex-start;text-align:left}.custom-checkbox .checkmark{flex-shrink:0}.custom-checkbox.me-as-creator{display:flex;justify-content:flex-start;text-align:left;width:100%}.custom-checkbox span:not(.checkmark){padding-left:10px;display:inline-block;text-align:left}}@media (max-width: 768px){.gradient-section{padding:15px;box-sizing:border-box;margin:0 auto;max-width:calc(100% - 20px);width:calc(100% - 20px);border-radius:10px;overflow:hidden}.gradient-form-row{flex-direction:column;width:100%;margin-bottom:15px;gap:12px;position:relative}.color-picker-wrapper{display:flex;align-items:center;width:100%;box-sizing:border-box;padding:12px;margin:0;border-radius:8px;position:relative}.color-picker-wrapper label{flex:1 0 auto;margin-right:10px;margin-bottom:0;text-align:left;font-size:.9rem}.color-picker-wrapper input[type=color]{width:42px;height:42px;flex-shrink:0;border:none;box-shadow:0 2px 8px #0003;border-radius:50%;aspect-ratio:1/1;min-width:42px;min-height:42px;max-width:42px;max-height:42px;object-fit:contain}.color-value{margin:0 0 0 8px;flex:0 0 auto;width:auto;min-width:70px;text-align:right;font-size:.85rem}.gradient-text-input,.wrapper-tags-input{width:100%;box-sizing:border-box;padding:10px}.gradient-form-row input[type=text]{width:100%;flex:1}.gradient-section .button-row{margin-top:20px}}@media (max-width: 480px){.gradient-section{padding:12px;margin:0 auto;border-radius:10px;overflow:hidden;width:calc(100% - 10px);max-width:calc(100% - 10px);box-sizing:border-box}.gradient-form-row{gap:10px;margin-bottom:12px}.color-picker-wrapper{flex-direction:column;align-items:center;padding:15px;margin-bottom:10px}.color-picker-wrapper label{width:100%;text-align:center;margin-bottom:12px;font-size:.9rem}.color-picker-wrapper input[type=color]{margin:0 auto 12px;display:block;width:50px;height:50px;aspect-ratio:1/1;min-width:50px;min-height:50px;max-width:50px;max-height:50px;border-radius:50%;object-fit:contain}.color-value{width:100%;text-align:center;margin:5px 0 0;font-size:.85rem}.bbcode-preview{font-size:.9rem;padding:10px}}input[type=color]{aspect-ratio:1/1!important;border-radius:50%!important;overflow:hidden!important}input[type=color]::-webkit-color-swatch-wrapper{padding:0!important;border-radius:50%!important;border:none!important;width:100%!important;height:100%!important}input[type=color]::-webkit-color-swatch{border-radius:50%!important;border:none!important;margin:0!important;padding:0!important;height:100%!important;width:100%!important}input[type=color]::-moz-color-swatch{border-radius:50%!important;border:none!important}.color-picker-wrapper input[type=color]{width:60px!important;height:60px!important;box-sizing:border-box!important;min-width:60px!important;min-height:60px!important;max-width:60px!important;max-height:60px!important}@media (max-width: 768px){.color-picker-wrapper input[type=color]{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;max-width:42px!important;max-height:42px!important}}@media (max-width: 480px){.color-picker-wrapper input[type=color]{width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;max-width:50px!important;max-height:50px!important}}@media screen and (max-width: 768px){.gradient-section{margin:0 auto;width:95%!important;max-width:95%!important;box-sizing:border-box;border-radius:12px;overflow:hidden}.gradient-form-row{width:100%!important;margin-left:0!important;margin-right:0!important;padding:0!important;box-sizing:border-box}.gradient-form-row label{display:block;width:100%;margin-bottom:5px;font-weight:500}.gradient-text-input,.wrapper-tags-input{width:100%!important;max-width:100%!important;box-sizing:border-box;margin:0;padding:8px 10px}.color-value{font-size:.85rem;opacity:.9}.preview-container{width:100%;max-width:100%;overflow:hidden}.bbcode-preview{width:100%;max-width:100%;overflow-x:auto}.gradient-section textarea{width:100%!important;max-width:100%!important;min-height:60px;padding:8px;font-size:.9rem}.gradient-section .button-container{margin:8px auto}}@media screen and (max-width: 480px){.gradient-section{width:95%!important;max-width:95%!important;padding:12px 8px}.gradient-form-row{gap:8px}.gradient-form-row label{font-size:.9rem}}.bbcode-preview{word-wrap:break-word!important;overflow-wrap:break-word!important;word-break:break-word!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:auto!important;box-sizing:border-box!important}.gradient-preview-text{word-break:break-all!important}.bbcode-preview span{word-wrap:break-word!important;overflow-wrap:break-word!important;word-break:break-word!important;max-width:100%!important;display:inline-block!important}.bbcode-preview span.color-span{display:inline!important;word-break:break-all!important}.gradient-preview-text span{word-break:break-all!important;max-width:100%!important}textarea.descripcion{word-wrap:break-word!important;overflow-wrap:break-word!important;width:100%!important;max-width:100%!important;overflow-x:auto!important}textarea.gradient-output-text{word-break:break-all!important;white-space:pre-wrap!important;max-height:200px!important}.gradient-section .preview-container,.gradient-section .bbcode-preview{width:100%!important;max-width:100%!important;overflow:hidden!important;white-space:normal!important}.gradient-section .bbcode-preview{overflow-x:auto!important}@media screen and (max-width: 768px){.bbcode-preview,textarea.descripcion{font-size:14px!important}.bbcode-preview span{max-width:100%!important;display:inline-block!important}}.preview-container{position:relative;width:100%;box-sizing:border-box}.bbcode-preview{line-height:1.6;font-family:Segoe UI,Arial,sans-serif;white-space:pre-wrap;min-height:50px;max-height:300px;padding:15px;scrollbar-width:thin;border-radius:8px}.bbcode-preview:not(.gradient-preview-text){overflow-x:hidden;overflow-y:auto}.gradient-preview-text{overflow-y:auto;overflow-x:auto}.gradient-preview-text span{display:inline;max-width:100%}.bbcode-preview .notice{max-width:100%;overflow-wrap:break-word;word-wrap:break-word}@media screen and (max-width: 768px){.bbcode-preview{font-size:14px;padding:12px}.gradient-preview-text{max-height:200px}}.gradient-text-input{overflow-x:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important}.bbcode-preview span.color-span{display:inline!important;word-break:break-all!important;overflow-wrap:anywhere!important;white-space:normal!important}.gradient-output-text{word-break:break-all!important;white-space:pre-wrap!important;overflow-wrap:break-word!important;max-height:200px!important;overflow-y:auto!important}.bbcode-preview .notice{word-break:break-word!important;overflow-wrap:break-word!important;max-width:100%!important;width:100%!important;display:inline-block!important;white-space:normal!important}.bbcode-preview div[style*="text-align:center"]{word-break:break-word!important;overflow-wrap:break-word!important;max-width:100%!important;width:100%!important;white-space:normal!important}.gradient-preview-text{word-break:break-all!important;overflow-wrap:anywhere!important;-webkit-hyphens:auto!important;hyphens:auto!important;white-space:pre-wrap!important}.preview-container{max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}@media screen and (max-width: 768px){.gradient-text-input{font-size:14px!important}.gradient-preview-text,.gradient-output-text{font-size:14px!important;line-height:1.4!important}}.features-section{max-width:800px;margin:30px auto;width:100%;background-color:#141824b3;border-radius:12px;padding:25px;box-shadow:0 10px 30px #0003;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.features-section h3{margin-top:0;margin-bottom:20px;color:#fff;text-align:center}.feature-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:20px}@media (max-width: 768px){.feature-buttons{flex-direction:column;align-items:center}.feature-button{width:100%;max-width:300px}}.feature-button{background:linear-gradient(135deg,#ff66abb3,#ff4495b3);color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s;min-width:180px;text-align:center}.feature-button:hover{transform:translateY(-3px);box-shadow:0 8px 15px #ff66ab66}.feature-button.active{background:linear-gradient(135deg,#4dabffb3,#4d83ffb3);box-shadow:0 5px 15px #4dabff66}.feature-content{background:#1e2535b3;border-radius:8px;padding:20px;margin-top:10px;width:100%;box-sizing:border-box}.feature-content .gradient-container{width:100%;box-sizing:border-box;overflow:hidden;margin-bottom:15px}.feature-form-row{display:flex;align-items:center;margin-bottom:15px;gap:15px;width:100%}.feature-form-row label{min-width:130px;font-weight:500;color:#fff}.feature-form-row input[type=text]{flex:1;background-color:#1e2535b3;border:2px solid rgba(255,102,171,.2);border-radius:8px;color:#fff;padding:10px 15px;font-size:1rem;transition:all .3s ease}.feature-form-row input[type=text]:focus{border-color:#ff66ab;box-shadow:0 0 0 3px #ff66ab26;outline:none}.feature-form-row button{padding:8px 16px;min-width:80px}.feature-preview{margin-top:15px;background:#14182480;border-radius:8px;padding:15px;color:#fff}.feature-preview pre{margin:0;white-space:pre-wrap;font-family:Fira Code,monospace;font-size:.9rem}.search-results{margin-top:15px;background:#14182480;border-radius:8px;padding:15px}.user-result{display:flex;align-items:center;gap:15px;padding:10px;border-radius:8px;transition:all .3s;cursor:pointer}.user-result:hover{background:#ff66ab26}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.user-info{flex:1}.user-name{font-weight:600;color:#ff66ab}.user-country{font-size:.9rem;color:#ffffffb3}.add-button{margin-left:auto;padding:8px 16px;background:linear-gradient(135deg,var(--primary-pink),var(--primary-pink-dark));color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s}.add-button:hover{transform:translateY(-2px);box-shadow:0 5px 10px #ff66ab4d}.search-loading{margin:15px 0;padding:10px;background:#4dabff26;border-radius:6px;color:#4dabff;text-align:center;font-weight:500}.search-error{margin:15px 0;padding:10px;background:#ff4d4d26;border-radius:6px;color:#ff6b6b;text-align:center;font-weight:500}.clear-selection{background:transparent;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;border-radius:4px;padding:4px 8px;font-size:.8rem;cursor:pointer;margin-left:10px;transition:all .2s}.clear-selection:hover{color:#ffffffe6;border-color:#fff6;background:#ffffff0d}.clear-button{background:#1e2535b3;color:#ffffffb3;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:6px 12px;cursor:pointer;transition:all .2s}.clear-button:hover{color:#ffffffe6;border-color:#fff6;background:#ffffff1a}.clear-button:disabled{opacity:.5;cursor:not-allowed}textarea.gradient-output-text{width:100%!important;box-sizing:border-box!important;max-width:100%!important;overflow-x:auto!important;white-space:pre-wrap!important;word-wrap:break-word!important;border:1px solid rgba(77,171,255,.3);background-color:#14182499;color:#fff;border-radius:8px;padding:12px}@media (max-width: 768px){textarea.gradient-output-text{font-size:14px;padding:10px}}@media (max-width: 700px){.features-section{padding:20px 15px;max-width:95%}.feature-buttons{flex-direction:column;align-items:center;width:100%}.feature-button{width:100%;max-width:none}.feature-form-row{flex-direction:column;align-items:flex-start}.feature-form-row label{margin-bottom:8px}.feature-form-row input[type=text]{width:100%}.feature-form-row button{width:100%;margin-top:10px}}.banner-preview-container{padding:10px;margin-bottom:15px}.bbcode-preview .banner-preview-image{max-width:100%!important;height:auto!important;min-height:120px!important;max-height:250px!important;width:auto!important;display:block!important;margin:10px auto!important;border-radius:5px;box-shadow:0 3px 10px #0003;transform:scale(1.2)}.bbcode-preview .banner-preview-image:hover{transform:scale(1.22);transition:transform .3s ease}