/* Start:/local/components/veomedia/veomedia.qrgenerator/templates/.default/style.css?176909410045321*/
/**
 * ================================================================================
 * КОМПОНЕНТ: ВеоМедиа - Генератор QR-кода с расширенным дизайном
 * ФАЙЛ: style.css - Основные стили компонента
 * ================================================================================
 * 
 * СТРУКТУРА ФАЙЛА:
 * 1. CSS-переменные (кастомные свойства)
 * 2. Базовые стили контейнера
 * 3. Информационная панель (лимиты)
 * 4. Заголовок компонента
 * 5. Основной контент (сетка)
 * 6. Панель настроек (аккордеон)
 * 7. Элементы форм (инпуты, селекты, кнопки)
 * 8. Панель предпросмотра
 * 9. Кнопки действий
 * 10. Брендинг
 * 11. Анимации
 * 12. Адаптивность (мобильные)
 * 13. Тёмная тема
 * 
 * АВТОР: ВеоМедиа
 * ================================================================================
 */

/* ================================================================================
   1. CSS-ПЕРЕМЕННЫЕ
   ================================================================================ */
.veomedia_qrgen_wrapper{--vqr-primary:#1666a1;--vqr-primary-hover:#124f7a;--vqr-primary-light:#e8f4fc;--vqr-secondary:#a20005;--vqr-secondary-hover:#7a0004;--vqr-secondary-light:#fce8e9;--vqr-success:#10b981;--vqr-success-light:#d1fae5;--vqr-warning:#f59e0b;--vqr-warning-light:#fef3c7;--vqr-error:#ef4444;--vqr-error-light:#fee2e2;--vqr-text:#1f2937;--vqr-text-secondary:#6b7280;--vqr-text-muted:#9ca3af;--vqr-bg:#ffffff;--vqr-bg-secondary:#f9fafb;--vqr-bg-tertiary:#f3f4f6;--vqr-border:#e5e7eb;--vqr-border-hover:#d1d5db;--vqr-shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--vqr-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--vqr-shadow-md:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--vqr-shadow-lg:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--vqr-radius-sm:4px;--vqr-radius:8px;--vqr-radius-md:12px;--vqr-radius-lg:16px;--vqr-radius-xl:24px;--vqr-transition:all 0.2s ease;--vqr-transition-slow:all 0.3s ease;--vqr-font-size-xs:11px;--vqr-font-size-sm:13px;--vqr-font-size-base:14px;--vqr-font-size-md:15px;--vqr-font-size-lg:16px;--vqr-font-size-xl:18px;--vqr-font-size-2xl:20px;--vqr-spacing-xs:4px;--vqr-spacing-sm:8px;--vqr-spacing-md:12px;--vqr-spacing:16px;--vqr-spacing-lg:20px;--vqr-spacing-xl:24px;--vqr-spacing-2xl:32px}

/* ================================================================================
   2. БАЗОВЫЕ СТИЛИ КОНТЕЙНЕРА
   ================================================================================ */
.veomedia_qrgen_wrapper{width:100%;max-width:100%;margin:0 auto;padding:var(--vqr-spacing-xl);box-sizing:border-box;color:var(--vqr-text);background:var(--vqr-bg);border-radius:var(--vqr-radius-lg);position:relative}
.veomedia_qrgen_wrapper *,.veomedia_qrgen_wrapper *::before,.veomedia_qrgen_wrapper *::after{box-sizing:border-box}
.veomedia_qrgen_wrapper img{max-width:100%;height:auto}
.veomedia_qrgen_hidden{display:none!important}

/* ================================================================================
   3. ИНФОРМАЦИОННАЯ ПАНЕЛЬ (ЛИМИТЫ)
   ================================================================================ */
.veomedia_qrgen_info_panel{margin-bottom:var(--vqr-spacing-xl);padding:var(--vqr-spacing);background:linear-gradient(135deg,var(--vqr-primary-light) 0%,#f0f9ff 100%);border-radius:var(--vqr-radius-md);border:1px solid rgba(22,102,161,0.15)}
.veomedia_qrgen_unlimited_badge{display:flex;align-items:center;gap:var(--vqr-spacing-sm);font-size:var(--vqr-font-size-md);font-weight:600;color:var(--vqr-primary)}
.veomedia_qrgen_unlimited_badge .veomedia_qrgen_icon{width:24px;height:24px;flex-shrink:0}
.veomedia_qrgen_admin_badge{display:inline-flex;align-items:center;padding:2px 10px;background:linear-gradient(135deg,var(--vqr-secondary) 0%,#c41e23 100%);color:#fff;font-size:var(--vqr-font-size-xs);font-weight:600;border-radius:20px;margin-left:var(--vqr-spacing-sm);text-transform:uppercase;letter-spacing:0.5px}
.veomedia_qrgen_limits_info{display:flex;flex-direction:column;gap:var(--vqr-spacing-sm)}
.veomedia_qrgen_limits_counter{display:flex;align-items:center;gap:var(--vqr-spacing-sm);font-size:var(--vqr-font-size-base);color:var(--vqr-text)}
.veomedia_qrgen_limits_counter .veomedia_qrgen_icon{width:18px;height:18px;color:var(--vqr-primary);flex-shrink:0}
.veomedia_qrgen_remaining_count{font-size:var(--vqr-font-size-xl);font-weight:700;color:var(--vqr-primary);padding:0 4px}
.veomedia_qrgen_reset_timer{display:flex;align-items:center;gap:var(--vqr-spacing-sm);font-size:var(--vqr-font-size-sm);color:var(--vqr-text-secondary)}
.veomedia_qrgen_reset_timer .veomedia_qrgen_icon{width:16px;height:16px;flex-shrink:0}
.veomedia_qrgen_timer{font-family:'Courier New',monospace;font-weight:600;color:var(--vqr-secondary);background:var(--vqr-secondary-light);padding:2px 8px;border-radius:var(--vqr-radius-sm)}
.veomedia_qrgen_auth_prompt{display:flex;align-items:center;gap:var(--vqr-spacing-sm);font-size:var(--vqr-font-size-sm);color:var(--vqr-text-secondary);padding-top:var(--vqr-spacing-sm);border-top:1px solid rgba(22,102,161,0.1);margin-top:var(--vqr-spacing-sm)}
.veomedia_qrgen_auth_prompt .veomedia_qrgen_icon{width:16px;height:16px;flex-shrink:0}
.veomedia_qrgen_auth_prompt a{color:var(--vqr-primary);font-weight:600;text-decoration:none;transition:var(--vqr-transition)}
.veomedia_qrgen_auth_prompt a:hover{color:var(--vqr-primary-hover);text-decoration:underline}
/* Блок информации о лимитах */
.veomedia_qrgen_limits_info {
    background: linear-gradient(135deg, #fff3cd 0%, #ffeeba 100%);
    border: 1px solid #ffc107;
    border-radius: 12px;
    padding: 16px 20px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
}

.veomedia_qrgen_limit_badge,
.veomedia_qrgen_timer_badge {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #856404;
}

.veomedia_qrgen_limit_badge svg,
.veomedia_qrgen_timer_badge svg {
    color: #d39e00;
    flex-shrink: 0;
}

.veomedia_qrgen_limit_badge strong,
.veomedia_qrgen_timer_badge strong {
    color: #533f03;
    font-weight: 700;
    font-size: 16px;
}

.veomedia_qrgen_auth_hint {
    margin-left: auto;
    font-size: 13px;
    color: #856404;
}

.veomedia_qrgen_auth_hint a {
    color: #1666a1;
    text-decoration: underline;
    font-weight: 600;
}

.veomedia_qrgen_auth_hint a:hover {
    color: #0d4a75;
}

@media (max-width: 768px) {
    .veomedia_qrgen_limits_info {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .veomedia_qrgen_auth_hint {
        margin-left: 0;
        margin-top: 8px;
    }
}

/* ================================================================================
   4. ЗАГОЛОВОК КОМПОНЕНТА
   ================================================================================ */
.veomedia_qrgen_header{text-align:center;margin-bottom:var(--vqr-spacing-2xl);padding-bottom:var(--vqr-spacing-xl);border-bottom:1px solid var(--vqr-border)}
.veomedia_qrgen_title{display:flex;align-items:center;justify-content:center;gap:var(--vqr-spacing-md);font-size:var(--vqr-font-size-2xl);font-weight:700;color:var(--vqr-text);margin-bottom:var(--vqr-spacing-sm)}
.veomedia_qrgen_logo_icon{width:32px;height:32px;color:var(--vqr-primary);flex-shrink:0}
.veomedia_qrgen_subtitle{font-size:var(--vqr-font-size-base);color:var(--vqr-text-secondary);max-width:600px;margin:0 auto}

/* ================================================================================
   5. ОСНОВНОЙ КОНТЕНТ (СЕТКА)
   ================================================================================ */
.veomedia_qrgen_main_content{
    display:flex;
    gap:var(--vqr-spacing-2xl);
    align-items:flex-start;
}
.veomedia_qrgen_settings_panel{
    flex:1;
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:var(--vqr-spacing);
}
.veomedia_qrgen_preview_panel{
    width:400px;
    flex-shrink:0;
    position:relative;
}
.veomedia_qrgen_preview_sticky{
    /* JS управляет позиционированием */
}

/* Скроллбар для sticky-блока */
.veomedia_qrgen_preview_sticky::-webkit-scrollbar{width:6px}
.veomedia_qrgen_preview_sticky::-webkit-scrollbar-track{background:transparent}
.veomedia_qrgen_preview_sticky::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.15);border-radius:3px}
.veomedia_qrgen_preview_sticky::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.25)}

/* ================================================================================
   6. ПАНЕЛЬ НАСТРОЕК (АККОРДЕОН/СЕКЦИИ)
   ================================================================================ */
.veomedia_qrgen_section{background:var(--vqr-bg);border:1px solid var(--vqr-border);border-radius:var(--vqr-radius-md);overflow:hidden;transition:var(--vqr-transition)}
.veomedia_qrgen_section:hover{border-color:var(--vqr-border-hover)}
.veomedia_qrgen_section_header{display:flex;align-items:center;gap:var(--vqr-spacing-sm);padding:var(--vqr-spacing) var(--vqr-spacing-lg);background:var(--vqr-bg-secondary);cursor:pointer;user-select:none;transition:var(--vqr-transition);font-size:var(--vqr-font-size-md);font-weight:600;color:var(--vqr-text)}
.veomedia_qrgen_section_header:hover{background:var(--vqr-bg-tertiary)}
.veomedia_qrgen_section_header .veomedia_qrgen_icon{width:20px;height:20px;color:var(--vqr-primary);flex-shrink:0}
.veomedia_qrgen_section_header span{flex:1}
.veomedia_qrgen_chevron{width:20px;height:20px;color:var(--vqr-text-muted);transition:transform 0.2s ease;flex-shrink:0}
.veomedia_qrgen_section_content{padding:var(--vqr-spacing-lg);display:none;border-top:1px solid var(--vqr-border)}
.veomedia_qrgen_section_content.veomedia_qrgen_section_open{display:block}
.veomedia_qrgen_section_header.veomedia_qrgen_section_expanded .veomedia_qrgen_chevron{transform:rotate(180deg)}

/* ================================================================================
   7. ЭЛЕМЕНТЫ ФОРМ
   ================================================================================ */
/* Поля */
.veomedia_qrgen_field{margin-bottom:var(--vqr-spacing)}
.veomedia_qrgen_field:last-child{margin-bottom:0}
.veomedia_qrgen_field_group{display:flex;flex-direction:column;gap:var(--vqr-spacing-xs)}
.veomedia_qrgen_field_full{grid-column:1/-1}

/* Лейблы */
.veomedia_qrgen_label{display:flex;align-items:center;gap:var(--vqr-spacing-xs);font-size:var(--vqr-font-size-sm);font-weight:500;color:var(--vqr-text);margin-bottom:var(--vqr-spacing-xs)}
.veomedia_qrgen_label_small{font-size:var(--vqr-font-size-xs);font-weight:500;color:var(--vqr-text-secondary);margin-bottom:2px}

/* Тултипы */
.veomedia_qrgen_tooltip{position:relative;display:inline-flex;cursor:help}
.veomedia_qrgen_tooltip svg{width:14px;height:14px;color:var(--vqr-text-muted)}
.veomedia_qrgen_tooltip::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);padding:8px 12px;background:var(--vqr-text);color:#fff;font-size:var(--vqr-font-size-xs);font-weight:400;border-radius:var(--vqr-radius);white-space:nowrap;opacity:0;visibility:hidden;transition:var(--vqr-transition);z-index:100;max-width:280px;white-space:normal;text-align:center;box-shadow:var(--vqr-shadow-md)}
.veomedia_qrgen_tooltip::before{content:'';position:absolute;bottom:calc(100% + 2px);left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--vqr-text);opacity:0;visibility:hidden;transition:var(--vqr-transition);z-index:100}
.veomedia_qrgen_tooltip:hover::after,.veomedia_qrgen_tooltip:hover::before{opacity:1;visibility:visible}

/* Инпуты */
.veomedia_qrgen_input{width:100%;padding:10px 14px;font-size:var(--vqr-font-size-base);color:var(--vqr-text);background:var(--vqr-bg);border:1px solid var(--vqr-border);border-radius:var(--vqr-radius);transition:var(--vqr-transition);outline:none}
.veomedia_qrgen_input:hover{border-color:var(--vqr-border-hover)}
.veomedia_qrgen_input:focus{border-color:var(--vqr-primary);box-shadow:0 0 0 3px rgba(22,102,161,0.1)}
.veomedia_qrgen_input::placeholder{color:var(--vqr-text-muted)}
.veomedia_qrgen_input:disabled{background:var(--vqr-bg-tertiary);cursor:not-allowed;opacity:0.6}
.veomedia_qrgen_input_hint{font-size:var(--vqr-font-size-xs);color:var(--vqr-text-muted);margin-top:4px}

/* Textarea */
.veomedia_qrgen_textarea{width:100%;padding:10px 14px;font-size:var(--vqr-font-size-base);color:var(--vqr-text);background:var(--vqr-bg);border:1px solid var(--vqr-border);border-radius:var(--vqr-radius);transition:var(--vqr-transition);outline:none;resize:vertical;min-height:80px;line-height:1.5}
.veomedia_qrgen_textarea:hover{border-color:var(--vqr-border-hover)}
.veomedia_qrgen_textarea:focus{border-color:var(--vqr-primary);box-shadow:0 0 0 3px rgba(22,102,161,0.1)}
.veomedia_qrgen_char_counter{font-size:var(--vqr-font-size-xs);color:var(--vqr-text-muted);text-align:right;margin-top:4px}

/* Select */
.veomedia_qrgen_select{width:100%;padding:10px 36px 10px 14px;font-size:var(--vqr-font-size-base);color:var(--vqr-text);background:var(--vqr-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6,9 12,15 18,9'/%3E%3C/svg%3E") no-repeat right 10px center;background-size:18px;border:1px solid var(--vqr-border);border-radius:var(--vqr-radius);transition:var(--vqr-transition);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.veomedia_qrgen_select:hover{border-color:var(--vqr-border-hover)}
.veomedia_qrgen_select:focus{border-color:var(--vqr-primary);box-shadow:0 0 0 3px rgba(22,102,161,0.1)}

/* Инпут с юнитом */
.veomedia_qrgen_input_with_unit{position:relative;display:flex;align-items:center}
.veomedia_qrgen_input_with_unit .veomedia_qrgen_input{padding-right:40px}
.veomedia_qrgen_unit{position:absolute;right:12px;font-size:var(--vqr-font-size-sm);color:var(--vqr-text-muted);pointer-events:none}

/* Range слайдер */
.veomedia_qrgen_range{width:100%;height:6px;background:var(--vqr-bg-tertiary);border-radius:3px;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}
.veomedia_qrgen_range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--vqr-primary);border-radius:50%;cursor:pointer;transition:var(--vqr-transition);box-shadow:var(--vqr-shadow-sm)}
.veomedia_qrgen_range::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:var(--vqr-shadow)}
.veomedia_qrgen_range::-moz-range-thumb{width:18px;height:18px;background:var(--vqr-primary);border:none;border-radius:50%;cursor:pointer;transition:var(--vqr-transition)}
.veomedia_qrgen_range::-moz-range-track{height:6px;background:var(--vqr-bg-tertiary);border-radius:3px}

