/* Start:/local/components/veomedia/veomedia.favic/templates/veomedia-favic/style.css?176909409727334*/
/* ================================================================================
   VEOMEDIA FAVICON GENERATOR - STYLES
   Версия: 1.0.0
   ================================================================================ */

/* === ПЕРЕМЕННЫЕ === */
.veomedia_favic_wrapper{--vf-primary:#1666a1;--vf-primary-hover:#125a8a;--vf-primary-light:rgba(22,102,161,0.1);--vf-secondary:#a20005;--vf-secondary-hover:#8a0004;--vf-success:#28a745;--vf-danger:#dc3545;--vf-warning:#ffc107;--vf-text:#333333;--vf-text-secondary:#666666;--vf-text-muted:#999999;--vf-bg:#ffffff;--vf-bg-secondary:#f8f9fa;--vf-bg-tertiary:#e9ecef;--vf-border:#dee2e6;--vf-border-light:#e9ecef;--vf-shadow:0 2px 8px rgba(0,0,0,0.1);--vf-shadow-lg:0 8px 32px rgba(0,0,0,0.15);--vf-radius:8px;--vf-radius-lg:12px;--vf-radius-xl:16px;--vf-transition:0.3s ease;--vf-font-size:14px;--vf-line-height:1.5}

/* === ТЕМНАЯ ТЕМА === */
body.theme-dark .veomedia_favic_wrapper{--vf-text:#e9ecef;--vf-text-secondary:#adb5bd;--vf-text-muted:#6c757d;--vf-bg:#1a1d21;--vf-bg-secondary:#2d3238;--vf-bg-tertiary:#3d4349;--vf-border:#495057;--vf-border-light:#3d4349;--vf-shadow:0 2px 8px rgba(0,0,0,0.3);--vf-shadow-lg:0 8px 32px rgba(0,0,0,0.4);--vf-primary-light:rgba(22,102,161,0.2)}

/* === БАЗОВЫЕ СТИЛИ === */
.veomedia_favic_wrapper{width:100%;max-width:100%;margin:0 auto;padding:24px;box-sizing:border-box;font-size:var(--vf-font-size);line-height:var(--vf-line-height);color:var(--vf-text);background:var(--vf-bg)}
.veomedia_favic_wrapper *,.veomedia_favic_wrapper *::before,.veomedia_favic_wrapper *::after{box-sizing:border-box}
.veomedia_favic_wrapper img,.veomedia_favic_wrapper svg{max-width:100%;height:auto}

/* === ПРЕЛОАДЕР === */
.veomedia_favic_preloader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:var(--vf-text-secondary)}
.veomedia_favic_preloader_spinner{width:48px;height:48px;border:3px solid var(--vf-border);border-top-color:var(--vf-primary);border-radius:50%;animation:veomedia_favic_spin 1s linear infinite}
@keyframes veomedia_favic_spin{to{transform:rotate(360deg)}}
.veomedia_favic_content{display:flex;flex-direction:column;gap:24px}

/* === ЗАГОЛОВОК === */
.veomedia_favic_header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-bottom:24px;border-bottom:1px solid var(--vf-border)}
.veomedia_favic_title_block{display:flex;align-items:center;gap:16px}
.veomedia_favic_icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--vf-primary),var(--vf-secondary));border-radius:var(--vf-radius-lg);color:#ffffff;flex-shrink:0}
.veomedia_favic_icon svg{width:32px;height:32px}
.veomedia_favic_title_text{display:flex;flex-direction:column;gap:4px}
.veomedia_favic_title{font-size:24px;font-weight:700;color:var(--vf-text);line-height:1.2}
.veomedia_favic_subtitle{font-size:14px;color:var(--vf-text-secondary)}
.veomedia_favic_limit_counter{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--vf-bg-secondary);border:1px solid var(--vf-border);border-radius:var(--vf-radius);font-size:13px;color:var(--vf-text-secondary)}
.veomedia_favic_limit_counter svg{width:18px;height:18px;color:var(--vf-primary)}
.veomedia_favic_limit_counter strong{color:var(--vf-primary);font-weight:700}
.veomedia_favic_limit_admin{background:linear-gradient(135deg,rgba(22,102,161,0.1),rgba(162,0,5,0.1));border-color:var(--vf-primary)}
.veomedia_favic_limit_admin svg{color:var(--vf-warning)}

