body{margin:0;color:#e4e4e4}body{margin:0;display:flex;place-items:center;min-width:380px;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#202020,#110842);position:relative;overflow-x:hidden}#root{margin:-50px auto 0;padding:0;text-align:center;display:flex;flex-direction:column;background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;position:relative;overflow:hidden;box-sizing:border-box;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3;background:#ffffff1a}.qr-generator{width:100%;height:100%;margin:0;padding:15px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:0;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3;position:relative;z-index:1;box-sizing:border-box;display:flex;flex-direction:column;gap:16px}.qr-generator h2{color:#ffffffe6;margin:0;font-size:1.75rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:-.02em;text-align:center}.privacy-banner{display:flex;align-items:center;gap:10px;margin:10px;background:#4caf504d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(76,175,80,1);border-radius:12px;padding:10px 14px;font-size:12px;box-shadow:0 4px 16px #4caf501a;justify-content:center}.privacy-icon{font-size:16px;flex-shrink:0}.privacy-text{display:flex;flex-direction:column;gap:2px}.privacy-text strong{color:#fffffff2;font-size:13px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}.privacy-text span{color:#fffc;font-size:11px;line-height:1.4}.input-section{display:flex;flex-direction:column;gap:12px;flex-shrink:0}.text-input{width:100%;padding:14px 18px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:14px;font-size:15px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#ffffffe6;resize:none;height:80px;box-sizing:border-box;box-shadow:0 4px 16px #0000001a}.text-input::placeholder{color:#fff9}.text-input:focus{outline:none;border-color:#30303080;box-shadow:0 0 0 4px #ffd90033,0 8px 24px #00000026}.button-group{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;flex-shrink:0}.clear-btn,.download-btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;cursor:pointer;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.1);letter-spacing:-.01em;box-shadow:0 6px 24px #0000001f,inset 0 1px #fff3,inset 0 -1px #0000001a;min-width:196px}.clear-btn:before,.download-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff3,#ffffff1a,#ffffff0d);border-radius:inherit;z-index:1}.clear-btn:after,.download-btn:after{content:"";position:absolute;top:1px;left:1px;right:1px;height:50%;background:linear-gradient(180deg,#ffffff4d,#ffffff1a);border-radius:inherit;z-index:2}.clear-btn span,.download-btn span{position:relative;z-index:3}.clear-btn{background:linear-gradient(135deg,#ff3b30cc,#ff453ae6,#ff2d55cc);color:#fff;border:1px solid rgba(255,255,255,.2)}.clear-btn:disabled{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);color:#fff6;cursor:not-allowed;transform:none;box-shadow:0 4px 16px #0000000d,inset 0 1px #ffffff1a}.download-btn{background:linear-gradient(135deg,#34c759cc,#30d158e6,#1ed760cc);color:#fff;border:1px solid rgba(255,255,255,.2);flex-shrink:0;align-self:center}.download-btn:active{box-shadow:0 6px 20px #34c7594d,inset 0 1px #fff3}.download-btn:disabled{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);color:#fff6;cursor:not-allowed;transform:none;box-shadow:0 4px 16px #0000000d,inset 0 1px #ffffff1a}.qr-display{padding:20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:18px;box-shadow:0 6px 24px #0000001a,inset 0 1px #fff3;flex:1;display:flex;flex-direction:column;min-height:0;overflow:visible;gap:16px}.qr-display h3{color:#202020e6;margin:0;font-size:1.125rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:-.01em;text-align:center}.qr-container{display:flex;justify-content:center;align-items:center;flex:1;min-height:0;overflow:visible}.qr-image{border:1px solid rgba(255,255,255,.3);border-radius:12px;width:196px;height:196px;object-fit:contain;box-shadow:0 6px 20px #00000026}.auto-generating-text{color:#646cff;font-style:italic;margin-top:8px;font-size:14px}.qr-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffffffb3;text-align:center;width:196px;height:196px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 6px 20px #0000001a}.qr-icon{margin-bottom:.5rem;opacity:.8;color:#fff9}.qr-icon svg{width:50px;height:50px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.placeholder-text{font-size:12px;margin:0;color:#fff9;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.1)}.text-input:focus{outline:none;border-color:#2c2c2c80;box-shadow:0 0 0 4px #c8ff0133,0 8px 24px #00000026}