/* Чекбоксы */
.veomedia_qrgen_checkbox_label{display:flex;align-items:center;gap:var(--vqr-spacing-sm);cursor:pointer;user-select:none}
.veomedia_qrgen_checkbox_label input[type="checkbox"]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:var(--vqr-primary)}
.veomedia_qrgen_checkbox_label span{font-size:var(--vqr-font-size-sm)}

/* Color picker */
.veomedia_qrgen_color_row{display:flex;align-items:center;gap:var(--vqr-spacing-sm);flex-wrap:wrap}
.veomedia_qrgen_color_picker{width:44px;height:36px;padding:2px;border:1px solid var(--vqr-border);border-radius:var(--vqr-radius);cursor:pointer;background:var(--vqr-bg)}
.veomedia_qrgen_color_picker::-webkit-color-swatch-wrapper{padding:0}
.veomedia_qrgen_color_picker::-webkit-color-swatch{border:none;border-radius:4px}
.veomedia_qrgen_color_input{width:90px;text-transform:uppercase;font-family:'Courier New',monospace;font-size:var(--vqr-font-size-sm)}
.veomedia_qrgen_color_presets{display:flex;gap:4px;flex-wrap:wrap}
.veomedia_qrgen_color_preset{width:28px;height:28px;border-radius:var(--vqr-radius-sm);cursor:pointer;transition:var(--vqr-transition);border:2px solid transparent}
.veomedia_qrgen_color_preset:hover{transform:scale(1.15)}
.veomedia_qrgen_color_preset.active{border-color:var(--vqr-primary)}

