/* ========== Config Builder - Premium Standalone Theme ========== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap');

:root {
    --cb-bg: #05050d;
    --cb-bg2: #0a0a18;
    --cb-bg3: #0e0e22;
    --cb-panel: rgba(12,12,30,0.92);
    --cb-card: rgba(18,18,45,0.7);
    --cb-input: rgba(8,8,24,0.95);
    --cb-hover: rgba(40,30,80,0.45);
    --cb-border: rgba(100,70,230,0.12);
    --cb-border2: rgba(168,85,247,0.25);
    --cb-text: #eae8ff;
    --cb-text2: #a09cc0;
    --cb-text3: #6a6590;
    --cb-accent: #a855f7;
    --cb-accent2: #6366f1;
    --cb-accent3: #3b82f6;
    --cb-cyan: #22d3ee;
    --cb-green: #34d399;
    --cb-red: #f43f5e;
    --cb-orange: #f59e0b;
    --cb-pink: #ec4899;
    --cb-purple: #8b5cf6;
    --cb-grad: linear-gradient(135deg, #a855f7, #6366f1, #3b82f6);
    --cb-grad2: linear-gradient(135deg, #22d3ee, #6366f1);
    --cb-font: 'Inter', system-ui, -apple-system, sans-serif;
    --cb-mono: 'JetBrains Mono', 'Fira Code', monospace;
    --cb-radius: 10px;
    --cb-shadow: 0 8px 32px rgba(0,0,0,0.5);
    --cb-transition: all 0.25s cubic-bezier(0.4,0,0.2,1);
    /* Aliases for configbuilder.js inline styles that reference old variable names */
    --text-primary: #eae8ff;
    --text-secondary: #a09cc0;
    --text-muted: #6a6590;
    --accent: #a855f7;
    --accent-dim: #8b3fd9;
    --accent-glow: rgba(168,85,247,0.25);
    --accent2: #6366f1;
    --accent3: #3b82f6;
    --accent-cyan: #22d3ee;
    --accent-green: #34d399;
    --accent-red: #f43f5e;
    --accent-orange: #f59e0b;
    --accent4: #ec4899;
    --bg-primary: #05050d;
    --bg-secondary: #0a0a18;
    --bg-panel: rgba(12,12,30,0.92);
    --bg-card: rgba(18,18,45,0.7);
    --bg-input: rgba(8,8,24,0.95);
    --bg-hover: rgba(40,30,80,0.45);
    --bg-glass: rgba(12,12,30,0.92);
    --border-color: rgba(100,70,230,0.12);
    --border-accent: rgba(168,85,247,0.25);
    --gradient-main: linear-gradient(135deg, #a855f7, #6366f1, #3b82f6);
    --gradient-btn: linear-gradient(135deg, #a855f7, #6366f1);
    --success: #34d399;
    --danger: #f43f5e;
    --warning: #f59e0b;
    --font-main: 'Inter', system-ui, -apple-system, sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
    --radius: 10px;
    --radius-lg: 16px;
    --shadow: 0 8px 32px rgba(0,0,0,0.5);
    --transition: all 0.25s cubic-bezier(0.4,0,0.2,1);
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--cb-font);background:var(--cb-bg);color:var(--cb-text);min-height:100vh;line-height:1.6;overflow:hidden}
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(168,85,247,0.3);border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:rgba(168,85,247,0.5)}
::selection{background:rgba(168,85,247,0.3);color:#fff}

/* ========== Animated BG ========== */
body::before{
    content:'';position:fixed;top:0;left:0;width:100%;height:100%;
    background:
        radial-gradient(ellipse at 15% 15%,rgba(168,85,247,0.07) 0%,transparent 50%),
        radial-gradient(ellipse at 85% 85%,rgba(99,102,241,0.06) 0%,transparent 50%),
        radial-gradient(ellipse at 50% 50%,rgba(34,211,238,0.03) 0%,transparent 60%);
    pointer-events:none;z-index:0;
}

/* ========== Top Nav ========== */
.cb-topnav{
    display:flex;align-items:center;height:48px;padding:0 20px;
    background:var(--cb-panel);border-bottom:1px solid var(--cb-border);
    position:relative;z-index:200;backdrop-filter:blur(20px);gap:16px;
}
.cb-topnav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--cb-text);font-weight:800;font-size:15px;letter-spacing:-0.5px;}
.cb-topnav-logo .logo-icon{
    width:30px;height:30px;background:var(--cb-grad);border-radius:8px;
    display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;color:#fff;
}
.cb-topnav-logo .badge{font-size:9px;padding:1px 6px;border-radius:4px;background:rgba(168,85,247,0.15);color:var(--cb-accent);font-weight:700;letter-spacing:1px;}
.cb-topnav-tabs{display:flex;gap:2px;margin-left:24px;}
.cb-topnav-tab{
    padding:12px 18px;border:none;background:transparent;color:var(--cb-text3);
    font-size:12px;font-weight:600;cursor:pointer;transition:var(--cb-transition);
    display:flex;align-items:center;gap:6px;border-bottom:2px solid transparent;position:relative;
}
.cb-topnav-tab:hover{color:var(--cb-text2);}
.cb-topnav-tab.active{color:var(--cb-accent);border-bottom-color:var(--cb-accent);}
.cb-topnav-tab i{font-size:11px;}
.cb-topnav-right{margin-left:auto;display:flex;align-items:center;gap:8px;}
.cb-topnav-right a{color:var(--cb-text3);font-size:12px;text-decoration:none;display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:6px;transition:var(--cb-transition);border:1px solid var(--cb-border);}
.cb-topnav-right a:hover{color:var(--cb-text);border-color:var(--cb-border2);background:var(--cb-hover);}

