@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.min-h-screen{min-height:100vh}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.text-center{text-align:center}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--background:#0f1115;--foreground:#ededed}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--foreground);background-color:#0f1115;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}body>h1.text-4xl.font-bold.text-center.tracking-widest.pt-8{display:none!important}.mixer-container input[type=text],.mixer-container input[type=url]{width:100%!important;max-width:100%!important}.downloader-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:20px;padding:24px;display:flex}input,select{outline:none;color:#fff!important;box-sizing:border-box!important;background:#1a1d23!important;border:1px solid #ffffff1a!important;border-radius:10px!important;width:100%!important;padding:12px 16px!important}input:focus,select:focus{border-color:#f5c249!important}@media (max-width:768px){main,.container,section{overflow-x:hidden;max-width:100vw!important;padding-left:1rem!important;padding-right:1rem!important}.mixer-grid,.downloader-grid{flex-direction:column!important;gap:15px!important;display:flex!important}button{min-height:48px;margin-top:10px;width:100%!important;font-size:14px!important}.list-container,.results-area{word-break:break-word;overflow-x:auto;width:100%!important}}.nav-btn{transition:all .2s ease-in-out;text-decoration:none!important}.nav-root a,.nav-root a:visited,.nav-root a:active,.nav-root a:hover{color:inherit!important;outline:none!important;text-decoration:none!important}.nav-root{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;background-color:#0e1014fa;border-bottom:1px solid #ffffff14;align-items:center;width:100%;height:70px;display:flex;position:fixed;top:0}.nav-container{justify-content:space-between;align-items:center;width:100%;max-width:1380px;margin:0 auto;padding:0 14px;display:flex;gap:8px}.nav-group{align-items:center;gap:8px;display:flex}.nav-group:first-child{flex:1;min-width:0}.nav-btn{background:#ffffff08;border:1px solid #0000;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:600;transition:all .2s;color:#94a3b8!important}.nav-btn:hover{background:#ffffff14;border:1px solid #ffffff1a;color:#fff!important}.user-info{align-items:center;gap:12px;display:flex}.credits-pill{background:#f5c2491a;border:1px solid #f5c24940;border-radius:50px;align-items:center;padding:6px 14px;display:flex}.credits-text{letter-spacing:.5px;font-size:12px;font-weight:800;color:#f5c249!important}.profile-pill{background:#f5c249;border:1px solid #f5c249;border-radius:8px;padding:9px 20px;font-size:13px;font-weight:800;transition:filter .2s;color:#000!important}.profile-pill:hover{filter:brightness(.94)}.login-pill{background:#f5c249;border-radius:8px;padding:10px 22px;font-size:13px;font-weight:800;transition:transform .1s;color:#000!important}.login-pill:active{transform:scale(.96)}@media (max-width:1280px){.nav-container{max-width:1200px;padding:0 10px;gap:6px}.nav-group{gap:6px}.nav-btn{padding:6px 9px;font-size:11px}.profile-pill{padding:8px 14px;font-size:12px}.login-pill{padding:8px 14px;font-size:12px}}@media (max-width:768px){.nav-root{position:sticky;top:0;height:auto;padding:8px 0}.nav-container{display:flex;flex-direction:column;gap:10px;padding:0 10px}.nav-group{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;width:100%}.nav-container>.nav-group:last-child{justify-content:center;border-top:1px solid #ffffff0d;padding-top:8px}.nav-btn{white-space:nowrap;padding:6px 10px;font-size:11px}.user-info{border-top:1px solid #ffffff0d;justify-content:center;width:100%;padding-top:8px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}
