.atlas-proof-drawer[hidden] { display: none !important; }

.studio.atlas-proof-open {
  grid-template-columns: 280px minmax(0, 1fr) clamp(430px, 42vw, 720px);
}

.atlas-proof-drawer {
  position: sticky;
  top: 0;
  align-self: start;
  height: 100vh;
  min-width: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: var(--cream, #f5f1eb);
  border-left: 1px solid var(--border-2, #d2ccc0);
  box-shadow: -16px 0 32px -28px rgba(31, 30, 29, 0.5);
  z-index: 1200;
}

.atlas-proof-drawer-head {
  min-height: 62px;
  padding: 10px 12px 10px 16px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 10px;
  background: var(--paper, #fff);
  border-bottom: 1px solid var(--border-2, #d2ccc0);
}

.atlas-proof-drawer-heading { min-width: 0; }
.atlas-proof-drawer-kicker {
  display: block;
  font: 600 9px/1.3 'JetBrains Mono', monospace;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #8a5a00;
}
.atlas-proof-drawer-title {
  display: block;
  margin-top: 2px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 600;
  color: var(--ink, #1f1e1d);
}

.atlas-proof-frame-host { flex: 1; min-height: 0; overflow: auto; }
.atlas-proof-frame-host #cortex-material-atlas-framewrap { height: 100%; min-height: 0 !important; }
.atlas-proof-frame-host #cortex-material-atlas-frame { height: 100% !important; }
.atlas-proof-loading {
  padding: 32px 24px;
  color: var(--ink-4, #a4a09a);
  font: 500 11px/1.5 'JetBrains Mono', monospace;
}
.atlas-proof-fallback-frame { width: 100%; height: 100%; display: block; border: 0; background: var(--cream, #f5f1eb); }
.atlas-proof-content { padding: 16px; color: var(--ink, #1f1e1d); }
.atlas-proof-summary,
.atlas-proof-source-card,
.atlas-proof-empty,
.atlas-proof-error {
  padding: 18px;
  border: 1px solid var(--border-2, #d2ccc0);
  border-radius: 10px;
  background: var(--paper, #fff);
}
.atlas-proof-source-card,
.atlas-proof-empty,
.atlas-proof-error { margin-top: 12px; }
.atlas-proof-summary { background: linear-gradient(140deg, #2b2723, #463e36); color: #fff; }
.atlas-proof-summary h2,
.atlas-proof-source-card h3,
.atlas-proof-empty h3 { margin: 5px 0 0; font-weight: 500; }
.atlas-proof-summary h2 { font: 30px/1.05 'Instrument Serif', serif; }
.atlas-proof-source-card h3,
.atlas-proof-empty h3 { font-size: 14px; line-height: 1.35; }
.atlas-proof-eyebrow {
  font: 600 8px/1.3 'JetBrains Mono', monospace;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #a45c3d;
}
.atlas-proof-summary .atlas-proof-eyebrow { color: #d6a083; }
.atlas-proof-summary-grid,
.atlas-proof-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin-top: 16px; }
.atlas-proof-fact { min-width: 0; padding: 9px 10px; background: #f7f4ef; }
.atlas-proof-summary .atlas-proof-fact { background: rgba(255, 255, 255, 0.08); }
.atlas-proof-fact span,
.atlas-proof-fact b { display: block; }
.atlas-proof-fact span { color: var(--ink-4, #7d7871); font: 500 8px/1.3 'JetBrains Mono', monospace; text-transform: uppercase; }
.atlas-proof-summary .atlas-proof-fact span { color: #cfc6bc; }
.atlas-proof-fact b { margin-top: 3px; overflow-wrap: anywhere; font-size: 11px; line-height: 1.4; }
.atlas-proof-mono { font: 500 9px/1.45 'JetBrains Mono', monospace !important; }
.atlas-proof-source-card { border-left: 3px solid transparent; }
.atlas-proof-source-card.is-selected { border-left-color: #a45c3d; box-shadow: 0 5px 18px rgba(44, 39, 35, 0.07); }
.atlas-proof-source-card-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; align-items: start; }
.atlas-proof-rate { text-align: right; }
.atlas-proof-rate b,
.atlas-proof-rate span { display: block; }
.atlas-proof-rate b { font-size: 20px; font-variant-numeric: tabular-nums; }
.atlas-proof-rate span { margin-top: 3px; color: var(--ink-4, #7d7871); font: 500 8px/1.3 'JetBrains Mono', monospace; text-transform: uppercase; }
.atlas-proof-calculation { margin-top: 12px; padding: 9px 10px; border-radius: 6px; background: #edf3e8; color: #425a34; font: 600 10px/1.4 'JetBrains Mono', monospace; }
.atlas-proof-source-actions { margin-top: 14px; }
.atlas-proof-source-missing { color: #8b3a28; font: 500 9px/1.4 'JetBrains Mono', monospace; }
.atlas-proof-more { margin: 16px 0 0; color: var(--ink-2, #706c66); font-size: 13px; text-align: center; }
.atlas-proof-empty > p,
.atlas-proof-error p { color: var(--ink-3, #57534e); font-size: 11px; line-height: 1.5; }
.atlas-proof-error { color: #8b3a28; }
.studio.atlas-proof-open > .chat { display: none; }

@media (max-width: 1499px) {
  .studio.atlas-proof-open { grid-template-columns: 280px minmax(0, 1fr); }
  .atlas-proof-drawer {
    position: fixed;
    right: 0;
    width: min(720px, calc(100vw - 320px));
    box-shadow: -24px 0 48px -24px rgba(31, 30, 29, 0.45);
  }
}

@media (max-width: 720px) {
  .studio.atlas-proof-open { display: block; }
  .atlas-proof-drawer { left: 0; width: 100vw; }
  .atlas-proof-drawer-new-tab span { display: none; }
  .atlas-proof-summary-grid,
  .atlas-proof-facts { grid-template-columns: 1fr; }
}