/* === ТАБЫ === */
.veomedia_favic_tabs{display:flex;gap:8px;padding:4px;background:var(--vf-bg-secondary);border-radius:var(--vf-radius-lg);overflow-x:auto;-webkit-overflow-scrolling:touch}
.veomedia_favic_tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-radius:var(--vf-radius);font-size:14px;font-weight:500;color:var(--vf-text-secondary);cursor:pointer;transition:all var(--vf-transition);white-space:nowrap}
.veomedia_favic_tab svg{width:20px;height:20px;flex-shrink:0}
.veomedia_favic_tab:hover{color:var(--vf-text);background:var(--vf-bg)}
.veomedia_favic_tab_active{color:var(--vf-primary);background:var(--vf-bg);box-shadow:var(--vf-shadow)}

/* === РАБОЧАЯ ОБЛАСТЬ === */
.veomedia_favic_workspace{display:grid;grid-template-columns:1fr 380px;gap:24px;min-height:500px}
.veomedia_favic_editor_panel{background:var(--vf-bg);border:1px solid var(--vf-border);border-radius:var(--vf-radius-lg);padding:24px;overflow:hidden}
.veomedia_favic_settings_panel{display:flex;flex-direction:column;gap:20px}

/* === КОНТЕНТ ТАБОВ === */
.veomedia_favic_tab_content{display:none}
.veomedia_favic_tab_content_active{display:block}

/* === ЗОНА ЗАГРУЗКИ === */
.veomedia_favic_upload_zone{position:relative;display:flex;align-items:center;justify-content:center;min-height:300px;border:2px dashed var(--vf-border);border-radius:var(--vf-radius-lg);cursor:pointer;transition:all var(--vf-transition);background:var(--vf-bg-secondary)}
.veomedia_favic_upload_zone:hover,.veomedia_favic_upload_zone.veomedia_favic_dragover{border-color:var(--vf-primary);background:var(--vf-primary-light)}
.veomedia_favic_upload_inner{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px;text-align:center}
.veomedia_favic_upload_inner svg{width:64px;height:64px;color:var(--vf-primary);opacity:0.7}
.veomedia_favic_upload_text{font-size:18px;font-weight:600;color:var(--vf-text)}
.veomedia_favic_upload_subtext{font-size:14px;color:var(--vf-text-secondary)}
.veomedia_favic_upload_formats{font-size:12px;color:var(--vf-text-muted);padding:6px 12px;background:var(--vf-bg-tertiary);border-radius:var(--vf-radius);margin-top:8px}

/* === ОБЛАСТЬ КРОПА === */
.veomedia_favic_crop_area{display:flex;flex-direction:column;gap:16px}
.veomedia_favic_crop_container{position:relative;display:flex;align-items:center;justify-content:center;min-height:300px;background:var(--vf-bg-tertiary);border-radius:var(--vf-radius);overflow:hidden}
.veomedia_favic_crop_frame{position:relative;width:280px;height:280px;overflow:hidden;cursor:move;touch-action:none;background:repeating-conic-gradient(var(--vf-border) 0% 25%, transparent 0% 50%) 50% / 16px 16px}
.veomedia_favic_crop_frame canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:none}
.veomedia_favic_crop_overlay{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 2px var(--vf-primary);border-radius:var(--vf-radius)}
.veomedia_favic_crop_frame[data-shape="circle"] .veomedia_favic_crop_overlay{border-radius:50%}
.veomedia_favic_crop_frame[data-shape="rounded"] .veomedia_favic_crop_overlay{border-radius:20%}

/* === КОНТРОЛЫ ЗУМА === */
.veomedia_favic_zoom_controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;background:var(--vf-bg-secondary);border-radius:var(--vf-radius)}
.veomedia_favic_zoom_btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--vf-bg);border:1px solid var(--vf-border);border-radius:var(--vf-radius);cursor:pointer;transition:all var(--vf-transition);color:var(--vf-text-secondary)}
.veomedia_favic_zoom_btn:hover{color:var(--vf-primary);border-color:var(--vf-primary);background:var(--vf-primary-light)}
.veomedia_favic_zoom_btn svg{width:20px;height:20px}
.veomedia_favic_zoom_slider{flex:1;max-width:200px;height:6px;-webkit-appearance:none;appearance:none;background:var(--vf-border);border-radius:3px;cursor:pointer}
.veomedia_favic_zoom_slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--vf-primary);border-radius:50%;cursor:pointer;transition:transform var(--vf-transition)}
.veomedia_favic_zoom_slider::-webkit-slider-thumb:hover{transform:scale(1.2)}
.veomedia_favic_zoom_slider::-moz-range-thumb{width:18px;height:18px;background:var(--vf-primary);border:none;border-radius:50%;cursor:pointer}
.veomedia_favic_remove_btn:hover{color:var(--vf-danger);border-color:var(--vf-danger);background:rgba(220,53,69,0.1)}

