:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#213249;background:#f3f6fa;font-size:14px;--blue:#087fc3;--line:#e5eaf0;--muted:#66778c;--green:#168361}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}[hidden]{display:none!important}.topbar{min-height:80px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:16px 32px;gap:14px}.brand-mark{display:grid;place-items:center;background:#e3f4fd;color:var(--blue);width:44px;height:44px;border-radius:14px;font-size:26px}.brand{display:grid;gap:4px}.brand strong{font-size:17px;letter-spacing:-.4px}.brand span{color:var(--muted);font-size:12px}.top-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto}main{max-width:1340px;padding:30px 32px 50px;margin:auto}.eyebrow{font-size:10px;letter-spacing:1.7px;color:#718399;font-weight:750}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1.2;letter-spacing:-.8px;margin:8px 0 10px}h2{font-size:20px;letter-spacing:-.4px}h3{font-size:15px;margin-bottom:7px}p{color:var(--muted);line-height:1.6}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.panel{background:white;border:1px solid var(--line);border-radius:14px;box-shadow:0 3px 12px #21324903}.button{border:1px solid #dbe3ec;background:white;color:#31435a;padding:10px 15px;border-radius:7px;font-weight:650;white-space:nowrap;min-height:40px}.button:hover{background:#f0f6fb}.button.primary{background:var(--blue);border-color:var(--blue);color:white}.button.primary:hover{background:#076da7}.button.quiet{background:transparent;border-color:transparent;color:var(--muted)}:focus-visible{outline:3px solid #7ac7ef;outline-offset:3px}.badge{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:20px;background:#edf2f7;color:#62758d;font-size:12px;font-weight:650;white-space:nowrap}.badge.active{background:#e6f5ef;color:#157755}.badge.warning{background:#fff3d9;color:#8d6211}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.metrics article{display:grid;padding:20px 23px;background:#fff;border:1px solid var(--line);border-radius:12px;gap:5px}.metrics article>span{color:var(--muted);font-size:12px}.metrics strong{font-size:30px;font-weight:650;letter-spacing:-1px}.metrics small{font-size:11px;color:#8190a3}.layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;align-items:start}.connections{padding:20px 12px}.section-heading{display:flex;align-items:center;justify-content:space-between;padding:0 9px 17px}.section-heading h2{font-size:14px;letter-spacing:0}.counter{background:#edf2f7;font-size:11px;padding:2px 6px;border-radius:5px;color:#66778c}#bridge-list{display:grid;gap:5px}.connection{display:flex;align-items:center;text-align:left;gap:11px;background:transparent;border:1px solid transparent;border-radius:9px;padding:13px 10px;width:100%;color:inherit}.connection:hover{background:#f5f8fb}.connection.selected{background:#eaf5fc;border-color:#d2eafa}.connection-text{display:grid;gap:4px;overflow:hidden}.connection strong{font-size:13px;overflow:hidden;text-overflow:ellipsis}.connection small{font-size:11px;color:var(--muted)}.connection-dot{width:8px;height:8px;border-radius:50%;background:#a5b1be;flex:none}.connection-dot.active{background:#24a67b}.aside-note{font-size:11px;line-height:1.7;color:#8090a1;border-top:1px solid var(--line);padding:16px 9px 0;margin-top:18px}code{font-family:ui-monospace,monospace;color:#2477a4;font-size:.95em}.editor{padding:25px 27px;min-width:0}.editor-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:26px}.editor-heading h2{margin:7px 0 5px}.muted{color:#8795a6;font-size:11px}.form-section{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--line)}.form-section p{font-size:12px;margin-bottom:15px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:grid;gap:7px;font-size:12px;font-weight:650}input:not([type=checkbox]),textarea,select{width:100%;border:1px solid #dbe3ec;border-radius:7px;background:#fff;padding:11px 12px;color:#243952;min-width:0}input::placeholder,textarea::placeholder{color:#a4aebc}textarea{resize:vertical;line-height:1.6}label small,.switch-row small{font-size:11px;font-weight:400;line-height:1.6;color:#8290a0}fieldset{border:0;padding:0;margin:0;min-width:0}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.chip{font-size:11px;background:#eef5fa;color:#3d7698;border-radius:5px;padding:5px 8px}.switch-row{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-bottom:24px}.switch-row label{display:flex;align-items:center;gap:8px;white-space:nowrap}input[type=checkbox]{accent-color:var(--blue);height:16px;width:16px}.form-footer{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:10px}.form-footer>span{font-size:11px;color:#8290a0}.button-row{display:flex;gap:7px}.notice{border:1px solid #badff2;background:#eaf6fd;border-radius:8px;padding:13px 16px;margin-bottom:18px;color:#2a6a8b;line-height:1.6}.notice.error{border-color:#efc5c5;background:#fff3f3;color:#9c4242}.empty{padding:35px 15px;text-align:center}.empty p{margin-top:12px}.welcome{max-width:690px;padding:48px;margin:40px auto}.welcome h1{margin:14px 0 18px;font-size:33px}.welcome .button{margin-top:24px}.welcome p{max-width:490px}.installation-id{font-size:21px;font-weight:650;margin-top:18px}.attention-panel{margin-top:22px;padding:24px}.attention-panel p{font-size:12px;margin:9px 0 15px}.attention-row{padding:11px 0;border-top:1px solid var(--line);font-size:12px;color:#6e7e93}dialog{border:1px solid var(--line);border-radius:16px;padding:28px;width:560px;max-width:calc(100% - 32px);color:#213249;box-shadow:0 20px 80px #16355040}dialog::backdrop{background:#182f4c66}dialog .editor-heading{margin-bottom:12px}dialog label{margin-top:16px}dialog p{font-size:12px}.dialog-footer{display:flex;justify-content:flex-end;margin-top:24px}.dialog-footer .button{min-width:150px}@media(max-width:1000px){.layout{grid-template-columns:220px minmax(0,1fr)}.topbar{padding:15px 22px}main{padding:25px 22px}.editor{padding:22px}.form-footer{align-items:flex-start;flex-direction:column}.button-row{align-self:flex-end}.switch-row{align-items:flex-start;flex-direction:column}}@media(max-width:730px){.topbar{flex-wrap:wrap}.top-actions{width:100%;margin:0}.layout{grid-template-columns:1fr}.connections{padding:16px}.connections .aside-note{display:none}#bridge-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.intro{align-items:flex-start;flex-direction:column}.metrics{gap:8px}.metrics article{padding:15px 12px}.metrics strong{font-size:25px}.metrics small{font-size:10px}.field-grid{grid-template-columns:1fr}.welcome{padding:28px;margin:20px 0}.welcome h1{font-size:28px}.editor-heading{align-items:flex-start}.button-row{flex-wrap:wrap}.badge{font-size:11px}.top-actions .button{font-size:12px}main{padding:20px 15px}h1{font-size:25px}}
#setup-form{display:grid;gap:16px;margin-top:20px}#setup-form .button{justify-self:start;margin-top:4px}
#company-form{display:grid;gap:18px;margin-top:24px}.peer-consent{display:flex;align-items:flex-start;gap:10px;line-height:1.6}.peer-consent input{flex:none}#peer-workspace>.notice{margin-bottom:24px}#peer-workspace .intro{align-items:flex-start;flex-wrap:wrap}#peer-workspace .button-row{flex-wrap:wrap}#peer-list .connection{overflow-wrap:anywhere}#share-code,#paste-code{font-family:ui-monospace,monospace;word-break:break-all}#share-dialog p{margin:15px 0}#peer-edit .form-footer{flex-wrap:wrap}.top-actions{max-width:100%}.brand{min-width:0}.brand span{overflow-wrap:anywhere}#peer-workspace .badge{white-space:normal}@media(max-width:730px){#peer-workspace .editor-heading{flex-wrap:wrap}.top-actions .button{white-space:normal}}
#server-form{display:grid;gap:18px;margin-top:24px}#server-form .button{justify-self:start}#online-workspace .intro{flex-wrap:wrap;align-items:flex-start}#online-workspace .button-row{flex-wrap:wrap}#online-invitations{margin:0 0 22px}.online-invitation{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}.online-invitation>span{margin-right:auto;overflow-wrap:anywhere}#online-edit .badge{white-space:normal}#online-edit .form-footer{flex-wrap:wrap}#online-installation{overflow-wrap:anywhere}@media(max-width:730px){#online-edit .editor-heading{flex-wrap:wrap}}
#online-title,#online-peer-domain{overflow-wrap:anywhere}
.button.danger{color:#b42318;border-color:#e6aaa3;background:#fff}.button.danger:hover{background:#fff1f0}#delete-summary{overflow-wrap:anywhere;line-height:1.65}#delete-dialog .dialog-footer{gap:12px;flex-wrap:wrap}