.app-container{display:flex;flex-direction:column;height:100%}.app-container[data-theme=dark]{color-scheme:dark}.qrcode-content{flex:1;overflow:auto}.loading-spinner{border-radius:50%;border:3px solid rgba(0,0,0,.1);border-top-color:#3498db;width:30px;height:30px;animation:spin 1s linear infinite}.app-container[data-theme=dark] .loading-spinner{border:3px solid rgba(255,255,255,.1);border-top-color:#3498db}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.qr-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:white;border-radius:4px;padding:2px;z-index:10}.qr-logo,.qr-preview{display:flex;align-items:center;justify-content:center;overflow:hidden}.qr-preview{position:relative;padding:1rem;min-height:200px;background-color:#f9fafb;border-radius:.5rem}.qr-preview img{max-width:100%;height:auto;box-shadow:0 2px 8px rgba(0,0,0,.1);border-radius:2px}.qr-prototype-style img{border-radius:5px!important;box-shadow:0 2px 6px rgba(0,0,0,.1)!important;padding:10px!important;border:1px solid #ddd!important;max-width:100%;height:auto}.qr-preview-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;max-width:100%}.qr-integrated-title{position:absolute;bottom:0;left:0;width:100%;text-align:center;padding:8px 0;background-color:rgba(255,255,255,.9);font-weight:700;color:#333;border-top:1px solid #eee;font-family:Arial,sans-serif}.copy-notification{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background-color:#4caf50;color:white;padding:10px 20px;border-radius:4px;z-index:100;animation:fadeIn .3s,fadeOut .5s 1.5s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.qr-style-preview{background-color:#111;position:relative;border-radius:2px}.qr-dot-square{background-image:linear-gradient(to bottom right,transparent 45%,#111 0,#111 55%,transparent 0),linear-gradient(to bottom left,transparent 45%,#111 0,#111 55%,transparent 0),linear-gradient(to top right,transparent 45%,#111 0,#111 55%,transparent 0),linear-gradient(to top left,transparent 45%,#111 0,#111 55%,transparent 0);background-size:50% 50%;background-position:0 0,100% 0,0 100%,100% 100%;background-repeat:no-repeat}.qr-dot-rounded{border-radius:30%}.qr-dot-dots{border-radius:50%}.qr-corner-square{background-image:linear-gradient(#111,#111),linear-gradient(#111,#111),linear-gradient(#111,#111)}.qr-corner-rounded,.qr-corner-square{background-size:60% 60%,20% 60%,60% 20%;background-position:0 0,100% 0,0 100%;background-repeat:no-repeat}.qr-corner-rounded{background-image:radial-gradient(circle at top left,#111 70%,transparent 0),linear-gradient(#111,#111),linear-gradient(#111,#111)}.qr-corner-dot{background-image:radial-gradient(circle at center,#111 70%,transparent 0),radial-gradient(circle at center,#111 70%,transparent 0),radial-gradient(circle at center,#111 70%,transparent 0);background-size:40% 40%,40% 40%,40% 40%;background-position:25% 25%,75% 25%,25% 75%;background-repeat:no-repeat}.qr-style-rounded{border-radius:6px}.qr-style-dots{border-radius:50%;transform:scale(.9)}.qr-corner-rounded .qr-corner-element{border-radius:8px}.qr-corner-dot .qr-corner-element{border-radius:50%}.qrcode-content::-webkit-scrollbar{width:8px;height:8px}.qrcode-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.qrcode-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}[data-theme=dark] .qrcode-content::-webkit-scrollbar-thumb{background:#4a4a4a}[data-theme=dark] .qrcode-content::-webkit-scrollbar-thumb:hover{background:#5a5a5a}.qr-with-title{display:flex;flex-direction:column;align-items:center;width:100%}.qr-title{margin-top:12px;text-align:center;font-weight:700;font-size:14px;color:#333;padding:0 10px;max-width:100%;word-break:break-word;transition:all .3s ease}[data-theme=dark] .qr-title{color:#e0e0e0}