.atlas{--header-height: 0px;height:100vh;min-height:100vh;overflow:hidden}.atlas__shell{display:flex;flex:1;min-height:0;align-items:stretch}.atlas .layout__content{--layout-gutter: 0;padding:0;gap:0;overflow-y:auto}.atlas-boot{display:grid;place-items:center;min-height:100vh;padding:var(--space-8);color:var(--color-fg-muted);font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.atlas-tree{display:flex;flex-direction:column;gap:var(--space-2);min-height:0}.atlas-tree__count{color:var(--color-fg-muted);font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums}.atlas-targets{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.atlas-targets__item{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-elevated);color:var(--color-fg-muted);font-family:var(--font-family-mono);font-size:var(--font-size-xs);cursor:pointer;transition:border-color var(--motion-duration-fast) var(--motion-ease-in-out),color var(--motion-duration-fast) var(--motion-ease-in-out)}.atlas-targets__item:hover{border-color:var(--color-border-strong)}.atlas-targets__item[data-on]{border-color:var(--color-accent);color:var(--color-fg)}.atlas-targets__item[data-absent]{opacity:var(--opacity-disabled)}.atlas-targets__family{color:var(--color-fg-muted)}.atlas-story{display:grid;grid-template-columns:minmax(0,1fr) 20rem;gap:var(--space-6);align-items:start;padding:var(--space-6)}.atlas-story__main{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.atlas-story__args{position:sticky;top:var(--space-6)}.atlas-story__pending{color:var(--color-fg-muted);font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.atlas-story__panes{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(22rem,1fr))}.atlas-story__panes[data-pending]{opacity:.72;transition:opacity var(--motion-duration-fast) var(--motion-ease-in-out)}.atlas-args__row{display:flex;align-items:flex-end;gap:var(--space-2)}.atlas-args__row>*:first-child{flex:1;min-width:0}.atlas-args__row>*:last-child{flex:none}.atlas-story__args>*{max-width:100%}.atlas-pane{display:flex;flex-direction:column;margin:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-elevated);overflow:hidden;min-width:0}.atlas-pane[data-absent]{border-style:dashed}.atlas-pane__head{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-bg-sunken);font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.atlas-pane__target{color:var(--color-fg);font-weight:var(--font-weight-medium)}.atlas-pane__kind{color:var(--color-fg-muted);margin-right:auto}.atlas-pane__gap{display:grid;place-items:center;min-height:12rem;padding:var(--space-4)}.atlas-preview{position:relative;min-height:16rem;background:var(--color-bg)}.atlas-preview__frame{display:block;width:100%;min-height:16rem;border:0;background:transparent;color-scheme:light dark}.atlas-preview__loading{position:absolute;inset:0;background:var(--color-bg-sunken);opacity:.4;pointer-events:none}.atlas-compare{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);min-width:0}.atlas-compare__grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));align-items:start}.atlas-tokens,.atlas-parity{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);min-width:0}.atlas-token__name{font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.atlas-token__alias{margin-left:var(--space-2);color:var(--color-fg-muted);font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.atlas-token__value{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs)}.atlas-token__swatch{width:1rem;height:1rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);flex:none}.atlas-diagnostics{color:var(--color-fg-muted);font-size:var(--font-size-xs)}.atlas-diagnostics>summary{cursor:pointer;padding:var(--space-1) 0}.atlas-diagnostics ul{margin:0;padding-left:var(--space-4);font-family:var(--font-family-mono);overflow-wrap:anywhere}.atlas-problems{margin:0;padding:0;list-style:none;color:var(--color-fg-muted);font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.atlas-problems li{padding:var(--space-1) 0}.atlas-problems--footer{display:flex;flex-direction:column;gap:var(--space-2)}.atlas-problems--footer strong{color:var(--color-fg)}@media(max-width:960px){.atlas-story{grid-template-columns:minmax(0,1fr)}.atlas-story__args{position:static}}.atlas-live{display:flex;flex-direction:column;min-height:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-elevated);overflow:hidden}.atlas-live__bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--color-border);background:var(--color-bg-sunken)}.atlas-live__hint{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-xs);color:var(--color-fg-muted)}.atlas-live__frame{flex:1;min-height:18rem;width:100%;border:0;display:block;background:var(--color-bg)}.atlas-theme{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.atlas-theme__label{font-size:var(--font-size-xs);color:var(--color-fg-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-eyebrow)}.atlas-panel{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.atlas-assets__id{display:flex;align-items:center;gap:var(--space-2);min-width:0}.atlas-assets__id>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.atlas-assets__thumb{display:block;width:24px;height:24px;object-fit:contain;background:var(--color-bg-sunken);border-radius:var(--radius-sm);color:var(--color-fg)}.atlas-assets__none{color:var(--color-fg-muted);font-size:var(--font-size-xs)}.atlas-assets__id>.atlas-assets__none{flex:0 0 24px;width:24px;height:24px}.atlas-assets__targets{display:flex;flex-wrap:wrap;gap:var(--space-1)}.atlas-doc{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.atlas-doc__prose{max-width:44rem;color:var(--color-fg);font-family:var(--font-family-body);font-size:var(--font-size-md);line-height:var(--line-height-relaxed)}.atlas-doc__prose>:first-child{margin-top:0}.atlas-doc__prose>:last-child{margin-bottom:0}.atlas-doc__prose h2,.atlas-doc__prose h3{font-family:var(--font-family-heading);color:var(--color-fg);margin:var(--space-5) 0 var(--space-2)}.atlas-doc__prose h2{font-size:var(--font-size-xl)}.atlas-doc__prose h3{font-size:var(--font-size-lg)}.atlas-doc__prose p{margin:0 0 var(--space-3)}.atlas-doc__prose ul,.atlas-doc__prose ol{margin:0 0 var(--space-3);padding-left:var(--space-5)}.atlas-doc__prose li{margin-bottom:var(--space-1)}.atlas-doc__prose a{color:var(--color-accent-ink)}.atlas-doc__prose code{font-family:var(--font-family-mono);font-size:var(--font-size-sm);background:var(--color-bg-sunken);border-radius:var(--radius-sm);padding:0 var(--space-1)}.atlas-doc__prose pre{background:var(--color-bg-sunken);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);overflow-x:auto}.atlas-doc__prose pre code{background:none;padding:0}.atlas-doc__prose blockquote{margin:0 0 var(--space-3);padding-left:var(--space-3);border-left:2px solid var(--color-accent);color:var(--color-fg-muted)}.atlas-doc__prose table{border-collapse:collapse;margin-bottom:var(--space-3)}.atlas-doc__prose th,.atlas-doc__prose td{border:1px solid var(--color-border);padding:var(--space-1) var(--space-2);text-align:left}.atlas-doc__live{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);background:var(--color-bg-elevated);min-width:0}