/* === ТЕКСТОВЫЙ РЕДАКТОР === */
.veomedia_favic_text_editor{display:flex;flex-direction:column;gap:20px}
.veomedia_favic_text_preview_container{display:flex;align-items:center;justify-content:center;padding:24px;background:var(--vf-bg-tertiary);border-radius:var(--vf-radius-lg)}
.veomedia_favic_text_preview_container canvas{border-radius:var(--vf-radius);box-shadow:var(--vf-shadow)}
.veomedia_favic_form_group{display:flex;flex-direction:column;gap:8px}
.veomedia_favic_label{font-size:13px;font-weight:600;color:var(--vf-text-secondary);text-transform:uppercase;letter-spacing:0.5px}
.veomedia_favic_input,.veomedia_favic_select{width:100%;padding:12px 16px;font-size:15px;color:var(--vf-text);background:var(--vf-bg);border:1px solid var(--vf-border);border-radius:var(--vf-radius);transition:border-color var(--vf-transition),box-shadow var(--vf-transition)}
.veomedia_favic_input:focus,.veomedia_favic_select:focus{outline:none;border-color:var(--vf-primary);box-shadow:0 0 0 3px var(--vf-primary-light)}
.veomedia_favic_input::placeholder{color:var(--vf-text-muted)}

/* === СТИЛИ ШРИФТА === */
.veomedia_favic_font_style_btns{display:flex;gap:8px}
.veomedia_favic_style_btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--vf-bg);border:1px solid var(--vf-border);border-radius:var(--vf-radius);cursor:pointer;transition:all var(--vf-transition);color:var(--vf-text-secondary)}
.veomedia_favic_style_btn:hover{color:var(--vf-primary);border-color:var(--vf-primary)}
.veomedia_favic_style_btn_active{color:#ffffff;background:var(--vf-primary);border-color:var(--vf-primary)}
.veomedia_favic_style_btn svg{width:20px;height:20px}

/* === ВЫБОР ЦВЕТА === */
.veomedia_favic_color_picker_wrap{display:flex;align-items:center;gap:12px}
.veomedia_favic_color_picker{width:48px;height:48px;padding:0;border:2px solid var(--vf-border);border-radius:var(--vf-radius);cursor:pointer;overflow:hidden}
.veomedia_favic_color_picker::-webkit-color-swatch-wrapper{padding:0}
.veomedia_favic_color_picker::-webkit-color-swatch{border:none;border-radius:4px}
.veomedia_favic_color_value{font-family:monospace;font-size:14px;color:var(--vf-text-secondary);padding:8px 12px;background:var(--vf-bg-secondary);border-radius:var(--vf-radius)}

/* === ЧЕКБОКСЫ === */
.veomedia_favic_checkbox_label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--vf-text)}
.veomedia_favic_checkbox_label input{display:none}
.veomedia_favic_checkbox_custom{position:relative;width:20px;height:20px;background:var(--vf-bg);border:2px solid var(--vf-border);border-radius:4px;transition:all var(--vf-transition);flex-shrink:0}
.veomedia_favic_checkbox_label input:checked+.veomedia_favic_checkbox_custom{background:var(--vf-primary);border-color:var(--vf-primary)}
.veomedia_favic_checkbox_custom::after{content:'';position:absolute;top:50%;left:50%;width:6px;height:10px;border:2px solid #fff;border-top:none;border-left:none;transform:translate(-50%,-60%) rotate(45deg);opacity:0;transition:opacity var(--vf-transition)}
.veomedia_favic_checkbox_label input:checked+.veomedia_favic_checkbox_custom::after{opacity:1}

/* === ОПЦИИ ГРАДИЕНТА === */
.veomedia_favic_gradient_options{display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--vf-bg-secondary);border-radius:var(--vf-radius);margin-top:-8px}