/* ========== Page Container ========== */
.cb-page{display:none;flex:1;overflow:hidden;position:relative;z-index:1;}
.cb-page.active{display:flex;flex-direction:column;}
.cb-app{display:flex;flex-direction:column;height:100vh;position:relative;z-index:1;}

/* ========== CONFIG BUILDER PAGE ========== */
.cb-main{display:flex;flex:1;overflow:hidden;}

/* Palette */
.cb-palette{
    width:200px;min-width:200px;background:var(--cb-panel);border-right:1px solid var(--cb-border);
    display:flex;flex-direction:column;overflow-y:auto;
}
.cb-palette-header{
    padding:12px 14px;font-size:10px;font-weight:800;letter-spacing:2px;
    color:var(--cb-text3);text-transform:uppercase;border-bottom:1px solid var(--cb-border);
    display:flex;align-items:center;gap:6px;position:sticky;top:0;background:var(--cb-panel);z-index:5;
}
.cb-palette-header i{color:var(--cb-accent);font-size:11px;}
.cb-palette-section{padding:8px 10px;}
.cb-palette-title{font-size:8px;font-weight:800;letter-spacing:2px;color:var(--cb-text3);text-transform:uppercase;margin-bottom:6px;padding:0 4px;}
.cb-palette-item{
    display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;
    font-size:11px;font-weight:500;color:var(--cb-text2);cursor:grab;
    transition:var(--cb-transition);border:1px solid transparent;
}
.cb-palette-item:hover{background:var(--cb-hover);color:var(--cb-text);border-color:var(--cb-border);}
.cb-palette-item:active{cursor:grabbing;transform:scale(0.97);}
.cb-palette-item i{width:16px;text-align:center;font-size:11px;}
/* Palette icon colors */
.cb-palette-item[data-block-type="request"] i{color:var(--cb-accent3)}
.cb-palette-item[data-block-type^="parse"] i,.cb-palette-item[data-block-type="parse-header"] i,.cb-palette-item[data-block-type="parse-cookie"] i{color:var(--cb-orange)}
.cb-palette-item[data-block-type="keycheck"] i,.cb-palette-item[data-block-type="if-else"] i,.cb-palette-item[data-block-type="loop-begin"] i,.cb-palette-item[data-block-type="loop-end"] i,.cb-palette-item[data-block-type="assert"] i{color:var(--cb-pink)}
.cb-palette-item[data-block-type="set-variable"] i,.cb-palette-item[data-block-type="replace"] i,.cb-palette-item[data-block-type="encode"] i,.cb-palette-item[data-block-type="delay"] i,.cb-palette-item[data-block-type="log"] i,.cb-palette-item[data-block-type="substring"] i,.cb-palette-item[data-block-type="concat"] i,.cb-palette-item[data-block-type="math"] i,.cb-palette-item[data-block-type="random"] i,.cb-palette-item[data-block-type="hash"] i,.cb-palette-item[data-block-type="timestamp"] i,.cb-palette-item[data-block-type="string-op"] i,.cb-palette-item[data-block-type="base-convert"] i,.cb-palette-item[data-block-type="json-build"] i{color:var(--cb-green)}
.cb-palette-item[data-block-type="recaptcha"] i,.cb-palette-item[data-block-type="hcaptcha"] i{color:var(--cb-red)}
.cb-palette-item[data-block-type="js-execute"] i,.cb-palette-item[data-block-type="auto-token"] i{color:var(--cb-purple)}

