.database-demo[data-v-6033f9ed]{height:600px;overflow-x:auto}.database-demo[data-v-6033f9ed]>.app-window{min-width:760px}.database-demo__main[data-v-6033f9ed]{flex-direction:column;height:100%;display:flex;position:relative}.database-demo__toolbar[data-v-6033f9ed]{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:10px 12px;display:flex}.database-demo__views[data-v-6033f9ed]{gap:4px;display:flex}.database-demo__view[data-v-6033f9ed]{height:30px;color:var(--content-dim-color);transition:background-color .2s var(--ease-out), color .2s var(--ease-out);background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;font-weight:600;display:inline-flex}.database-demo__view[data-v-6033f9ed]:hover{color:var(--content-bright-color)}.database-demo__view--active[data-v-6033f9ed]{background:var(--container-high-color);color:var(--content-bright-color)}.database-demo__summary[data-v-6033f9ed]{color:var(--content-dark-color);margin-left:auto;font-size:12px}.database-demo__add[data-v-6033f9ed]{background:var(--primary-color);height:30px;color:var(--on-primary-color);border:0;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:650;display:inline-flex}.database-demo__add[data-v-6033f9ed]:hover{background:var(--primary-hover-color)}.database-demo__view-area[data-v-6033f9ed]{flex:1;min-height:0}.database-demo__view-component[data-v-6033f9ed]{height:100%}:is(.database-demo__view-area[data-v-6033f9ed] .mock-db__card,.database-demo__view-area[data-v-6033f9ed] .mock-db__row:not(.mock-db__row--head),.database-demo__view-area[data-v-6033f9ed] .mock-db__event,.database-demo__view-area[data-v-6033f9ed] .mock-db__bar,.database-demo__view-area[data-v-6033f9ed] .mock-db__pin){cursor:pointer}.database-demo__toasts[data-v-6033f9ed]{pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:14px;right:14px}.database-demo__toast[data-v-6033f9ed]{background:var(--card-color);border:1px solid var(--border-color);box-shadow:var(--dropdown-shadow);border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.database-demo__toast[data-v-6033f9ed]>.icon{color:var(--success-color)}.database-demo__toast-title[data-v-6033f9ed]{color:var(--content-bright-color);font-weight:650}.database-view-enter-active[data-v-6033f9ed],.database-view-leave-active[data-v-6033f9ed]{transition:opacity .22s var(--ease-out), transform .22s var(--ease-out)}.database-view-enter-from[data-v-6033f9ed]{opacity:0;transform:translateY(8px)scale(.99)}.database-view-leave-to[data-v-6033f9ed]{opacity:0}.database-toast-enter-active[data-v-6033f9ed],.database-toast-leave-active[data-v-6033f9ed]{transition:opacity .3s var(--ease-out), transform .3s var(--ease-out)}.database-toast-enter-from[data-v-6033f9ed],.database-toast-leave-to[data-v-6033f9ed]{opacity:0;transform:translateY(10px)}