/* ================================================================================
   7.1. СЕЛЕКТОРЫ ТИПОВ/СТИЛЕЙ
   ================================================================================ */
/* Тип данных */
.veomedia_qrgen_type_selector{display:flex;flex-wrap:wrap;gap:var(--vqr-spacing-sm)}
.veomedia_qrgen_type_btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--vqr-spacing-sm) var(--vqr-spacing);background:var(--vqr-bg);border:1px solid var(--vqr-border);border-radius:var(--vqr-radius);cursor:pointer;transition:var(--vqr-transition);min-width:70px}
.veomedia_qrgen_type_btn svg{width:20px;height:20px;color:var(--vqr-text-secondary)}
.veomedia_qrgen_type_btn span{font-size:var(--vqr-font-size-xs);color:var(--vqr-text-secondary)}
.veomedia_qrgen_type_btn:hover{border-color:var(--vqr-primary);background:var(--vqr-primary-light)}
.veomedia_qrgen_type_btn:hover svg,.veomedia_qrgen_type_btn:hover span{color:var(--vqr-primary)}
.veomedia_qrgen_type_btn.active{background:var(--vqr-primary);border-color:var(--vqr-primary)}
.veomedia_qrgen_type_btn.active svg,.veomedia_qrgen_type_btn.active span{color:#fff}

/* Уровень коррекции ошибок */
.veomedia_qrgen_error_level_selector{display:flex;gap:var(--vqr-spacing-sm)}
.veomedia_qrgen_error_btn{padding:8px 16px;background:var(--vqr-bg);border:1px solid var(--vqr-border);border-radius:var(--vqr-radius);cursor:pointer;transition:var(--vqr-transition);font-size:var(--vqr-font-size-sm);font-weight:500}
.veomedia_qrgen_error_btn:hover{border-color:var(--vqr-primary);background:var(--vqr-primary-light);color:var(--vqr-primary)}
.veomedia_qrgen_error_btn.active{background:var(--vqr-primary);border-color:var(--vqr-primary);color:#fff}

/* Стиль модулей QR */
.veomedia_qrgen_style_selector{display:flex;gap:var(--vqr-spacing-sm);flex-wrap:wrap}
.veomedia_qrgen_style_btn,.veomedia_qrgen_corner_btn{width:44px;height:44px;padding:8px;background:var(--vqr-bg);border:1px solid var(--vqr-border);border-radius:var(--vqr-radius);cursor:pointer;transition:var(--vqr-transition)}
.veomedia_qrgen_style_btn svg,.veomedia_qrgen_corner_btn svg{width:100%;height:100%;color:var(--vqr-text-secondary)}
.veomedia_qrgen_style_btn:hover,.veomedia_qrgen_corner_btn:hover{border-color:var(--vqr-primary);background:var(--vqr-primary-light)}
.veomedia_qrgen_style_btn:hover svg,.veomedia_qrgen_corner_btn:hover svg{color:var(--vqr-primary)}
.veomedia_qrgen_style_btn.active,.veomedia_qrgen_corner_btn.active{background:var(--vqr-primary);border-color:var(--vqr-primary)}
.veomedia_qrgen_style_btn.active svg,.veomedia_qrgen_corner_btn.active svg{color:#fff}

/* Форма фона */
.veomedia_qrgen_shape_selector{display:flex;gap:var(--vqr-spacing-sm);flex-wrap:wrap}
.veomedia_qrgen_shape_btn{width:40px;height:40px;padding:6px;background:var(--vqr-bg);border:1px solid var(--vqr-border);border-radius:var(--vqr-radius);cursor:pointer;transition:var(--vqr-transition)}
.veomedia_qrgen_shape_btn svg{width:100%;height:100%;color:var(--vqr-text-secondary)}
.veomedia_qrgen_shape_btn:hover{border-color:var(--vqr-primary);background:var(--vqr-primary-light)}
.veomedia_qrgen_shape_btn:hover svg{color:var(--vqr-primary)}
.veomedia_qrgen_shape_btn.active{background:var(--vqr-primary);border-color:var(--vqr-primary)}
.veomedia_qrgen_shape_btn.active svg{color:#fff}

/* Размер фона */
.veomedia_qrgen_size_row{display:flex;align-items:flex-end;gap:var(--vqr-spacing-sm);margin-bottom:var(--vqr-spacing-sm)}
.veomedia_qrgen_size_input_group{flex:1;display:flex;flex-direction:column;gap:4px}
.veomedia_qrgen_size_input{text-align:center}
.veomedia_qrgen_size_lock{display:flex;align-items:center;padding-bottom:6px}
.veomedia_qrgen_lock_btn{width:36px;height:36px;padding:6px;background:var(--vqr-bg);border:1px solid var(--vqr-border);border-radius:var(--vqr-radius);cursor:pointer;transition:var(--vqr-transition)}
.veomedia_qrgen_lock_btn svg{width:100%;height:100%;color:var(--vqr-text-secondary)}
.veomedia_qrgen_lock_btn:hover{border-color:var(--vqr-primary)}
.veomedia_qrgen_lock_btn.active{background:var(--vqr-primary-light);border-color:var(--vqr-primary)}
.veomedia_qrgen_lock_btn.active svg{color:var(--vqr-primary)}
.veomedia_qrgen_size_presets{display:flex;flex-wrap:wrap;gap:var(--vqr-spacing-xs)}
.veomedia_qrgen_preset_btn{padding:4px 10px;font-size:var(--vqr-font-size-xs);background:var(--vqr-bg-secondary);border:1px solid var(--vqr-border);border-radius:var(--vqr-radius-sm);cursor:pointer;transition:var(--vqr-transition)}
.veomedia_qrgen_preset_btn:hover{border-color:var(--vqr-primary);background:var(--vqr-primary-light);color:var(--vqr-primary)}

/* Тип заливки */
.veomedia_qrgen_fill_type_selector{display:flex;gap:var(--vqr-spacing-sm);flex-wrap:wrap}
.veomedia_qrgen_fill_btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--vqr-spacing-sm);background:var(--vqr-bg);border:1px solid var(--vqr-border);border-radius:var(--vqr-radius);cursor:pointer;transition:var(--vqr-transition);min-width:70px}
.veomedia_qrgen_fill_btn svg{width:28px;height:28px}
.veomedia_qrgen_fill_btn span{font-size:var(--vqr-font-size-xs);color:var(--vqr-text-secondary)}
.veomedia_qrgen_fill_btn:hover{border-color:var(--vqr-primary);background:var(--vqr-primary-light)}
.veomedia_qrgen_fill_btn.active{background:var(--vqr-primary);border-color:var(--vqr-primary)}
.veomedia_qrgen_fill_btn.active span{color:#fff}
.veomedia_qrgen_fill_options{margin-top:var(--vqr-spacing)}

/* Градиент */
.veomedia_qrgen_gradient_colors{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--vqr-spacing-sm);margin-bottom:var(--vqr-spacing)}
.veomedia_qrgen_gradient_presets{margin-top:var(--vqr-spacing)}
.veomedia_qrgen_gradient_preset_list{display:flex;gap:var(--vqr-spacing-sm);flex-wrap:wrap;margin-top:var(--vqr-spacing-xs)}
.veomedia_qrgen_gradient_preset{width:40px;height:40px;border-radius:var(--vqr-radius);cursor:pointer;transition:var(--vqr-transition);border:2px solid transparent}
.veomedia_qrgen_gradient_preset:hover{transform:scale(1.1)}
.veomedia_qrgen_gradient_preset.active{border-color:var(--vqr-text)}

/* Паттерн */
.veomedia_qrgen_pattern_selector{display:flex;gap:var(--vqr-spacing-sm);flex-wrap:wrap;margin-bottom:var(--vqr-spacing)}
.veomedia_qrgen_pattern_btn{width:50px;height:50px;padding:4px;background:var(--vqr-bg);border:1px solid var(--vqr-border);border-radius:var(--vqr-radius);cursor:pointer;transition:var(--vqr-transition);overflow:hidden}
.veomedia_qrgen_pattern_btn:hover{border-color:var(--vqr-primary)}
.veomedia_qrgen_pattern_btn.active{border-color:var(--vqr-primary);border-width:2px}
.veomedia_qrgen_pattern_preview{width:100%;height:100%;border-radius:2px}
.veomedia_qrgen_pattern_dots{background:radial-gradient(circle,#ccc 2px,transparent 2px);background-size:8px 8px}
.veomedia_qrgen_pattern_lines{background:repeating-linear-gradient(0deg,#ccc,#ccc 1px,transparent 1px,transparent 6px)}
.veomedia_qrgen_pattern_diagonal{background:repeating-linear-gradient(45deg,#ccc,#ccc 1px,transparent 1px,transparent 6px)}
.veomedia_qrgen_pattern_grid{background:linear-gradient(#ccc 1px,transparent 1px),linear-gradient(90deg,#ccc 1px,transparent 1px);background-size:8px 8px}
.veomedia_qrgen_pattern_checkerboard{background:repeating-conic-gradient(#ccc 0% 25%,transparent 0% 50%) 50%/8px 8px}
.veomedia_qrgen_pattern_zigzag{background:linear-gradient(135deg,#ccc 25%,transparent 25%),linear-gradient(225deg,#ccc 25%,transparent 25%),linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(315deg,#ccc 25%,transparent 25%);background-size:8px 8px;background-position:0 0,4px 0,4px -4px,0 4px}
.veomedia_qrgen_pattern_waves{background:radial-gradient(ellipse 50% 30% at 50% 50%,transparent 50%,#ccc 50%,#ccc 60%,transparent 60%);background-size:12px 8px}
.veomedia_qrgen_pattern_triangles{background:linear-gradient(45deg,#ccc 50%,transparent 50%);background-size:8px 8px}
.veomedia_qrgen_pattern_colors{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--vqr-spacing-sm);margin-bottom:var(--vqr-spacing)}

/* Загрузка изображений */
.veomedia_qrgen_upload_area{position:relative;border:2px dashed var(--vqr-border);border-radius:var(--vqr-radius-md);padding:var(--vqr-spacing-xl);text-align:center;transition:var(--vqr-transition);cursor:pointer;background:var(--vqr-bg-secondary)}
.veomedia_qrgen_upload_area:hover{border-color:var(--vqr-primary);background:var(--vqr-primary-light)}
.veomedia_qrgen_upload_area.veomedia_qrgen_dragover{border-color:var(--vqr-primary);background:var(--vqr-primary-light);transform:scale(1.01)}
.veomedia_qrgen_upload_small{padding:var(--vqr-spacing)}
.veomedia_qrgen_file_input{position:absolute;inset:0;opacity:0;cursor:pointer}
.veomedia_qrgen_upload_content{display:flex;flex-direction:column;align-items:center;gap:var(--vqr-spacing-sm);pointer-events:none}
.veomedia_qrgen_upload_icon{width:40px;height:40px;color:var(--vqr-text-muted)}
.veomedia_qrgen_upload_content span{font-size:var(--vqr-font-size-sm);color:var(--vqr-text-secondary)}
.veomedia_qrgen_upload_hint{font-size:var(--vqr-font-size-xs)!important;color:var(--vqr-text-muted)!important}
.veomedia_qrgen_upload_preview{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--vqr-bg);border-radius:inherit;overflow:hidden}
.veomedia_qrgen_upload_preview img{max-width:100%;max-height:100%;object-fit:contain}
.veomedia_qrgen_remove_image{position:absolute;top:8px;right:8px;width:28px;height:28px;padding:4px;background:var(--vqr-error);border:none;border-radius:50%;cursor:pointer;transition:var(--vqr-transition)}
.veomedia_qrgen_remove_image svg{width:100%;height:100%;color:#fff}
.veomedia_qrgen_remove_image:hover{background:var(--vqr-secondary-hover);transform:scale(1.1)}

/* ================================================================================
   7.2. ВКЛАДКИ (ИЗОБРАЖЕНИЯ/ТЕКСТЫ)
   ================================================================================ */
.veomedia_qrgen_image_tabs,.veomedia_qrgen_text_tabs{display:flex;gap:var(--vqr-spacing-xs);margin-bottom:var(--vqr-spacing);border-bottom:1px solid var(--vqr-border);padding-bottom:var(--vqr-spacing);flex-wrap:wrap}
.veomedia_qrgen_image_tab,.veomedia_qrgen_text_tab{display:flex;align-items:center;gap:4px;padding:8px 12px;background:transparent;border:1px solid transparent;border-radius:var(--vqr-radius);cursor:pointer;transition:var(--vqr-transition);font-size:var(--vqr-font-size-sm)}
.veomedia_qrgen_image_tab svg,.veomedia_qrgen_text_tab svg{width:18px;height:18px;color:var(--vqr-text-muted)}
.veomedia_qrgen_image_tab span,.veomedia_qrgen_text_tab span{color:var(--vqr-text-secondary)}
.veomedia_qrgen_image_tab:hover,.veomedia_qrgen_text_tab:hover{background:var(--vqr-bg-secondary)}
.veomedia_qrgen_image_tab.active,.veomedia_qrgen_text_tab.active{background:var(--vqr-primary);border-color:var(--vqr-primary)}
.veomedia_qrgen_image_tab.active svg,.veomedia_qrgen_text_tab.active svg,.veomedia_qrgen_image_tab.active span,.veomedia_qrgen_text_tab.active span{color:#fff}
.veomedia_qrgen_image_content,.veomedia_qrgen_text_content{animation:veomedia_qrgen_fadeIn 0.2s ease}
.veomedia_qrgen_image_settings,.veomedia_qrgen_text_settings{margin-top:var(--vqr-spacing);padding-top:var(--vqr-spacing);border-top:1px solid var(--vqr-border)}
.veomedia_qrgen_text_options_grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--vqr-spacing-sm);margin-bottom:var(--vqr-spacing)}

/* Выравнивание текста */
.veomedia_qrgen_align_selector{display:flex;gap:4px}
.veomedia_qrgen_align_btn{width:32px;height:32px;padding:4px;background:var(--vqr-bg);border:1px solid var(--vqr-border);border-radius:var(--vqr-radius-sm);cursor:pointer;transition:var(--vqr-transition)}
.veomedia_qrgen_align_btn svg{width:100%;height:100%;color:var(--vqr-text-secondary)}
.veomedia_qrgen_align_btn:hover{border-color:var(--vqr-primary)}
.veomedia_qrgen_align_btn.active{background:var(--vqr-primary);border-color:var(--vqr-primary)}
.veomedia_qrgen_align_btn.active svg{color:#fff}

/* ================================================================================
   7.3. ГРАНИЦА И ТЕНЬ
   ================================================================================ */
.veomedia_qrgen_border_options,.veomedia_qrgen_shadow_options{margin-top:var(--vqr-spacing)}
.veomedia_qrgen_border_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--vqr-spacing-sm)}
.veomedia_qrgen_shadow_presets{margin-bottom:var(--vqr-spacing)}
.veomedia_qrgen_shadow_preset_list{display:flex;gap:var(--vqr-spacing-sm);flex-wrap:wrap;margin-top:var(--vqr-spacing-xs)}
.veomedia_qrgen_shadow_preset{width:50px;height:50px;padding:8px;background:var(--vqr-bg);border:1px solid var(--vqr-border);border-radius:var(--vqr-radius);cursor:pointer;transition:var(--vqr-transition)}
.veomedia_qrgen_shadow_preset:hover{border-color:var(--vqr-primary)}
.veomedia_qrgen_shadow_preset.active{border-color:var(--vqr-primary);border-width:2px}
.veomedia_qrgen_shadow_preview{width:100%;height:100%;background:var(--vqr-bg);border-radius:var(--vqr-radius-sm)}
.veomedia_qrgen_shadow_custom{margin-top:var(--vqr-spacing)}
.veomedia_qrgen_shadow_grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--vqr-spacing-sm)}

/* ================================================================================
   7.4. ГРИД ВИЗИТКИ
   ================================================================================ */
.veomedia_qrgen_vcard_grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--vqr-spacing-sm)}

/* ================================================================================
   8. ПАНЕЛЬ ПРЕДПРОСМОТРА
   ================================================================================ */
.veomedia_qrgen_preview_header{display:flex;align-items:center;justify-content:space-between;padding:var(--vqr-spacing-sm) var(--vqr-spacing);background:var(--vqr-bg-secondary);border:1px solid var(--vqr-border);border-bottom:none;border-radius:var(--vqr-radius-md) var(--vqr-radius-md) 0 0;font-size:var(--vqr-font-size-sm);font-weight:600;color:var(--vqr-text)}
.veomedia_qrgen_preview_zoom{display:flex;align-items:center;gap:var(--vqr-spacing-xs)}
.veomedia_qrgen_zoom_btn{width:28px;height:28px;padding:4px;background:var(--vqr-bg);border:1px solid var(--vqr-border);border-radius:var(--vqr-radius-sm);cursor:pointer;transition:var(--vqr-transition)}
.veomedia_qrgen_zoom_btn svg{width:100%;height:100%;color:var(--vqr-text-secondary)}
.veomedia_qrgen_zoom_btn:hover{border-color:var(--vqr-primary);background:var(--vqr-primary-light)}
.veomedia_qrgen_zoom_btn:hover svg{color:var(--vqr-primary)}
.veomedia_qrgen_zoom_value{font-size:var(--vqr-font-size-xs);color:var(--vqr-text-muted);min-width:40px;text-align:center}
.veomedia_qrgen_preview_container{background:repeating-conic-gradient(#f0f0f0 0% 25%,#fff 0% 50%) 50%/16px 16px;border:1px solid var(--vqr-border);min-height:57vh;max-height: 57vh;display:flex;align-items:center;justify-content:center;overflow:auto;padding:var(--vqr-spacing)}
.veomedia_qrgen_preview_wrapper{transition:transform 0.2s ease}
.veomedia_qrgen_preview_canvas{background:#fff;box-shadow:var(--vqr-shadow-md);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.veomedia_qrgen_preview_info{display:flex;align-items:center;justify-content:center;padding:var(--vqr-spacing-sm);background:var(--vqr-bg-secondary);border:1px solid var(--vqr-border);border-top:none;border-radius:0 0 var(--vqr-radius-md) var(--vqr-radius-md);font-size:var(--vqr-font-size-xs);color:var(--vqr-text-muted)}

/* Плейсхолдер */
.veomedia_qrgen_placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--vqr-spacing);padding:var(--vqr-spacing-2xl);text-align:center;color:var(--vqr-text-muted)}
.veomedia_qrgen_placeholder_icon{width:80px;height:80px;opacity:0.3}
.veomedia_qrgen_placeholder_text{font-size:var(--vqr-font-size-sm);line-height:1.6}

/* ================================================================================
   9. КНОПКИ ДЕЙСТВИЙ
   ================================================================================ */
.veomedia_qrgen_actions{margin-top:var(--vqr-spacing-lg);display:flex;flex-direction:column;gap:var(--vqr-spacing)}
.veomedia_qrgen_btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--vqr-spacing-sm);padding:14px 24px;font-size:var(--vqr-font-size-md);font-weight:600;border:none;border-radius:var(--vqr-radius-md);cursor:pointer;transition:var(--vqr-transition);text-decoration:none;line-height:1}
.veomedia_qrgen_btn svg{width:20px;height:20px;flex-shrink:0}
.veomedia_qrgen_btn:disabled{opacity:0.5;cursor:not-allowed}
.veomedia_qrgen_btn_generate{background:linear-gradient(135deg,var(--vqr-primary) 0%,#1e88c9 100%);color:#fff;box-shadow:0 4px 14px rgba(22,102,161,0.3)}
.veomedia_qrgen_btn_generate:hover:not(:disabled){background:linear-gradient(135deg,var(--vqr-primary-hover) 0%,#1666a1 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgba(22,102,161,0.4)}
.veomedia_qrgen_btn_generate:active:not(:disabled){transform:translateY(0)}
.veomedia_qrgen_btn_download{background:linear-gradient(135deg,var(--vqr-success) 0%,#059669 100%);color:#fff;box-shadow:0 4px 14px rgba(16,185,129,0.3)}
.veomedia_qrgen_btn_download:hover:not(:disabled){background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgba(16,185,129,0.4)}
.veomedia_qrgen_btn_secondary{background:var(--vqr-bg);color:var(--vqr-text);border:1px solid var(--vqr-border);box-shadow:none}
.veomedia_qrgen_btn_secondary:hover:not(:disabled){border-color:var(--vqr-primary);background:var(--vqr-primary-light);color:var(--vqr-primary)}
.veomedia_qrgen_btn_small{padding:8px 14px;font-size:var(--vqr-font-size-sm)}

/* Предупреждение */
.veomedia_qrgen_warning_box{display:flex;gap:var(--vqr-spacing-sm);padding:var(--vqr-spacing);background:var(--vqr-warning-light);border:1px solid var(--vqr-warning);border-radius:var(--vqr-radius-md);margin-bottom:var(--vqr-spacing)}
.veomedia_qrgen_warning_box svg{width:24px;height:24px;color:var(--vqr-warning);flex-shrink:0}
.veomedia_qrgen_warning_text{font-size:var(--vqr-font-size-sm);color:var(--vqr-text);line-height:1.5}
.veomedia_qrgen_warning_text strong{color:var(--vqr-warning)}

/* Выбор разрешения */
.veomedia_qrgen_resolution_selector{margin-bottom:var(--vqr-spacing)}
.veomedia_qrgen_resolution_buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--vqr-spacing-sm);margin-top:var(--vqr-spacing-sm)}
.veomedia_qrgen_resolution_btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--vqr-spacing-sm);background:var(--vqr-bg);border:1px solid var(--vqr-border);border-radius:var(--vqr-radius);cursor:pointer;transition:var(--vqr-transition)}
.veomedia_qrgen_resolution_btn:hover{border-color:var(--vqr-primary);background:var(--vqr-primary-light)}
.veomedia_qrgen_resolution_btn.active{background:var(--vqr-primary);border-color:var(--vqr-primary);color:#fff}
.veomedia_qrgen_resolution_size{font-size:var(--vqr-font-size-sm);font-weight:600}
.veomedia_qrgen_resolution_label{font-size:var(--vqr-font-size-xs);opacity:0.8}
.veomedia_qrgen_custom_resolution{margin-top:var(--vqr-spacing-sm);padding-top:var(--vqr-spacing-sm);border-top:1px dashed var(--vqr-border)}
.veomedia_qrgen_custom_res_inputs{display:flex;align-items:center;gap:var(--vqr-spacing-sm);margin-top:var(--vqr-spacing-xs)}
.veomedia_qrgen_custom_res_inputs .veomedia_qrgen_input{width:100px}
.veomedia_qrgen_custom_res_inputs span{color:var(--vqr-text-muted)}

/* Выбор формата */
.veomedia_qrgen_format_selector{margin-bottom:var(--vqr-spacing)}
.veomedia_qrgen_format_buttons{display:flex;gap:var(--vqr-spacing-sm);margin-top:var(--vqr-spacing-sm)}
.veomedia_qrgen_format_btn{padding:8px 16px;background:var(--vqr-bg);border:1px solid var(--vqr-border);border-radius:var(--vqr-radius);cursor:pointer;transition:var(--vqr-transition);font-size:var(--vqr-font-size-sm);font-weight:500}
.veomedia_qrgen_format_btn:hover{border-color:var(--vqr-primary);background:var(--vqr-primary-light);color:var(--vqr-primary)}
.veomedia_qrgen_format_btn.active{background:var(--vqr-primary);border-color:var(--vqr-primary);color:#fff}

/* ================================================================================
   10. БРЕНДИНГ
   ================================================================================ */
.veomedia_qrgen_branding{margin-top:var(--vqr-spacing-2xl);padding-top:var(--vqr-spacing-lg);border-top:1px solid var(--vqr-border);text-align:center;font-size:var(--vqr-font-size-xs);color:var(--vqr-text-muted);line-height:1.6}
.veomedia_qrgen_branding a{color:var(--vqr-primary);text-decoration:none;font-weight:500}
.veomedia_qrgen_branding a:hover{text-decoration:underline}

/* Водяной знак */
.veomedia_qrgen_watermark_template{position:absolute;left:-9999px;top:-9999px}
.veomedia_qrgen_watermark{padding:8px 16px;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);color:#666;font-size:12px;text-align:center;border-top:1px solid #dee2e6}

/* ================================================================================
   11. АНИМАЦИИ
   ================================================================================ */
@keyframes veomedia_qrgen_fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@keyframes veomedia_qrgen_pulse{0%,100%{opacity:1}50%{opacity:0.5}}
@keyframes veomedia_qrgen_spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.veomedia_qrgen_loading{animation:veomedia_qrgen_pulse 1.5s ease-in-out infinite}
.veomedia_qrgen_spinning{animation:veomedia_qrgen_spin 1s linear infinite}

/* ================================================================================
   12. АДАПТИВНОСТЬ (МОБИЛЬНЫЕ)
   ================================================================================ */
@media (min-width:991px){
.veomedia_qrgen_settings_panel {max-width: 30%;width: 30%;}
.veomedia_qrgen_preview_panel {max-width: 70%;width: 70% !important;}
}   
   
@media (max-width:1200px){
.veomedia_qrgen_preview_panel{width:350px}
}

@media (max-width:1024px){
.veomedia_qrgen_main_content{
    flex-direction:column;
    gap:var(--vqr-spacing-xl);
}
.veomedia_qrgen_preview_panel{
    width:100%;
    order:-1; /* Предпросмотр сверху на планшетах/мобильных */
}
.veomedia_qrgen_preview_sticky{
    position:static;
    max-height:none;
    overflow-y:visible;
}
}

@media (max-width:768px){
.veomedia_qrgen_wrapper{padding:var(--vqr-spacing)}
.veomedia_qrgen_title{font-size:var(--vqr-font-size-lg);flex-wrap:wrap;text-align:center}
.veomedia_qrgen_type_selector{justify-content:center}
.veomedia_qrgen_type_btn{min-width:60px;padding:var(--vqr-spacing-xs) var(--vqr-spacing-sm)}
.veomedia_qrgen_vcard_grid{grid-template-columns:1fr}
.veomedia_qrgen_size_row{flex-direction:column;align-items:stretch}
.veomedia_qrgen_size_lock{justify-content:center;padding:var(--vqr-spacing-sm) 0}
.veomedia_qrgen_resolution_buttons{grid-template-columns:repeat(2,1fr)}
.veomedia_qrgen_border_grid{grid-template-columns:1fr}
.veomedia_qrgen_shadow_grid{grid-template-columns:1fr}
.veomedia_qrgen_text_options_grid{grid-template-columns:1fr}
.veomedia_qrgen_gradient_colors{grid-template-columns:1fr}
.veomedia_qrgen_custom_res_inputs{flex-wrap:wrap}
.veomedia_qrgen_custom_res_inputs .veomedia_qrgen_input{width:80px}
.veomedia_qrgen_image_tabs,.veomedia_qrgen_text_tabs{justify-content:center}
.veomedia_qrgen_info_panel{padding:var(--vqr-spacing-sm)}
.veomedia_qrgen_limits_counter{flex-wrap:wrap;justify-content:center;text-align:center}
.veomedia_qrgen_auth_prompt{flex-direction:column;text-align:center}
}

@media (max-width:480px){
.veomedia_qrgen_wrapper{padding:var(--vqr-spacing-sm)}
.veomedia_qrgen_section_header{padding:var(--vqr-spacing-sm) var(--vqr-spacing)}
.veomedia_qrgen_section_content{padding:var(--vqr-spacing)}
.veomedia_qrgen_type_btn{min-width:50px}
.veomedia_qrgen_type_btn span{display:none}
.veomedia_qrgen_error_level_selector{flex-wrap:wrap;justify-content:center}
.veomedia_qrgen_format_buttons{flex-wrap:wrap;justify-content:center}
.veomedia_qrgen_btn{padding:12px 18px;font-size:var(--vqr-font-size-base)}
.veomedia_qrgen_preview_container{min-height:250px}
}

/* ================================================================================
   13. ТЁМНАЯ ТЕМА
   ================================================================================ */
body.theme-dark .veomedia_qrgen_wrapper{--vqr-text:#f3f4f6;--vqr-text-secondary:#9ca3af;--vqr-text-muted:#6b7280;--vqr-bg:#1f2937;--vqr-bg-secondary:#374151;--vqr-bg-tertiary:#4b5563;--vqr-border:#4b5563;--vqr-border-hover:#6b7280;--vqr-primary-light:rgba(22,102,161,0.2);--vqr-secondary-light:rgba(162,0,5,0.2);--vqr-success-light:rgba(16,185,129,0.2);--vqr-warning-light:rgba(245,158,11,0.2);--vqr-error-light:rgba(239,68,68,0.2)}
body.theme-dark .veomedia_qrgen_info_panel{background:linear-gradient(135deg,rgba(22,102,161,0.15) 0%,rgba(30,136,201,0.1) 100%);border-color:rgba(22,102,161,0.3)}
body.theme-dark .veomedia_qrgen_preview_container{background:repeating-conic-gradient(#374151 0% 25%,#1f2937 0% 50%) 50%/16px 16px}
body.theme-dark .veomedia_qrgen_preview_canvas{background:#374151}
body.theme-dark .veomedia_qrgen_placeholder_icon{opacity:0.2}
body.theme-dark .veomedia_qrgen_upload_area{background:var(--vqr-bg-secondary)}
body.theme-dark .veomedia_qrgen_select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpolyline points='6,9 12,15 18,9'/%3E%3C/svg%3E")}
body.theme-dark .veomedia_qrgen_tooltip::after{background:#e5e7eb;color:#1f2937}
body.theme-dark .veomedia_qrgen_tooltip::before{border-top-color:#e5e7eb}
body.theme-dark .veomedia_qrgen_watermark{background:linear-gradient(135deg,#374151 0%,#4b5563 100%);color:#9ca3af;border-color:#4b5563}
body.theme-dark .veomedia_qrgen_warning_box{background:rgba(245,158,11,0.15);border-color:rgba(245,158,11,0.3)}
body.theme-dark .veomedia_qrgen_pattern_dots{background:radial-gradient(circle,#6b7280 2px,transparent 2px);background-size:8px 8px}
body.theme-dark .veomedia_qrgen_pattern_lines{background:repeating-linear-gradient(0deg,#6b7280,#6b7280 1px,transparent 1px,transparent 6px)}
body.theme-dark .veomedia_qrgen_pattern_diagonal{background:repeating-linear-gradient(45deg,#6b7280,#6b7280 1px,transparent 1px,transparent 6px)}
body.theme-dark .veomedia_qrgen_pattern_grid{background:linear-gradient(#6b7280 1px,transparent 1px),linear-gradient(90deg,#6b7280 1px,transparent 1px);background-size:8px 8px}
body.theme-dark .veomedia_qrgen_pattern_checkerboard{background:repeating-conic-gradient(#6b7280 0% 25%,transparent 0% 50%) 50%/8px 8px}
body.theme-dark .veomedia_qrgen_gradient_preset.active{border-color:#fff}
body.theme-dark .veomedia_qrgen_preview_sticky::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.15)}
body.theme-dark .veomedia_qrgen_preview_sticky::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.25)}

/* ================================================================================
   14. PRINT СТИЛИ
   ================================================================================ */
@media print{
.veomedia_qrgen_wrapper{padding:0}
.veomedia_qrgen_settings_panel,.veomedia_qrgen_actions,.veomedia_qrgen_info_panel,.veomedia_qrgen_branding{display:none!important}
.veomedia_qrgen_main_content{display:block}
.veomedia_qrgen_preview_panel{width:100%}
.veomedia_qrgen_preview_container{border:none;background:#fff}
}


/* End */
/* /local/components/veomedia/veomedia.qrgenerator/templates/.default/style.css?176909410045321 */