.laava-demo *{box-sizing:border-box}.laava-demo{margin:0;padding:0;background:var(--bg-dark);color:var(--fg-on-dark);font-family:var(--font-sans);font-feature-settings:"ss01","cv11";line-height:var(--lh-relaxed)}.laava-demo .lw-topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:rgba(23,23,23,.85);backdrop-filter:saturate(140%) blur(12px);-webkit-backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid var(--border-dark)}.laava-demo .lw-brand{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:700;letter-spacing:-.01em}.laava-demo .lw-brand img{width:22px;height:22px}.laava-demo .lw-nav{display:inline-flex;gap:4px;padding:4px;background:var(--neutral-800);border:1px solid var(--neutral-700);border-radius:var(--radius-full)}.laava-demo .lw-nav a{padding:6px 14px;font-size:var(--fs-sm);font-weight:500;color:var(--fg-on-dark-muted);border-radius:var(--radius-full);transition:color var(--duration) var(--ease),background var(--duration) var(--ease)}.laava-demo .lw-nav a:hover{color:var(--fg-on-dark)}.laava-demo .lw-nav a.active{color:var(--fg-on-dark);background:var(--neutral-700)}.laava-demo .lw-cta{font-size:var(--fs-sm);font-weight:600;padding:8px 16px;background:var(--laava-coral);color:var(--neutral-900);border-radius:var(--radius);transition:background var(--duration) var(--ease)}.laava-demo .lw-cta:hover{background:var(--laava-coral-hover);color:var(--neutral-900)}.laava-demo .livework{max-width:1320px;margin:0 auto;padding:32px;display:grid;gap:28px}.laava-demo .lw-hero{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end;padding:12px 0 8px}.laava-demo .lw-hero h1{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;line-height:1.06;letter-spacing:-.02em;margin:6px 0 12px;max-width:640px}.laava-demo .lw-lead{font-size:var(--fs-body-lg);line-height:1.55;color:var(--fg-on-dark-muted);max-width:560px;margin:0}.laava-demo .lw-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.12em;color:var(--laava-coral);text-transform:uppercase;margin:0}.laava-demo .lw-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--laava-coral);box-shadow:0 0 0 3px rgba(255,86,92,.18);animation:lw-pulse 2.4s cubic-bezier(.4,0,.6,1) infinite}@keyframes lw-pulse{0%,to{opacity:1}50%{opacity:.4}}.laava-demo .lw-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.laava-demo .lw-field{display:inline-flex;flex-direction:column;gap:4px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--fg-on-dark-muted);text-transform:uppercase}.laava-demo .lw-field.compact{font-size:10px}.laava-demo .lw-field select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--neutral-800);color:var(--fg-on-dark);border:1px solid var(--neutral-700);border-radius:var(--radius);padding:8px 32px 8px 12px;font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:500;letter-spacing:normal;text-transform:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,#a3a3a3 0),linear-gradient(135deg,#a3a3a3 50%,transparent 0);background-position:calc(100% - 16px) 14px,calc(100% - 11px) 14px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;transition:border-color var(--duration) var(--ease)}.laava-demo .lw-field select:hover{border-color:var(--neutral-600)}.laava-demo .lw-field select:focus{outline:none;border-color:var(--laava-coral)}.laava-demo .lw-icon-controls{display:inline-flex;gap:6px;background:var(--neutral-800);border:1px solid var(--neutral-700);border-radius:var(--radius);padding:4px}.laava-demo .lw-icon-btn{width:32px;height:32px;background:transparent;border:none;color:var(--fg-on-dark-muted);cursor:pointer;border-radius:calc(var(--radius) - 2px);display:inline-flex;align-items:center;justify-content:center;transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}.laava-demo .lw-icon-btn:hover{background:var(--neutral-700);color:var(--fg-on-dark)}.laava-demo .lw-icon-btn svg{width:16px;height:16px;fill:currentColor}.laava-demo .lw-speed{display:inline-flex;background:var(--neutral-800);border:1px solid var(--neutral-700);border-radius:var(--radius);padding:4px}.laava-demo .lw-speed button{background:transparent;border:none;padding:6px 10px;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.04em;color:var(--fg-on-dark-muted);cursor:pointer;border-radius:calc(var(--radius) - 2px);transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}.laava-demo .lw-speed button:hover{color:var(--fg-on-dark)}.laava-demo .lw-speed button.active{background:var(--neutral-700);color:var(--fg-on-dark)}.laava-demo .lw-clock{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;color:var(--fg-on-dark-muted);padding:8px 12px;background:var(--neutral-800);border:1px solid var(--neutral-700);border-radius:var(--radius)}.laava-demo .lw-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.laava-demo .lw-metric{position:relative;padding:14px 16px 0;background:var(--neutral-800);border:1px solid var(--neutral-700);border-radius:var(--radius-lg);overflow:hidden;min-height:96px;transition:border-color var(--duration) var(--ease)}.laava-demo .lw-metric:hover{border-color:var(--neutral-600)}.laava-demo .lw-metric-label{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-on-dark-muted);margin-bottom:6px}.laava-demo .lw-metric-value{font-family:var(--font-sans);font-size:28px;font-weight:700;letter-spacing:-.02em;color:var(--fg-on-dark);line-height:1;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.laava-demo .lw-sparkline{position:absolute;left:0;right:0;bottom:0;width:100%;height:32px;pointer-events:none;opacity:.75}.laava-demo .spark-fill{fill:var(--laava-coral);fill-opacity:.12;stroke:none}.laava-demo .spark-line{fill:none;stroke:var(--laava-coral);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.laava-demo .lw-agents{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.laava-demo .lw-agent-card{position:relative;padding:16px;background:var(--neutral-800);border:1px solid var(--neutral-700);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--duration-slow) var(--ease),transform var(--duration) var(--ease),background var(--duration) var(--ease)}.laava-demo .lw-agent-card.active{border-color:var(--laava-coral);background:linear-gradient(180deg,rgba(255,86,92,.04) 0,var(--neutral-800) 60%)}.laava-demo .lw-agent-card.reviewing{border-color:#b8893a}.laava-demo .lw-agent-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.laava-demo .lw-agent-identity{display:flex;flex-direction:column;gap:2px}.laava-demo .lw-agent-name{font-size:var(--fs-body);font-weight:700;letter-spacing:-.01em;color:var(--fg-on-dark)}.laava-demo .lw-agent-role,.laava-demo .lw-agent-status{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-on-dark-muted)}.laava-demo .lw-agent-status{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.laava-demo .lw-status-marker{width:7px;height:7px;border-radius:50%;background:var(--neutral-500);transition:background var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.laava-demo .lw-status-marker.working{background:var(--laava-coral);box-shadow:0 0 0 3px rgba(255,86,92,.2);animation:lw-pulse 1.6s cubic-bezier(.4,0,.6,1) infinite}.laava-demo .lw-status-marker.reviewing{background:#d49a4a;box-shadow:0 0 0 3px rgba(212,154,74,.2)}.laava-demo .lw-status-marker.blocked{background:#e05050}.laava-demo .lw-agent-work{background:rgba(10,10,10,.5);border:1px solid var(--neutral-700);border-radius:var(--radius);padding:10px 12px;margin-bottom:12px;min-height:56px}.laava-demo .lw-agent-work-label{display:block;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-on-dark-muted);margin-bottom:4px}.laava-demo .lw-agent-work-text{font-size:var(--fs-sm);color:var(--fg-on-dark-dim);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.laava-demo .lw-agent-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.laava-demo .lw-agent-stat{display:flex;flex-direction:column;gap:2px}.laava-demo .lw-agent-stat-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-on-dark-muted)}.laava-demo .lw-agent-stat-value{font-size:var(--fs-body);font-weight:600;color:var(--fg-on-dark);font-variant-numeric:tabular-nums}.laava-demo .lw-heartbeat{position:absolute;left:0;right:0;bottom:0;height:2px;overflow:hidden;opacity:0;transition:opacity var(--duration) var(--ease)}.laava-demo .lw-agent-card.active .lw-heartbeat{opacity:1}.laava-demo .lw-heartbeat:before{content:"";position:absolute;left:-30%;top:0;bottom:0;width:30%;background:linear-gradient(90deg,transparent,var(--laava-coral),transparent);animation:lw-heartbeat 2.4s linear infinite}@keyframes lw-heartbeat{0%{transform:translateX(0)}to{transform:translateX(450%)}}.laava-demo .lw-canvas-panel{background:var(--neutral-800);border:1px solid var(--neutral-700);border-radius:var(--radius-lg);padding:20px 24px 24px}.laava-demo .lw-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.laava-demo .lw-panel-head h2{font-size:var(--fs-h3);font-weight:700;letter-spacing:-.015em;margin:6px 0 0;line-height:1.2}.laava-demo .lw-pill{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-on-dark-muted);padding:5px 10px;background:rgba(10,10,10,.5);white-space:nowrap}.laava-demo .lw-canvas-wrap,.laava-demo .lw-pill{border:1px solid var(--neutral-700);border-radius:var(--radius)}.laava-demo .lw-canvas-wrap{background:radial-gradient(circle at 1px 1px,rgba(255,255,255,.025) 1px,transparent 0) 0 0 /24px 24px,var(--bg-dark);overflow:hidden}.laava-demo #coord-canvas{display:block;width:100%;height:auto;aspect-ratio:1200/560}.laava-demo .cc-zone-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;fill:var(--neutral-500)}.laava-demo .cc-zone-bg{fill:rgba(38,38,38,.45);stroke:var(--neutral-700);stroke-width:1;stroke-dasharray:3 3}.laava-demo .cc-agent-bg{fill:var(--neutral-800);stroke:var(--neutral-700);stroke-width:1;transition:stroke .25s cubic-bezier(.4,0,.2,1)}.laava-demo .cc-agent-bg.active{stroke:var(--laava-coral)}.laava-demo .cc-agent-name{font-family:var(--font-sans);font-size:13px;font-weight:700;letter-spacing:-.01em;fill:var(--fg-on-dark)}.laava-demo .cc-agent-role{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;fill:var(--fg-on-dark-muted)}.laava-demo .cc-tool-bg{fill:var(--neutral-800);stroke:var(--neutral-700);stroke-width:1;transition:stroke .2s cubic-bezier(.4,0,.2,1),fill .2s cubic-bezier(.4,0,.2,1)}.laava-demo .cc-tool-name{font-family:var(--font-mono);font-size:10px;letter-spacing:0;fill:var(--fg-on-dark)}.laava-demo .cc-tool-ns{font-family:var(--font-mono);font-size:8px;letter-spacing:.1em;text-transform:uppercase;fill:var(--fg-on-dark-muted)}.laava-demo .cc-pill-bg{fill:#1f1f1f;stroke:var(--laava-coral);stroke-width:1.5}.laava-demo .cc-pill-text{font-family:var(--font-mono);font-size:10px;font-weight:500;fill:var(--fg-on-dark);text-anchor:middle;dominant-baseline:central}.laava-demo .cc-tool-call-line{stroke:var(--laava-coral);stroke-width:2;fill:none;opacity:.95}.laava-demo .cc-tool-call-pulse{fill:var(--laava-coral);filter:drop-shadow(0 0 4px rgba(255,86,92,.65))}.laava-demo .cc-outcome-bg{fill:rgba(10,10,10,.45);stroke:var(--neutral-700);stroke-width:1;stroke-dasharray:4 3}.laava-demo .cc-outcome-label{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;fill:var(--fg-on-dark-muted)}.laava-demo .cc-flow-line{stroke:var(--neutral-600);stroke-width:1;fill:none;opacity:.7}.laava-demo .lw-workbench{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:stretch}.laava-demo .lw-panel{background:var(--neutral-800);border:1px solid var(--neutral-700);border-radius:var(--radius-lg);padding:20px 24px;display:flex;flex-direction:column;min-height:480px}.laava-demo .lw-panel-meta{display:flex;align-items:center;gap:12px}.laava-demo .lw-feed-panel{height:540px}.laava-demo .lw-feed{flex:1;min-height:0;overflow-y:auto;margin:12px -8px -8px;padding:0 8px 8px;scrollbar-color:var(--neutral-700) transparent;scrollbar-width:thin}.laava-demo .lw-feed-row{display:grid;grid-template-columns:56px 80px 1fr auto;gap:14px;align-items:start;padding:10px 12px;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;background:transparent;text-align:left;width:100%;font-family:inherit;color:inherit;margin-bottom:4px;transition:background var(--duration) var(--ease),border-color var(--duration) var(--ease),transform var(--duration) var(--ease);animation:lw-feed-in .28s cubic-bezier(.4,0,.2,1) both}@keyframes lw-feed-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.laava-demo .lw-feed-row:hover{background:rgba(255,255,255,.02);border-color:var(--neutral-700)}.laava-demo .lw-feed-row.selected{background:rgba(255,86,92,.06);border-color:rgba(255,86,92,.4)}.laava-demo .lw-feed-time{letter-spacing:.04em;color:var(--fg-on-dark-muted)}.laava-demo .lw-feed-agent,.laava-demo .lw-feed-time{font-family:var(--font-mono);font-size:11px;padding-top:2px}.laava-demo .lw-feed-agent{font-weight:500;color:var(--fg-on-dark)}.laava-demo .lw-feed-main{display:flex;flex-direction:column;gap:2px;min-width:0}.laava-demo .lw-feed-title{font-size:var(--fs-sm);font-weight:500;color:var(--fg-on-dark);line-height:1.4}.laava-demo .lw-feed-detail{font-size:var(--fs-xs);color:var(--fg-on-dark-muted);line-height:1.5}.laava-demo .lw-feed-row.selected .lw-feed-summary{display:block;margin-top:8px;padding-top:8px;border-top:1px solid var(--neutral-700);font-size:var(--fs-xs);color:var(--fg-on-dark-dim);line-height:1.6;font-family:var(--font-mono);letter-spacing:-.005em}.laava-demo .lw-feed-summary{display:none}.laava-demo .lw-feed-status{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:var(--radius-sm);align-self:start;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.laava-demo .lw-feed-status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.laava-demo .lw-feed-status.running{color:var(--laava-coral);background:rgba(255,86,92,.1)}.laava-demo .lw-feed-status.running:before{animation:lw-pulse 1.4s cubic-bezier(.4,0,.6,1) infinite}.laava-demo .lw-feed-status.success{color:#7dc99a;background:rgba(125,201,154,.08)}.laava-demo .lw-feed-status.warning{color:#d49a4a;background:rgba(212,154,74,.08)}.laava-demo .lw-feed-status.review{color:#b888d8;background:rgba(184,136,216,.08)}.laava-demo .lw-feed-status.escalated{color:#e05050;background:rgba(224,80,80,.08)}.laava-demo .lw-feed-row.fresh-tool-call{position:relative}.laava-demo .lw-feed-row.fresh-tool-call:after{content:"";position:absolute;left:8%;right:8%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--laava-coral),transparent);background-size:25% 100%;background-repeat:no-repeat;background-position:-25% 0;opacity:.55;animation:lw-trace 1.2s cubic-bezier(.4,0,.2,1) 1;pointer-events:none}@keyframes lw-trace{0%{background-position:-25% 0;opacity:0}50%{opacity:.85}to{background-position:125% 0;opacity:0}}.laava-demo .lw-detail-panel{gap:0}.laava-demo .lw-state-badge{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:var(--radius);background:var(--neutral-700);color:var(--fg-on-dark-muted);white-space:nowrap;align-self:flex-start}.laava-demo .lw-state-badge.active{color:var(--laava-coral);background:rgba(255,86,92,.1)}.laava-demo .lw-state-badge.review{color:#b888d8;background:rgba(184,136,216,.1)}.laava-demo .lw-state-badge.resolved{color:#7dc99a;background:rgba(125,201,154,.1)}.laava-demo .lw-state-badge.escalated{color:#e05050;background:rgba(224,80,80,.1)}.laava-demo .lw-detail-body{flex:1;overflow-y:auto;margin:14px -8px -8px;padding:0 8px 8px;scrollbar-color:var(--neutral-700) transparent;scrollbar-width:thin}.laava-demo .lw-detail-empty{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--fg-on-dark-muted);padding:20px 0;line-height:1.6}.laava-demo .lw-detail-summary h3{font-size:var(--fs-h4);font-weight:700;margin:0 0 8px;letter-spacing:-.01em}.laava-demo .lw-detail-copy{font-size:var(--fs-sm);color:var(--fg-on-dark-dim);line-height:1.6;margin:0 0 16px}.laava-demo .lw-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.laava-demo .lw-detail-kv{display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:rgba(10,10,10,.5);border:1px solid var(--neutral-700);border-radius:var(--radius)}.laava-demo .lw-detail-kv span{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-on-dark-muted)}.laava-demo .lw-detail-kv strong{font-size:var(--fs-sm);font-weight:600;color:var(--fg-on-dark)}.laava-demo .lw-log-section{margin-top:12px;padding:10px 12px;background:rgba(10,10,10,.5);border:1px solid var(--neutral-700);border-radius:var(--radius)}.laava-demo .lw-log-section h4{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-on-dark-muted);margin:0 0 6px}.laava-demo .lw-log-section p,.laava-demo .lw-log-section pre{font-family:var(--font-mono);font-size:11px;line-height:1.6;color:var(--fg-on-dark-dim);margin:0;white-space:pre-wrap}.laava-demo .lw-log-section ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.laava-demo .lw-log-section li{font-family:var(--font-mono);font-size:11px;color:var(--fg-on-dark-dim);padding-left:14px;position:relative}.laava-demo .lw-log-section li:before{content:"·";position:absolute;left:4px;color:var(--laava-coral)}.laava-demo .lw-timeline{margin-top:12px}.laava-demo .lw-timeline h4{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-on-dark-muted);margin:0 0 8px}.laava-demo .lw-timeline-item{display:grid;grid-template-columns:56px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid var(--neutral-700)}.laava-demo .lw-timeline-item:last-child{border-bottom:none}.laava-demo .lw-timeline-time{font-family:var(--font-mono);font-size:10px;color:var(--fg-on-dark-muted);letter-spacing:.04em}.laava-demo .lw-timeline-title{font-size:var(--fs-xs);font-weight:500;color:var(--fg-on-dark);margin-bottom:2px}.laava-demo .lw-timeline-detail{font-size:var(--fs-xs);color:var(--fg-on-dark-muted);line-height:1.4;margin:0}@media (max-width:1080px){.laava-demo .lw-agents{grid-template-columns:repeat(2,1fr)}.laava-demo .lw-metrics{grid-template-columns:repeat(3,1fr)}.laava-demo .lw-hero,.laava-demo .lw-workbench{grid-template-columns:1fr}.laava-demo .lw-hero{align-items:start}.laava-demo .lw-controls{justify-content:flex-start}}@media (max-width:680px){.laava-demo .livework{padding:16px;gap:16px}.laava-demo .lw-metrics{grid-template-columns:repeat(2,1fr)}.laava-demo .lw-agents{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.laava-demo *,.laava-demo :after,.laava-demo :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}