.bmc-yaml{--ytc-bg:#ffffff;--ytc-bg-muted:#f8fafc;--ytc-border:#e2e8f0;--ytc-text:#0f172a;--ytc-text-muted:#64748b;--ytc-primary:#0369a1;--ytc-primary-hover:#0284c7;--ytc-ok:#059669;--ytc-ok-bg:#ecfdf5;--ytc-err:#dc2626;--ytc-err-bg:#fef2f2;--ytc-radius:12px;--ytc-radius-sm:8px;}
.ytc-wrap{background:var(--ytc-bg);border:1px solid var(--ytc-border);border-radius:var(--ytc-radius);overflow:hidden;margin-bottom:2rem;}
.ytc-opts{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:14px 18px;background:var(--ytc-bg-muted);border-bottom:1px solid var(--ytc-border);}
.ytc-opt{display:inline-flex;align-items:center;gap:8px;font-size:0.875rem;color:var(--ytc-text);}
.ytc-opt-check input{width:1rem;height:1rem;accent-color:var(--ytc-primary);cursor:pointer;}
.ytc-opt-check span{cursor:pointer;}
.ytc-opt-field{display:inline-flex;align-items:center;gap:6px;}
.ytc-opt-field label{font-size:0.8125rem;font-weight:500;color:var(--ytc-text-muted);}
.ytc-opt-field input{width:2.25rem;padding:6px 8px;font-size:0.875rem;text-align:center;border:1px solid var(--ytc-border);border-radius:var(--ytc-radius-sm);background:var(--ytc-bg);}
.ytc-stats{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;padding:10px 18px;font-size:0.8125rem;color:var(--ytc-text-muted);border-bottom:1px solid var(--ytc-border);}
.ytc-stat strong{color:var(--ytc-text);font-weight:600;}
.ytc-stat-status{padding:4px 10px;border-radius:9999px;background:var(--ytc-bg-muted);font-weight:500;}
.ytc-stat-status.ytc-success{background:var(--ytc-ok-bg);color:var(--ytc-ok);}
.ytc-stat-status.ytc-error{background:var(--ytc-err-bg);color:var(--ytc-err);}
.ytc-actions{display:flex;flex-wrap:wrap;gap:10px;padding:14px 18px;border-bottom:1px solid var(--ytc-border);}
.ytc-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;font-size:0.875rem;font-weight:500;line-height:1.3;border-radius:var(--ytc-radius-sm);border:1px solid transparent;cursor:pointer;transition:background 0.15s ease,border-color 0.15s ease,color 0.15s ease;}
.ytc-btn-primary{background:var(--ytc-primary);color:#fff;border-color:var(--ytc-primary);}
.ytc-btn-primary:hover{background:var(--ytc-primary-hover);border-color:var(--ytc-primary-hover);}
.ytc-btn-outline{background:transparent;color:var(--ytc-text);border-color:var(--ytc-border);}
.ytc-btn-outline:hover{background:var(--ytc-bg-muted);}
.ytc-btn-ghost{background:transparent;color:var(--ytc-text-muted);border-color:transparent;}
.ytc-btn-ghost:hover{background:var(--ytc-bg-muted);color:var(--ytc-text);}
.ytc-panes{display:grid;grid-template-columns:1fr;gap:0;min-height:280px;}
@media (min-width:768px){.ytc-panes{grid-template-columns:1fr 1fr;min-height:380px;}}
.ytc-pane{display:flex;flex-direction:column;border-bottom:1px solid var(--ytc-border);min-height:260px;}
@media (min-width:768px){.ytc-pane{border-bottom:none;border-right:1px solid var(--ytc-border);min-height:380px;}.ytc-pane:last-child{border-right:none;}}
.ytc-label{display:block;font-size:0.75rem;font-weight:600;letter-spacing:0.03em;color:var(--ytc-text-muted);padding:12px 18px 8px;margin:0;}
.ytc-editor-box,.ytc-output-box{flex:1;min-height:220px;position:relative;}
@media (min-width:768px){.ytc-editor-box,.ytc-output-box{min-height:320px;}}
.ytc-output-box{background:var(--ytc-bg-muted);}
.ytc-editor{position:absolute;top:0;left:0;right:0;bottom:0;font-size:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;}
.ytc-about{margin-bottom:2rem;}
.ytc-about-title{font-size:1.25rem;font-weight:600;margin:0 0 0.75rem;color:var(--ytc-text);}
.ytc-about p{margin:0;font-size:1rem;line-height:1.6;color:var(--ytc-text);max-width:640px;}
.ytc-about code{font-size:0.9em;padding:2px 6px;background:var(--ytc-bg-muted);border-radius:4px;}