body{font-family:-webkit-system-font,Segoe UI,Roboto,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f0f0f0;margin:0;color:#202124}.bubble-container{background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 1px 3px #3c40434d,0 4px 8px 3px #3c404326;display:flex;flex-direction:column;align-items:center;min-width:280px;width:auto;max-width:400px}h2{margin-top:0;margin-bottom:16px;font-size:15px;color:#202124;text-align:center;font-weight:500;line-height:20px}.qr-code-area{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:16px;border:2px solid #dadce0;border-radius:12px;background-color:#fff;overflow:hidden;width:252px;height:252px;padding:4px}#qrCanvas{display:block;image-rendering:-webkit-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;image-rendering:pixelated}#urlInput{width:100%;min-width:240px;padding:8px 12px;margin-bottom:8px;border:1px solid #dadce0;border-radius:4px;box-sizing:border-box;font-size:13px;font-family:inherit;color:#202124;background-color:#fff;line-height:20px;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}#urlInput:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 1px #1a73e8}.error-label{color:#d93025;font-size:12px;text-align:center;width:100%;line-height:16px;font-weight:400}.hidden{display:none}.center-error{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#ffffffe6;padding:10px;box-sizing:border-box}.center-error.hidden{display:none}.bottom-error{margin-bottom:10px;min-height:1.2em}.button-container{display:flex;align-items:center;gap:8px;width:100%;margin-top:8px}.tooltip{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background-color:#dadce0;color:#5f6368;font-size:11px;font-weight:700;cursor:help;-webkit-user-select:none;user-select:none;margin-right:2px}.tooltip:hover{background-color:#c8c9ca}.spacer{flex:1}button{padding:8px 16px;border:1px solid #dadce0;border-radius:4px;background-color:#fff;cursor:pointer;margin-left:8px;font-size:14px;color:#1a73e8;min-width:64px}button:disabled{cursor:not-allowed;opacity:.38;color:#5f6368}button:hover:not(:disabled){background-color:#f8f9fa;border-color:#dadce0}button:active:not(:disabled){background-color:#e8f0fe}
