:root{--bg: #0a0d12;--panel: #12161e;--panel2: #171c26;--border: #232b38;--border-hi: #35415a;--text: #e8ebf1;--muted: #8b95a7;--accent: #ffc83d;--accent-dim: #b8912a;--blue: #4da3ff;--ok: #39d98a;--warn: #ffb020;--err: #ff5d5d;--mono: ui-monospace, "Cascadia Code", Consolas, "Courier New", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:16px;-webkit-text-size-adjust:100%}#app{min-height:100vh;display:flex;flex-direction:column}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:1.6rem;margin:.4em 0}h2{font-size:1.2rem;margin:.4em 0}h3{font-size:1.05rem;margin:.3em 0}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.pad{padding:12px}.small{font-size:.8rem}.big{font-size:2.4rem}.center{text-align:center}.boot{display:grid;place-items:center;min-height:60vh;color:var(--muted);font-size:1.1rem}.topbar{display:flex;align-items:center;gap:14px;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.brand{font-weight:700;font-size:1.05rem;color:var(--accent);white-space:nowrap}.brand:hover{text-decoration:none}.topbar nav{display:flex;gap:4px}.topbar nav a{padding:6px 12px;border-radius:8px;color:var(--text);font-weight:500}.topbar nav a.active{background:var(--panel2);color:var(--accent)}.topbar .spacer{flex:1}.hint{color:var(--muted);font-size:.8rem}button{font:inherit;background:var(--panel2);color:var(--text);border:1px solid var(--border-hi);border-radius:8px;padding:8px 14px;cursor:pointer;min-height:38px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);color:#16130a;border-color:var(--accent);font-weight:700}button.ghost{background:transparent;border-color:var(--border);color:var(--muted)}button.ghost:hover:not(:disabled){color:var(--text);border-color:var(--border-hi)}button.ghost.small{padding:2px 8px;min-height:26px;font-size:.75rem}button.tab{border-radius:8px 8px 0 0;border-bottom:none}button.tab.active{color:var(--accent);border-color:var(--border-hi);background:var(--panel2)}button.tab.disabled{opacity:.35}input,select,textarea{font:inherit;background:var(--panel2);color:var(--text);border:1px solid var(--border-hi);border-radius:8px;padding:9px 12px;min-height:40px;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-dim);border-color:var(--accent)}textarea{min-height:90px;resize:vertical}input[type=checkbox]{width:auto;min-height:0}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px}.error{color:var(--err)}.badge{display:inline-block;padding:2px 10px;border-radius:99px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge.ready{background:#39d98a26;color:var(--ok)}.badge.pending{background:#ffb02026;color:var(--warn)}.badge.failed{background:#ff5d5d26;color:var(--err)}.chip{display:inline-block;padding:2px 8px;border-radius:6px;background:var(--panel2);border:1px solid var(--border);font-size:.8rem}.login-wrap{flex:1;display:grid;place-items:center;padding:24px}.login{width:min(380px,100%);display:flex;flex-direction:column;gap:12px}.login input{font-size:1.05rem}.page{flex:1;padding:18px;max-width:1100px;margin:0 auto;width:100%}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.toolbar input[type=search]{flex:1 1 240px;max-width:420px}.toolbar select{width:auto;min-width:130px}.typebar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.typebar button{padding:6px 14px;border-radius:99px}.typebar button.active{background:var(--accent);color:#16130a;border-color:var(--accent);font-weight:700}.mlist{display:flex;flex-direction:column;gap:8px}.mrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px 14px;cursor:pointer}.mrow:hover{border-color:var(--accent-dim);background:var(--panel2)}.mrow .name{font-weight:600;flex:1 1 200px}.mrow .name .brandmuted{color:var(--muted);font-weight:500}.mrow .meta{color:var(--muted);font-size:.8rem}.mrow .icons{color:var(--muted);font-size:.9rem;letter-spacing:2px}.loadmore{margin:16px auto;display:block}.viewer{flex:1;display:flex;flex-direction:column;min-height:0}.viewer-bar{display:flex;align-items:center;gap:10px;padding:8px 14px;background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap}.viewer-bar strong{font-size:1.05rem}.split{flex:1;display:grid;gap:1px;background:var(--border);grid-template-columns:1fr minmax(320px,42%);min-height:0}.split.pdf-left{grid-template-columns:minmax(320px,42%) 1fr}.pane{background:var(--bg);min-width:0;min-height:0;overflow:auto;position:relative}.pane-bar{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap;position:sticky;top:0;z-index:5}.pane-bar input{min-height:34px;padding:5px 10px;flex:1 1 120px;max-width:220px}.pane-bar button{min-height:34px;padding:4px 10px;font-size:.85rem}.pane-bar .counter{color:var(--muted);font-size:.8rem}.pdf-scroll{padding:16px;overflow:auto;height:100%}.pdf-scroll canvas{display:block;margin:0 auto;background:#fff;box-shadow:0 4px 24px #00000080;border-radius:2px}.placeholder{display:grid;place-items:center;text-align:center;padding:30px;height:100%;align-content:center}.placeholder .btn{display:inline-block;padding:8px 16px;border:1px solid var(--border-hi);border-radius:8px;background:var(--panel2);margin-top:10px;color:var(--text)}.board-canvas{display:flex;flex-direction:column;height:100%;min-height:0}.board-canvas canvas{flex:1;min-height:0}.board-status{padding:4px 12px;font-size:.78rem;color:var(--muted);border-top:1px solid var(--border);background:var(--panel);font-family:var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pinrow{display:flex;justify-content:space-between;gap:12px;padding:2px 0;cursor:pointer}.pinrow:hover{color:var(--accent)}.netlink{color:var(--fly, #39d98a)}.nets-area{display:grid;grid-template-rows:auto 1fr;min-height:0;padding:8px 10px;gap:6px}.nets-area input{min-height:34px}.nets-list{overflow:auto;display:flex;flex-direction:column;gap:2px}.netrow{padding:3px 8px;border-radius:6px;cursor:pointer;font-size:.85rem}.netrow:hover{background:var(--panel2)}.netrow.sel{background:#ffc83d26;color:var(--accent)}.infopanel{border-top:1px solid var(--border);background:var(--panel);height:220px;display:flex;flex-direction:column;flex-shrink:0}.infopanel .tabs{display:flex;gap:4px;padding:6px 10px 0;border-bottom:1px solid var(--border)}.notes-area{flex:1;display:grid;grid-template-columns:1fr 300px;min-height:0}.notes-list{overflow:auto;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.note{background:var(--panel2);border:1px solid var(--border);border-radius:8px;padding:8px 10px}.note-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.note-body{white-space:pre-wrap;font-size:.9rem}.note-editor{display:flex;flex-direction:column;gap:8px;padding:10px;border-left:1px solid var(--border)}.note-editor textarea{flex:1;min-height:60px;font-size:.9rem}.admin-grid{display:grid;grid-template-columns:minmax(300px,380px) 1fr;gap:16px;align-items:start}.admin-list{display:flex;flex-direction:column;gap:6px;max-height:70vh;overflow:auto}.arow{display:flex;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--panel);cursor:pointer}.arow:hover,.arow.sel{border-color:var(--accent-dim)}.arow.sel{background:var(--panel2)}.arow .nm{flex:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid .full{grid-column:1 / -1}.form-grid label{display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:var(--muted)}.dropzone{border:2px dashed var(--border-hi);border-radius:10px;padding:18px;text-align:center;color:var(--muted);cursor:pointer;background:var(--panel2)}.dropzone.drag{border-color:var(--accent);color:var(--accent)}.dropzone small{display:block;margin-top:4px}.progress{height:8px;background:var(--panel2);border-radius:99px;overflow:hidden;margin-top:8px}.progress>div{height:100%;background:var(--accent);transition:width .2s}.statusbar{display:flex;gap:18px;align-items:center;flex-wrap:wrap;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px 16px;margin-bottom:16px}.statusbar .num{font-size:1.3rem;font-weight:700;color:var(--accent)}.storagebar{flex:1 1 260px}.storagebar .track{height:10px;background:var(--panel2);border-radius:99px;overflow:hidden;border:1px solid var(--border)}.storagebar .fill{height:100%;background:var(--ok)}.storagebar.warn .fill{background:var(--warn)}.storagebar.over .fill{background:var(--err)}.msgbar{padding:8px 12px;border-radius:8px;background:var(--panel2);border:1px solid var(--border);margin:10px 0}@media(max-width:900px){.split,.split.pdf-left{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.notes-area{grid-template-columns:1fr}.note-editor{border-left:none;border-top:1px solid var(--border)}.admin-grid{grid-template-columns:1fr}.topbar .hint{display:none}}