:root{--bg-0: #060912;--bg-1: #0c1226;--bg-2: #111a36;--fg: #f5f7fb;--fg-dim: #b6bdd1;--muted: #79829c;--border: #1d2541;--border-strong: #2b3866;--accent: #6cf;--accent-2: #8b6cff;--accent-warm: #ffb56b;--ok: #57e6a5;--err: #ff7c7c;--shadow-1: 0 1px 0 rgba(255, 255, 255, .02), 0 30px 80px -20px rgba(0, 0, 0, .6);--radius: 14px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg-0);color:var(--fg)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.005em}.page{position:relative;min-height:100%;display:flex;flex-direction:column;isolation:isolate;background:radial-gradient(1200px 600px at 80% -10%,rgba(108,102,255,.18),transparent 60%),radial-gradient(900px 500px at 10% 110%,rgba(102,204,255,.14),transparent 60%),linear-gradient(180deg,var(--bg-0),var(--bg-1))}.orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(80px);opacity:.55;pointer-events:none}.orb--1{top:-120px;right:-80px;width:480px;height:480px;background:radial-gradient(circle,#6cf 0%,transparent 70%)}.orb--2{bottom:-180px;left:-120px;width:540px;height:540px;background:radial-gradient(circle,#8b6cff 0%,transparent 70%)}.grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 70% 70% at 50% 35%,black 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 35%,black 30%,transparent 75%);pointer-events:none}.upload{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.5rem 2rem;gap:1.75rem;width:100%;max-width:720px;margin:0 auto}.hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.badge{font-size:.78rem;font-weight:500;color:var(--fg-dim);background:#ffffff0a;border:1px solid var(--border);padding:.35rem .8rem;border-radius:999px;letter-spacing:.02em}.hero h1{font-size:clamp(2rem,5vw,3.25rem);font-weight:800;letter-spacing:-.035em;line-height:1.05;margin:0;background:linear-gradient(180deg,#fff,#b8c0e0);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .lede{margin:0;color:var(--fg-dim);font-size:1.05rem;max-width:36rem}.drop{width:100%;border:1.5px dashed var(--border-strong);border-radius:var(--radius);background:linear-gradient(180deg,#ffffff06,#ffffff01);padding:3rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease;box-shadow:var(--shadow-1);position:relative;overflow:hidden}.drop:hover{border-color:#6cccff80}.drop:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px #6cccff26,var(--shadow-1)}.drop--drag{border-color:var(--accent);background:linear-gradient(180deg,#6cccff14,#6cccff05);transform:scale(1.005)}.drop--preparing,.drop--uploading,.drop--ready{cursor:default;border-color:var(--border-strong)}.drop--error{border-color:var(--err);background:linear-gradient(180deg,rgba(255,124,124,.06),transparent)}.drop__icon{width:56px;height:56px;color:var(--fg-dim);opacity:.85;margin-bottom:.25rem}.drop__icon--ok{color:var(--ok);opacity:1}.drop__title{font-size:1.25rem;font-weight:600;color:var(--fg);letter-spacing:-.015em}.drop__sub{color:var(--muted);font-size:.93rem}.drop progress{width:min(28rem,80%);height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:#ffffff0d;border-radius:999px;overflow:hidden}.drop progress::-webkit-progress-bar{background:#ffffff0d;border-radius:999px}.drop progress::-webkit-progress-value{background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:999px;transition:width .2s ease}.drop progress::-moz-progress-bar{background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:999px}.spinner{position:relative;width:48px;height:48px}.spinner div{position:absolute;width:8px;height:8px;background:var(--accent);border-radius:50%;animation:spinner-pulse 1.2s linear infinite}.spinner div:nth-child(1){left:6px;top:20px;animation-delay:0s}.spinner div:nth-child(2){left:20px;top:6px;animation-delay:.3s}.spinner div:nth-child(3){left:34px;top:20px;animation-delay:.6s}.spinner div:nth-child(4){left:20px;top:34px;animation-delay:.9s}@keyframes spinner-pulse{0%,to{transform:scale(.5);opacity:.4}50%{transform:scale(1.2);opacity:1}}.share{display:flex;flex-direction:column;align-items:center;gap:.7rem;margin-top:.5rem}.share__url{background:#ffffff0a;border:1px solid var(--border);border-radius:10px;padding:.6rem 1rem;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:.95rem;word-break:break-all;max-width:100%}.share__url a{color:var(--accent);text-decoration:none}.share__url a:hover{text-decoration:underline}.share__hint{color:var(--muted);font-size:.82rem;text-align:center;max-width:32rem}.btn{border:none;border-radius:10px;padding:.65rem 1.1rem;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;letter-spacing:-.005em;transition:transform 80ms ease,box-shadow .16s ease,background .16s ease}.btn:active{transform:translateY(1px)}.btn--primary{background:linear-gradient(180deg,var(--accent),#4ec0f5);color:#001b2c;box-shadow:0 6px 16px -4px #6cccff73}.btn--primary:hover{box-shadow:0 8px 22px -4px #6cccff99}.btn--ghost{background:transparent;color:var(--fg-dim);border:1px solid var(--border-strong)}.btn--ghost:hover{background:#ffffff0a;color:var(--fg);border-color:var(--accent)}.vanity{width:100%;display:flex;flex-direction:column;gap:.45rem}.vanity__label{font-size:.9rem;color:var(--fg-dim);font-weight:500}.vanity__optional{color:var(--muted);font-weight:400}.vanity__field{display:flex;align-items:center;background:#ffffff08;border:1px solid var(--border-strong);border-radius:10px;padding:0;overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease}.vanity__field:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px #6cccff1f}.vanity__field--err{border-color:var(--err)}.vanity__field--err:focus-within{box-shadow:0 0 0 4px #ff7c7c1f}.vanity__prefix{padding:.7rem .75rem;color:var(--muted);font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:.92rem;border-right:1px solid var(--border);background:#00000026;-webkit-user-select:none;user-select:none}.vanity__field input{flex:1;border:none;outline:none;background:transparent;color:var(--fg);padding:.7rem .85rem;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:.95rem;letter-spacing:0}.vanity__field input::placeholder{color:var(--muted)}.vanity__hint,.vanity__ok,.vanity__err{font-size:.82rem;padding-left:.15rem}.vanity__hint{color:var(--muted)}.vanity__hint code{font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:.78rem;color:var(--fg-dim);background:#ffffff0d;padding:.05rem .3rem;border-radius:4px}.vanity__ok{color:var(--ok)}.vanity__err{color:var(--err)}.footer{width:100%;border-top:1px solid var(--border);margin-top:3rem;padding:2rem 1.5rem 2.5rem;background:#0000002e}.footer__inner{max-width:1080px;margin:0 auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.footer__brand{display:flex;flex-direction:column;gap:.15rem}.footer__logo{font-weight:700;font-size:1.05rem;color:var(--fg);letter-spacing:-.015em}.footer__tag{font-size:.82rem;color:var(--muted)}.footer__credit{display:flex;flex-direction:column;gap:.6rem;align-items:flex-end;text-align:right}.footer__by{font-size:.92rem;color:var(--fg-dim)}.footer__by strong{color:var(--fg);font-weight:600}.footer__contact{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;justify-content:flex-end}.footer__btn{display:inline-block;font-size:.85rem;font-weight:600;padding:.45rem .85rem;border-radius:8px;background:linear-gradient(180deg,var(--accent),#4ec0f5);color:#001b2c!important;text-decoration:none;transition:box-shadow .16s ease,transform 80ms ease}.footer__btn:hover{box-shadow:0 4px 14px -2px #6cccff80}.footer__btn:active{transform:translateY(1px)}.footer__link{font-size:.85rem;color:var(--muted);text-decoration:none;transition:color .16s ease}.footer__link:hover{color:var(--fg-dim)}@media (max-width: 640px){.upload{padding:2.5rem 1rem 1.5rem;gap:1.5rem}.drop{padding:2.25rem 1rem}.footer__inner{flex-direction:column;align-items:flex-start;gap:1.25rem}.footer__credit{align-items:flex-start;text-align:left}.footer__contact{justify-content:flex-start}}