/* ========== Canvas Area ========== */
.cb-canvas-area{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;}

/* Toolbar */
.cb-toolbar{
    display:flex;align-items:center;justify-content:space-between;padding:8px 14px;
    border-bottom:1px solid var(--cb-border);background:var(--cb-panel);gap:8px;flex-wrap:wrap;
}
.cb-toolbar-left{display:flex;align-items:center;gap:10px;}
.cb-toolbar-right{display:flex;align-items:center;gap:5px;flex-wrap:wrap;}
.cb-block-count{font-size:10px;color:var(--cb-text3);font-family:var(--cb-mono);}

/* Mini buttons */
.mini-btn{
    padding:5px 12px;border:1px solid var(--cb-border);border-radius:6px;
    background:transparent;color:var(--cb-text2);font-size:11px;font-weight:600;
    cursor:pointer;transition:var(--cb-transition);display:inline-flex;align-items:center;gap:4px;
    font-family:var(--cb-font);white-space:nowrap;
}
.mini-btn:hover{border-color:var(--cb-border2);color:var(--cb-text);background:var(--cb-hover);}
.mini-btn:disabled{opacity:0.35;cursor:not-allowed;}
.mini-btn i{font-size:10px;}
#cbRunBtn{border-color:var(--cb-green);color:var(--cb-green);}
#cbRunBtn:hover{background:rgba(52,211,153,0.1);}
#cbMultiRunBtn{border-color:var(--cb-cyan);color:var(--cb-cyan);}
#cbMultiRunBtn:hover{background:rgba(34,211,238,0.1);}
#cbStopBtn{border-color:var(--cb-red);color:var(--cb-red);}

/* Export dropdown */
.cb-export-opt{display:flex;align-items:center;gap:8px;width:100%;padding:7px 14px;border:none;background:transparent;color:var(--cb-text2);font-size:11px;cursor:pointer;transition:var(--cb-transition);text-align:left;font-family:var(--cb-font);}
.cb-export-opt:hover{background:var(--cb-hover);color:var(--cb-text);}
.cb-export-opt i{width:14px;text-align:center;color:var(--cb-accent);}

/* Saved Configs Panel */
.cb-config-list-panel{display:flex;flex-direction:column;background:var(--cb-panel);border:1px solid var(--cb-border);border-radius:8px;max-height:180px;overflow:hidden;}
.cb-config-list-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;font-size:11px;font-weight:700;color:var(--cb-accent);border-bottom:1px solid var(--cb-border);background:var(--cb-card);flex-shrink:0;}
.cb-config-list-body{overflow-y:auto;flex:1;padding:4px;}
.cb-config-item{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:var(--cb-card);border:1px solid var(--cb-border);border-radius:6px;transition:var(--cb-transition);gap:8px;margin-bottom:3px;}
.cb-config-item:hover{border-color:var(--cb-accent);}
.cb-config-item-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0;}
.cb-config-item-name{font-size:11px;color:var(--cb-text);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cb-config-item-meta{font-size:9px;color:var(--cb-text3);}
.cb-config-item-actions{display:flex;gap:3px;flex-shrink:0;}
.cb-config-item-actions .cyber-btn.sm{padding:3px 6px;font-size:10px;min-width:auto;border:1px solid var(--cb-border);border-radius:4px;background:transparent;color:var(--cb-text2);cursor:pointer;transition:var(--cb-transition);}
.cb-config-item-actions .cyber-btn.sm:hover{background:var(--cb-hover);color:var(--cb-text);}
.cb-config-item-actions .cyber-btn.sm.danger{color:var(--cb-red);border-color:var(--cb-red);}
.cb-config-item-actions .cyber-btn.sm.danger:hover{background:rgba(244,63,94,0.15);}

/* Variables Bar */
.cb-variables-bar{display:flex;align-items:center;gap:8px;padding:6px 14px;border-bottom:1px solid var(--cb-border);background:rgba(168,85,247,0.02);min-height:34px;flex-wrap:wrap;}
.cb-var-title{font-size:9px;font-weight:700;color:var(--cb-text3);letter-spacing:1px;display:flex;align-items:center;gap:5px;white-space:nowrap;}
.cb-var-title i{color:var(--cb-accent);font-size:9px;}
.cb-var-list{display:flex;gap:4px;flex-wrap:wrap;flex:1;}
.cb-var-tag{padding:2px 7px;border-radius:4px;font-size:9px;font-family:var(--cb-mono);font-weight:600;background:rgba(168,85,247,0.1);color:var(--cb-accent);border:1px solid rgba(168,85,247,0.2);cursor:pointer;transition:var(--cb-transition);}
.cb-var-tag:hover{background:rgba(168,85,247,0.2);}
.cb-var-tag.empty{background:transparent;border-color:transparent;color:var(--cb-text3);cursor:default;}

/* Debugger Bar */
.cb-debugger-bar{padding:6px 14px;border-bottom:1px solid var(--cb-border);background:rgba(59,130,246,0.02);display:flex;flex-direction:column;gap:5px;}
.cb-debugger-row{display:flex;align-items:center;gap:8px;}
.cb-debugger-label{font-size:9px;font-weight:700;color:var(--cb-text3);letter-spacing:0.5px;display:flex;align-items:center;gap:5px;white-space:nowrap;min-width:50px;}
.cb-debugger-label i{color:var(--cb-cyan);font-size:9px;}

/* Canvas */
.cb-canvas{flex:1;overflow-y:auto;padding:12px;position:relative;}
.cb-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--cb-text3);font-size:13px;text-align:center;}

