:root{color-scheme:dark;--bg-main:#050505;--bg-canvas:#07070a;--bg-card:rgba(15,15,18,.92);--bg-card-soft:rgba(24,24,28,.88);--border-muted:hsla(0,0%,100%,.12);--border-strong:hsla(0,0%,100%,.22);--text-primary:#fff;--text-secondary:hsla(0,0%,100%,.72);--text-muted:hsla(0,0%,100%,.48);--accent-pink:#ff007a;--accent-pink-soft:rgba(255,0,122,.24);--accent-purple:#8b5cf6;--accent-blue:#60a5fa;--accent-green:#22c55e;--accent-red:#ef4444;--accent-yellow:#f59e0b;--accent-gray:#94a3b8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.5}*,:after,:before{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text-primary);background:radial-gradient(circle at 65% 40%,rgba(255,0,122,.18),transparent 28%),radial-gradient(circle at 45% 50%,rgba(96,165,250,.12),transparent 30%),radial-gradient(circle at 20% 80%,rgba(139,92,246,.1),transparent 32%),var(--bg-main)}main{padding:1.25rem 1.5rem 2rem}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--border-muted);background:rgba(5,5,5,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1440px;margin:0 auto;padding:.85rem 1.5rem}.site-header__brand{display:flex;align-items:center;gap:.65rem}.site-header__dot{width:10px;height:10px;border-radius:999px;background:var(--accent-pink);box-shadow:0 0 18px var(--accent-pink-soft)}.site-header h1{margin:0;font-size:1rem;font-weight:700;letter-spacing:.01em}.site-header__tag{font-size:.75rem;color:var(--text-muted);border:1px solid var(--border-muted);border-radius:999px;padding:.25rem .65rem;background:hsla(0,0%,100%,.03)}.inspector-layout,.landing,.run-page{max-width:1440px;margin:0 auto}.landing h2{margin:0 0 1rem;font-size:1.5rem}.landing-form{display:flex;flex-direction:column;gap:.75rem;max-width:520px;padding:1.25rem;border-radius:16px;border:1px solid var(--border-muted);background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.landing-form label{font-size:.85rem;color:var(--text-secondary)}.landing-form input{padding:.75rem .85rem;border-radius:12px;border:1px solid var(--border-muted);background:hsla(0,0%,100%,.04);color:var(--text-primary);font-size:.95rem}.landing-form input:focus{outline:none;border-color:rgba(255,0,122,.55);box-shadow:0 0 0 3px var(--accent-pink-soft)}.ghost-button,.landing-form button{align-self:flex-start;padding:.55rem .9rem;border-radius:10px;border:1px solid var(--border-muted);background:hsla(0,0%,100%,.05);color:var(--text-primary);cursor:pointer;font-size:.85rem;transition:border-color .15s ease,background .15s ease}.landing-form button{border-color:rgba(255,0,122,.45);background:linear-gradient(135deg,rgba(255,0,122,.28),rgba(139,92,246,.22))}.ghost-button:hover:not(:disabled),.landing-form button:hover{border-color:var(--border-strong);background:hsla(0,0%,100%,.08)}.ghost-button:disabled{opacity:.55;cursor:not-allowed}.ghost-button--small{padding:.3rem .55rem;font-size:.75rem}.run-command-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .75rem;margin-bottom:.65rem;padding:.75rem 1rem;border-radius:14px;border:1px solid var(--border-muted);background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.run-command-bar__group{display:inline-flex;align-items:center;gap:.45rem}.run-command-bar__label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.run-command-bar__run-id{font-size:.85rem;color:var(--text-primary);background:hsla(0,0%,100%,.04);padding:.15rem .4rem;border-radius:6px}.run-command-bar__divider{color:hsla(0,0%,100%,.18);-webkit-user-select:none;-moz-user-select:none;user-select:none}.run-command-bar__meta{font-size:.85rem;color:var(--text-secondary)}.run-command-bar__actions{display:inline-flex;align-items:center;gap:.55rem;margin-left:auto}.outcome-summary{margin:0 0 .85rem;padding:.65rem .95rem;border-radius:12px;border:1px solid hsla(0,0%,100%,.08);background:rgba(15,15,18,.55);color:var(--text-secondary);font-size:.9rem}.live-indicator{font-size:.75rem;color:var(--accent-pink)}.status-pill{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid var(--border-muted);background:hsla(0,0%,100%,.04);color:var(--text-secondary)}.status-pill--compliance,.status-pill--drafting,.status-pill--queued,.status-pill--running,.status-pill--waiting_approval{border-color:rgba(255,0,122,.55);color:#ffd0e8;background:var(--accent-pink-soft)}.status-pill--approved{border-color:rgba(34,197,94,.55);color:#bbf7d0;background:rgba(34,197,94,.14)}.status-pill--rejected,.status-pill--terminal_compliance_fail,.status-pill--terminal_error{border-color:rgba(239,68,68,.55);color:#fecaca;background:rgba(239,68,68,.14)}.graph-panel--primary{min-width:0;width:100%}.graph-container{position:relative;height:min(78vh,820px);min-height:560px;border:1px solid var(--border-muted);border-radius:22px;overflow:hidden;background:radial-gradient(circle at 70% 35%,rgba(255,0,122,.12),transparent 34%),radial-gradient(circle at 35% 60%,rgba(96,165,250,.08),transparent 36%),var(--bg-canvas);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.04),0 24px 80px rgba(0,0,0,.45)}.canvas-hint{position:absolute;top:1rem;right:1rem;z-index:5;padding:.45rem .75rem;border-radius:999px;border:1px solid rgba(255,0,122,.35);background:rgba(15,15,18,.82);color:var(--text-muted);font-size:.78rem;pointer-events:none}.inspector-drawer__backdrop{position:fixed;inset:0;z-index:30;border:none;background:rgba(0,0,0,.42);cursor:pointer}.inspector-drawer{position:fixed;top:0;right:0;z-index:40;width:min(380px,100vw);height:100vh;overflow:auto;padding:1rem 1rem 1.5rem;border-left:1px solid var(--border-muted);background:rgba(10,10,12,.96);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:-24px 0 80px rgba(0,0,0,.45);animation:drawer-slide-in .22s ease-out}@keyframes drawer-slide-in{0%{transform:translateX(100%);opacity:.6}to{transform:translateX(0);opacity:1}}.inspector-drawer__header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding-bottom:.85rem;border-bottom:1px solid var(--border-muted)}.inspector-drawer__header h3{margin:0;font-size:1.05rem}.drawer-section{margin-bottom:1rem}.drawer-section__title{margin:0 0 .55rem;font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.drawer-section__fields{margin:0}.details-kicker{margin:0 0 .2rem;letter-spacing:.06em}.detail-field dt,.details-kicker{font-size:.72rem;color:var(--text-muted);text-transform:uppercase}.detail-field dt{letter-spacing:.05em}.detail-field dd{margin:.15rem 0 .85rem;white-space:pre-wrap;color:var(--text-secondary);font-size:.85rem}.detail-field--copy dd{margin-bottom:.85rem}.copy-field{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.copy-field code{font-size:.78rem;word-break:break-all;color:var(--text-primary)}.preview-block p{margin:0 0 .5rem;font-size:.85rem;line-height:1.5;color:var(--text-secondary)}.badge-list{display:flex;flex-wrap:wrap;gap:.35rem}.violation-badge{display:inline-flex;padding:.18rem .45rem;border-radius:999px;font-size:.72rem;color:#fecaca;border:1px solid rgba(239,68,68,.4);background:rgba(239,68,68,.12)}.react-flow{background:transparent}.react-flow__controls{background:rgba(15,15,18,.92)!important;border:1px solid hsla(0,0%,100%,.12)!important;border-radius:12px!important;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.35)}.react-flow__controls-button{background:transparent!important;border-bottom:1px solid hsla(0,0%,100%,.08)!important;color:var(--text-secondary)!important;fill:var(--text-secondary)!important}.react-flow__controls-button:hover{background:hsla(0,0%,100%,.06)!important}.react-flow__edge-path{filter:drop-shadow(0 0 6px rgba(255,0,122,.08))}.workflow-node{width:240px;min-height:120px;padding:.85rem .95rem .75rem;border-radius:18px;background:rgba(15,15,18,.94);border:1px solid hsla(0,0%,100%,.14);box-shadow:0 18px 60px rgba(0,0,0,.45),0 0 0 1px hsla(0,0%,100%,.04);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--text-primary);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.workflow-node.is-selected{border-color:rgba(255,0,122,.75);box-shadow:0 0 36px rgba(255,0,122,.18),0 18px 60px rgba(0,0,0,.45)}.workflow-node--completed{border-color:rgba(34,197,94,.55);box-shadow:0 0 32px rgba(34,197,94,.12),0 18px 60px rgba(0,0,0,.45)}.workflow-node--failed{border-color:rgba(239,68,68,.65);box-shadow:0 0 32px rgba(239,68,68,.16),0 18px 60px rgba(0,0,0,.45)}.workflow-node--waiting{border-color:rgba(255,0,122,.7);box-shadow:0 0 36px rgba(255,0,122,.18),0 18px 60px rgba(0,0,0,.45)}.workflow-node--rewrite{border-color:rgba(139,92,246,.65);box-shadow:0 0 34px rgba(139,92,246,.16),0 18px 60px rgba(0,0,0,.45)}.workflow-node--pending,.workflow-node--skipped{border-color:rgba(148,163,184,.35)}.workflow-node__header{display:flex;align-items:center;gap:.45rem;margin-bottom:.45rem}.workflow-node__icon{font-size:.95rem;line-height:1}.workflow-node__title{font-size:.95rem;font-weight:700;letter-spacing:.01em}.workflow-node__summary{margin:0 0 .65rem;font-size:.8rem;line-height:1.45;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.workflow-node__footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.workflow-node__meta{font-size:.72rem;color:var(--text-muted)}.status-badge{display:inline-flex;align-items:center;padding:.15rem .45rem;border-radius:999px;font-size:.68rem;font-weight:600;text-transform:lowercase;border:1px solid var(--border-muted)}.status-badge--completed{color:#bbf7d0;border-color:rgba(34,197,94,.45);background:rgba(34,197,94,.12)}.status-badge--waiting{color:#ffd0e8;border-color:rgba(255,0,122,.45);background:var(--accent-pink-soft)}.status-badge--failed{color:#fecaca;border-color:rgba(239,68,68,.45);background:rgba(239,68,68,.12)}.status-badge--rewrite{color:#ddd6fe;border-color:rgba(139,92,246,.45);background:rgba(139,92,246,.14)}.status-badge--pending,.status-badge--skipped{color:var(--text-muted);background:hsla(0,0%,100%,.04)}.workflow-handle{width:8px!important;height:8px!important;background:hsla(0,0%,100%,.65)!important;border:1px solid hsla(0,0%,100%,.25)!important}.mermaid-debug{margin-top:1rem;border-radius:16px;border:1px solid var(--border-muted);background:rgba(15,15,18,.72);overflow:hidden}.mermaid-debug__summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;cursor:pointer;color:var(--text-secondary);font-size:.85rem;list-style:none}.mermaid-debug__summary::-webkit-details-marker{display:none}.mermaid-debug__pre{margin:0;overflow:auto;padding:1rem;border-top:1px solid var(--border-muted);background:rgba(5,5,5,.65);color:var(--text-muted);font-size:.78rem}.state-message{padding:1rem 0;color:var(--text-secondary)}.state-message--error{color:#fecaca}@media (max-width:640px){main{padding:1rem}.graph-container{min-height:420px;height:58vh}.run-command-bar__actions{width:100%;margin-left:0;justify-content:flex-end}.canvas-hint{left:1rem;right:1rem;text-align:center}}