*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;min-height:100vh}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color: #4a6cf7;--primary-hover: #3a5cd8;--text-color: #333;--error-color: #e74c3c;--gray-light: #f5f5f5;--gray-medium: #e0e0e0;--white: #ffffff;--shadow: 0 2px 10px rgba(0, 0, 0, .1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--gray-light);color:var(--text-color);line-height:1.6}.app-wrapper{max-width:800px;margin:0 auto;padding:2rem;min-height:100vh}.page-content{width:100%;display:flex;flex-direction:column;align-items:center}.header-container{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem;padding:0 2rem}.header-container h1{margin-bottom:0;color:var(--primary-color);font-size:2rem}.header-logo-link{display:block;text-decoration:none;transition:opacity .2s ease}.header-logo-link:hover{opacity:.8}.header-logo{height:50px;width:auto;object-fit:contain}[dir=rtl] .header-container{flex-direction:row-reverse}h1{margin-bottom:2rem;text-align:center;color:var(--primary-color)}.input-container{width:100%;background-color:var(--white);padding:2rem;border-radius:8px;box-shadow:var(--shadow);margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-check-label{display:flex;align-items:center}.form-check-label input{margin-right:5px}.qr-border-parameter-container{display:flex;flex-direction:row;gap:20px}.mt-20{margin-top:20px}.mt-10{margin-top:10px}label{display:block;margin-bottom:.5rem;font-weight:600}input[type=text]{width:100%;padding:.75rem;border:1px solid var(--gray-medium);border-radius:4px;font-size:1rem}input[type=file]{display:block;margin-top:.5rem}button{cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;border:none;border-radius:4px;transition:background-color .2s ease-in-out}.generate-button{width:100%;background-color:var(--primary-color);color:var(--white);margin-top:1rem}.generate-button:hover:not(:disabled){background-color:var(--primary-hover)}.generate-button:disabled{opacity:.7;cursor:not-allowed}.clear-button{background-color:var(--gray-light);color:var(--primary-color);margin-top:.5rem;padding:.5rem 1rem;font-size:.9rem}.clear-button:hover{text-decoration:underline}.error-message{color:var(--error-color);margin-top:1rem;font-size:.9rem}.warning-message{display:flex;align-items:center;gap:8px;background-color:#fff3cd;border:1px solid #ffeeba;border-radius:4px;padding:10px 12px;margin-top:8px;color:#856404;font-size:.85rem;line-height:1.4}.warning-message svg{flex-shrink:0;color:#856404}.result-container{width:100%;background-color:var(--white);padding:2rem;border-radius:8px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;margin-top:1rem;animation:fadeIn .3s ease-in-out}.qr-image-container{display:flex;justify-content:center;margin-bottom:1.5rem;padding:1rem;background-color:var(--white);border-radius:8px;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.qr-url{text-align:center;margin-bottom:1.5rem;color:var(--primary-color);font-size:.9rem;word-break:break-all;max-width:250px;text-decoration:none;display:block;transition:color .2s ease}.qr-url:hover{color:var(--primary-hover);text-decoration:underline}.external-link-icon{font-size:.9rem;margin-left:3px;display:inline-block;transition:transform .2s ease}.qr-url:hover .external-link-icon{transform:translateY(-2px) translate(2px)}.qr-url-text{color:var(--text-color);cursor:default}.qr-url-text:hover{color:var(--text-color);text-decoration:none}.download-button{background-color:var(--primary-color);color:var(--white);margin-top:.5rem}.download-button:hover:not(:disabled){background-color:var(--primary-hover)}.download-button:disabled{opacity:.7;cursor:not-allowed}.slider-container{margin-top:10px;width:100%}.slider{-webkit-appearance:none;width:100%;height:5px;border-radius:5px;background:var(--gray-medium);outline:none;-webkit-transition:.2s;transition:opacity .2s}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary-color);cursor:pointer}.slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:none}.slider-labels{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-color);opacity:.7;margin-top:5px}.checkbox-container{display:flex;align-items:center;margin-bottom:1rem}.checkbox-label{margin-left:.5rem;margin-bottom:0!important;font-weight:500;cursor:pointer}input[type=checkbox]{cursor:pointer;width:18px;height:18px}.border-options{display:flex;flex-wrap:wrap;gap:1rem;margin-top:-.5rem;margin-bottom:1rem;animation:fadeIn .3s ease-in-out;padding:.75rem;background-color:var(--gray-light);border-radius:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.border-option{display:flex;flex-direction:column;flex:1;min-width:120px}.color-picker{height:36px;width:100%;padding:2px;border:1px solid var(--gray-medium);border-radius:4px;background-color:var(--white);cursor:pointer}.color-input-container{display:flex;align-items:center;gap:10px}.color-input-container .color-picker{width:60px;height:36px}.color-value{font-family:monospace;font-size:14px;color:var(--text-color)}.reset-color-button{background-color:transparent;color:var(--primary-color);padding:4px 8px;font-size:.8rem;border:1px solid var(--primary-color);border-radius:4px;cursor:pointer;transition:all .2s ease}.reset-color-button:hover{background-color:var(--primary-color);color:#fff}.color-preview{display:inline-block;width:24px;height:24px;border-radius:50%;margin-left:10px;border:1px solid var(--gray-medium);vertical-align:middle}.number-input{width:100%;padding:.5rem;border:1px solid var(--gray-medium);border-radius:4px;font-size:1rem}.download-options-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:300px;margin-top:1rem;gap:1rem}.size-selector{display:flex;align-items:center;width:100%;gap:.5rem}.size-selector label{font-weight:500;margin-bottom:0;white-space:nowrap;min-width:max-content}.download-size-select{flex:1;padding:.5rem;border:1px solid var(--gray-medium);border-radius:4px;font-size:.9rem;background-color:var(--white);cursor:pointer;transition:border-color .2s ease}.download-size-select:hover{border-color:var(--primary-color)}.download-button{background-color:var(--primary-color);color:var(--white);width:100%;margin-top:0;transition:background-color .2s ease,transform .1s ease}.download-button:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px)}.download-button:active:not(:disabled){transform:translateY(1px)}.loading-text{display:flex;align-items:center;justify-content:center;gap:8px}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.version-tag{position:absolute;top:10px;right:10px;background-color:var(--primary-color);color:#fff;font-size:.7rem;padding:2px 6px;border-radius:10px;opacity:.7}.privacy-banner{display:flex;align-items:center;gap:8px;background-color:#ebf7ff;border:1px solid #b8e2ff;border-radius:8px;padding:10px 15px;margin:1.5rem 0;color:#0072c6;font-size:.9rem;width:100%;max-width:800px}.privacy-banner svg{flex-shrink:0;color:#0072c6}.privacy-notice{display:flex;align-items:center;gap:8px;margin-top:8px;color:#666;font-size:.8rem;font-style:italic}.privacy-notice svg{flex-shrink:0;color:#0072c6}.main-ad-banner{margin:0 auto 2rem;max-width:100%;min-height:250px;transition:all .3s ease}.app-footer{width:100%;margin-top:auto;padding:1.5rem 0;background-color:var(--gray-light);border-top:1px solid var(--gray-medium)}.footer-content{max-width:800px;margin:0 auto;padding:0 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.privacy-statement{display:flex;align-items:center;justify-content:center;gap:8px;color:#555;font-size:.85rem;margin-bottom:1rem;line-height:1.5}.privacy-statement svg{flex-shrink:0;color:#0072c6}.copyright{color:#999;font-size:.8rem}.imprint-link{margin-top:.5rem}.imprint-link a{color:var(--text-color);text-decoration:none;font-size:.9rem;opacity:.8;transition:opacity .2s ease}.imprint-link a:hover{opacity:1;text-decoration:underline}.imprint-container{width:100%;max-width:800px;margin:0 auto;padding:2rem;background-color:var(--white);border-radius:8px;box-shadow:var(--shadow)}.imprint-container h1{color:var(--text-color);margin-bottom:2rem;text-align:center}.imprint-section{margin-bottom:2rem;padding:1.5rem;background-color:var(--card-background);border-radius:6px;box-shadow:0 1px 3px #0000000d}.imprint-section h2{color:var(--text-color);margin-bottom:1rem;font-size:1.2rem}.imprint-section p{color:var(--text-color);line-height:1.6;margin-bottom:.5rem}.imprint-section a{color:var(--primary-color);text-decoration:none;transition:color .2s ease}.imprint-section a:hover{color:var(--primary-color-hover);text-decoration:underline}.back-button{display:inline-block;margin-bottom:1rem;color:var(--text-color);text-decoration:none;font-size:1rem;opacity:.8;transition:opacity .2s ease}.back-button:hover{opacity:1;text-decoration:underline}.footer-links{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}.footer-link{color:var(--text-color);text-decoration:none;transition:color .2s ease}.footer-link:hover{color:var(--primary-color)}.reset-privacy{background:none;border:none;padding:0;font:inherit;cursor:pointer;color:var(--text-color);transition:color .2s ease}.reset-privacy:hover{color:var(--primary-color)}.footer-link-separator{color:var(--text-color);opacity:.3}.privacy-policy-container{width:100%;max-width:800px;margin:0 auto;padding:2rem;background-color:var(--white);border-radius:8px;box-shadow:var(--shadow)}.privacy-policy-container h1{color:var(--primary-color);margin-bottom:2rem;text-align:center;font-size:2.2rem}.privacy-section{margin-bottom:2.5rem;padding:1.5rem;background-color:var(--gray-light);border-radius:8px;box-shadow:0 1px 3px #0000000d}.privacy-section:last-child{margin-bottom:0}.privacy-section h2{color:var(--primary-color);margin-bottom:1.2rem;font-size:1.4rem;font-weight:600}.privacy-section p{color:var(--text-color);line-height:1.6;margin-bottom:1rem;font-size:1rem}.privacy-section p:last-child{margin-bottom:0}.privacy-section ul{list-style:none;padding:0;margin:1rem 0}.privacy-section li{color:var(--text-color);line-height:1.6;margin-bottom:.8rem;padding-left:1.5rem;position:relative;font-size:1rem}.privacy-section li:before{content:"•";color:var(--primary-color);position:absolute;left:0;font-weight:700}.privacy-section li:last-child{margin-bottom:0}.privacy-section a{color:var(--primary-color);text-decoration:none;transition:color .2s ease}.privacy-section a:hover{color:var(--primary-hover);text-decoration:underline}.color-options-container{display:flex;flex-direction:column;gap:1rem}.color-option{flex:1;display:flex;flex-direction:column;gap:.5rem}.color-input-container{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.color-picker{width:40px;height:40px;padding:0;border:none;border-radius:4px;cursor:pointer}.color-value{font-family:monospace;font-size:.9rem;color:#666}.reset-color-button{padding:.25rem .5rem;font-size:.8rem;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .2s ease}.reset-color-button:hover{background-color:#e0e0e0}.app-wrapper{display:flex;flex-direction:column;min-height:100vh;width:100%}.page-content{flex:1;display:flex;flex-direction:column;max-width:800px;margin:0 auto;padding:2rem;align-items:center}@media (max-width: 600px){.app-wrapper,.app-container{padding:0}.page-content{padding:5px}.input-container,.result-container{padding:1.5rem}.download-options-container{max-width:100%}.header-container{justify-content:center;text-align:center;gap:1.5rem;padding:5px}.header-logo-link{padding-top:20px}.footer-content{padding:0 1rem}.main-ad-banner{margin:0 auto 1.5rem}.privacy-policy-container{margin:1rem;padding:1.5rem}.privacy-section{padding:1.2rem;margin-bottom:2rem}.privacy-policy-container h1{font-size:1.8rem;margin-bottom:1.5rem}.privacy-section h2{font-size:1.2rem;margin-bottom:1rem}.imprint-container{margin:1rem;padding:1rem}.imprint-section{padding:1rem}.color-options-container{flex-direction:row;gap:2rem}.app-footer{font-size:.8rem;font-family:Narrow,sans-serif}}.logo-drop-area{border:2px dashed #ccc;border-radius:8px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;background-color:#f8f9fa;min-height:150px;display:flex;align-items:center;justify-content:center;position:relative}.logo-drop-area:hover{border-color:#007bff;background-color:#f1f3f5}.logo-drop-area.dragging{border-color:#007bff;background-color:#e9ecef;transform:scale(1.02)}.logo-drop-area.has-logo{border-style:solid;border-color:#dee2e6;background-color:#fff}.file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.drop-area-content{display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none}.drop-area-content svg{color:#6c757d}.drop-area-content p{margin:0;color:#6c757d}.logo-preview{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.logo-preview img{max-width:100%;max-height:150px;object-fit:contain}.clear-button{position:absolute;top:10px;right:10px;background-color:#ffffffe6;border:1px solid #dee2e6;border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer;transition:all .2s ease;pointer-events:auto}.clear-button:hover{background-color:#fff;border-color:#dc3545;color:#dc3545}.hidden{display:none}.privacy-banner{margin-top:10px;font-size:.875rem;color:#6c757d;display:flex;align-items:center;gap:8px}.privacy-banner svg{color:#6c757d}.border-options{display:flex;flex-direction:column;gap:15px;margin-top:15px}.border-option{display:flex;flex-direction:column;gap:5px}.form-range{width:100%;height:6px;background-color:#dee2e6;border-radius:3px;outline:none;-webkit-appearance:none}.form-range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background-color:#007bff;border-radius:50%;cursor:pointer;transition:all .2s ease}.form-range::-webkit-slider-thumb:hover{background-color:#0056b3;transform:scale(1.1)}.form-check{display:flex;align-items:center;gap:8px}.form-check-input{width:16px;height:16px;margin:0;cursor:pointer}.ad-banner-container{width:100%;max-width:800px;margin:1.5rem auto;background-color:var(--gray-light);border-radius:8px;overflow:hidden;position:relative;box-shadow:var(--shadow);min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center}.ad-label{position:absolute;top:0;left:0;background-color:#0000000d;color:#0006;padding:2px 8px;font-size:.7rem;border-bottom-right-radius:4px;z-index:10;letter-spacing:.5px;text-transform:uppercase}.adsbygoogle{display:block;width:100%;height:100%}@media (max-width: 600px){.ad-banner-container{margin:1rem auto;min-height:280px}}.language-selector{position:relative;display:inline-block;z-index:100}.language-selector__toggle{display:flex;align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:8px 12px;cursor:pointer;transition:all .2s ease;font-size:14px;color:#333}.language-selector__toggle:hover{border-color:#2563eb}.language-selector__toggle:focus{outline:none;box-shadow:0 0 0 2px #2563eb4d}.language-selector__flag{width:20px;height:auto;margin-right:8px;border-radius:2px;object-fit:cover}.language-selector__name{margin-right:8px;font-weight:500}.language-selector__arrow{width:16px;height:16px;fill:currentColor;transition:transform .2s ease}.language-selector__arrow.open{transform:rotate(180deg)}.language-selector__dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:220px;background:#fff;border-radius:4px;box-shadow:0 4px 20px #00000026;overflow:hidden;z-index:10}.language-selector__dropdown-header{padding:12px 16px;font-weight:600;color:#333;background:#f5f7fb;border-bottom:1px solid #e0e0e0}.language-selector__dropdown-content{max-height:350px;overflow-y:auto}.language-selector__region{border-bottom:1px solid #f0f0f0}.language-selector__region:last-child{border-bottom:none}.language-selector__region-header{padding:10px 16px;font-weight:600;font-size:12px;color:#666;background:#f9f9f9;text-transform:uppercase;letter-spacing:.5px}.language-selector__option{display:flex;align-items:center;width:100%;padding:10px 16px;border:none;background:none;cursor:pointer;text-align:left;transition:background .2s ease}.language-selector__option:hover{background:#f0f7ff}.language-selector__option.selected{background:#ebf5ff}.language-selector__check{width:16px;height:16px;fill:#2563eb;margin-left:auto}[dir=rtl] .language-selector__flag,[dir=rtl] .language-selector__name{margin-right:0;margin-left:8px}@media (max-width: 600px){.language-selector{margin-right:auto}}.cmp-banner{width:100%;max-width:800px;margin:0 auto 1.5rem;background:var(--white);border:1px solid #e9ecef;border-radius:8px;box-shadow:var(--shadow);padding:1.5rem;transition:transform .3s ease}.cmp-banner.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.cmp-content{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.cmp-content p{margin:0;flex:1;color:#212529}.cmp-buttons{display:flex;gap:1rem}.cmp-accept,.cmp-decline{padding:.5rem 1rem;border:1px solid #0d6efd;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s;background:#fff;color:#0d6efd}.cmp-accept:hover{background:#0d6efd;color:#fff}.cmp-decline{border-color:#dc3545;color:#dc3545}.cmp-decline:hover{background:#dc3545;color:#fff}@media (max-width: 768px){.cmp-content{flex-direction:column;text-align:center;gap:1rem}.cmp-buttons{width:100%;justify-content:center}}