.sc-page { background:linear-gradient(180deg,#f4f7fb 0%,#edf3f9 100%); }
.sc-shell { max-width:1280px; margin:0 auto; min-height:100dvh; display:flex; flex-direction:column; gap:1rem; padding:1.25rem; }
.sc-header { display:flex; justify-content:space-between; gap:1.25rem; align-items:flex-start; padding:1.25rem 1.3rem; background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%); border:1px solid #d9e2ec; border-radius:1.15rem; box-shadow:0 10px 28px rgba(15,23,42,.05); }
.sc-header-copy { min-width:0; flex:1; }
.sc-kicker { display:inline-flex; align-items:center; gap:.35rem; padding:.28rem .55rem; margin-bottom:.65rem; border:1px solid #dbe7f3; border-radius:999px; background:#f8fbff; color:#2563eb; font-size:.74rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.sc-title { margin:0; font-size:2rem; line-height:1.1; font-weight:800; letter-spacing:-.03em; color:#0f172a; }
.sc-subtitle { margin:.45rem 0 0; color:#5b6b82; font-size:1.05rem; max-width:62ch; }
.sc-header-tools { display:flex; flex-direction:column; align-items:stretch; gap:.75rem; min-width:380px; }
.sc-session-row { display:flex; justify-content:space-between; align-items:center; gap:.75rem; flex-wrap:wrap; }
.sc-index-controls { display:flex; gap:.65rem; align-items:center; flex-wrap:wrap; justify-content:flex-end; padding:.8rem .9rem; border:1px solid #d9e2ec; border-radius:.95rem; background:#f8fbff; }
.sc-input-group { width:120px; }
.sc-checkbox { margin:0; padding:.45rem .65rem; border:1px solid #d9e2ec; border-radius:.75rem; background:#fff; }
.sc-pill,.sc-status,.sc-index-status,.sc-prompt { padding:.55rem .8rem; border:1px solid #d9e2ec; border-radius:.85rem; background:#fff; color:#475569; font-size:.92rem; }
.sc-session-pill { font-weight:600; color:#334155; background:#fff; }
.sc-new-btn { white-space:nowrap; }
.sc-main { display:flex; flex-direction:column; gap:1rem; min-height:0; }
.sc-panel { border-radius:1.15rem; border-color:#d9e2ec; box-shadow:0 10px 28px rgba(15,23,42,.05); overflow:hidden; }
.sc-query-body { display:flex; flex-direction:column; gap:1rem; padding:1.15rem 1.2rem; }
.sc-section-label { font-size:.76rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:#64748b; }
.sc-section-label-subtle { margin-right:.15rem; }
.sc-query-row { display:flex; gap:.9rem; align-items:flex-start; }
.sc-query-stack { flex:1; display:flex; flex-direction:column; gap:.55rem; }
.sc-query { min-height:7rem; resize:vertical; border-radius:.95rem; border-color:#d7e1ec; font-size:1.05rem; padding:.95rem 1rem; box-shadow:inset 0 1px 2px rgba(15,23,42,.02); }
.sc-query:focus { border-color:#93c5fd; box-shadow:0 0 0 .2rem rgba(59,130,246,.14); }
.sc-query-help { color:#64748b; font-size:.92rem; }
.sc-search-btn { min-width:9.5rem; min-height:3.35rem; border-radius:.95rem; font-weight:700; box-shadow:0 10px 20px rgba(37,99,235,.16); }
.sc-meta-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.85rem; align-items:start; }
.sc-meta-stack { display:flex; flex-wrap:wrap; gap:.65rem; }
.sc-status { background:#f8fbff; color:#1d4ed8; border-color:#bfdbfe; font-weight:600; min-width:11rem; text-align:center; }
.sc-index-status { background:#fcfdff; }
.sc-root-line { display:flex; gap:.7rem; align-items:center; flex-wrap:wrap; padding:.8rem .9rem; border:1px solid #d9e2ec; border-radius:.95rem; background:#fbfdff; font-size:.92rem; color:#64748b; }
.sc-root-input { max-width:34rem; border-radius:.7rem; }
.sc-results { flex:1; min-height:0; overflow:auto; display:flex; flex-direction:column; gap:.9rem; }
.sc-item { border:1px solid #d9e2ec; border-radius:1.15rem; overflow:hidden; box-shadow:0 10px 28px rgba(15,23,42,.05); }
.sc-item-header { background:linear-gradient(180deg,#fbfdff 0%,#f5f9fd 100%); border-bottom:1px solid #e5ecf3; padding:1rem 1.1rem; }
.sc-item-title { font-size:1.08rem; font-weight:800; color:#0f172a; line-height:1.3; }
.sc-item-meta { color:#64748b; font-size:.9rem; margin-top:.2rem; }
.sc-item-body { padding:1.15rem; color:#334155; font-size:1rem; line-height:1.7; }
.sc-markdown :is(p,ul,ol,pre,blockquote) { margin-bottom:.9rem; }
.sc-markdown ul,.sc-markdown ol { padding-left:1.3rem; }
.sc-markdown blockquote { margin:0 0 .9rem; padding:.85rem 1rem; border-left:4px solid #bfdbfe; background:#f8fbff; border-radius:.8rem; color:#475569; }
.sc-markdown pre,.sc-pre { padding:.9rem 1rem; border-radius:.85rem; background:#0f172a; color:#e2e8f0; overflow:auto; }
.sc-markdown a.ops-v2-buffaly-deep-link,.ops-v2-buffaly-deep-link { display:inline-block; padding:.14rem .55rem; border-radius:999px; border:1px solid #cbd5e1; background:#eff6ff; color:#1d4ed8 !important; text-decoration:none !important; font-weight:600; font-size:.9em; word-break:break-word; }
.sc-markdown a.ops-v2-buffaly-deep-link:hover,.ops-v2-buffaly-deep-link:hover { background:#dbeafe; border-color:#93c5fd; }
.z { padding:1.15rem 1.2rem; border:1px dashed #cbd5e1; border-radius:1rem; background:rgba(255,255,255,.75); color:#64748b; }
@media (max-width:991.98px) {
  .sc-shell { padding:1rem; }
  .sc-header,.sc-query-row { flex-direction:column; }
  .sc-title { font-size:1.65rem; }
  .sc-header-tools { align-items:stretch; min-width:0; }
  .sc-session-row,.sc-index-controls,.sc-meta-row { grid-template-columns:none; }
  .sc-search-btn,.sc-query,.sc-root-input { width:100%; max-width:none; }
  .sc-query-row .btn { align-self:stretch; }
  .sc-meta-row { display:flex; flex-direction:column; }
  .sc-status { width:100%; }
}