/* === ЗАГРУЗКА ИКОНКИ === */
.veomedia_favic_icon_upload{display:flex;gap:8px}

/* === ШАБЛОНЫ === */
.veomedia_favic_templates_filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.veomedia_favic_filter_btn{padding:8px 16px;background:var(--vf-bg);border:1px solid var(--vf-border);border-radius:var(--vf-radius);font-size:13px;color:var(--vf-text-secondary);cursor:pointer;transition:all var(--vf-transition);white-space:nowrap}
.veomedia_favic_filter_btn:hover{color:var(--vf-primary);border-color:var(--vf-primary)}
.veomedia_favic_filter_btn_active{color:#ffffff;background:var(--vf-primary);border-color:var(--vf-primary)}
.veomedia_favic_templates_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px;max-height:400px;overflow-y:auto;padding:4px}
.veomedia_favic_template_item{position:relative;aspect-ratio:1;background:var(--vf-bg-secondary);border:2px solid var(--vf-border);border-radius:var(--vf-radius-lg);cursor:pointer;transition:all var(--vf-transition);overflow:hidden}
.veomedia_favic_template_item:hover{border-color:var(--vf-primary);transform:translateY(-2px);box-shadow:var(--vf-shadow)}
.veomedia_favic_template_item_active{border-color:var(--vf-primary);box-shadow:0 0 0 3px var(--vf-primary-light)}
.veomedia_favic_template_item canvas{width:100%;height:100%;object-fit:contain}
.veomedia_favic_template_badge{position:absolute;top:6px;right:6px;padding:2px 6px;font-size:9px;font-weight:700;text-transform:uppercase;color:#ffffff;background:var(--vf-secondary);border-radius:3px}

/* === СЕКЦИИ НАСТРОЕК === */
.veomedia_favic_section{background:var(--vf-bg);border:1px solid var(--vf-border);border-radius:var(--vf-radius-lg);padding:20px;display:flex;flex-direction:column;gap:16px}
.veomedia_favic_section_title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--vf-text)}
.veomedia_favic_section_title svg{width:20px;height:20px;color:var(--vf-primary)}

/* === ВЫБОР ФОРМЫ === */
.veomedia_favic_shape_options{display:flex;gap:8px}
.veomedia_favic_shape_btn{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;padding:16px 12px;background:var(--vf-bg-secondary);border:2px solid var(--vf-border);border-radius:var(--vf-radius);cursor:pointer;transition:all var(--vf-transition)}
.veomedia_favic_shape_btn:hover{border-color:var(--vf-primary);background:var(--vf-primary-light)}
.veomedia_favic_shape_btn_active{border-color:var(--vf-primary);background:var(--vf-primary-light);color:var(--vf-primary)}
.veomedia_favic_shape_btn svg{width:32px;height:32px}
.veomedia_favic_shape_btn span{font-size:12px;font-weight:500}

