*{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif}body{margin:0;background:#000}.app{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(1000px 400px at 50% -100px,rgba(255,255,255,.08),transparent),#0b0b0d}.topbar{height:72px;display:flex;align-items:center;justify-content:center;font-size:13px;letter-spacing:.4px;color:#fffc}.stage{flex:1;display:flex;align-items:center;justify-content:center}.hero{width:560px;text-align:center}.hero h1{font-size:40px;font-weight:600;margin:0;color:#fff}.hero p{margin:12px 0 36px;font-size:16px;color:#ffffffa6}.dropzone{display:block;padding:22px;border-radius:18px;border:1px dashed rgba(255,255,255,.25);color:#ffffffb3;cursor:pointer;margin-bottom:20px}.dropzone:hover{border-color:#ffffff73}button{width:100%;padding:18px;border-radius:18px;border:none;background:#fff;color:#000;font-size:15px;font-weight:500;cursor:pointer}button:disabled{opacity:.6}.compare{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.compare small{display:block;margin-bottom:8px;font-size:12px;color:#fff9}.compare img{width:100%;border-radius:18px}.download{grid-column:span 2;margin-top:28px;padding:16px;border-radius:18px;background:#ffffff1f;text-decoration:none;color:#fff;font-size:14px}.download:hover{background:#ffffff38}.credit{padding:20px;text-align:center;font-size:12px;color:#fff6}.credit a{color:#ffffffd9;text-decoration:none}