.data-toolbar{display:flex;gap:9px;margin-bottom:17px}.data-toolbar select,.data-toolbar input{height:38px;border:1px solid #deded8;border-radius:6px;background:#fff;padding:0 10px;font:11px 'DM Sans';color:#51544e;outline-color:#9185df}.data-toolbar select{min-width:230px}.data-toolbar input{flex:1}.data-browser{display:grid;grid-template-columns:1.35fr .85fr;gap:16px}.data-list,.record-preview{border:1px solid #e2e2dc;border-radius:9px;background:#fff}.data-list-heading{display:flex;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #efeee9;color:#888b83;font-size:10px}.data-rows{max-height:530px;overflow:auto}.data-row{display:grid;grid-template-columns:1.5fr .8fr .8fr;gap:8px;width:100%;text-align:left;border:0;border-bottom:1px solid #efeee9;background:#fff;padding:13px 16px;cursor:pointer;color:#777a72;font:10px 'DM Sans'}.data-row:hover{background:#faf9ff}.data-row-title{font-size:11px;font-weight:600;color:#373a34}.data-row p{grid-column:1/-1;font-size:10px;line-height:1.4;color:#888b83;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-row time{font-size:9px;color:#999b94}.record-preview{padding:19px;max-height:600px;overflow:auto}.record-preview h3{font-size:15px;line-height:1.35;margin:6px 0 8px}.record-meta{font-size:10px;line-height:1.4;color:#898c84;padding-bottom:14px;border-bottom:1px solid #efeee9}.record-preview article{white-space:pre-wrap;font-size:11px;line-height:1.6;color:#595c55;padding-top:15px}.source-footer{gap:14px}@media(max-width:900px){.data-browser{grid-template-columns:1fr}.record-preview{min-height:230px}}@media(max-width:640px){.data-toolbar{display:grid;grid-template-columns:1fr}.data-toolbar select{min-width:0}.data-row{grid-template-columns:1fr}.data-row p{grid-column:1}.data-row time{display:none}}
.modal{overflow-y:auto;align-items:flex-start}.modal-card{max-height:calc(100vh - 40px);overflow-y:auto;margin:auto}.modal-card .close{position:sticky;top:-16px;float:right;z-index:2;background:#fff;border-radius:50%}.oauth-hint{margin:16px 0 9px;padding:9px 10px;border:1px solid #e5e5df;border-radius:6px;background:#f8f8f5;color:#75786f;font-size:10px;line-height:1.45}.oauth-hint code{display:block;overflow-wrap:anywhere;color:#5f55bd;margin-top:3px}.google-oauth{height:41px;width:100%;border:1px solid #dcdcd7;border-radius:6px;background:#fff;color:#393b36;font:12px 'DM Sans';font-weight:600;cursor:pointer;box-shadow:0 1px 2px #2020200c}.google-oauth:hover{background:#fafafa;border-color:#bbbdb7}.google-oauth span{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:8px;border-radius:50%;background:#4285f4;color:#fff;font:bold 11px Arial}.google-oauth:disabled{opacity:.65;cursor:wait}@media(max-width:640px){.modal{padding:10px}.modal-card{max-height:calc(100vh - 20px);padding:24px 20px}.modal-card h2{font-size:21px}}