:root{--ink:#12323a;--muted:#5b7279;--line:#d3e0e2;--bg:#f3f7f7;--card:#fff;--accent:#0b7480;--danger:#b3261e;color:var(--ink);background:var(--bg);font-family:system-ui,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body,h1,h2{margin:0}a{color:var(--accent)}button,input,select,textarea{font:inherit;color:inherit}button{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:6px;padding:.4em .85em}button:hover{border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.danger{color:var(--danger)}input,select,textarea{border:1px solid var(--line);background:var(--card);border-radius:6px;padding:.35em .5em}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.center{text-align:center;max-width:30rem;margin:15vh auto;padding:0 1rem}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:2rem}.card h1{margin-bottom:.75rem;font-size:1.4rem}.muted{color:var(--muted);font-size:.9em}.error{color:var(--danger)}.bar{background:var(--card);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.bar h1{margin-inline-end:auto;font-size:1.05rem}.page{max-width:56rem;margin:1.5rem auto;padding:0 1rem}.row{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.list li{background:var(--card);border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem .8rem;display:flex}.list .name{flex:12rem;font-weight:600;text-decoration:none}.editor{flex-direction:column;height:100vh;display:flex}.bar label{align-items:center;gap:.25rem;display:inline-flex}.banner{color:var(--danger);background:#fdecea;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem 1rem;display:flex}.workspace{flex:1;min-height:0;display:flex}.tools{background:var(--card);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.25rem;padding:.35rem 1rem;display:flex}.tools button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.side{background:var(--card);border-inline-end:1px solid var(--line);flex:none;width:15rem;padding:.5rem;overflow-y:auto}.side h3{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:.75rem .25rem .25rem;font-size:.75rem}.lib{text-align:start;border:0;align-items:baseline;gap:.4rem;width:100%;padding:.3rem .4rem;display:flex}.lib:hover{background:var(--bg)}.lib .muted{white-space:nowrap;margin-inline-start:auto}.canvas{touch-action:none;background:#dfe8ea;flex:1;position:relative;overflow:hidden}.side-end{border-inline-end:0;border-inline-start:1px solid var(--line)}.hint{margin:.75rem .25rem}.props label{gap:.2rem;margin:.5rem .25rem;font-size:.85rem;display:grid}.props label.check{align-items:center;gap:.4rem;display:flex}.props input:not([type=checkbox]){width:100%}.props p{margin:.5rem .25rem}.align{grid-template-columns:repeat(3,1fr);gap:.25rem;margin:.5rem .25rem;display:grid}.actions{gap:.5rem;margin:.75rem .25rem;display:flex}.dialog{border:1px solid var(--line);max-width:26rem;color:var(--ink);border-radius:10px;padding:1rem 1.25rem}.dialog h3{margin:0 0 .5rem}.dialog label{align-items:center;gap:.4rem;margin:.4rem 0;display:flex}.dialog.share{width:100%;max-width:40rem}.dialog.share input[readonly]{direction:ltr;flex:14rem}.stack{text-align:start;gap:.3rem;margin:.75rem 0;display:grid}.tabs{gap:.25rem;display:flex}.tabs button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.note{background:#e6f4f1;margin:0;padding:.4rem 1rem}.admin-side{width:19rem;padding:.5rem .75rem}.admin-side label{gap:.2rem;margin:.5rem 0;display:grid}.north{align-items:center;gap:.5rem;display:flex}.north input{width:5rem}.editor .editor{flex:1;height:auto;min-height:0}.editor .editor .lang{display:none}.admin-page{flex:1;width:100%;max-width:72rem;min-height:0;margin:0 auto;padding:1rem;overflow:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:start;border-bottom:1px solid var(--line);padding:.25rem}.table th{color:var(--muted);font-size:.8rem;font-weight:600}.table input:not([type=color]){width:100%;min-width:4.5rem}.table .icon-input{text-align:center;width:3rem;min-width:0}.invite{flex-wrap:wrap;justify-content:flex-start;gap:.5rem;margin-bottom:.25rem}.invite input{flex:16rem}.thread{border:1px solid var(--line);border-radius:8px;margin:.4rem .25rem;padding:.4rem .5rem}.thread.open{border-color:var(--accent)}.thread.resolved{opacity:.7}.thread p{white-space:pre-wrap;margin:.35rem 0}.thread-head{text-align:start;background:0 0;border:0;align-items:baseline;gap:.4rem;width:100%;padding:0;display:flex}.pin-no{color:#fff;background:#e67e22;border-radius:50%;place-items:center;min-width:1.4rem;height:1.4rem;font-size:.75rem;font-weight:700;display:inline-grid}.reply{border-inline-start:2px solid var(--line);padding-inline-start:.75rem}.note-form textarea{resize:vertical;width:100%}@media (width<=700px){.workspace{flex-direction:column;overflow-y:auto}.canvas{flex:none;height:60vh}.side,.admin-side{border:0;border-top:1px solid var(--line);width:auto;max-height:none;overflow:visible}}