.app-chrome{position:-webkit-sticky;position:sticky;top:0;z-index:700;background:var(--bg-1)}.topbar-editor-name{margin-left:-6px;font:600 var(--fs-sm,13px) /1 var(--font-sans);color:var(--fg-1);letter-spacing:-.01em;white-space:nowrap;flex-shrink:0}.topbar-editor-name,.topbar-env-pill{display:inline-flex;align-items:center}.topbar-env-pill{height:18px;padding:0 8px;border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff}.topbar-env-pill,.topbar-env-pill[data-env=staging]{background:var(--cr-orange-500,#f26b1f)}.topbar-project-name{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:28ch;font:500 var(--fs-sm,13px) /1 var(--font-sans);color:var(--fg-1);white-space:nowrap;flex-shrink:1}.topbar-project-name .ms{font-size:16px;color:var(--fg-3);flex-shrink:0}.topbar-project-name-text{overflow:hidden;text-overflow:ellipsis}a.topbar-project-name{text-decoration:none;cursor:pointer;border-radius:6px;padding:2px 6px;transition:background .12s}a.topbar-project-name:hover{background:var(--bg-2)}a.topbar-project-name:hover .topbar-project-name-text{text-decoration:underline}.diagram-type-picker{margin-left:8px}.diagram-type-trigger{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 8px;border-radius:999px;background:var(--bg-2);border:1px solid var(--border-1,var(--bg-3));font:600 var(--fs-sm,13px) /1 var(--font-sans);color:var(--fg-1);white-space:nowrap;cursor:pointer;transition:background .12s,border-color .12s}.diagram-type-picker.open .diagram-type-trigger,.diagram-type-trigger:hover{background:var(--bg-3)}.diagram-type-trigger .ms{font-size:16px;color:var(--fg-3)}.diagram-type-trigger .diagram-type-caret{font-size:18px;margin-left:-2px}.diagram-type-picker .menu{min-width:260px}.diagram-type-picker .menu-item{text-decoration:none}.diagram-type-picker .menu-item.active{background:var(--bg-brand-soft);color:var(--fg-brand)}.view-edit-toggle{display:inline-flex;align-items:center;flex-shrink:0;gap:2px;padding:2px;margin-left:4px;border-radius:999px;background:var(--bg-2);border:1px solid var(--border-1,var(--bg-3))}.view-edit-toggle-btn{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 10px;border-radius:999px;font:600 var(--fs-sm,13px) /1 var(--font-sans);color:var(--fg-2);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .12s,color .12s}.view-edit-toggle-btn .ms{font-size:16px}a.view-edit-toggle-btn:hover{background:var(--bg-3);color:var(--fg-1)}.view-edit-toggle-btn.active{background:var(--cr-orange-500,#f26b1f);color:#fff;cursor:default}@media (max-width:720px){.view-edit-toggle-btn span:not(.ms){display:none}.view-edit-toggle-btn{padding:0 8px}}.topbar-save{display:inline-flex;align-items:center;margin-left:6px}.btn.save-attn{animation:crayon-save-attn 2.4s ease-in-out infinite}@keyframes crayon-save-attn{0%,to{box-shadow:0 0 0 0 rgba(242,107,31,0)}50%{box-shadow:0 0 0 4px rgba(242,107,31,.28)}}@media (prefers-reduced-motion:reduce){.btn.save-attn{animation:none;box-shadow:0 0 0 3px rgba(242,107,31,.28)}}