/* === ВЫБОР РАЗМЕРОВ === */
.veomedia_favic_sizes_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.veomedia_favic_size_option{cursor:pointer}
.veomedia_favic_size_option input{display:none}
.veomedia_favic_size_box{display:flex;align-items:center;justify-content:center;padding:10px;font-size:12px;font-weight:500;color:var(--vf-text-secondary);background:var(--vf-bg-secondary);border:2px solid var(--vf-border);border-radius:var(--vf-radius);transition:all var(--vf-transition)}
.veomedia_favic_size_option:hover .veomedia_favic_size_box{border-color:var(--vf-primary);color:var(--vf-primary)}
.veomedia_favic_size_option input:checked+.veomedia_favic_size_box{background:var(--vf-primary);border-color:var(--vf-primary);color:#ffffff}
.veomedia_favic_sizes_actions{display:flex;gap:16px;padding-top:8px;border-top:1px solid var(--vf-border-light)}
.veomedia_favic_link_btn{background:none;border:none;padding:0;font-size:13px;color:var(--vf-primary);cursor:pointer;text-decoration:underline;transition:color var(--vf-transition)}
.veomedia_favic_link_btn:hover{color:var(--vf-primary-hover)}

/* === ПРЕВЬЮ === */
.veomedia_favic_preview_container{display:flex;flex-direction:column;gap:20px}
.veomedia_favic_preview_sizes{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:16px;padding:20px;background:var(--vf-bg-secondary);border-radius:var(--vf-radius)}
.veomedia_favic_preview_item{display:flex;flex-direction:column;align-items:center;gap:6px}
.veomedia_favic_preview_item canvas{background:repeating-conic-gradient(var(--vf-border) 0% 25%, var(--vf-bg) 0% 50%) 50% / 8px 8px;border-radius:2px}
.veomedia_favic_preview_item span{font-size:10px;color:var(--vf-text-muted)}
.veomedia_favic_preview_main canvas{box-shadow:var(--vf-shadow)}

/* === ПРЕВЬЮ БРАУЗЕРА === */
.veomedia_favic_browser_preview{padding:16px;background:var(--vf-bg-secondary);border-radius:var(--vf-radius)}
.veomedia_favic_browser_mock{background:var(--vf-bg);border-radius:var(--vf-radius);overflow:hidden;box-shadow:var(--vf-shadow)}
.veomedia_favic_browser_header{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--vf-bg-tertiary);border-bottom:1px solid var(--vf-border)}
.veomedia_favic_browser_dots{display:flex;gap:6px}
.veomedia_favic_browser_dots span{width:10px;height:10px;border-radius:50%;background:var(--vf-border)}
.veomedia_favic_browser_dots span:first-child{background:#ff5f57}
.veomedia_favic_browser_dots span:nth-child(2){background:#ffbd2e}
.veomedia_favic_browser_dots span:last-child{background:#28ca42}
.veomedia_favic_browser_tab{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--vf-bg);border-radius:6px 6px 0 0;font-size:12px;color:var(--vf-text)}
.veomedia_favic_browser_favicon{width:16px;height:16px;background:var(--vf-border);border-radius:2px}
.veomedia_favic_browser_address{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:12px;color:var(--vf-text-muted)}
.veomedia_favic_browser_address svg{width:14px;height:14px;color:var(--vf-success)}

/* === КНОПКА ГЕНЕРАЦИИ === */
.veomedia_favic_generate_section{display:flex;flex-direction:column;gap:12px}
.veomedia_favic_btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;border:none;border-radius:var(--vf-radius);cursor:pointer;transition:all var(--vf-transition);text-decoration:none}
.veomedia_favic_btn svg{width:20px;height:20px;flex-shrink:0}
.veomedia_favic_btn_primary{color:#ffffff;background:linear-gradient(135deg,var(--vf-primary),var(--vf-primary-hover));box-shadow:0 4px 12px rgba(22,102,161,0.3)}
.veomedia_favic_btn_primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(22,102,161,0.4)}
.veomedia_favic_btn_primary:disabled{opacity:0.6;cursor:not-allowed;transform:none}
.veomedia_favic_btn_secondary{color:var(--vf-text);background:var(--vf-bg);border:1px solid var(--vf-border)}
.veomedia_favic_btn_secondary:hover{border-color:var(--vf-primary);color:var(--vf-primary);background:var(--vf-primary-light)}
.veomedia_favic_btn_danger{color:var(--vf-danger);background:var(--vf-bg);border:1px solid var(--vf-danger)}
.veomedia_favic_btn_danger:hover{color:#ffffff;background:var(--vf-danger)}
.veomedia_favic_btn_generate{width:100%;padding:16px 24px;font-size:16px}
.veomedia_favic_generate_hint{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--vf-text-muted)}
.veomedia_favic_generate_hint svg{width:16px;height:16px;flex-shrink:0}

/* === ДОПОЛНИТЕЛЬНЫЕ ЗАГРУЗКИ === */
.veomedia_favic_extra_downloads{background:var(--vf-bg);border:1px solid var(--vf-border);border-radius:var(--vf-radius-lg);padding:24px}
.veomedia_favic_download_buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}

