.editor-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;background:var(--bg0)}
.tab-bar{height:34px;display:flex;align-items:stretch;background:var(--bg1);border-bottom:1px solid var(--bd);flex-shrink:0;overflow:hidden}
.tab-list{display:flex;align-items:stretch;overflow-x:auto;flex:1;scrollbar-width:none}
.tab-list::-webkit-scrollbar{display:none}
.tab-bar-right{display:flex;align-items:center;padding:0 4px;border-left:1px solid var(--bd);gap:2px}
#btn-editor-diff { color: var(--ac); }
#btn-editor-diff:hover { background: rgba(108,43,217,.12); color: var(--ac); }
.tab{display:flex;align-items:center;gap:6px;padding:0 13px;white-space:nowrap;border-right:1px solid var(--bd);cursor:pointer;font-size:12px;color:var(--tx2);background:transparent;border-top:none;border-bottom:2px solid transparent;border-left:none;transition:background .1s,color .1s;min-width:80px;max-width:160px;flex-shrink:0;font-family:var(--font)}
.tab:hover{background:var(--bg3);color:var(--tx1)}
.tab.active{background:var(--bg0);color:var(--tx0);border-bottom-color:var(--ac)}
.tab.mod .tab-name::after{content:'\25CF';font-size:7px;color:var(--yw);margin-left:4px;vertical-align:middle}
.tab-name{overflow:hidden;text-overflow:ellipsis;flex:1}
.tab-x{opacity:0;width:14px;height:14px;border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0;color:var(--tx2)}
.tab:hover .tab-x,.tab.active .tab-x{opacity:1}
.tab-x:hover{background:var(--bg2);color:var(--tx0)}
#monaco-host{flex:1;overflow:hidden;position:relative}
.welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:6px;color:var(--tx2);padding:24px}
.welcome-logo{font-family:var(--mono);font-size:50px;font-weight:700;color:var(--ac);letter-spacing:-2px;margin-bottom:8px;text-shadow:0 0 30px rgba(108,43,217,0.4)}
.welcome-title{font-size:20px;font-weight:700;color:var(--tx1)}
.welcome-sub{font-size:13px;color:var(--tx2);margin-bottom:14px}
.welcome-actions{display:flex;flex-direction:column;gap:5px;width:100%;max-width:260px;margin-bottom:18px}
.w-btn{padding:7px 14px;background:var(--bg2);border:1px solid var(--bd);color:var(--tx1);border-radius:var(--r);cursor:pointer;font-size:12px;font-family:var(--font);text-align:left;transition:border-color .12s,color .12s}
.w-btn:hover{border-color:var(--ac);color:var(--ac)}
.welcome-keys{display:flex;flex-direction:column;gap:4px;width:100%;max-width:260px}
.wk-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--tx2)}
.wk{font-family:var(--mono);font-size:10px;background:var(--bg2);border:1px solid var(--bd);padding:1px 6px;border-radius:3px;color:var(--tx1)}
.status-bar{height:var(--sb-h);display:flex;align-items:center;gap:14px;padding:0 12px;background:var(--ac);font-size:11px;color:rgba(255,255,255,.9);font-family:var(--mono);flex-shrink:0}
#st-file{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---- EDITOR MOBILE ---- */
@media (max-width: 768px) {
  .tab-bar { height: 42px !important; }
  .tab {
    min-width: 88px !important;
    max-width: 140px !important;
    font-size: 12px !important;
    padding: 0 12px !important;
  }
  .tab-x { width: 16px !important; height: 16px !important; opacity: 1 !important; }

  .status-bar {
    height: 26px !important;
    font-size: 11px !important;
    padding: 0 10px !important;
    gap: 8px !important;
  }

  /* Welcome screen */
  .welcome { padding: 20px 16px !important; gap: 4px !important; }
  .welcome-logo { font-size: 36px !important; }
  .welcome-title { font-size: 17px !important; }
  .welcome-sub { font-size: 12px !important; }
  .welcome-actions { max-width: 100% !important; }
  .w-btn { padding: 10px 14px !important; font-size: 13px !important; }
  .welcome-keys { max-width: 100% !important; }
  .wk-row { font-size: 12px !important; }
}