@property --g1-x{syntax: "<percentage>"; inherits: false; initial-value: 24%;}@property --g1-y{syntax: "<percentage>"; inherits: false; initial-value: 50%;}@property --g2-x{syntax: "<percentage>"; inherits: false; initial-value: 18%;}@property --g2-y{syntax: "<percentage>"; inherits: false; initial-value: 71%;}@property --g3-x{syntax: "<percentage>"; inherits: false; initial-value: 36%;}@property --g3-y{syntax: "<percentage>"; inherits: false; initial-value: 76%;}@property --g4-x{syntax: "<percentage>"; inherits: false; initial-value: 72%;}@property --g4-y{syntax: "<percentage>"; inherits: false; initial-value: 23%;}@property --g5-x{syntax: "<percentage>"; inherits: false; initial-value: 91%;}@property --g5-y{syntax: "<percentage>"; inherits: false; initial-value: 74%;}@property --g6-x{syntax: "<percentage>"; inherits: false; initial-value: 67%;}@property --g6-y{syntax: "<percentage>"; inherits: false; initial-value: 38%;}:root{--bg: #0a0e27;--surface: rgba(30, 35, 65, .3);--border: rgba(255, 255, 255, .15);--light: #e0e6ff84;--text: #e0e6ff;--muted: #353b5122;--primary: #ff2a6d;--primary-shadow: hsl(from #ff2a6d h s l / 25%);--accent: #00f5ff;--accent-shadow: hsl(from #00f5ff h s l / 25%);--secondary: #da54d8;--gold: #ffaa00;--gold-shadow: hsl(from #ffaa00 h s l / 25%);--success: #00ff88;--success-shadow: hsl(from #00ff88 h s l / 25%);--warning: #ffaa00;--error: #ff2a6d;--glow: 0 0 30px currentColor;--blur: 16px;--path: polygon( 56.4% 0%, 7.5% 0%, 3.3% 3.3%, 0% 7.5%, 0% 92.5%, 3.3% 96.7%, 7.5% 100%, 92.5% 100%, 96.7% 96.7%, 100% 92.5%, 100% 22.4%, 96.7% 18.1%, 92.5% 14.9%, 71.4% 14.9%, 67.9% 11.4%, 64.6% 7.5%, 60.8% 3.3%, 56.4% 0% )}body{background-color:var(--bg);color:var(--primary);min-width:100vw;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0;display:flex;justify-content:center;flex-wrap:wrap;background-attachment:fixed,fixed,fixed,fixed,fixed,fixed;background-image:radial-gradient(18% 28% at var(--g1-x) var(--g1-y),var(--primary-shadow) 7%,transparent 100%),radial-gradient(18% 28% at var(--g2-x) var(--g2-y),var(--border) 6%,transparent 100%),radial-gradient(70% 53% at var(--g3-x) var(--g3-y),var(--primary-shadow) 0%,transparent 100%),radial-gradient(21% 37% at var(--g4-x) var(--g4-y),var(--gold-shadow) 24%,transparent 100%),radial-gradient(35% 56% at var(--g5-x) var(--g5-y),var(--accent-shadow) 9%,transparent 100%),radial-gradient(74% 86% at var(--g6-x) var(--g6-y),var(--success-shadow) 24%,transparent 100%);background-blend-mode:screen;opacity:1;animation:orbs 20s ease-in-out infinite alternate;&:before{content:"";position:fixed;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 600 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");mix-blend-mode:color-burn;z-index:0;pointer-events:none}}@keyframes orbs{0%{--g1-x: 24%;--g1-y: 50%;--g2-x: 18%;--g2-y: 71%;--g3-x: 36%;--g3-y: 76%;--g4-x: 72%;--g4-y: 23%;--g5-x: 91%;--g5-y: 74%;--g6-x: 67%;--g6-y: 38%}33%{--g1-x: 55%;--g1-y: 20%;--g2-x: 40%;--g2-y: 40%;--g3-x: 15%;--g3-y: 55%;--g4-x: 85%;--g4-y: 60%;--g5-x: 60%;--g5-y: 90%;--g6-x: 30%;--g6-y: 15%}66%{--g1-x: 10%;--g1-y: 80%;--g2-x: 75%;--g2-y: 20%;--g3-x: 60%;--g3-y: 30%;--g4-x: 20%;--g4-y: 70%;--g5-x: 45%;--g5-y: 15%;--g6-x: 88%;--g6-y: 65%}to{--g1-x: 70%;--g1-y: 60%;--g2-x: 10%;--g2-y: 30%;--g3-x: 80%;--g3-y: 85%;--g4-x: 35%;--g4-y: 45%;--g5-x: 20%;--g5-y: 55%;--g6-x: 55%;--g6-y: 10%}}h1{font-size:2rem;font-weight:600;margin:1rem 0}h2{font-size:1.5rem;margin:.5rem 0;font-weight:400}.primary{color:var(--primary)}.accent{color:var(--accent)}.secondary{color:var(--secondary)}.success{color:var(--success)}.warning{color:var(--warning)}a{color:currentColor;transition:.2s all ease-in-out;&:hover{color:var(--primary)}}button{align-items:center;appearance:none;background-color:hsl(from currentColor h s l / 25%);backdrop-filter:blur(10px) brightness(.3);border-radius:.8rem;border:0;cursor:pointer;display:flex;height:2rem;font-size:clamp(.6rem,100vw,1.2rem);justify-content:center;opacity:.8;padding:0 1rem;position:relative;transition:.2s all ease-in-out;box-shadow:0 8px 32px hsl(from currentColor h s calc(l - 1) / 50%),inset 0 1px rgba(from currentColor r g b / .4),inset 0 -1px rgba(from currentColor r g b / .2),inset 0 0 .5rem 7px rgba(from currentColor r g b / .3);& span{transition:filter .2s ease-in-out}&:hover{opacity:1;background-color:hsl(from currentColor h s l / 50%);box-shadow:0 20px 32px hsl(from currentColor h s calc(l - 1) / 40%),inset 0 1px rgba(from currentColor r g b / .4),inset 0 -1px rgba(from currentColor r g b / .2),inset 0 0 .5rem 7px rgba(from currentColor r g b / .3)}&:hover span{filter:brightness(.3)}&:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsl(from currentColor h s l / 80%),transparent)}}.select{display:flex;align-items:center;position:relative;color:var(--text);&:hover{color:var(--accent)}&:after{content:"⏷";color:currentColor;position:absolute;right:.7rem;transition:.2s all ease-in-out;pointer-events:none}}select{appearance:none;background-color:hsl(from currentColor h s l / 25%);backdrop-filter:blur(10px) brightness(.3);color:currentColor;cursor:pointer;border:0;outline:2px solid transparent;box-shadow:0 8px 32px hsl(from currentColor h s calc(l - 1) / 50%),inset 0 1px rgba(from currentColor r g b / .4),inset 0 -1px rgba(from currentColor r g b / .2),inset 0 0 .5rem 7px rgba(from currentColor r g b / .3);border-radius:.7rem;font-size:inherit;overflow:hidden;padding:.5rem 1.5rem .5rem 1rem;text-overflow:ellipsis;white-space:nowrap;transition:.2s all ease-in-out;width:100%}.progress{position:absolute;top:0;left:0;height:5px;border:0;margin:0;padding:0;transition:.1s width ease-out,.3s background-color ease-in-out;background-color:var(--primary);z-index:101}.progress[data-status=middle]{background-color:var(--gold)}.progress[data-status=end]{background-color:var(--accent)}input[type=range]{width:100%;cursor:pointer;transition:filter .2s ease;background-color:transparent}input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background-color:var(--light);box-shadow:0 0 8px #0003;transition:box-shadow .2s ease}input[type=range]::-moz-range-track{height:6px;border-radius:3px;background-color:var(--light);box-shadow:0 0 8px #0003;border:none;transition:box-shadow .2s ease}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--text);box-shadow:0 0 10px var(--text);transition:all .2s ease}input[type=range]::-webkit-slider-thumb:hover{width:18px;height:18px;background:var(--accent);box-shadow:0 0 1rem var(--accent)}input[type=range]::-webkit-slider-thumb:active{width:20px;height:20px;background:var(--accent);box-shadow:0 0 20px var(--accent)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--text);border:none;box-shadow:0 0 10px var(--text);transition:all .2s ease}input[type=range]::-moz-range-thumb:hover{width:18px;height:18px;background:var(--accent);box-shadow:0 0 15px var(--accent)}input[type=range]::-moz-range-thumb:active{width:20px;height:20px;background:var(--accent);box-shadow:0 0 20px var(--accent)}input[type=range]:disabled{opacity:.5;cursor:not-allowed}output{display:flex;justify-content:space-between;width:100%;font-size:9px;text-transform:uppercase;letter-spacing:.3px;margin:6px 0 0;padding:0 2px}output span{color:var(--text);display:flex;flex-direction:column;align-items:center;gap:2px;position:relative}output span:before{content:"";display:block;color:currentColor;width:1px;height:6px;background-color:var(--text);border-radius:1px;margin-top:-12px}footer{height:1rem;display:flex;gap:.5rem;align-items:center;justify-content:flex-end;width:100%;padding:1rem;color:var(--accent)}.empty-state{text-align:center;color:#fff;pointer-events:none;user-select:none}.toaster{position:fixed;bottom:2rem;right:2rem;z-index:10000;pointer-events:none}.toast{align-items:center;backdrop-filter:blur(16px) brightness(.4);background-color:hsl(from var(--warning) h s l / 15%);border-color:hsl(from var(--warning) h s l / 40%);border-radius:.8rem;border:1px solid;box-shadow:0 0 30px var(--warning);color:var(--warning);display:flex;font-size:.95rem;gap:1rem;max-width:400px;min-width:300px;padding:1rem 1.5rem;pointer-events:all;transition:all .3s ease}.toast p{margin:0;font-weight:500;line-height:1.4;letter-spacing:.3px;text-shadow:0 0 10px currentColor;flex:1}.toolbar{display:flex;justify-content:center;align-items:center;width:100vw;background:hsl(from var(--bg) h s l / 60%);backdrop-filter:blur(20px) saturate(1.2);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.toolbar-inner{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px;width:calc(100vw - 4rem);max-width:1400px;padding:1rem 0;margin:0 auto}.toolbar nav{display:flex;gap:12px;align-items:center}.medium-toggle,.actions{display:flex;margin:0;padding:0;border:none}.medium-toggle button,.actions button{color:var(--text);opacity:.5}.medium-toggle button:first-of-type,.actions button:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0}.medium-toggle button:last-child,.actions button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.medium-toggle button.active,.actions button.primary,.actions button.accent{opacity:1}.medium-toggle button.active{color:var(--accent)}.actions button.primary{color:var(--primary)}.actions button.accent{color:var(--accent)}.drop-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--success-shadow);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease}.drop-overlay.visible{opacity:1;pointer-events:all}.media-area{width:100%;min-height:calc(100vh - 20rem);display:flex;align-items:center;justify-content:center}.file-grid{display:flex;flex-wrap:wrap;gap:1rem;max-width:1400px;margin:2rem auto 0;padding:0 16px 2rem;width:100%;justify-content:center}.file-grid article{flex:1 1 280px;max-width:calc(50% - 10px);position:relative;display:flex;flex-direction:column;background:linear-gradient(135deg,#ffffff14,#ffffff03);backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);border:1px solid transparent;border-top-color:#ffffff40;border-left-color:#ffffff26;border-right-color:#ffffff05;border-bottom-color:#ffffff05;border-radius:16px;box-shadow:0 12px 40px #0006,inset 0 0 20px #ffffff05;overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}.file-grid article:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 20px 50px #00000080,inset 0 0 20px #ffffff0d;border-top-color:#ffffff59;border-left-color:#ffffff40}.file-grid article button{position:absolute;top:.5rem;right:.5rem;width:3rem;height:2.2rem;padding:0;z-index:10;overflow:hidden}.file-grid article button.convert{right:3.5rem;color:var(--accent);border-top-right-radius:0;border-bottom-right-radius:0}.file-grid article button.remove{color:var(--primary);border-top-left-radius:0;border-bottom-left-radius:0}.media-card{margin:0;display:flex;flex-direction:column;height:100%}.media-card img,.media-card video{width:100%;aspect-ratio:4/3;object-fit:cover;background:#00000080;box-shadow:0 4px 12px #0003;border-bottom:1px solid rgba(255,255,255,.05)}.media-card figcaption{padding:16px;display:flex;flex-direction:column;gap:8px;flex-grow:1;justify-content:center}.media-card strong{font-size:.95rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-shadow:0 2px 4px rgba(0,0,0,.5)}.media-card .metadata{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.media-card small{font-size:.75rem;font-variant-numeric:tabular-nums;background:#00000040;padding:4px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.05);display:inline-flex;align-items:center;gap:4px;color:#fffc}span[data-size-change=smaller]{color:var(--success);font-weight:600}span[data-size-change=larger]{color:var(--warning);font-weight:600}span[data-size-change=same]{color:#fff9;font-weight:600}@media(min-width:768px){.file-grid{gap:2rem}.file-grid article{max-width:calc(25% - 15px)}}@media(max-width:700px){.file-grid article{max-width:calc(50% - 10px)}.file-grid article button{right:0;top:0;border-radius:0}.file-grid article button.convert{right:3rem}.toolbar-inner{flex-direction:column;align-items:stretch;padding:1rem 0 1.5rem;gap:1.2rem}.toolbar nav{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px}.toolbar nav button.accent{width:100%}.options{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%;margin:0}.field{width:100%}.actions{width:100%;margin-top:.5rem}}@media(max-width:640px){.toaster{bottom:1rem;right:1rem;left:1rem}.toast{max-width:100%;min-width:auto}}