:root{--g-panel-primary:var(--theme-palette-color-1,#3b82f6);--g-panel-primary-hover:var(--theme-palette-color-2,#2563eb);--g-panel-text:var(--theme-text-color,#1e293b);--g-panel-text-light:var(--theme-text-color-light,#64748b);--g-panel-bg:var(--theme-background-color,#fff);--g-panel-bg-alt:var(--theme-background-color-alt,#f8fafc);--g-panel-border:var(--theme-border-color,#e2e8f0);--g-panel-radius:var(--theme-border-radius,8px);--g-panel-transition:all 0.35s cubic-bezier(0.4,0,0.2,1)}.g-panel-tabs-editor .g-panel-tabs-toolbar{align-items:center;background:var(--g-panel-bg-alt);border:1px solid var(--g-panel-border);border-radius:var(--g-panel-radius) var(--g-panel-radius) 0 0;display:flex;justify-content:space-between;padding:16px 20px}.g-panel-tabs-editor .g-panel-tabs-toolbar .add-tab-btn{align-items:center;background:var(--g-panel-primary)!important;border:none!important;color:#fff!important;display:flex;gap:8px}.g-panel-tabs-editor .g-panel-tabs-toolbar .add-tab-btn:hover{background:var(--g-panel-primary-hover)!important}.g-panel-tabs-editor .g-panel-tabs-toolbar .tabs-count{color:var(--g-panel-text-light);font-size:14px}.g-panel-tabs-editor .g-panel-tabs-wrapper{background:var(--g-panel-bg);border:1px solid var(--g-panel-border);border-radius:0 0 var(--g-panel-radius) var(--g-panel-radius);border-top:none;display:grid;gap:32px;grid-template-columns:1fr 1fr;padding:32px}@media(max-width:768px){.g-panel-tabs-editor .g-panel-tabs-wrapper{gap:24px;grid-template-columns:1fr;padding:20px}}.g-panel-tabs-editor .g-panel-tabs-list{display:flex;flex-direction:column;gap:12px}.g-panel-tabs-editor .g-panel-tab-item{align-items:flex-start;background:var(--g-panel-bg);border:2px solid transparent;border-radius:var(--g-panel-radius);cursor:pointer;display:flex;gap:14px;padding:18px 20px;position:relative;transition:var(--g-panel-transition)}.g-panel-tabs-editor .g-panel-tab-item:hover{background:var(--g-panel-bg-alt)}.g-panel-tabs-editor .g-panel-tab-item.is-active{background:var(--g-panel-bg-alt);border-color:var(--g-panel-primary)}.g-panel-tabs-editor .g-panel-tab-item.is-active .tab-check{background:var(--g-panel-primary);color:#fff}.g-panel-tabs-editor .g-panel-tab-item .tab-check{align-items:center;background:var(--g-panel-border);border-radius:50%;display:flex;flex-shrink:0;font-size:14px;height:28px;justify-content:center;transition:var(--g-panel-transition);width:28px}.g-panel-tabs-editor .g-panel-tab-item .tab-text{display:flex;flex:1;flex-direction:column;gap:4px}.g-panel-tabs-editor .g-panel-tab-item .tab-text strong{color:var(--g-panel-text);font-size:15px;font-weight:600}.g-panel-tabs-editor .g-panel-tab-item .tab-text span{color:var(--g-panel-text-light);font-size:13px}.g-panel-tabs-editor .g-panel-tab-item .tab-actions{display:flex;gap:2px;opacity:0;transition:opacity .2s}.g-panel-tabs-editor .g-panel-tab-item .tab-actions button{height:24px!important;min-width:auto!important;padding:4px!important}.g-panel-tabs-editor .g-panel-tab-item .tab-actions button.delete-btn{color:#ef4444}.g-panel-tabs-editor .g-panel-tab-item .tab-actions button.delete-btn:hover{background:#fef2f2;color:#dc2626}.g-panel-tabs-editor .g-panel-tab-item.is-active .tab-actions,.g-panel-tabs-editor .g-panel-tab-item:hover .tab-actions{opacity:1}.g-panel-tabs-editor .g-panel-tabs-content .content-header{border-bottom:1px solid var(--g-panel-border);margin-bottom:16px;padding-bottom:12px}.g-panel-tabs-editor .g-panel-tabs-content .content-header .tab-indicator{color:var(--g-panel-text-light);font-size:13px}.g-panel-tabs-editor .g-panel-tabs-content .content-header .tab-indicator strong{color:var(--g-panel-primary)}.g-panel-tabs-editor .g-panel-tabs-content h3{color:var(--g-panel-text);font-size:24px;font-weight:700;margin-bottom:16px}.g-panel-tabs-editor .g-panel-tabs-content p{color:var(--g-panel-text-light);font-size:16px;line-height:1.7}.g-panel-tabs-editor .g-panel-tabs-image{align-items:center;background:var(--g-panel-bg-alt);border-radius:var(--g-panel-radius);display:flex;grid-column:1/-1;justify-content:center;min-height:280px;overflow:hidden}.g-panel-tabs-editor .g-panel-tabs-image img{border-radius:var(--g-panel-radius);height:100%;object-fit:cover;width:100%}.g-panel-tabs-editor .g-panel-tabs-image .image-placeholder{align-items:center;color:var(--g-panel-text-light);display:flex;flex-direction:column;font-size:16px;gap:8px}.g-panel-tabs-editor .g-panel-tabs-image .image-placeholder span{font-size:32px}.g-panel-tabs-editor .g-panel-tabs-controls{background:var(--g-panel-bg-alt);border:1px solid var(--g-panel-border);border-radius:var(--g-panel-radius);margin-top:24px;padding:24px}.g-panel-tabs-editor .g-panel-tabs-controls h4{align-items:center;color:var(--g-panel-text);display:flex;font-size:16px;gap:8px;margin-bottom:20px}.g-panel-tabs-editor .g-panel-tabs-controls h4 .editing-tab-name{color:var(--g-panel-primary);font-weight:600}.g-panel-tabs-editor .g-panel-tabs-controls .image-control-wrapper .image-preview img{border-radius:var(--g-panel-radius);margin-bottom:12px;max-height:200px;object-fit:cover;width:100%}.g-panel-tabs-editor .g-panel-tabs-controls .image-control-wrapper .image-preview .image-actions{display:flex;gap:8px}.g-panel-tabs-editor .g-panel-tabs-controls .image-control-wrapper .upload-image-btn{border:2px dashed var(--g-panel-border);border-radius:var(--g-panel-radius);color:var(--g-panel-text-light);justify-content:center;padding:32px;width:100%}.g-panel-tabs-editor .g-panel-tabs-controls .image-control-wrapper .upload-image-btn:hover{border-color:var(--g-panel-primary);color:var(--g-panel-primary)}.g-panel-tabs-editor .g-panel-tabs-controls .tab-management .help-text{color:var(--g-panel-text-light);font-size:13px;margin-bottom:16px}.g-panel-tabs-editor .g-panel-tabs-controls .tab-management .help-text code{background:var(--g-panel-bg);border-radius:4px;font-size:12px;padding:2px 6px}.g-panel-tabs-block{margin:0 auto;max-width:1200px;padding:60px 20px}@media(max-width:768px){.g-panel-tabs-block{padding:40px 16px}}.g-panel-tabs-block .g-panel-tabs-container{align-items:start;display:grid;gap:48px;grid-template-columns:360px 1fr}@media(max-width:968px){.g-panel-tabs-block .g-panel-tabs-container{gap:32px;grid-template-columns:1fr}}@media(max-width:768px){.g-panel-tabs-block .g-panel-tabs-container{gap:24px}}.g-panel-tabs-block .g-panel-tabs-list{display:flex;flex-direction:column;gap:10px}@media(max-width:968px){.g-panel-tabs-block .g-panel-tabs-list{flex-direction:row;flex-wrap:wrap;gap:8px;position:relative;top:0}}@media(max-width:768px){.g-panel-tabs-block .g-panel-tabs-list{flex-direction:column;gap:8px}}.g-panel-tabs-block .g-panel-tab-btn{align-items:flex-start;background:var(--g-panel-bg);border:2px solid transparent;border-radius:var(--g-panel-radius);cursor:pointer;display:flex;gap:14px;padding:20px 22px;position:relative;text-align:left;transition:var(--g-panel-transition);width:100%}@media(max-width:968px){.g-panel-tabs-block .g-panel-tab-btn{flex:1;min-width:200px;padding:16px}}@media(max-width:768px){.g-panel-tabs-block .g-panel-tab-btn{min-width:100%;padding:16px 18px}}.g-panel-tabs-block .g-panel-tab-btn:before{background:var(--g-panel-primary);border-radius:var(--g-panel-radius) 0 0 var(--g-panel-radius);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:3px}.g-panel-tabs-block .g-panel-tab-btn:hover{background:var(--g-panel-bg-alt);transform:translateX(2px)}@media(max-width:968px){.g-panel-tabs-block .g-panel-tab-btn:hover{transform:translateY(-2px)}}.g-panel-tabs-block .g-panel-tab-btn.is-active{background:var(--g-panel-bg-alt);border-color:var(--g-panel-primary)}.g-panel-tabs-block .g-panel-tab-btn.is-active:before{transform:scaleY(1)}.g-panel-tabs-block .g-panel-tab-btn.is-active .tab-check{background:var(--g-panel-primary);color:#fff}.g-panel-tabs-block .g-panel-tab-btn.is-active .tab-text strong{color:var(--g-panel-primary)}.g-panel-tabs-block .g-panel-tab-btn .tab-check{align-items:center;background:var(--g-panel-border);border-radius:50%;display:flex;flex-shrink:0;font-size:14px;height:30px;justify-content:center;transition:var(--g-panel-transition);width:30px}.g-panel-tabs-block .g-panel-tab-btn .tab-text{display:flex;flex-direction:column;gap:5px}.g-panel-tabs-block .g-panel-tab-btn .tab-text strong{color:var(--g-panel-text);font-size:16px;font-weight:600;line-height:1.3;transition:color .3s}.g-panel-tabs-block .g-panel-tab-btn .tab-text .tab-sub{color:var(--g-panel-text-light);font-size:14px;line-height:1.5}.g-panel-tabs-block .g-panel-tabs-display{min-height:400px;position:relative}@media(max-width:968px){.g-panel-tabs-block .g-panel-tabs-display{min-height:auto}}.g-panel-tabs-block .g-panel-tab-content{display:none;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform:translateX(20px);transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}@media(max-width:968px){.g-panel-tabs-block .g-panel-tab-content{position:relative;transform:translateY(20px)}}.g-panel-tabs-block .g-panel-tab-content.is-active{display:block;opacity:1;pointer-events:all;position:relative;transform:translateX(0)}@media(max-width:968px){.g-panel-tabs-block .g-panel-tab-content.is-active{transform:translateY(0)}}.g-panel-tabs-block .g-panel-tab-content .tab-content-text{margin-bottom:28px}@media(max-width:768px){.g-panel-tabs-block .g-panel-tab-content .tab-content-text{margin-bottom:20px}}.g-panel-tabs-block .g-panel-tab-content .tab-content-text h3{color:var(--g-panel-text);font-size:28px;font-weight:700;line-height:1.3;margin-bottom:16px}@media(max-width:768px){.g-panel-tabs-block .g-panel-tab-content .tab-content-text h3{font-size:22px;margin-bottom:12px}}.g-panel-tabs-block .g-panel-tab-content .tab-content-text p{color:var(--g-panel-text-light);font-size:17px;line-height:1.8}@media(max-width:768px){.g-panel-tabs-block .g-panel-tab-content .tab-content-text p{font-size:15px;line-height:1.7}}.g-panel-tabs-block .g-panel-tab-content .tab-content-image{background:var(--g-panel-bg-alt);border:1px solid var(--g-panel-border);border-radius:var(--g-panel-radius);overflow:hidden}.g-panel-tabs-block .g-panel-tab-content .tab-content-image img{display:block;height:auto;transition:transform .5s ease;width:100%}.g-panel-tabs-block .g-panel-tab-content .tab-content-image img:hover{transform:scale(1.02)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.g-panel-tab-content.is-active .tab-content-image{animation:fadeSlideIn .5s ease forwards}@media(max-width:968px){.g-panel-tab-content.is-active .tab-content-image{animation:fadeSlideUp .5s ease forwards}}
