@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-primary: #060a13;--bg-secondary: #0c1220;--bg-panel: rgba(12, 18, 32, .92);--bg-glass: rgba(15, 23, 42, .65);--bg-glass-hover: rgba(20, 30, 55, .75);--bg-input: rgba(0, 0, 0, .35);--border: rgba(56, 68, 90, .45);--border-active: rgba(56, 189, 248, .5);--border-subtle: rgba(56, 68, 90, .25);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--text-dim: #475569;--accent: #38bdf8;--accent-hover: #0ea5e9;--accent-glow: rgba(56, 189, 248, .15);--accent-deep: #0284c7;--success: #10b981;--success-bg: rgba(16, 185, 129, .1);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .1);--error: #ef4444;--error-bg: rgba(239, 68, 68, .1);--glow: 0 0 30px rgba(56, 189, 248, .08);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow:hidden}#root{height:100vh;display:flex;flex-direction:column}.app-container{display:flex;flex-direction:column;height:100vh;background:radial-gradient(ellipse at 20% 50%,rgba(56,189,248,.03) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(16,185,129,.02) 0%,transparent 50%),var(--bg-primary)}.header{display:flex;align-items:center;justify-content:space-between;padding:10px 24px;background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:100;min-height:52px}.header-logo{display:flex;align-items:center;gap:10px}.header-logo-mark{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-deep) 100%);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;letter-spacing:1px;color:#fff;box-shadow:0 0 20px #38bdf840}.header-title{font-size:16px;font-weight:700;letter-spacing:2px;color:var(--text-primary)}.header-subtitle{font-size:11px;color:var(--text-muted);letter-spacing:.5px}.header-status{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--text-secondary)}.status-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;background:#ffffff0a;border:1px solid var(--border-subtle);font-size:11px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 8px #10b98180}.status-dot.warning{background:var(--warning);box-shadow:0 0 8px #f59e0b80}.status-dot.error{background:var(--error);box-shadow:0 0 8px #ef444480}.main-content{display:flex;flex:1;overflow:hidden}.sidebar{width:240px;min-width:240px;background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}.sidebar-section{padding:16px 12px;border-bottom:1px solid var(--border-subtle)}.sidebar-section h3{font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px;padding:0 8px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;cursor:pointer;transition:all .15s ease;font-size:13px;color:var(--text-muted);position:relative}.nav-item:hover{background:#38bdf80f;color:var(--text-secondary)}.nav-item.active{background:#38bdf81a;color:var(--accent)}.nav-item.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}.step-number{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0;border:1.5px solid var(--border);color:var(--text-muted)}.nav-item.active .step-number{border-color:var(--accent);color:var(--accent);background:#38bdf81a}.nav-item.completed .step-number{border-color:var(--success);color:#fff;background:var(--success)}.cem-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.cem-dot.active{background:var(--success);box-shadow:0 0 6px #10b98166}.cem-dot.idle{background:var(--text-dim)}.sidebar-footer{padding:12px;margin-top:auto;border-top:1px solid var(--border-subtle)}.sidebar-footer-text{font-size:10px;color:var(--text-dim);line-height:1.6;padding:4px 8px}.phase-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;font-size:10px;margin-bottom:2px}.phase-tag.complete{background:#10b9811a;color:var(--success)}.phase-tag.active{background:#38bdf81a;color:var(--accent)}.panel-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.panel{flex:1;padding:24px;overflow-y:auto}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.panel-title{font-size:18px;font-weight:600;color:var(--text-primary)}.panel-subtitle{font-size:12px;color:var(--text-muted);margin-top:2px}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px;transition:border-color .2s ease,box-shadow .2s ease}.glass-card:hover{border-color:#38bdf833}.glass-card.success{border-color:#10b9814d}.glass-card.error{border-color:#ef44444d}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-bottom:20px}.preset-card{padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg-input);cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;gap:4px}.preset-card:hover{border-color:#38bdf84d;background:var(--bg-glass-hover)}.preset-card.active{border-color:var(--accent);background:#38bdf814;box-shadow:0 0 20px #38bdf814}.preset-card-header{display:flex;align-items:center;gap:8px}.preset-icon{font-size:18px;width:24px;text-align:center}.preset-label{font-size:13px;font-weight:500;color:var(--text-primary)}.preset-desc{font-size:11px;color:var(--text-muted);line-height:1.4}.form-group{margin-bottom:14px}.form-group label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:var(--text-secondary);margin-bottom:6px;letter-spacing:.3px}.form-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.form-input,.form-select,.form-textarea{width:100%;padding:9px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:13px;font-family:inherit;transition:border-color .15s,box-shadow .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #38bdf81a}.form-input::placeholder{color:var(--text-dim)}.form-textarea{min-height:80px;resize:vertical;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.6}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.form-unit{font-size:11px;color:var(--text-dim);margin-top:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-deep) 100%);color:#fff;box-shadow:0 2px 10px #38bdf833}.btn-primary:hover{box-shadow:0 4px 20px #38bdf859;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover{background:#ffffff0a;color:var(--text-primary);border-color:var(--text-muted)}.btn-sm{padding:6px 12px;font-size:12px;border-radius:6px}.btn-group{display:flex;gap:8px}.viewer-container{flex:1;position:relative;background:var(--bg-primary);border-radius:12px;overflow:hidden;min-height:400px}.viewer-toolbar{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:4px;z-index:10;background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:8px;padding:4px}.viewer-toolbar-btn{padding:6px 12px;border-radius:6px;border:none;background:transparent;color:var(--text-muted);font-size:12px;cursor:pointer;font-family:inherit;transition:all .15s}.viewer-toolbar-btn:hover{background:#38bdf81a;color:var(--text-primary)}.viewer-toolbar-btn.active{background:#38bdf826;color:var(--accent)}.viewer-stats{position:absolute;top:12px;left:12px;font-size:11px;color:var(--text-dim);z-index:10;line-height:1.6;font-family:JetBrains Mono,monospace}.viewer-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-dim);pointer-events:none}.viewer-empty-icon{font-size:48px;opacity:.3}.metric-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.metric-card{background:#0003;border:1px solid var(--border-subtle);border-radius:8px;padding:12px 14px;transition:border-color .15s}.metric-card:hover{border-color:var(--border)}.metric-card.pass{border-left:3px solid var(--success)}.metric-card.fail{border-left:3px solid var(--error)}.metric-card.warn{border-left:3px solid var(--warning)}.metric-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.metric-value{font-size:20px;font-weight:700;color:var(--text-primary);font-family:JetBrains Mono,monospace}.metric-value.pass{color:var(--success)}.metric-value.fail{color:var(--error)}.metric-value.warn{color:var(--warning)}.metric-unit{font-size:11px;color:var(--text-secondary);margin-left:3px;font-weight:400}.field-card{background:#00000026;border:1px solid var(--border-subtle);border-radius:8px;padding:14px}.field-name{font-size:13px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.field-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.field-stat-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.field-stat-value{font-size:14px;font-weight:600;font-family:JetBrains Mono,monospace;color:var(--text-primary)}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:13px}details summary{cursor:pointer;font-size:12px;color:var(--text-muted);padding:6px 0;-webkit-user-select:none;user-select:none}details summary:hover{color:var(--text-secondary)}details[open] summary{color:var(--text-secondary);margin-bottom:8px}.json-display{background:#0006;border:1px solid var(--border-subtle);border-radius:8px;padding:14px;font-family:JetBrains Mono,monospace;font-size:11px;line-height:1.6;color:var(--text-secondary);overflow-x:auto;white-space:pre-wrap;max-height:400px;overflow-y:auto}.tag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:500}.tag-success{background:var(--success-bg);color:var(--success)}.tag-warning{background:var(--warning-bg);color:var(--warning)}.tag-error{background:var(--error-bg);color:var(--error)}.tag-info{background:#38bdf81a;color:var(--accent)}.error-banner{margin:12px 24px 0;padding:10px 16px;background:var(--error-bg);border:1px solid rgba(239,68,68,.2);border-radius:8px;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--error);animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.error-banner button{margin-left:auto;background:none;border:none;color:var(--error);cursor:pointer;font-size:16px;padding:0 4px}.export-format-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-bottom:16px}.export-format-card{padding:16px;border-radius:10px;border:1px solid var(--border);background:var(--bg-input);cursor:pointer;transition:all .15s ease;text-align:center}.export-format-card:hover{border-color:#38bdf84d;background:var(--bg-glass-hover)}.export-format-card.disabled{opacity:.4;cursor:not-allowed}.export-format-icon{font-size:28px;margin-bottom:8px}.export-format-name{font-size:14px;font-weight:500;color:var(--text-primary)}.export-format-desc{font-size:11px;color:var(--text-muted);margin-top:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#38445a66;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}@media(max-width:768px){.sidebar{width:60px;min-width:60px}.sidebar-section h3,.sidebar-footer-text{display:none}.nav-item{justify-content:center;padding:10px}.preset-grid,.form-row{grid-template-columns:1fr}}.demo-panel-shell{background:radial-gradient(circle at top right,rgba(249,115,22,.11),transparent 26%),radial-gradient(circle at bottom left,rgba(34,197,94,.08),transparent 28%)}.demo-hero-card{position:relative;overflow:hidden;border-color:#94a3b833}.demo-hero-card:after{content:"";position:absolute;inset:auto -12% -55% 34%;height:260px;background:radial-gradient(circle,color-mix(in srgb,var(--demo-accent) 28%,transparent),transparent 70%);pointer-events:none;opacity:.9}.demo-case-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}.demo-case-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;border:1px solid var(--border);background:#02061794;color:var(--text-primary);cursor:pointer;text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease}.demo-case-card:hover{transform:translateY(-1px);border-color:#94a3b852;background:#0f172ad1}.demo-case-card.active{border-color:color-mix(in srgb,var(--demo-accent) 72%,white);background:linear-gradient(135deg,#0f172af5,#1e293bd1);box-shadow:0 0 0 1px #ffffff08,0 18px 40px #02061742}.demo-case-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;letter-spacing:1.2px;background:#94a3b814;border:1px solid rgba(148,163,184,.18)}.demo-case-badge{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:2px}.demo-case-label{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.35}.demo-hero-content{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr);gap:18px;align-items:start}.demo-hero-copy h3{font-size:28px;line-height:1.08;margin:10px 0;max-width:12ch}.demo-hero-copy p{font-size:14px;color:var(--text-secondary);line-height:1.7;max-width:64ch;margin-bottom:18px}.demo-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.demo-stat-card{padding:14px;border-radius:12px;background:#0206178a;border:1px solid rgba(148,163,184,.12)}.demo-stat-value{font-size:18px;font-weight:700;color:var(--text-primary)}.demo-phase-strip{display:grid;gap:10px}.demo-phase-card{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;border:1px solid rgba(148,163,184,.12);background:#02061780;transition:all .18s ease}.demo-phase-card.active{border-color:color-mix(in srgb,var(--demo-accent) 65%,white);background:color-mix(in srgb,var(--demo-accent) 14%,rgba(2,6,23,.92))}.demo-phase-card.complete{border-color:#22c55e59;background:#10b98114}.demo-phase-card.queued{opacity:.72}.demo-phase-index{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#94a3b814;border:1px solid rgba(148,163,184,.14);font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700;color:var(--text-primary)}.demo-phase-title{font-size:13px;font-weight:600}.demo-phase-agent{font-size:11px;color:var(--text-muted);margin-top:2px}.demo-main-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:16px}.demo-column{display:grid;gap:16px;align-content:start}.demo-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.demo-agent-grid{display:grid;gap:12px}.demo-agent-card{border-radius:14px;padding:15px;border:1px solid rgba(148,163,184,.12);background:#02061775}.demo-agent-card.active{border-color:#38bdf857;background:#0ea5e914}.demo-agent-card.complete{border-color:#10b98157;background:#10b98114}.demo-agent-card.queued{opacity:.78}.demo-agent-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.demo-agent-name{font-size:15px;font-weight:700;margin-bottom:4px}.demo-agent-role{font-size:12px;color:var(--text-muted);line-height:1.55}.demo-agent-notes{padding-left:18px;display:grid;gap:7px;color:var(--text-secondary);font-size:12px;line-height:1.6}.demo-trace-list{display:grid;gap:10px}.demo-trace-step{display:grid;grid-template-columns:14px 1fr;gap:12px;align-items:stretch}.demo-trace-rail{position:relative;border-radius:999px;background:#4755696b}.demo-trace-rail:after{content:"";position:absolute;top:10px;left:50%;width:8px;height:8px;border-radius:50%;transform:translate(-50%);background:#94a3b8e6}.demo-trace-step.active .demo-trace-rail:after{background:var(--accent);box-shadow:0 0 16px #38bdf873}.demo-trace-step.complete .demo-trace-rail:after{background:var(--success)}.demo-trace-content{padding:12px 14px;border-radius:12px;border:1px solid rgba(148,163,184,.12);background:#02061766}.demo-trace-step.active .demo-trace-content{border-color:#38bdf857;background:#0ea5e914}.demo-trace-step.complete .demo-trace-content{border-color:#10b98157}.demo-trace-title{font-size:14px;font-weight:600}.demo-trace-agent{font-size:11px;color:var(--text-muted);margin:4px 0 8px;letter-spacing:.4px;text-transform:uppercase}.demo-trace-detail{font-size:12px;color:var(--text-secondary);line-height:1.6}.demo-graph-canvas{position:relative;min-height:360px;border-radius:16px;border:1px solid rgba(148,163,184,.14);background:linear-gradient(#0f172aeb,#020617eb),linear-gradient(90deg,rgba(148,163,184,.03) 1px,transparent 1px),linear-gradient(rgba(148,163,184,.03) 1px,transparent 1px);background-size:100% 100%,42px 42px,42px 42px;overflow:hidden}.demo-graph-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.demo-graph-link-label{fill:var(--text-dim);font-size:2.3px;text-anchor:middle}.demo-graph-node{position:absolute;transform:translate(-50%,-50%);min-width:112px;padding:10px 12px;border-radius:12px;border:1px solid rgba(148,163,184,.18);background:#0f172aeb;color:var(--text-primary);font-size:12px;font-weight:600;text-align:center;box-shadow:0 14px 30px #02061752}.demo-graph-node.input{border-color:#3b82f65c}.demo-graph-node.constraint{border-color:#f973165c}.demo-graph-node.assumption{border-color:#eab30857}.demo-graph-node.geometry{border-color:#22c55e57}.demo-graph-node.release{border-color:#a855f75c}.demo-output-list{display:grid;gap:10px}.demo-file-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;border:1px solid rgba(148,163,184,.12);background:#02061766}.demo-file-card.available{border-color:#10b9814d}.demo-file-kind{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);margin-bottom:5px}.demo-file-path{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-secondary);word-break:break-all;line-height:1.55}.demo-file-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.demo-buy-build-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.demo-buy-build-card{padding:14px;border-radius:12px;border:1px solid rgba(148,163,184,.12);background:#02061770}.demo-buy-build-title{font-size:13px;font-weight:700;margin-bottom:10px}.demo-buy-build-card ul{padding-left:18px;display:grid;gap:7px;color:var(--text-secondary);font-size:12px;line-height:1.55}.demo-prompt-block{margin:0;padding:16px;border-radius:12px;border:1px solid rgba(148,163,184,.12);background:#0206178f;color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:11px;line-height:1.7;white-space:pre-wrap}@media(max-width:1200px){.demo-hero-content,.demo-main-grid,.demo-case-strip{grid-template-columns:1fr}}@media(max-width:768px){.demo-stat-grid,.demo-buy-build-grid,.demo-file-card{grid-template-columns:1fr}.demo-file-actions{justify-content:flex-start}.demo-graph-node{min-width:88px;font-size:10px;padding:8px 9px}}