html,body{background-color:#f4f6fa;width:100%;min-height:100vh;margin:0;padding:0}#app{width:100%;min-height:100vh;display:block}*{box-sizing:border-box}.app-wrapper[data-v-40b79b92]{color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.header[data-v-40b79b92]{background:#fff;padding:15px 30px;box-shadow:0 2px 10px #0000000d}.logo-area[data-v-40b79b92]{color:#2b3a55;align-items:center;gap:10px;font-weight:700;display:flex}.brand-logo[data-v-40b79b92]{object-fit:cover;border-radius:8px}.main-container[data-v-40b79b92]{gap:30px;max-width:1200px;margin:30px auto;padding:0 20px;display:flex}.left-panel[data-v-40b79b92]{background:#fff;border-radius:12px;flex:1.2;padding:30px;box-shadow:0 4px 15px #00000008}.section[data-v-40b79b92]{margin-bottom:25px}h3[data-v-40b79b92]{color:#2b3a55;margin-bottom:15px;font-size:16px}.tabs[data-v-40b79b92]{gap:10px;margin-bottom:20px;display:flex}.tab[data-v-40b79b92]{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;padding:10px 20px;font-weight:700}.tab.active[data-v-40b79b92]{color:#fff;background:#2b3a55;border-color:#2b3a55}.form-group[data-v-40b79b92]{flex-direction:column;gap:5px;margin-bottom:15px;display:flex}input[type=text][data-v-40b79b92],input[type=password][data-v-40b79b92],input[type=email][data-v-40b79b92],textarea[data-v-40b79b92]{box-sizing:border-box;border:1px solid #ddd;border-radius:8px;width:100%;padding:12px}.password-wrapper[data-v-40b79b92]{align-items:center;display:flex;position:relative}.password-wrapper input[data-v-40b79b92]{flex:1;padding-right:40px}.toggle-password[data-v-40b79b92]{cursor:pointer;background:0 0;border:none;outline:none;padding:0;font-size:16px;position:absolute;right:10px}.upload-box[data-v-40b79b92]{border:1px dashed #bbb;border-radius:8px;align-items:center;gap:15px;padding:15px;display:flex}.generate-btn[data-v-40b79b92]{color:#fff;cursor:pointer;background:#5b58c7;border:none;border-radius:8px;width:100%;padding:15px;font-size:16px;font-weight:700;transition:all .3s}.right-panel[data-v-40b79b92]{flex-direction:column;flex:.8;gap:20px;display:flex}.preview-card[data-v-40b79b92]{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 15px #00000008}.preview-header[data-v-40b79b92]{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.download-btn[data-v-40b79b92]{color:#333;border:1px solid #ddd;border-radius:6px;padding:8px 15px;text-decoration:none}.qr-display[data-v-40b79b92]{background:#f4f6fa;border-radius:8px;justify-content:center;align-items:center;min-height:300px;padding:20px;display:flex}.qr-image[data-v-40b79b92]{border-radius:8px;max-width:100%}.advanced-settings-card[data-v-40b79b92]{background:#fff;border-radius:12px;padding:20px 25px;box-shadow:0 4px 15px #00000008}.setting-group[data-v-40b79b92]{padding:15px 0}.border-top[data-v-40b79b92]{border-top:1px solid #f0f0f0}.setting-header[data-v-40b79b92]{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.color-swatch-area[data-v-40b79b92]{align-items:center;gap:10px;display:flex}.swap-btn[data-v-40b79b92]{cursor:pointer;color:#666;background:0 0;border:none;font-size:18px}.color-preview[data-v-40b79b92]{border-radius:4px;width:24px;height:24px}.bordered[data-v-40b79b92]{border:1px solid #ddd}.color-inputs[data-v-40b79b92]{gap:15px;display:flex}.hex-input-box[data-v-40b79b92]{border:1px solid #ddd;border-radius:8px;flex:1;align-items:center;padding:5px 10px;display:flex;position:relative}.hidden-color-picker[data-v-40b79b92]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute}.hex-text[data-v-40b79b92]{color:#555;pointer-events:none;font-family:monospace;font-weight:500;border:none!important;padding:5px!important}.custom-slider[data-v-40b79b92]{cursor:pointer;width:100%;margin-top:10px}.slider-labels[data-v-40b79b92]{color:#888;justify-content:space-between;margin-top:5px;font-size:12px;font-weight:700;display:flex}.size-section[data-v-40b79b92]{align-items:center;gap:20px;display:flex}.inline-h3[data-v-40b79b92]{margin:0}.size-dropdown[data-v-40b79b92]{color:#333;cursor:pointer;background:#f0f2f5;border:none;border-radius:20px;outline:none;padding:8px 15px;font-weight:700}@media (width<=768px){.main-container[data-v-40b79b92]{flex-direction:column}}