/* Start:/local/components/veomedia/veomedia.favic/templates/veomedia-favic/style.css?178912048638024*/
.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, #41d784, #00a248);
    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;position:relative}
.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_tab_new{padding-right:52px}
.veomedia_favic_new_badge {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    padding: 2px 6px;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.5px;
    color: #ffffff;
    background: linear-gradient(135deg, #34c567, #20a065);
    border-radius: 4px;
    animation: veomedia_favic_blink 1.2s ease-in-out infinite;
    box-shadow: 0 2px 6px rgb(47 255 149 / 40%);
}
@keyframes veomedia_favic_blink{0%,100%{opacity:1;transform:translateY(-50%) scale(1)}50%{opacity:0.7;transform:translateY(-50%) scale(0.95)}}
.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_compact{min-height:220px}
.veomedia_favic_upload_compact .veomedia_favic_upload_inner{padding:20px;gap:8px}
.veomedia_favic_upload_compact .veomedia_favic_upload_inner svg{width:48px;height:48px}
.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:16px;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_promo_block{margin-top:16px;padding:16px;background:linear-gradient(135deg,rgba(22,102,161,0.08),rgba(162,0,5,0.06));border:1px solid var(--vf-border);border-radius:var(--vf-radius-lg);display:flex;flex-direction:column;gap:14px}
.veomedia_favic_promo_header{display:flex;align-items:center;gap:10px}
.veomedia_favic_promo_badge{padding:4px 8px;font-size:10px;font-weight:800;letter-spacing:0.6px;color:#ffffff;background: linear-gradient(135deg, var(--vf-primary), #00a28c);border-radius:4px}
.veomedia_favic_promo_title{font-size:14px;font-weight:700;color:var(--vf-text)}
.veomedia_favic_promo_grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.veomedia_favic_promo_item{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--vf-bg);border:1px solid var(--vf-border-light);border-radius:var(--vf-radius);font-size:12px;font-weight:500;color:var(--vf-text-secondary)}
.veomedia_favic_promo_icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--vf-primary-light);border-radius:6px;flex-shrink:0;font-size:12px}
.veomedia_favic_promo_btn{align-self:flex-start;padding:10px 18px;font-size:13px;font-weight:700;color:#ffffff;background:linear-gradient(135deg,var(--vf-primary),var(--vf-primary-hover));border:none;border-radius:var(--vf-radius);cursor:pointer;transition:all var(--vf-transition);box-shadow:0 4px 12px rgba(22,102,161,0.25)}
.veomedia_favic_promo_btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(22,102,161,0.35)}
.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_constructor{display:grid;grid-template-columns:1fr 300px;grid-template-rows:auto 1fr;gap:16px;height:100%;min-height:600px}
.veomedia_favic_constructor_canvas_wrapper{grid-column:1;grid-row:1/3;position:relative;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(var(--vf-border) 0% 25%,transparent 0% 50%) 50%/20px 20px;border-radius:var(--vf-radius);overflow:hidden;min-height:500px}
.veomedia_favic_constructor_canvas_wrapper canvas{max-width:100%;height:auto;box-shadow:0 8px 32px rgba(0,0,0,0.2);border-radius:4px}
.veomedia_favic_constructor_grid{position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(0deg,transparent,transparent 49px,rgba(22,102,161,0.1) 49px,rgba(22,102,161,0.1) 50px),repeating-linear-gradient(90deg,transparent,transparent 49px,rgba(22,102,161,0.1) 49px,rgba(22,102,161,0.1) 50px);opacity:0.4}
.veomedia_favic_constructor_toolbar{grid-column:2;grid-row:1;display:flex;flex-wrap:wrap;gap:6px;padding:12px;background:var(--vf-bg-secondary);border-radius:var(--vf-radius)}
.veomedia_favic_tool_btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;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_tool_btn:hover{color:var(--vf-primary);border-color:var(--vf-primary);background:var(--vf-primary-light);transform:translateY(-2px)}
.veomedia_favic_tool_btn svg{width:20px;height:20px}
.veomedia_favic_tool_active{color:var(--vf-primary);border-color:var(--vf-primary);background:var(--vf-primary-light);box-shadow:0 0 0 2px rgba(22,102,161,0.2)}
.veomedia_favic_toolbar_divider{width:1px;height:40px;background:var(--vf-border);margin:0 4px}
.veomedia_favic_constructor_panel{grid-column:2;grid-row:2;overflow-y:auto;background:var(--vf-bg-secondary);border-radius:var(--vf-radius);padding:16px}
.veomedia_favic_panel_section{display:none}
.veomedia_favic_panel_title{font-size:14px;font-weight:700;color:var(--vf-text);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--vf-border)}
.veomedia_favic_form_group{margin-bottom:12px}
.veomedia_favic_label{display:block;font-size:12px;font-weight:600;color:var(--vf-text-secondary);margin-bottom:6px}
.veomedia_favic_input,.veomedia_favic_select{width:100%;padding:10px 12px;font-size:13px;color:var(--vf-text);background:var(--vf-bg);border:1px solid var(--vf-border);border-radius:var(--vf-radius);transition:all var(--vf-transition);font-family:inherit}
.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_slider{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:var(--vf-border);border-radius:3px;cursor:pointer}
.veomedia_favic_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_slider::-webkit-slider-thumb:hover{transform:scale(1.2)}
.veomedia_favic_slider::-moz-range-thumb{width:18px;height:18px;background:var(--vf-primary);border:none;border-radius:50%;cursor:pointer}
.veomedia_favic_color_picker_wrap{display:flex;align-items:center;gap:10px;padding:8px;background:var(--vf-bg);border:1px solid var(--vf-border);border-radius:var(--vf-radius)}
.veomedia_favic_color_picker{width:40px;height:40px;border:none;border-radius:var(--vf-radius);cursor:pointer}
.veomedia_favic_color_value{font-size:13px;font-weight:600;color:var(--vf-text);text-transform:uppercase}
.veomedia_favic_shape_picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.veomedia_favic_shape_pick_btn{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;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_shape_pick_btn:hover{color:var(--vf-primary);border-color:var(--vf-primary);background:var(--vf-primary-light)}
.veomedia_favic_shape_pick_btn svg{width:24px;height:24px}
.veomedia_favic_shape_pick_active{color:var(--vf-primary);border-color:var(--vf-primary);background:var(--vf-primary-light);box-shadow:0 0 0 2px rgba(22,102,161,0.2)}
.veomedia_favic_checkbox_label{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none}
.veomedia_favic_checkbox_label input{position:absolute;opacity:0;pointer-events:none}
.veomedia_favic_checkbox_custom{width:20px;height:20px;border:2px solid var(--vf-border);border-radius:4px;transition:all var(--vf-transition);position:relative}
.veomedia_favic_checkbox_label input:checked + .veomedia_favic_checkbox_custom{background:var(--vf-primary);border-color:var(--vf-primary)}
.veomedia_favic_checkbox_label input:checked + .veomedia_favic_checkbox_custom::after{content:'';position:absolute;top:50%;left:50%;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg)}
.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);font-family:inherit}
.veomedia_favic_btn:disabled{opacity:0.5;cursor:not-allowed}
.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_secondary{color:var(--vf-text);background:var(--vf-bg-secondary);border:1px solid var(--vf-border)}
.veomedia_favic_btn_secondary:hover:not(:disabled){background:var(--vf-bg-tertiary);border-color:var(--vf-primary)}
.veomedia_favic_btn_danger{color:#ffffff;background:linear-gradient(135deg,var(--vf-danger),#c82333);box-shadow:0 4px 12px rgba(220,53,69,0.3)}
.veomedia_favic_btn_danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(220,53,69,0.4)}
.veomedia_favic_btn svg{width:20px;height:20px}
.veomedia_favic_empty_state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;text-align:center;color:var(--vf-text-muted)}
.veomedia_favic_empty_state svg{width:40px;height:40px;opacity:0.5}
.veomedia_favic_constructor_layers{grid-column:1/3;background:var(--vf-bg-secondary);border-radius:var(--vf-radius);padding:16px;max-height:600px;overflow-y:auto}
.veomedia_favic_layers_list{display:flex;flex-direction:column;gap:6px}
.veomedia_favic_layer_item{display:flex;align-items:center;gap:10px;padding:10px;background:var(--vf-bg);border:1px solid var(--vf-border);border-radius:var(--vf-radius);cursor:pointer;transition:all var(--vf-transition)}
.veomedia_favic_layer_item:hover{border-color:var(--vf-primary);background:var(--vf-primary-light)}
.veomedia_favic_layer_item_active{border-color:var(--vf-primary);background:var(--vf-primary-light);box-shadow:0 0 0 2px rgba(22,102,161,0.2)}
.veomedia_favic_layer_icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--vf-bg-tertiary);border-radius:var(--vf-radius);flex-shrink:0}
.veomedia_favic_layer_info{flex:1;font-size:13px}
.veomedia_favic_layer_name{font-weight:600;color:var(--vf-text)}
.veomedia_favic_layer_type{font-size:11px;color:var(--vf-text-muted)}
.veomedia_favic_text_editor{display:flex;flex-direction:column;gap:16px}
.veomedia_favic_text_preview_container{display:flex;align-items:center;justify-content:center;min-height:300px;background:repeating-conic-gradient(var(--vf-border) 0% 25%,transparent 0% 50%) 50%/20px 20px;border-radius:var(--vf-radius)}
.veomedia_favic_text_preview_container canvas{box-shadow:0 8px 32px rgba(0,0,0,0.2);border-radius:4px}
.veomedia_favic_font_style_btns{display:flex;gap:8px}
.veomedia_favic_style_btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;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);background:var(--vf-primary-light)}
.veomedia_favic_style_btn svg{width:24px;height:24px}
.veomedia_favic_style_btn_active{color:var(--vf-primary);border-color:var(--vf-primary);background:var(--vf-primary-light)}
.veomedia_favic_gradient_options{display:flex;flex-direction:column;gap:12px;padding:12px;background:var(--vf-bg-tertiary);border-radius:var(--vf-radius);margin-top:8px}
.veomedia_favic_templates_filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.veomedia_favic_filter_btn{padding:8px 16px;font-size:13px;font-weight:600;color:var(--vf-text-secondary);background:var(--vf-bg-secondary);border:1px solid var(--vf-border);border-radius:var(--vf-radius);cursor:pointer;transition:all var(--vf-transition)}
.veomedia_favic_filter_btn:hover{color:var(--vf-primary);border-color:var(--vf-primary);background:var(--vf-primary-light)}
.veomedia_favic_filter_btn_active{color:#ffffff;background:linear-gradient(135deg,var(--vf-primary),var(--vf-primary-hover));border-color:transparent;box-shadow:0 2px 8px rgba(22,102,161,0.3)}
.veomedia_favic_templates_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;margin-bottom:16px}
.veomedia_favic_template_card{position:relative;display:flex;flex-direction:column;background:var(--vf-bg);border:2px solid var(--vf-border);border-radius:var(--vf-radius-lg);overflow:hidden;cursor:pointer;transition:all var(--vf-transition)}
.veomedia_favic_template_card:hover{border-color:var(--vf-primary);box-shadow:0 8px 24px rgba(0,0,0,0.1);transform:translateY(-4px)}
.veomedia_favic_template_preview{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(var(--vf-border) 0% 25%,transparent 0% 50%) 50%/12px 12px;padding:20px}
.veomedia_favic_template_preview canvas{max-width:100%;height:auto;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,0.15)}
.veomedia_favic_template_info{padding:12px;background:var(--vf-bg-secondary)}
.veomedia_favic_template_name{font-size:13px;font-weight:600;color:var(--vf-text);margin-bottom:4px}
.veomedia_favic_template_category{font-size:11px;color:var(--vf-text-muted)}
.veomedia_favic_template_actions{position:absolute;top:8px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity var(--vf-transition)}
.veomedia_favic_template_card:hover .veomedia_favic_template_actions{opacity:1}
.veomedia_favic_template_action_btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(255,255,255,0.95);border:none;border-radius:var(--vf-radius);cursor:pointer;transition:all var(--vf-transition);color:var(--vf-text);box-shadow:0 2px 8px rgba(0,0,0,0.15)}
.veomedia_favic_template_action_btn:hover{background:#ffffff;transform:scale(1.1)}
.veomedia_favic_template_action_btn svg{width:18px;height:18px}
.veomedia_favic_templates_hint{font-size:12px;color:var(--vf-text-muted);text-align:center;padding:12px;background:var(--vf-bg-secondary);border-radius:var(--vf-radius)}
.veomedia_favic_section{background:var(--vf-bg);border:1px solid var(--vf-border);border-radius:var(--vf-radius-lg);padding:20px}
.veomedia_favic_section_title{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--vf-text);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--vf-border)}
.veomedia_favic_section_title svg{width:20px;height:20px;color:var(--vf-primary)}
.veomedia_favic_shape_options{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.veomedia_favic_shape_btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:var(--vf-bg-secondary);border:2px solid var(--vf-border);border-radius:var(--vf-radius);cursor:pointer;transition:all var(--vf-transition);color:var(--vf-text-secondary)}
.veomedia_favic_shape_btn:hover{border-color:var(--vf-primary);color:var(--vf-primary);background:var(--vf-primary-light)}
.veomedia_favic_shape_btn svg{width:32px;height:32px}
.veomedia_favic_shape_btn span{font-size:11px;font-weight:600}
.veomedia_favic_shape_btn_active{border-color:var(--vf-primary);color:var(--vf-primary);background:var(--vf-primary-light);box-shadow:0 0 0 2px rgba(22,102,161,0.2)}
.veomedia_favic_sizes_grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}
.veomedia_favic_size_option{cursor:pointer}
.veomedia_favic_size_option input{position:absolute;opacity:0;pointer-events:none}
.veomedia_favic_size_box{display:flex;align-items:center;justify-content:center;height:44px;font-size:12px;font-weight:600;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{color:#ffffff;background:linear-gradient(135deg,var(--vf-primary),var(--vf-primary-hover));border-color:transparent;box-shadow:0 2px 8px rgba(22,102,161,0.3)}
.veomedia_favic_sizes_actions{display:flex;justify-content:space-between;gap:8px}
.veomedia_favic_link_btn{padding:0;font-size:12px;font-weight:600;color:var(--vf-primary);background:none;border:none;cursor:pointer;transition:color var(--vf-transition)}
.veomedia_favic_link_btn:hover{color:var(--vf-primary-hover);text-decoration:underline}
.veomedia_favic_preview_container{display:flex;flex-direction:column;gap:16px}
.veomedia_favic_preview_sizes{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.veomedia_favic_preview_item{display:flex;flex-direction:column;align-items:center;gap:8px}
.veomedia_favic_preview_item canvas{background:repeating-conic-gradient(var(--vf-border) 0% 25%,transparent 0% 50%) 50%/8px 8px;border-radius:var(--vf-radius);box-shadow:0 2px 8px rgba(0,0,0,0.1)}
.veomedia_favic_preview_item span{font-size:11px;color:var(--vf-text-muted)}
.veomedia_favic_preview_main{grid-column:1/-1}
.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:1px solid var(--vf-border);border-radius:var(--vf-radius);overflow:hidden;box-shadow:var(--vf-shadow)}
.veomedia_favic_browser_header{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--vf-bg-secondary);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_tab{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--vf-bg);border:1px solid var(--vf-border);border-radius:var(--vf-radius) var(--vf-radius) 0 0;font-size:12px;color:var(--vf-text)}
.veomedia_favic_browser_favicon{flex-shrink:0}
.veomedia_favic_browser_address{display:flex;align-items:center;gap:8px;padding:12px;font-size:13px;color:var(--vf-text-secondary)}
.veomedia_favic_browser_address svg{width:16px;height:16px;color:var(--vf-success)}
.veomedia_favic_generate_section{display:flex;flex-direction:column;gap:12px}
.veomedia_favic_btn_generate{width:100%;padding:16px;font-size:16px;box-shadow:0 6px 20px rgba(22,102,161,0.35)}
.veomedia_favic_btn_generate:hover:not(:disabled){box-shadow:0 8px 28px rgba(22,102,161,0.45)}
.veomedia_favic_generate_hint{display:flex;align-items:center;gap:8px;padding:12px;background:var(--vf-bg-secondary);border-radius:var(--vf-radius);font-size:12px;color:var(--vf-text-muted)}
.veomedia_favic_generate_hint svg{width:16px;height:16px;flex-shrink:0}
.veomedia_favic_extra_downloads,.veomedia_favic_instruction,.veomedia_favic_limit_notice{margin-top:24px;padding:20px;background:var(--vf-bg);border:1px solid var(--vf-border);border-radius:var(--vf-radius-lg)}
.veomedia_favic_download_buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.veomedia_favic_instruction_steps{display:flex;flex-direction:column;gap:16px;margin-top:12px}
.veomedia_favic_step{display:flex;gap:16px}
.veomedia_favic_step_number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--vf-primary);color:#ffffff;border-radius:50%;font-weight:700;flex-shrink:0}
.veomedia_favic_step_content{flex:1}
.veomedia_favic_step_title{font-size:14px;font-weight:600;color:var(--vf-text);margin-bottom:6px}
.veomedia_favic_step_text{font-size:13px;color:var(--vf-text-secondary);line-height:1.6}
.veomedia_favic_code_block{position:relative;padding:12px;background:var(--vf-bg-tertiary);border-radius:var(--vf-radius);margin-top:8px}
.veomedia_favic_code_block pre{margin:0;overflow-x:auto}
.veomedia_favic_code_block code{font-size:12px;color:var(--vf-text);font-family:monospace}
.veomedia_favic_copy_btn{position:absolute;top:8px;right:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;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);background:var(--vf-primary-light)}
.veomedia_favic_copy_btn svg{width:18px;height:18px}
.veomedia_favic_limit_notice_inner{display:flex;align-items:center;gap:16px}
.veomedia_favic_limit_notice_inner svg{width:48px;height:48px;color:var(--vf-warning);flex-shrink:0}
.veomedia_favic_limit_notice_text{flex:1}
.veomedia_favic_limit_notice_text strong{display:block;font-size:16px;color:var(--vf-text);margin-bottom:4px}
.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{margin-top:32px;padding-top:24px;border-top:1px solid var(--vf-border);text-align:center}
.veomedia_favic_branding{font-size:12px;color:var(--vf-text-muted);line-height:1.6}
.veomedia_favic_branding a{color:var(--vf-primary);text-decoration:none;transition:color var(--vf-transition)}
.veomedia_favic_branding a:hover{color:var(--vf-primary-hover);text-decoration:underline}

