main section#db-container{display:flex;flex-flow:column nowrap;gap:1rem}#db-toolbar{display:flex;flex-flow:column nowrap;gap:.75rem}.db-path{display:flex;align-items:center;gap:0;border:2px solid var(--draw-color-primary);border-radius:.5rem;background-color:var(--background-color-surface);overflow:hidden}.db-path input{flex:auto;min-width:0;padding:.75rem;border:none;background:0 0;color:var(--text-color-surface);font-size:.9375rem;font-family:inherit;outline:none}.db-path input::placeholder{color:var(--text-color-discrete);opacity:.6}.db-path input:focus{background-color:color-mix(in srgb,var(--draw-color-primary) 5%,transparent)}.db-sep{color:var(--text-color-discrete);opacity:.4;font-size:1.25rem;flex-shrink:0;user-select:none}.db-actions{display:flex;gap:.375rem;flex-wrap:wrap}.db-btn{padding:.5rem 1rem;border:1px solid var(--draw-color-surface);border-radius:.375rem;background:0 0;color:var(--text-color-surface);font-family:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;transition:border-color 150ms ease,background-color 150ms ease}.db-btn:hover:not(:disabled){border-color:var(--draw-color-primary);color:var(--draw-color-primary)}.db-btn:disabled{opacity:.4;cursor:not-allowed}.db-btn-create{border-color:var(--color-success);color:var(--color-success)}.db-btn-create:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-success) 10%,transparent);border-color:var(--color-success);color:var(--color-success)}.db-btn-update{border-color:var(--color-warning);color:var(--color-warning)}.db-btn-update:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-warning) 10%,transparent);border-color:var(--color-warning);color:var(--color-warning)}.db-btn-danger{border-color:var(--color-danger);color:var(--color-danger)}.db-btn-danger:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-danger) 10%,transparent);border-color:var(--color-danger);color:var(--color-danger)}#db-editor{display:flex;flex-flow:column nowrap;gap:.25rem}.db-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-color-secondary)}#db-body{padding:.75rem;border:1px solid var(--draw-color-surface);border-radius:.5rem;background-color:var(--background-color-surface);color:var(--text-color-surface);font-family:monospace;font-size:.8125rem;line-height:1.5;resize:vertical;outline:none}#db-body:focus{border-color:var(--draw-color-primary)}#db-status{font-size:.8125rem;font-weight:500;padding:.5rem .75rem;border-radius:.375rem}.db-status-ok{background-color:color-mix(in srgb,var(--color-success) 10%,transparent);color:var(--color-success)}.db-status-error{background-color:color-mix(in srgb,var(--color-danger) 10%,transparent);color:var(--color-danger)}.db-status-info{background-color:color-mix(in srgb,var(--draw-color-primary) 10%,transparent);color:var(--draw-color-primary)}#db-response{display:flex;flex-flow:column nowrap;gap:.25rem}#db-response pre{padding:.75rem;border:1px solid var(--draw-color-surface);border-radius:.5rem;background-color:var(--background-color-surface);color:var(--text-color-surface);font-size:.75rem;line-height:1.5;overflow-x:auto;white-space:pre-wrap;word-break:break-word;margin:0;max-height:24rem}#db-results{display:flex;flex-flow:column nowrap;gap:.25rem}.db-doc{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--draw-color-surface);border-radius:.375rem;background-color:var(--background-color-surface);cursor:pointer;transition:border-color 150ms ease}.db-doc:hover{border-color:var(--draw-color-primary)}.db-doc-id{font-weight:600;font-size:.875rem;color:var(--draw-color-primary);flex:auto}.db-doc-owner{font-size:.75rem;color:var(--text-color-secondary)}.db-doc-date{font-size:.6875rem;color:var(--text-color-secondary);opacity:.6}