/* === ИНСТРУКЦИЯ === */
.veomedia_favic_instruction{background:var(--vf-bg);border:1px solid var(--vf-border);border-radius:var(--vf-radius-lg);padding:24px}
.veomedia_favic_instruction_header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}
.veomedia_favic_copy_all_btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--vf-bg-secondary);border:1px solid var(--vf-border);border-radius:var(--vf-radius);font-size:13px;color:var(--vf-text-secondary);cursor:pointer;transition:all var(--vf-transition)}
.veomedia_favic_copy_all_btn:hover{color:var(--vf-primary);border-color:var(--vf-primary)}
.veomedia_favic_copy_all_btn svg{width:16px;height:16px}
.veomedia_favic_instruction_steps{display:flex;flex-direction:column;gap:24px}
.veomedia_favic_step{display:flex;gap:16px}
.veomedia_favic_step_number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--vf-primary),var(--vf-secondary));color:#ffffff;font-size:14px;font-weight:700;border-radius:50%;flex-shrink:0}
.veomedia_favic_step_content{flex:1;display:flex;flex-direction:column;gap:8px}
.veomedia_favic_step_title{font-size:15px;font-weight:600;color:var(--vf-text)}
.veomedia_favic_step_text{font-size:14px;color:var(--vf-text-secondary);line-height:1.6}
.veomedia_favic_step_text code{padding:2px 6px;background:var(--vf-bg-secondary);border-radius:4px;font-size:13px;color:var(--vf-primary)}
.veomedia_favic_code_block{position:relative;margin-top:8px;background:var(--vf-bg-tertiary);border:1px solid var(--vf-border);border-radius:var(--vf-radius);overflow:hidden}
.veomedia_favic_code_block pre{margin:0;padding:16px;padding-right:50px;overflow-x:auto;font-size:13px;line-height:1.5}
.veomedia_favic_code_block code{color:var(--vf-text)}
.veomedia_favic_copy_btn{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--vf-bg);border:1px solid var(--vf-border);border-radius:var(--vf-radius);cursor:pointer;transition:all var(--vf-transition);color:var(--vf-text-secondary)}
.veomedia_favic_copy_btn:hover{color:var(--vf-primary);border-color:var(--vf-primary)}
.veomedia_favic_copy_btn svg{width:16px;height:16px}
.veomedia_favic_copy_btn.veomedia_favic_copied{color:var(--vf-success);border-color:var(--vf-success)}
.veomedia_favic_tip{display:flex;gap:12px;padding:16px;background:linear-gradient(135deg,rgba(22,102,161,0.1),rgba(162,0,5,0.05));border-left:4px solid var(--vf-primary);border-radius:0 var(--vf-radius) var(--vf-radius) 0;margin-top:24px}
.veomedia_favic_tip svg{width:24px;height:24px;color:var(--vf-primary);flex-shrink:0}
.veomedia_favic_tip strong{color:var(--vf-primary)}

