::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#212326;border-radius:10px}::-webkit-scrollbar-thumb{background:#57c27a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#4aad6a}body{font-family:'Trebuchet MS',sans-serif}.qr-placeholder{background:repeating-conic-gradient(#f3f4f6 0 25%,#e5e7eb 0 50%);background-size:1rem 1rem;display:flex;align-items:center;justify-content:center;min-height:100px;min-width:100px;overflow:auto}.qr-container{max-width:100%;max-height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;margin:0 auto;width:100%;height:100%}.glow-on-hover:hover{box-shadow:0 0 15px rgba(87,194,122,.7)}.color-picker-container{display:flex;align-items:center;gap:10px}.color-display{width:100%;height:40px;border-radius:8px;border:1px solid #3a3d42;cursor:pointer;position:relative;overflow:hidden}input[type=color]{opacity:0;position:absolute;width:100%;height:100%;cursor:pointer}.transparent-bg{background-image:linear-gradient(45deg,grey 25%,transparent 25%),linear-gradient(-45deg,grey 25%,transparent 25%),linear-gradient(45deg,transparent 75%,grey 75%),linear-gradient(-45deg,transparent 75%,grey 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.logo-preview{width:80px;height:80px;object-fit:contain;border-radius:8px;display:none;padding:4px;box-sizing:border-box;background-color:transparent}.logo-remove-btn{display:none;margin-top:8px}.logo-section{transition:.3s;max-height:0;overflow:hidden;opacity:0}.logo-section.expanded{max-height:500px;opacity:1}.size-switch{display:flex;background-color:#3a3d42;border-radius:8px;padding:4px}.size-option{flex:1;text-align:center;padding:8px;cursor:pointer;border-radius:6px;transition:.2s}.size-option.active{background-color:#57c27a;color:#212326;font-weight:700}.spoiler-toggle{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:10px;background-color:#3a3d42;border-radius:8px;margin-top:10px}.spoiler-toggle:hover{background-color:#4a4e54}.spoiler-icon{transition:transform .3s}.spoiler-toggle.active .spoiler-icon{transform:rotate(180deg)}.logo-options{background-color:#3a3d42;border-radius:8px;padding:10px;margin-top:10px}.frame-thickness-container{display:flex;align-items:center;margin-top:10px}.frame-thickness-label{margin-right:10px;white-space:nowrap;font-size:.9rem;color:#f0ca81}.frame-thickness-slider{flex-grow:1;margin-right:10px;-webkit-appearance:none;height:6px;border-radius:3px;background:#4a4e54}.frame-thickness-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#57c27a;cursor:pointer}.frame-thickness-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#57c27a;cursor:pointer}.frame-thickness-value{width:30px;text-align:center;background-color:#2a2d31;border-radius:4px;padding:2px 4px;font-size:.8rem}.frame-toggle-container{display:flex;align-items:center;justify-content:space-between}.frame-toggle{position:relative;display:inline-block;width:50px;height:24px}.frame-toggle input{opacity:0;width:0;height:0}.frame-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#4a4e54;transition:.4s;border-radius:24px}.frame-slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.frame-toggle input:checked+.frame-slider{background-color:#57c27a}.frame-toggle input:checked+.frame-slider:before{transform:translateX(26px)}.seo-section{background-color:#2a2d31;padding:24px;border-radius:12px;margin-top:40px;max-width:4xl}.seo-title{color:#57c27a;font-size:1.5rem;font-weight:700;margin-bottom:16px;text-align:center}.seo-content{color:#e5e7eb;line-height:1.6}.seo-keywords{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;justify-content:center}.keyword{background-color:#3a3d42;padding:6px 12px;border-radius:20px;font-size:.875rem;color:#f0ca81}.seo-features{margin-top:16px;margin-bottom:16px;padding-left:20px}.seo-features li{margin-bottom:8px;position:relative}.seo-features li:before{content:"✓";color:#57c27a;margin-right:8px;font-weight:700}.dropzone{width:100%;padding:25px;text-align:center;border:2px dashed #57c27a;border-radius:12px;background-color:rgba(87,194,122,.05);transition:.3s;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;min-height:120px;position:relative}.dropzone.highlight{background-color:rgba(87,194,122,.2);border-color:#4aad6a}.dropzone.drag-over{background-color:rgba(87,194,122,.2)}.dropzone-icon{font-size:48px;color:#57c27a}.dropzone-text{font-size:16px;color:#f0ca81}.dropzone-hint{font-size:14px;color:#9ca3af}.hidden-file-input{position:absolute;width:100%;height:100%;opacity:0;top:0;left:0;cursor:pointer}.logo-frame{box-sizing:content-box;background-color:var(--frame-color);padding:var(--frame-thickness);display:inline-block}@keyframes fadeIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fade-in{animation:.3s ease-in-out fadeIn}.qr-transition{transition:.3s}.svg-qr-code{width:100%;height:auto;display:block}