@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";#app{text-align:center;width:100vw;height:100vh;display:grid;place-items:center}#landing{min-height:100vh;padding:3rem 1.5rem;box-sizing:border-box;background:radial-gradient(circle at top,#2a2a2a 0,#050505 55%,#000);color:#f5f5f5;font-family:Montserrat,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;align-items:center;justify-content:center}#landing .landing-inner{width:100%;max-width:720px;margin:0 auto;text-align:center}#landing .landing-header{margin-bottom:2rem}#landing .brand-pill{display:inline-flex;align-items:center;justify-content:center;padding:.4rem 1.1rem;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#landing .hero{position:relative}#landing .hero-title{font-size:1.9rem;line-height:1.2;font-weight:800;margin:0 0 1.2rem}#landing .hero-title-break{display:block}#landing .hero-subtitle{max-width:34rem;margin:0 auto 1.8rem;font-size:.95rem;line-height:1.6;color:#c3c3c3}#landing .primary-cta{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 2.4rem;margin-bottom:1.6rem;border-radius:999px;border:1px solid transparent;background:linear-gradient(135deg,#fff,#d6d6d6);color:#111;font-size:.9rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:transform .18s ease-out,box-shadow .18s ease-out,background .18s ease-out,border-color .18s ease-out;box-shadow:0 18px 45px #0009}#landing .primary-cta:hover{transform:translateY(-2px);background:#fff;border-color:#fff6;box-shadow:0 24px 60px #000000b3}#landing .primary-cta:active{transform:translateY(0);box-shadow:0 10px 28px #0009}#landing .hero-note{max-width:36rem;margin:.2rem auto 0;font-size:.8rem;line-height:1.6;color:#9f9f9f}#landing .hero-note a{color:#fff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}#landing .hero-note a:hover{text-decoration-thickness:2px}#landing .landing-footer{margin-top:3.2rem;border-top:1px solid rgba(255,255,255,.06);padding-top:1.4rem}#landing .footer-text{font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;color:#7f7f7f}#landing .hero-title:after{content:"";position:absolute;left:50%;top:30%;width:420px;max-width:80vw;height:180px;transform:translate(-50%);background:radial-gradient(circle,#ffffff2e 0,#fff0 55%);opacity:.3;pointer-events:none;filter:blur(6px);z-index:-1}@media(min-width:768px){#landing{padding:4rem 2.5rem}#landing .hero-title{font-size:2.6rem}#landing .hero-subtitle{font-size:1rem}#landing .primary-cta{font-size:.95rem}}@media(min-width:1024px){#landing{padding:5rem 3.5rem}#landing .hero-title{font-size:3.1rem}#landing .hero-subtitle{font-size:1.05rem}#landing .landing-inner{max-width:860px}}.upload-page{display:flex;align-items:center;justify-content:center;min-height:0vh;background-color:#121212;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:1rem}.upload-card{background-color:#1e1e1e;border-radius:12px;padding:2rem 1.2rem;text-align:center;box-shadow:0 4px 15px #0006;width:100%;max-width:350px}.upload-title{font-size:1.5rem;margin-bottom:1rem;font-weight:600}.upload-dropzone{background-color:#2c2c2c;border-radius:10px;padding:1.5rem 1rem;border:2px dashed #555;margin-bottom:1.2rem;cursor:pointer;transition:background-color .3s ease,border-color .3s ease}.upload-dropzone:hover{background-color:#333;border-color:#777}.upload-icon{color:#ccc;margin-bottom:.6rem}.upload-icon svg{width:40px;height:40px}.upload-dropzone p{margin-bottom:.8rem;font-size:.95rem;color:#aaa}.upload-btn{display:inline-block;background-color:#0095f6;color:#fff;padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;font-size:.95rem;transition:background-color .3s ease}.upload-btn:hover{background-color:#007ac1}.upload-submit{background-color:#28a745;color:#fff;padding:.5rem 1rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;margin-top:1rem;font-size:.95rem;transition:background-color .3s ease}.upload-submit:hover{background-color:#218838}.upload-error{color:#ff4d4f;margin-top:.8rem;font-size:.85rem}.upload-preview{margin-top:1.5rem;text-align:center}.upload-preview h3{margin-bottom:.6rem;font-size:1.1rem}.upload-preview img{max-width:100%;border-radius:6px;margin-top:.8rem;box-shadow:0 3px 12px #0000004d}.upload-url{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background-color:#2c2c2c;border-radius:6px;padding:.5rem;margin-top:1rem;word-break:break-all}.upload-url p{flex:1;font-size:.9rem;color:#ccc}.copy-btn{background-color:#0095f6;color:#fff;border:none;border-radius:4px;padding:.3rem .5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.copy-btn:hover{background-color:#007ac1}.copy-btn svg{vertical-align:middle}@media(min-width:800px){.upload-page .upload-card{max-width:800px;margin:0 auto}}.spinner-wrapper{position:fixed;top:0;left:0;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background-color:#000000b3;z-index:9999}.spinner-glow{display:flex;justify-content:center;align-items:center;animation:pulse 1.5s infinite ease-in-out}.spinner{width:48px;height:48px;border:4px solid #ccc;border-top:4px solid #e50914;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.1);opacity:1}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Montserrat,sans-serif;color:#f1f1f1;background:#0f0f0f;line-height:1.6;min-height:100vh}.heading{font-size:2rem}.heading.center{text-align:center}
