:root{color-scheme:light dark}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}button{cursor:pointer}.top-actions{position:fixed;top:12px;right:16px;display:flex;gap:12px;z-index:30}.top-left-actions{position:fixed;top:12px;left:16px;display:flex;gap:10px;z-index:30}.round-icon{width:44px;height:44px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000014}@media (prefers-color-scheme: dark){.round-icon{background:#111827;border-color:#1f2937}}.action-btn{padding:8px 14px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#111827;font-size:14px;font-weight:600;box-shadow:0 2px 6px #00000014;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.action-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0000001f}.action-btn:active{transform:translateY(0);box-shadow:0 2px 6px #00000014}.btn-green{background:#10b981;border-color:#10b981;color:#fff}.btn-green:hover{box-shadow:0 8px 20px #10b98159}.btn-blue{background:#3b82f6;border-color:#3b82f6;color:#fff}.btn-blue:hover{box-shadow:0 8px 20px #3b82f659}.btn-red{background:#ef4444;border-color:#ef4444;color:#fff}.btn-red:hover{box-shadow:0 8px 20px #ef444459}.btn-yellow{background:#f59e0b;border-color:#f59e0b;color:#fff}.btn-yellow:hover{box-shadow:0 8px 20px #f59e0b59}.btn-purple{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.btn-purple:hover{box-shadow:0 8px 20px #8b5cf659}@media (prefers-color-scheme: dark){.action-btn{background:#111827;color:#e5e7eb;border-color:#1f2937}}.save-modal textarea,.open-modal textarea{width:100%;min-height:160px;border:1px solid #e5e7eb;background:#fff;color:#111827;border-radius:8px;padding:10px 12px;font-size:13px}@media (prefers-color-scheme: dark){.save-modal textarea,.open-modal textarea{background:#111827;color:#e5e7eb;border-color:#1f2937}}.error-text{color:#dc2626;font-size:12px}.app-root{position:relative;width:100vw;height:100vh;overflow:hidden}.top-title{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:25;display:flex;align-items:center;gap:6px;font-weight:700;color:#111827}.editable-title{cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease;position:relative}.editable-title:hover{background:#6366f11a;color:#6366f1}.editable-title:hover:after{content:"✏️";position:absolute;left:-20px;top:50%;transform:translateY(-50%);font-size:12px;opacity:.7}.system-name-input{background:#fff;border:2px solid #6366f1;border-radius:6px;padding:4px 8px;font-size:inherit;font-weight:700;color:#111827;outline:none;min-width:150px;text-align:center}.brand-name{font-size:44px}.brand-stars{width:40px;height:40px;object-fit:contain}@media (prefers-color-scheme: dark){.top-title{color:#e5e7eb}.editable-title:hover{background:#818cf81a;color:#818cf8}.system-name-input{background:#111827;border-color:#818cf8;color:#e5e7eb}}.floating-pill{position:fixed;left:16px;z-index:24;display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 10px;background:#fff;border:1px solid #e5e7eb;border-radius:999px;box-shadow:0 10px 30px #0000001a;min-width:56px}.mode-pill{top:120px;width:72px;padding:12px 16px}.tools-pill{top:240px}@media (prefers-color-scheme: dark){.floating-pill{background:#0b1220;border-color:#1f2937}}.pill-divider{width:20px;height:1px;background:#e5e7eb}@media (prefers-color-scheme: dark){.pill-divider{background:#1f2937}}.pill-palette{display:flex;flex-direction:column;gap:8px}.add-btn{width:48px;height:48px;border-radius:999px;border:1px solid #e5e7eb;background:#f9fafb;color:#111827;font-size:26px;line-height:1;box-shadow:0 1px 2px #0000000f}.mode-button{width:40px!important;height:40px!important;border-radius:999px!important;border:2px solid #e5e7eb;background:#f9fafb;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 4px #00000014;color:#6b7280}.mode-button.active{background:#3b82f6;border-color:#3b82f6;color:#fff;box-shadow:0 4px 8px #3b82f64d}.mode-button:hover{transform:scale(1.05);box-shadow:0 4px 8px #0000001f}.mode-button:hover:not(.active){background:#f3f4f6;border-color:#d1d5db}.palette{display:flex;gap:8px;flex-wrap:wrap}.swatch{width:30px;height:30px;border-radius:50%;border:2px solid transparent}.swatch.multi{background:conic-gradient(from 0deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:2px solid #e5e7eb}.swatch.selected{outline:2px solid #111827;outline-offset:2px}.canvas{position:absolute;inset:0;cursor:default;background-image:radial-gradient(rgba(0,0,0,.2) 1px,transparent 1px);background-size:24px 24px;background-position:-1px -1px}.canvas.panning{cursor:grab}.canvas.panning:active{cursor:grabbing}.edges-layer{position:absolute;inset:0;pointer-events:auto;overflow:visible}.canvas-content{position:absolute;inset:0;overflow:visible;transform-origin:0 0;will-change:transform}@media (prefers-color-scheme: dark){.add-btn{background:#111827;color:#e5e7eb;border-color:#1f2937}.mode-button{background:#1f2937;border-color:#374151;color:#9ca3af}.mode-button:hover:not(.active){background:#374151;border-color:#4b5563}.canvas{background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1px)}}.node{position:absolute;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;touch-action:none;box-shadow:0 2px 8px #00000026}.node.dragging{box-shadow:0 6px 18px #00000047}.node-title{pointer-events:none;font-size:12px}.sticky-note{position:absolute;background:#fff8c5;color:#111827;border:1px solid #facc15;border-radius:8px;box-shadow:0 6px 18px #0000002e;-webkit-user-select:none;user-select:none;touch-action:none;padding:10px 12px}.sticky-note.dragging{box-shadow:0 12px 28px #00000040}.sticky-content{width:100%;height:100%;overflow:auto;font-size:14px;line-height:1.4}.sticky-content h1,.sticky-content h2,.sticky-content h3{margin:8px 0 6px}.sticky-content p{margin:6px 0}.sticky-content ul{padding-left:18px}.sticky-resize{position:absolute;width:12px;height:12px;background:#fde68a;border:1px solid #f59e0b;border-radius:3px;opacity:0;transition:opacity .12s ease}.sticky-nw{left:-6px;top:-6px;cursor:nwse-resize}.sticky-ne{right:-6px;top:-6px;cursor:nesw-resize}.sticky-sw{left:-6px;bottom:-6px;cursor:nesw-resize}.sticky-se{right:-6px;bottom:-6px;cursor:nwse-resize}.sticky-note:hover .sticky-resize{opacity:1}.markdown-preview{border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;max-height:300px;overflow:auto}.handle{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;border:1px solid #9ca3af;box-shadow:0 1px 2px #0000001f;pointer-events:auto;opacity:0;transition:opacity .12s ease}.node:hover .handle{opacity:1}.handle-left{left:-6px;top:50%;transform:translate(-50%,-50%)}.handle-right{right:-6px;top:50%;transform:translate(50%,-50%)}.handle-top{top:-6px;left:50%;transform:translate(-50%,-50%)}.handle-bottom{bottom:-6px;left:50%;transform:translate(-50%,50%)}.node-resize{position:absolute;width:10px;height:10px;background:#fff;border:1px solid #9ca3af;border-radius:2px;box-shadow:0 1px 2px #0000001f;opacity:0;transition:opacity .12s ease}.node:hover .node-resize{opacity:1}.node-nw{left:-5px;top:-5px;cursor:nwse-resize}.node-ne{right:-5px;top:-5px;cursor:nesw-resize}.node-sw{left:-5px;bottom:-5px;cursor:nesw-resize}.node-se{right:-5px;bottom:-5px;cursor:nwse-resize}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:30}.modal{width:520px;max-width:calc(100vw - 32px);background:#fff;color:#111827;border-radius:14px;box-shadow:0 14px 40px #00000047;padding:20px}.guide-modal{width:620px;height:80vh;max-height:700px;display:flex;flex-direction:column;padding:0}.guide-modal .modal-header{padding:20px 20px 0;flex-shrink:0}.guide-content,.updates-content{flex:1;overflow-y:auto;padding:0 20px 20px}.version-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:20px;transition:all .2s ease}.version-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf61a}.version-card.latest{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;border-color:#7c3aed}.version-card.latest .version-header{color:#fff}.version-card.latest .version-date{color:#ffffffe6}@media (prefers-color-scheme: dark){.version-card{background:linear-gradient(135deg,#1f2937,#111827);border-color:#374151}.version-card.latest{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}}.version-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.version-number{font-size:24px;font-weight:700;color:#111827}.version-card.latest .version-number{color:#fff}.version-date{font-size:14px;color:#6b7280;font-weight:500}.version-badge{background:#10b981;color:#fff;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.version-features{margin-top:16px}.version-features h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#374151}.version-card.latest .version-features h4{color:#fff}.version-features ul{margin:0;padding-left:20px}.version-features li{margin-bottom:8px;line-height:1.5}@media (prefers-color-scheme: dark){.version-number{color:#e5e7eb}.version-features h4{color:#d1d5db}}@media (prefers-color-scheme: dark){.modal{background:#111827;color:#e5e7eb}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.close-btn{background:transparent;border:none;font-size:24px}.modal-section{display:flex;flex-direction:column;gap:6px;margin:12px 0}.field-label{font-size:12px;color:#6b7280}.text-input,.textarea-input{width:100%;border:1px solid #d1d5db;background:#fff;color:#111827;border-radius:8px;padding:10px 12px;font-size:15px}.textarea-input{resize:vertical}.minimap{position:fixed;bottom:120px;left:16px;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026;padding:12px;transition:all .2s ease}.minimap-content{width:120px;height:80px}.minimap-canvas{width:100%;height:100%;background:#f8fafc;border:1px solid #d1d5db;border-radius:6px;position:relative;overflow:hidden;background-image:radial-gradient(rgba(0,0,0,.15) .5px,transparent .5px);background-size:6px 6px;background-position:-.5px -.5px}.minimap-viewport{position:absolute;background:#6366f14d;border:1px solid #6366f1;border-radius:2px;pointer-events:none}.contact-form .modal-section{padding:24px}.contact-form .field-group{margin-bottom:20px}.contact-form .field-group:last-of-type{margin-bottom:24px}.contact-form .text-input,.contact-form .textarea-input{transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.contact-form .text-input:focus,.contact-form .textarea-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.contact-form .intro-text{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:10px;padding:16px;margin-bottom:24px}.contact-form .intro-text p{margin:0;color:#475569;font-size:14px;line-height:1.5}.contact-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.contact-form .form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e5e7eb}@media (prefers-color-scheme: dark){.contact-form .intro-text{background:linear-gradient(135deg,#1f2937,#111827);border-color:#374151}.contact-form .intro-text p{color:#9ca3af}.contact-form .form-actions{border-color:#374151}.contact-form .text-input:focus,.contact-form .textarea-input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf81a}.minimap{background:#111827f2;border-color:#374151}.minimap-canvas{background:#111827;border-color:#374151;background-image:radial-gradient(rgba(255,255,255,.15) .5px,transparent .5px)}}@media (prefers-color-scheme: dark){.text-input,.textarea-input{background:#111827;color:#e5e7eb;border-color:#374151}.field-label{color:#9ca3af}}.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{padding:2px 8px;border-radius:999px;background:#f3f4f6;color:#111827;font-size:12px}@media (prefers-color-scheme: dark){.tag{background:#1f2937;color:#e5e7eb}}.edge.selected line{stroke:#111827}.edge line,.edge path{cursor:pointer}.edge:hover line,.edge:hover path{stroke:#2563eb;stroke-width:3px;filter:hue-rotate(15deg)}.edge-menu{position:absolute;transform:translate(-50%,-50%);z-index:25;min-width:300px;max-width:380px;background:#fff;color:#111827;border:1px solid #e5e7eb;border-radius:12px;padding:14px;box-shadow:0 14px 40px #00000038}.color-picker-popover{position:fixed;left:80px;top:50%;transform:translateY(-50%);background:#fff;color:#111827;border:1px solid #e5e7eb;border-radius:12px;padding:12px;box-shadow:0 10px 30px #0003;z-index:40}@media (prefers-color-scheme: dark){.color-picker-popover{background:#0b1220;color:#e5e7eb;border-color:#1f2937}}@media (prefers-color-scheme: dark){.edge-menu{background:#111827;color:#e5e7eb;border-color:#374151}}.edge-menu .section{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0}.edge-menu .label{font-size:12px;color:#6b7280}.chip{padding:8px 12px;border-radius:999px;border:1px solid #d1d5db;background:#fff;color:#111827;font-size:13px}.chip-selected{background:#111827;color:#fff;border-color:#111827}.zoom-controls{position:fixed;left:16px;bottom:16px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:6px 8px;box-shadow:0 10px 30px #00000014;z-index:26}.center-btn{display:flex;align-items:center;justify-content:center}.coordinate-display{position:fixed;left:16px;bottom:80px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:8px 12px;box-shadow:0 10px 30px #00000014;z-index:26;font-size:13px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.coordinate-item{display:flex;align-items:center;gap:4px}.coordinate-label{color:#6b7280;font-weight:500}.coordinate-value{color:#111827;font-weight:600;min-width:32px;text-align:right}@media (prefers-color-scheme: dark){.zoom-controls,.coordinate-display{background:#0b1220;border-color:#1f2937}.coordinate-label{color:#9ca3af}.coordinate-value{color:#f3f4f6}}.zoom-btn{width:32px;height:32px;border-radius:8px;border:1px solid #e5e7eb;background:#f9fafb;color:#111827;font-size:18px}.zoom-btn.disabled{opacity:.4;cursor:not-allowed}.zoom-btn.undo-btn{font-size:14px}@media (prefers-color-scheme: dark){.zoom-btn{background:#111827;color:#e5e7eb;border-color:#1f2937}}.zoom-level{min-width:46px;text-align:center;font-size:12px;color:#6b7280}.trash-zone{position:fixed;left:50%;bottom:24px;transform:translate(-50%);width:64px;height:64px;border-radius:999px;border:2px dashed #9ca3af;background:#f3f4f6;color:#dc2626;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px #0000001f;z-index:40;pointer-events:none;transition:transform .12s ease,background .12s ease,color .12s ease,border-color .12s ease}.trash-zone.over{border-color:#dc2626;background:#fee2e2;color:#dc2626;transform:translate(-50%) scale(1.08)}.trash-zone:after{content:"";position:absolute;inset:-8px}@media (prefers-color-scheme: dark){.trash-zone{background:#111827e6;border-color:#374151;color:#6b7280}.trash-zone.over{background:#991b1b33;border-color:#f87171;color:#f87171}}.chat-button{position:fixed;right:16px;bottom:16px;width:60px;height:60px;border-radius:999px;background:linear-gradient(135deg,#3b82f6,#a78bfa);color:#fff;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);box-shadow:0 14px 34px #3b82f659;z-index:35;font-size:22px}.chat-button:hover{filter:brightness(1.05)}.chat-panel{position:fixed;right:16px;bottom:84px;width:min(440px,calc(100vw - 32px));height:min(560px,calc(100vh - 140px));background:#fff;color:#111827;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 24px 60px #00000040;display:flex;flex-direction:column;overflow:hidden;z-index:35}@media (prefers-color-scheme: dark){.chat-panel{background:#0b1220;color:#e5e7eb;border-color:#1f2937}}.chat-header{padding:12px 14px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#3b82f6,#10b981);color:#fff}.chat-header .right{display:flex;align-items:center;gap:10px}.mode-toggle{display:inline-flex;gap:6px;background:#f3f4f6;border:1px solid #e5e7eb;padding:4px;border-radius:999px}.mode-btn{padding:6px 10px;border-radius:999px;border:none;background:transparent;font-size:12px;color:#374151}.mode-btn.active{background:#fff;color:#111827;box-shadow:0 1px 2px #00000014}@media (prefers-color-scheme: dark){.mode-toggle{background:#0f172a;border-color:#1f2937}.mode-btn{color:#9ca3af}.mode-btn.active{background:#111827;color:#e5e7eb}}@media (prefers-color-scheme: dark){.chat-header{border-bottom-color:#1f2937}}.chat-messages{padding:16px;overflow:auto;display:flex;flex-direction:column;gap:10px;background:radial-gradient(at 0% 0%,rgba(59,130,246,.06) 0,transparent 50%),radial-gradient(at 100% 100%,rgba(16,185,129,.06) 0,transparent 50%)}.bubble{display:flex;gap:10px;align-items:flex-end}.bubble.user{justify-content:flex-end}.bubble-avatar{width:28px;height:28px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:#111827}.bubble.user .bubble-avatar{background:#dbeafe;color:#1d4ed8}.msg{padding:10px 12px;border-radius:16px;max-width:88%;white-space:pre-wrap;line-height:1.4}.msg.user{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;border-bottom-right-radius:4px}.msg.assistant{background:#f3f4f6;color:#111827;border-bottom-left-radius:4px}@media (prefers-color-scheme: dark){.bubble-avatar{background:#151a28;color:#e5e7eb}.bubble.user .bubble-avatar{background:#0b3a55;color:#d1e7f5}.msg.user{background:linear-gradient(135deg,#2563eb,#38bdf8);color:#e5e7eb}.msg.assistant{background:#151a28;color:#e5e7eb}}.chat-input{padding:12px;border-top:1px solid #e5e7eb}@media (prefers-color-scheme: dark){.chat-input{border-top-color:#1f2937}}.composer{display:flex;gap:10px;align-items:center}.mode-toggle-pill{display:inline-flex;gap:6px;background:#f3f4f6;border:1px solid #e5e7eb;padding:6px;border-radius:999px}.mode-chip{padding:6px 10px;border-radius:999px;border:none;background:transparent;font-size:12px;color:#374151}.mode-chip.active{background:#fff;color:#111827;box-shadow:0 1px 2px #00000014}.composer-input{flex:1;display:flex;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:6px 10px}.chat-textarea{flex:1;border:none;background:transparent;padding:10px 8px;resize:none;min-height:48px}.chat-textarea:focus{outline:none}.send-circle{width:44px;height:44px;border-radius:999px;border:1px solid #059669;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 8px 20px #10b98159}.send-circle:disabled{opacity:.6;cursor:not-allowed}@media (prefers-color-scheme: dark){.mode-toggle-pill{background:#0f172a;border-color:#1f2937}.mode-chip{color:#9ca3af}.mode-chip.active{background:#111827;color:#e5e7eb}.composer-input{background:#0b1220;border-color:#1f2937}}.chat-pending{padding:8px 12px;background:#fff7ed;color:#7c2d12;border-top:1px solid #fde68a;border-bottom:1px solid #fde68a;display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-pending .actions{display:flex;gap:8px}.btn{padding:6px 10px;border-radius:8px;border:1px solid #e5e7eb;background:#fff}.btn-primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.btn-ghost{background:transparent}.made-with-love{position:fixed;right:16px;bottom:16px;font-size:11px;color:#111827;opacity:.5;z-index:10}@media (prefers-color-scheme: dark){.made-with-love{color:#e5e7eb;opacity:.5}}.bmc-container{position:fixed;right:16px;bottom:56px;z-index:50;transform:scale(.5);transform-origin:bottom right}.analysis-overlay~#bmc-root,.analysis-panel~#bmc-root{display:none}.analysis-overlay{position:fixed;inset:0;background:#0006;z-index:35;animation:fadeIn .2s ease}.analysis-panel{position:fixed;right:0;top:0;bottom:0;width:420px;background:#fff;color:#111827;border-left:1px solid #e5e7eb;box-shadow:-10px 0 30px #00000026;z-index:40;display:flex;flex-direction:column;animation:slideInFromRight .3s ease}@media (max-width: 768px){.analysis-panel{width:100vw;left:0;right:0}}@media (prefers-color-scheme: dark){.analysis-panel{background:#0b1220;color:#e5e7eb;border-left-color:#1f2937}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.analysis-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff}@media (prefers-color-scheme: dark){.analysis-header{border-bottom-color:#1f2937}}.analysis-header h3{margin:0;font-size:20px;font-weight:600}.analysis-content{flex:1;overflow-y:auto;padding:0}.empty-state{padding:60px 24px;text-align:center;color:#6b7280}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state h4{margin:0 0 12px;font-size:18px;font-weight:600;color:#374151}.empty-state p{font-size:14px;line-height:1.5;max-width:280px;margin:0 auto}@media (prefers-color-scheme: dark){.empty-state{color:#9ca3af}.empty-state h4{color:#d1d5db}}.analysis-section{border-bottom:1px solid #f3f4f6}@media (prefers-color-scheme: dark){.analysis-section{border-bottom-color:#1f2937}}.section-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border:none;background:#f8fafc;color:#111827;text-align:left;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.section-header:hover{background:#f1f5f9}@media (prefers-color-scheme: dark){.section-header{background:#111827;color:#e5e7eb}.section-header:hover{background:#1f2937}}.section-toggle{font-size:14px;color:#6b7280;transition:transform .2s ease}.section-toggle.expanded{transform:rotate(0)}.section-content{padding:20px 24px;background:#fff}@media (prefers-color-scheme: dark){.section-content{background:#0b1220}}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.metric-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;padding:20px 16px;text-align:center;transition:all .2s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf61a}@media (prefers-color-scheme: dark){.metric-card{background:linear-gradient(135deg,#1f2937,#111827);border-color:#374151}}.metric-value{font-size:32px;font-weight:700;color:#8b5cf6;margin-bottom:8px;line-height:1}.metric-label{font-size:13px;color:#6b7280;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.highlight-stat{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:10px;padding:16px;cursor:pointer;margin-bottom:16px;font-size:14px;transition:all .2s ease}.highlight-stat:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-color:#7dd3fc;transform:translateY(-1px)}.connection-count{color:#6b7280;font-weight:400;margin-left:8px}@media (prefers-color-scheme: dark){.highlight-stat{background:linear-gradient(135deg,#0c4a6e,#164e63);border-color:#075985;color:#bae6fd}.highlight-stat:hover{background:linear-gradient(135deg,#164e63,#0891b2);border-color:#0891b2}}.insights-list{margin-bottom:20px}.insight-item{padding:12px 16px;background:#f8fafc;border-left:4px solid #8b5cf6;border-radius:0 8px 8px 0;margin-bottom:8px;font-size:14px;line-height:1.5}@media (prefers-color-scheme: dark){.insight-item{background:#1f2937;color:#e5e7eb}}.recommendations{margin-bottom:20px}.recommendation-item{padding:12px 16px;background:#fef3c7;border-left:4px solid #f59e0b;border-radius:0 8px 8px 0;margin-bottom:8px;font-size:14px;line-height:1.5;color:#92400e}@media (prefers-color-scheme: dark){.recommendation-item{background:#451a03;color:#fbbf24}}.subsection-title{font-size:13px;color:#6b7280;font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.hub-nodes{margin-bottom:20px}.hub-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .2s ease}.hub-item:hover{background:#e0f2fe;border-color:#7dd3fc;transform:translate(4px)}.hub-name{font-weight:500;color:#111827}.hub-connections{color:#6b7280;font-size:13px}@media (prefers-color-scheme: dark){.hub-item{background:#0c4a6e;border-color:#075985}.hub-item:hover{background:#164e63;border-color:#0891b2}.hub-name{color:#bae6fd}}.clusters{margin-bottom:20px}.cluster-item{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#f3f4f6;border-radius:8px;margin-bottom:6px}.cluster-tag{font-weight:500;color:#374151}.cluster-count{color:#6b7280;font-size:13px}@media (prefers-color-scheme: dark){.cluster-item{background:#1f2937}.cluster-tag{color:#d1d5db}}.completeness-score{display:flex;justify-content:center;margin-bottom:24px}.score-circle{background:linear-gradient(135deg,#8b5cf6,#a78bfa);width:120px;height:120px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px #8b5cf64d}.score-value{font-size:28px;font-weight:700;line-height:1;margin-bottom:4px}.score-label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.completeness-breakdown{margin-bottom:24px}.breakdown-item{margin-bottom:16px}.breakdown-item span{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}@media (prefers-color-scheme: dark){.breakdown-item span{color:#d1d5db}}.breakdown-bar{position:relative;height:24px;background:#f1f5f9;border-radius:12px;overflow:hidden}@media (prefers-color-scheme: dark){.breakdown-bar{background:#374151}}.breakdown-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:12px;transition:width .4s ease}.breakdown-value{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:600;color:#374151}@media (prefers-color-scheme: dark){.breakdown-value{color:#d1d5db}}.tag-distribution{margin-bottom:20px}.tag-list{display:grid;gap:8px}.tag-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#e0e7ff;border:1px solid #c7d2fe;border-radius:8px}.tag-name{font-weight:500;color:#3730a3}.tag-usage{color:#6366f1;font-size:13px}@media (prefers-color-scheme: dark){.tag-item{background:#312e81;border-color:#4338ca}.tag-name{color:#c7d2fe}.tag-usage{color:#a5b4fc}}.organization-status{text-align:center;margin-top:20px}.status-indicator{display:inline-block;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-indicator.good{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.status-indicator.needs-work{background:#fef3c7;color:#92400e;border:1px solid #fde68a}@media (prefers-color-scheme: dark){.status-indicator.good{background:#064e3b;color:#a7f3d0;border-color:#059669}.status-indicator.needs-work{background:#451a03;color:#fbbf24;border-color:#f59e0b}}.warning-indicator{background:#fef3c7;color:#92400e;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px;border-left:4px solid #f59e0b}@media (prefers-color-scheme: dark){.warning-indicator{background:#451a03;color:#fbbf24;border-left-color:#f59e0b}}.top-connected-list{margin-bottom:20px}.connected-node-item{display:flex;align-items:center;padding:14px 16px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;margin-bottom:10px;cursor:pointer;transition:all .2s ease}.connected-node-item:hover{background:#e0f2fe;border-color:#7dd3fc;transform:translate(4px)}.rank-badge{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;margin-right:16px;box-shadow:0 4px 12px #8b5cf633}.node-info{flex:1}.node-name{font-weight:600;color:#111827;margin-bottom:4px;font-size:15px}.node-connections{color:#6b7280;font-size:13px}.no-connections{text-align:center;color:#6b7280;font-style:italic;padding:20px;background:#f9fafb;border-radius:8px;margin-bottom:16px}@media (prefers-color-scheme: dark){.connected-node-item{background:#0c4a6e;border-color:#075985}.connected-node-item:hover{background:#164e63;border-color:#0891b2}.node-name{color:#bae6fd}.no-connections{background:#1f2937;color:#9ca3af}}.top-tags-list{margin-bottom:24px}.tag-rank-item{display:flex;align-items:center;padding:12px 16px;background:#e0e7ff;border:1px solid #c7d2fe;border-radius:10px;margin-bottom:8px}.tag-info{flex:1}.tag-name{font-weight:600;color:#3730a3;margin-bottom:2px;font-size:15px}.tag-count{color:#6366f1;font-size:13px}.no-tags{text-align:center;color:#6b7280;font-style:italic;padding:20px;background:#f9fafb;border-radius:8px;margin-bottom:16px}@media (prefers-color-scheme: dark){.tag-rank-item{background:#312e81;border-color:#4338ca}.tag-name{color:#c7d2fe}.tag-count{color:#a5b4fc}.no-tags{background:#1f2937;color:#9ca3af}}.color-analysis-section{margin-top:24px}.color-list{display:grid;gap:12px}.color-analysis-item{padding:14px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;transition:all .2s ease}.color-analysis-item:hover{background:#f1f5f9;transform:translateY(-1px)}.color-info{display:flex;align-items:center;gap:16px}.color-sample{width:40px;height:40px;border-radius:8px;border:2px solid #e5e7eb;box-shadow:0 2px 8px #0000001a;flex-shrink:0}.color-details{flex:1}.color-name{font-weight:600;color:#111827;margin-bottom:2px;font-size:14px}.color-stats{color:#6b7280;font-size:13px;margin-bottom:2px}.color-topic{color:#8b5cf6;font-size:12px;font-weight:500}@media (prefers-color-scheme: dark){.color-analysis-item{background:#1f2937;border-color:#374151}.color-analysis-item:hover{background:#111827}.color-sample{border-color:#374151}.color-name{color:#e5e7eb}.color-stats{color:#9ca3af}.color-topic{color:#a78bfa}}.export-legend{position:absolute;top:20px;right:20px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:16px;box-shadow:0 10px 30px #00000026;font-family:system-ui,-apple-system,sans-serif;z-index:1000;min-width:200px;max-width:220px}.export-system-name{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:999;pointer-events:none}.system-name-text{background:#fffffff2;border:3px solid #6366f1;border-radius:16px;padding:12px 24px;font-size:24px;font-weight:800;color:#6366f1;text-align:center;box-shadow:0 10px 30px #6366f140;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:200px}.legend-title{font-size:16px;font-weight:700;color:#111827;margin-bottom:12px;text-align:center;border-bottom:1px solid #e5e7eb;padding-bottom:8px}.legend-item{display:flex;align-items:center;gap:12px;margin-bottom:8px;padding:6px 8px;border-radius:6px;background:#f9fafb}.legend-item:last-child{margin-bottom:0}.legend-color{width:24px;height:24px;border-radius:50%;border:2px solid #e5e7eb;box-shadow:0 2px 4px #0000001a;flex-shrink:0}.legend-text{font-size:14px;font-weight:500;color:#374151;flex:1;word-break:break-word}.color-assignment-list{margin-top:16px;display:grid;gap:12px}.color-assignment-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s ease}.color-assignment-item:hover{background:#f1f5f9;transform:translateY(-1px)}.assignment-color-sample{width:28px;height:28px;border-radius:50%;border:2px solid #e5e7eb;box-shadow:0 2px 4px #0000001a;flex-shrink:0}.assignment-content{flex:1;display:flex;flex-direction:column;gap:8px}.topic-display{font-size:14px;font-weight:600;color:#111827}.topic-select{width:100%;padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;background:#fff;color:#111827}.topic-select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.custom-topic-input{width:100%;padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;background:#fff;color:#111827;margin-top:4px}.custom-topic-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.remove-assignment-btn{padding:4px 8px;background:#fee2e2;color:#dc2626;border:1px solid #fecaca;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease}.remove-assignment-btn:hover{background:#fecaca;border-color:#fca5a5}@media (prefers-color-scheme: dark){.color-assignment-item{background:#1f2937;border-color:#374151}.color-assignment-item:hover{background:#111827}.assignment-color-sample{border-color:#374151}.topic-display{color:#e5e7eb}.topic-select,.custom-topic-input{background:#111827;color:#e5e7eb;border-color:#374151}.topic-select:focus,.custom-topic-input:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa1a}.remove-assignment-btn{background:#450a0a;color:#f87171;border-color:#7f1d1d}.remove-assignment-btn:hover{background:#7f1d1d;border-color:#991b1b}}.node.selected,.sticky-note.selected{outline:3px solid #3b82f6;outline-offset:2px}@media (prefers-color-scheme: dark){.node.selected,.sticky-note.selected{outline-color:#60a5fa}}