/* Composition adapters for real content, not alternate component faces. */
.card-cover{color:inherit;text-decoration:none}.card-actions{padding:0 var(--space-sm) var(--space-sm);margin-top:auto;font-size:var(--meta)}
.section-split{font-size:var(--meta);color:var(--muted)}
.section-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-md);font-size:var(--meta);color:var(--muted)}
.section-intro{font-size:var(--ui);color:var(--muted);max-width:var(--reading-measure)}
.vfx-controls,.browser-tools-nav{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);font-size:var(--meta)}
.vfx-controls{flex-wrap:wrap}.vfx-action{display:flex;flex-wrap:wrap;gap:var(--space-md)}
.browser-tools-nav{margin-top:var(--space-flow)}
.catalog-entry:has(>.catalog-example>.highlight-strip),.catalog-entry:has(>.catalog-example>.home-records){grid-template-columns:1fr}
.catalog-entry:has(>.catalog-example>.intro-profile){grid-template-columns:1fr}.catalog-entry>.catalog-example>.intro-profile{--meta:10px;border:var(--border-width) solid var(--border-color)}
/* Style Guide composition only: component faces stay in components.css. */
.catalog-entry{grid-template-columns:minmax(140px,1fr) minmax(0,3fr);column-gap:var(--space-group)}.catalog-entry>.section-label{grid-column:1/-1}.catalog-rule{font-size:var(--ui);color:var(--muted)}.catalog-rule p:last-child{margin-bottom:0}.catalog-example{display:grid;gap:var(--space-flow);min-width:0;align-content:start}.catalog-example>*{min-width:0;margin-block:0}.catalog-example .action-row{align-items:center}.token-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}.token-sample{display:grid;gap:var(--space-xs);padding:var(--space-md);border:var(--border-width) solid var(--border-color);font-size:var(--ui);min-width:0}.token-sample code{overflow-wrap:anywhere}.token-swatch{display:block;height:40px;border:var(--border-width) solid var(--border-color)}.token-swatch--paper{background:var(--paper)}.token-swatch--surface{background:var(--surface)}.token-swatch--ink{background:var(--ink)}.token-swatch--muted{background:var(--muted)}.token-swatch--blue{background:var(--blue)}.token-swatch--yellow{background:var(--yellow)}.token-swatch--line{background:var(--line)}
@media(max-width:1000px){.catalog-entry{grid-template-columns:1fr}.catalog-entry>.section-label{grid-column:auto}}@media(max-width:480px){.token-palette{grid-template-columns:repeat(2,minmax(0,1fr))}}
.wire-block{margin-bottom:var(--space-group)}.wire-wrap{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer}.wire-wrap canvas{display:block;width:180px;height:180px;margin:auto}.wire-meta{text-align:center;font-size:var(--meta)}
@media(max-width:1250px){.highlight-strip,.vfx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-row,.author-record-line{flex-wrap:wrap}}
@media(max-width:760px){.home-records.project-records>a{grid-template-columns:48px minmax(0,1fr) 12px}.project-records .record-state{display:none}.command{padding-block:var(--space-sm)}}
@media(max-width:760px){[data-template="home"] .hero-row,.browser-tool-feature,.definition-grid,.contact-panel dl{grid-template-columns:1fr}.browser-tool-preview{border-right:0;border-bottom:var(--border-width) solid var(--border-color)}.wire-block{display:none}.home-records>a{grid-template-columns:48px minmax(0,1fr) 12px;gap:8px}.home-records .record-kind{display:none}.command{flex-wrap:wrap}.command label{flex-basis:100%}.command kbd{display:none}.home-store-row{grid-template-columns:1fr}.profile-facts,.author-summary{flex-basis:100%}.highlight-card img{height:128px}.browser-tool-copy{padding:var(--space-flow)}}
.home-intro{display:grid;grid-template-columns:1fr 1fr;gap:22px}.home-intro video{width:100%;align-self:start}.home-intro h1{font-size:30px}.home-intro h2{font-size:20px}.home-intro p:last-child{margin:0}
.tool-heading{display:grid;grid-template-columns:1fr 160px;align-items:center;gap:22px}.tool-heading h1{font-size:30px}.tool-heading svg{width:100%;height:120px}.tool-titlebar{display:flex;justify-content:space-between;gap:12px;font-size:var(--meta);margin-bottom:22px}.tool-titlebar .tool-local{color:var(--green)}
.article-body{padding:var(--space-section) var(--inset)}
.article-body>p,.article-body>ul,.article-body>ol{max-width:var(--reading-measure);margin-block:0 var(--space-flow)}
.article-body li+li{margin-top:var(--space-sm)}
.article-body h3{margin:var(--space-group) 0 var(--space-md)}
.article-body img,.article-body video{display:block;max-width:100%;max-height:580px;margin-inline:auto}.article-body .atlas-toc{display:none}.article-body .atlas-table-frame{overflow:auto}.article-body iframe{max-width:100%}.article-body .atlas-math-block{overflow:auto}.project-cover{width:100%;max-height:440px;object-fit:contain}
@media(max-width:760px){.home-intro,.tool-heading,.tool-settings,.tool-previews,.article-body .comparison-matrix{grid-template-columns:1fr}.tool-heading svg{display:none}.tool-export-row{align-items:stretch;flex-direction:column}.frame-list{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-titlebar{flex-wrap:wrap}}
[data-template="blog"] .rail nav .blog-subnav{padding-left:22px;font-size:var(--meta);color:var(--muted)}
.article-body .atlas-schematic{border:var(--border-width) solid var(--border-color);margin-block:var(--space-group)}.article-body .atlas-schematic__header{padding:var(--space-md);border-bottom:var(--border-width) solid var(--border-color);font-size:var(--meta);color:var(--muted)}.article-body .atlas-schematic__canvas{padding:var(--space-flow);display:flex;justify-content:center;overflow:auto}.article-body .atlas-schematic__canvas svg{display:block;width:100%;max-width:620px;height:auto}.article-body .atlas-schematic__primary{stroke:var(--ink)}.article-body .atlas-schematic__label{fill:var(--ink);font-family:inherit}.article-body .atlas-schematic__label:not([font-size]){font-size:16px}.article-body .atlas-schematic__label--detail:not([font-size]){font-size:12px}.article-body .atlas-schematic__note{display:flex;align-items:baseline;gap:var(--space-md);padding:var(--space-md);border-top:var(--border-width) solid var(--border-color);font-size:var(--meta);color:var(--muted)}.article-body table{border-collapse:collapse;width:100%;font-size:var(--ui)}.article-body th,.article-body td{padding:var(--space-md);border:var(--border-width) solid var(--border-color);text-align:left;vertical-align:top}.article-body pre{max-width:100%;overflow:auto;padding:var(--space-flow);border:var(--border-width) solid var(--border-color);font-size:var(--ui)}.article-body figcaption{font-size:var(--meta);color:var(--muted);margin-top:var(--space-sm)}.article-body p code,.article-body li code{font-size:.9em;overflow-wrap:anywhere}
[data-detail] .article-passport{padding:0}.article-passport .passport-title-bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-sm);padding:var(--space-md) var(--inset);font-size:var(--meta);border-bottom:var(--border-width) solid var(--border-color);color:var(--muted)}[data-detail] .article-passport h1{font-size:clamp(24px,2.2vw,32px);line-height:1.2;margin:0;padding:var(--space-group) var(--inset);text-transform:uppercase}.passport-grid{display:grid;grid-template-columns:1fr 1fr;border-block:var(--border-width) solid var(--border-color)}.passport-grid dl{margin:0;padding:var(--space-md) var(--inset)}.passport-grid dl+dl{border-left:var(--border-width) solid var(--border-color)}.passport-grid dl>div{display:grid;grid-template-columns:70px 1fr;gap:var(--space-sm);font-size:var(--ui)}.passport-grid dt{color:var(--muted)}.passport-grid dd{margin:0}.passport-meta,.passport-tags{display:flex;flex-wrap:wrap;gap:var(--space-md);padding:var(--space-md) var(--inset);font-size:var(--meta);border-bottom:var(--border-width) solid var(--border-color)}.passport-meta{color:var(--muted)}.passport-tags a{text-decoration:none;color:var(--blue)}.passport-tags a:hover{background:var(--hover)}.article-passport .passport-summary{padding:var(--space-flow) var(--inset);margin:0;font-size:var(--ui);color:var(--muted)}
[data-detail] .article-body .atlas-toc{display:block;margin:0 0 var(--space-section);border:var(--border-width) solid var(--border-color)}.atlas-toc .toc-title{padding:var(--space-md) var(--space-flow);font-size:var(--meta);color:var(--muted);border-bottom:var(--border-width) solid var(--border-color);margin:0}.atlas-toc__list{list-style:none;padding:0;margin:0}.article-body .atlas-toc__item+.atlas-toc__item{margin:0}.atlas-toc__item a{display:grid;grid-template-columns:32px minmax(0,1fr);gap:var(--space-sm);padding:var(--space-sm) var(--space-flow);text-decoration:none;color:var(--ink);font-size:var(--ui);border-bottom:var(--border-width) dashed var(--border-color)}.atlas-toc__item:last-child a{border-bottom:0}.atlas-toc__num{font-size:var(--meta);color:var(--muted)}.atlas-toc__row{display:flex;align-items:baseline;gap:var(--space-sm);min-width:0}.atlas-toc__dots{flex:1;border-bottom:1px dotted var(--line)}.atlas-toc__item a:hover,.atlas-toc__item a:focus-visible{color:var(--blue);background:var(--hover)}
.article-body .atlas-refs{border:var(--border-width) solid var(--border-color);margin-block:var(--space-group);padding:var(--space-flow)}.article-body .atlas-ref-list{list-style:none;margin:0;padding:0}.article-body .atlas-ref-item{display:flex;gap:var(--space-md);padding-block:var(--space-md);border-bottom:var(--border-width) dashed var(--border-color);font-size:var(--ui)}.atlas-ref-body{min-width:0}.atlas-ref-num,.atlas-ref-tag{font-size:var(--meta);color:var(--muted)}.atlas-ref-tag{margin-right:var(--space-sm)}.atlas-eof-divider{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-section);font-size:var(--micro);color:var(--muted)}.atlas-eof-divider__line{flex:1;border-top:var(--border-width) solid var(--border-color)}.article-body .media-frame iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0}
@media(max-width:760px){.passport-grid{grid-template-columns:1fr}.passport-grid dl+dl{border-left:0;border-top:var(--border-width) solid var(--border-color)}}
[data-detail] .article-body>p,[data-detail] .article-body>ul,[data-detail] .article-body>ol{max-width:none}
[data-detail] .article-body .media-frame{display:flex;flex-direction:column;border:var(--border-width) solid var(--border-color);padding:var(--space-flow);background:var(--surface);gap:var(--space-md)}[data-detail] .article-body .media-frame::before{content:'[ MEDIA_ASSET // VISUAL_DATA ]';display:block;padding-bottom:var(--space-md)}[data-detail] .article-body .media-frame>iframe{width:100%;aspect-ratio:16/9;margin:0;border:var(--border-width) solid var(--border-color)}[data-detail] .article-body .media-frame>.media-caption{margin:0;padding-top:var(--space-md);border-top:var(--border-width) solid var(--border-color);font-size:var(--meta);color:var(--muted)}
[data-detail] .article-body .atlas-table-frame:has(.atlas-ref-list){border:var(--border-width) solid var(--border-color);background:var(--surface)}[data-detail] .article-body .atlas-table-frame:has(.atlas-ref-list)>.atlas-table-header-solid{padding:var(--space-md) var(--space-flow);border-bottom:var(--border-width) solid var(--border-color);font-size:var(--meta);color:var(--muted)}[data-detail] .article-body .atlas-table-frame>.atlas-ref-list{padding:var(--space-sm) var(--space-flow);margin:0}[data-detail] .article-body .atlas-table-frame .atlas-ref-item:last-child{border-bottom:0}
[data-detail] #content>.article-passport{margin:var(--space-section) var(--inset) 0;border:var(--border-width) solid var(--border-color)}
[data-detail] .article-passport .passport-title-bar,[data-detail] .article-body .atlas-toc .toc-title,[data-detail] .article-body .atlas-table-frame:has(.atlas-ref-list)>.atlas-table-header-solid,[data-detail] .article-body .atlas-schematic>.atlas-schematic__header{background:var(--paper);color:var(--ink);padding:var(--space-xs) var(--space-md);font-size:var(--meta);line-height:1.6}
[data-detail] .article-body .media-frame::before{background:var(--paper);color:var(--ink);padding:var(--space-xs) var(--space-md);margin:calc(-1 * var(--space-flow)) calc(-1 * var(--space-flow)) 0;border-bottom:var(--border-width) solid var(--border-color);font-size:var(--meta);line-height:1.6}
[data-detail]{--article-panel-bg:var(--surface)}
[data-detail] .passport-tags{gap:var(--space-sm)}[data-detail] .passport-tags a{display:inline-flex;align-items:center;min-height:32px;padding:4px 10px;border:var(--border-width) solid var(--border-color);font-size:var(--ui);line-height:1.5;background:transparent;text-decoration:none;overflow-wrap:anywhere}[data-detail] .passport-tags a:hover,[data-detail] .passport-tags a:focus-visible{background:var(--hover);border-color:var(--blue);color:var(--blue)}
[data-detail] #content>.article-passport,[data-detail] .article-body .atlas-toc,[data-detail] .article-body .media-frame,[data-detail] .article-body .atlas-schematic,[data-detail] .article-body .atlas-table-frame:has(.atlas-ref-list){background:var(--article-panel-bg)}
[data-detail] .article-body .atlas-schematic>.atlas-schematic__header{margin:0}
[data-detail] .article-passport .passport-title-bar{align-items:baseline}.passport-header-field{white-space:nowrap;color:var(--ink);font-weight:400}.passport-header-key{color:var(--muted);font-weight:400}
[data-detail] #content .passport-tags a{text-transform:uppercase;font-weight:400;padding:3px 8px;border-color:var(--line);background:var(--surface);letter-spacing:0;line-height:1.5}
[data-detail] #content .passport-tags a:where(:hover,:focus-visible){background:var(--hover);border-color:var(--blue)}
[data-detail] #content .passport-tags a{font-size:var(--meta)}[data-detail] .article-passport .passport-summary{padding-block:var(--space-sm);margin:0}
[data-detail] .article-passport .passport-title-bar{display:flex;justify-content:space-between;gap:var(--space-xs) var(--space-md)}.passport-header-left,.passport-header-right{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-md)}.passport-header-right{margin-left:auto;justify-content:flex-end;text-align:right}
[data-detail] .atlas-toc__item a{padding:10px var(--space-flow);font-weight:700;font-size:14px}[data-detail] .atlas-toc__num{font-size:var(--ui)}[data-detail] .atlas-toc__title{flex-shrink:1}[data-detail] .atlas-toc__dots{min-width:16px}[data-detail] .atlas-toc .toc-title{letter-spacing:.06em;font-weight:700}
[data-detail] .article-body .atlas-schematic{background:var(--paper)}[data-detail] .article-body .atlas-schematic__canvas{padding:var(--space-group);border-bottom:var(--border-width) dashed var(--border-color)}[data-detail] .article-body .atlas-schematic__label{font-weight:700}[data-detail] .article-body .atlas-schematic__label--detail{font-weight:400}[data-detail] .article-body .atlas-schematic__note{align-items:flex-start;font-size:var(--ui);border-top:0;line-height:1.6}[data-detail] .atlas-schematic__note b{flex-shrink:0;background:var(--ink);color:var(--surface);padding:2px 7px;font-size:var(--meta);line-height:1.5;white-space:nowrap}
.article-section-divider{position:relative;border-top:var(--border-width) solid var(--border-color);margin:var(--space-section) 0 var(--space-group);height:1px}[data-detail] .article-body>.article-section-divider+h2{border-top:0;padding-top:0;margin-top:0}.article-section-mark{color:var(--muted);font-weight:400}
@media(max-width:760px){[data-detail] .article-body .atlas-schematic__note{flex-wrap:wrap}[data-detail] .article-body .atlas-schematic__canvas{padding:var(--space-md)}}
[data-detail] #content .article-body .atlas-schematic__canvas{background:#eeece9}
[data-detail] #content .article-body>p{margin:0 0 var(--space-group)}
[data-detail] #content .article-passport .passport-summary{margin:0}
[data-detail] #content .passport-tags a{padding-top:2px;padding-bottom:2px}
[data-detail] #content .atlas-toc__title{font-size:var(--ui);font-weight:600}
[data-detail] #content .atlas-toc__num{font-size:var(--meta);font-weight:500}
[data-detail] #content .article-body .atlas-schematic__canvas,[data-detail] #content .article-body .atlas-schematic__note{background:var(--surface)}
[data-detail] #content .article-passport h1{padding-top:0;padding-bottom:0}
[data-detail] #content .passport-tags{padding-top:0;padding-bottom:11px}
[data-detail] #content .article-passport .passport-summary{padding-top:var(--space-sm);padding-bottom:var(--space-flow)}
[data-detail] #content .passport-title-bar,[data-detail] #content .toc-title,[data-detail] #content .atlas-table-header-solid,[data-detail] #content .atlas-schematic__header,[data-detail] #content .media-frame::before,[data-detail] #content .article-share-header{font-weight:400}
[data-detail] .atlas-ref-link{text-decoration:none}[data-detail] .atlas-ref-link:hover,[data-detail] .atlas-ref-link:focus-visible{background:var(--hover);color:var(--blue)}
.article-share{margin-top:var(--space-section);border:var(--border-width) solid var(--border-color);background:var(--article-panel-bg)}.article-share-header{background:var(--paper);padding:var(--space-xs) var(--space-md) 3px;font-size:var(--meta);border-bottom:var(--border-width) solid var(--border-color)}.article-share-body{padding:var(--space-flow)}.article-share-body p{font-size:var(--ui);margin:0 0 var(--space-md)}.article-share nav{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.article-share a{display:inline-flex;align-items:center;min-height:32px;border:var(--border-width) solid var(--border-color);padding:4px 10px;text-decoration:none;font-size:var(--ui)}.article-share a:hover,.article-share a:focus-visible{background:var(--hover);border-color:var(--blue)}
[data-detail] #content .article-share{border:0;background:transparent;margin-top:var(--space-section)}[data-detail] #content .article-share-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);background:transparent;padding:0 0 3px;border-bottom:var(--border-width) solid var(--border-color)}[data-detail] .article-share-header p{margin:0;color:var(--ink);font-size:var(--ui);font-weight:600}[data-detail] .article-share-body{padding:var(--space-flow) 0 0}[data-detail] .article-share nav{gap:var(--space-md)}[data-detail] .article-share a{color:var(--ink);border-color:var(--strong);font-size:14px;padding:6px 10px;min-height:36px}
[data-detail] #content .atlas-ref-item:has(a):hover,[data-detail] #content .atlas-ref-item:has(a:focus-visible){background:var(--hover)}[data-detail] #content .atlas-ref-link:hover,[data-detail] #content .atlas-ref-link:focus-visible{background:transparent;color:var(--blue)}
[data-detail] #content .atlas-ref-item:has(.atlas-ref-row-link){padding:0;display:block}[data-detail] #content .atlas-ref-row-link{display:flex;align-items:baseline;gap:var(--space-md);width:100%;padding:var(--space-md) 0;text-decoration:none;min-width:0}[data-detail] #content .article-share a{font-size:var(--meta)}
[data-detail] #content .atlas-toc__item a{background:var(--surface)}[data-detail] #content .atlas-toc__item a:where(:hover,:focus-visible){background:var(--hover)}
[data-detail]{--muted:#5f5b57;--meta:12px;--label:12px;--article-reading-size:14px}
[data-detail] #content .article-body{font-size:var(--article-reading-size);line-height:1.65}
[data-detail] #content .passport-title-bar,[data-detail] #content .toc-title,[data-detail] #content .atlas-schematic__header,[data-detail] #content .media-frame::before,[data-detail] #content .article-share-header{color:var(--muted)}
[data-detail] #content .passport-tags a{min-height:24px;padding:4px 8px;line-height:1.2;text-transform:lowercase}
[data-detail] .article-section-divider{margin-top:var(--space-group);margin-bottom:3lh}
.article-subheading-mark{color:var(--muted);font-weight:400;margin-right:var(--space-xs)}
.tool-share{margin:0;border:0;background:transparent}.tool-share .article-share-header{padding:0 0 3px;background:transparent;color:var(--muted);font-weight:400}.tool-share .article-share-body{padding:var(--space-flow) 0 0}.tool-share a{color:var(--ink);font-size:12px}.tool-related-slide{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-group);align-items:center;padding:var(--space-flow);border:var(--border-width) solid var(--border-color);color:var(--ink);text-decoration:none;min-height:260px}.tool-related-slide img{width:100%;height:200px;object-fit:contain}.tool-related-slide h3{font-size:16px}.tool-related-slide p{font-size:var(--ui)}.tool-related-slide:hover{border-color:var(--blue);background:var(--hover)}
@media(max-width:760px){.tool-related-slide{grid-template-columns:1fr;min-height:400px}.tool-related-slide img{height:160px}}

@media(max-width:760px){}

@media(max-width:760px){}

@media(max-width:760px){}

@media(max-width:760px){}

[data-template="compressor"] .compress-settings{grid-template-columns:repeat(3,minmax(0,1fr))}[data-template="compressor"] .compress-settings input,[data-template="compressor"] .compress-settings select{width:100%;min-width:0}.compress-check{display:flex;align-items:center;gap:var(--space-sm)}.compress-check input{width:18px;min-height:18px;margin:0}.compress-images{list-style:none;padding:0;display:grid;gap:var(--space-sm);max-height:330px;overflow:auto}.compress-images li{display:flex;gap:var(--space-sm);min-width:0}.compress-images button{border:var(--border-width) solid var(--border-color);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;min-height:44px}.compress-pick{display:flex;align-items:center;gap:var(--space-md);flex:1;min-width:0;text-align:left;padding:var(--space-sm)}.compress-pick[aria-pressed=true]{border-color:var(--blue);background:var(--hover)}.compress-pick img{width:48px;height:48px;object-fit:contain}.compress-pick span{font-size:var(--ui)}.compress-images li>button:last-child{width:44px;flex-shrink:0}.compress-view{display:block;margin-bottom:var(--space-flow);font-size:var(--ui)}[data-view=black] .checker{background:#000}[data-view=white] .checker{background:#fff}[data-view=pixel] canvas{image-rendering:pixelated}.compress-loupe{position:absolute;right:8px;top:8px;width:162px;border:1px solid var(--blue);background:var(--surface);pointer-events:none;z-index:2}.compress-compare .compress-loupe canvas{display:block;width:160px;height:160px;max-width:none;max-height:none;image-rendering:pixelated}.compress-loupe-label{display:block;padding:4px 6px;background:var(--ink);color:var(--surface);font-size:var(--meta)}
@media(max-width:760px){}
[data-template="noise"] #noise-settings{margin:0;padding:0;border:0;min-width:0}[data-template="noise"] progress{width:100%;accent-color:var(--blue)}[data-template="noise"] #noise-material{touch-action:none;cursor:crosshair}