.code-diff-panel{margin:var(--space-4) 0}.code-diff-panel__title{margin:0 0 var(--space-2);font-weight:600}.code-diff-panel__columns{gap:var(--space-3);grid-template-columns:1fr;display:grid}.code-diff-panel__column{border:1px solid var(--color-border);overflow:hidden}.code-diff-panel__column-header{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);background:#fafafa;display:flex}.code-diff-panel__label{font-size:var(--font-size-sm);font-weight:600}.code-diff-panel__copy{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:var(--space-1) var(--space-2);cursor:pointer;border-radius:4px}.code-diff-panel__copy:hover{border-color:var(--color-text);color:var(--color-text)}.code-diff-panel__code{padding:var(--space-3);font-family:var(--font-mono);font-size:var(--font-size-sm);margin:0;line-height:1.5;overflow-x:auto}@media (width>=768px){.code-diff-panel__columns{grid-template-columns:1fr 1fr}}focusari-system-design-engine{margin:var(--space-4) 0;display:block}.fsde{border:1px solid var(--color-border);padding:var(--space-3) var(--space-4);background:#fafafa}.fsde__caption{margin:0 0 var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.fsde__canvas-wrap{overflow-x:auto}.fsde__canvas{display:block}.fsde__error{color:var(--color-danger);font-size:var(--font-size-sm);margin:0}