/* Blocks */
.cb-block{
    display:flex;align-items:stretch;margin-bottom:6px;border-radius:8px;
    border:1px solid var(--cb-border);background:var(--cb-panel);
    transition:var(--cb-transition);position:relative;overflow:hidden;
    cursor:pointer;user-select:none;animation:cbSlideUp 0.2s ease;
}
@keyframes cbSlideUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.cb-block:hover{border-color:var(--cb-border2);box-shadow:0 2px 12px rgba(0,0,0,0.2);}
.cb-block.selected{border-color:var(--cb-accent);box-shadow:0 0 0 2px rgba(168,85,247,0.15),0 4px 20px rgba(168,85,247,0.1);}
.cb-block.running{border-color:var(--cb-cyan);box-shadow:0 0 0 2px rgba(34,211,238,0.15);}
.cb-block.success{border-color:var(--cb-green);}
.cb-block.error{border-color:var(--cb-red);}
.cb-block.disabled{opacity:0.35;}
.cb-block-color{width:4px;min-width:4px;flex-shrink:0;}
.cb-block-color.request{background:var(--cb-accent3);}
.cb-block-color.parse{background:var(--cb-orange);}
.cb-block-color.logic{background:var(--cb-pink);}
.cb-block-color.utility{background:var(--cb-green);}
.cb-block-color.captcha{background:var(--cb-red);}
.cb-block-color.advanced{background:var(--cb-purple);}
.cb-block-body{flex:1;padding:8px 12px;display:flex;align-items:center;gap:10px;min-width:0;}
.cb-block-icon{width:26px;height:26px;min-width:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;}
.cb-block-icon.request{background:rgba(59,130,246,0.12);color:var(--cb-accent3);}
.cb-block-icon.parse{background:rgba(245,158,11,0.12);color:var(--cb-orange);}
.cb-block-icon.logic{background:rgba(236,72,153,0.12);color:var(--cb-pink);}
.cb-block-icon.utility{background:rgba(52,211,153,0.12);color:var(--cb-green);}
.cb-block-icon.captcha{background:rgba(244,63,94,0.12);color:var(--cb-red);}
.cb-block-icon.advanced{background:rgba(139,92,246,0.12);color:var(--cb-purple);}
.cb-block-info{flex:1;min-width:0;}
.cb-block-name{font-size:11px;font-weight:700;color:var(--cb-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cb-block-desc{font-size:9px;color:var(--cb-text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--cb-mono);margin-top:1px;}
.cb-block-actions{display:flex;align-items:center;gap:3px;padding-right:8px;}
.cb-block-actions button{width:22px;height:22px;border:none;border-radius:4px;background:transparent;color:var(--cb-text3);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:9px;transition:var(--cb-transition);}
.cb-block-actions button:hover{background:var(--cb-hover);color:var(--cb-text);}
.cb-block-actions .cb-edit{color:var(--cb-accent);}
.cb-block-actions .cb-del-block:hover{color:var(--cb-red);}
.cb-block-number{position:absolute;top:3px;right:6px;font-size:7px;font-weight:800;color:var(--cb-text3);font-family:var(--cb-mono);opacity:0.4;}
.cb-connector{display:flex;justify-content:center;padding:1px 0;}
.cb-connector-line{width:2px;height:10px;background:var(--cb-border);border-radius:1px;}
.cb-canvas.drag-over .cb-empty-state{border:2px dashed var(--cb-accent);border-radius:var(--cb-radius);padding:20px;background:rgba(168,85,247,0.04);}
.cb-drop-indicator{height:3px;background:var(--cb-accent);border-radius:2px;margin:3px 0;animation:pulse 1s ease-in-out infinite;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}

/* ========== Editor Panel ========== */
.cb-editor-panel{
    width:400px;min-width:400px;background:var(--cb-panel);border-left:1px solid var(--cb-border);
    display:flex;flex-direction:column;overflow:hidden;transition:var(--cb-transition);
}
.cb-editor-tabs{display:flex;border-bottom:1px solid var(--cb-border);background:var(--cb-input);}
.cb-editor-tab{
    flex:1;padding:10px 6px;border:none;background:transparent;color:var(--cb-text3);
    font-size:10px;font-weight:600;cursor:pointer;transition:var(--cb-transition);
    display:flex;align-items:center;justify-content:center;gap:4px;font-family:var(--cb-font);
    border-bottom:2px solid transparent;
}
.cb-editor-tab:hover{color:var(--cb-text2);}
.cb-editor-tab.active{color:var(--cb-accent);border-bottom-color:var(--cb-accent);background:rgba(168,85,247,0.03);}
.cb-editor-content{display:none;flex:1;overflow-y:auto;padding:14px;}
.cb-editor-content.active{display:flex;flex-direction:column;}
.cb-no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--cb-text3);font-size:13px;text-align:center;}

