*{margin:0;padding:0;box-sizing:border-box}
    :root{
      --primary:#6366f1;
      --bg:#0f172a;--bg-card:#1e293b;--bg-code:#0d1117;--bg-tab:#161b22;--bg-sidebar:#0d1117;
      --text:#e2e8f0;--text-muted:#94a3b8;--border:#30363d;
      --success:#22c55e;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;
    }
    html,body{height:100%;overflow:hidden}
    body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;font-size:19px}
    a{color:var(--primary);text-decoration:none}

    /* ─── Navbar ─── */
    .navbar{position:fixed;top:0;left:0;right:0;height:60px;background:rgba(13,17,23,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;z-index:1000;gap:16px}
    .logo{font-size:22px;font-weight:700;color:var(--primary);white-space:nowrap;display:flex;align-items:center;gap:6px}
    .logo span{color:var(--text)}
    .nav-links{display:flex;gap:20px}
    .nav-links a{color:var(--text-muted);font-size:18px;transition:color .2s}
    .nav-links a:hover{color:var(--text)}
    .domain-wrap{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:17px;color:var(--text-muted)}
    .domain-input{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:6px 12px;color:var(--text);font-size:17px;width:200px}
    .domain-input:focus{outline:none;border-color:var(--primary)}

    /* ─── Layout ─── */
    .layout{display:flex;height:calc(100vh - 56px);margin-top:56px}

    /* ─── Sidebar ─── */
    .sidebar{width:280px;min-width:280px;height:100%;overflow-y:auto;border-right:1px solid var(--border);background:var(--bg-sidebar);display:flex;flex-direction:column}
    .sidebar::-webkit-scrollbar{width:4px}
    .sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}
    .sb-top{padding:12px;border-bottom:1px solid var(--border)}
    .sb-search{width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:8px 12px;color:var(--text);font-size:18px}
    .sb-search:focus{outline:none;border-color:var(--primary)}
    .sb-tree{flex:1;overflow-y:auto;padding:8px 0}
    
    .sb-brand-item{border-bottom:1px solid rgba(48,54,61,.5)}
    .sb-brand-row{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;user-select:none;transition:background .15s}
    .sb-brand-row:hover{background:rgba(255,255,255,.04)}
    .sb-brand-row.active{background:rgba(99,102,241,.12)}
    .sb-brand-logo{width:18px;height:18px;border-radius:3px;object-fit:contain;flex-shrink:0;background:rgba(255,255,255,.06);padding:1px}
    .sb-brand-logo-placeholder{width:18px;height:18px;border-radius:3px;background:var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-muted)}
    .sb-brand-name{font-size:16px;font-weight:500;color:var(--text);flex:1}
    .sb-brand-cnt{font-size:13px;color:var(--text-muted)}
    .sb-arrow{font-size:9px;color:var(--text-muted);transition:transform .2s;flex-shrink:0}
    .sb-brand-item.open .sb-arrow{transform:rotate(90deg)}
    
    .sb-models{display:none;padding-bottom:4px}
    .sb-brand-item.open .sb-models{display:block}
    .sb-model-row{display:flex;align-items:center;gap:6px;padding:5px 12px 5px 38px;cursor:pointer;font-size:14px;color:var(--text-muted);transition:all .15s;border-left:2px solid transparent}
    .sb-model-row:hover{color:var(--text);background:rgba(255,255,255,.03)}
    .sb-model-row.active{color:var(--primary);border-left-color:var(--primary);background:rgba(99,102,241,.08)}
    .sb-model-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .sb-model-cnt{font-size:12px;color:var(--border);margin-left:auto}
    .sb-model-row{padding-left:20px}
    .sb-fmt-row{padding-left:34px!important}

    .sb-ep-row{display:flex;align-items:center;gap:6px;padding:4px 12px 4px 48px;cursor:pointer;font-size:13px;color:var(--text-muted);transition:all .15s}
    .sb-ep-row:hover{color:var(--text);background:rgba(255,255,255,.02)}
    .sb-ep-row.active{color:var(--primary);background:rgba(99,102,241,.06)}
    .sb-badge{font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px;color:#fff;min-width:30px;text-align:center;flex-shrink:0}
    .sb-ep-path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

    /* ─── Main content ─── */
    .main{flex:1;height:100%;overflow-y:auto;display:flex;flex-direction:column}
    .main::-webkit-scrollbar{width:6px}
    .main::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}

    /* Welcome screen */
    .welcome{padding:60px 48px;max-width:700px}
    .welcome h1{font-size:34px;font-weight:700;margin-bottom:12px}
    .welcome p{color:var(--text-muted);font-size:18px;margin-bottom:24px}
    .stats-row{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:32px}
    .stat{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:14px 22px;text-align:center}
    .stat .num{font-size:29px;font-weight:700;color:var(--primary)}
    .stat .lbl{font-size:14px;color:var(--text-muted);margin-top:2px}
    .base-url-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:12px 18px;display:flex;align-items:center;gap:12px;font-size:17px}
    .bub-lbl{font-size:13px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}
    .bub-url{font-family:monospace;font-size:17px;color:var(--primary)}

    /* API detail panel */
    .api-panel{padding:32px 40px;flex:1}
    .api-panel-title{font-size:24px;font-weight:700;margin-bottom:6px}
    .api-panel-subtitle{color:var(--text-muted);font-size:16px;margin-bottom:20px;display:flex;align-items:center;gap:8px}
    .api-panel-desc{color:var(--text-muted);font-size:17px;line-height:1.7;margin-bottom:24px;max-width:700px}

    .section{margin-bottom:28px}
    .section-title{font-size:17px;font-weight:600;margin-bottom:12px;color:var(--text)}

    .badge{font-size:14px;font-weight:700;padding:4px 10px;border-radius:5px;color:#fff}
    .path-badge{font-family:monospace;font-size:18px;font-weight:600;color:var(--text)}

    /* Auth */
    .auth-box{background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:14px 18px}
    .auth-box ol{margin-left:18px;line-height:2.2;font-size:16px;color:var(--text-muted)}
    .auth-box a{color:var(--primary)}
    .auth-box code{background:rgba(0,0,0,.4);padding:1px 6px;border-radius:4px;font-size:14px;color:#93c5fd}

    /* Code tabs */
    .code-tabs{background:var(--bg-code);border:1px solid var(--border);border-radius:8px;overflow:hidden;max-width:800px}
    .tabs-nav{display:flex;border-bottom:1px solid var(--border);background:var(--bg-tab);padding:0 16px;align-items:flex-end}
    .tab-btn{padding:9px 16px;font-size:16px;cursor:pointer;background:none;border:none;color:var(--text-muted);border-bottom:2px solid transparent;transition:all .15s;margin-bottom:-1px}
    .tab-btn.active{color:var(--success);border-bottom-color:var(--success)}
    .tab-btn:hover:not(.active){color:var(--text)}
    .copy-btn2{margin-left:auto;background:none;border:none;padding:6px 8px;cursor:pointer;color:var(--text-muted);font-size:14px;opacity:.7;transition:opacity .2s}
    .copy-btn2:hover{opacity:1}
    .tab-pane{display:none;padding:16px}
    .tab-pane.active{display:block}
    .tab-pane pre{font-family:'SFMono-Regular',Consolas,monospace;font-size:14px;line-height:1.7;color:#e6edf3;white-space:pre;overflow-x:auto}

    /* Params */
    .params-tbl{width:100%;border-collapse:collapse;font-size:16px;max-width:800px}
    .params-tbl th{text-align:left;padding:8px 12px;background:rgba(255,255,255,.03);color:var(--text-muted);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap}
    .params-tbl td{padding:8px 12px;border-bottom:1px solid rgba(48,54,61,.8);vertical-align:top}
    .params-tbl tr:last-child td{border-bottom:none}
    .pn{font-family:monospace;color:#e6edf3;font-size:14px}
    .pt{color:#79c0ff;font-family:monospace;font-size:13px;background:rgba(56,139,253,.1);padding:1px 6px;border-radius:4px}
    .pr-yes{color:var(--success);font-size:14px}
    .pr-no{color:var(--text-muted);font-size:14px}
    .pd{color:var(--text-muted);font-size:14px;line-height:1.5}
    .pdef{color:#79c0ff;font-family:monospace;font-size:13px}

    /* Response */
    .resp-box{background:var(--bg-code);border:1px solid var(--border);border-radius:8px;overflow:hidden;max-width:800px}
    .resp-hdr{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--bg-tab);border-bottom:1px solid var(--border)}
    .resp-status{font-size:14px;font-weight:600;padding:2px 10px;border-radius:12px;background:rgba(34,197,94,.15);color:var(--success)}
    .resp-pre{padding:16px;font-family:monospace;font-size:14px;line-height:1.7;color:#e6edf3;overflow-x:auto;white-space:pre;max-height:280px;overflow-y:auto}

    /* Brand header */
    .brand-hdr{display:flex;align-items:center;gap:12px;padding:32px 40px 20px;border-bottom:1px solid var(--border);margin-bottom:24px}
    .brand-hdr-logo{width:40px;height:40px;border-radius:8px;object-fit:contain;background:rgba(255,255,255,.05);padding:4px}
    .brand-hdr-name{font-size:26px;font-weight:700}
    .brand-hdr-meta{font-size:16px;color:var(--text-muted)}

    .model-section{margin-bottom:32px}
    .model-section-title{font-size:19px;font-weight:600;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border);font-family:monospace;color:var(--primary)}
    .ep-list-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--border);border-radius:8px;margin-bottom:6px;cursor:pointer;transition:background .15s;background:var(--bg-card)}
    .ep-list-item:hover{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.3)}
    .ep-list-title{font-size:16px;color:var(--text-muted);flex:1}
    .ep-list-path{font-family:monospace;font-size:14px;color:var(--text)}

    .sb-arr{font-size:8px;color:var(--text-muted);transition:transform .2s;flex-shrink:0;display:inline-block;margin-right:2px}
    .sb-arr.open{transform:rotate(90deg)}
    .sb-children{padding-left:0}
    .sb-special-stack{padding:8px 12px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:8px}
    .sb-special-entry{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;border-radius:6px;transition:all .15s;border:1px solid rgba(99,102,241,.16);background:rgba(255,255,255,.02)}
    .sb-special-entry:hover{background:rgba(99,102,241,.12);border-color:rgba(99,102,241,.28)}
    .sb-special-entry.active{background:rgba(99,102,241,.16);border-color:rgba(99,102,241,.4)}
    .sb-special-entry-icon{font-size:16px}
    .sb-special-entry-label{font-size:14px;font-weight:600;color:var(--text)}
    .sb-special-entry-badge{font-size:11px;color:#6366f1;margin-left:auto;background:rgba(99,102,241,.18);padding:2px 6px;border-radius:4px}
    .hidden{display:none!important}
    @media(max-width:768px){.sidebar{display:none}.api-panel,.welcome{padding:20px}}
  
  /* Example selector */
  .example-selector {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 10px;
  }
  .ex-btn {
    padding: 4px 12px;
    border-radius: 6px;
    border: 1px solid var(--border);
    background: var(--bg-secondary);
    color: var(--text-muted);
    font-size: 12px;
    cursor: pointer;
    transition: all 0.15s;
  }
  .ex-btn:hover { border-color: var(--primary); color: var(--primary); }
  .ex-btn.active { background: var(--primary); color: #fff; border-color: var(--primary); }