/* v149: modern compact project picker */
    .startup {
      padding: clamp(12px, 2.2vw, 26px);
      background:
        radial-gradient(circle at 14% -8%, rgba(124,58,237,.26), transparent 34%),
        radial-gradient(circle at 92% 8%, rgba(56,189,248,.16), transparent 30%),
        linear-gradient(180deg, #0b0d14 0%, #090b10 100%);
    }
    .startup-shell {
      width: min(100%, 1180px);
      gap: clamp(10px, 1.6vw, 16px);
    }
    .startup-hero {
      position: sticky;
      top: clamp(8px, 1.4vw, 16px);
      z-index: 5;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 16px;
      padding: clamp(14px, 2.1vw, 22px);
      border-radius: 22px;
      border-color: rgba(148,163,184,.18);
      background:
        linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.026)),
        rgba(12,14,22,.86);
      box-shadow: 0 20px 70px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.09);
      backdrop-filter: blur(18px) saturate(1.15);
    }
    .startup-kicker {
      color: #67e8f9;
      font-size: 10px;
      letter-spacing: .18em;
    }
    .startup-title {
      margin: 3px 0 4px;
      font-size: clamp(22px, 3.2vw, 34px);
      letter-spacing: -.055em;
      line-height: .88;
      background: linear-gradient(180deg, #fff 0%, #d8ddff 78%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }
    .startup-subtitle {
      max-width: 58ch;
      color: #9aa3b8;
      font-size: clamp(12px, 1.5vw, 14px);
      line-height: 1.3;
    }
    .startup-actions {
      align-self: end;
      padding: 4px;
      border: 1px solid rgba(148,163,184,.13);
      border-radius: 18px;
      background: rgba(255,255,255,.035);
    }
    .startup-actions .btn {
      min-width: 150px;
      min-height: 42px;
      border-radius: 14px;
      box-shadow: 0 12px 30px rgba(59,130,246,.18), inset 0 1px 0 rgba(255,255,255,.22);
    }
    .startup-icon-btn {
      width: 42px;
      height: 42px;
      border-radius: 14px;
      background: rgba(12,14,22,.78);
      border-color: rgba(148,163,184,.16);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
    }
    .project-groups {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
      align-items: start;
      gap: clamp(10px, 1.5vw, 16px);
    }
    .project-group {
      border-radius: 22px;
      border-color: rgba(148,163,184,.16);
      background:
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)),
        rgba(10,12,18,.78);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 16px 44px rgba(0,0,0,.20);
      backdrop-filter: blur(14px);
    }
    .project-group-head {
      min-height: 44px;
      padding: 10px 14px;
      font-size: 11px;
      letter-spacing: .14em;
    }
    .project-group-head span:last-child {
      min-width: 24px;
      height: 24px;
      display: grid;
      place-items: center;
      border-radius: 999px;
      background: rgba(255,255,255,.06);
      color: #e7ecff;
      letter-spacing: 0;
    }
    .project-grid {
      grid-template-columns: 1fr;
      gap: 8px;
      padding: 10px;
    }
    .project-card {
      position: relative;
      min-height: 64px;
      padding: 12px 14px 12px 16px;
      border-radius: 16px;
      border-color: rgba(148,163,184,.13);
      background: rgba(255,255,255,.035);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
    }
    .project-card::before {
      content: "";
      position: absolute;
      left: 0;
      top: 14px;
      bottom: 14px;
      width: 3px;
      border-radius: 0 99px 99px 0;
      background: linear-gradient(180deg, #8b5cf6, #38bdf8);
      opacity: 0;
      transition: opacity .16s ease;
    }
    .project-card:hover {
      transform: translateY(-2px);
      border-color: rgba(125,211,252,.36);
      background: rgba(139,92,246,.12);
      box-shadow: 0 12px 34px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08);
    }
    .project-card:hover::before { opacity: 1; }
    .project-card b {
      margin-bottom: 5px;
      font-size: 15px;
      letter-spacing: -.02em;
    }
    .project-card span {
      color: #8892a8;
      font-size: 11px;
    }
    .project-stack {
      display: flex;
      align-items: center;
      gap: 5px;
      flex-wrap: wrap;
      min-width: 0;
      overflow: hidden;
      max-height: 24px;
    }
    .project-card .stack-tag {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      max-width: 108px;
      padding: 3px 7px;
      border: 1px solid rgba(148,163,184,.18);
      border-radius: 999px;
      background: rgba(255,255,255,.055);
      color: #dbeafe;
      font: 700 10px/1 JetBrains Mono, monospace;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .project-card .stack-tag-icon {
      display: inline;
      opacity: .95;
    }
    .project-card .stack-tag[data-tone="cyan"] { color: #a5f3fc; background: rgba(34,211,238,.10); border-color: rgba(34,211,238,.20); }
    .project-card .stack-tag[data-tone="blue"] { color: #bfdbfe; background: rgba(59,130,246,.10); border-color: rgba(59,130,246,.20); }
    .project-card .stack-tag[data-tone="green"] { color: #bbf7d0; background: rgba(34,197,94,.10); border-color: rgba(34,197,94,.20); }
    .project-card .stack-tag[data-tone="purple"] { color: #ddd6fe; background: rgba(139,92,246,.12); border-color: rgba(139,92,246,.24); }
    .project-card .stack-tag[data-tone="orange"] { color: #fed7aa; background: rgba(249,115,22,.11); border-color: rgba(249,115,22,.22); }
    .project-card .stack-tag[data-tone="yellow"] { color: #fde68a; background: rgba(234,179,8,.10); border-color: rgba(234,179,8,.20); }
    @media (min-width: 900px) {
      .startup-hero { min-height: 132px; }
      .project-groups { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    }
    @media (max-width: 699px) {
      .startup {
        padding: calc(8px + env(safe-area-inset-top, 0px)) 8px calc(10px + env(safe-area-inset-bottom, 0px));
      }
      .startup-shell { gap: 8px; }
      .startup-hero {
        position: relative;
        top: auto;
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
        padding: 14px;
        border-radius: 20px;
      }
      .startup-title {
        font-size: clamp(20px, 6.4vw, 26px);
        line-height: 1.02;
      }
      .startup-subtitle {
        max-width: 30ch;
        font-size: 12px;
      }
      .startup-actions {
        width: 100%;
        grid-template-columns: minmax(0, 1fr) 42px 42px;
        gap: 8px;
        padding: 0;
        border: 0;
        background: transparent;
      }
      .startup-actions .btn,
      .startup-icon-btn {
        min-height: 42px;
        height: 42px;
        border-radius: 14px;
      }
      .project-groups {
        grid-template-columns: 1fr;
        gap: 8px;
      }
      .project-group { border-radius: 18px; }
      .project-group-head {
        min-height: 40px;
        padding: 9px 12px;
        font-size: 11px;
      }
      .project-grid {
        gap: 7px;
        padding: 8px;
      }
      .project-card {
        min-height: 58px;
        padding: 10px 12px 10px 14px;
        border-radius: 15px;
      }
      .project-card b {
        font-size: 14px;
        margin-bottom: 4px;
      }
      .project-card span { font-size: 11px; }
    }
    /* v150: tablet picker polish — smaller header, masonry columns, clearer gaps */
    .startup-title { font-size: clamp(22px, 3vw, 32px); }
    .startup-hero { min-height: 112px; }
    .project-groups {
      display: block;
      columns: 3 320px;
      column-gap: clamp(16px, 2.4vw, 26px);
    }
    .project-group {
      display: inline-block;
      width: 100%;
      margin: 0 0 clamp(16px, 2.4vw, 26px);
      break-inside: avoid;
    }
    .project-grid {
      gap: 12px;
      padding: 14px;
    }
    .project-card {
      min-height: 68px;
      margin: 0;
    }
    @media (min-width: 700px) and (max-width: 1180px) {
      .startup {
        padding: clamp(18px, 2.4vw, 28px);
      }
      .startup-shell {
        max-width: 100%;
        gap: 18px;
      }
      .startup-hero {
        min-height: 106px;
        padding: 18px 20px;
        border-radius: 22px;
        grid-template-columns: minmax(0, 1fr) auto;
      }
      .startup-title {
        font-size: clamp(24px, 3.2vw, 32px);
        line-height: 1;
      }
      .startup-actions .btn {
        min-width: 132px;
      }
      .project-groups {
        columns: 2 320px;
        column-gap: 22px;
      }
      .project-group {
        margin-bottom: 22px;
      }
      .project-grid {
        gap: 12px;
        padding: 14px;
      }
    }
    @media (min-width: 1181px) {
      .project-groups {
        columns: 3 340px;
      }
    }
    @media (max-width: 699px) {
      .startup-title { font-size: clamp(20px, 6.4vw, 26px); }
      .project-groups {
        display: grid;
        columns: auto;
        gap: 10px;
      }
      .project-group {
        display: block;
        margin: 0;
      }
      .project-grid {
        gap: 9px;
        padding: 10px;
      }
      .project-card { min-height: 60px; }
    }
    /* v151: uniform box gaps; no masonry vertical gap */
    .project-groups {
      display: grid;
      columns: auto;
      gap: 14px;
      grid-auto-flow: row;
      align-items: start;
    }
    .project-group {
      display: block;
      width: auto;
      margin: 0;
      break-inside: auto;
    }
    @media (min-width: 700px) and (max-width: 1180px) {
      .project-groups {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
      }
    }
    @media (min-width: 1181px) {
      .project-groups {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 24px;
      }
    }
    @media (max-width: 699px) {
      .project-groups {
        grid-template-columns: 1fr;
        gap: 10px;
      }
    }
    /* v152: keep tablet visual order; equal 14px gutters */
    @media (min-width: 700px) and (max-width: 1180px) {
      .project-groups {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: auto auto;
        gap: 14px;
      }
      .project-group:nth-child(1) { grid-column: 1; grid-row: 1; }
      .project-group:nth-child(2) { grid-column: 1; grid-row: 2; }
      .project-group:nth-child(3) { grid-column: 2; grid-row: 1 / span 2; }
    }
    @media (max-width: 699px), (min-width: 1181px) {
      .project-group:nth-child(1),
      .project-group:nth-child(2),
      .project-group:nth-child(3) {
        grid-column: auto;
        grid-row: auto;
      }
    }


    /* v189: shared Explorer/Git left-pane collapse controls */
    body.git-mode.git-files-collapsed .workbench,
    body.console-mode.console-files-collapsed .workbench {
      grid-template-columns: 48px 0 minmax(0, 1fr) !important;
      grid-template-rows: minmax(0, 1fr) !important;
      grid-template-areas: "activity sidebar right" !important;
    }
    body.git-mode.git-files-collapsed .sidebar,
    body.console-mode.console-files-collapsed .sidebar {
      opacity: 0;
      transform: translateX(-12px);
      pointer-events: none;
      border-right: 0 !important;
      border-bottom: 0 !important;
      overflow: hidden !important;
    }
    body.git-mode.git-files-collapsed .rightbar,
    body.console-mode.console-files-collapsed .rightbar {
      grid-area: right !important;
      height: calc(var(--app-height) - 38px);
      max-height: calc(var(--app-height) - 38px);
      border-left: 1px solid var(--border);
      border-top: 0;
    }
    @media (max-width: 699px) {
      body.git-mode.git-files-collapsed .workbench,
      body.console-mode.console-files-collapsed .workbench {
        grid-template-columns: 48px minmax(0, 1fr) !important;
        grid-template-rows: 0 minmax(0, 1fr) !important;
        grid-template-areas: "activity sidebar" "activity right" !important;
      }
      body.git-mode.git-files-collapsed .sidebar,
      body.console-mode.console-files-collapsed .sidebar {
        height: 0 !important;
        min-height: 0 !important;
      }
      body.git-mode.git-files-collapsed .rightbar,
      body.console-mode.console-files-collapsed .rightbar {
        height: 100%;
        max-height: none;
        border-left: 0;
        border-top: 0;
      }
    }

    /* v261: desktop Choose Project equal outer gaps — preserve tablet/mobile layouts */
    @media (min-width: 1181px) {
      .startup {
        padding: 29px clamp(28px, 4vw, 52px) 42px;
        background:
          radial-gradient(circle at 6% 0%, rgba(124,58,237,.28), transparent 36%),
          radial-gradient(circle at 98% 0%, rgba(45,212,191,.15), transparent 34%),
          linear-gradient(180deg, #10131d 0%, #07090f 58%, #05070b 100%);
      }
      .startup-shell {
        width: min(100%, 1118px);
        max-width: 1118px;
        gap: 24px;
      }
      .startup-hero {
        position: relative;
        top: auto;
        min-height: 108px;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        padding: 20px 22px;
        border-radius: 23px;
        border-color: rgba(148,163,184,.18);
        background:
          linear-gradient(135deg, rgba(255,255,255,.068), rgba(255,255,255,.025)),
          rgba(17,19,29,.86);
        box-shadow: 0 18px 60px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.075);
      }
      .startup-kicker {
        font-size: 10px;
        letter-spacing: .19em;
        color: #67e8f9;
      }
      .startup-title {
        margin: 3px 0 4px;
        font-size: 32px;
        line-height: .92;
        letter-spacing: -.06em;
      }
      .startup-subtitle {
        font-size: 13px;
        line-height: 1.25;
        color: #9aa3b8;
      }
      .startup-actions {
        align-self: center;
        display: flex;
        gap: 8px;
        padding: 4px;
        border-radius: 18px;
        border: 1px solid rgba(148,163,184,.12);
        background: rgba(5,7,13,.42);
      }
      .startup-actions .btn {
        min-width: 150px;
        min-height: 42px;
        border-radius: 13px;
      }
      .startup-icon-btn {
        width: 42px;
        height: 42px;
        border-radius: 13px;
        background: rgba(7,10,17,.82);
        border-color: rgba(148,163,184,.14);
      }
      .project-groups {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 24px;
        align-items: start;
      }
      .project-group {
        overflow: hidden;
        border-radius: 22px;
        border-color: rgba(148,163,184,.15);
        background:
          linear-gradient(180deg, rgba(255,255,255,.040), rgba(255,255,255,.014)),
          rgba(11,13,20,.82);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 16px 44px rgba(0,0,0,.22);
        backdrop-filter: blur(14px);
      }
      .project-group-head {
        min-height: 44px;
        padding: 10px 14px;
        font-size: 11px;
        letter-spacing: .15em;
      }
      .project-grid {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 14px;
      }
      .project-card {
        min-height: 72px;
        padding: 13px 16px;
        border-radius: 16px;
        border-color: rgba(148,163,184,.14);
        background: rgba(255,255,255,.035);
      }
      .project-card b {
        margin-bottom: 7px;
        font-size: 15px;
      }
    }