.yaml-main{padding-top:54px}.yaml-intro{margin-bottom:24px}.yaml-toolbar{align-items:center}.yaml-actions{display:flex;align-items:center;gap:8px}.yaml-actions button{min-height:38px}.yaml-grid .formatter-panel{min-width:0;min-height:480px}.yaml-grid textarea{width:100%;min-height:430px;flex:1;resize:vertical;border:0;outline:0;padding:16px;background:var(--editor-bg);color:var(--text);font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.yaml-grid textarea::placeholder{color:var(--muted);opacity:.8}.yaml-grid #yamlOutput{min-width:0;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.yaml-grid .formatter-panel-head>span{color:var(--muted);font-size:10px;font-weight:750}.yaml-stats{display:grid;grid-template-columns:repeat(2,1fr);margin:0;padding:12px 16px;border-top:1px solid var(--line)}.yaml-stats>div{display:flex;justify-content:space-between;gap:12px;padding:3px 14px;border-right:1px solid var(--line);font-size:11px}.yaml-stats>div:first-child{padding-left:0}.yaml-stats>div:last-child{border:0;padding-right:0}.yaml-stats dt{color:var(--muted)}.yaml-stats dd{margin:0;color:var(--text);font-weight:800}.yaml-status.error{color:var(--error)}.yaml-status.success{color:var(--accent)}
@media(max-width:760px){.yaml-main{padding-top:38px}.yaml-toolbar{align-items:stretch;flex-direction:column}.yaml-actions button{flex:1}.yaml-grid{grid-template-columns:1fr}.yaml-grid .formatter-panel{min-height:360px}.yaml-grid textarea,.yaml-grid #yamlOutput{min-height:300px}.yaml-stats{grid-template-columns:1fr;gap:5px;padding:10px 14px}.yaml-stats>div,.yaml-stats>div:first-child,.yaml-stats>div:last-child{padding:5px 0;border-right:0;border-bottom:1px solid var(--line)}.yaml-stats>div:last-child{border-bottom:0}}
@media(max-width:380px){.yaml-grid .formatter-panel-head{padding:8px}.yaml-grid .formatter-panel-head h2{font-size:9px;letter-spacing:.8px}}