@media(max-width:1200px){.veomedia_favic_workspace{grid-template-columns:1fr}.veomedia_favic_constructor{grid-template-columns:1fr;grid-template-rows:auto auto auto}.veomedia_favic_constructor_canvas_wrapper{grid-column:1;grid-row:1}.veomedia_favic_constructor_toolbar{grid-column:1;grid-row:2}.veomedia_favic_constructor_panel{grid-column:1;grid-row:3}.veomedia_favic_constructor_layers{grid-column:1;grid-row:4}}
@media(max-width:768px){.veomedia_favic_wrapper{padding:16px}.veomedia_favic_header{flex-direction:column;align-items:flex-start}.veomedia_favic_tabs{overflow-x:scroll}.veomedia_favic_shape_options,.veomedia_favic_sizes_grid{grid-template-columns:1fr 1fr}.veomedia_favic_preview_sizes{grid-template-columns:repeat(2,1fr)}.veomedia_favic_download_buttons{grid-template-columns:1fr}.veomedia_favic_promo_grid{grid-template-columns:1fr}}

.veomedia_favic_upload_inner { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 28px 20px; text-align: center; width: 100%; cursor: pointer; box-sizing: border-box; }
.veomedia_favic_upload_inner svg { flex-shrink: 0; width: 52px; height: 52px; color: #1666a1; }
.veomedia_favic_upload_text { display: block; font-size: 15px; font-weight: 600; color: #0f1e33; margin: 0; line-height: 1.3; }
.veomedia_favic_upload_subtext { display: block; font-size: 13px; color: #6b7a94; margin: 0; line-height: 1.4; }
.veomedia_favic_upload_formats { display: block; font-size: 12px; color: #94a3b8; margin-top: 4px; }
#veomedia_favic_file_input { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; border: 0 !important; opacity: 0 !important; pointer-events: none !important; }
@media (max-width: 640px) { .veomedia_favic_upload_inner { padding: 20px 14px; gap: 8px; } .veomedia_favic_upload_inner svg { width: 40px; height: 40px; } .veomedia_favic_upload_text { font-size: 14px; } .veomedia_favic_upload_subtext { font-size: 12px; } }


.veomedia_favic_info_block { background: #ffffff; border: 1px solid #e8ecf1; border-radius: 16px; padding: 20px 20px 16px 20px; margin-top: 16px; box-shadow: 0 8px 32px rgba(16,66,120,0.06); position: relative; overflow: hidden; }
.veomedia_favic_info_block::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(to right, #eef2f7 1px, transparent 1px), linear-gradient(to bottom, #eef2f7 1px, transparent 1px); background-size: 56px 56px; opacity: 0.35; pointer-events: none; }
.veomedia_favic_info_header { position: relative; z-index: 1; margin-bottom: 16px; }
.veomedia_favic_info_title { font-size: 15px; line-height: 1.3; font-weight: 800; color: #0f1e33; margin: 0 0 4px 0; letter-spacing: -0.01em; }
.veomedia_favic_info_subtitle { font-size: 13px; line-height: 1.5; color: #6b7a94; margin: 0; }
.veomedia_favic_info_steps { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 0 0 14px 0; padding: 0; list-style: none; }
.veomedia_favic_info_step { display: flex; gap: 10px; align-items: flex-start; background: #f8fafc; border: 1px solid #e8ecf1; border-radius: 12px; padding: 12px; }
.veomedia_favic_info_step_num { flex-shrink: 0; width: 28px; height: 28px; display: grid; place-items: center; background: #1666a1; color: #fff; font-size: 13px; font-weight: 800; border-radius: 999px; }
.veomedia_favic_info_step_title { font-size: 13px; font-weight: 700; color: #0f1e33; line-height: 1.2; margin-bottom: 2px; }
.veomedia_favic_info_step_text { font-size: 12px; line-height: 1.4; color: #6b7a94; }
.veomedia_favic_info_step_text code { background: #eef4ff; border: 1px solid #dbeafe; padding: 1px 4px; border-radius: 4px; font-size: 11px; color: #1e40af; }
.veomedia_favic_info_features { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.veomedia_favic_info_feature { font-size: 12px; font-weight: 600; color: #0f5132; background: #e6f4ec; border: 1px solid #b6e2c6; padding: 6px 10px; border-radius: 999px; }
.veomedia_favic_info_hint { position: relative; z-index: 1; font-size: 12px; line-height: 1.5; color: #64748b; background: #f8fafc; border: 1px dashed #dbe2ec; border-radius: 10px; padding: 10px 12px; }
.theme-dark .veomedia_favic_info_block { background: #111a2e; border-color: #1e2e4a; box-shadow: 0 8px 32px rgba(0,0,0,0.3); }
.theme-dark .veomedia_favic_info_block::before { background-image: linear-gradient(to right, #1e2e4a 1px, transparent 1px), linear-gradient(to bottom, #1e2e4a 1px, transparent 1px); opacity: 0.15; }
.theme-dark .veomedia_favic_info_title { color: #f1f5f9; }
.theme-dark .veomedia_favic_info_subtitle { color: #94a3b8; }
.theme-dark .veomedia_favic_info_step { background: #16213a; border-color: #1e2e4a; }
.theme-dark .veomedia_favic_info_step_title { color: #f1f5f9; }
.theme-dark .veomedia_favic_info_step_text { color: #94a3b8; }
.theme-dark .veomedia_favic_info_step_text code { background: #1e2e4a; border-color: #2a3f5f; color: #93c5fd; }
.theme-dark .veomedia_favic_info_feature { background: rgba(10,122,51,0.15); border-color: rgba(10,122,51,0.3); color: #4ade80; }
.theme-dark .veomedia_favic_info_hint { background: #16213a; border-color: #1e2e4a; color: #94a3b8; }
@media (max-width: 768px) { .veomedia_favic_desktop_only { display: none !important; } }

.veomedia_favic_faq_block { background: #ffffff; border: 1px solid #e8ecf1; border-radius: 16px; padding: 24px; margin-top: 16px; box-shadow: 0 8px 32px rgba(16,66,120,0.06); }
.veomedia_favic_faq_header { margin-bottom: 20px; }
.veomedia_favic_faq_title { font-size: 18px; line-height: 1.2; font-weight: 800; color: #0f1e33; margin: 0 0 6px 0; letter-spacing: -0.02em; }
.veomedia_favic_faq_subtitle { font-size: 13px; line-height: 1.5; color: #6b7a94; margin: 0; }
.veomedia_favic_faq_list { display: flex; flex-direction: column; gap: 10px; }
.veomedia_favic_faq_item { background: #f8fafc; border: 1px solid #e8ecf1; border-radius: 12px; padding: 14px 16px; transition: all 0.2s ease; }
.veomedia_favic_faq_item:hover { border-color: #d1dce8; box-shadow: 0 4px 12px rgba(16,66,120,0.08); }
.veomedia_favic_faq_item[open] { background: #ffffff; border-color: #1666a1; }
.veomedia_favic_faq_question { font-size: 14px; font-weight: 700; color: #0f1e33; cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 12px; user-select: none; }
.veomedia_favic_faq_question::-webkit-details-marker { display: none; }
.veomedia_favic_faq_question::after { content: "+"; font-size: 20px; font-weight: 700; color: #1666a1; flex-shrink: 0; transition: transform 0.2s ease; }
.veomedia_favic_faq_item[open] .veomedia_favic_faq_question::after { transform: rotate(45deg); }
.veomedia_favic_faq_answer { font-size: 13px; line-height: 1.6; color: #4a5a73; margin-top: 10px; padding-top: 10px; border-top: 1px solid #eef2f7; }
.veomedia_favic_faq_answer code { background: #eef4ff; border: 1px solid #dbeafe; padding: 2px 6px; border-radius: 4px; font-size: 12px; color: #1e40af; font-family: 'Monaco', 'Courier New', monospace; }
.veomedia_favic_faq_answer kbd { background: #0f1e33; color: #fff; padding: 2px 6px; border-radius: 4px; font-size: 11px; font-weight: 600; font-family: 'Monaco', 'Courier New', monospace; box-shadow: 0 2px 0 rgba(0,0,0,0.2); }
.veomedia_favic_faq_answer strong { color: #0f1e33; font-weight: 700; }
.veomedia_favic_faq_answer em { color: #1666a1; font-style: normal; font-weight: 600; }
.veomedia_favic_faq_footer { margin-top: 16px; padding-top: 16px; border-top: 1px solid #e8ecf1; font-size: 13px; line-height: 1.5; color: #6b7a94; text-align: center; }
.veomedia_favic_faq_footer a { color: #1666a1; font-weight: 700; text-decoration: none; border-bottom: 1px dashed #1666a1; }
.veomedia_favic_faq_footer a:hover { border-bottom-style: solid; }
.theme-dark .veomedia_favic_faq_block { background: #111a2e; border-color: #1e2e4a; box-shadow: 0 8px 32px rgba(0,0,0,0.3); }
.theme-dark .veomedia_favic_faq_title { color: #f1f5f9; }
.theme-dark .veomedia_favic_faq_subtitle { color: #94a3b8; }
.theme-dark .veomedia_favic_faq_item { background: #16213a; border-color: #1e2e4a; }
.theme-dark .veomedia_favic_faq_item:hover { border-color: #2a3f5f; }
.theme-dark .veomedia_favic_faq_item[open] { background: #1e2e4a; border-color: #38bdf8; }
.theme-dark .veomedia_favic_faq_question { color: #f1f5f9; }
.theme-dark .veomedia_favic_faq_question::after { color: #38bdf8; }
.theme-dark .veomedia_favic_faq_answer { color: #94a3b8; border-top-color: #1e2e4a; }
.theme-dark .veomedia_favic_faq_answer code { background: #1e2e4a; border-color: #2a3f5f; color: #93c5fd; }
.theme-dark .veomedia_favic_faq_answer kbd { background: #0f172a; }
.theme-dark .veomedia_favic_faq_answer strong { color: #f1f5f9; }
.theme-dark .veomedia_favic_faq_answer em { color: #38bdf8; }
.theme-dark .veomedia_favic_faq_footer { border-top-color: #1e2e4a; color: #94a3b8; }
.theme-dark .veomedia_favic_faq_footer a { color: #38bdf8; border-bottom-color: #38bdf8; }
/* End */
/* /local/components/veomedia/veomedia.favic/templates/veomedia-favic/style.css?178912048638024 */