1 line
5.3 KiB
CSS
1 line
5.3 KiB
CSS
|
:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f7fa;color:#17202a}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,code{font:inherit}.app-shell{display:grid;grid-template-rows:54px minmax(0,1fr);height:100vh;background:#f5f7fa}.topbar{display:flex;align-items:center;gap:12px;min-width:0;padding:0 14px;border-bottom:1px solid #d9e0e8;background:#fff}.brand{display:inline-flex;align-items:center;gap:8px;min-width:170px;font-size:14px;font-weight:760}.session-select{min-width:150px;max-width:230px;height:34px;padding:0 32px 0 10px;border:1px solid #c8d1dc;border-radius:8px;background:#fff;color:#263241;font:inherit;font-size:13px}.connection-pill,.metric{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 10px;border:1px solid #ccd5df;border-radius:8px;background:#f8fafc;font-size:12px;white-space:nowrap}.connection-pill strong{min-width:19px;height:19px;padding:1px 5px;border-radius:999px;background:#263241;color:#fff;text-align:center}.status-dot{width:8px;height:8px;border-radius:999px;background:#8a96a3}.status-connected .status-dot{background:#1d9b5b}.status-connecting .status-dot{background:#c48a13}.status-error .status-dot,.status-disconnected .status-dot{background:#c44235}.metric span{color:#657181}.metric strong{font-variant-numeric:tabular-nums}.toolbar{display:inline-flex;align-items:center;gap:6px;margin-left:auto}.icon-button{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid #c8d1dc;border-radius:8px;background:#fff;color:#263241;cursor:pointer}.icon-button:hover{border-color:#7d8794;background:#f1f4f8}.icon-button:active{transform:translateY(1px)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 380px;min-height:0}.graph-stage{position:relative;min-width:0;min-height:0;overflow:hidden;background:#fbfcfd}.graph-canvas{position:absolute;inset:0}.side-panel{display:flex;min-width:0;min-height:0;flex-direction:column;overflow:auto;border-left:1px solid #d9e0e8;background:#fff}.panel-section{padding:16px;border-bottom:1px solid #e5eaf0}.panel-section h2{margin:0 0 12px;color:#4b5563;font-size:12px;font-weight:760;letter-spacing:0;text-transform:uppercase}.node-details{display:grid;gap:10px}.node-details>strong{font-size:18px}.pin-row,.pin-edit-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:34px;padding:7px 9px;border:1px solid #d9e0e8;border-radius:8px}.pin-row span,.pin-edit-row span{overflow:hidden;color:#657181;text-overflow:ellipsis}.session-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;font-size:13px}.session-summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-summary span{color:#657181}.import-form{display:grid;gap:10px}.import-form input,.import-form textarea{width:100%;border:1px solid #ccd5df;border-radius:8px;background:#fff;color:#17202a;font:inherit}.import-form input{height:34px;padding:0 10px}.import-form textarea{min-height:180px;resize:vertical;padding:10px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.45}.import-actions{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px}.file-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;border-radius:8px;font-size:13px;cursor:pointer}.file-button{position:relative;padding:0 11px;border:1px solid #c8d1dc;background:#fff}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.primary-button{border:1px solid #1f5fc8;background:#2c6bed;color:#fff;font-weight:700}.primary-button:disabled{cursor:not-allowed;opacity:.62}.error-text{margin:0;color:#b42318;font-size:13px}.segmented{display:inline-grid;grid-template-columns:repeat(3,34px);height:30px;overflow:hidden;border:1px solid #c8d1dc;border-radius:8px}.segmented button{border:0;border-right:1px solid #c8d1dc;background:#fff;color:#263241;cursor:pointer;font-family:SFMono-Regular,Consolas,Libera
|