:root{--bg: #f6f7f8;--surface: #ffffff;--surface-2: #f2f3f5;--fg: #16181d;--fg-2: #3a3f47;--muted: #71767f;--border: #e6e8eb;--border-strong: #d3d6db;--accent: #16181d;--accent-hover: #2c2f36;--accent-fg: #ffffff;--ring: rgba(22, 24, 29, .14);--ok: #067647;--ok-bg: #ecfdf3;--warn: #b54708;--warn-bg: #fffaeb;--danger: #b42318;--danger-bg: #fef3f2;--radius: 10px;--radius-sm: 8px;--shadow: 0 1px 2px rgba(16, 18, 22, .04), 0 1px 3px rgba(16, 18, 22, .06);--font: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);font-size:14px;line-height:1.5;background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0 0 2px;font-weight:650;letter-spacing:-.01em}h2{font-size:20px}h3{font-size:15px}a{color:var(--fg);text-decoration:none}a:hover{text-decoration:underline}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:18px;padding:10px clamp(12px,4vw,24px);background:#ffffffd9;-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--border);flex-wrap:wrap}.topbar>strong{font-size:15px;letter-spacing:-.02em}.topbar nav{display:flex;gap:4px;flex-wrap:wrap}.topbar nav a{padding:6px 10px;border-radius:var(--radius-sm);color:var(--muted);font-weight:550}.topbar nav a:hover{background:var(--surface-2);color:var(--fg);text-decoration:none}.topbar nav a.active{background:var(--accent);color:var(--accent-fg)}.topbar .spacer{flex:1}.content{max-width:1000px;margin:22px auto;padding:0 clamp(12px,4vw,20px)}section>h2{margin-bottom:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin:12px 0;box-shadow:var(--shadow)}.card h3{margin-bottom:10px}.card.todo{border-style:dashed;background:var(--surface-2);box-shadow:none}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;margin:10px 0;font-size:13px;color:var(--fg-2);font-weight:550}input,select{display:block;width:100%;margin-top:5px;padding:8px 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--fg);font:inherit;transition:border-color .12s,box-shadow .12s}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}button{margin-top:10px;padding:8px 14px;border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-fg);font:inherit;font-weight:600;cursor:pointer;transition:background .12s,border-color .12s,opacity .12s}button:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{background:var(--surface);color:var(--fg);border-color:var(--border-strong)}button.secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong)}button.danger{background:var(--surface);color:var(--danger);border-color:var(--danger)}button.danger:hover:not(:disabled){background:var(--danger-bg);border-color:var(--danger)}button.link{background:none;border:none;color:var(--muted);padding:0;margin:0 0 0 10px;font-weight:550;text-decoration:underline}button.link:hover:not(:disabled){background:none;color:var(--fg)}table.grid{width:100%;border-collapse:collapse;margin:12px 0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}table.grid th,table.grid td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--border);font-size:13px}table.grid th{background:var(--surface-2);color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.03em;font-size:11px}table.grid tbody tr:last-child td{border-bottom:none}table.grid tbody tr:hover td{background:var(--surface-2)}.mono,code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;color:var(--fg-2)}.muted{color:var(--muted)}.state{padding:16px;color:var(--muted);text-align:center}.state.error{color:var(--danger);text-align:left}.state.empty{border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface)}.inline-error{margin-top:10px;padding:8px 10px;color:var(--danger);background:var(--danger-bg);border:1px solid #fecdca;border-radius:var(--radius-sm);font-size:13px;display:flex;flex-direction:column;gap:2px}.notice{padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);margin:12px 0;color:var(--fg-2)}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:600;background:var(--surface-2);color:var(--fg-2)}.badge.online,.badge.status-ready{background:var(--ok-bg);color:var(--ok)}.badge.offline,.badge.status-failed{background:var(--danger-bg);color:var(--danger)}.badge.status-building,.badge.status-queued{background:var(--warn-bg);color:var(--warn)}.auth-page{max-width:380px;margin:12vh auto;padding:0 16px}.auth-page h1{text-align:center;font-size:22px;letter-spacing:-.02em;margin-bottom:14px}.auth-page .card{box-shadow:var(--shadow)}.invite{margin-top:10px;display:flex;flex-direction:column;gap:4px;word-break:break-all}.editor{display:grid;grid-template-columns:1fr 300px;gap:12px;align-items:start}.editor-canvas-wrap{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:12px;overflow:auto}.editor-canvas{position:relative;outline:1px solid var(--border-strong)}.editor-block{position:absolute;box-sizing:border-box;border:1px solid transparent;overflow:hidden;cursor:move}.editor-block.selected{border:1px solid var(--accent);box-shadow:0 0 0 2px var(--ring)}.editor-block .handle{position:absolute;right:-5px;bottom:-5px;width:12px;height:12px;background:var(--accent);border-radius:2px;cursor:nwse-resize}.editor-side .card{position:sticky;top:64px}.editor-toolbar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.editor-toolbar button{margin-top:0}.prop-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.editor-json{max-height:220px;overflow:auto;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px;font-size:11.5px;white-space:pre-wrap;word-break:break-all}@media (max-width: 860px){.editor{grid-template-columns:1fr}}.filters{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin:14px 0}.filters label{flex:1 1 180px;margin:0}.filters button{flex:0 0 auto}.ms-field{margin:10px 0}.ms-label{font-size:13px;color:var(--fg-2);font-weight:550}.ms{position:relative;margin-top:5px}.ms-control{width:100%;display:flex;align-items:center;gap:8px;text-align:left;margin-top:0;padding:6px 10px;min-height:38px;font-weight:500}.ms-tags{display:flex;flex-wrap:wrap;gap:4px;flex:1}.ms-chip{display:inline-flex;align-items:center;gap:5px;padding:1px 4px 1px 8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:12px;font-weight:550;color:var(--fg-2)}.ms-chip.unresolved{background:var(--warn-bg);color:var(--warn);border-color:#f5d9a8}.ms-x{cursor:pointer;opacity:.55;font-weight:700;font-size:14px;line-height:1;padding:0 2px}.ms-x:hover{opacity:1}.ms-caret{margin-left:auto;opacity:.55}.ms-panel{position:absolute;z-index:50;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:0 8px 28px #10121629;padding:8px}.ms-search{margin:0 0 8px}.ms-list{max-height:220px;overflow:auto;display:flex;flex-direction:column;gap:2px}.ms-option{display:flex;align-items:center;gap:8px;margin:0;padding:5px 6px;border-radius:6px;cursor:pointer;font-weight:500;color:var(--fg)}.ms-option:hover{background:var(--surface-2)}.ms-option.selected{background:var(--surface-2);font-weight:600}.ms-single{flex:1;color:var(--fg);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ms-option input[type=checkbox]{width:auto;margin:0;display:inline-block;flex:none}.ms-option.unresolved span{color:var(--warn);word-break:break-all}.ms-group{font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);margin:8px 4px 2px;font-weight:600}.ms-empty{padding:10px 6px;color:var(--muted);font-size:13px;text-align:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#10121673;display:flex;align-items:flex-start;justify-content:center;padding:5vh 16px;z-index:100;overflow:auto}.modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;max-width:760px;width:100%;padding:20px 24px;box-shadow:0 12px 48px #10121647}.modal header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.modal header h2{flex:1;margin:0}.modal h3{margin:16px 0 4px}.modal p,.modal li{color:var(--fg-2)}.modal ul{margin:4px 0;padding-left:18px}.modal code{background:var(--surface-2);padding:1px 5px;border-radius:4px}@media (max-width: 640px){body{font-size:13.5px}.content{margin:14px auto}.two-col{grid-template-columns:1fr}.topbar{gap:10px}.topbar .muted{width:100%;order:5}table.grid th,table.grid td{padding:8px 9px}}