.shared-badge[data-v-3759b935]{font-size:9px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);border:1px solid var(--border);padding:1px var(--sp-2);margin-left:var(--sp-2)}.invitations-banner[data-v-3759b935]{border:1px solid rgba(245,158,11,.3);margin-bottom:var(--sp-6)}.invitations-header[data-v-3759b935]{padding:var(--sp-3) var(--sp-4);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--signal-warn);border-bottom:1px solid rgba(245,158,11,.15);background-color:#f59e0b0a}.invitation-row[data-v-3759b935]{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border)}.invitation-row[data-v-3759b935]:last-child{border-bottom:none}.invitation-info[data-v-3759b935]{display:flex;flex-direction:column;gap:2px}.invitation-project[data-v-3759b935]{font-size:12px;color:var(--text-primary);font-weight:500}.invitation-meta[data-v-3759b935]{font-size:10px;color:var(--text-tertiary);letter-spacing:.08em}.invitation-actions[data-v-3759b935]{display:flex;gap:var(--sp-2)}.share-overlay[data-v-d124e067]{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.share-dialog[data-v-d124e067]{background-color:var(--surface-1);border:1px solid var(--border);width:100%;max-width:480px;max-height:80vh;display:flex;flex-direction:column}.share-header[data-v-d124e067]{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border)}.share-title[data-v-d124e067]{font-size:11px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--text-primary)}.share-close[data-v-d124e067]{background:none;border:none;color:var(--text-tertiary);font-size:18px;cursor:pointer;padding:0 var(--sp-1);line-height:1;transition:color var(--duration)}.share-close[data-v-d124e067]:hover{color:var(--text-primary)}.share-invite-row[data-v-d124e067]{padding:var(--sp-4) var(--sp-5);display:flex;gap:var(--sp-3);align-items:center;border-bottom:1px solid var(--border)}.share-invite-fields[data-v-d124e067]{display:flex;gap:var(--sp-2);flex:1}.share-input[data-v-d124e067]{flex:1;padding:var(--sp-2) var(--sp-3);background-color:var(--control-bg);border:1px solid var(--control-border);color:var(--text-primary);font-family:inherit;font-size:11px}.share-input[data-v-d124e067]:focus{outline:none;border-color:var(--text-secondary)}.share-input[data-v-d124e067]::placeholder{color:var(--text-muted)}.share-select[data-v-d124e067]{padding:var(--sp-2) var(--sp-3);background-color:var(--control-bg);border:1px solid var(--control-border);color:var(--text-secondary);font-family:inherit;font-size:10px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.share-select[data-v-d124e067]:focus{outline:none;border-color:var(--text-secondary)}.share-select-sm[data-v-d124e067]{padding:var(--sp-1) var(--sp-2);font-size:9px}.share-error[data-v-d124e067]{padding:var(--sp-3) var(--sp-5);color:var(--signal-danger);font-size:11px;border-bottom:1px solid var(--border)}.share-list[data-v-d124e067]{flex:1;overflow-y:auto;padding:var(--sp-3) 0}.share-list-label[data-v-d124e067]{padding:var(--sp-2) var(--sp-5);font-size:9px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--text-tertiary)}.share-row[data-v-d124e067]{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-5);transition:background-color var(--duration)}.share-row[data-v-d124e067]:hover{background-color:var(--surface-hover)}.share-user[data-v-d124e067]{display:flex;flex-direction:column;gap:2px;min-width:0}.share-user-name[data-v-d124e067]{font-size:12px;color:var(--text-primary);font-weight:500}.share-user-email[data-v-d124e067]{font-size:10px;color:var(--text-tertiary)}.share-role-fixed[data-v-d124e067]{font-size:9px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary)}.share-row-actions[data-v-d124e067]{display:flex;align-items:center;gap:var(--sp-2)}.share-status-badge[data-v-d124e067]{font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:2px var(--sp-2);border:1px solid var(--border)}.share-status-pending[data-v-d124e067]{color:var(--signal-warn);border-color:#f59e0b4d}.share-status-accepted[data-v-d124e067]{color:var(--signal-success);border-color:#4ade804d}.share-status-declined[data-v-d124e067]{color:var(--signal-danger);border-color:#ef44444d}.share-remove[data-v-d124e067]{background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;padding:0 var(--sp-1);line-height:1;transition:color var(--duration)}.share-remove[data-v-d124e067]:hover{color:var(--signal-danger)}.share-empty[data-v-d124e067]{padding:var(--sp-4) var(--sp-5);color:var(--text-muted);font-size:11px;text-align:center}.share-footer[data-v-d124e067]{padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--border);display:flex;justify-content:flex-end}.sv-page[data-v-a85a7fc7]{width:100%;height:100vh;display:flex;flex-direction:column;background:var(--black);overflow:hidden}.sv-loading[data-v-a85a7fc7],.sv-error[data-v-a85a7fc7]{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:16px;color:var(--text-tertiary);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.sv-error[data-v-a85a7fc7]{color:var(--signal-danger)}.sv-header[data-v-a85a7fc7]{flex-shrink:0;border-bottom:1px solid var(--border);background:var(--black)}.sv-header-row[data-v-a85a7fc7]{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border)}.sv-header-left[data-v-a85a7fc7]{display:flex;align-items:center;gap:var(--sp-3)}.sv-header-right[data-v-a85a7fc7]{display:flex;align-items:center;gap:var(--sp-2)}.sv-title[data-v-a85a7fc7]{font-size:13px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--text-primary)}.sv-icon-btn[data-v-a85a7fc7]{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--sp-1);transition:color var(--duration)}.sv-icon-btn svg[data-v-a85a7fc7]{width:16px;height:16px}.sv-icon-btn[data-v-a85a7fc7]:hover{color:var(--text-primary)}.sv-toolbar[data-v-a85a7fc7]{display:flex;gap:0;padding:0 var(--sp-4)}.sv-tool-btn[data-v-a85a7fc7]{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-tertiary);font-family:inherit;font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all var(--duration)}.sv-tool-btn svg[data-v-a85a7fc7]{width:14px;height:14px}.sv-tool-btn[data-v-a85a7fc7]:hover{color:var(--text-primary);background:var(--surface-hover)}.sv-tool-btn.active[data-v-a85a7fc7]{color:var(--text-primary);border-bottom-color:var(--accent)}.sv-body[data-v-a85a7fc7]{flex:1;display:flex;min-height:0;overflow:hidden}.sv-canvas[data-v-a85a7fc7]{flex:1;position:relative;min-width:0}.sv-sidebar[data-v-a85a7fc7]{width:0;flex-shrink:0;border-left:0 solid var(--border);background:var(--surface-1);overflow:hidden;transition:width var(--duration) ease,border-left-width var(--duration) ease}.sv-sidebar.open[data-v-a85a7fc7]{width:280px;border-left-width:1px}.sv-sidebar-inner[data-v-a85a7fc7]{width:280px;height:100%;display:flex;align-items:center;justify-content:center;padding:var(--sp-4)}.sv-sidebar-empty[data-v-a85a7fc7]{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.sv-bottombar[data-v-a85a7fc7]{flex-shrink:0;height:28px;border-top:1px solid var(--border);background:var(--black);display:flex;align-items:center;padding:0 var(--sp-4)}.sv-bottombar-text[data-v-a85a7fc7]{font-size:10px;letter-spacing:.08em;color:var(--text-muted)}:root{--black: #0e0e0e;--surface-1: #131313;--surface-2: #191919;--surface-hover: #1f1f1f;--surface-active: #272727;--text-primary: #efefef;--text-secondary: #b0b0b0;--text-tertiary: #787878;--text-muted: #3a3a3a;--border: rgba(255, 255, 255, .08);--border-emphasis: rgba(255, 255, 255, .15);--border-strong: rgba(255, 255, 255, .25);--accent: #ffffff;--accent-dim: rgba(255, 255, 255, .06);--signal-success: #4ade80;--signal-danger: #ef4444;--signal-warn: #f59e0b;--control-bg: #080808;--control-border: rgba(255, 255, 255, .12);--inverted-bg: var(--text-primary);--inverted-text: var(--black);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--radius: 0px;--duration: .12s;--sidebar-w: 220px;--sidebar-collapsed-w: 52px}body.light-mode{--black: #f5f5f0;--surface-1: #eaeae5;--surface-2: #e0e0db;--surface-hover: #ddddd8;--surface-active: #d5d5d0;--text-primary: #111111;--text-secondary: #555555;--text-tertiary: #888888;--text-muted: #b5b5b5;--border: rgba(0, 0, 0, .08);--border-emphasis: rgba(0, 0, 0, .14);--border-strong: rgba(0, 0, 0, .22);--accent: #1a1a1a;--accent-dim: rgba(0, 0, 0, .04);--signal-success: #16a34a;--signal-danger: #dc2626;--signal-warn: #d97706;--control-bg: #e8e8e3;--control-border: rgba(0, 0, 0, .12);--inverted-bg: var(--text-primary);--inverted-text: #f5f5f0}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:JetBrains Mono,Courier New,monospace;display:flex;height:100vh;background-color:var(--black);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:12px;line-height:1.5;transition:background-color .2s ease,color .2s ease}#root{display:flex;width:100%;height:100%}.sidebar{width:var(--sidebar-w);background-color:var(--black);color:var(--text-primary);display:flex;flex-direction:column;padding:0;border-right:1px solid var(--border);transition:width var(--duration) ease,background-color .2s ease;flex-shrink:0}body.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed-w)}.sidebar-header{padding:var(--sp-4) 0;display:flex;justify-content:space-between;align-items:center;width:100%;position:relative;border-bottom:1px solid var(--border)}.sidebar-header h1{font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--text-primary);transition:opacity var(--duration) ease,width var(--duration) ease;white-space:nowrap;overflow:hidden;padding-left:var(--sp-4)}body.sidebar-collapsed .sidebar-header h1{opacity:0;width:0}.sidebar-toggle{position:absolute;right:var(--sp-2);top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:var(--sp-1);display:flex;align-items:center;justify-content:center;transition:right var(--duration) ease,left var(--duration) ease,transform var(--duration) ease;color:var(--text-tertiary)}body.sidebar-collapsed .sidebar-toggle{right:auto;left:50%;transform:translate(-50%,-50%)}.sidebar-toggle:hover{color:var(--text-primary)}.sidebar-toggle .nav-icon{width:16px;height:16px;display:block;opacity:.4;transition:opacity var(--duration)}.sidebar-toggle:hover .nav-icon{opacity:1}.sidebar-nav{flex:1;padding:var(--sp-2) 0;display:flex;flex-direction:column;justify-content:space-between}.nav-main{display:flex;flex-direction:column}.nav-footer{padding-bottom:var(--sp-3);display:flex;flex-direction:column;gap:0}.nav-item{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);color:var(--text-tertiary);text-decoration:none;transition:all var(--duration);white-space:nowrap;position:relative;background:none;border:none;border-left:2px solid transparent;cursor:pointer;font-family:inherit;font-size:11px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;width:100%}body.sidebar-collapsed .nav-item{gap:0;border-left:none}body:not(.sidebar-collapsed) .nav-item{justify-content:flex-start;padding-left:var(--sp-4)}.nav-icon{width:16px;height:16px;flex-shrink:0;opacity:.35;transition:opacity var(--duration)}.nav-item:hover .nav-icon,.nav-item.active .nav-icon{opacity:1}.nav-text{transition:opacity var(--duration) ease,max-width var(--duration) ease;overflow:hidden;max-width:160px;text-align:left}body.sidebar-collapsed .nav-text{opacity:0;max-width:0;width:0;margin:0;padding:0}.nav-item:hover{background-color:var(--surface-hover);color:var(--text-primary)}.nav-item.active{color:var(--text-primary);border-left-color:var(--text-primary);background-color:var(--accent-dim)}body.sidebar-collapsed .nav-item.active{border-left-color:transparent;border-bottom:2px solid var(--text-primary)}.nav-divider{height:1px;background-color:var(--border);margin:var(--sp-2) var(--sp-4)}body.sidebar-collapsed .nav-divider{margin:var(--sp-2) var(--sp-2)}.main-content{flex:1;overflow-y:auto;padding:var(--sp-8);background-color:var(--black);min-width:0;transition:background-color .2s ease}.page-header{margin-bottom:var(--sp-6);display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--sp-4);border-bottom:1px solid var(--border)}.page-header h2{font-size:13px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--text-primary)}.page-header-sub{font-size:10px;color:var(--text-tertiary);letter-spacing:.1em;text-transform:uppercase}.page-header-actions{display:flex;gap:var(--sp-3);align-items:center}.page-content{background-color:var(--black);border:1px solid var(--border);padding:var(--sp-6);color:var(--text-secondary);font-size:12px;transition:background-color .2s ease}.projects-content{padding:0;overflow:hidden;background:none;border:none}.project-table{width:100%;border:1px solid var(--border)}.project-table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-emphasis);background-color:var(--surface-1)}.project-table-header span{font-size:10px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--text-tertiary)}.project-table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);cursor:pointer;transition:background-color var(--duration);align-items:center}.project-table-row:last-child{border-bottom:none}.project-table-row:hover{background-color:var(--surface-hover)}.project-name{font-size:12px;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:var(--sp-2)}.project-status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.project-status-dot.active{background-color:var(--signal-success)}.project-status-dot.draft{background-color:var(--text-tertiary)}.project-status-dot.shared{background-color:var(--text-secondary)}.project-cell{font-size:12px;color:var(--text-secondary)}.project-cell-label{display:none}.project-stats{display:flex;gap:0;margin-bottom:var(--sp-6);border:1px solid var(--border)}.project-stat{flex:1;padding:var(--sp-4) var(--sp-5);text-align:center;border-right:1px solid var(--border)}.project-stat:last-child{border-right:none}.project-stat-value{font-size:20px;font-weight:600;color:var(--text-primary);line-height:1.2;margin-bottom:var(--sp-1)}.project-stat-label{font-size:9px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--text-tertiary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border:1px solid var(--border-emphasis);background-color:transparent;color:var(--text-secondary);font-family:inherit;font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:all var(--duration);white-space:nowrap}.btn:hover{background-color:var(--surface-hover);color:var(--text-primary);border-color:var(--border-strong)}.btn-primary{background-color:var(--inverted-bg);border-color:var(--inverted-bg);color:var(--inverted-text);font-weight:600}.btn-primary:hover{opacity:.85}.btn-icon{width:14px;height:14px}.loading{display:flex;align-items:center;justify-content:center;height:100vh;width:100%;color:var(--text-tertiary);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.canvas-container{width:100%;height:500px;position:relative;background-color:#050014;border:1px solid var(--border);overflow:hidden}.canvas-loading,.canvas-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-tertiary);text-align:center;font-size:10px;font-weight:500;letter-spacing:.15em;text-transform:uppercase}.canvas-error{color:var(--signal-danger)}.login-container{display:flex;align-items:center;justify-content:center;height:100vh;width:100%;background-color:var(--black);transition:background-color .2s ease}.login-box{background-color:var(--black);padding:var(--sp-10);width:100%;max-width:360px;border:1px solid var(--border);transition:background-color .2s ease}.login-box h1{color:var(--text-primary);font-size:13px;font-weight:500;letter-spacing:.25em;text-transform:uppercase;margin-bottom:var(--sp-8);text-align:center}.login-error{border:1px solid rgba(239,68,68,.3);color:var(--signal-danger);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-5);font-size:11px}.form-group{margin-bottom:var(--sp-5)}.form-group label{display:block;color:var(--text-tertiary);font-size:9px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--sp-2)}.form-group input{width:100%;padding:var(--sp-3) var(--sp-3);background-color:var(--control-bg);border:1px solid var(--control-border);color:var(--text-primary);font-family:inherit;font-size:12px;transition:border-color var(--duration),background-color .2s ease}.form-group input:focus{outline:none;border-color:var(--text-secondary)}.form-group input::placeholder{color:var(--text-muted)}.login-box button{width:100%;padding:var(--sp-3);background-color:var(--inverted-bg);border:1px solid var(--inverted-bg);color:var(--inverted-text);font-family:inherit;font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:opacity var(--duration);margin-top:var(--sp-2)}.login-box button:hover{opacity:.85}.login-box button:disabled{opacity:.4;cursor:not-allowed}.placeholder-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-12) var(--sp-8);text-align:center;gap:var(--sp-4)}.placeholder-icon{width:32px;height:32px;color:var(--text-muted)}.placeholder-text{font-size:11px;color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase}.placeholder-subtext{font-size:10px;color:var(--text-muted)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--border-emphasis)}::-webkit-scrollbar-thumb:hover{background-color:var(--border-strong)}.back-btn{padding:var(--sp-2) var(--sp-3);font-size:14px;line-height:1;min-width:0}.detail-section{margin-bottom:var(--sp-8)}.detail-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}.detail-section-header .detail-section-title{margin-bottom:0}.detail-section-title{font-size:10px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--sp-3)}.btn-sm{padding:4px 10px;font-size:10px}.detail-table-header{display:grid;grid-template-columns:2fr 1fr 48px;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-emphasis);background-color:var(--surface-1)}.detail-table-header span{font-size:10px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--text-tertiary)}.detail-table-row{display:grid;grid-template-columns:2fr 1fr 48px;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);cursor:pointer;transition:background-color var(--duration);align-items:center}.detail-table-row:last-child{border-bottom:none}.detail-table-row:hover{background-color:var(--surface-hover)}.detail-table-actions{display:flex;justify-content:flex-end}.context-menu-wrapper{position:relative}.context-menu-trigger{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:16px;line-height:1;padding:var(--sp-1) var(--sp-2);transition:color var(--duration);font-family:inherit}.context-menu-trigger:hover{color:var(--text-primary)}.context-menu-dropdown{position:absolute;top:100%;right:0;z-index:100;min-width:140px;background-color:var(--surface-2);border:1px solid var(--border-emphasis);display:flex;flex-direction:column}.context-menu-item{background:none;border:none;padding:var(--sp-2) var(--sp-4);color:var(--text-secondary);font-family:inherit;font-size:11px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;text-align:left;cursor:pointer;transition:all var(--duration)}.context-menu-item:hover{background-color:var(--surface-hover);color:var(--text-primary)}.context-menu-item-danger{color:var(--signal-danger)}.context-menu-item-danger:hover{color:var(--signal-danger);background-color:var(--surface-hover)}.note-editor-textarea{width:100%;min-height:500px;background-color:var(--surface-1);border:1px solid var(--border);color:var(--text-primary);font-family:JetBrains Mono,Courier New,monospace;font-size:12px;line-height:1.7;padding:var(--sp-6);resize:vertical;transition:border-color var(--duration),background-color .2s ease}.note-editor-textarea:focus{outline:none;border-color:var(--border-strong)}