:root{--ground:#f4f5f2;--surface:#fff;--ink:#1d2126;--muted:#5d6570;--rule:#d9ddd6;--accent:#2f5d9e;--hand:#c2410c;--warn:#9a3412;--font:"Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;font:14px/1.4 var(--font);background:var(--ground);color:var(--ink);margin:0}#bar{background:var(--surface);border-bottom:1px solid var(--rule);z-index:20;align-items:center;gap:12px;height:44px;padding:0 14px;display:flex;position:fixed;inset:0 0 auto}#bar .brand{font-size:15px}#bar .space{color:var(--muted)}#bar input[type=search]{border:1px solid var(--rule);width:260px;font:inherit;border-radius:6px;padding:5px 8px}#bar button{border:1px solid var(--rule);background:var(--surface);font:inherit;cursor:pointer;border-radius:6px;padding:5px 10px}#bar button[aria-pressed=true]{border-color:var(--accent);background:#e8eef8}.muted{color:var(--muted);font-size:12.5px}#canvas{position:fixed;inset:44px 0 0;overflow:hidden}aside{background:var(--surface);border:1px solid var(--rule);z-index:15;border-radius:8px;width:340px;padding:12px 14px;position:fixed;top:52px;bottom:8px;overflow:auto;box-shadow:0 4px 18px #00000014}#slice{width:270px;left:8px}#lupa{right:8px}aside h2{margin:0 0 6px;font-size:16px;line-height:1.25}aside h3{color:var(--muted);letter-spacing:.02em;margin:14px 0 6px;font-size:12.5px;font-weight:600}aside .close{float:right;cursor:pointer;color:var(--muted);background:0 0;border:0;font-size:18px}aside label{margin:3px 0;display:block}aside select{font:inherit;width:100%;padding:3px}.chip{background:#eef0ec;border-radius:10px;margin:0 4px 4px 0;padding:1px 7px;font-size:12px;display:inline-block}.links a{color:var(--ink);border-bottom:1px dotted var(--rule);cursor:pointer;padding:3px 0;text-decoration:none;display:block}.links a:hover{color:var(--accent)}.links .kind{color:var(--muted);font-size:12px}.links .hand{color:var(--hand)}.kv{grid-template-columns:110px 1fr;gap:2px 8px;font-size:13px;display:grid}.kv dt{color:var(--muted)}.kv dd{overflow-wrap:anywhere;margin:0}.disabled{color:var(--muted)}.actions{flex-wrap:wrap;gap:6px;display:flex}.actions button,.pop button{border:1px solid var(--rule);background:var(--surface);font:inherit;cursor:pointer;border-radius:6px;padding:4px 9px}.actions button:hover,.pop button:hover{border-color:var(--accent)}.unlink{color:var(--hand);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:15px}.pop{z-index:30;background:var(--surface);border:1px solid var(--rule);border-radius:8px;min-width:260px;padding:10px 12px;position:fixed;box-shadow:0 6px 22px #00000024}.pop input{border:1px solid var(--rule);width:100%;font:inherit;border-radius:6px;margin:4px 0 8px;padding:5px 7px}.pop .row{justify-content:flex-end;gap:6px;display:flex}.pop .hint{color:var(--muted);font-size:12.5px}#mode{z-index:25;background:#fff4e5;border:1px solid #e0a35a;border-radius:6px;padding:5px 12px;position:fixed;top:52px;left:50%;transform:translate(-50%)}#ghosts,#sessions{right:8px}#login{background:var(--surface);border:1px solid var(--rule);border-radius:10px;max-width:420px;margin:120px auto 0;padding:24px 28px}#login h1{margin:0 0 8px;font-size:22px}#login button{border:1px solid var(--accent);font:inherit;cursor:pointer;background:#e8eef8;border-radius:6px;padding:8px 18px}@media (width<=700px){#canvas{display:none}#lupa,#slice{width:auto;left:8px;right:8px}#bar input[type=search]{width:100%}}