.bmc-yaml{--y2x-bg:#fff;--y2x-bg-muted:#f8fafc;--y2x-border:#e2e8f0;--y2x-text:#0f172a;--y2x-text-muted:#64748b;--y2x-primary:#0d9488;--y2x-primary-hover:#0f766e;--y2x-ok:#059669;--y2x-ok-bg:#ecfdf5;--y2x-err:#dc2626;--y2x-err-bg:#fef2f2;--y2x-radius:12px;--y2x-radius-sm:8px;}
.y2x-tool{background: var(--y2x-bg);border: 1px solid var(--y2x-border);border-radius: var(--y2x-radius);overflow: hidden;margin-bottom: 2rem;}
.y2x-bar{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 12px;padding: 12px 16px;background: var(--y2x-bg-muted);border-bottom: 1px solid var(--y2x-border);}
.y2x-meta{display: flex;flex-wrap: wrap;align-items: center;gap: 12px 20px;font-size: 0.8125rem;color: var(--y2x-text-muted);}
.y2x-status{padding: 4px 10px;border-radius: 9999px;background: var(--y2x-bg);font-weight: 500;color: var(--y2x-text);}
.y2x-status.y2x-success{background: var(--y2x-ok-bg);color: var(--y2x-ok);}
.y2x-status.y2x-error{background: var(--y2x-err-bg);color: var(--y2x-err);}
.y2x-stat strong{color: var(--y2x-text);font-weight: 600;}
.y2x-actions{display: flex;flex-wrap: wrap;gap: 8px;}
.y2x-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(--y2x-radius-sm);border: 1px solid transparent;cursor: pointer;transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;}
.y2x-btn-primary{background: var(--y2x-primary);color: #fff;border-color: var(--y2x-primary);}
.y2x-btn-primary:hover{background: var(--y2x-primary-hover);border-color: var(--y2x-primary-hover);}
.y2x-btn-outline{background: transparent;color: var(--y2x-text);border-color: var(--y2x-border);}
.y2x-btn-outline:hover{background: var(--y2x-bg-muted);}
.y2x-btn-ghost{background: transparent;color: var(--y2x-text-muted);border-color: transparent;}
.y2x-btn-ghost:hover{background: var(--y2x-bg-muted);color: var(--y2x-text);}
.y2x-details{margin: 0;border-bottom: 1px solid var(--y2x-border);}
.y2x-details-summary{padding: 12px 16px;font-size: 0.875rem;font-weight: 500;color: var(--y2x-text);cursor: pointer;list-style: none;user-select: none;}
.y2x-details-summary::-webkit-details-marker{display: none;}
.y2x-details-summary::before{content: '';display: inline-block;width: 0;height: 0;margin-right: 8px;border-left: 5px solid var(--y2x-text-muted);border-top: 4px solid transparent;border-bottom: 4px solid transparent;vertical-align: middle;transition: transform 0.15s ease;}
.y2x-details[open] .y2x-details-summary::before{transform: rotate(90deg);}
.y2x-opts{display: flex;flex-wrap: wrap;align-items: center;gap: 12px 20px;padding: 12px 16px;background: var(--y2x-bg);border-top: 1px solid var(--y2x-border);}
.y2x-opt{display: inline-flex;align-items: center;gap: 8px;font-size: 0.875rem;color: var(--y2x-text);cursor: pointer;}
.y2x-opt input[type="checkbox"]{width: 1rem;height: 1rem;accent-color: var(--y2x-primary);cursor: pointer;}
.y2x-opt-field{display: inline-flex;align-items: center;gap: 6px;}
.y2x-opt-field label{font-size: 0.8125rem;font-weight: 500;color: var(--y2x-text-muted);}
.y2x-opt-field input{width: 6rem;max-width: 100%;padding: 6px 10px;font-size: 0.875rem;border: 1px solid var(--y2x-border);border-radius: var(--y2x-radius-sm);background: var(--y2x-bg);}
.y2x-workspace{display: grid;grid-template-columns: 1fr;gap: 0;min-height: 280px;}
@media (min-width: 768px){.y2x-workspace{grid-template-columns: 1fr 1fr;min-height: 380px;}}
.y2x-pane{display: flex;flex-direction: column;border-bottom: 1px solid var(--y2x-border);min-height: 260px;}
@media (min-width: 768px){.y2x-pane{border-bottom: none;border-right: 1px solid var(--y2x-border);min-height: 380px;}.y2x-pane:last-child{border-right: none;}}
.y2x-label{display: block;font-size: 0.75rem;font-weight: 600;letter-spacing: 0.03em;color: var(--y2x-text-muted);padding: 12px 16px 8px;margin: 0;}
.y2x-editor-wrap{flex: 1;min-height: 220px;position: relative;}
@media (min-width: 768px){.y2x-editor-wrap{min-height: 320px;}}
.y2x-output-wrap{background: var(--y2x-bg-muted);}
.y2x-editor{position: absolute;top: 0;left: 0;right: 0;bottom: 0;font-size: 14px;font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;}
.y2x-content{margin-bottom: 2rem;}
.y2x-content-title{font-size: 1.25rem;font-weight: 600;margin: 0 0 0.75rem;color: var(--y2x-text);}
.y2x-content p{margin: 0 0 0.75rem;font-size: 1rem;line-height: 1.6;color: var(--y2x-text);max-width: 640px;}
.y2x-content p:last-child{margin-bottom: 0;}
.y2x-content code{font-size: 0.9em;padding: 2px 6px;background: var(--y2x-bg-muted);border-radius: 4px;}