:root{
    --studio-bg:rgba(248,250,252,1);
    --studio-card:rgba(255,255,255,1);
    --studio-surface:rgba(241,245,249,1);
    --studio-input:rgba(255,255,255,1);
    --studio-border:rgba(226,232,240,1);
    --studio-border-hover:rgba(203,213,225,1);
    --studio-text:rgba(15,23,42,1);
    --studio-text-muted:rgba(100,116,139,1);
    --studio-text-inverse:rgba(255,255,255,1);
    --studio-primary:rgba(37,99,235,1);
    --studio-primary-hover:rgba(29,78,216,1);
    --studio-accent:rgba(139,92,246,1);
    --studio-accent-hover:rgba(124,58,237,1);
    --studio-success:rgba(16,185,129,1);
    --studio-danger:rgba(239,68,68,1);
    --studio-warning:rgba(245,158,11,1);
    --studio-info:rgba(14,165,233,1);
    --studio-glass:rgba(255,255,255,0.7);
    --studio-glow:rgba(37,99,235,0.15);
    --studio-shadow:0 10px 25px -5px rgba(0,0,0,0.05);
    --studio-shadow-lg:0 20px 50px -12px rgba(0,0,0,0.1);
    --studio-font-mono:'Fira Code',monospace;
    --studio-font-sans:'Inter',-apple-system,sans-serif
}
.kod-theme-coffee,.kod-studio-root.kod-theme-coffee{
    --studio-bg:rgba(12,10,9,1);
    --studio-card:rgba(23,20,18,1);
    --studio-surface:rgba(28,25,23,1);
    --studio-input:rgba(28,25,23,1);
    --studio-border:rgba(46,41,38,1);
    --studio-border-hover:rgba(68,61,58,1);
    --studio-text:rgba(245,245,244,1);
    --studio-text-muted:rgba(168,162,158,1);
    --studio-text-inverse:rgba(12,10,9,1);
    --studio-primary:rgba(245,158,11,1);
    --studio-primary-hover:rgba(217,119,6,1);
    --studio-accent:rgba(251,191,36,1);
    --studio-accent-hover:rgba(245,158,11,1);
    --studio-success:rgba(74,222,128,1);
    --studio-danger:rgba(248,113,113,1);
    --studio-warning:rgba(251,191,36,1);
    --studio-info:rgba(56,189,248,1);
    --studio-glass:rgba(23,20,18,0.8);
    --studio-glow:rgba(245,158,11,0.25);
    --studio-shadow:0 20px 40px -10px rgba(0,0,0,0.4);
    --studio-shadow-lg:0 30px 60px -15px rgba(0,0,0,0.6)
}
.kod-studio-root{display:block;padding:20px;background:var(--studio-bg);color:var(--studio-text);transition:background 0.3s,color 0.3s;min-height:100vh;clear:both}
.kod-top-bar,.studio-top-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;background:var(--studio-card);padding:20px;border-radius:24px;border:1px solid var(--studio-border);margin-bottom:30px;box-shadow:0 10px 25px -5px rgba(0,0,0,0.05)}
#elite-studio-wrap{display:block!important;box-sizing:border-box!important;font-family:var(--studio-font-sans)!important;background-color:var(--studio-bg)!important;color:var(--studio-text)!important;transition:background 0.3s ease!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important;padding:20px!important;clear:both!important;position:relative!important;z-index:auto!important}
#elite-studio-wrap *{box-sizing:border-box!important}
@keyframes neural-glow { 0%, 100% { box-shadow: 0 0 5px var(--studio-primary); } 50% { box-shadow: 0 0 20px var(--studio-primary); } }
.telemetry-dashboard{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-bottom:35px!important;align-items:stretch!important;width:100%!important}
.telemetry-card{background:var(--studio-card)!important;border:1px solid var(--studio-border)!important;border-radius:24px!important;padding:16px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;box-shadow:0 10px 25px -5px rgba(0,0,0,0.05)!important;position:relative!important;overflow:visible!important;backdrop-filter:blur(16px)!important;min-height:180px!important;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275),background 0.3s ease!important}
.telemetry-card:hover{transform:translateY(-8px)!important;box-shadow:0 25px 35px -10px rgba(0,0,0,0.12)!important;border-color:var(--studio-primary)!important;animation: neural-glow 2s infinite !important;}