/* Block Editor Fields */
.cb-field{margin-bottom:12px;}
.cb-field-label{font-size:9px;font-weight:700;letter-spacing:1px;color:var(--cb-text3);margin-bottom:4px;text-transform:uppercase;display:flex;align-items:center;gap:4px;}
.cb-field-label .var-hint{font-size:8px;color:var(--cb-accent);font-weight:500;letter-spacing:0;text-transform:none;margin-left:auto;cursor:help;}
.cb-field input,.cb-field select,.cb-field textarea{
    width:100%;padding:7px 10px;background:var(--cb-input);border:1px solid var(--cb-border);
    border-radius:6px;color:var(--cb-text);font-size:11px;font-family:var(--cb-mono);
    outline:none;transition:var(--cb-transition);
}
.cb-field input:focus,.cb-field select:focus,.cb-field textarea:focus{border-color:var(--cb-accent);box-shadow:0 0 0 2px rgba(168,85,247,0.12);}
.cb-field textarea{min-height:55px;resize:vertical;}
.cb-field select{cursor:pointer;}
.cb-field-row{display:flex;gap:8px;}
.cb-field-row .cb-field{flex:1;margin-bottom:0;}
.cb-field-divider{height:1px;background:var(--cb-border);margin:10px 0;}

/* Keycheck conditions */
.cb-kc-condition{padding:8px;border:1px solid var(--cb-border);border-radius:8px;background:var(--cb-card);margin-bottom:6px;}
.cb-kc-condition .cb-field{margin-bottom:6px;}
.cb-kc-condition .cb-field:last-child{margin-bottom:0;}
.cb-kc-remove{float:right;border:none;background:none;color:var(--cb-text3);cursor:pointer;font-size:10px;padding:2px;}
.cb-kc-remove:hover{color:var(--cb-red);}

