.vela-preview-error{color:var(--danger);font-size:var(--text-sm);max-width:260px;line-height:1.4}.vela-topbar .vela-preview-error{color:var(--chrome-active)}.vela-preview-page{flex-direction:column;gap:16px;display:flex}.vela-preview-section{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:16px 20px}.vela-preview-section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.vela-preview-section-head h4{margin:0}.vela-preview-note{color:var(--text-2);font-size:var(--text-sm);margin:0 0 12px}.vela-preview-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.vela-preview-flag{color:var(--warn);background:var(--warn-soft);white-space:nowrap;border-radius:4px;margin-left:8px;padding:0 6px;font-size:12px}.vela-preview-result{flex-direction:column;gap:8px;display:flex}.vela-preview-url{border:1px solid var(--line);background:var(--surface-2,var(--surface));font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:var(--text-sm);word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:6px;padding:8px 10px;display:block}.vela-build-report dl{grid-template-columns:max-content 1fr;gap:4px 16px;margin:0 0 8px;display:grid}.vela-build-report dt{color:var(--text-2)}.vela-build-report dd{margin:0}.vela-build-report ul{margin:4px 0 8px;padding-left:20px}.vela-build-row{cursor:pointer}.vela-build-row.is-selected td{background:var(--accent-soft,var(--warn-soft))}.vela-topbar{z-index:30;background:var(--chrome);height:auto;min-height:52px;color:var(--chrome-text);line-height:inherit;align-items:stretch;gap:16px;padding:0 24px;display:flex;position:sticky;top:0}.vela-brand{color:var(--chrome-strong);white-space:nowrap;align-self:center;align-items:center;gap:10px;font-weight:600;text-decoration:none;display:flex}.vela-brand:hover{color:var(--chrome-strong);text-decoration:none}.vela-mainnav{scrollbar-width:none;flex:1;align-items:stretch;gap:2px;min-width:0;display:flex;overflow-x:auto}.vela-mainnav::-webkit-scrollbar{display:none}.vela-mainnav a{color:var(--chrome-text);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;padding:0 12px;text-decoration:none;transition:color .12s;display:flex}.vela-mainnav a:hover{color:var(--chrome-strong);text-decoration:none}.vela-mainnav a.is-active{color:var(--chrome-strong);border-bottom-color:var(--chrome-active)}.vela-topbar-right{align-items:center;gap:12px;display:flex}.vela-update-pill{font-size:var(--text-xs);white-space:nowrap;border:1px solid var(--chrome-3);background:var(--chrome-2);color:var(--chrome-text);border-radius:999px;align-items:center;gap:8px;padding:4px 10px;text-decoration:none;display:inline-flex}.vela-update-pill:hover{color:var(--chrome-strong);text-decoration:none}.vela-update-dot{background:#56d08a;border-radius:50%;width:7px;height:7px}.vela-update-pill.is-pending .vela-update-dot{background:var(--chrome-active)}.vela-update-pill.is-building .vela-update-dot{background:#4cc3f0;animation:1s ease-in-out infinite vela-pulse}.vela-update-pill.is-failed .vela-update-dot{background:#f06b5e}.vela-update-stale{border-left:1px solid var(--chrome-3);color:var(--chrome-text);opacity:.8;padding-left:8px}@keyframes vela-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.vela-update-pill.is-building .vela-update-dot{animation:none}}.vela-alerts{align-items:center;gap:8px;display:flex}.vela-alert-chip{font-size:var(--text-xs);white-space:nowrap;border:1px solid var(--chrome-active);background:var(--chrome-2);color:var(--chrome-active);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;text-decoration:none;display:inline-flex}.vela-alert-chip:hover{color:var(--chrome-strong);text-decoration:none}.vela-alert-chip:focus-visible{outline:2px solid var(--chrome-active);outline-offset:2px}.vela-alert-more{font-size:var(--text-xs);color:var(--chrome-text);white-space:nowrap}.vela-user-chip{color:var(--chrome-text);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;padding:4px;font-family:inherit;display:flex}.vela-user-chip:hover{color:var(--chrome-strong)}.vela-avatar{background:var(--chrome-3);width:26px;height:26px;color:var(--chrome-strong);border-radius:50%;flex:none;place-items:center;font-size:12px;display:grid}.vela-subnav{background:var(--surface);border-bottom:1px solid var(--line);gap:2px;padding:0 24px;display:flex;overflow-x:auto}.vela-subnav a{color:var(--text-2);white-space:nowrap;font-size:var(--text-sm);border-bottom:2px solid #0000;padding:10px 12px;line-height:1.6;text-decoration:none}.vela-subnav a:hover{color:var(--text);text-decoration:none}.vela-subnav a.is-active{color:var(--accent-strong);border-bottom-color:var(--accent);font-weight:600}.vela-topbar a:focus-visible,.vela-topbar button:focus-visible,.vela-topbar [tabindex="0"]:focus-visible{outline:2px solid var(--chrome-active);outline-offset:2px;border-radius:4px}.vela-page{width:100%;max-width:1480px;min-height:280px;margin:0 auto;padding:20px 24px 48px}.vela-topbar{flex-wrap:wrap;row-gap:0}.vela-topbar>.vela-brand,.vela-topbar>.vela-site-switch,.vela-topbar>.vela-topbar-right{align-self:center}.vela-mainnav{flex:auto;min-width:max-content;min-height:40px;overflow-x:visible}.vela-topbar-right{margin-left:auto}@media (width<=1360px){.vela-topbar{padding-top:6px;padding-bottom:6px}.vela-mainnav{flex-basis:100%;order:3;min-width:0;overflow-x:auto}}@media (width<=860px){.vela-topbar{gap:8px;padding-left:16px;padding-right:16px}.vela-mainnav{min-height:38px}.vela-user-name{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.vela-subnav{padding-left:16px;padding-right:16px}.vela-page{padding:16px 16px 40px}}.vela-site-switch{align-self:center;width:200px}@media (width<=520px){.vela-site-switch{width:170px}.vela-brand span{display:none}}.vela-new-site{border:1px solid var(--chrome-text);height:28px;color:var(--chrome-strong);white-space:nowrap;border-radius:6px;align-items:center;padding:0 12px;font-size:13px;text-decoration:none;display:inline-flex}.vela-new-site:hover{color:var(--chrome-strong);border-color:var(--chrome-strong);text-decoration:none}.vela-new-site:focus-visible{outline:2px solid var(--chrome-active);outline-offset:2px}html,body,#root{height:100%}body{margin:0}*,:before,:after{box-sizing:border-box}