.niche-shell-page { display: grid; gap: 1rem; width: 100%; min-width: 0; }
.niche-shell-hero, .niche-shell-heading, .niche-shell-actions { display: flex; align-items: center; justify-content: space-between; gap: .75rem; flex-wrap: wrap; }
.niche-shell-hero h2, .niche-shell-page h3 { margin: 0; }
.niche-shell-eyebrow { margin: 0 0 .25rem; color: var(--tblr-secondary); }
.niche-shell-scope { padding: .45rem .8rem; border-radius: 999px; background: #dff7e8; color: #126b3a; }
.niche-shell-rule { margin: 0; padding: .85rem 1rem; border-left: 4px solid #16a34a; background: #f0fdf4; color: #14532d; }
.niche-shell-versions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.niche-shell-versions article, .niche-shell-editor, .niche-shell-diff-panel { padding: 1rem; border: 1px solid var(--tblr-border-color); border-radius: 12px; background: var(--tblr-bg-surface, #fff); }
.niche-shell-meta { margin: .75rem 0 0; display: grid; gap: .5rem; }
.niche-shell-meta div { display: grid; grid-template-columns: 6rem minmax(0, 1fr); gap: .5rem; }
.niche-shell-meta dt { color: var(--tblr-secondary); }
.niche-shell-meta dd { margin: 0; overflow-wrap: anywhere; }
.niche-shell-empty, .niche-shell-loading { color: var(--tblr-secondary); padding: .9rem 0; }
.niche-shell-heading span, .niche-shell-diff-panel > p { color: var(--tblr-secondary); font-size: .875rem; }
.niche-shell-byte-count { margin: .35rem 0 0; color: var(--tblr-secondary); font-size: .8rem; }
.niche-shell-editor label { display: block; margin: .9rem 0 .35rem; font-weight: 600; }
.niche-shell-editor textarea, .niche-shell-editor input { width: 100%; border: 1px solid var(--tblr-border-color); border-radius: 8px; padding: .75rem; background: var(--tblr-bg-surface, #fff); color: inherit; }
.niche-shell-editor textarea { resize: vertical; font: 13px/1.55 ui-monospace, SFMono-Regular, Menlo, monospace; }
.niche-shell-actions { justify-content: flex-start; margin-top: 1rem; }
.niche-shell-diff { max-height: 360px; overflow: auto; margin: .75rem 0 0; padding: .75rem; border-radius: 8px; background: #111827; color: #d1d5db; white-space: pre-wrap; overflow-wrap: anywhere; }
.niche-shell-diff span { display: block; min-height: 1.35em; }
.niche-shell-diff-added { background: #123d2a; color: #bbf7d0; }
.niche-shell-diff-removed { background: #4b1d24; color: #fecaca; }
@media (max-width: 720px) { .niche-shell-versions { grid-template-columns: 1fr; } }