.telemetry-content,#telemetry-content{display:flex!important;flex-direction:column!important;gap:4px!important;z-index:2!important;flex-grow:1!important}
.telemetry-label{font-size:9px!important;color:var(--studio-text-muted)!important;text-transform:uppercase!important;letter-spacing:0.15em!important;font-weight:900!important;margin:0!important}
.telemetry-value{font-size:clamp(20px,3vw,34px)!important;font-weight:950;letter-spacing:-0.02em;margin:0;background:linear-gradient(225deg,var(--studio-text),var(--studio-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase}
.telemetry-actions-wrapper{display:flex!important;flex-direction:column!important;gap:4px!important;margin-top:auto!important;padding:8px 0 0 0!important}
.telemetry-actions-row{display:flex!important;gap:4px!important}
.telemetry-bar-container{height:8px!important;background:var(--studio-surface)!important;border-radius:20px!important;overflow:hidden!important;margin-top:12px!important;position:relative!important;box-shadow:inset 0 1px 3px rgba(0,0,0,0.1)!important}
.telemetry-bar{height:100%!important;border-radius:20px!important;background:linear-gradient(90deg,var(--studio-primary),var(--studio-accent),var(--studio-primary))!important;background-size:200% 100%!important;position:relative!important;transition:width 1.2s cubic-bezier(0.65,0,0.35,1)!important;width:0%;box-shadow:0 0 15px var(--studio-glow)!important}
.telemetry-bar::before{content:''!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,0) 80%,transparent 100%)!important;background-size:150px 100%!important;animation:bar-scan 2s infinite linear!important;z-index:1!important;opacity:0.6!important}
@keyframes bar-scan{0%{background-position:-150px 0}100%{background-position:calc(100% + 150px) 0}}
.grade-badge{position:absolute!important;top:12px!important;right:12px!important;width:50px!important;height:50px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:950!important;font-size:20px!important;color:var(--studio-text-inverse)!important;z-index:10!important;box-shadow:0 10px 25px rgba(0,0,0,0.25)!important;border:2px solid rgba(255,255,255,0.4)!important}
.plus-sign{font-size:32px!important;font-weight:950!important;vertical-align:middle!important;margin-left:1px!important;line-height:0!important;display:inline-block!important;transform:translateY(-1px)!important;filter:drop-shadow(0 0 8px rgba(255,255,255,0.8))!important}
.grade-a::before{content:''!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;border-radius:50%!important;background:rgba(16,185,129,0.5)!important;z-index:-1!important;animation:neural-halo-faded-expand 3s infinite cubic-bezier(0.2,0,0.2,1)!important}
@keyframes neural-halo-faded-expand{0%{transform:scale(1);opacity:0.9;filter:blur(4px)}100%{transform:scale(3.5);opacity:0;filter:blur(25px)}}
.grade-a{background:linear-gradient(135deg,var(--studio-success),var(--studio-success))!important;animation:neural-badge-breathing 3s infinite ease-in-out!important}
.grade-b{background:linear-gradient(135deg,var(--studio-primary),var(--studio-primary))!important}
.grade-c{background:linear-gradient(135deg,var(--studio-warning),var(--studio-warning))!important}
.grade-f{background:linear-gradient(135deg,var(--studio-danger),var(--studio-danger))!important}
@keyframes neural-badge-breathing{0%,100%{transform:scale(1);box-shadow:0 10px 25px rgba(0,0,0,0.25)}50%{transform:scale(1.1);box-shadow:0 15px 40px rgba(16,185,129,0.5)}}
.kod-workspace{display:flex;gap:20px;flex-wrap:wrap}
.kod-panel{flex:1;background:var(--studio-card);padding:20px;border-radius:16px;border:1px solid var(--studio-border);min-height:600px}
.kod-interactive{transition:all 0.2s cubic-bezier(0.4,0,0.2,1);cursor:pointer;user-select:none}
.kod-interactive:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 4px 12px rgba(0,0,0,0.1)}
.kod-interactive:active{transform:translateY(0) scale(0.58)}
.kod-btn{padding:10px 20px;border-radius:8px;border:none;cursor:pointer;font-weight:800;text-transform:uppercase;font-size:12px;transition:0.2s}
.btn-primary{background:var(--studio-primary)!important;height: 50px !important;color:var(--studio-text-inverse)!important;border-radius:10px!important;text-transform:uppercase!important;cursor:pointer!important;border:none!important;transition:all 0.2s!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;box-sizing:border-box!important}
.btn-primary:hover{animation:neural-pulse 1.5s infinite!important}
.btn-primary:active{transform:scale(0.95)!important}
.btn-pulse:hover{animation:neural-pulse 1.5s infinite!important}
@keyframes neural-pulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(59,130,246,0.7)}70%{transform:scale(1.02);box-shadow:0 0 0 10px rgba(59,130,246,0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(59,130,246,0)}}
.btn-secondary{background:var(--studio-card)!important;border:1px solid var(--studio-border)!important;color:var(--studio-text)!important;
               border-radius:10px!important;text-transform:uppercase!important;cursor:pointer!important;transition:all 0.2s!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;box-sizing:border-box!important}
