.bmc-yaml{--yp-surface:#ffffff;--yp-surface-muted:#f1f5f9;--yp-border:#e2e8f0;--yp-text:#0f172a;--yp-text-muted:#64748b;--yp-primary:#0f766e;--yp-primary-dark:#0d9488;--yp-valid:#059669;--yp-valid-bg:#ecfdf5;--yp-invalid:#dc2626;--yp-invalid-bg:#fef2f2;--yp-radius:10px;--yp-radius-sm:6px;}
.yp-tool{background:var(--yp-surface);border:1px solid var(--yp-border);border-radius:var(--yp-radius);overflow:hidden;margin-bottom:2rem;}
.yp-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;background:var(--yp-surface-muted);border-bottom:1px solid var(--yp-border);}
.yp-status{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;font-size:0.875rem;font-weight:500;border-radius:9999px;background:var(--yp-surface);color:var(--yp-text-muted);border:1px solid var(--yp-border);}
.yp-status.yp-valid{background:var(--yp-valid-bg);color:var(--yp-valid);border-color:transparent;}
.yp-status.yp-invalid{background:var(--yp-invalid-bg);color:var(--yp-invalid);border-color:transparent;}
.yp-status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;}
.yp-bar-actions{display:flex;align-items:center;gap:8px;margin-left:auto;}
@media (max-width:479px){.yp-bar{flex-direction:column;align-items:stretch;}.yp-bar-actions{margin-left:0;}}
.yp-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;font-size:0.875rem;font-weight:500;line-height:1.4;border-radius:var(--yp-radius-sm);border:1px solid transparent;cursor:pointer;transition:background 0.15s ease,border-color 0.15s ease;}
.yp-btn-primary{background:var(--yp-primary);color:#fff;border-color:var(--yp-primary);}
.yp-btn-primary:hover{background:var(--yp-primary-dark);border-color:var(--yp-primary-dark);}
.yp-btn-ghost{background:transparent;color:var(--yp-text);border-color:var(--yp-border);}
.yp-btn-ghost:hover{background:var(--yp-surface-muted);}
.yp-btn-outline{background:transparent;color:var(--yp-text);border-color:var(--yp-border);}
.yp-btn-outline:hover{background:var(--yp-surface-muted);}
.yp-layout{display:grid;grid-template-columns:1fr;gap:0;min-height:320px;}
@media (min-width:768px){.yp-layout{grid-template-columns:1fr 1fr;min-height:400px;}}
.yp-input-wrap{display:flex;flex-direction:column;border-bottom:1px solid var(--yp-border);}
@media (min-width:768px){.yp-input-wrap{border-bottom:none;border-right:1px solid var(--yp-border);}}
.yp-label{display:block;font-size:0.75rem;font-weight:600;letter-spacing:0.03em;color:var(--yp-text-muted);padding:10px 16px 0;margin:0;}
.yp-editor-box{flex:1;min-height:280px;position:relative;}
@media (min-width:768px){.yp-editor-box{min-height:360px;}}
.yp-editor-box-readonly{background:var(--yp-surface-muted);}
.yp-editor{position:absolute;top:0;left:0;right:0;bottom:0;font-size:14px;}
.yp-outcome{display:flex;flex-direction:column;min-width:0;}
.yp-outcome-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:8px 16px 0;}
.yp-tabs{display:flex;gap:4px;}
.yp-tab{padding:8px 14px;font-size:0.8125rem;font-weight:500;color:var(--yp-text-muted);background:transparent;border:1px solid transparent;border-radius:var(--yp-radius-sm);cursor:pointer;transition:color 0.15s ease,background 0.15s ease;}
.yp-tab:hover{color:var(--yp-text);background:var(--yp-surface-muted);}
.yp-tab.yp-tab-active{color:var(--yp-primary);background:var(--yp-valid-bg);border-color:var(--yp-border);}
.yp-panels{flex:1;min-height:260px;position:relative;}
@media (min-width:768px){.yp-panels{min-height:320px;}}
.yp-panel{display:none;flex-direction:column;height:100%;min-height:260px;}
@media (min-width:768px){.yp-panel{min-height:320px;}}
.yp-panel.yp-panel-active{display:flex;}
.yp-structure-viewer,.yp-analysis-viewer{flex:1;overflow-y:auto;padding:12px 16px;font-size:0.875rem;line-height:1.5;}
.yp-placeholder{color:var(--yp-text-muted);}
.yp-structure-tree{font-size:0.875rem;}
.yp-structure-item{margin:2px 0;padding:4px 6px;border-radius:4px;}
.yp-structure-item:hover{background:var(--yp-surface-muted);}
.yp-structure-toggle{color:var(--yp-text-muted);margin-right:6px;font-size:0.75rem;cursor:pointer;}
.yp-structure-key{color:var(--yp-primary);font-weight:600;margin-right:8px;}
.yp-structure-key.yp-array-index{color:#7c3aed;}
.yp-structure-type{background:var(--yp-surface-muted);color:var(--yp-text-muted);padding:2px 6px;border-radius:4px;font-size:0.6875rem;margin-right:8px;}
.yp-structure-value{color:var(--yp-valid);}
.yp-analysis-section{margin-bottom:1.25rem;}
.yp-analysis-section:last-child{margin-bottom:0;}
.yp-analysis-section h5{font-size:0.9375rem;font-weight:600;margin:0 0 0.5rem;color:var(--yp-text);}
.yp-analysis-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 1.5rem;}
.yp-analysis-stats li{font-size:0.875rem;color:var(--yp-text-muted);margin:0;}
.yp-type-badge{display:inline-flex;align-items:center;justify-content:space-between;padding:6px 10px;background:var(--yp-surface-muted);border-radius:4px;margin-bottom:6px;font-size:0.8125rem;}
.yp-type-badge .yp-count{font-weight:600;color:var(--yp-text);}
.yp-key-path{font-size:0.8125rem;padding:6px 10px;margin:4px 0;background:var(--yp-surface-muted);border-radius:4px;}
.yp-key-path code{font-size:0.75rem;}
.yp-footer{padding:12px 16px;border-top:1px solid var(--yp-border);background:var(--yp-surface-muted);}
.yp-actions-secondary{display:flex;flex-wrap:wrap;gap:8px;}
.yp-content{margin-bottom:2rem;}
.yp-content-title{font-size:1.25rem;font-weight:600;margin:0 0 0.75rem;color:var(--yp-text);}
.yp-content p{margin:0 0 1rem;font-size:1rem;line-height:1.6;color:var(--yp-text);}