:root{--font-inter:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--bg:#fafafa;--surface:#fff;--surface-2:#f7f7f8;--border:#ebebef;--border-strong:#d8d8df;--text:#0f172a;--text-2:#475569;--text-3:#94a3b8;--accent:#5e6ad2;--accent-soft:#eef0fb;--pos:#059669;--neg:#b91c1c;--warn:#b45309;--shadow-sm:0 1px 2px #0f172a0a, 0 1px 1px #0f172a08;--shadow-md:0 4px 16px #0f172a0f, 0 1px 3px #0f172a0a;--shadow-lg:0 12px 40px #0f172a14, 0 2px 6px #0f172a0a}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-inter), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:14px;line-height:1.45}button,input,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:30;flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;height:52px;padding:0 16px;display:grid}.topbar-left{align-items:center;gap:12px;min-width:0;display:flex}.brand-dot{background:linear-gradient(135deg, var(--accent), #8b94e7);width:22px;height:22px;box-shadow:var(--shadow-sm);border-radius:7px;flex-shrink:0}.brand-logo-horizontal{object-fit:contain;flex-shrink:0;width:128px;height:32px;display:block}.login-brand-logo{width:166px;height:44px}.project-name{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;min-width:0;font-size:13px;display:flex;overflow:hidden}.project-name .crumb,.project-name .sep{color:var(--text-3)}.project-name .title{color:var(--text);font-weight:600}.topbar-center{justify-content:center;display:flex}.path-tabs{background:var(--surface);border-bottom:1px solid var(--border);z-index:25;flex-shrink:0;justify-content:center;align-items:flex-end;gap:6px;min-height:42px;padding:7px 14px 0;display:flex;position:relative}.path-tabs-scroll{scrollbar-width:none;align-items:flex-end;gap:2px;max-width:min(760px,100vw - 110px);display:flex;overflow-x:auto}.path-tabs-scroll::-webkit-scrollbar{display:none}.path-tab-wrap{flex:none;align-items:center;display:flex;position:relative}.path-tab{max-width:190px;height:34px;color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 30px 0 13px;font-size:12.5px;font-weight:500;overflow:hidden}.path-tab:hover{color:var(--text);background:var(--surface-2)}.path-tab-wrap.active .path-tab{color:var(--accent);border-bottom-color:var(--accent)}.path-menu-trigger{width:24px;height:24px;color:var(--text-3);background:0 0;border:0;font-size:18px;line-height:1;position:absolute;right:4px}.path-menu-trigger:hover{color:var(--text)}.path-menu{background:var(--surface);border:1px solid var(--border);width:132px;box-shadow:var(--shadow-md);z-index:100;border-radius:6px;padding:5px;position:absolute;top:36px;right:0}.path-menu-global{position:fixed;right:auto}.path-menu button{text-align:left;width:100%;color:var(--text);background:0 0;border:0;padding:7px 9px;font-size:12px}.path-menu button:hover{background:var(--surface-2)}.path-menu button.danger{color:var(--neg)}.path-menu button:disabled{opacity:.4;cursor:not-allowed}.path-add{border:1px solid var(--border);background:var(--surface);width:30px;height:30px;color:var(--text-2);border-radius:6px;margin-bottom:3px;font-size:19px;line-height:1}.path-add:hover{color:var(--accent);border-color:var(--accent)}.viewer-path-tabs{align-items:flex-end;min-height:44px;padding-top:8px}.viewer-path-tabs .path-tabs-scroll{max-width:calc(100vw - 28px)}.viewer-path-tabs .path-tab{padding-right:13px}.segmented{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;gap:2px;padding:3px;display:inline-flex}.seg{color:var(--text-2);background:0 0;border:none;border-radius:6px;padding:5px 12px;font-size:12.5px;font-weight:500;transition:background .12s,color .12s}.seg:hover{color:var(--text)}.seg.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.topbar-right{justify-content:flex-end;align-items:center;gap:4px;display:flex}.icon-btn{width:30px;height:30px;color:var(--text-2);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .12s,color .12s;display:inline-flex}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn.ghost{color:var(--text-3)}.divider{background:var(--border);width:1px;height:18px;margin:0 6px}.primary-btn{background:var(--text);color:#fff;border:none;border-radius:7px;margin-left:8px;padding:7px 14px;font-size:12.5px;font-weight:500;transition:background .12s,transform 50ms}.primary-btn:hover{background:#1e293b}.primary-btn:active{transform:translateY(.5px)}.canvas-wrap{flex:1;position:relative;overflow:hidden}.canvas-wrap .react-flow{background:var(--bg)}.react-flow__node-funnel{box-shadow:none;background:0 0;border:none;border-radius:12px;padding:0}.react-flow__node-funnel.selected{box-shadow:none}.rf-handle.react-flow__handle{background:var(--surface);opacity:.34;z-index:5;pointer-events:auto;border:2px solid #8c96a8;width:10px;height:10px;transition:opacity .12s,transform .12s,background .12s,border-color .12s}.rf-handle.react-flow__handle:after{content:"";border-radius:50%;position:absolute;inset:-8px}.react-flow__node-funnel:hover .rf-handle.react-flow__handle,.react-flow__node-funnel.selected .rf-handle.react-flow__handle{opacity:1;border-color:var(--accent);box-shadow:0 0 0 3px #5e6ad21f}.read-only .rf-handle.react-flow__handle{display:none!important}.rf-handle.react-flow__handle:hover{background:var(--accent);transform-origin:50%;transform:scale(1.45)}.rf-handle.react-flow__handle.react-flow__handle-left:hover{transform:translate(-50%,-50%)scale(1.45)}.rf-handle.react-flow__handle.react-flow__handle-right:hover{transform:translate(50%,-50%)scale(1.45)}.rf-handle.react-flow__handle.react-flow__handle-top:hover{transform:translate(-50%,-50%)scale(1.45)}.rf-handle.react-flow__handle.react-flow__handle-bottom:hover{transform:translate(-50%,50%)scale(1.45)}.shape-bg,.shape-icon{pointer-events:none}.react-flow__minimap{box-shadow:var(--shadow-sm);bottom:16px;right:16px}.node{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;transition:box-shadow .15s,border-color .15s,transform 80ms;overflow:hidden}.node:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.node.selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft), var(--shadow-md)}.node[data-category=source] .node-thumb{color:var(--node-accent,#b45309)}.node[data-category=page] .node-thumb{color:var(--node-accent,var(--accent))}.node[data-category=comm] .node-thumb{color:var(--node-accent,#0d9488)}.node[data-category=action] .node-thumb{color:var(--node-accent,#7c3aed)}.node[data-category=annotation] .node-thumb,.node[data-category=shape] .node-thumb{color:var(--node-accent,var(--text-3))}.node{grid-template:"thumb text""metrics metrics"/auto 1fr;gap:10px;width:220px;padding:12px 14px 10px;display:grid}.node-thumb{background:var(--surface-2);width:28px;height:28px;color:var(--text-2);border-radius:7px;flex-shrink:0;grid-area:thumb;justify-content:center;align-items:center;display:flex;position:relative}.node.selected .node-thumb{background:var(--accent-soft);color:var(--accent)}.node-text{grid-area:text;align-self:center;min-width:0}.node-kicker{text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-size:10.5px;font-weight:500}.node-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:13.5px;font-weight:600;overflow:hidden}.node-metrics{border-top:1px solid var(--border);grid-area:metrics;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:8px;display:grid}.node.compact .node-metrics{grid-template-columns:repeat(2,1fr)}.node-metrics>div{flex-direction:column;gap:1px;display:flex}.node-metrics span{text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);font-size:10px;font-weight:500}.node-metrics strong{font-family:var(--font-mono), ui-monospace, monospace;color:var(--text);font-size:12.5px;font-weight:500}.node-metrics strong.pos{color:var(--pos)}.node-metrics strong.neg{color:var(--neg)}.mode-canvas .node{background:var(--surface);flex-direction:column;grid-template-areas:none;align-items:stretch;width:180px;padding:0;display:flex}.mode-canvas .node-thumb{aspect-ratio:1;background:var(--surface-2);border-bottom:1px solid var(--border);border-radius:0;justify-content:center;align-items:center;width:100%;height:auto;padding:14px;display:flex}.mode-canvas .node-thumb>svg{width:100%;height:100%;display:block}.mode-canvas .node[data-category=page] .page-mockup{--page-thumb-fill:var(--node-accent);color:#fff}.mode-canvas .node[data-category=page] .page-frame-fill{stroke:var(--node-accent)}.mode-canvas .node.selected .node-thumb{background:var(--accent-soft);border-bottom-color:var(--accent)}.mode-canvas .node-text{text-align:center;align-self:stretch;padding:10px 14px 14px}.mode-canvas .node-title{white-space:normal;font-size:13px;line-height:1.3}.mode-canvas .node-metrics{display:none}.node[data-category=comm]{--shape-size:76px}.node[data-category=action]{--shape-size:60px}.node[data-category=annotation],.node[data-category=shape]{--shape-size:58px}.mode-canvas .node.is-shaped{width:calc(var(--shape-size,64px) * var(--node-scale,1));box-shadow:none;background:0 0;border:none;display:block;position:relative;overflow:visible}.mode-canvas .node.is-shaped .node-thumb{width:calc(var(--shape-size,64px) * var(--node-scale,1));height:calc(var(--shape-size,64px) * var(--node-scale,1));aspect-ratio:1;background:0 0;border:none;border-radius:0;padding:0;position:relative}.shape-bg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.shape-bg>g{fill:currentColor;fill-opacity:.15;stroke:currentColor;stroke-width:1.6px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.shape-icon{z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.shape-icon svg{width:56%;height:56%}.node[data-shape=pentagon] .shape-icon svg{width:52%;height:52%}.node[data-shape=diamond] .shape-icon svg{width:50%;height:50%}.node[data-shape=triangle] .shape-icon svg{width:46%;height:46%;transform:translateY(12%)}.node[data-shape=star] .shape-icon svg{width:42%;height:42%}.mode-canvas .node.is-shaped.selected .shape-bg>g{stroke-width:2.6px!important}.mode-canvas .node.is-shaped.selected .node-thumb{filter:drop-shadow(0 0 2.5px var(--node-accent,var(--accent)))}.mode-analytics .shape-bg{display:none}.mode-analytics .node.is-shaped .shape-icon svg{width:66%;height:66%;transform:none}.mode-canvas .node.is-shaped .node-text{top:calc(var(--shape-size,64px) * var(--node-scale,1) + 4px);text-align:center;width:110px;padding:0;position:absolute;left:50%;transform:translate(-50%)}.mode-canvas .node.is-shaped .node-title{white-space:normal;text-align:center;word-break:break-word;font-size:11px;line-height:1.2}.mode-canvas .node.is-shaped .node-kicker{display:none}.mode-canvas .node[data-category=shape],.mode-canvas .node[data-category=shape] .node-thumb{width:100%;height:100%}.mode-canvas .node[data-category=shape] .node-text{top:calc(100% + 4px)}.custom-shape-resize-line{display:none!important}.custom-shape-resize-handle{box-shadow:0 0 0 1px var(--accent);z-index:20;background:var(--accent)!important;border:2px solid #fff!important;border-radius:2px!important;width:9px!important;height:9px!important}.read-only .custom-shape-resize-handle{display:none!important}.mode-canvas .node[data-category=page]{width:calc(180px * var(--node-scale,1))}.mode-canvas .node[data-category=page] .node-thumb{padding:10px}.mode-canvas .node[data-category=page] .node-text{padding:8px 12px 11px}.mode-canvas .node[data-category=page] .node-kicker{display:none}.mode-canvas .node[data-category=page] .node-title{margin-top:0}.mode-canvas .node[data-category=source]{width:calc(80px * var(--node-scale,1));box-shadow:none;background:0 0;border:none;display:block;position:relative;overflow:visible}.mode-canvas .node[data-category=source] .node-thumb{width:calc(80px * var(--node-scale,1));height:calc(80px * var(--node-scale,1));aspect-ratio:1;background:0 0;border:none;border-radius:50%;padding:0}.mode-canvas .node[data-category=source].selected .node-thumb{box-shadow:0 0 0 3px var(--accent-soft)}.mode-canvas .node[data-category=source] .node-text{top:calc(80px * var(--node-scale,1) + 4px);text-align:center;width:120px;padding:0;position:absolute;left:50%;transform:translate(-50%)}.mode-canvas .node[data-category=source] .node-title{white-space:normal;text-align:center;word-break:break-word;font-size:11.5px;line-height:1.25}.mode-canvas .node.is-shaped .node-title,.mode-canvas .node[data-category=source] .node-title{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#fafafa;border-radius:3px;padding:2px 4px;display:inline}.mode-canvas .node[data-category=source] .node-kicker{display:none}.tray{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);z-index:10;border-radius:12px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.tray-btn{width:34px;height:34px;color:var(--text-2);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .12s,color .12s;display:inline-flex;position:relative}.tray-btn:hover{background:var(--surface-2);color:var(--text)}.tray-btn:after{content:attr(data-tip);background:var(--text);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;border-radius:5px;padding:4px 8px;font-size:11.5px;font-weight:500;transition:opacity .12s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.tray-btn:hover:after{opacity:1}.tray-sep{background:var(--border);height:1px;margin:4px 6px}.zoom-pill{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);z-index:10;border-radius:9px;align-items:center;gap:2px;padding:4px;transition:transform .22s cubic-bezier(.32,.72,0,1);display:inline-flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.inspector.open~.zoom-pill{transform:translate(calc(-50% - 170px))}body:has(.inspector.open) .zoom-pill{transform:translate(calc(-50% - 170px))}.zoom-pill button{width:26px;height:26px;color:var(--text-2);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:14px;transition:background .12s;display:inline-flex}.zoom-pill button:hover{background:var(--surface-2);color:var(--text)}.zoom-pill .zoom-value{color:var(--text-2);font-variant-numeric:tabular-nums;padding:0 6px;font-size:12px}.zoom-pill .zoom-sep{background:var(--border);width:1px;height:16px;margin:0 2px}.zoom-pill .fit{width:auto;padding:0 10px;font-size:12px;font-weight:500}.inspector{background:var(--surface);border-left:1px solid var(--border);width:340px;box-shadow:var(--shadow-lg);z-index:20;padding:20px 22px;transition:transform .22s cubic-bezier(.32,.72,0,1);position:absolute;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.inspector.open{transform:translate(0)}.ins-head{justify-content:space-between;align-items:center;display:flex}.ins-chip{background:var(--accent-soft);color:var(--accent);text-transform:uppercase;letter-spacing:.05em;border-radius:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-block}.ins-title{margin:12px 0 2px;font-size:18px;font-weight:600;line-height:1.25}.ins-sub{color:var(--text-3);margin-bottom:18px;font-size:12px}.ins-section{border-top:1px solid var(--border);margin-top:22px;padding-top:18px}.ins-section:first-of-type{border-top:none;margin-top:0;padding-top:0}.ins-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:12px;font-size:11px;font-weight:600}.field{justify-content:space-between;align-items:center;gap:12px;padding:7px 0;display:flex}.field span{color:var(--text-2);font-size:13px}.field input{text-align:right;width:110px;font-family:var(--font-mono), ui-monospace, monospace;color:var(--text);background:0 0;border:1px solid #0000;border-radius:6px;padding:5px 8px;font-size:12.5px;transition:background .12s,border-color .12s}.field input:hover{background:var(--surface-2)}.field input:focus{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.lever{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:14px}.lever-row{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.lever-row span{color:var(--text-2);font-size:12px}.lever-row strong{font-family:var(--font-mono), ui-monospace, monospace;color:var(--accent);font-size:16px;font-weight:500}input[type=range]{appearance:none;background:var(--border-strong);border-radius:2px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--surface);border:1.5px solid var(--accent);cursor:pointer;width:16px;height:16px;box-shadow:var(--shadow-sm);border-radius:50%}input[type=range]::-moz-range-thumb{background:var(--surface);border:1.5px solid var(--accent);cursor:pointer;border-radius:50%;width:16px;height:16px}.lever-ticks{color:var(--text-3);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:6px;font-size:10px;display:flex}.impact-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.impact-row>div{flex-direction:column;gap:2px;display:flex}.impact-row span{text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);font-size:10.5px;font-weight:500}.impact-row strong{font-family:var(--font-mono), ui-monospace, monospace;font-size:14px;font-weight:500}.impact-row strong.pos{color:var(--pos)}textarea{border:1px solid var(--border);background:var(--surface-2);resize:vertical;width:100%;min-height:70px;color:var(--text);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .12s,background .12s}textarea:focus{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.login-wrap{background:var(--bg);background-image:radial-gradient(circle,#e3e6ee 1px,#0000 1px);background-size:24px 24px;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:360px;box-shadow:var(--shadow-lg);border-radius:14px;flex-direction:column;gap:14px;padding:28px;display:flex}.login-brand{align-items:center;gap:10px;margin-bottom:6px;display:flex}.login-title{font-size:14px;font-weight:600}.login-h1{margin:0 0 6px;font-size:20px;font-weight:600}.login-field{flex-direction:column;gap:6px;display:flex}.login-field span{color:var(--text-2);font-size:12px;font-weight:500}.login-field input{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:9px 11px;font-size:13.5px;transition:border-color .12s,box-shadow .12s}.login-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.login-err{color:var(--neg);background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:8px 11px;font-size:12.5px}.login-submit{margin-top:4px;margin-left:0;padding:10px 14px}.login-submit:disabled{opacity:.6;cursor:not-allowed}.boot-state{height:100vh;color:var(--text-2);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.title-input{color:var(--text);background:0 0;border:1px solid #0000;border-radius:5px;min-width:140px;max-width:280px;padding:4px 6px;font-size:13px;font-weight:600;transition:background .12s,border-color .12s}.title-input:hover{background:var(--surface-2)}.title-input:focus{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.save-badge{color:var(--text-3);background:var(--surface-2);border-radius:5px;margin-left:10px;padding:3px 8px;font-size:11.5px;font-weight:500}.save-saving{color:var(--text-2)}.save-saved{color:var(--pos);background:#ecfdf5}.save-error{color:var(--neg);background:#fef2f2}.title-readonly{color:var(--text);padding:4px 6px;font-size:13px;font-weight:600}.readonly-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);border-radius:5px;margin-left:10px;padding:3px 8px;font-size:11px;font-weight:600}.brand-link{border-radius:4px;align-items:center;text-decoration:none;transition:opacity .12s;display:inline-flex}.brand-link:hover{opacity:.75}.icon-btn.shared{color:var(--accent)}.icon-btn.shared:after{content:"";background:var(--pos);border:1.5px solid var(--surface);border-radius:50%;width:6px;height:6px;position:absolute;top:3px;right:3px}.icon-btn.shared{position:relative}.share-footer{color:var(--text-3);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);z-index:15;border-radius:7px;padding:5px 10px;font-size:11.5px;text-decoration:none;position:absolute;bottom:14px;right:14px}.share-footer strong{color:var(--text);font-weight:600}.share-footer:hover{color:var(--text-2)}.modal-backdrop{z-index:100;background:#0f172a59;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);width:100%;max-width:460px;box-shadow:var(--shadow-lg);border-radius:14px;flex-direction:column;display:flex}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.modal-head h2{color:var(--text);margin:0;font-size:14.5px;font-weight:600}.modal-body{flex-direction:column;gap:14px;padding:18px;display:flex}.modal-text{color:var(--text-2);margin:0;font-size:13px;line-height:1.5}.modal-cta{align-self:flex-start}.share-url-row{gap:8px;display:flex}.share-url-input{border:1px solid var(--border);background:var(--surface-2);font-family:var(--font-mono), ui-monospace, monospace;color:var(--text);border-radius:7px;flex:1;padding:8px 11px;font-size:12px}.share-url-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.share-toggle{background:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:9px;align-items:flex-start;gap:10px;padding:12px;display:flex}.share-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex-shrink:0;margin-top:1px}.share-toggle span{flex-direction:column;gap:2px;display:flex}.share-toggle strong{color:var(--text);font-size:13px;font-weight:600}.share-toggle small{color:var(--text-3);font-size:11.5px;line-height:1.4}.modal-actions{justify-content:flex-end;margin-top:4px;display:flex}.btn-danger{color:var(--neg);background:0 0;border:1px solid #fecaca;border-radius:7px;padding:7px 12px;font-size:12.5px;font-weight:500;transition:background .12s}.btn-danger:hover{background:#fef2f2}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-danger.small{padding:5px 9px;font-size:11.5px}.share-divider{background:var(--border);height:1px;margin:16px 0 14px}.share-team-h{color:var(--text);letter-spacing:.01em;margin:0 0 6px;font-size:13px;font-weight:600}.share-team-empty{color:var(--text-3);padding:10px 0;font-size:12px}.share-team-list{flex-direction:column;gap:6px;margin:8px 0 12px;padding:0;list-style:none;display:flex}.share-team-row{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.share-team-id{flex:1;min-width:0}.share-team-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.share-team-email{color:var(--text-3);font-size:11.5px}.share-team-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--text-2);background:var(--bg-2);border:1px solid var(--border);border-radius:4px;padding:3px 7px;font-size:10.5px;font-weight:600}.share-team-add{gap:8px;margin-top:4px;display:flex}.share-team-select{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:7px;flex:1;padding:7px 8px;font-size:13px}.dashboard{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.dashboard-head{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex}.dashboard-brand{align-items:center;gap:10px;display:flex}.dashboard-brand-name{color:var(--text);font-size:14px;font-weight:600}.dashboard-actions{align-items:center;gap:8px;display:flex}.dashboard-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:32px 24px 48px}.dashboard-empty{color:var(--text-2);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 24px;font-size:14px;display:flex}.users-bar{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.users-title{margin:0;font-size:22px;font-weight:600}.user-form{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;gap:12px;margin-bottom:22px;padding:18px;display:flex}.user-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.user-form label{color:var(--text-2);flex-direction:column;gap:5px;font-size:12px;font-weight:500;display:flex}.user-form label small{color:var(--text-3);font-weight:400}.user-form input,.user-form select{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:8px 10px;font-size:13.5px}.user-form input:focus,.user-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.user-form-actions{justify-content:flex-end;display:flex}.users-table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);width:100%;box-shadow:var(--shadow-sm);border-radius:12px;font-size:13px;overflow:hidden}.users-table th,.users-table td{text-align:left;border-bottom:1px solid var(--border);padding:11px 14px}.users-table tbody tr:last-child td{border-bottom:none}.users-table th{background:var(--surface-2);color:var(--text-2);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:500}.users-email{font-weight:500}.users-self-tag{background:var(--accent-soft);color:var(--accent);text-transform:uppercase;letter-spacing:.05em;border-radius:5px;margin-left:6px;padding:2px 6px;font-size:10px;font-weight:600}.users-meta{color:var(--text-3)}.users-table td.mono{font-family:var(--font-mono), ui-monospace, monospace;font-variant-numeric:tabular-nums}.role-select{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;padding:4px 8px;font-size:12px}.users-actions{text-align:right;white-space:nowrap}.link-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;margin-left:6px;padding:2px 6px;font-size:12.5px}.link-btn:hover{text-decoration:underline}.link-btn:disabled{color:var(--text-3);cursor:not-allowed;text-decoration:none}.link-danger{color:var(--neg)}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.funnel-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;transition:border-color .12s,box-shadow .12s,transform 60ms;display:flex;position:relative}.funnel-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.funnel-card-body{color:var(--text);flex-direction:column;flex:1;gap:6px;min-width:0;padding:16px 18px;text-decoration:none;display:flex}.funnel-card-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:600;overflow:hidden}.funnel-card-meta{color:var(--text-3);flex-wrap:wrap;gap:5px;font-size:11.5px;display:flex}.funnel-card-meta .dot{opacity:.5}.funnel-card-shared{color:var(--accent);align-items:center;gap:4px;margin-top:4px;font-size:11px;font-weight:500;display:inline-flex}.funnel-card-owner{color:var(--text-2);background:var(--bg-2);border:1px solid var(--border);border-radius:4px;align-items:center;gap:4px;width:fit-content;margin-top:6px;padding:3px 7px;font-size:10.5px;font-weight:500;display:inline-flex}.funnel-card-menu{position:absolute;top:10px;right:10px}.funnel-card-menu-btn{width:26px;height:26px;color:var(--text-3);opacity:0;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:opacity .12s,background .12s,color .12s;display:inline-flex}.funnel-card:hover .funnel-card-menu-btn,.funnel-card-menu.open .funnel-card-menu-btn{opacity:1}.funnel-card-menu-btn:hover{background:var(--surface-2);color:var(--text-2)}.funnel-card-menu-btn:disabled{opacity:.3;cursor:not-allowed}.funnel-card-dropdown{background:var(--surface);border:1px solid var(--border);min-width:140px;box-shadow:var(--shadow-lg);z-index:50;border-radius:9px;flex-direction:column;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.funnel-card-dropdown button{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;transition:background .1s;display:flex}.funnel-card-dropdown button:hover{background:var(--surface-2)}.funnel-card-dropdown button.danger{color:var(--neg)}.funnel-card-dropdown button.danger:hover{background:#fef2f2}.seg{align-items:center;gap:6px;display:inline-flex}.seg svg{color:currentColor;opacity:.85}.totals-pill{background:var(--surface-2);border:1px solid var(--border);border-radius:7px;align-items:center;gap:8px;margin-right:6px;padding:4px 10px;font-size:12px;display:inline-flex}.totals-pill span{color:var(--text-3)}.totals-pill strong{font-family:var(--font-mono), ui-monospace, monospace;color:var(--text);font-size:12.5px;font-weight:500}.totals-pill strong.pos{color:var(--pos)}.totals-pill .sep{background:var(--border);width:1px;height:14px;margin:0 2px}.field-readonly{font-style:italic;color:var(--text-3)!important}.field-note{color:var(--text-3);margin-top:6px;font-size:11.5px;font-style:italic}.mono{font-family:var(--font-mono), ui-monospace, monospace;font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:500}.mono.pos{color:var(--pos)}.mono.neg{color:var(--neg)}.field>strong{text-align:right;color:var(--text);flex-shrink:0;font-size:13px}.mode-analytics .react-flow__node-funnel{cursor:pointer}.mode-analytics .rf-handle.react-flow__handle{opacity:.4;pointer-events:none}.mode-analytics .node{gap:7px 8px;width:168px;padding:8px 10px 9px}.mode-analytics .node-thumb{border-radius:6px;width:24px;height:24px}.mode-analytics .node-kicker{font-size:9.5px}.mode-analytics .node-title{font-size:12px}.mode-analytics .node-metrics{gap:6px;padding-top:6px}.mode-analytics .node-metrics span{font-size:9px}.mode-analytics .node-metrics strong{font-size:11px}.align-line{pointer-events:none;z-index:9;background:#ec4899}.align-space{pointer-events:none;opacity:.9;z-index:9;background:#ec4899}.align-badge{color:#fff;white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums;background:#ec4899;border-radius:4px;padding:3px 5px;font-size:11px;font-weight:600;line-height:1;box-shadow:0 1px 2px #00000026}.swatch-row{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.swatch{cursor:pointer;border:1px solid #0f172a1f;border-radius:50%;width:22px;height:22px;padding:0;transition:transform 80ms;position:relative}.swatch:hover{transform:scale(1.12)}.swatch.active{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--text)}.swatch-custom{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.swatch-custom input[type=color]{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0}.size-seg{padding:2px}.size-seg .seg{padding:4px 10px;font-size:12px}.shape-row{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.shape-btn{border:1px solid var(--border);background:var(--surface);width:30px;height:30px;color:var(--text-2);border-radius:7px;justify-content:center;align-items:center;transition:border-color .12s,color .12s,background .12s;display:inline-flex}.shape-btn:hover{color:var(--text);border-color:var(--border-strong)}.shape-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.export-wrap{display:inline-flex;position:relative}.export-menu{background:var(--surface);border:1px solid var(--border);min-width:150px;box-shadow:var(--shadow-lg);z-index:40;border-radius:9px;flex-direction:column;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.export-menu button{text-align:left;color:var(--text);background:0 0;border:none;border-radius:6px;padding:8px 10px;font-size:13px;transition:background .12s}.export-menu button:hover{background:var(--surface-2)}.tray-btn.active{background:var(--accent-soft);color:var(--accent)}.tray-pop{background:var(--surface);border:1px solid var(--border);width:440px;max-height:calc(100vh - 84px);box-shadow:var(--shadow-lg);z-index:30;opacity:0;pointer-events:none;border-radius:14px;flex-direction:column;transition:opacity .15s,transform .18s cubic-bezier(.32,.72,0,1);display:flex;position:absolute;top:16px;left:70px;transform:translate(-8px)}.tray-pop.open{opacity:1;pointer-events:auto;transform:translate(0)}.tray-pop-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.tray-pop-head h3{color:var(--text);margin:0;font-size:13.5px;font-weight:600}.tray-pop-body{flex-direction:column;gap:18px;padding:14px 16px 18px;display:flex;overflow-y:auto}.tray-pop-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:10px;font-size:10.5px;font-weight:600}.tray-pop-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.tile{border:1px solid var(--border);background:var(--surface);color:var(--text-2);text-align:center;cursor:pointer;border-radius:9px;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 8px;transition:border-color .12s,background .12s,color .12s,transform 60ms;display:flex}.tile:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.tile:active{transform:translateY(.5px)}.tile-thumb{background:var(--surface-2);width:38px;height:38px;color:inherit;border-radius:8px;justify-content:center;align-items:center;transition:background .12s;display:flex}.tile:hover .tile-thumb{background:var(--surface)}.tile-label{color:var(--text);text-align:center;align-items:center;min-height:26px;font-size:11px;font-weight:500;line-height:1.25;display:flex}.tile:hover .tile-label{color:var(--accent)}.tile[data-category=source] .tile-thumb{color:#b45309}.tile[data-category=page] .tile-thumb{color:var(--accent)}.tile[data-category=comm] .tile-thumb{color:#0d9488}.tile[data-category=action] .tile-thumb{color:#7c3aed}.tile[data-category=annotation] .tile-thumb,.tile[data-category=shape] .tile-thumb{color:var(--text-3)}.tile[data-category=page] .tile-thumb{border:1px solid var(--border);--page-thumb-fill:var(--accent);color:#fff;width:72px;height:72px;padding:4px}.tile[data-category=page] .tile-thumb>svg{width:100%;height:100%}.tile[data-category=source] .tile-thumb,.tile[data-category=comm] .tile-thumb{border-radius:50%}.tile[data-category=source] .tile-thumb{background:0 0;padding:0;overflow:hidden}.tile[data-category=source] .tile-thumb>svg{width:100%;height:100%}.tile:hover[data-category=source] .tile-thumb{background:0 0}.tile[data-category=action] .tile-thumb{background:0 0;position:relative}.tile[data-category=action] .tile-thumb:before{content:"";background:var(--surface-2);border:1px solid var(--border);border-radius:4px;width:28px;height:28px;position:absolute;top:5px;left:5px;transform:rotate(45deg)}.tile[data-category=action] .tile-thumb>svg{z-index:1;width:18px;height:18px;position:relative}.tile:hover .tile-thumb{color:var(--accent)!important}.tile-custom .tile-thumb{background:0 0;color:var(--text-3)!important}.tile-custom-input{align-items:center;gap:6px;display:flex}.tile-custom-input input{border:1px solid var(--border);background:var(--surface);border-radius:7px;flex:1;padding:7px 10px;font-size:13px}.tile-custom-input input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.tile-custom-input .primary-btn{margin-left:0;padding:7px 12px;font-size:12px}.ins-chip[data-category=source]{color:#b45309;background:#fef3c7}.ins-chip[data-category=page]{background:var(--accent-soft);color:var(--accent)}.ins-chip[data-category=comm]{color:#0d9488;background:#ccfbf1}.ins-chip[data-category=action]{color:#7c3aed;background:#ede9fe}.ins-chip[data-category=annotation],.ins-chip[data-category=shape]{background:var(--surface-2);color:var(--text-2)}.node[data-category=annotation] .shape-bg>g{stroke-dasharray:5 3}.react-flow__edge .react-flow__edge-interaction{stroke-width:18px}.react-flow__edge:hover .react-flow__edge-path{filter:drop-shadow(0 1px 2px #0f172a2e);stroke-width:2.7px!important}.edge-branch-label{color:#fff;width:19px;height:19px;font-family:var(--font-inter);z-index:10;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:9px;font-weight:700;line-height:1;display:inline-flex;box-shadow:0 1px 4px #0f172a38}.edge-branch-label.yes{background:#159866}.edge-branch-label.no{background:#d65353}.edge-branch-label.retargeting{background:#c7811d}.edge-popover{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);z-index:50;border-radius:9px;align-items:center;gap:1px;padding:3px;font-size:12px;display:inline-flex}.edge-popover-group{gap:1px;display:inline-flex}.edge-popover button{width:26px;height:26px;color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;transition:background .1s,color .1s;display:inline-flex}.edge-popover button:hover{background:var(--surface-2);color:var(--text)}.edge-popover button.active{background:var(--accent-soft);color:var(--accent)}.edge-popover .edge-kind-button{font-size:10px;font-weight:700}.edge-popover .edge-kind-button.yes.active{color:#117c55;background:#e7f7f0}.edge-popover .edge-kind-button.no.active{color:#bd3f3f;background:#fff0f0}.edge-popover .edge-kind-button.retargeting.active{color:#9b6215;background:#fff5e5}.edge-popover-sep{background:var(--border);flex-shrink:0;width:1px;height:16px;margin:0 3px}.edge-popover-delete{color:var(--neg)!important}.edge-popover-delete:hover{color:var(--neg)!important;background:#fef2f2!important}