.btn-secondary:hover{background:var(--studio-primary)!important;color:var(--studio-text-inverse)!important;transform:scale(1.02)!important}
.btn-secondary:active{transform:scale(0.95)!important}
.kod-btn-sm{height:var(--kod-size-sm);padding:5px 12px !important;font-size:12px !important; font-weight:700 !important;}
.kod-btn-md{height:var(--kod-size-md);padding:5px 16px !important;font-size:14px !important; font-weight:800 !important;}
.kod-btn-lg{height:var(--kod-size-lg);padding:5px 22px !important;font-size:18px !important; font-weight:900 !important;}
.kod-input{width:100%;padding:12px;border:1px solid var(--studio-border);border-radius:8px;background:var(--studio-bg);color:var(--studio-text)}
.kod-card{background:var(--studio-card);border:1px solid var(--studio-border);border-radius:12px;padding:15px;box-shadow:0 2px 4px rgba(0,0,0,0.05)}
.studio-elite-header{background:linear-gradient(to right,var(--studio-card),transparent);border-left:5px solid var(--studio-primary);padding:30px;margin-bottom:40px;border-radius:0 24px 24px 0;display:flex;flex-direction:column;gap:15px;box-shadow:15px 0 40px rgba(0,0,0,0.03);position:relative;overflow:hidden}
.header-main-track{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:50px;flex-wrap:wrap}
.brand-intelligence{display:flex;align-items:center;gap:25px}
.neural-node-icon{width:64px;height:64px;background:var(--studio-primary);border-radius:18px;display:flex;align-items:center;justify-content:center;color:var(--studio-text-inverse);font-size:28px;position:relative;box-shadow:0 12px 25px var(--studio-glow)}
.node-pulse{position:absolute;width:100%;height:100%;border-radius:18px;border:2px solid var(--studio-primary);animation:node-ping 2.5s infinite}
@keyframes node-ping{0%{transform:scale(1);opacity:0.8}100%{transform:scale(1.6);opacity:0}}
.elite-title{font-family:var(--studio-font-sans);font-size:clamp(24px,4vw,32px);display:inline-block;transform:scaleY(1.5);transform-origin:top;font-weight:1000;letter-spacing:-0.05em;margin:0;color:var(--studio-text);text-transform:uppercase;line-height:1.5;padding-bottom:10px}
.title-accent{background:linear-gradient(135deg,var(--studio-primary),var(--studio-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.sub-title-row{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap}
.version-tag,.status-indicator,.security-clearance{font-family:var(--studio-font-mono);font-size:10px;font-weight:900;padding:3px 10px;border-radius:6px;background:var(--studio-bg);border:1px solid var(--studio-border);color:var(--studio-text-muted);letter-spacing:0.05em;display:flex;align-items:center}
.status-dot{display:inline-block;width:7px;height:7px;background:var(--studio-success);border-radius:50%;margin-right:6px;animation:status-blink 1.5s infinite;box-shadow:0 0 8px var(--studio-success)}
@keyframes status-blink{0%,100%{opacity:1}50%{opacity:0.4}}
.header-description{max-width:600px;}/* flex:1 1 400px;  */
.header-description p{margin:0;font-size:15px;line-height:1.6;color:var(--studio-text-muted);font-weight:500}
.elite-benefit-card{background:var(--studio-card)!important;backdrop-filter:blur(200px);border:1px solid var(--studio-border);border-radius:32px;padding:35px 30px;display:flex;flex-direction:column;gap:20px;box-shadow:0 15px 45px -10px rgba(0,0,0,0.05);transition:all 0.6s cubic-bezier(0.16,1,0.3,1);position:relative;overflow:hidden}
.elite-benefit-card:hover{transform:translateY(-12px) scale(1.02);border-color:var(--studio-primary);box-shadow:0 30px 60px -15px var(--studio-glow)}
.elite-benefit-card:hover .benefit-icon-elite{transform:scale(1.1) rotate(5deg);background:var(--studio-primary);color:var(--studio-text-inverse);box-shadow:0 15px 30px var(--studio-glow)}
.elite-benefit-card:hover::before{opacity:0.3}
.elite-benefit-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,var(--studio-primary),transparent 30%);animation:card-border-rotate 6s linear infinite;opacity:0;transition:opacity 0.4s ease;z-index:1}
@keyframes card-border-rotate{100%{transform:rotate(360deg)}}
.elite-benefits-matrix{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-bottom:50px;width:100%}
.card-inner-shield{position:relative;z-index:2;background-color:var(--studio-card);border-radius:28px;height:100%;width:100%;display:flex;flex-direction:column;gap:20px}
.benefit-icon-elite{width:56px;height:56px;background:linear-gradient(135deg,var(--studio-bg),var(--studio-card));border:1px solid var(--studio-border);border-radius:18px;display:flex;align-items:center;justify-content:center;color:var(--studio-primary);box-shadow:0 10px 20px rgba(0,0,0,0.04);transition:all 0.4s ease}
.benefit-title-elite{font-family:var(--studio-font-sans);font-size:18px;font-weight:950;letter-spacing:-0.02em;margin:0;background:linear-gradient(225deg,var(--studio-text),var(--studio-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase}
.benefit-desc-elite{font-size:13px;line-height:1.6;color:var(--studio-text-muted);margin:0;font-weight:500}
.toggle-mode{font-size:20px;position:fixed!important;top:30px!important;right:30px!important;width:45px!important;height:45px!important;background:radial-gradient(circle,rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 70%),linear-gradient(135deg,#1c130c 50%,#ffffff 50%)!important;border:none!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;z-index:10001!important;box-shadow:0 4px 6px rgba(0,0,0,0.1)!important;transition:all 0.3s!important}
.toggle-mode::before{content:'🌓';transform:rotate(45deg);position:absolute!important;top:-2px!important;left:22px!important;font-size:20px!important;color:#64748b!important;filter:drop-shadow(0 0 2px rgba(0,0,0,0.2))}
.toggle-mode:hover{transform:rotate(45deg) scale(1)!important}
.studio-panel{overflow:visible!important}
.studio-search-overlay{z-index:1000!important}
@media (min-width:1024px){#elite-studio-wrap .telemetry-dashboard{grid-template-columns:repeat(4,minmax(0,1fr))!important}#elite-studio-wrap .elite-benefits-matrix{grid-template-columns:repeat(4,1fr)!important}}
@media (max-width:1023px){#elite-studio-wrap .telemetry-dashboard{grid-template-columns:repeat(2,1fr)!important}#elite-studio-wrap .elite-benefits-matrix{grid-template-columns:repeat(2,1fr)!important}}
@media (max-width:650px) {#elite-studio-wrap .telemetry-dashboard{grid-template-columns:1fr!important}#elite-studio-wrap .elite-benefits-matrix{grid-template-columns:1fr!important}}

#elite-studio-wrap{display:block!important;box-sizing:border-box!important;font-family:var(--studio-font-sans)!important;background-color:var(--studio-bg)!important;color:var(--studio-text)!important;transition:background .3s ease!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important;padding:20px!important;clear:both!important;position:relative!important;z-index:auto!important}
#elite-studio-wrap *{box-sizing:border-box!important}
.palette-trigger-wrapper{width:100%!important;display:flex!important;justify-content:center!important;margin-top:-15px!important;position:relative!important;z-index:101!important}
.palette-trigger-tab{width:80px!important;height:18px!important;background:var(--studio-card)!important;border:1px solid var(--studio-border)!important;border-top:none!important;border-radius:0 0 12px 12px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;box-shadow:0 4px 10px rgba(0,0,0,.1)!important;transition:all .3s ease!important;animation:tab-glow 3s infinite ease-in-out!important}
.palette-trigger-tab:hover{height:22px!important;background:var(--studio-primary)!important;border-color:var(--studio-accent)!important}
.palette-trigger-tab:hover .tab-icon{color:var(--studio-text-inverse)!important}
.tab-icon{color:var(--studio-primary)!important;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)!important;display:flex!important;align-items:center!important}
#studio-command-palette.active+.palette-trigger-wrapper .tab-icon,.palette-trigger-tab.active .tab-icon{transform:rotate(180deg)!important}
@keyframes tab-glow{0%,100%{box-shadow:0 4px 10px rgba(0,0,0,.1)}50%{box-shadow:0 4px 20px var(--studio-glow)}}
#studio-command-palette{width:100%!important;background:var(--studio-card)!important;border:1px solid var(--studio-border)!important;border-radius:16px!important;margin-bottom:0!important;height:0!important;overflow:hidden!important;opacity:0!important;transition:all .4s cubic-bezier(.175,.885,.32,1.275)!important;display:flex!important;align-items:center!important;padding:0 20px!important;box-shadow:var(--studio-shadow)!important;position:relative!important;z-index:100!important;pointer-events:none!important}
#studio-command-palette.active{height:70px!important;margin-bottom:25px!important;opacity:1!important;pointer-events:auto!important;border-color:var(--studio-primary)!important;box-shadow:0 15px 30px var(--studio-glow)!important}
#studio-command-palette::before{content:'>';font-family:var(--studio-font-mono)!important;color:var(--studio-primary)!important;font-weight:900!important;font-size:20px!important;margin-right:15px!important}
#studio-command-palette input{flex:1!important;background:transparent!important;border:none!important;color:var(--studio-text)!important;font-size:18px!important;font-weight:700!important;outline:none!important;font-family:var(--studio-font-sans)!important;height:100%!important;padding:0!important;line-height:70px!important}
.studio-status-bar{width:100%!important;height:36px!important;background:var(--studio-card)!important;border:1px solid var(--studio-border)!important;border-radius:10px!important;display:flex!important;align-items:center!important;padding:0 15px!important;gap:15px!important;font-size:10px!important;font-weight:800!important;color:var(--studio-text-muted)!important;margin-top:2px!important;box-shadow:var(--studio-shadow)!important}
.status-item{display:flex!important;align-items:center!important;gap:4px!important}
.status-dot{width:6px!important;height:6px!important;border-radius:50%!important;background:var(--studio-success)!important}
 .studio-workspace-split{display:flex!important;flex-direction:column!important;gap:5px!important;width:100%!important}
 .panels-row{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:0!important;width:100%!important;align-items:stretch!important}
 .studio-panel{flex:1 1 50%!important;background:var(--studio-card)!important;padding:15px!important;border-radius:12px!important;border:1px solid var(--studio-border)!important;box-shadow:var(--studio-shadow)!important;min-height:250px!important;max-height:600px!important;transition:height .3s ease!important;overflow-y:auto!important;position:relative!important;display:flex!important;flex-direction:column!important;z-index:1000!important}
.studio-splitter{width:6px!important;background:transparent!important;cursor:col-resize!important;transition:background .2s!important;z-index:1001!important;margin:0 2px!important;border-radius:3px!important}
.studio-splitter:hover,.studio-splitter.dragging{background:var(--studio-primary)!important}
 .panel-header{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:10px!important;padding-bottom:10px!important;border-bottom:1px solid var(--studio-border)!important}
 .panel-title{font-size:12px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:var(--studio-text)!important;display:flex!important;align-items:center!important;gap:8px!important}
 .panel-badge{font-size:8px!important;padding:2px 6px!important;background:var(--studio-primary)!important;color:var(--studio-text-inverse)!important;border-radius:3px!important;font-weight:800!important}
 .highlighter-container{position:relative!important;width:100%!important;flex-grow:1!important;height:auto!important;min-height:0!important;background:var(--studio-bg)!important;border-radius:8px!important;border:1px solid var(--studio-border)!important;display:flex!important;overflow:hidden!important;pointer-events:auto!important}
 .gutter{width:35px!important;background:var(--studio-surface)!important;border-right:1px solid var(--studio-border)!important;display:flex!important;flex-direction:column!important;align-items:center!important;padding-top:15px!important;color:var(--studio-text-muted)!important;font-family:var(--studio-font-mono)!important;font-size:11px!important;user-select:none!important;line-height:1.5!important}
 .highlighter-textarea{flex-grow:1!important;height:100%!important;background:transparent!important;border:none!important;padding:15px!important;color:var(--studio-text)!important;font-family:var(--studio-font-mono)!important;font-size:12px!important;resize:none!important;outline:none!important;line-height:1.5!important;overflow-x:hidden!important}
 .kod-tabs{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin-bottom:10px!important;border-bottom:1px solid var(--studio-border)!important;padding-bottom:5px!important;position:relative!important;z-index:2!important}
 .kod-tab{padding:6px 12px!important;background:transparent!important;border-radius:6px 6px 0 0!important;font-size:10px!important;font-weight:800!important;color:var(--studio-text-muted)!important;cursor:pointer!important;text-transform:uppercase!important;transition:all .2s!important;white-space:nowrap!important;min-width:60px!important;text-align:center!important;user-select:none!important;border:1px solid transparent!important}
 .kod-tab.active{background:var(--studio-primary)!important;color:var(--studio-text-inverse)!important;border:1px solid var(--studio-accent)!important}
 .tab-content{display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important;position:absolute!important;pointer-events:none!important;opacity:0!important;animation:studioFadeIn .3s ease!important}
 .tab-content.active-panel{display:block!important;visibility:visible!important;height:auto!important;overflow:visible!important;position:relative!important;pointer-events:auto!important;opacity:1!important}
.panel-toolbar{display:flex!important;align-items:center!important;flex:1!important;justify-content:flex-end!important;margin-bottom:0!important}
.panel-toolbar .studio-toolbar-btn{background:var(--studio-bg)!important;border:1px solid var(--studio-border)!important;color:var(--studio-text)!important;width:30px!important;height:30px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;border-radius:6px!important;cursor:pointer!important;transition:all .2s ease!important;font-size:14px!important}
.panel-toolbar .studio-toolbar-btn:hover:not(:disabled){background:var(--studio-primary)!important;color:var(--studio-text-inverse)!important}
.panel-toolbar .studio-toolbar-btn:disabled{opacity:.4!important;cursor:not-allowed!important;filter:grayscale(1)!important}
#studio-toast-container{position:fixed!important;bottom:50px!important;right:20px!important;z-index:9999!important;display:flex!important;flex-direction:column!important;gap:10px!important;pointer-events:none!important}
.studio-toast{padding:12px 20px!important;background:var(--studio-card)!important;border:1px solid var(--studio-border)!important;border-left:4px solid var(--studio-primary)!important;color:var(--studio-text)!important;border-radius:6px!important;font-size:11px!important;font-weight:800!important;box-shadow:var(--studio-shadow)!important;animation:toastSlideIn .3s cubic-bezier(.68,-.55,.265,1.55) forwards!important;pointer-events:auto!important;text-transform:uppercase!important}
.studio-toast.success{border-left-color:var(--studio-success)!important}
.studio-toast.error{border-left-color:#ef4444!important}
.studio-search-overlay{position:absolute!important;top:50px!important;right:15px!important;background:var(--studio-surface)!important;border:1px solid var(--studio-border)!important;padding:8px!important;border-radius:8px!important;display:none!important;z-index:100!important;box-shadow:var(--studio-shadow)!important;align-items:center!important;gap:8px!important;animation:studioFadeIn .2s ease!important}
.studio-search-overlay.active{display:flex!important}
.studio-panel-card{background:var(--studio-card)!important;border:1px solid var(--studio-border)!important;border-radius:12px!important;padding:10px!important;display:flex!important;box-shadow:0 4px 6px -1px rgba(0,0,0,.02)!important;overflow:hidden!important;width:100%!important;flex:1!important}
@keyframes toastSlideIn{from{transform:translateX(120%);opacity:0}to{transform:translateX(0);opacity:1}}
@keyframes studioFadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
/* =============================================================================
   MIGRATED SEO UTILITIES (From seo.min.css)
   ============================================================================= */
.kod-breadcrumb-reset { margin-left:0 !important }
.kod-article-section-header { font-size: 22px;font-weight: 800;letter-spacing: -0.02em;margin: 40px 0 20px 0;padding-left: 15px;border-left: 4px solid var(--studio-primary);text-transform: uppercase;color: var(--studio-text);display: flex;align-items: center;}
.kod-article-wrapper { height:auto; margin-top:32px; overflow:visible; padding:40px; text-align:left }
.kod-article-inner { margin:0 auto; max-width:900px; font-family:'Inter',sans-serif }
.kod-article-body { color:var(--studio-text-muted); font-size:15px; line-height:1.75; margin-bottom:24px }
.kod-article-list { color:var(--studio-text-muted); font-size:14px; line-height:1.8; margin:0 0 24px 0; padding-left:20px }

/* Force interaction on CodeMirror */
#elite-studio-wrap .CodeMirror {
    pointer-events: auto !important;
    z-index: 10 !important;
}

#elite-studio-wrap .highlighter-container {
    pointer-events: auto !important;
}

#elite-studio-wrap .editor-wrapper {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    pointer-events: auto !important;
}
/* Fix panel scrollbars */
.studio-panel {
    overflow: hidden !important; /* Prevent panel-level scrollbars */
    display: flex !important;
    flex-direction: column !important;
}

.tab-content.active-panel {
    flex-grow: 1 !important;
    overflow: hidden !important; /* Let internal elements handle scrolling */
    display: flex !important;
    flex-direction: column !important;
}

/* Ensure the editor wrapper fills the tab content */
.editor-wrapper {
    flex-grow: 1 !important;
    height: 100% !important;
    overflow: hidden !important;
}