*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f0f0f;color:#f0f0f0;min-height:100vh;display:flex;align-items:center;justify-content:center}.card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;padding:40px;width:100%;max-width:520px;display:flex;flex-direction:column;gap:24px}.title{font-size:22px;font-weight:600;letter-spacing:-.3px;text-align:center}.input-row{display:flex;gap:10px}.url-input{flex:1;background:#0f0f0f;border:1px solid #333;border-radius:8px;color:#f0f0f0;font-size:15px;padding:10px 14px;outline:none;transition:border-color .15s}.url-input::placeholder{color:#555}.url-input:focus{border-color:#555}.btn-generate{background:#f0f0f0;border:none;border-radius:8px;color:#0f0f0f;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .15s;white-space:nowrap}.btn-generate:hover:not(:disabled){background:#d0d0d0}.btn-generate:disabled{opacity:.5;cursor:default}.error{color:#f87171;font-size:13px;text-align:center}.result{display:flex;flex-direction:column;align-items:center;gap:16px}.qr-image{border-radius:8px;display:block;width:240px;height:240px}.btn-download{background:transparent;border:1px solid #444;border-radius:8px;color:#aaa;cursor:pointer;font-size:13px;padding:8px 20px;transition:border-color .15s,color .15s}.btn-download:hover{border-color:#888;color:#f0f0f0}