.yaml-page h1{max-width:980px;font-size:clamp(48px,7vw,88px)}.yaml-page .seo-hero{grid-template-columns:minmax(0,1fr) minmax(330px,.72fr)}.yaml-page .hero-example{transform:rotate(.35deg)}.yaml-page .hero-example pre{min-height:250px}.yaml-app{--xml-deep:#15382f;--xml-ink:#294b42;--xml-muted:#5a746d;--xml-line:#1e69512b;--xml-indigo:#16785d;--xml-indigo-dark:#0b5a45;--xml-indigo-pale:#e7f8f0;--xml-green:#16785d;--xml-amber:#9b5a22}.yaml-app .xml-app-bar{background:linear-gradient(90deg,#edfbf5,#f4fbff 55%,#fff9eb)}.yaml-app .xml-controls{background:linear-gradient(#fffdf7,#fff)}.yaml-app .xml-result-card{background:linear-gradient(#f5fcf9,#fff 52%)}.yaml-app .xml-button.primary{box-shadow:0 8px 22px #16785d33}.yaml-app .xml-result-card{grid-template-rows:auto minmax(360px,1fr) auto}.yaml-result-stack{align-content:start;gap:14px;min-width:0;display:grid}.yaml-output{resize:vertical;border:1px solid var(--xml-line);color:#1f4439;tab-size:2;background:#f8fffb;border-radius:15px;width:100%;min-height:360px;padding:16px;font:13px/1.62 SFMono-Regular,Cascadia Code,Fira Code,DejaVu Sans Mono,Consolas,monospace}.yaml-output:focus{background:#fff;box-shadow:inset 0 0 0 3px #16785d1f}.yaml-diagnostics{color:#754215;background:#fff8eb;border:1px solid #9b5a2238;border-radius:14px;padding:14px 16px}.yaml-diagnostics h3{color:#63370f;letter-spacing:.04em;text-transform:uppercase;margin:0 0 10px;font-size:12px}.yaml-diagnostics ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.yaml-diagnostics li{grid-template-columns:minmax(120px,.34fr) minmax(0,1fr);gap:10px;font-size:12px;line-height:1.5;display:grid}.yaml-diagnostics strong{color:#6d3a0d;overflow-wrap:anywhere}.yaml-diagnostics span{color:#795a39}.yaml-tree-shell{min-height:390px}.yaml-tree-shell .xml-tree{max-height:500px}.yaml-row-chip{color:#0d674f;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;background:#eaf8f2;border:1px solid #16785d2e;border-radius:999px;flex:none;max-width:180px;padding:2px 6px;font-size:12px;font-weight:900;overflow:hidden}.yaml-tag-chip{color:#704318;text-transform:none;background:#fff5e6;border-color:#9b5a222e;max-width:260px}.yaml-kind-alias .xml-row-label,.yaml-kind-alias .xml-row-value{color:#8a4b14}.yaml-kind-scalar .xml-row-value{color:#176547}.yaml-kind-document .xml-row-label{color:#15382f;font-weight:900}@media (width<=980px){.yaml-page .seo-hero{grid-template-columns:1fr}}@media (width<=650px){.yaml-diagnostics li{grid-template-columns:1fr;gap:2px}.yaml-output{min-height:310px;font-size:12px}.yaml-row-chip{max-width:120px}}