:root{--color-canvas: #f5f5f5;--color-toolbar: #1a1a1a;--color-panel: #2a2a2a;--color-panel-border: #3a3a3a;--color-surface: #ffffff;--color-accent: #4262ff;--color-accent-hover: #3451e0;--color-accent-subtle: rgba(66, 98, 255, .12);--color-accent-light: #e8ecff;--color-text-primary: #333333;--color-text-secondary: #666666;--color-text-on-dark: #ffffff;--color-text-muted-dark: #a0a0a0;--color-border: #e0e0e0;--color-border-dark: #3a3a3a;--color-shape-border: #d0d0d0;--color-success: #2da44e;--color-danger: #d93025;--color-warning: #e08a00;--shadow-node: 0 2px 8px rgba(0,0,0,.12);--shadow-node-selected: 0 0 0 2px #4262FF, 0 4px 16px rgba(66,98,255,.2);--shadow-panel: 0 4px 20px rgba(0,0,0,.3);--shadow-context-menu: 0 4px 20px rgba(0,0,0,.15);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--transition-fast: .1s ease;--transition-base: .15s ease;--font-family: "Noto Sans", -apple-system, sans-serif;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 16px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);overflow:hidden;background:var(--color-canvas);-webkit-font-smoothing:antialiased}.app-shell{display:flex;flex-direction:column;width:100vw;height:100vh;overflow:hidden}.app-body{display:flex;flex:1;overflow:hidden;position:relative}.toolbar{height:48px;background:var(--color-toolbar);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-3);z-index:100;flex-shrink:0}.toolbar-left,.toolbar-center,.toolbar-right{display:flex;align-items:center;gap:var(--space-2)}.toolbar-logo{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-on-dark);font-size:var(--font-size-base);font-weight:700;letter-spacing:1px;-webkit-user-select:none;user-select:none;margin-right:44px}.toolbar-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-muted-dark);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-base),color var(--transition-base);flex-shrink:0}.toolbar-btn:hover{background:var(--color-panel);color:var(--color-text-on-dark)}.toolbar-btn.active{background:var(--color-accent);color:var(--color-text-on-dark)}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-btn.danger:hover{background:var(--color-danger);color:var(--color-text-on-dark)}.toolbar-divider{width:1px;height:24px;background:var(--color-panel-border);margin:0 var(--space-1)}.zoom-controls{display:flex;align-items:center;gap:var(--space-1)}.zoom-display{color:var(--color-text-muted-dark);font-size:var(--font-size-sm);min-width:44px;text-align:center;-webkit-user-select:none;user-select:none}.zoom-reset-btn{background:none;border:none;color:var(--color-text-muted-dark);font-size:var(--font-size-xs);cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);transition:color var(--transition-base)}.zoom-reset-btn:hover{color:var(--color-text-on-dark)}.save-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-context-menu);padding:var(--space-1) 0;z-index:1000;min-width:220px}.save-dropdown-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-primary);border:none;background:none;width:100%;text-align:left;font-family:var(--font-family);transition:background var(--transition-fast)}.save-dropdown-item:hover{background:var(--color-accent-light)}.save-dropdown-item.disabled{opacity:.4;cursor:not-allowed}.save-dropdown-item.disabled:hover{background:none}.save-dropdown-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.sidebar{width:52px;background:var(--color-toolbar);display:flex;flex-direction:column;align-items:center;padding:var(--space-2) 0;gap:var(--space-1);z-index:90;flex-shrink:0}.sidebar-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-muted-dark);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-base),color var(--transition-base);position:relative}.sidebar-btn:hover{background:var(--color-panel);color:var(--color-text-on-dark)}.sidebar-btn.active{color:var(--color-text-on-dark);border-left:3px solid var(--color-accent);padding-left:0}.canvas-container{flex:1;overflow:hidden;position:relative;background:var(--color-canvas);cursor:default}.canvas-container.hand-tool{cursor:grab}.canvas-container.hand-tool.panning{cursor:grabbing}.canvas-container.pen-tool{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z'/%3E%3C/svg%3E") 2 22,crosshair}.canvas-container.highlighter-tool{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23e67700' fill-opacity='0.3' stroke='%23e67700' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 11-6 6v3h9l3-3'/%3E%3Cpath d='m22 12-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4'/%3E%3C/svg%3E") 2 22,crosshair}.canvas-container.eraser-tool{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d93025' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 21-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21'/%3E%3Cpath d='M22 21H7'/%3E%3Cpath d='m5 11 9 9'/%3E%3C/svg%3E") 2 22,crosshair}.canvas-container.connector-tool,.canvas-container.shape-tool{cursor:crosshair}.canvas-container.text-tool{cursor:text}.canvas-world{position:absolute;width:10000px;height:10000px;top:-5000px;left:-5000px;transform-origin:5000px 5000px}.dot-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,#c8c8c8 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.connectors-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;fill:none;pointer-events:none}.selection-rubber-band{position:absolute;border:1px dashed var(--color-accent);background:var(--color-accent-subtle);pointer-events:none;z-index:999}.shape-wrapper{position:absolute;cursor:move;-webkit-user-select:none;user-select:none}.shape-wrapper.selected{z-index:10}.shape-body{width:100%;height:100%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-node);transition:box-shadow var(--transition-base);position:relative;overflow:hidden}.shape-wrapper.selected .shape-body{box-shadow:var(--shadow-node-selected)}.shape-text{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--space-2);outline:none;border:none;background:transparent;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);word-break:break-word;overflow-wrap:break-word}.shape-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.shape-text-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--space-3);outline:none;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);word-break:break-word;z-index:1}.resize-handle{position:absolute;width:5px;height:5px;background:var(--color-surface);border:1px solid var(--color-accent);border-radius:1px;z-index:20}.resize-handle.nw{top:-2.5px;left:-2.5px;cursor:nw-resize}.resize-handle.n{top:-2.5px;left:calc(50% - 2.5px);cursor:n-resize}.resize-handle.ne{top:-2.5px;right:-2.5px;cursor:ne-resize}.resize-handle.e{top:calc(50% - 2.5px);right:-2.5px;cursor:e-resize}.resize-handle.se{bottom:-2.5px;right:-2.5px;cursor:se-resize}.resize-handle.s{bottom:-2.5px;left:calc(50% - 2.5px);cursor:s-resize}.resize-handle.sw{bottom:-2.5px;left:-2.5px;cursor:sw-resize}.resize-handle.w{top:calc(50% - 2.5px);left:-2.5px;cursor:w-resize}.rotation-handle{position:absolute;top:-30px;left:calc(50% - 6px);width:12px;height:12px;background:var(--color-surface);border:2px solid var(--color-accent);border-radius:50%;cursor:grab;z-index:20}.rotation-line{position:absolute;top:-18px;left:50%;width:1px;height:18px;background:var(--color-accent);z-index:19}.blue-dot{position:absolute;width:14px;height:14px;background:var(--color-accent);border:none;border-radius:50%;z-index:15;cursor:pointer;transition:transform var(--transition-fast);display:flex;align-items:center;justify-content:center;overflow:hidden}.blue-dot:hover{transform:scale(1.3)}.blue-dot.top{top:-7px;left:calc(50% - 7px)}.blue-dot.right{top:calc(50% - 7px);right:-7px}.blue-dot.bottom{bottom:-7px;left:calc(50% - 7px)}.blue-dot.left{top:calc(50% - 7px);left:-7px}.blue-dot.process{width:15px;height:15px;background:#fff;border:1.5px solid var(--color-accent);color:var(--color-accent);overflow:visible}.blue-dot.process.top{top:-15px;left:calc(50% - 7.5px)}.blue-dot.process.right{right:-15px;top:calc(50% - 7.5px)}.blue-dot.process.bottom{bottom:-15px;left:calc(50% - 7.5px)}.blue-dot.process.left{left:-15px;top:calc(50% - 7.5px)}.blue-dot-arrow,.blue-dot-plus{position:absolute;top:0;right:0;bottom:0;left:0;color:inherit;pointer-events:none;display:flex;align-items:center;justify-content:center}.blue-dot:not(.process) .blue-dot-arrow,.blue-dot:not(.process) .blue-dot-plus{color:#fff}.blue-dot-arrow{opacity:0}.blue-dot-plus{opacity:1}.blue-dot.process:hover{transform:none;border-color:var(--color-accent);color:var(--color-accent)}.blue-dot.process:hover .blue-dot-arrow{opacity:1}.blue-dot.process:hover .blue-dot-plus{opacity:0}.process-collapse-btn{position:absolute;width:15px;height:15px;border-radius:50%;background:#fff;border:1.5px solid var(--color-accent);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:14;padding:0;color:var(--color-accent);transition:all .15s ease}.process-collapse-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.process-collapse-btn.top{top:-35px;left:calc(50% - 7.5px)}.process-collapse-btn.right{right:-35px;top:calc(50% - 7.5px)}.process-collapse-btn.bottom{bottom:-35px;left:calc(50% - 7.5px)}.process-collapse-btn.left{left:-35px;top:calc(50% - 7.5px)}.process-collapse-badge{position:absolute;min-width:26px;height:22px;padding:0 6px;border-radius:11px;background:var(--color-accent);color:#fff;font-size:12px;font-weight:700;border:1.5px solid white;box-shadow:0 2px 6px #4262ff4d;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:14}.process-collapse-badge:hover{transform:scale(1.08)}.process-collapse-badge.top{top:-52px;left:calc(50% - 13px)}.process-collapse-badge.right{right:-52px;top:calc(50% - 11px)}.process-collapse-badge.bottom{bottom:-52px;left:calc(50% - 13px)}.process-collapse-badge.left{left:-52px;top:calc(50% - 11px)}.mindmap-node{position:absolute;min-width:120px;max-width:320px;background:var(--color-surface);border:2px solid var(--color-shape-border);border-radius:var(--radius-lg);padding:14px 18px 16px;cursor:move;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-node);transition:box-shadow var(--transition-base)}.node-hover-extend{position:absolute;top:-40px;left:-44px;right:-52px;bottom:-40px;pointer-events:auto;z-index:-1}.mindmap-node.selected{box-shadow:var(--shadow-node-selected);z-index:10}.mindmap-node.root{border-color:var(--color-accent)}.mindmap-node.pill{border-radius:var(--radius-full)}.mindmap-node.circle-shape{border-radius:50%;min-width:80px;min-height:80px;display:flex;align-items:center;justify-content:center}.node-header{display:flex;align-items:center;gap:var(--space-2)}.node-icon{flex-shrink:0;color:var(--color-text-secondary)}.node-title{font-weight:500;font-size:var(--font-size-base);color:var(--color-text-primary);outline:none;border:none;background:transparent;width:100%;font-family:var(--font-family)}.mindmap-node.root .node-title{font-size:var(--font-size-md);font-weight:700}.node-assignee{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.node-assignee-pill{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:3px 10px;border:2px solid #ccc;border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.assignee-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.node-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.node-tag{font-size:var(--font-size-xs);padding:3px 10px;border-radius:var(--radius-full);color:var(--color-text-on-dark);font-weight:500;display:inline-flex;align-items:center;gap:4px}.node-link-icon{margin-top:var(--space-1);color:var(--color-accent);cursor:pointer}.node-plus-btn{position:absolute;width:24px;height:24px;background:#e0e0e0;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;font-weight:600;color:#666;z-index:15;transition:background .15s,transform .15s;padding:0;line-height:1}.node-plus-btn:hover{background:var(--color-accent);color:#fff;transform:scale(1.15)}.node-plus-btn.top{top:-14px;left:calc(50% - 12px);transform:translateY(-100%)}.node-plus-btn.right{top:calc(50% - 12px);right:-62px}.node-plus-btn.bottom{bottom:-14px;left:calc(50% - 12px);transform:translateY(100%)}.node-plus-btn.left{top:calc(50% - 12px);left:-62px}.node-plus-btn.top:hover{transform:translateY(-100%) scale(1.15)}.node-plus-btn.right:hover{transform:scale(1.15)}.node-plus-btn.bottom:hover{transform:translateY(100%) scale(1.15)}.node-plus-btn.left:hover{transform:scale(1.15)}.node-collapse-btn{position:absolute;top:50%;transform:translateY(-50%);width:22px;height:22px;background:var(--color-surface);border:1.5px solid var(--color-shape-border);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:10px;color:var(--color-text-secondary);z-index:20}.node-collapse-btn.right-side{right:-30px}.node-collapse-btn.left-side{left:-30px}.node-collapse-btn:hover{background:#f0f0f0;border-color:#999}.collapse-badge{position:absolute;top:50%;transform:translateY(-50%);min-width:24px;height:24px;background:var(--color-accent);border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px;font-weight:700;color:#fff;z-index:20;padding:0 6px;transition:background .15s,transform .15s}.collapse-badge.right-side{right:-32px}.collapse-badge.left-side{left:-32px}.collapse-badge:hover{background:var(--color-accent-hover);transform:translateY(-50%) scale(1.1)}.auto-layout-toggle{display:inline-flex;align-items:center;width:28px;height:16px;background:#ccc;border-radius:8px;padding:2px;cursor:pointer;transition:background .2s;position:relative}.auto-layout-toggle.on{background:var(--color-accent)}.auto-layout-knob{width:12px;height:12px;background:#fff;border-radius:50%;transition:transform .2s}.auto-layout-toggle.on .auto-layout-knob{transform:translate(12px)}.ct-btn-active{background:var(--color-accent-light)}.connector-path{fill:none;cursor:pointer;pointer-events:stroke}.connector-path:hover{stroke-width:4}.connector-label{font-family:var(--font-family);font-size:var(--font-size-sm);fill:var(--color-text-primary);text-anchor:middle;dominant-baseline:middle;pointer-events:none}.freehand-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.freehand-canvas.active{pointer-events:all;cursor:crosshair}.text-object{position:absolute;min-width:60px;min-height:24px;padding:var(--space-2);outline:none;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);cursor:move;-webkit-user-select:none;user-select:none;border:1px solid transparent;border-radius:var(--radius-sm)}.text-object.selected{border-color:var(--color-accent)}.text-object.editing{cursor:text;-webkit-user-select:text;user-select:text;border-color:var(--color-accent)}.text-object.is-placeholder{font-style:italic}.boards-sidebar{width:240px;min-width:180px;flex-shrink:0;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:50}.boards-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--color-border)}.boards-sidebar-title{font-size:13px;font-weight:700;color:var(--color-text-primary);letter-spacing:.3px}.boards-new-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:12px;font-weight:500;cursor:pointer;transition:opacity .1s}.boards-new-btn:hover{opacity:.9}.boards-sidebar-body{flex:1;overflow-y:auto;padding:6px 0}.boards-section{padding:2px 0}.boards-section-header{width:100%;display:flex;align-items:center;gap:8px;padding:10px 12px 6px;background:transparent;border:none;font-size:13px;font-weight:700;color:var(--color-text-primary);cursor:pointer;text-align:left;text-transform:uppercase;letter-spacing:.5px}.boards-section-header:hover{color:var(--color-accent)}.boards-section-label{flex:1}.boards-section-count{font-size:11px;color:var(--color-text-secondary);background:var(--color-bg);padding:1px 6px;border-radius:10px;min-width:18px;text-align:center}.boards-section-list{display:flex;flex-direction:column}.boards-row{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 40px;cursor:pointer;font-size:13px;color:var(--color-text-primary);transition:background .1s}.boards-row:hover{background:var(--color-accent-light)}.boards-row.active{background:var(--color-accent-light);color:var(--color-accent);font-weight:600}.boards-row-icon{flex-shrink:0;opacity:.7}.boards-row-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.boards-row-menu{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);opacity:0;font-size:16px;padding:0}.boards-row:hover .boards-row-menu,.boards-row.active .boards-row-menu{opacity:1}.boards-row-menu:hover{background:#0000000f;color:var(--color-text-primary)}.boards-empty-hint{padding:4px 12px 8px 40px;font-size:11px;color:var(--color-text-secondary);font-style:italic}.boards-action-menu{position:fixed;top:60px;left:240px;z-index:9999;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 6px 24px #00000026;padding:4px;min-width:160px;display:flex;flex-direction:column;gap:1px}.boards-action-menu button{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:none;border-radius:var(--radius-sm);font-size:13px;color:var(--color-text-primary);cursor:pointer;text-align:left}.boards-action-menu button:hover{background:var(--color-accent-light)}.boards-action-menu button.danger{color:var(--color-danger)}.boards-action-menu button.danger:hover{background:#fce8e6}.boards-action-menu button:disabled{opacity:.4;cursor:not-allowed}.boards-action-submenu{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:4px 0;margin:2px 0}.boards-action-sub-label{display:block;padding:4px 12px;font-size:11px;color:var(--color-text-secondary);font-weight:600;text-transform:uppercase}.boards-new-dialog{background:#fff;border-radius:var(--radius-lg);box-shadow:0 10px 40px #0003;width:400px;max-width:92vw;overflow:hidden}.boards-new-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 10px}.boards-new-dialog-header h3{margin:0;font-size:16px;font-weight:600}.boards-new-dialog-body{padding:8px 20px 16px}.boards-new-dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding:8px 20px 18px}.export-dialog{background:#fff;border-radius:var(--radius-lg);box-shadow:0 10px 40px #0003;width:440px;max-width:92vw;overflow:hidden}.export-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 10px}.export-dialog-header h3{margin:0;font-size:18px;font-weight:600}.export-dialog-body{padding:8px 20px 12px;display:flex;flex-direction:column;gap:4px}.export-option{display:grid;grid-template-columns:20px 1fr 50px 1fr;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);cursor:pointer;transition:background .15s}.export-option:hover{background:var(--color-accent-light)}.export-option input[type=radio]{accent-color:var(--color-accent);width:18px;height:18px;margin:0}.export-option-label{font-size:14px;color:var(--color-text-primary);font-weight:500}.export-option-format{font-size:13px;color:var(--color-text-primary);font-weight:500}.export-option-dims{font-size:13px;color:var(--color-text-secondary)}.export-dialog-actions{display:flex;gap:10px;padding:12px 20px 20px}.text-resize-handle{position:absolute;width:10px;height:10px;background:#fff;border:1.5px solid var(--color-accent);border-radius:50%;z-index:20;box-shadow:0 1px 3px #0003}.text-resize-handle.nw{cursor:nwse-resize}.text-resize-handle.ne,.text-resize-handle.sw{cursor:nesw-resize}.text-resize-handle.se{cursor:nwse-resize}.context-menu{position:fixed;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-context-menu);z-index:1000;min-width:200px;padding:var(--space-1) 0;overflow:visible}.context-menu-wide{min-width:260px;max-height:80vh;overflow-y:auto}.context-submenu-inline{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:#f8f9fa;max-height:260px;overflow-y:auto}.context-submenu-inline .icon-picker{position:relative;box-shadow:none;width:100%;z-index:auto}.context-submenu-inline .context-menu-item{padding-left:var(--space-4);font-size:var(--font-size-xs)}.context-color-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.context-color-row label{font-size:12px;width:50px;color:var(--color-text-secondary)}.context-color-row input[type=color]{width:32px;height:24px;border:1px solid #ccc;border-radius:4px;padding:0;cursor:pointer;background:none}.context-color-row span{font-size:11px;color:#999}.context-menu-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);height:32px;cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-primary);transition:background var(--transition-fast);border:none;background:none;width:100%;text-align:left;font-family:var(--font-family)}.context-menu-item:hover{background:var(--color-accent-light)}.context-menu-item.danger{color:var(--color-danger)}.context-menu-item.danger:hover{background:#fce8e6}.context-menu-divider{height:1px;background:var(--color-border);margin:var(--space-1) 0}.panel-overlay{position:absolute;top:0;bottom:0;z-index:80;display:flex}.panel-left{left:52px}.panel-right{right:0}.panel{width:320px;background:var(--color-surface);box-shadow:var(--shadow-panel);display:flex;flex-direction:column;overflow:hidden;animation:panel-slide-in .2s ease}@keyframes panel-slide-in{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.panel-right .panel{animation-name:panel-slide-in-right}@keyframes panel-slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);flex-shrink:0}.panel-title{font-size:var(--font-size-md);font-weight:600;color:var(--color-text-primary)}.panel-close-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-base)}.panel-close-btn:hover{background:var(--color-border)}.panel-body{flex:1;overflow-y:auto;padding:var(--space-3)}.panel-tabs{display:flex;border-bottom:1px solid var(--color-border);flex-shrink:0}.panel-tab{flex:1;padding:var(--space-2) var(--space-3);border:none;background:none;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:color var(--transition-base),border-color var(--transition-base)}.panel-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.template-category{margin-bottom:var(--space-3)}.template-category-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:var(--space-2) 0;font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-primary);-webkit-user-select:none;user-select:none}.template-card{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-2);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-primary);transition:background var(--transition-base),border-color var(--transition-base);display:flex;align-items:center;justify-content:space-between}.template-card:hover{background:var(--color-accent-light);border-color:var(--color-accent)}.template-card .delete-btn{opacity:0;transition:opacity var(--transition-base)}.template-card:hover .delete-btn{opacity:1}.member-item,.tag-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);transition:background var(--transition-base)}.member-item:hover,.tag-item:hover{background:var(--color-accent-subtle)}.member-color{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-on-dark);font-weight:600;font-size:var(--font-size-sm);flex-shrink:0}.member-name,.tag-name{flex:1;font-size:var(--font-size-sm);color:var(--color-text-primary)}.item-delete-btn{width:24px;height:24px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-base),color var(--transition-base)}.member-item:hover .item-delete-btn,.tag-item:hover .item-delete-btn{opacity:1}.item-delete-btn:hover{color:var(--color-danger)}.item-action-btn{width:24px;height:24px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-base),color var(--transition-base)}.member-item:hover .item-action-btn,.tag-item:hover .item-action-btn{opacity:1}.item-action-btn:hover{color:var(--color-accent)}.add-input-row{display:flex;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.add-input{flex:1;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);outline:none;transition:border-color var(--transition-base)}.add-input:focus{border-color:var(--color-accent)}.add-btn{padding:var(--space-2) var(--space-3);background:var(--color-accent);color:var(--color-text-on-dark);border:none;border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background var(--transition-base);white-space:nowrap}.add-btn:hover{background:var(--color-accent-hover)}.icon-picker{position:absolute;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-context-menu);padding:var(--space-3);z-index:1001;width:280px;max-height:400px;overflow-y:auto}.icon-picker-section{margin-bottom:var(--space-3)}.icon-picker-section-title{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2)}.icon-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-1)}.icon-grid-item{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);color:var(--color-text-primary)}.icon-grid-item:hover{background:var(--color-accent-light)}.shape-picker{position:absolute;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-context-menu);padding:var(--space-3);z-index:1001;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.shape-picker-item{width:48px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:var(--color-surface);transition:border-color var(--transition-fast),background var(--transition-fast)}.shape-picker-item:hover{border-color:var(--color-accent);background:var(--color-accent-light)}.pen-toolbar{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-2);color:var(--color-text-muted-dark)}.preset-popover{position:fixed;transform:translate(-50%);z-index:1500;background:#fff;border-radius:var(--radius-lg);box-shadow:0 6px 28px #00000038;min-width:140px;overflow:hidden}.preset-popover-row{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px}.preset-popover-editor{border-top:1px solid var(--color-border);background:#fff}.preset-swatch{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:2px solid transparent;background:transparent;border-radius:50%;cursor:pointer;padding:0;transition:border-color .15s,transform .1s}.preset-swatch:hover{transform:scale(1.08)}.preset-swatch.active{border-color:var(--color-accent)}.preset-swatch-dot{display:block;border-radius:50%;border:1px solid rgba(0,0,0,.15)}.pen-mode-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-muted-dark);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-base),color var(--transition-base)}.pen-mode-btn:hover{background:var(--color-panel);color:var(--color-text-on-dark)}.pen-mode-btn.active{background:#ffffff26;color:var(--color-text-on-dark)}.pen-color-presets{display:flex;align-items:center;gap:3px}.pen-color-dot{width:18px;height:18px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;transition:transform var(--transition-fast),border-color var(--transition-fast)}.pen-color-dot:hover{transform:scale(1.25)}.pen-color-dot.active{border-color:var(--color-text-on-dark);transform:scale(1.2)}.pen-color-more{display:flex;align-items:center}.pen-color-custom{width:18px;height:18px;border-radius:50%;border:2px solid var(--color-panel-border);cursor:pointer;padding:0;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pen-color-custom::-webkit-color-swatch-wrapper{padding:0}.pen-color-custom::-webkit-color-swatch{border:none;border-radius:50%}.pen-width-presets{display:flex;align-items:center;gap:4px}.pen-width-dot{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:50%;cursor:pointer;padding:0;transition:background var(--transition-fast)}.pen-width-dot:hover{background:var(--color-panel)}.pen-width-dot.active{background:#ffffff26}.pen-width-circle{display:block;background:var(--color-text-on-dark);border-radius:50%;min-width:4px;min-height:4px}.pen-color-trigger{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.4);cursor:pointer;padding:0;transition:transform var(--transition-fast),border-color var(--transition-fast)}.pen-color-trigger:hover{transform:scale(1.15);border-color:#ffffffb3}.pen-palette-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);z-index:1200}.freehand-canvas.active.eraser-mode{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d93025' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 21-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21'/%3E%3Cpath d='M22 21H7'/%3E%3Cpath d='m5 11 9 9'/%3E%3C/svg%3E") 2 22,crosshair}.freehand-canvas.active.pen-mode{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z'/%3E%3C/svg%3E") 2 22,crosshair}.freehand-canvas.active.highlighter-mode{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23e67700' fill-opacity='0.3' stroke='%23e67700' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 11-6 6v3h9l3-3'/%3E%3Cpath d='m22 12-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4'/%3E%3C/svg%3E") 2 22,crosshair}.color-picker-popover{position:absolute;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-context-menu);padding:var(--space-3);z-index:1002;width:200px}.color-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-1);margin-bottom:var(--space-2)}.color-swatch{width:28px;height:28px;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;transition:border-color var(--transition-fast),transform var(--transition-fast)}.color-swatch:hover{transform:scale(1.15)}.color-swatch.active{border-color:var(--color-accent)}.color-input-row{display:flex;align-items:center;gap:var(--space-2)}.color-hex-input{flex:1;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-sm);outline:none}.shape-context-toolbar{position:absolute;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-context-menu);padding:var(--space-2);display:flex;align-items:center;gap:var(--space-2);z-index:50;transform:translate(-50%)}.sct-color-btn{width:24px;height:24px;border-radius:var(--radius-sm);border:1px solid var(--color-border);cursor:pointer}.sct-btn-group{display:flex;gap:2px}.sct-btn{padding:2px 6px;border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-xs);font-family:var(--font-family);color:var(--color-text-primary);transition:background var(--transition-fast)}.sct-btn:hover{background:var(--color-accent-light)}.sct-btn.active{background:var(--color-accent);color:var(--color-text-on-dark);border-color:var(--color-accent)}.sct-slider{width:60px;accent-color:var(--color-accent)}.color-palette{padding:8px;background:#fff!important;border-radius:var(--radius-lg);isolation:isolate}.color-palette-width{display:flex;align-items:center;gap:8px;padding:4px 6px 8px;border-bottom:1px solid var(--color-border);margin-bottom:8px}.color-palette-width-slider{flex:1;accent-color:var(--color-accent);cursor:pointer}.color-palette-width-value{font-size:11px;color:var(--color-text-secondary);min-width:34px;text-align:right;font-variant-numeric:tabular-nums}.color-palette-floating{background:#fff!important;border-radius:var(--radius-lg);box-shadow:0 4px 24px #0000002e}.color-palette-grid{display:grid;grid-template-columns:repeat(4,28px);gap:6px;justify-content:center}.color-palette-swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .1s;padding:0}.color-palette-swatch:hover{transform:scale(1.2)}.color-palette-swatch.active{border-color:var(--color-accent);box-shadow:0 0 0 2px #4262ff4d}.color-palette-custom{display:flex;align-items:center;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid var(--color-border)}.color-palette-custom input[type=color]{width:28px;height:28px;border:1px solid #ccc;border-radius:4px;padding:0;cursor:pointer}.color-palette-hex{font-size:11px;color:#999}.connector-toolbar{position:fixed;display:flex;align-items:center;gap:2px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);padding:4px 6px;z-index:1100;transform:translate(-50%,-100%);margin-top:-12px}.ct-group{position:relative}.ct-btn{display:flex;align-items:center;justify-content:center;gap:3px;min-width:32px;height:32px;padding:0 6px;border:none;background:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-primary);font-size:13px;transition:background .15s}.ct-btn:hover{background:var(--color-accent-light)}.ct-btn-danger:hover{background:#fce8e6;color:var(--color-danger)}.ct-label{font-size:10px;color:var(--color-text-secondary)}.ct-color-circle{width:18px;height:18px;border-radius:50%;border:2px solid rgba(0,0,0,.15)}.ct-divider{width:1px;height:20px;background:var(--color-border);margin:0 4px}.ct-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:4px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);padding:4px;z-index:1200;min-width:120px}.ct-dropdown-wide{min-width:160px}.ct-dropdown-list{min-width:180px;max-height:240px;overflow-y:auto}.ct-dropdown-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border:none;background:none;width:100%;text-align:left;border-radius:var(--radius-md);cursor:pointer;font-size:13px;color:var(--color-text-primary);white-space:nowrap}.ct-dropdown-item:hover{background:var(--color-accent-light)}.ct-dropdown-item.active{background:var(--color-accent);color:#fff}.ct-arrow-none{font-size:14px;color:#999}.ct-arrow-circle,.ct-arrow-diamond{font-size:10px}.ct-select{height:28px;padding:0 4px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:12px;font-family:var(--font-family);background:var(--color-surface);cursor:pointer;outline:none}.node-toolbar{position:absolute;display:flex;align-items:center;gap:2px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);padding:4px 6px;z-index:1100;left:50%;transform:translate(-50%);bottom:calc(100% + 36px);white-space:nowrap}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-6);min-width:360px;max-width:480px;box-shadow:var(--shadow-panel)}.modal-title{font-size:var(--font-size-md);font-weight:600;margin-bottom:var(--space-3);color:var(--color-text-primary)}.modal-body{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.modal-btn{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background var(--transition-base);color:var(--color-text-primary)}.modal-btn:hover{background:var(--color-border)}.modal-btn.primary{background:var(--color-accent);color:var(--color-text-on-dark);border-color:var(--color-accent)}.modal-btn.primary:hover{background:var(--color-accent-hover)}.modal-btn.danger{background:var(--color-danger);color:var(--color-text-on-dark);border-color:var(--color-danger)}.modal-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-base);outline:none;margin-bottom:var(--space-3);transition:border-color var(--transition-base)}.modal-input:focus{border-color:var(--color-accent)}.modal-select{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-base);outline:none;margin-bottom:var(--space-3);background:var(--color-surface)}.template-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.template-modal{background:var(--color-surface);border-radius:var(--radius-xl);width:92vw;max-width:1200px;height:82vh;display:flex;flex-direction:column;box-shadow:var(--shadow-panel);animation:modal-fade-in .2s ease}@keyframes modal-fade-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.template-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);flex-shrink:0}.template-modal-title{font-size:18px;font-weight:600;color:var(--color-text-primary)}.template-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-base)}.template-modal-close:hover{background:var(--color-border)}.template-modal-search{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);flex-shrink:0}.template-search-icon{color:var(--color-text-secondary);flex-shrink:0}.template-search-input{flex:1;border:none;outline:none;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background:transparent}.template-modal-body{display:flex;flex:1;overflow:hidden}.template-categories{width:220px;border-right:1px solid var(--color-border);padding:var(--space-3);overflow-y:auto;flex-shrink:0}.template-cat-item{position:relative}.template-cat-item:hover .template-cat-actions{opacity:1}.template-cat-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-2) var(--space-3);border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);transition:background var(--transition-fast);text-align:left}.template-cat-btn:hover{background:var(--color-accent-subtle)}.template-cat-btn.active{background:var(--color-accent-light);color:var(--color-accent);font-weight:600}.template-cat-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-cat-count{font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-border);border-radius:var(--radius-full);padding:1px 7px;min-width:20px;text-align:center}.template-cat-actions{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;gap:2px;opacity:0;transition:opacity var(--transition-fast)}.template-cat-action{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:none;background:var(--color-surface);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);transition:color var(--transition-fast)}.template-cat-action:hover{color:var(--color-accent)}.template-cat-action.danger:hover{color:var(--color-danger)}.template-cat-edit{display:flex;gap:4px;padding:2px 0}.template-cat-edit-input{flex:1;padding:4px 8px;border:1px solid var(--color-accent);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-sm);outline:none}.template-cat-edit-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:var(--color-accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer}.template-cat-add{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);margin-top:var(--space-2);border:1px dashed var(--color-border);background:transparent;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:border-color var(--transition-fast),color var(--transition-fast)}.template-cat-add:hover{border-color:var(--color-accent);color:var(--color-accent)}.template-type-section{margin-top:2px}.template-type-header{display:flex;align-items:center;gap:0}.template-type-expand{width:24px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;border-radius:var(--radius-sm)}.template-type-expand:hover{color:var(--color-text-primary)}.template-type-btn{font-weight:600!important}.template-cat-list{padding-left:28px}.template-subcat-btn{font-weight:400!important;font-size:var(--font-size-xs)!important}.template-cat-add-small{display:flex;align-items:center;gap:4px;width:100%;padding:4px 12px;margin-top:2px;border:none;background:transparent;cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:color var(--transition-fast)}.template-cat-add-small:hover{color:var(--color-accent)}.template-cards-grid{flex:1;padding:var(--space-4);overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3);align-content:start}.template-empty{grid-column:1 / -1;text-align:center;color:var(--color-text-secondary);padding:60px 20px;font-size:var(--font-size-sm)}.template-card-v2{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);display:flex;flex-direction:column;justify-content:space-between;min-height:180px;transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.template-card-v2:hover{border-color:var(--color-accent);box-shadow:0 4px 12px #4262ff1f;transform:translateY(-2px)}.template-card-content{margin-bottom:var(--space-3)}.template-card-name{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-1)}.template-card-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4;margin-bottom:var(--space-2)}.template-card-meta{display:flex;gap:var(--space-2)}.template-type-badge{font-size:var(--font-size-xs);padding:2px 8px;border-radius:var(--radius-full);font-weight:500}.template-type-badge.flowchart{background:#e3f2fd;color:#1565c0}.template-type-badge.mindmap{background:#e8f5e9;color:#2e7d32}.template-category-badge{font-size:var(--font-size-xs);padding:2px 8px;border-radius:var(--radius-full);font-weight:500;background:#f3f4f6;color:#6b7280}.template-card-actions{display:flex;gap:var(--space-2);align-items:center}.template-use-btn{flex:1;padding:var(--space-2) var(--space-3);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background var(--transition-base)}.template-use-btn:hover{background:var(--color-accent-hover)}.template-settings-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);background:transparent;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:border-color var(--transition-fast),color var(--transition-fast)}.template-settings-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.template-settings-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:var(--radius-xl)}.template-settings-modal{background:#f8f9fb;border-radius:var(--radius-xl);width:400px;max-width:90%;box-shadow:0 8px 32px #0003;animation:modal-fade-in .15s ease}.template-settings-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.template-settings-title{font-size:var(--font-size-md);font-weight:600;color:var(--color-text-primary)}.template-settings-body{padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.template-settings-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);margin-top:var(--space-1)}.template-settings-actions{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-5) var(--space-4);border-top:1px solid var(--color-border)}.template-card-input{padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);outline:none;transition:border-color var(--transition-base);resize:vertical;background:var(--color-surface)}.template-card-input:focus{border-color:var(--color-accent)}.template-card-select{padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);outline:none;background:var(--color-surface)}.settings-content{flex:1;padding:var(--space-4);overflow-y:auto}.settings-tab-content{display:flex;flex-direction:column;gap:var(--space-4)}.settings-section-header{display:flex;align-items:center;gap:var(--space-2)}.settings-section-header h3{font-size:var(--font-size-md);font-weight:600;color:var(--color-text-primary)}.settings-count{font-size:var(--font-size-xs);background:var(--color-border);color:var(--color-text-secondary);padding:1px 8px;border-radius:var(--radius-full)}.settings-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-3)}.settings-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.settings-card:hover{border-color:var(--color-accent);box-shadow:0 2px 8px #4262ff14}.settings-card-top{display:flex;align-items:center;gap:var(--space-3)}.settings-member-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;flex-shrink:0}.settings-tag-swatch{width:24px;height:24px;border-radius:var(--radius-md);flex-shrink:0}.settings-card-info{flex:1;min-width:0}.settings-card-name{font-size:var(--font-size-base);font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-card-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:2px}.settings-card-btns{display:flex;gap:2px;opacity:0;transition:opacity var(--transition-fast)}.settings-card:hover .settings-card-btns{opacity:1}.settings-icon-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);transition:color var(--transition-fast),background var(--transition-fast)}.settings-icon-btn:hover{background:var(--color-accent-light);color:var(--color-accent)}.settings-icon-btn.danger:hover{background:#fce8e6;color:var(--color-danger)}.settings-color-dot{width:14px;height:14px;border-radius:50%;display:block;border:2px solid rgba(0,0,0,.15)}.settings-card-edit{display:flex;flex-direction:column;gap:var(--space-2)}.settings-add-row{display:flex;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.settings-option{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-3);border-top:1px solid var(--color-border)}.settings-option label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.ns-row{display:flex;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid var(--color-border)}.ns-row:last-child{border-bottom:none}.ns-row-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);min-width:60px}.ns-row-controls{display:flex;align-items:center;gap:6px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:4px 6px}.ns-color-group{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px}.ns-color-label{font-size:9px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.3px}.ns-color-btn{width:28px;height:28px;border-radius:var(--radius-sm);cursor:pointer;padding:0;border:2px solid rgba(0,0,0,.1);transition:transform .1s}.ns-color-btn:hover{transform:scale(1.15)}.ns-color-btn-border{border-radius:50%}.ns-color-dropdown{position:absolute;top:48px;left:-20px;z-index:1300;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);padding:4px}.ns-sep{width:1px;height:24px;background:var(--color-border);margin:0 4px}.ns-select{height:28px;padding:0 4px;border:none;background:transparent;font-size:12px;color:var(--color-text-primary);cursor:pointer}.ns-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);transition:all .1s}.ns-btn:hover{background:var(--color-accent-light);color:var(--color-accent)}.ns-btn.active{background:var(--color-accent);color:#fff}.ns-font-group{display:flex;align-items:center;gap:2px}.ns-apply-btn{padding:6px 16px;border:none;background:var(--color-accent);color:#fff;border-radius:var(--radius-md);font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:opacity .1s;flex-shrink:0}.ns-apply-btn:hover{opacity:.85}.ns-apply-btn:disabled{opacity:.4;cursor:default}.ns-apply-btn-sm{padding:4px 12px;font-size:11px}.gs-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden}.gs-card-sm{margin-bottom:12px}.gs-card-header{padding:16px 20px 6px}.gs-card-header h3,.gs-card-header h4{margin:0;font-size:var(--font-size-base);font-weight:600}.gs-card-hint{display:block;font-size:11px;color:var(--color-text-secondary);margin-top:2px}.gs-card-body{padding:4px 20px 16px}.settings-card-compact{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s,box-shadow .15s;margin-bottom:6px}.settings-card-compact:hover{border-color:var(--color-accent);box-shadow:0 1px 4px #4262ff14}.settings-card-compact .settings-card-btns{opacity:0}.settings-card-compact:hover .settings-card-btns{opacity:1}.settings-member-avatar-sm{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:12px;flex-shrink:0}.settings-bottom-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border)}.settings-bottom-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px}.settings-bottom-card-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);margin-bottom:10px}.settings-add-compact{display:flex;align-items:center;gap:6px}.settings-add-input{width:100%;padding:7px 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);box-sizing:border-box}.settings-add-input:focus{outline:none;border-color:var(--color-accent)}.settings-add-input-sm{font-size:11px;padding:5px 10px}.settings-add-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:none;background:var(--color-accent);color:#fff;border-radius:var(--radius-md);cursor:pointer;flex-shrink:0;transition:opacity .1s}.settings-add-btn:hover{opacity:.85}.settings-add-btn:disabled{opacity:.4;cursor:default}.settings-edit-modal{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-panel);width:520px;max-width:92vw;max-height:85vh;overflow-y:auto}.settings-edit-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px 10px}.settings-edit-modal-header h3{font-size:var(--font-size-lg);font-weight:600;margin:0}.settings-edit-modal-body{padding:0 24px 16px}.settings-field-label{display:flex;align-items:center;gap:6px;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-top:14px;margin-bottom:5px}.settings-field-hint{font-weight:400;font-size:10px;color:#aaa}.settings-field-input{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family);box-sizing:border-box}.settings-field-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #4262ff1a}.settings-field-textarea{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family);box-sizing:border-box;min-height:50px;resize:vertical}.settings-field-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #4262ff1a}.edit-modal-inline-row{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.edit-modal-inline-group{display:flex;flex-direction:column;gap:4px}.edit-modal-inline-label{font-size:10px;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.edit-modal-inline-sep{width:1px;height:28px;background:var(--color-border);align-self:flex-end}.settings-color-preview{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:transform .1s}.settings-color-preview:hover{transform:scale(1.1)}.settings-color-preview-tag{width:28px;height:28px;border-radius:var(--radius-sm);cursor:pointer;transition:transform .1s}.settings-color-preview-tag:hover{transform:scale(1.1)}.settings-reset-btn{border:none;background:none;color:var(--color-accent);font-size:11px;cursor:pointer;padding:2px 0}.settings-reset-btn:hover{text-decoration:underline}.edit-modal-palette-wrap{margin-top:8px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:4px;max-width:200px}.settings-edit-modal-actions{display:flex;gap:var(--space-2);padding:12px 24px 18px;border-top:1px solid var(--color-border)}.mindmap-node{user-select:none;-webkit-user-select:none}.mindmap-node .node-title{user-select:text;-webkit-user-select:text}.node-header-centered{justify-content:center;text-align:center}.node-header-centered .node-title{text-align:center}.node-owner-row{display:flex;justify-content:center;margin-top:6px}.node-owner-row .node-assignee-pill{margin-top:0}.node-assignee-pill--unassigned{border-color:#e0e0e0!important;border-style:dashed;color:#999!important;font-style:italic}.node-divider{height:1px;background:var(--color-border, #e5e5e5);margin:10px -2px 8px}.mindmap-node.shape-decision{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}.mindmap-node.shape-decision .node-header{width:100%;justify-content:center;position:relative;z-index:1}.mindmap-node.shape-decision .node-title{width:auto;text-align:center}.mindmap-node.shape-decision .node-owner-row{z-index:1}.mindmap-node.shape-link{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}.mindmap-node.shape-link .node-header,.mindmap-node.shape-link .node-owner-row{align-self:flex-start;width:60%}.mindmap-node.shape-link .node-header{justify-content:center;position:relative;z-index:1}.mindmap-node.shape-link .node-title{width:auto;text-align:center}.mindmap-node.shape-link .node-owner-row{z-index:1}.node-table-dashed-divider{width:100%;border-top:1px dashed var(--color-border, #d0d0d0);margin:4px 0;align-self:stretch}.node-traffic-table{display:flex;flex-direction:column;gap:5px;align-items:center}.node-tl-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;max-width:200px}.node-tl-label{font-size:11px;color:var(--color-text-secondary, #666);font-weight:500;white-space:nowrap}.node-tl-pill{font-size:11px;padding:3px 12px;border-radius:var(--radius-full);border:none;color:#fff;font-weight:600;cursor:pointer;min-width:64px;text-align:center;font-family:inherit;transition:filter .15s ease}.node-tl-pill:hover:not(:disabled){filter:brightness(1.08)}.node-tl-pill.low{background:#e3492e}.node-tl-pill.medium{background:#ffeb3b;color:#5a4500}.node-tl-pill.high{background:#2ba84a}.node-tl-pill.empty{background:transparent;color:#b8b8b8;border:1px dashed #d8d8d8;font-weight:400;font-style:italic}.node-tl-pill:disabled{cursor:default}.mindmap-node.ghost{border-style:dashed!important;opacity:1}.mindmap-node.ghost .node-header,.mindmap-node.ghost .node-owner-row,.mindmap-node.ghost .node-traffic-table,.mindmap-node.ghost .node-tags,.mindmap-node.ghost .node-link-badge,.mindmap-node.ghost .node-drive-badge{opacity:.25}.mindmap-node.ghost .node-tl-pill.low,.mindmap-node.ghost .node-tl-pill.medium,.mindmap-node.ghost .node-tl-pill.high{background:transparent;color:#b8b8b8;border:1px dashed #d8d8d8;font-weight:400;font-style:italic}.node-ghost-badge{position:absolute;top:-10px;left:-10px;width:22px;height:22px;border-radius:50%;background:#fff;border:1.5px solid #c8c8c8;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;padding:0;color:#888;transition:all .15s ease}.node-ghost-badge:hover{border-color:#6b7280;color:#374151}.node-ghost-badge.active{background:#f3f4f6;border-color:#6b7280;color:#374151;opacity:1}.node-maximize-badge{position:absolute;top:-10px;right:-10px;width:22px;height:22px;border-radius:50%;background:#fff;border:1.5px solid #c8c8c8;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;padding:0;color:#888;transition:all .15s ease}.node-maximize-badge:hover{border-color:#6b7280;color:#374151}.node-link-badge{position:absolute;bottom:-10px;left:-10px;width:22px;height:22px;border-radius:50%;background:#fff;border:1.5px solid #c8c8c8;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;padding:0;color:#888;transition:all .15s ease;text-decoration:none}.node-link-badge:hover{border-color:#6b7280;color:#374151}.node-drive-badge{position:absolute;bottom:-10px;right:-10px;width:22px;height:22px;border-radius:50%;background:#fff;border:1.5px solid #c8c8c8;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;padding:0;transition:all .15s ease;text-decoration:none}.node-drive-badge:hover{border-color:#4285f4;box-shadow:0 2px 6px #4285f440}.node-details-top{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}@media(max-width:900px){.node-details-top{grid-template-columns:1fr}}.node-details-main{min-width:0}.node-details-link-row{display:flex;gap:8px;align-items:center}.node-details-card-mirror{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px 18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 1px 2px #0000000a}.node-details-card-owner-row{display:flex;justify-content:center}.node-details-card-assign-wrap{position:relative;display:inline-block}.node-details-assignee-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 14px;border-radius:var(--radius-full);border:1.5px solid #d0d0d0;background:#fff;font-size:12px;font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:all .15s ease}.node-details-assignee-pill:hover{filter:brightness(.97)}.node-details-assignee-pill--unassigned{color:#b8b8b8;font-style:italic;border-style:dashed;border-color:#d8d8d8}.node-details-card-divider{height:1px;background:#ececec;margin:4px 0}.node-details-card-tl-table{display:flex;flex-direction:column;gap:8px}.node-details-card-tl-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.node-details-card-tl-label{font-size:13px;color:var(--color-text-primary)}.node-details-card-tags-wrap{position:relative}.node-details-card-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding-top:4px}.node-details-tag-chip{font-size:11px;padding:3px 9px;border-radius:var(--radius-full);color:#fff;font-weight:500}.node-details-tag-add{font-size:11px;padding:3px 9px;border-radius:var(--radius-full);border:1px dashed #d0d0d0;background:transparent;color:var(--color-text-secondary);cursor:pointer;font-weight:500}.node-details-tag-add:hover{border-color:#6b7280;color:var(--color-text-primary)}.node-details-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:6px;z-index:50;min-width:180px;max-height:240px;overflow-y:auto}.boards-sidebar--collapsed{width:36px!important;min-width:36px;max-width:36px;padding:6px 0;align-items:center}.boards-sidebar-toggle{background:transparent;border:1px solid var(--color-border);border-radius:6px;padding:5px 7px;cursor:pointer;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.boards-sidebar-toggle:hover{background:var(--color-hover, #f3f4f6);color:var(--color-text-primary)}.boards-sidebar-toggle--inline{border:none;padding:4px 6px}.boards-sidebar-footer{border-top:1px solid var(--color-border);padding:8px 12px;flex-shrink:0}.boards-sidebar-toggle--footer{width:100%;justify-content:flex-start;gap:8px;font-size:12px;padding:7px 10px}.boards-sidebar-resize-handle{position:absolute;top:0;right:-2px;width:6px;height:100%;cursor:col-resize;z-index:60;background:transparent;transition:background .15s}.boards-sidebar-resize-handle:hover,.boards-sidebar-resize-handle:active{background:var(--color-accent, #4262ff);opacity:.3}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.toolbar-avatar-btn{position:relative;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-full);padding:3px;margin-left:4px;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.toolbar-avatar-btn:hover{background:var(--color-panel);border-color:#ffffff38}.toolbar-avatar-btn.impersonating{border-color:#f59e0b}.toolbar-avatar-circle{width:26px;height:26px;border-radius:50%;background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;letter-spacing:0}.toolbar-avatar-impersonating-dot{position:absolute;top:1px;right:1px;width:8px;height:8px;border-radius:50%;background:#f59e0b;border:2px solid var(--color-toolbar)}.user-menu{min-width:260px;padding:0}.user-menu-header{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--color-border)}.user-menu-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.user-menu-id{flex:1;min-width:0}.user-menu-name{font-size:13px;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-email{font-size:11px;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-admin-pill{padding:2px 8px;background:var(--color-accent-subtle);color:var(--color-accent);font-size:10px;font-weight:700;letter-spacing:.3px;border-radius:var(--radius-full);text-transform:uppercase}.user-menu-impersonate-banner{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fff7ed;color:#b45309;font-size:11px;font-weight:500;border-bottom:1px solid var(--color-border)}.user-menu-link-btn{margin-left:auto;background:none;border:none;color:var(--color-accent);font-size:11px;font-weight:600;cursor:pointer;padding:0}.user-menu-link-btn:hover{text-decoration:underline}.user-menu-view-as-list{max-height:240px;overflow-y:auto;padding:4px 0;background:#fafafa;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.user-menu-view-as-item{width:100%;display:flex;align-items:center;gap:10px;padding:6px 14px 6px 28px;border:none;background:transparent;cursor:pointer;font-size:12px;color:var(--color-text-primary);font-family:var(--font-family);text-align:left}.user-menu-view-as-item:hover{background:var(--color-accent-light)}.user-menu-view-as-item.active{color:var(--color-accent);font-weight:600}.user-menu-view-as-initial{width:22px;height:22px;border-radius:50%;background:#e2e8f0;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.user-menu-view-as-item.active .user-menu-view-as-initial{background:var(--color-accent);color:#fff}.user-menu-view-as-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-you{color:var(--color-text-secondary);font-weight:400}.user-menu-view-as-check{color:var(--color-accent);font-size:12px;font-weight:700}.overlay-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:1500;display:flex;align-items:center;justify-content:center;padding:32px;animation:overlay-fade-in .16s ease-out}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.overlay-panel{width:min(1200px,100%);height:min(820px,100%);background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:0 20px 60px #00000059;display:flex;flex-direction:column;overflow:hidden;animation:overlay-slide-in .18s cubic-bezier(.2,.7,.3,1)}.overlay-panel--narrow{width:min(720px,100%);height:auto;max-height:min(820px,100%)}@keyframes overlay-slide-in{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.overlay-panel-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0}.overlay-panel-title{display:flex;align-items:center;gap:8px;font-family:var(--font-family)}.overlay-panel-title-eyebrow{font-size:12px;font-weight:700;letter-spacing:.5px;color:var(--color-text-secondary);text-transform:uppercase}.overlay-panel-title-sep{color:var(--color-text-secondary);font-size:12px;opacity:.5}.overlay-panel-title-page{font-size:14px;font-weight:600;color:var(--color-text-primary)}.overlay-panel-close{background:transparent;border:1px solid transparent;border-radius:var(--radius-md);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);transition:background var(--transition-fast),color var(--transition-fast)}.overlay-panel-close:hover{background:var(--color-accent-light);color:var(--color-accent)}.overlay-panel-body{display:flex;flex:1;overflow:hidden}.overlay-panel-body.single{display:block;overflow-y:auto;padding:24px}.overlay-panel-nav{width:200px;background:#fafafa;border-right:1px solid var(--color-border);padding:12px 8px;display:flex;flex-direction:column;gap:2px;flex-shrink:0}.overlay-panel-nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border:none;background:transparent;border-radius:var(--radius-md);font-size:13px;font-weight:500;font-family:var(--font-family);color:var(--color-text-primary);cursor:pointer;text-align:left;transition:background var(--transition-fast),color var(--transition-fast)}.overlay-panel-nav-item:hover{background:var(--color-accent-light)}.overlay-panel-nav-item.active{background:var(--color-accent);color:#fff}.overlay-panel-nav-item.active svg{color:#fff}.overlay-panel-content{flex:1;overflow-y:auto;padding:24px}.admin-page{display:flex;flex-direction:column;gap:16px;font-family:var(--font-family)}.admin-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:4px}.admin-page-title{font-size:20px;font-weight:700;color:var(--color-text-primary);margin:0;line-height:1.2}.admin-page-subtitle{font-size:12px;color:var(--color-text-secondary);margin-top:2px}.admin-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px}.admin-card-title{font-size:13px;font-weight:700;color:var(--color-text-primary);margin:0 0 12px;letter-spacing:.2px}.admin-section+.admin-section{margin-top:20px}.admin-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.admin-field-label{font-size:12px;font-weight:600;color:var(--color-text-primary)}.admin-field-hint{font-size:11px;color:var(--color-text-secondary);margin-top:2px}.admin-field-hint--err{color:var(--color-danger)}.admin-section-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.admin-error{background:#fce8e6;color:var(--color-danger);font-size:12px;padding:8px 12px;border-radius:var(--radius-md);border:1px solid rgba(217,48,37,.18)}.admin-ok{display:inline-flex;align-items:center;gap:6px;color:var(--color-success);font-size:12px;font-weight:600}.admin-muted{color:var(--color-text-secondary)}.admin-mono{font-family:JetBrains Mono,monospace;font-size:12px}.admin-checkbox{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.admin-checkbox input[type=checkbox]{width:14px;height:14px;accent-color:var(--color-accent);cursor:pointer}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th{text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--color-text-secondary);padding:8px 12px;border-bottom:1px solid var(--color-border)}.admin-table td{padding:12px;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table-row:hover{background:#fafafa}.admin-table-row.editing{background:var(--color-accent-light)}.admin-table-empty{text-align:center;padding:28px;color:var(--color-text-secondary);font-size:13px}.admin-table-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.admin-row-error{color:var(--color-danger);font-size:11px;margin-right:6px}.admin-icon-btn{width:28px;height:28px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.admin-icon-btn:hover{background:var(--color-accent-light);border-color:var(--color-accent);color:var(--color-accent)}.admin-icon-btn:disabled{opacity:.4;cursor:not-allowed}.admin-icon-btn.danger:hover{background:#fce8e6;border-color:var(--color-danger);color:var(--color-danger)}.admin-role-pill{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;background:#f1f5f9;color:var(--color-text-secondary)}.admin-role-pill.admin{background:var(--color-accent-subtle);color:var(--color-accent)}.admin-self-pill{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:var(--radius-full);font-size:10px;font-weight:600;color:var(--color-text-secondary);background:#f1f5f9}.admin-stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.admin-stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:4px;min-height:110px}.admin-stat-icon{width:28px;height:28px;border-radius:var(--radius-md);background:var(--color-accent-subtle);color:var(--color-accent);display:flex;align-items:center;justify-content:center;margin-bottom:4px}.admin-stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--color-text-secondary);font-weight:600}.admin-stat-value{font-size:20px;font-weight:700;color:var(--color-text-primary);line-height:1.2;word-break:break-all}.admin-stat-sub{font-size:11px;color:var(--color-text-secondary)}.admin-stat-link{color:var(--color-accent);text-decoration:none;font-size:14px;word-break:break-all}.admin-stat-link:hover{text-decoration:underline}.admin-stat-status{display:inline-flex;align-items:center;gap:6px;font-size:16px;font-weight:700}.admin-stat-status .admin-stat-dot{width:8px;height:8px;border-radius:50%}.admin-stat-status.ok{color:var(--color-success)}.admin-stat-status.ok .admin-stat-dot{background:var(--color-success)}.admin-stat-status.bad{color:var(--color-danger)}.admin-stat-status.bad .admin-stat-dot{background:var(--color-danger)}.admin-stat-status.muted{color:var(--color-text-secondary)}.admin-stat-status.muted .admin-stat-dot{background:var(--color-text-secondary)}.admin-defs{display:grid;grid-template-columns:1fr;gap:4px;font-size:13px}.admin-defs>div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:6px 0;border-bottom:1px dashed var(--color-border)}.admin-defs>div:last-child{border-bottom:none}.admin-defs dt{color:var(--color-text-secondary);font-weight:500;font-size:12px}.admin-defs dd{color:var(--color-text-primary)}