:root{--bg:#f7f7fb;--surface:#fff;--text:#1b1b1f;--muted:#6b6b76;--border:#e3e3ea;--primary:#6965db;--primary-hover:#5753c9;--primary-text:#fff;--danger:#d63b3b;--danger-bg:#fdecec;--hover:#f0f0f5;--shadow:0 10px 40px #1414282e;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-family:Assistant,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#121216;--surface:#1d1d23;--text:#e8e8ee;--muted:#9a9aa6;--border:#2f2f38;--primary:#a8a5ff;--primary-hover:#bcbaff;--primary-text:#16161c;--danger:#ff7b7b;--danger-bg:#3a1c1f;--hover:#26262e;--shadow:0 10px 40px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}.page{min-height:100%}.container{max-width:960px;margin:0 auto;padding:32px 16px 64px}.app-header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;display:flex}.brand{color:var(--text);align-items:center;gap:10px;font-size:18px;font-weight:700;display:inline-flex}.brand:hover{text-decoration:none}.brand img{width:28px;height:28px}.brand-large{justify-content:center;margin-bottom:8px;font-size:24px}.brand-large img{width:40px;height:40px}.header-nav{align-items:center;gap:18px;font-size:14px;display:flex}.header-user{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.page-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.page-title h1{font-size:26px}.section-title{margin:36px 0 12px;font-size:18px}.fullscreen-message{text-align:center;height:100%;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.button{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:14px;transition:background .12s,border-color .12s;display:inline-flex}.button:hover:not(:disabled){background:var(--hover)}.button:disabled{opacity:.6;cursor:default}.button.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text);font-weight:600}.button.primary:hover:not(:disabled){background:var(--primary-hover)}.button.danger-ghost{color:var(--danger)}.button.danger-ghost:hover:not(:disabled){background:var(--danger-bg)}.button.small{padding:5px 10px;font-size:13px}.button.block{width:100%}.link-button,.icon-button{font:inherit;color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0}.icon-button{color:var(--muted);border-radius:6px;width:28px;height:28px;font-size:16px}.icon-button:hover{background:var(--hover)}.form{flex-direction:column;gap:14px;display:flex}.form label{flex-direction:column;gap:6px;font-size:14px;font-weight:500;display:flex}.form label.checkbox{flex-direction:row;align-items:center;gap:8px;font-weight:400}input:not([type=checkbox]){border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:8px;padding:9px 12px;font-size:15px}input:focus{outline:2px solid var(--primary);outline-offset:-1px}.form-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.alert{background:var(--danger-bg);color:var(--danger);border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:14px}.form .alert{margin-bottom:0}.badge{background:var(--hover);color:var(--muted);vertical-align:1px;border-radius:999px;margin-left:8px;padding:1px 7px;font-size:12px;font-weight:500;display:inline-block}.badge-danger{background:var(--danger-bg);color:var(--danger)}.auth-page{justify-content:center;align-items:center;min-height:100%;padding:16px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:380px;box-shadow:var(--shadow);border-radius:14px;padding:32px 28px}.drawing-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:0;padding:0;list-style:none;overflow:hidden}.drawing-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:0 12px 0 0;display:flex}.drawing-row:last-child{border-bottom:none}.drawing-row:hover{background:var(--hover)}.drawing-link{min-width:0;color:var(--text);flex-direction:column;flex:1;gap:3px;padding:14px 16px;display:flex}.drawing-link:hover{text-decoration:none}.drawing-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.row-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.empty{text-align:center;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);color:var(--muted);padding:48px 16px}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:14px}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 14px}.table th{color:var(--muted);font-size:13px;font-weight:600}.table tr:last-child td{border-bottom:none}.disabled-row td{opacity:.55}.disabled-row td:last-child{opacity:1}.table .row-actions{flex-wrap:nowrap}.modal-backdrop{z-index:10000;background:#0a0a1473;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);width:100%;max-width:420px;max-height:calc(100vh - 32px);color:var(--text);box-shadow:var(--shadow);border-radius:14px;padding:20px 22px 22px;font-family:Assistant,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-y:auto}.modal-wide{max-width:580px}.modal-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.modal-header h2{text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.share-sections{flex-direction:column;gap:20px;display:flex}.share-section h3{margin-bottom:4px;font-size:15px}.share-section p{margin:0 0 10px}.share-row{gap:8px;display:flex}.share-row input{flex:1;min-width:0;font-size:13px}.member-list{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.member-list li{justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.token-secret{border:1px solid var(--primary);border-radius:var(--radius);flex-direction:column;gap:8px;margin-bottom:10px;padding:12px;display:flex}.token-secret p{margin:0}.code-block{background:var(--hover);white-space:pre-wrap;word-break:break-all;border-radius:6px;margin:0;padding:8px 10px;font-size:12px}.board{position:fixed;inset:0}.board-status{color:var(--color-gray-60,#777);white-space:nowrap;align-items:center;gap:6px;margin-left:12px;font-size:12px;display:inline-flex}.board-status-dot{background:#40c057;border-radius:50%;width:8px;height:8px}.board-status-connecting .board-status-dot{background:#fab005}.board-status-offline .board-status-dot{background:#fa5252}.board-context-toolbar{z-index:4;color:#1b1b1f;white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:4px;height:36px;padding:0 4px;font-size:13px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 0 0 1px #00000014,0 4px 14px #0000001f}.board-context-toolbar button{height:28px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 10px}.board-context-toolbar button:hover:not(:disabled){background:#f0f0f5}.board-context-toolbar button:disabled{opacity:.4;cursor:default}.board-context-toolbar button.danger{color:#d63b3b}.board-context-hint{color:#6b6b76;padding:0 8px}.board-context-toolbar-dark{color:#e8e8ee;background:#232329;box-shadow:0 0 0 1px #ffffff14,0 4px 14px #00000080}.board-context-toolbar-dark button:hover:not(:disabled){background:#31313a}.board-context-toolbar-dark button.danger{color:#ff7b7b}.board-context-toolbar-dark .board-context-hint{color:#9a9aa6}.board-context-group{border-right:1px solid #00000014;align-items:center;gap:2px;padding:0 4px;display:inline-flex}.board-context-toolbar-dark .board-context-group{border-right-color:#ffffff1a}.board-context-label{color:#6b6b76;padding:0 4px}.board-context-toolbar-dark .board-context-label{color:#9a9aa6}.board-context-group button{padding:0 7px}.board-cell-highlight{z-index:3;pointer-events:none;box-sizing:border-box;background:#1a73e80f;border:2px solid #1a73e8;border-radius:2px;position:fixed}.board-cell-highlight.board-table-dark{background:#8ab4f814;border-color:#8ab4f8}.board-table-handle{z-index:3;cursor:pointer;background:#e3e3ea;border:0;border-radius:3px;padding:0;transition:background .1s;position:fixed;transform:translate(-50%,-50%)}.board-table-handle-col{height:8px}.board-table-handle-row{width:8px}.board-table-handle:hover{background:#b9c7dc}.board-table-handle-touched{background:#c6dafc}.board-table-handle-active,.board-table-handle-active:hover{background:#1a73e8}.board-table-handle.board-table-dark{background:#34343c}.board-table-handle.board-table-dark:hover{background:#4a5568}.board-table-handle-touched.board-table-dark{background:#3c4a63}.board-table-handle-active.board-table-dark,.board-table-handle-active.board-table-dark:hover{background:#8ab4f8}@media (width<=640px){.app-header{padding:10px 16px}.header-nav{gap:12px;font-size:13px}.header-user{display:none}.drawing-row{flex-direction:column;align-items:stretch;padding:0 0 12px}.drawing-link{padding-bottom:8px}.row-actions{justify-content:flex-start;padding:0 16px}.share-row{flex-wrap:wrap}.board-status,.board-context-hint{display:none}}