/* === УВЕДОМЛЕНИЕ О ЛИМИТЕ === */
.veomedia_favic_limit_notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:10000;animation:veomedia_favic_slideUp 0.3s ease}
@keyframes veomedia_favic_slideUp{from{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
.veomedia_favic_limit_notice_inner{display:flex;align-items:center;gap:16px;padding:16px 24px;background:var(--vf-bg);border:1px solid var(--vf-danger);border-radius:var(--vf-radius-lg);box-shadow:var(--vf-shadow-lg)}
.veomedia_favic_limit_notice_inner svg{width:32px;height:32px;color:var(--vf-danger)}
.veomedia_favic_limit_notice_text{display:flex;flex-direction:column;gap:4px}
.veomedia_favic_limit_notice_text strong{font-size:15px;color:var(--vf-danger)}
.veomedia_favic_limit_notice_text span{font-size:13px;color:var(--vf-text-secondary)}
.veomedia_favic_countdown{font-weight:700;color:var(--vf-primary)}

/* === ФУТЕР === */
.veomedia_favic_footer{padding-top:24px;border-top:1px solid var(--vf-border);text-align:center}
.veomedia_favic_branding{font-size:14px;color:var(--vf-text-secondary);margin-bottom:8px}
.veomedia_favic_branding a{color:var(--vf-primary);text-decoration:none;font-weight:600;transition:color var(--vf-transition)}
.veomedia_favic_branding a:hover{color:var(--vf-secondary)}
.veomedia_favic_copyright{font-size:11px;color:var(--vf-text-muted);max-width:600px;margin:0 auto}

/* === АДАПТИВ: ПЛАНШЕТ === */
@media (max-width:1024px){
.veomedia_favic_workspace{grid-template-columns:1fr;gap:20px}
.veomedia_favic_settings_panel{order:-1}
.veomedia_favic_shape_options{flex-wrap:wrap}
.veomedia_favic_sizes_grid{grid-template-columns:repeat(3,1fr)}
}

/* === АДАПТИВ: МОБИЛЬНЫЙ === */
@media (max-width:768px){
.veomedia_favic_wrapper{padding:16px}
.veomedia_favic_header{flex-direction:column;align-items:flex-start}
.veomedia_favic_title{font-size:20px}
.veomedia_favic_icon{width:48px;height:48px}
.veomedia_favic_icon svg{width:28px;height:28px}
.veomedia_favic_tabs{flex-wrap:nowrap;padding:2px}
.veomedia_favic_tab{padding:10px 14px;font-size:13px}
.veomedia_favic_tab span{display:none}
.veomedia_favic_tab svg{width:24px;height:24px}
.veomedia_favic_editor_panel{padding:16px}
.veomedia_favic_section{padding:16px}
.veomedia_favic_crop_frame{width:240px;height:240px}
.veomedia_favic_sizes_grid{grid-template-columns:repeat(3,1fr)}
.veomedia_favic_download_buttons{flex-direction:column}
.veomedia_favic_download_buttons .veomedia_favic_btn{width:100%}
.veomedia_favic_step{flex-direction:column;gap:12px}
.veomedia_favic_instruction_header{flex-direction:column;align-items:flex-start}
.veomedia_favic_preview_sizes{gap:12px;padding:16px}
.veomedia_favic_limit_notice{left:16px;right:16px;transform:none}
.veomedia_favic_limit_notice_inner{flex-direction:column;text-align:center}
}

/* === АДАПТИВ: МАЛЕНЬКИЙ МОБИЛЬНЫЙ === */
@media (max-width:480px){
.veomedia_favic_title_block{flex-direction:column;align-items:flex-start;text-align:left}
.veomedia_favic_sizes_grid{grid-template-columns:repeat(3,1fr)}
.veomedia_favic_size_box{padding:8px;font-size:11px}
.veomedia_favic_shape_btn{padding:12px 8px}
.veomedia_favic_shape_btn svg{width:24px;height:24px}
.veomedia_favic_shape_btn span{font-size:10px}
.veomedia_favic_crop_frame{width:200px;height:200px}
.veomedia_favic_templates_grid{grid-template-columns:repeat(3,1fr);gap:10px}
.veomedia_favic_filter_btn{padding:6px 10px;font-size:11px}
}

/* === АНИМАЦИИ === */
.veomedia_favic_fade_in{animation:veomedia_favic_fadeIn 0.3s ease}
@keyframes veomedia_favic_fadeIn{from{opacity:0}to{opacity:1}}
.veomedia_favic_scale_in{animation:veomedia_favic_scaleIn 0.3s ease}
@keyframes veomedia_favic_scaleIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}

/* === УТИЛИТЫ === */
.veomedia_favic_hidden{display:none!important}
.veomedia_favic_loading{pointer-events:none;opacity:0.7}
.veomedia_favic_loading::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,0.5);display:flex;align-items:center;justify-content:center}

/* === СКРОЛЛБАР === */
.veomedia_favic_wrapper ::-webkit-scrollbar{width:6px;height:6px}
.veomedia_favic_wrapper ::-webkit-scrollbar-track{background:var(--vf-bg-secondary);border-radius:3px}
.veomedia_favic_wrapper ::-webkit-scrollbar-thumb{background:var(--vf-border);border-radius:3px}
.veomedia_favic_wrapper ::-webkit-scrollbar-thumb:hover{background:var(--vf-primary)}

/* === ТУЛТИПЫ === */
.veomedia_favic_tooltip{position:relative}
.veomedia_favic_tooltip::after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding:6px 10px;background:var(--vf-text);color:var(--vf-bg);font-size:11px;white-space:nowrap;border-radius:4px;opacity:0;visibility:hidden;transition:all var(--vf-transition);pointer-events:none}
.veomedia_favic_tooltip:hover::after{opacity:1;visibility:visible;bottom:calc(100% + 8px)}
/* End */
/* /local/components/veomedia/veomedia.favic/templates/veomedia-favic/style.css?176909409727334 */