:root[data-theme=dark]{--font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-white: #fff;--text-black: #000;--text-slate-400: lab(65.5349% -2.25151 -14.5072);--text-sm: .875rem;--text-2x1: 1.5rem;--text-2xl--line-height: calc(2 / 1.5)}.text-white{color:var(--text-white)}.text-black{color:var(--text-black)}.font-bold{font-weight:700}.text-sm{font-size:var(--text-sm)}.text-slate-400{color:var(--text-slate-400)}.text-2x1{font-size:var(--text-2x1);line-height:var(--text-2xl--line-height)}*{margin:0;padding:0;-webkit-user-select:none;user-select:none}:root{--border-color: rgba(121, 121, 121, .1);--max-width: 1100px}:root[data-theme=dark]{--background: oklch(.145 0 0);--white: #fff}.flex-row{display:flex;flex-direction:row}.flex-column{display:flex;flex-direction:column}.col-centerY{justify-content:center}.col-centerX{align-items:center}.col-baseY{align-items:flex-end}.row-centerY{align-items:center}.row-centerX{justify-content:center}.gap-2{gap:20px}body{font-family:var(--font-family);font-weight:600;box-sizing:border-box;background:linear-gradient(to top,#242c47,#162235,#0b1723);height:100dvh}.space{height:95px}.header{position:fixed;top:0;width:100%;z-index:1;padding:22px 0;border-bottom:1px solid var(--border-color);background:#00000026;backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%)}.header .logo{padding:12px;border-radius:10px;background-image:linear-gradient(125deg,#4279ff,#7857ff,#9425fb)}.header .logo svg{width:24px;height:24px;color:#fff}.header>div{max-width:var(--max-width);width:100%;gap:12px}.tabs{margin:30px 0}.tabs .tabs-content{width:100%;max-width:var(--max-width)}.tabs .tabs-content .tabs-button{width:fit-content;gap:10px;padding:2px;border:1px solid var(--border-color);border-radius:10px;background:#36445a4d;backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%)}.tabs .tabs-content .tabs-button .button{flex:1;gap:12px;min-width:100px;padding:5px 20px;border:none;border-radius:8px;cursor:pointer}.tabs .tabs-content .tabs-button .button img{width:16px;height:16px}.tabs .tabs-content .tabs-button .download-button[data-active=true]{background:linear-gradient(125deg,#0067ec,#207cff);background:linear-gradient(125deg,color(xyz 0.202 0.158 0.83),color(xyz 0.262 0.218 1.012))}.tabs .tabs-content .tabs-button .library-button[data-active=true]{background:linear-gradient(125deg,#7600c5,#8800e2 50%,#9100f0,#9913fb);background:linear-gradient(125deg,color(xyz 0.197 0.073 0.652),color(xyz 0.248 0.104 0.781) 50%,color(xyz 0.277 0.122 0.852),#9913fb)}.tabs .tabs-content .tabs-button .separate-button[data-active=true]{background:linear-gradient(125deg,#00842f,#009637 50%,#009e3b,#01a73e);background:linear-gradient(125deg,color(xyz 0.079 0.17 0.039),color(xyz 0.109 0.221 0.062) 50%,color(xyz 0.127 0.249 0.076),#01a73e)}.url .content{width:100%;max-width:var(--max-width);box-sizing:border-box;padding:35px;border:1px solid var(--border-color);border-radius:15px;background:#36445a4d;backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%)}.url .content input{padding:8px 10px;margin:10px 0 18px;border:1px solid var(--border-color);border-radius:10px;background:#36445a4d;backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%);outline:3px solid transparent}.url .content input:focus{outline:3px solid oklch(.61 .22 259)}.url .content .button{flex:1;gap:12px;min-width:100px;padding:15px 20px;border:none;border-radius:8px;cursor:pointer;outline:3px solid transparent}.url .content .button img{width:16px;height:16px}.url .content .button:focus{outline:3px solid oklch(.61 .22 259)}.url .content .button:disabled{cursor:not-allowed;opacity:.6}.url .content .download-button{background:linear-gradient(125deg,#0067ec,#207cff);background:linear-gradient(125deg,color(xyz 0.202 0.158 0.83),color(xyz 0.262 0.218 1.012))}.howUse{margin-top:30px}.howUse .content{width:100%;max-width:var(--max-width);box-sizing:border-box;padding:35px;border:1px solid var(--border-color);border-radius:15px;background:#36445a4d;backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%)}.howUse .content>p{margin-bottom:10px}.howUse .content ol{list-style:none}.howUse .content ol li{margin-bottom:5px}.howUse .content ol span{color:#227cff;color:oklch(.61 .22 259)}.library-tab{width:100%;margin-top:30px}.library-tab .folder{width:100%;max-width:var(--max-width);margin-bottom:30px;justify-content:space-between}.library-tab .folder .open-folder{min-width:100px;padding:10px 15px;gap:12px;border:none;border-radius:8px;cursor:pointer;outline:3px solid transparent;background:#36445a4d;backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%)}.library-tab .folder .open-folder img{width:16px;height:16px}.library-tab .content{width:100%;max-width:var(--max-width);box-sizing:border-box;padding:35px;height:55dvh;overflow:auto;border:1px solid var(--border-color);border-radius:15px;background:#36445a4d;backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%)}.library-tab .content li{background-color:var(--white);justify-content:space-between;color:var(--text-black);margin:5px 0;padding:18px 15px;border-radius:10px}.library-tab .content li .button{flex:1;padding:5px 20px;height:30px;border:none;border-radius:8px;cursor:pointer}.library-tab .content li .delete-button{background:linear-gradient(125deg,#7600c5,#8800e2 50%,#9100f0,#9913fb);background:linear-gradient(125deg,color(xyz 0.197 0.073 0.652),color(xyz 0.248 0.104 0.781) 50%,color(xyz 0.277 0.122 0.852),#9913fb)}.library-tab .content li .play-button{background:linear-gradient(125deg,#00842f,#009637 50%,#009e3b,#01a73e);background:linear-gradient(125deg,color(xyz 0.079 0.17 0.039),color(xyz 0.109 0.221 0.062) 50%,color(xyz 0.127 0.249 0.076),#01a73e)}.library-tab .content li .play-button img{width:15px;height:15px}.library-tab .content p.text-2x1{margin-bottom:10px}.separate-tab .content{width:100%;max-width:var(--max-width);box-sizing:border-box;padding:35px;border:1px solid var(--border-color);border-radius:15px;background:#36445a4d;backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%)}.separate-tab .content select{padding:10px;margin:10px 0 18px;border:1px solid var(--border-color);border-radius:10px;background:#36445a4d;backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%);outline:3px solid transparent}.separate-tab .content select:focus{outline:3px solid oklch(.61 .22 259)}.separate-tab .content .button{flex:1;gap:12px;min-width:100px;padding:15px 20px;border:none;border-radius:8px;cursor:pointer;outline:3px solid transparent}.separate-tab .content .button img{width:16px;height:16px}.separate-tab .content .button:focus{outline:3px solid oklch(.61 .22 259)}.separate-tab .content .button:disabled{cursor:not-allowed;opacity:.6}.separate-tab .content .separate-button{background:linear-gradient(125deg,#00842f,#009637 50%,#009e3b,#01a73e);background:linear-gradient(125deg,color(xyz 0.079 0.17 0.039),color(xyz 0.109 0.221 0.062) 50%,color(xyz 0.127 0.249 0.076),#01a73e)}