.project-diagram{border:1px solid var(--line);background:#fff;border-radius:12px;margin:28px 0 0;overflow:hidden}.project-diagram-toolbar{border-bottom:1px solid var(--line);min-height:48px;color:var(--muted);font-size:var(--font-label);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex}.project-diagram-title{text-overflow:ellipsis;white-space:nowrap;flex:120px;min-width:0;overflow:hidden}.project-diagram-controls-slot:empty{display:none}.project-diagram-controls-slot{min-width:0}.project-diagram-expand{color:inherit;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;flex-shrink:0;align-items:center;gap:6px;padding:4px 0;display:inline-flex}.project-diagram-expand:hover{color:var(--text)}.portfolio-diagram-controls{flex-wrap:wrap;gap:4px;display:flex}.portfolio-diagram-step{overflow-wrap:anywhere;flex-basis:100%;max-width:45ch}.portfolio-diagram-controls button{border:1px solid var(--line);min-width:32px;min-height:32px;color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:5px 8px}.portfolio-diagram-controls button:hover{background:var(--line)}.portfolio-diagram-controls button:disabled{opacity:.5;cursor:default}.project-diagram-toolbar button:focus-visible{outline-offset:2px;outline:2px solid}.project-diagram-canvas{height:var(--diagram-height,440px);isolation:isolate}.project-diagram--sequence .project-diagram-canvas{height:var(--diagram-height,1000px)}.project-diagram-loading{height:100%;color:var(--muted);font-size:var(--font-label);place-content:center;margin:0;display:grid}.project-diagram:fullscreen{border:0;border-radius:0;flex-direction:column;width:100%;height:100%;margin:0;display:flex}.project-diagram:fullscreen .project-diagram-canvas{flex:1;height:auto;min-height:0}.project-diagram-load{border:1px solid var(--line);background:var(--bg);min-height:48px;color:var(--text);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;display:inline-flex}.project-diagram-preview-content{color:var(--muted);padding:20px 16px}.project-diagram-preview-content p{max-width:70ch;margin-bottom:16px}@media (width<=650px){.project-section>.prose:empty+.project-diagram-host .project-diagram{margin-top:0}.project-diagram-canvas{height:var(--diagram-height,400px)}.project-diagram--sequence .project-diagram-canvas{height:var(--diagram-height,760px)}}.project-diagram-dialog{overscroll-behavior:contain;background:#fff;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0}.project-diagram-dialog>.project-diagram{border:0;border-radius:0;flex-direction:column;width:100%;height:100%;margin:0;display:flex}.project-diagram-dialog .project-diagram-toolbar{padding-top:max(8px, env(safe-area-inset-top));padding-inline:max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right));flex-wrap:wrap;flex-shrink:0}.project-diagram-dialog .project-diagram-toolbar button{min-width:44px;min-height:44px}.project-diagram-dialog .project-diagram-canvas{flex:1;height:auto;min-height:0}