:root{color:#172033;background:#f4f6fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif}*{box-sizing:border-box}body{margin:0}.app-shell{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-shell>header{color:#f8fafc;background:#111827;flex:none;justify-content:space-between;align-items:center;height:76px;padding:0 24px;display:flex}.app-shell h1{margin:4px 0 0;font-size:20px;font-weight:650}.eyebrow{letter-spacing:.12em;color:#a5b4fc;font-size:11px}.status{color:#dbeafe;align-items:center;gap:8px;font-size:12px;display:flex}.status-badge{border:1px solid #bfdbfe40;border-radius:999px;padding:5px 9px}.dot{background:#60a5fa;border-radius:50%;width:7px;height:7px}.app-shell>main{flex:1;min-height:0;display:flex}.control-panel,.inspector-panel{background:#fff;border-color:#e5e7eb;flex:0 0 286px;width:286px;padding:16px;overflow:auto}.control-panel{border-right:1px solid #e5e7eb}.inspector-panel{border-left:1px solid #e5e7eb}.panel-section{border-bottom:1px solid #edf0f5;margin-bottom:16px;padding:0 0 16px}.section-heading{justify-content:space-between;align-items:center;display:flex}.panel-section label{color:#64748b;letter-spacing:.06em;margin-bottom:9px;font-size:11px;font-weight:700;display:block}.icon-button,.secondary-button,.primary-button,.canvas-toolbar button,.node-action{font:inherit;color:#334155;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:8px}.icon-button{width:28px;height:28px;padding:0;font-size:17px}.secondary-button,.primary-button,.canvas-toolbar button{padding:8px 10px}.primary-button{color:#fff;background:#4f46e5;border-color:#4f46e5}.full{width:100%;margin-top:7px}.secondary-button:hover,.canvas-toolbar button:hover{background:#f1f5ff;border-color:#c7d2fe}.primary-button:hover{background:#4338ca}.connection-list{flex-direction:column;gap:7px;display:flex}.connection-item{text-align:left;cursor:pointer;background:#fff;border:1px solid #e1e7f0;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:10px;display:flex}.connection-item.active{background:#f5f3ff;border-color:#818cf8}.connection-item strong,.connection-item small{display:block}.connection-item strong{color:#1e293b;font-size:12px}.connection-item small{color:#64748b;margin-top:4px;font-size:10px}.connection-item em{color:#94a3b8;font-size:10px;font-style:normal}.connection-item em.ok{color:#16a34a}.panel-section select,.panel-section input,.form-grid input,.form-grid select{color:#172033;width:100%;font:inherit;background:#fff;border:1px solid #dbe3ef;border-radius:8px;padding:9px 10px}.helper-text{color:#64748b;margin:8px 0;font-size:11px;line-height:1.55}.check-item{color:#334155;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:9px 10px;display:flex}.check-item:hover,.check-item.active{color:#3730a3;background:#eef2ff}.metric{align-items:baseline;gap:8px;margin:9px 0;display:flex}.metric strong{font-size:23px}.metric span{color:#64748b;font-size:11px}.canvas-wrap{flex-direction:column;flex:1;min-width:0;display:flex}.canvas-toolbar{color:#64748b;background:#fff;border-bottom:1px solid #e5e7eb;flex:none;justify-content:space-between;align-items:center;height:48px;padding:0 16px;font-size:12px;display:flex}.toolbar-actions{align-items:center;gap:8px;display:flex}.zoom-readout{font-variant-numeric:tabular-nums;color:#475569}.canvas{touch-action:none;cursor:grab;background-color:#f8fafc;background-image:linear-gradient(#94a3b824 1px,#0000 1px),linear-gradient(90deg,#94a3b824 1px,#0000 1px);background-size:24px 24px;flex:1;position:relative;overflow:hidden}.canvas:active{cursor:grabbing}.canvas-stage{transform-origin:0 0;width:2400px;height:1400px;position:absolute;top:0;left:0}.edge-layer{pointer-events:none;position:absolute;inset:0;overflow:visible}.edge-layer path{fill:none;stroke:#94a3b8;stroke-width:2.2px;stroke-linecap:round}.edge-layer .draft-edge{stroke:#6366f1;stroke-dasharray:8 6}.canvas-node{cursor:move;-webkit-user-select:none;user-select:none;background:#fffffff7;border:1px solid #dbe3ef;border-top:4px solid #6366f1;border-radius:12px;width:220px;min-height:158px;padding:13px 14px 15px;position:absolute;box-shadow:0 12px 26px #0f172a1a}.canvas-node.selected{box-shadow:0 0 0 2px #818cf8,0 14px 28px #4f46e52e}.node-scene{border-top-color:#f59e0b}.node-character{border-top-color:#38bdf8}.node-shot{border-top-color:#a78bfa}.node-task{border-top-color:#4f46e5}.node-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.node-kind,.node-status{border-radius:999px;padding:3px 7px;font-size:10px}.node-kind{color:#475569;background:#f1f5f9}.node-status{color:#64748b;background:#f8fafc}.node-status.locked{color:#92400e;background:#fffbeb}.node-status.review{color:#6d28d9;background:#f5f3ff}.node-status.queued{color:#1d4ed8;background:#eff6ff}.canvas-node h3{color:#1e293b;margin:0;font-size:15px}.node-subtitle{color:#64748b;margin-top:5px;font-size:10px}.canvas-node p{color:#64748b;white-space:pre-line;margin:10px 0 12px;font-size:11px;line-height:1.55}.node-action{color:#3730a3;background:#eef2ff;border-color:#c7d2fe;padding:6px 8px;font-size:11px}.port{cursor:crosshair;background:#6366f1;border:2px solid #fff;border-radius:50%;width:13px;height:13px;padding:0;position:absolute;box-shadow:0 0 0 1px #6366f1}.port-in{background:#94a3b8;top:75px;left:-7px;box-shadow:0 0 0 1px #94a3b8}.port-out{top:75px;right:-7px}.canvas-help{color:#64748b;pointer-events:none;white-space:nowrap;background:#ffffffe0;border:1px solid #cbd5e1e6;border-radius:999px;padding:7px 10px;font-size:11px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.protocol-title{color:#1e293b;font-size:16px;font-weight:650}.capability-row{flex-wrap:wrap;gap:5px;margin:9px 0 12px;display:flex}.capability,.mini-label{color:#4338ca;background:#eef2ff;border-radius:999px;padding:4px 7px;font-size:10px}.detail-list{grid-template-columns:74px 1fr;gap:7px 8px;margin:0;font-size:11px;display:grid}.detail-list dt{color:#94a3b8}.detail-list dd{color:#475569;word-break:break-word;margin:0}.request-preview{color:#cbd5e1;white-space:pre-wrap;background:#0f172a;border-radius:9px;max-height:250px;margin:0;padding:11px;font-size:10px;line-height:1.55;overflow:auto}.continuity-callout{color:#3730a3;background:#eef2ff;border:1px solid #c7d2fe;border-radius:10px;flex-direction:column;gap:6px;padding:11px;font-size:11px;line-height:1.5;display:flex}.modal-backdrop{z-index:20;background:#0f172a6b;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:min(620px,100%);padding:20px;box-shadow:0 25px 80px #0f172a47}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.modal-header h2{margin:4px 0 0;font-size:20px}.form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.form-grid label{color:#64748b;font-size:11px}.form-grid input,.form-grid select{margin-top:6px;display:block}.span-two{grid-column:span 2}.modal-footer{justify-content:flex-end;align-items:center;gap:8px;margin-top:20px;display:flex}.modal-footer .helper-text{margin-right:auto}.modal-footer .primary-button{padding:9px 13px}@media (width<=1100px){.inspector-panel{display:none}}@media (width<=760px){.control-panel{flex-basis:235px;width:235px}.canvas-help{display:none}.form-grid{grid-template-columns:1fr}.span-two{grid-column:auto}}.form-label{color:#64748b;font-size:11px;display:block}.capability-field{flex-direction:column;gap:7px;display:flex}.capability-picker{flex-wrap:wrap;gap:7px;display:flex}.capability-option{color:#475569;background:#fff;border:1px solid #dbe3ef;border-radius:8px;align-items:center;gap:5px;padding:6px 8px;font-size:11px;display:flex}.capability-option input{width:auto}.compatibility-warning{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;margin:8px 0;padding:8px 9px;font-size:11px;line-height:1.5}