@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Fira+Sans:wght@300;400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg:#020617;--bg-primary:#0f172a;--bg-card:#1e293b;--bg-card-hover:#2a3a52;--border:#334155;--border-subtle:#1e293b;--text:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-green:#22c55e;--accent-red:#ef4444;--accent-orange:#f59e0b;--accent-purple:#8b5cf6;--accent-blue:#3b82f6;--accent-cyan:#06b6d4;--glass:#0f172abf;--glass-border:#94a3b81a;--shadow:0 4px 24px #0006;--shadow-lg:0 8px 32px #00000080;--radius:10px;--font-sans:"Fira Sans", system-ui, -apple-system, sans-serif;--font-mono:"Fira Code", ui-monospace, monospace;--glow-1:#8b5cf60f;--glow-2:#22c55e08;--conn-opacity:.3;--conn-dash-opacity:.2}[data-theme=light]{--bg:#f1f5f9;--bg-primary:#fff;--bg-card:#fff;--bg-card-hover:#f8fafc;--border:#cbd5e1;--border-subtle:#e2e8f0;--text:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent-green:#16a34a;--accent-red:#dc2626;--accent-orange:#d97706;--accent-purple:#7c3aed;--accent-blue:#2563eb;--accent-cyan:#0891b2;--glass:#ffffffd1;--glass-border:#94a3b833;--shadow:0 4px 24px #00000014;--shadow-lg:0 8px 32px #0000001f;--glow-1:#8b5cf60a;--glow-2:#22c55e05;--conn-opacity:.25;--conn-dash-opacity:.15}[data-theme=glass]{--bg:#e8edf4;--bg-primary:#ffffff73;--bg-card:#ffffff59;--bg-card-hover:#ffffff80;--border:#ffffff80;--border-subtle:#ffffff40;--text:#1a1a2e;--text-secondary:#3d3d5c;--text-muted:#7b7b9a;--accent-green:#30d158;--accent-red:#ff453a;--accent-orange:#ff9f0a;--accent-purple:#bf5af2;--accent-blue:#007aff;--accent-cyan:#64d2ff;--glass:#ffffff40;--glass-border:#ffffff73;--glass-blur:40px;--glass-saturate:180%;--shadow:0 4px 24px #0000000f;--shadow-lg:0 8px 32px #00000014;--radius:16px;--glow-1:#007aff0f;--glow-2:#30d1580a;--conn-opacity:.35;--conn-dash-opacity:.2}[data-theme=glass] body{background:radial-gradient(at 20% 20%,#007aff1f 0%,#0000 50%),radial-gradient(at 80% 30%,#bf5af21a 0%,#0000 50%),radial-gradient(at 50% 80%,#30d15814 0%,#0000 50%),radial-gradient(at 70% 60%,#ff9f0a0f 0%,#0000 50%),linear-gradient(135deg,#e8edf4 0%,#f0eff5 30%,#e4ecf5 60%,#ede8f0 100%)}[data-theme=glass] body:before{opacity:.8;background:radial-gradient(circle,#007aff14 0%,#bf5af20d 40%,#0000 70%);width:900px;height:900px}[data-theme=glass] .toolbar{-webkit-backdrop-filter:blur(40px)saturate(180%);background:#ffffff59;border-bottom:1px solid #ffffff80;box-shadow:0 1px 12px #0000000a}[data-theme=glass] .node-card{background:#ebf0f8c7;border:1px solid #ffffff8c;border-radius:16px;box-shadow:0 2px 16px #0000000d,inset 0 1px #ffffffb3,inset 0 -1px #ffffff1a}[data-theme=glass] .node-card:hover{background:#f0f4fce0;border-color:#ffffffb3;box-shadow:0 8px 32px #00000014,inset 0 1px #fffc,inset 0 -1px #ffffff26}[data-theme=glass] .node-card.dragging{background:#f5f8ffeb;box-shadow:0 20px 60px #0000001f}[data-theme=glass] .accent-strip{opacity:.7;filter:blur(.5px)}[data-theme=glass] .level-badge{-webkit-backdrop-filter:blur(8px)}[data-theme=glass] .progress-bar{background:#0000000f}[data-theme=glass] .owner-node{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#bf5af21f}[data-theme=glass] .owner-level{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#007aff1f}[data-theme=glass] .modal{-webkit-backdrop-filter:blur(40px)saturate(180%);background:#ffffff8c;border:1px solid #ffffff80;border-radius:20px;box-shadow:0 24px 80px #0000001a,inset 0 1px #fff9}[data-theme=glass] .modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#c8c8dc4d}[data-theme=glass] .fg input,[data-theme=glass] .fg textarea,[data-theme=glass] .fg select{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff6;border:1px solid #ffffff80}[data-theme=glass] .fg input:focus,[data-theme=glass] .fg textarea:focus,[data-theme=glass] .fg select:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #007aff1f}[data-theme=glass] .modal-btns .save{color:#fff}[data-theme=glass] .ctx{-webkit-backdrop-filter:blur(40px)saturate(180%);background:#ffffff80;border:1px solid #ffffff8c;box-shadow:0 12px 40px #00000014,inset 0 1px #fff9}[data-theme=glass] .ctx-item:hover{background:#ffffff59}[data-theme=glass] .zoom-ctrl,[data-theme=glass] .legend{-webkit-backdrop-filter:blur(40px)saturate(180%);background:#ffffff4d;border:1px solid #ffffff80;box-shadow:0 2px 12px #0000000a}[data-theme=glass] .zm:hover{background:#ffffff59}[data-theme=glass] .toast{-webkit-backdrop-filter:blur(40px)saturate(180%);background:#ffffff80;border:1px solid #ffffff80;box-shadow:0 8px 24px #0000000f}[data-theme=glass] .node-toggle,[data-theme=glass] .node-add{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff6;border:1px solid #ffffff80}[data-theme=glass] .act-btn:hover{background:#0000000d}[data-theme=glass] .theme-btn{border:1px solid #fff6}[data-theme=glass] .theme-btn:hover{background:#ffffff4d}[data-theme=glass] .tb{border:1px solid #fff6}[data-theme=glass] .tb:hover{background:#ffffff4d;border-color:#fff9}[data-theme=glass] .tb.primary{color:#fff;background:var(--accent-blue);border-color:var(--accent-blue)}[data-theme=glass] .layer-band{-webkit-backdrop-filter:blur(8px)}[data-theme=glass] .legend-dot{box-shadow:0 0 6px}[data-theme=glass] ::-webkit-scrollbar{width:6px}[data-theme=glass] ::-webkit-scrollbar-track{background:0 0}[data-theme=glass] ::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}html,body{height:100%;overflow:hidden}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}body:before{content:"";background:radial-gradient(circle, var(--glow-1) 0%, var(--glow-2) 40%, transparent 70%);pointer-events:none;z-index:0;width:700px;height:700px;position:fixed;top:-30%;left:50%;transform:translate(-50%)}.toolbar{background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);z-index:100;align-items:center;gap:8px;height:52px;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.toolbar-brand{font-family:var(--font-mono);color:var(--text);letter-spacing:.5px;align-items:center;gap:8px;margin-right:16px;font-size:14px;font-weight:700;display:flex}.toolbar-brand .dot{background:var(--accent-green);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 8px #22c55e80}@keyframes pulse-dot{0%,to{box-shadow:0 0 8px #22c55e80}50%{box-shadow:0 0 14px #22c55ecc}}.toolbar-sep{background:var(--border);width:1px;height:24px;margin:0 4px}.tb{border:1px solid var(--border);color:var(--text-secondary);font-size:12px;font-family:var(--font-sans);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;transition:all .15s;display:flex}.tb:hover{background:var(--bg-card);color:var(--text);border-color:var(--text-muted)}.tb:active{transform:scale(.97)}.tb svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.tb.primary{background:var(--accent-green);color:#020617;border-color:var(--accent-green);font-weight:600}.tb.primary:hover{opacity:.9}.spacer{flex:1}.toolbar-hint{color:var(--text-muted);font-size:11px;font-family:var(--font-mono)}.canvas-wrap{cursor:grab;position:absolute;inset:52px 0 0;overflow:hidden}.canvas-wrap:active{cursor:grabbing}.canvas{transform-origin:0 0;position:absolute}.connections-svg{pointer-events:none;z-index:1;width:1px;height:1px;position:absolute;top:0;left:0;overflow:visible}.layer-band{pointer-events:none;border-radius:16px;transition:left .35s cubic-bezier(.4,0,.2,1),top .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1),height .35s cubic-bezier(.4,0,.2,1),opacity .3s;position:absolute}.layer-band-label{font-family:var(--font-mono);letter-spacing:1px;opacity:.45;font-size:11px;font-weight:600;position:absolute;top:14px;left:20px}.flow-label{color:var(--text-muted);font-size:10px;font-family:var(--font-mono);white-space:nowrap;opacity:.5;letter-spacing:.3px;align-items:center;gap:8px;transition:top .35s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;left:50%;transform:translate(-50%)}.flow-label:before,.flow-label:after{content:"";background:linear-gradient(90deg, transparent, var(--text-muted), transparent);width:32px;height:1px;display:block}.node{cursor:pointer;z-index:2;transition:left .35s cubic-bezier(.4,0,.2,1),top .35s cubic-bezier(.4,0,.2,1),z-index;position:absolute}.node:hover{z-index:10}.node-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-direction:column;min-width:160px;max-width:none;padding:16px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.node-card:hover{border-color:var(--text-muted);box-shadow:var(--shadow-lg), 0 0 0 1px var(--glass-border);transform:translateY(-2px)}.node-card.dragging{opacity:.92;transform:scale(1.03);box-shadow:0 20px 60px #00000059}.accent-strip{border-radius:0 3px 3px 0;width:3px;position:absolute;top:25%;bottom:25%;left:0}.node-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.level-badge{font-family:var(--font-mono);letter-spacing:.5px;border-radius:4px;flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:700}.node-name{color:var(--text);font-size:13px;font-weight:600;line-height:1.3}.child-count{opacity:.6;margin-left:4px;font-size:10px}.node-desc{color:var(--text-secondary);opacity:.8;margin-top:4px;font-size:11px;line-height:1.5}.node-tags{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.node-tag{font-size:9px;font-weight:500;font-family:var(--font-mono);letter-spacing:.3px;border-radius:3px;padding:2px 8px}.node-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.meta-chip{font-size:10px;font-family:var(--font-sans);border-radius:12px;align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.meta-chip svg{stroke:currentColor;fill:none;stroke-width:2px;width:10px;height:10px}.owner-node{color:#a78bfa;background:#8b5cf61f}.owner-level{color:#60a5fa;background:#3b82f61f}.progress-wrap{flex:1;align-items:center;gap:6px;min-width:60px;display:flex}.progress-bar{background:var(--border);border-radius:2px;flex:1;height:4px;overflow:hidden}.progress-fill{border-radius:2px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.progress-text{font-family:var(--font-mono);color:var(--text-muted);text-align:right;min-width:28px;font-size:10px}.progress-desc{color:var(--text-muted);width:100%;margin-top:4px;font-size:10px;line-height:1.4}.node-toggle{background:var(--bg-primary);border:1px solid var(--border);cursor:pointer;width:24px;height:24px;font-family:var(--font-mono);color:var(--text-muted);z-index:3;border-radius:50%;justify-content:center;align-items:center;font-size:12px;transition:all .15s;display:flex;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.node-toggle:hover{background:var(--accent-purple);color:#fff;border-color:var(--accent-purple);box-shadow:0 0 12px #8b5cf64d}.node-add{background:var(--bg-primary);border:1px solid var(--border);cursor:pointer;width:20px;height:20px;color:var(--text-muted);z-index:3;border-radius:50%;justify-content:center;align-items:center;font-size:13px;transition:all .15s;display:none;position:absolute;bottom:-12px;right:8px}.node:hover .node-add{display:flex}.node-add:hover{background:var(--accent-green);color:#fff;border-color:var(--accent-green);box-shadow:0 0 8px #22c55e4d}.node-actions{z-index:5;gap:2px;display:none;position:absolute;top:6px;right:6px}.node:hover .node-actions{display:flex}.act-btn{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;transition:all .12s;display:flex}.act-btn svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.act-btn:hover{color:var(--text);background:#ffffff14}.act-btn.del:hover{color:var(--accent-red);background:#ef444426}@media (hover:none){.node-actions,.node-add{display:flex}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.active{display:flex}.modal{background:var(--bg-primary);border:1px solid var(--border);width:460px;max-height:82vh;box-shadow:var(--shadow-lg);border-radius:16px;padding:32px;animation:.2s ease-out modal-in;overflow-y:auto}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal h3{color:var(--text);border-bottom:1px solid var(--border-subtle);margin-bottom:24px;padding-bottom:16px;font-size:17px;font-weight:700}.fg{margin-bottom:18px}.fg label{color:var(--text-secondary);letter-spacing:.3px;text-transform:uppercase;font-size:11px;font-weight:600;font-family:var(--font-mono);margin-bottom:7px;display:block}.fg input,.fg textarea,.fg select{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);font-size:13px;font-family:var(--font-sans);border-radius:8px;outline:none;padding:10px 14px;transition:border-color .15s,box-shadow .15s}.fg input:focus,.fg textarea:focus,.fg select:focus{border-color:var(--accent-purple);box-shadow:0 0 0 3px #8b5cf61f}.fg textarea{resize:vertical;min-height:64px;line-height:1.5}.range-row{align-items:center;gap:12px;display:flex}.range-row input[type=range]{accent-color:var(--accent-purple);flex:1;height:5px;padding:0}.range-val{font-family:var(--font-mono);color:var(--accent-purple);text-align:right;min-width:40px;font-size:14px;font-weight:700}.modal-btns{border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:10px;margin-top:24px;padding-top:16px;display:flex}.modal-btns .delete{color:var(--accent-red);border-color:#ef44444d;margin-right:auto}.modal-btns .delete:hover{color:var(--accent-red);border-color:var(--accent-red);background:#ef44441f}.modal-btns button{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;font-size:13px;font-family:var(--font-sans);border-radius:8px;padding:10px 22px;transition:all .15s}.modal-btns button:hover{background:var(--bg-card-hover);color:var(--text)}.modal-btns .save{background:var(--accent-green);color:#020617;border-color:var(--accent-green);font-weight:600}.modal-btns .save:hover{opacity:.9}.ctx{background:var(--bg-primary);border:1px solid var(--border);z-index:300;min-width:180px;box-shadow:var(--shadow-lg);border-radius:10px;padding:4px;animation:.12s ease-out ctx-in;display:none;position:fixed}@keyframes ctx-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ctx.active{display:block}.ctx-item{color:var(--text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:9px 14px;font-size:12px;transition:all .1s;display:flex}.ctx-item:hover{background:var(--bg-card);color:var(--text)}.ctx-item.danger:hover{color:var(--accent-red);background:#ef44441a}.ctx-sep{background:var(--border);height:1px;margin:4px 8px}.zoom-ctrl{z-index:50;background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:10px;gap:2px;padding:4px;display:flex;position:fixed;bottom:20px;left:20px}.zm{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;font-size:15px;transition:all .12s;display:flex}.zm:hover{background:var(--bg-card);color:var(--text)}.zm-text{height:32px;color:var(--text-muted);font-size:11px;line-height:32px;font-family:var(--font-mono);padding:0 8px}.legend{z-index:50;background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:10px;flex-wrap:wrap;gap:16px;padding:12px 16px;display:flex;position:fixed;bottom:20px;right:20px}.legend-item{color:var(--text-secondary);font-size:11px;font-family:var(--font-mono);align-items:center;gap:6px;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px;box-shadow:0 0 6px}.toast{background:var(--bg-card);border:1px solid var(--border);color:var(--text);z-index:400;pointer-events:none;box-shadow:var(--shadow-lg);font-size:13px;font-family:var(--font-sans);border-radius:10px;padding:10px 24px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;bottom:28px;left:50%;transform:translate(-50%)translateY(80px)}.toast.show{transform:translate(-50%)translateY(0)}.theme-btn{border:1px solid var(--border);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.theme-btn:hover{background:var(--bg-card);color:var(--text);border-color:var(--text-muted)}.theme-btn svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}[data-theme=light] .node-card{box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}[data-theme=light] .node-card:hover{box-shadow:0 8px 24px #0000001a, 0 0 0 1px var(--glass-border)}[data-theme=light] .toast{box-shadow:0 4px 12px #0000001a}[data-theme=light] .modal-btns .save,[data-theme=light] .tb.primary{color:#fff}[data-theme=light] .tb.primary svg{stroke:#fff}[data-theme=light] body:before{opacity:.6}[data-theme=light] .act-btn:hover{background:#0000000f}[data-theme=light] .legend-dot{box-shadow:0 0 4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.node{animation:.3s ease-out both fadeIn}html{transition:background .3s,color .3s}body,.toolbar,.node-card,.modal,.ctx,.zoom-ctrl,.legend,.toast{transition:background .3s,border-color .3s,color .3s,box-shadow .3s}.node-name{white-space:nowrap}.node-desc{white-space:nowrap;text-overflow:ellipsis;max-width:220px;overflow:hidden}@media (width<=768px){.toolbar{-webkit-overflow-scrolling:touch;gap:4px;height:44px;padding:0 10px;overflow:auto hidden}.toolbar-brand{margin-right:8px;font-size:12px}.toolbar-hint,.toolbar-sep{display:none}.tb{padding:5px 8px;font-size:11px}.tb span,.tb:not(.primary):not(.theme-btn){font-size:0}.tb svg{width:16px;height:16px}.canvas-wrap{top:44px}.zoom-ctrl{bottom:12px;left:12px}.legend{display:none}.modal{width:92vw;max-width:400px;padding:20px}.modal h3{margin-bottom:16px;font-size:15px}.node-card{min-width:140px;padding:12px 14px}.login-card{width:90vw;max-width:360px;padding:28px 24px}}@media (width<=480px){.toolbar-brand span:not(.dot){display:none}.tb{padding:5px 6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}.login-page[data-v-028a546d]{background:var(--bg);z-index:500;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-card[data-v-028a546d]{background:var(--bg-primary);border:1px solid var(--border);text-align:center;width:380px;box-shadow:var(--shadow);border-radius:16px;padding:40px 36px}.login-brand[data-v-028a546d]{font-family:var(--font-mono);color:var(--text);justify-content:center;align-items:center;gap:10px;margin-bottom:8px;font-size:20px;font-weight:700;display:flex}.login-dot[data-v-028a546d]{background:var(--accent-green);border-radius:50%;width:10px;height:10px;box-shadow:0 0 10px #22c55e80}.login-subtitle[data-v-028a546d]{color:var(--text-muted);margin-bottom:28px;font-size:13px}.login-field[data-v-028a546d]{margin-bottom:12px}.login-field input[data-v-028a546d]{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);font-size:14px;font-family:var(--font-sans);border-radius:8px;outline:none;padding:11px 16px;transition:border-color .15s}.login-field input[data-v-028a546d]:focus{border-color:var(--accent-purple);box-shadow:0 0 0 3px #8b5cf61f}.login-field input.error[data-v-028a546d]{border-color:var(--accent-red)}.login-error[data-v-028a546d]{color:var(--accent-red);margin-bottom:12px;font-size:12px}.login-btn[data-v-028a546d]{background:var(--accent-green);color:#fff;width:100%;font-size:14px;font-weight:600;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:8px;padding:11px;transition:opacity .15s}.login-btn[data-v-028a546d]:hover{opacity:.9}.login-btn[data-v-028a546d]:disabled{opacity:.5;cursor:not-allowed}.tag-input-wrap[data-v-b0723886]{border:1px solid var(--border);background:var(--bg);cursor:text;border-radius:8px;min-height:38px;padding:6px 8px}.tag-input-wrap[data-v-b0723886]:focus-within{border-color:var(--accent-purple);box-shadow:0 0 0 3px #8b5cf61f}.tag-list[data-v-b0723886]{flex-wrap:wrap;gap:4px;margin-bottom:4px;display:flex}.tag-chip[data-v-b0723886]{font-size:11px;font-family:var(--font-mono);border-radius:4px;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.tag-chip button[data-v-b0723886]{color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;padding:0 2px;font-size:13px;line-height:1}.tag-chip button[data-v-b0723886]:hover{opacity:1}.tag-list+input[data-v-b0723886],.tag-input-wrap input[data-v-b0723886]{color:var(--text);font-size:13px;font-family:var(--font-sans);background:0 0;border:none;outline:none;width:100%;padding:2px 4px}.sync-status[data-v-ca49a869]{z-index:100;opacity:.85;pointer-events:none;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:flex;position:fixed;top:49px;right:16px}.sync-dot[data-v-ca49a869]{border-radius:50%;width:8px;height:8px;display:inline-block}.status-synced .sync-dot[data-v-ca49a869]{background:#22c55e}.status-synced .sync-label[data-v-ca49a869]{color:#22c55e}.status-connecting .sync-dot[data-v-ca49a869]{background:#f59e0b;animation:1s infinite pulse-ca49a869}.status-connecting .sync-label[data-v-ca49a869]{color:#f59e0b}.status-offline .sync-dot[data-v-ca49a869]{background:#ef4444}.status-offline .sync-label[data-v-ca49a869]{color:#ef4444}@keyframes pulse-ca49a869{0%,to{opacity:1}50%{opacity:.4}}