/* ========== Log ========== */
.cb-log{
    font-family:var(--cb-mono);font-size:11px;color:var(--cb-text2);
    white-space:pre-wrap;word-break:break-all;line-height:1.6;flex:1;
    background:#07070f;border-radius:8px;padding:12px;
    overflow-y:auto;max-height:100%;contain:content;will-change:scroll-position;
}
.cb-log .log-info{color:#22d3ee}
.cb-log .log-success{color:#34d399}
.cb-log .log-error{color:#f43f5e}
.cb-log .log-warn{color:#f59e0b}
.cb-log .log-var{color:#fbbf24}
.cb-log .log-dim{color:#6b7280}
.cb-log details.cb-resp-details{margin:2px 0;}
.cb-log details.cb-resp-details summary{outline:none;list-style:none;font-size:11px;}
.cb-log details.cb-resp-details summary::-webkit-details-marker{display:none;}
.cb-log details.cb-resp-details summary::before{content:'▶ ';font-size:9px;}
.cb-log details[open].cb-resp-details summary::before{content:'▼ ';}
.cb-log details.cb-resp-details pre{background:#0a0a16;border:1px solid #16162a;border-radius:4px;padding:8px;margin:4px 0;max-height:300px;overflow-y:auto;font-size:11px;line-height:1.5;}

/* ========== Response Viewer ========== */
.cb-response-wrap{display:flex;flex-direction:column;flex:1;overflow:hidden;gap:0;}
.cb-resp-toolbar{display:flex;align-items:center;gap:4px;padding:6px 8px;border-bottom:1px solid var(--cb-border);background:var(--cb-input);border-radius:6px 6px 0 0;flex-wrap:wrap;}
.cb-resp-tab-btn{padding:4px 10px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--cb-text3);font-size:10px;font-weight:600;cursor:pointer;transition:var(--cb-transition);display:flex;align-items:center;gap:4px;font-family:var(--cb-font);}
.cb-resp-tab-btn:hover{color:var(--cb-text2);background:var(--cb-hover);}
.cb-resp-tab-btn.active{color:var(--cb-accent);background:rgba(168,85,247,0.1);border-color:rgba(168,85,247,0.2);}
.cb-resp-status{margin-left:auto;font-size:10px;font-weight:700;font-family:var(--cb-mono);padding:2px 8px;border-radius:4px;}
.cb-resp-status.s2xx{color:var(--cb-green);background:rgba(52,211,153,0.1);}
.cb-resp-status.s3xx{color:var(--cb-orange);background:rgba(245,158,11,0.1);}
.cb-resp-status.s4xx,.cb-resp-status.s5xx{color:var(--cb-red);background:rgba(244,63,94,0.1);}
.cb-resp-view{display:none;flex:1;overflow:auto;padding:8px;}
.cb-resp-view.active{display:flex;flex-direction:column;}
.cb-resp-pre{font-family:var(--cb-mono);font-size:11px;color:var(--cb-text2);background:var(--cb-input);border:1px solid var(--cb-border);border-radius:6px;padding:10px;white-space:pre-wrap;word-break:break-all;flex:1;overflow-y:auto;line-height:1.6;margin:0;}
.cb-resp-json{color:var(--cb-cyan);}
#cbBrowserFrame{flex:1;min-height:300px;border-radius:6px;transform-origin:0 0;}
.cb-browser-scale{position:relative;overflow:hidden;flex:1;display:flex;}
.cb-browser-scale iframe{width:1024px;height:768px;transform:scale(var(--browser-scale,0.38));transform-origin:0 0;position:absolute;top:0;left:0;}

/* Fullscreen browser overlay */
.cb-fullscreen-overlay{
    display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;
    background:var(--cb-bg);flex-direction:column;
}
.cb-fullscreen-overlay.active{display:flex;}
.cb-fullscreen-bar{display:flex;align-items:center;padding:8px 16px;background:var(--cb-panel);border-bottom:1px solid var(--cb-border);gap:12px;}
.cb-fullscreen-bar .cb-fs-url{flex:1;font-family:var(--cb-mono);font-size:12px;color:var(--cb-text2);padding:6px 12px;background:var(--cb-input);border:1px solid var(--cb-border);border-radius:6px;}
.cb-fullscreen-body{flex:1;overflow:hidden;}
.cb-fullscreen-body iframe{width:100%;height:100%;border:none;background:#fff;}

/* ========== RUNNER PAGE ========== */
.runner-layout{display:flex;flex:1;overflow:hidden;}
.runner-sidebar{width:320px;min-width:320px;background:var(--cb-panel);border-right:1px solid var(--cb-border);display:flex;flex-direction:column;overflow:hidden;}
.runner-section{padding:14px;border-bottom:1px solid var(--cb-border);}
.runner-section-title{font-size:9px;font-weight:800;letter-spacing:2px;color:var(--cb-text3);text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:6px;}
.runner-section-title i{color:var(--cb-accent);font-size:10px;}
.runner-input{width:100%;padding:7px 10px;background:var(--cb-input);border:1px solid var(--cb-border);border-radius:6px;color:var(--cb-text);font-size:11px;font-family:var(--cb-mono);outline:none;transition:var(--cb-transition);resize:vertical;}
.runner-input:focus{border-color:var(--cb-accent);box-shadow:0 0 0 2px rgba(168,85,247,0.12);}
.runner-input-label{font-size:9px;font-weight:700;color:var(--cb-text3);letter-spacing:0.5px;margin-bottom:4px;text-transform:uppercase;}
.runner-combo{min-height:120px;max-height:200px;}
.runner-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px;}
.runner-stat{padding:8px;background:var(--cb-card);border:1px solid var(--cb-border);border-radius:6px;text-align:center;}
.runner-stat-val{font-size:18px;font-weight:800;font-family:var(--cb-mono);color:var(--cb-text);}
.runner-stat-label{font-size:8px;font-weight:700;letter-spacing:1px;color:var(--cb-text3);text-transform:uppercase;margin-top:2px;}
.runner-stat.success .runner-stat-val{color:var(--cb-green);}
.runner-stat.fail .runner-stat-val{color:var(--cb-red);}
.runner-stat.custom .runner-stat-val{color:var(--cb-orange);}
.runner-stat.retry .runner-stat-val{color:var(--cb-cyan);}
.runner-controls{display:flex;gap:6px;margin-top:10px;}
.runner-controls .mini-btn{flex:1;justify-content:center;padding:8px 12px;font-size:12px;font-weight:700;}
.runner-progress{margin-top:10px;}
.runner-progress-bar{height:4px;background:var(--cb-card);border-radius:2px;overflow:hidden;}
.runner-progress-fill{height:100%;background:var(--cb-grad);border-radius:2px;transition:width 0.3s ease;width:0%;}
.runner-progress-text{font-size:9px;color:var(--cb-text3);margin-top:4px;font-family:var(--cb-mono);text-align:center;}

/* Runner results */
.runner-results{flex:1;display:flex;flex-direction:column;overflow:hidden;}
.runner-results-header{display:flex;align-items:center;padding:10px 16px;border-bottom:1px solid var(--cb-border);background:var(--cb-panel);gap:10px;}
.runner-results-header .runner-filter-btn{padding:4px 10px;border:1px solid var(--cb-border);border-radius:5px;background:transparent;color:var(--cb-text3);font-size:10px;font-weight:600;cursor:pointer;transition:var(--cb-transition);font-family:var(--cb-font);}
.runner-results-header .runner-filter-btn:hover{color:var(--cb-text2);background:var(--cb-hover);}
.runner-results-header .runner-filter-btn.active{color:var(--cb-accent);border-color:var(--cb-accent);background:rgba(168,85,247,0.08);}
.runner-results-table{flex:1;overflow-y:auto;}
.runner-results-table table{width:100%;border-collapse:collapse;font-size:11px;}
.runner-results-table th{position:sticky;top:0;background:var(--cb-bg2);padding:8px 12px;text-align:left;font-size:9px;font-weight:700;letter-spacing:1px;color:var(--cb-text3);text-transform:uppercase;border-bottom:1px solid var(--cb-border);}
.runner-results-table td{padding:6px 12px;border-bottom:1px solid var(--cb-border);color:var(--cb-text2);font-family:var(--cb-mono);font-size:11px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.runner-results-table tr:hover td{background:var(--cb-hover);}
.runner-results-table .status-SUCCESS{color:var(--cb-green);font-weight:700;}
.runner-results-table .status-FAIL{color:var(--cb-red);font-weight:700;}
.runner-results-table .status-CUSTOM{color:var(--cb-orange);font-weight:700;}
.runner-results-table .status-BAN{color:var(--cb-pink);font-weight:700;}
.runner-results-table .status-RETRY{color:var(--cb-cyan);font-weight:700;}
.runner-results-table .status-NONE{color:var(--cb-text3);font-weight:700;}
.runner-results-table .status-ERROR{color:var(--cb-red);font-weight:700;}

/* ========== PROXY CHECKER PAGE ========== */
.proxy-layout{display:flex;flex:1;overflow:hidden;}
.proxy-sidebar{width:320px;min-width:320px;background:var(--cb-panel);border-right:1px solid var(--cb-border);display:flex;flex-direction:column;overflow:hidden;}
.proxy-section{padding:14px;border-bottom:1px solid var(--cb-border);}
.proxy-section-title{font-size:9px;font-weight:800;letter-spacing:2px;color:var(--cb-text3);text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:6px;}
.proxy-section-title i{color:var(--cb-cyan);font-size:10px;}
.proxy-input{width:100%;padding:7px 10px;background:var(--cb-input);border:1px solid var(--cb-border);border-radius:6px;color:var(--cb-text);font-size:11px;font-family:var(--cb-mono);outline:none;transition:var(--cb-transition);resize:vertical;}
.proxy-input:focus{border-color:var(--cb-accent);box-shadow:0 0 0 2px rgba(168,85,247,0.12);}
.proxy-combo{min-height:200px;max-height:300px;}
.proxy-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:10px;}
.proxy-stat{padding:8px;background:var(--cb-card);border:1px solid var(--cb-border);border-radius:6px;text-align:center;}
.proxy-stat-val{font-size:16px;font-weight:800;font-family:var(--cb-mono);}
.proxy-stat-label{font-size:8px;font-weight:700;letter-spacing:1px;color:var(--cb-text3);text-transform:uppercase;margin-top:2px;}
.proxy-controls{display:flex;gap:6px;margin-top:10px;}
.proxy-controls .mini-btn{flex:1;justify-content:center;padding:8px 12px;font-size:12px;font-weight:700;}
.proxy-results{flex:1;display:flex;flex-direction:column;overflow:hidden;}
.proxy-results-header{display:flex;align-items:center;padding:10px 16px;border-bottom:1px solid var(--cb-border);background:var(--cb-panel);gap:10px;}
.proxy-results-table{flex:1;overflow-y:auto;}
.proxy-results-table table{width:100%;border-collapse:collapse;font-size:11px;}
.proxy-results-table th{position:sticky;top:0;background:var(--cb-bg2);padding:8px 12px;text-align:left;font-size:9px;font-weight:700;letter-spacing:1px;color:var(--cb-text3);text-transform:uppercase;border-bottom:1px solid var(--cb-border);}
.proxy-results-table td{padding:6px 12px;border-bottom:1px solid var(--cb-border);color:var(--cb-text2);font-family:var(--cb-mono);font-size:11px;}
.proxy-results-table tr:hover td{background:var(--cb-hover);}
.proxy-alive{color:var(--cb-green);font-weight:700;}
.proxy-dead{color:var(--cb-red);font-weight:700;}
.proxy-slow{color:var(--cb-orange);font-weight:700;}

/* ========== Cyber Input (shared) ========== */
.cyber-input{
    padding:7px 10px;background:var(--cb-input);border:1px solid var(--cb-border);
    border-radius:6px;color:var(--cb-text);font-size:11px;font-family:var(--cb-mono);
    outline:none;transition:var(--cb-transition);
}
.cyber-input:focus{border-color:var(--cb-accent);box-shadow:0 0 0 2px rgba(168,85,247,0.12);}

/* ========== Notification ========== */
.cb-notify{
    position:fixed;top:60px;right:20px;z-index:10000;
    padding:10px 18px;border-radius:8px;font-size:12px;font-weight:600;
    color:#fff;backdrop-filter:blur(10px);
    animation:cbNotifyIn 0.3s ease;pointer-events:none;
}
.cb-notify.success{background:rgba(52,211,153,0.9);}
.cb-notify.error{background:rgba(244,63,94,0.9);}
.cb-notify.info{background:rgba(99,102,241,0.9);}
@keyframes cbNotifyIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}

/* ========== Mobile ========== */
.cb-mobile-bar{display:none;}
@media(max-width:1100px){
    .cb-main{flex-direction:column;}
    .cb-palette{width:100%;min-width:100%;max-height:none;border-right:none;border-bottom:1px solid var(--cb-border);}
    .cb-palette-section{display:flex;flex-wrap:wrap;gap:4px;padding:6px 10px;}
    .cb-palette-title{width:100%;}
    .cb-palette-item{flex:0 0 auto;padding:5px 8px;font-size:10px;}
    .cb-editor-panel{width:100%;min-width:100%;border-left:none;border-top:1px solid var(--cb-border);max-height:400px;}
    .runner-layout,.proxy-layout{flex-direction:column;}
    .runner-sidebar,.proxy-sidebar{width:100%;min-width:100%;max-height:350px;border-right:none;border-bottom:1px solid var(--cb-border);}
}
@media(max-width:768px){
    .cb-topnav{padding:0 10px;gap:8px;}
    .cb-topnav-tabs{margin-left:8px;gap:0;}
    .cb-topnav-tab{padding:10px 10px;font-size:10px;}
    .cb-topnav-right{display:none;}
    .cb-mobile-bar{display:flex;gap:4px;padding:6px 8px;border-bottom:1px solid var(--cb-border);background:var(--cb-panel);overflow-x:auto;scrollbar-width:none;}
    .cb-mobile-bar::-webkit-scrollbar{display:none;}
    .cb-palette{display:none;width:100%;min-width:100%;max-height:200px;}
    .cb-palette.cb-mobile-open{display:flex;flex-direction:column;}
    .cb-editor-panel{display:none;width:100%;min-width:100%;border-left:none;border-top:1px solid var(--cb-border);max-height:50vh;}
    .cb-editor-panel.cb-mobile-open{display:flex;}
}