:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5;font-weight:450;--bg: #ffffff;--sidebar-bg: #fbfbfa;--card: #ffffff;--fg: #1f2328;--muted: #6b7280;--border: #e6e7ea;--btn-bg: #ffffff;--hover: rgba(0, 0, 0, .04);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light]{--bg: #ffffff;--sidebar-bg: #fbfbfa;--card: #ffffff;--fg: #1f2328;--muted: #6b7280;--border: #e6e7ea;--btn-bg: #ffffff;--hover: rgba(0, 0, 0, .04)}:root[data-theme=dark]{--bg: #0f1115;--sidebar-bg: #141823;--card: #0f1115;--fg: #e7e9ee;--muted: #a1a6b0;--border: #242a35;--btn-bg: #0f1115;--hover: rgba(255, 255, 255, .06)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0f1115;--sidebar-bg: #141823;--card: #0f1115;--fg: #e7e9ee;--muted: #a1a6b0;--border: #242a35;--btn-bg: #0f1115;--hover: rgba(255, 255, 255, .06)}}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg)}a{color:inherit}.appShell{display:grid;grid-template-columns:280px 1fr;height:100vh;width:100%}.appShell.sidebarHidden{grid-template-columns:0 1fr}.appShell.sidebarHidden .sidebar{display:none}.appMain{grid-column:2;min-width:0;height:100vh;overflow:auto;background:var(--bg);color:var(--fg)}.pageLoading{padding:24px;color:var(--muted)}.authShell{height:100vh;display:grid;place-items:center;background:var(--bg);color:var(--fg);padding:24px}.authCard{width:min(440px,100%);border:1px solid var(--border);background:var(--card);border-radius:14px;padding:18px 18px 16px;box-shadow:0 18px 50px #00000014}.authBrand{font-weight:900;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.authTitle{font-size:22px;font-weight:900;margin:8px 0 12px}.authForm{display:grid;gap:12px}.authLabelText{font-size:12px;color:var(--muted);font-weight:800;margin-bottom:6px}.authInput{width:100%;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--fg);padding:10px 12px;font-size:14px;box-sizing:border-box}.authHint{margin-top:6px;font-size:12px;color:var(--muted)}.authError{border:1px solid color-mix(in oklab,#e11d48 50%,var(--border) 50%);background:color-mix(in oklab,#e11d48 10%,var(--bg) 90%);color:color-mix(in oklab,#e11d48 65%,var(--fg) 35%);padding:10px 12px;border-radius:12px;font-size:13px}.authSubmit{width:100%;padding:10px 12px;border-radius:12px}.authSubmit:disabled{opacity:.6;cursor:not-allowed}.nbtn{background:var(--btn-bg);color:var(--fg);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-weight:600;cursor:pointer}.nbtn:hover{background:color-mix(in oklab,var(--btn-bg) 80%,var(--fg) 6%)}.nbtn:disabled{opacity:.55;cursor:not-allowed}.nbtn.subtle{background:transparent}.nbtn.subtle:hover{background:var(--hover)}.iconBtn{background:transparent;border:none;color:var(--muted);cursor:pointer;padding:4px 6px;border-radius:8px}.iconBtn svg{display:block}.iconBtn:hover{background:var(--hover);color:var(--fg)}.sidebar{grid-column:1;height:100vh;overflow:auto;background:var(--sidebar-bg);border-right:1px solid var(--border);padding:10px 10px 12px}.sidebarRevealBtn{position:fixed;top:10px;left:10px;z-index:20;width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:color-mix(in oklab,var(--sidebar-bg) 75%,var(--bg) 25%);color:var(--fg);font-weight:900;cursor:pointer;display:grid;place-items:center}.sidebarRevealBtn:hover{background:var(--hover)}.sbWorkspaceHeader{display:flex;align-items:center;gap:6px}.sbWorkspace{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;flex:1;min-width:0;text-align:left;background:transparent;border:none;cursor:pointer;color:inherit}.sbWorkspace:hover{background:var(--hover)}.sbWorkspaceWrap{position:relative}.sbWorkspaceCaret{margin-left:auto;color:var(--muted);font-weight:900}.sbSidebarToggleBtn{width:32px;height:32px;border:1px solid var(--border);background:transparent}.sbSidebarToggleBtn:hover{background:var(--hover);color:var(--fg)}.popover.sbWorkspacePopover{left:0;right:auto;top:44px;width:260px}.sbAvatar{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:color-mix(in oklab,var(--sidebar-bg) 70%,var(--fg) 10%);color:var(--fg);font-weight:800}.sbWorkspaceName{font-weight:700;font-size:14px}.sbWorkspaceSub{font-size:12px;color:var(--muted)}.sbNav{margin-top:8px}.sbSearchRow{margin:10px 0 6px}.sbSearch{width:100%;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:10px;padding:8px 10px;font-size:13px}.sbItem{display:flex;align-items:center;gap:8px;height:30px;padding:0 10px;border-radius:10px;color:var(--fg);text-decoration:none;user-select:none;-webkit-user-select:none}.sbItem:hover{background:var(--hover)}.sbItem.dndOver{outline:1px solid color-mix(in oklab,#3b82f6 55%,var(--border) 45%);background:color-mix(in oklab,#3b82f6 12%,var(--hover) 88%)}.sbItem.dndDragging{opacity:.65}.sbItem.active{background:color-mix(in oklab,var(--hover) 70%,var(--fg) 6%)}.sbItem.disabled{opacity:.55;cursor:not-allowed}.sbIcon{width:18px;display:inline-flex;justify-content:center;color:var(--muted);font-size:14px}.sbTreeToggle{width:16px;height:16px;display:inline-grid;place-items:center;background:transparent;border:none;padding:0;border-radius:6px;color:var(--muted);cursor:pointer;flex:0 0 auto}.sbTreeToggle:hover{background:var(--hover);color:var(--fg)}.sbTreeToggle:disabled{opacity:0;cursor:default}.sbLabel{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sbSpacer{flex:1}.sbIconBtn{opacity:0;background:transparent;border:none;cursor:pointer;padding:2px 6px;border-radius:8px;color:var(--muted)}.sbItem:hover .sbIconBtn{opacity:1}.sbIconBtn:hover{background:var(--hover);color:var(--fg)}.sbSection{margin-top:12px}.sbSectionTitle{padding:6px 10px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.sbEmpty{padding:0 10px;color:var(--muted);font-size:12px}.sbFooter{margin-top:14px;display:grid;gap:8px}.sbBtn{background:var(--btn-bg);border:1px solid var(--border);border-radius:10px;padding:8px 10px;cursor:pointer;font-weight:700;text-align:left}.sbBtn:hover{background:var(--hover)}.home{max-width:980px;margin:0 auto;padding:30px 26px 120px}.homeHeader{text-align:center;margin:30px 0 24px}.homeTitle{font-size:34px;font-weight:800;letter-spacing:-.02em}.homeSub{color:var(--muted);margin-top:6px}.homeSection{margin:22px 0}.homeSectionTitle{color:var(--muted);font-size:12px;margin-bottom:10px;display:flex;align-items:center;gap:8px}.homeCards{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}@media(max-width:1100px){.homeCards{grid-template-columns:repeat(3,1fr)}}.homeCard{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:10px;text-decoration:none;color:var(--fg);min-height:86px}.homeCard:hover{background:var(--hover)}.homeCardTop{font-size:16px;color:var(--muted)}.homeCardTitle{font-weight:700;margin-top:8px;font-size:13px}.homeCardMeta{color:var(--muted);font-size:11px;margin-top:6px}.homePanel{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:22px;display:grid;gap:8px;justify-items:center;text-align:center}.homePanelIcon{font-size:24px;color:var(--muted)}.homePanelText{color:var(--muted);font-size:13px}.homeEmpty{color:var(--muted)}.docPage{max-width:980px;margin:0 auto;padding:24px 22px 120px}.pageTopbar{display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:0;background:color-mix(in oklab,var(--bg) 92%,transparent 8%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 0;border-bottom:1px solid var(--border);z-index:5}.pageTitleRow{display:flex;align-items:center;gap:10px;min-width:0}.pageIcon{color:var(--muted);font-size:18px}.pageTitleInput{border:none;outline:none;background:transparent;color:var(--fg);font-size:22px;font-weight:800;width:100%}.pageActions{display:flex;align-items:center;gap:8px}.docBody{margin-top:14px}.docSubpages{margin-top:18px}.docSubpagesTitle{font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.editor{max-width:900px}.editorToolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;color:var(--muted);font-size:12px}.editorHistoryButtons{display:flex;gap:6px}.editorHistoryButtons .nbtn{padding:4px 8px}.editorStatus{min-height:18px}.ProseMirror{outline:none;padding:10px 0 120px}.ProseMirror p{margin:10px 0}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3{margin:18px 0 10px}.ProseMirror ul,.ProseMirror ol{padding-left:22px}.ProseMirror pre{background:color-mix(in oklab,var(--sidebar-bg) 70%,#000 10%);border:1px solid var(--border);border-radius:12px;padding:12px;overflow:auto}.modalOverlay{position:fixed;inset:0;background:#00000059;display:grid;place-items:center;z-index:50}.modalCard{width:min(980px,92vw);height:min(680px,88vh);background:var(--bg);border:1px solid var(--border);border-radius:14px;box-shadow:0 24px 70px #00000059;overflow:hidden}.modalCard.modalCard--allowOverflow{overflow:visible}.modalCard.modalCard--dialog{width:min(520px,92vw);height:auto;max-height:88vh;overflow:hidden;border-radius:16px}.dialogShell{display:grid;grid-template-rows:auto 1fr auto}.dialogHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px 10px;border-bottom:1px solid var(--border);background:color-mix(in oklab,var(--bg) 92%,var(--sidebar-bg) 8%)}.dialogTitle{font-weight:900;font-size:15px}.dialogClose{font-size:18px;line-height:1}.dialogBody{padding:14px 16px 2px}.dialogMessage{font-size:13px;color:var(--muted);margin-bottom:12px}.dialogField{display:grid;gap:6px;margin-bottom:12px}.dialogGrid{display:grid;grid-template-columns:1fr;gap:10px}@media(min-width:520px){.dialogGrid{grid-template-columns:1fr 1fr}}.dialogLabel{font-size:12px;color:var(--muted);font-weight:700}.dialogInput{width:100%;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:12px;padding:10px 12px;outline:none}.dialogInput:focus{border-color:color-mix(in oklab,var(--border) 30%,#3b82f6 70%);box-shadow:0 0 0 3px color-mix(in oklab,#3b82f6 30%,transparent 70%)}.dialogLinkRow{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.dialogActions{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px 14px;border-top:1px solid var(--border);background:color-mix(in oklab,var(--bg) 92%,var(--sidebar-bg) 8%)}.nbtn.primary{background:color-mix(in oklab,#3b82f6 22%,var(--btn-bg) 78%);border-color:color-mix(in oklab,#3b82f6 40%,var(--border) 60%)}.nbtn.primary:hover{background:color-mix(in oklab,#3b82f6 30%,var(--btn-bg) 70%)}.nbtn.danger{background:color-mix(in oklab,#e11d48 14%,var(--btn-bg) 86%);border-color:color-mix(in oklab,#e11d48 40%,var(--border) 60%);color:color-mix(in oklab,#e11d48 70%,var(--fg) 30%)}.nbtn.danger:hover{background:color-mix(in oklab,#e11d48 18%,var(--btn-bg) 82%)}.toastStack{position:fixed;right:14px;bottom:14px;display:grid;gap:10px;z-index:60}.toast{width:min(420px,calc(100vw - 28px));display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:10px;border:1px solid var(--border);background:color-mix(in oklab,var(--bg) 92%,var(--sidebar-bg) 8%);border-radius:14px;padding:12px;box-shadow:0 14px 40px #0000002e}.toastIcon{width:26px;height:26px;border-radius:10px;display:grid;place-items:center;font-weight:900;background:color-mix(in oklab,var(--border) 70%,var(--fg) 4%);color:var(--fg)}.toast.success .toastIcon{background:color-mix(in oklab,#22c55e 18%,var(--bg) 82%);border:1px solid color-mix(in oklab,#22c55e 30%,var(--border) 70%)}.toast.error .toastIcon{background:color-mix(in oklab,#e11d48 14%,var(--bg) 86%);border:1px solid color-mix(in oklab,#e11d48 30%,var(--border) 70%)}.toastTitle{font-weight:900;font-size:13px;margin-bottom:2px}.toastMessage{font-size:13px;color:var(--muted)}.toastClose{font-size:18px;line-height:1}.settingsShell{height:100%;display:grid;grid-template-columns:260px 1fr}.settingsSidebar{background:var(--sidebar-bg);border-right:1px solid var(--border);padding:14px;overflow:auto;min-width:0}.settingsAccount{display:flex;gap:10px;align-items:center;padding:8px 8px 12px}.settingsAvatar{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:color-mix(in oklab,var(--sidebar-bg) 70%,var(--fg) 10%);font-weight:800}.settingsAccountName{font-weight:800}.settingsAccountSub{font-size:12px;color:var(--muted)}.settingsGroup{margin-top:12px}.settingsGroupTitle{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:10px 8px 6px}.settingsNavItem{width:100%;text-align:left;border:none;background:transparent;padding:7px 10px;border-radius:10px;cursor:pointer;color:var(--fg)}.settingsNavItem:hover{background:var(--hover)}.settingsNavItem.active{background:color-mix(in oklab,var(--hover) 70%,var(--fg) 6%);font-weight:700}.settingsContent{padding:16px 20px;overflow:auto;min-width:0}.settingsTopRow{display:flex;align-items:center;justify-content:space-between}.settingsTitle{font-size:18px;font-weight:800}.settingsClose{background:transparent;border:none;cursor:pointer;color:var(--muted);font-size:18px}.settingsClose svg{display:block}.settingsClose:hover{color:var(--fg)}.settingsSection{margin-top:18px;padding-top:12px;border-top:1px solid var(--border)}.settingsH{font-weight:800;margin-bottom:10px}.settingsRow{display:grid;grid-template-columns:1fr 240px;gap:12px;align-items:center;padding:10px 0}.settingsRow.tight{max-width:640px}.settingsRowTitle{font-weight:700}.settingsRowSub{color:var(--muted);font-size:12px;margin-top:2px}.settingsRow select,.settingsRow input{width:100%;border:1px solid var(--border);border-radius:10px;padding:8px 10px;background:var(--bg);color:var(--fg);box-sizing:border-box;transition:border-color .12s,box-shadow .12s,background .12s}.settingsRow input:focus,.settingsRow select:focus{outline:none;border-color:color-mix(in oklab,#3b82f6 60%,var(--border) 40%);box-shadow:0 0 0 3px color-mix(in oklab,#3b82f6 18%,transparent)}.settingsRow input:disabled,.settingsRow select:disabled{opacity:.7;cursor:not-allowed;background:color-mix(in oklab,var(--bg) 92%,var(--border) 8%)}.settingsRow input:-webkit-autofill,.settingsRow input:-webkit-autofill:hover,.settingsRow input:-webkit-autofill:focus,.settingsRow input:-webkit-autofill:active{-webkit-text-fill-color:var(--fg);caret-color:var(--fg);box-shadow:0 0 0 1000px var(--bg) inset;border:1px solid var(--border)}.settingsHint{color:var(--muted);font-size:12px;margin-top:6px}.settingsActions.tightActions{max-width:640px}.settingsActions{margin-top:16px;display:flex;justify-content:flex-end}.settingsPlaceholder{margin-top:18px;padding:18px;border:1px dashed var(--border);border-radius:12px;color:var(--muted)}.settingsPlaceholderTitle{font-weight:800;color:var(--fg)}.settingsPlaceholderSub{margin-top:6px}.toggle{display:inline-flex;align-items:center;justify-content:flex-end}.toggle input{display:none}.toggle span{width:44px;height:24px;border-radius:999px;background:color-mix(in oklab,var(--border) 75%,var(--fg) 5%);position:relative;transition:background .12s}.toggle span:after{content:"";width:20px;height:20px;border-radius:999px;background:var(--bg);position:absolute;top:2px;left:2px;transition:transform .12s;box-shadow:0 1px 2px #00000040}.toggle input:checked+span{background:#2b77ff}.toggle input:checked+span:after{transform:translate(20px)}.toggle.sm span{width:36px;height:20px}.toggle.sm span:after{width:16px;height:16px}.toggle.sm input:checked+span:after{transform:translate(16px)}.sharePill{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--border);background:var(--btn-bg);border-radius:999px;padding:4px 10px;height:30px}.sharePillLabel{font-size:12px;font-weight:800;color:var(--muted)}.popover{position:absolute;right:0;top:36px;width:320px;background:var(--bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 40px #00000040;overflow:hidden;z-index:10}.ctxMenu{position:fixed;width:240px;background:var(--bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 18px 46px #00000047;padding:6px;z-index:50}.ctxMenuItem{width:100%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;text-align:left;color:var(--fg);font-weight:700}.ctxMenuItem:disabled{opacity:.45;cursor:not-allowed}.ctxMenuItem.danger{color:#ff4d4f}.ctxMenuIcon{width:24px;display:grid;place-items:center;color:var(--muted)}.ctxMenuItem.danger .ctxMenuIcon{color:#ff4d4f}.ctxMenuText{flex:1}.ctxMenuSep{height:1px;background:var(--border);margin:6px}.popoverHeader{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--border)}.popoverTitle{font-weight:800}.popoverSearch{width:calc(100% - 24px);margin:10px 12px;border:1px solid var(--border);border-radius:10px;padding:8px 10px;background:var(--bg);color:var(--fg);box-sizing:border-box;display:block}.popoverList{max-height:320px;overflow:auto;padding:6px 8px 10px}.popoverItem{width:100%;text-align:left;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;border:none;background:transparent;cursor:pointer}.popoverItem:hover{background:var(--hover)}.popoverItem:disabled{opacity:.55;cursor:not-allowed}.popoverItem:disabled:hover{background:transparent}.popoverIcon{width:26px;height:26px;border-radius:8px;border:1px solid var(--border);display:grid;place-items:center;color:var(--muted);font-weight:800}.popoverItemText{font-weight:700}.viewSettingsRight{margin-left:auto;color:var(--muted);font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewSettingsGroupTitle{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:10px 10px 6px}.viewSettingsActionsRow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border)}.viewSettingsList{max-height:420px;overflow:auto;padding:8px}.viewSettingsRow{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.viewSettingsRow:hover{background:var(--hover)}.viewSettingsRow.locked{opacity:.65;cursor:default}.viewSettingsRow input{margin:0}.viewSettingsPropIcon{width:18px;display:inline-block;text-align:center;color:var(--muted)}.viewSettingsPropName{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.ctxOverlay{position:fixed;inset:0;z-index:50}.ctxMenu{position:fixed;min-width:260px;background:var(--bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 40px #00000040;padding:6px;z-index:51}.ctxMenuHeader{display:flex;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid var(--border);margin:-6px -6px 6px}.ctxMenuHeaderIcon{width:28px;height:28px;border-radius:10px;border:1px solid var(--border);display:grid;place-items:center;color:var(--muted);font-weight:900}.ctxMenuHeaderTitle{font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ctxMenuHeaderInfo{margin-left:auto;color:var(--muted);font-weight:800}.ctxMenuItem{width:100%;text-align:left;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;border:none;background:transparent;cursor:pointer}.ctxMenuItem:hover{background:var(--hover)}.ctxMenuItem.active{background:color-mix(in oklab,var(--hover) 75%,var(--bg) 25%)}.ctxMenuItem:disabled{opacity:.55;cursor:not-allowed}.ctxMenuItemIcon{width:22px;color:var(--muted);font-weight:900;display:grid;place-items:center}.ctxMenuItemText{font-weight:700}.ctxMenuItemRight{margin-left:auto;color:var(--muted);font-weight:900}.ctxMenuItem.danger{color:#ef4444}.ctxMenuItem.danger .ctxMenuItemIcon,.ctxMenuItem.danger .ctxMenuItemRight{color:currentColor}.ctxMenuSeparator{height:1px;background:var(--border);margin:6px 8px}.shareShell{min-height:100vh;background:var(--bg)}.shareMain{max-width:1200px;margin:0 auto;padding:14px 16px 80px}.shareTop{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.shareTitleRow{display:flex;align-items:center;gap:10px}.shareTitle{font-size:20px;font-weight:900}.shareBadge{font-size:12px;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:2px 8px;background:color-mix(in oklab,var(--sidebar-bg) 80%,var(--fg) 4%)}.editorWrap{position:relative}.slashMenu{position:fixed;width:320px;background:var(--bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 40px #00000040;overflow:hidden;z-index:20}.slashFilterHint{padding:8px 12px;border-bottom:1px solid var(--border);color:var(--muted);font-size:12px}.slashGroup{padding-top:6px}.slashGroupTitle{padding:6px 10px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.slashItem.active{background:var(--hover)}.slashItem:disabled{opacity:.45;cursor:not-allowed}.pageEmbed{margin:12px 0}.pageEmbedButton{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:var(--card);cursor:pointer;text-align:left}.pageEmbedButton:hover{background:var(--hover)}.pageEmbedButton:disabled{opacity:.6;cursor:not-allowed}.pageEmbedIcon{width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--border);border-radius:8px;color:var(--muted);flex:0 0 auto}.pageEmbedTitle{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pageEmbedSpacer{flex:1}.pageEmbedAction{color:var(--muted);font-size:12px;font-weight:700}.dbEmbed{border:1px solid var(--border);border-radius:14px;background:var(--card);margin:12px 0;overflow:hidden}.dbEmbedHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border)}.dbEmbedTitleRow{display:flex;align-items:center;gap:10px;min-width:0}.dbEmbedIcon{width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--border);border-radius:8px;color:var(--muted);flex:0 0 auto}.dbEmbedTitle{font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dbEmbedView{color:var(--muted);font-size:12px;border:1px solid var(--border);border-radius:999px;padding:2px 8px;flex:0 0 auto}.dbEmbedActions{display:flex;align-items:center;gap:8px}.dbEmbedBody{padding:10px 12px 14px}.dbPage{padding:16px 18px 70px}.dbHeader{position:sticky;top:0;background:color-mix(in oklab,var(--bg) 92%,transparent 8%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:5;padding-bottom:10px}.dbTitleRow{display:flex;align-items:center;gap:10px;padding:10px 6px}.dbIcon{font-size:18px;color:var(--muted)}.dbTitle{border:none;outline:none;background:transparent;color:var(--fg);font-size:22px;font-weight:900;flex:1}.dbHeaderActions{display:flex;gap:8px}.dbViewsRow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 6px}.dbViewTabs{display:flex;align-items:center;gap:6px;position:relative}.dbViewTab{border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer;padding:6px 10px;border-radius:10px;font-weight:700}.dbViewTab:hover{background:var(--hover);color:var(--fg)}.dbViewTab.active{background:var(--hover);border-color:var(--border);color:var(--fg)}.dbViewPlus,.dbViewSettings,.dbPropPlus{position:relative}.dbRightActions{display:flex;align-items:center;gap:10px}.dbBody{padding:8px 6px}.propsShell{height:100%;display:flex;flex-direction:column}.propsTopRow{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid var(--border)}.propsTitle{font-size:16px;font-weight:900}.propsSubtitle{margin-top:2px;font-size:12px;color:var(--muted)}.propsList{padding:14px 32px 14px 16px;overflow:auto;display:grid;gap:10px;scrollbar-gutter:stable}.propCard{border:1px solid var(--border);border-radius:14px;background:var(--card);padding:12px}.propRow{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:start}.propIcon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in oklab,var(--sidebar-bg) 80%,var(--fg) 6%);color:var(--muted);font-weight:900}.propActions{display:flex;align-items:center;gap:8px;flex-shrink:0;justify-self:end}.propDeleteBtn{white-space:nowrap}.propMain{flex:1;min-width:0}.propName{width:100%;border:1px solid var(--border);border-radius:12px;padding:8px 10px;background:var(--bg);color:var(--fg);font-weight:800;box-sizing:border-box;min-width:0}.propMeta{margin-top:8px;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.propType{border:1px solid var(--border);padding:4px 8px;border-radius:999px;background:color-mix(in oklab,var(--bg) 80%,var(--sidebar-bg) 20%)}.propTypePicker{position:relative}.propTypeBtn{appearance:none;cursor:pointer;color:inherit;font:inherit;line-height:inherit;display:inline-flex;align-items:center;gap:6px}.propTypeBtn:disabled{cursor:not-allowed;opacity:.7}.propSaving{font-weight:700}.propOptions{margin-top:12px;padding-top:12px;border-top:1px dashed var(--border)}.propOptionsHeader{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.propToggleRow{display:flex;align-items:center;justify-content:space-between;gap:12px}.propToggleText{min-width:0}.propToggleTitle{font-weight:800;font-size:13px}.propToggleSub{margin-top:2px;font-size:12px;color:var(--muted)}.propOptionsTitle{font-weight:900;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.propOptionsEmpty{font-size:13px;color:var(--muted)}.propOptionsList{display:grid;gap:8px}.propOptionRow{display:grid;grid-template-columns:1fr minmax(160px,240px) 34px;gap:8px;align-items:center}.propOptionColor{display:flex;align-items:center;gap:8px;min-width:0}.optColorDot{width:10px;height:10px;border-radius:999px;background:var(--opt-color, var(--muted));box-shadow:0 0 0 3px color-mix(in oklab,var(--bg) 70%,var(--opt-color, var(--muted)) 30%);flex:0 0 auto}.optColorSelect{flex:1;min-width:0;background:color-mix(in oklab,var(--bg) 90%,var(--opt-color, var(--muted)) 10%);border-color:color-mix(in oklab,var(--border) 80%,var(--opt-color, var(--muted)) 20%)}@media(max-width:560px){.propRow{grid-template-columns:34px minmax(0,1fr)}.propActions{grid-column:2;justify-self:end}.propOptionRow{grid-template-columns:1fr 34px;grid-template-rows:auto auto;align-items:start}.propOptionRow .dbInput,.propOptionRow .propOptionColor{grid-column:1}.propOptionRow .iconBtn{grid-column:2;grid-row:1 / 3;align-self:center;justify-self:end}}.dbTableWrap{overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border:1px solid var(--border);border-radius:14px;background:var(--card)}.dbTable{width:100%;border-collapse:separate;border-spacing:0;min-width:740px}.dbTable th,.dbTable td{border-bottom:1px solid var(--border);border-right:1px solid var(--border);padding:10px;text-align:left;vertical-align:middle}.dbTable th:last-child,.dbTable td:last-child{border-right:none}.dbTable tbody tr:hover td{background:var(--hover)}.dbColHeader{display:inline-flex;align-items:center;gap:8px;min-width:0}.dbColIcon{font-weight:900;color:var(--muted)}.dbTable th{background:color-mix(in oklab,var(--sidebar-bg) 85%,var(--bg) 15%);font-size:12px;color:var(--muted);position:sticky;top:0;z-index:2}.dbColName{font-weight:800}.dbColTh.isDraggable{cursor:grab;-webkit-user-select:none;user-select:none}.dbColTh.isDragging{opacity:.55}.dbColTh.isDropTarget{box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--fg) 18%,transparent 82%)}.dbInput,.dbSelect{width:100%;border:1px solid var(--border);border-radius:10px;padding:7px 9px;background:var(--bg);color:var(--fg);font-size:13px;box-sizing:border-box;min-width:0}.dbHoursCell{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:center}.dbHoursSep{color:var(--muted);font-weight:800;font-size:12px;text-align:center}.dbDateRangeCell{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:center}.dbDateRangeSep{color:var(--muted);font-weight:800;font-size:12px;text-align:center}.dbTitleCell{background:transparent;border:none;padding:0;font-weight:800;cursor:pointer;color:var(--fg);text-align:left}.dbTitleCell:hover{text-decoration:underline}.dbNewRow{background:transparent;border:none;color:var(--muted);padding:10px 8px;cursor:pointer;font-weight:700}.dbNewRow:hover{color:var(--fg)}.dbEmptyCell{color:var(--muted);padding:16px}.dbCellMuted{color:var(--muted);font-size:12px}.dbCellError{color:color-mix(in oklab,#e11d48 65%,var(--fg) 35%);font-size:12px;font-weight:700}.dbCalcRow td{background:color-mix(in oklab,var(--sidebar-bg) 72%,var(--bg) 28%);border-top:1px solid var(--border);padding:8px}.dbGroupHeaderRow td{background:color-mix(in oklab,var(--sidebar-bg) 78%,var(--bg) 22%);border-top:1px solid var(--border);padding:10px}.dbGroupHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:800}.dbGroupTitle{font-weight:900;color:var(--fg)}.dbGroupCount{color:var(--muted);font-weight:800}.dbCalcCell{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:700}.dbCalcLabel{color:var(--muted)}.dbCalcValue{color:var(--fg);font-weight:800}.dbMediaCell{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:140px;position:relative}.dbMediaCell.isDropTarget{border-radius:12px;outline:2px dashed color-mix(in oklab,#2b77ff 70%,var(--fg) 10%);outline-offset:4px}.dbMediaPreviewBtn{border:none;background:transparent;padding:0;display:inline-flex;align-items:center;gap:8px;cursor:pointer;text-align:left;color:inherit}.dbMediaPreviewBtn:hover .dbMediaThumb{border-color:color-mix(in oklab,var(--border) 40%,var(--fg) 14%)}.dbMediaThumbs{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.dbMediaThumb{width:26px;height:26px;border-radius:7px;object-fit:cover;border:1px solid var(--border);background:var(--bg);display:block}.dbMediaFileThumb{display:grid;place-items:center;font-size:10px;font-weight:900;letter-spacing:.4px;color:var(--muted);background:color-mix(in oklab,var(--sidebar-bg) 80%,var(--fg) 6%)}.dbMediaMore{font-size:12px;color:var(--muted);font-weight:800}.dbMediaEmpty{font-size:12px;color:var(--muted)}.dbMediaProgress{position:absolute;left:6px;right:6px;bottom:4px;height:3px;border-radius:999px;background:color-mix(in oklab,var(--border) 55%,transparent);overflow:hidden}.dbMediaProgressBar{height:100%;background:#2b77ff;width:0;transition:width .12s ease}.dbBadge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:color-mix(in oklab,var(--sidebar-bg) 80%,var(--fg) 6%);color:var(--fg);font-size:12px;font-weight:700}.dbEmptyState{color:var(--muted);padding:16px}.dbBoardTop{display:flex;align-items:center;gap:10px;margin-bottom:10px}.dbBoardHint{color:var(--muted);font-size:12px}.dbBoardColumns{display:flex;gap:12px;overflow:auto;padding-bottom:10px}.dbBoardCol{width:280px;flex:0 0 auto;border:1px solid var(--border);border-radius:14px;background:var(--card);overflow:hidden}.dbBoardColHeader{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border)}.dbBoardColTitle{font-weight:900}.dbBoardCards{padding:10px;display:grid;gap:10px}.dbCard{border:1px solid var(--border);border-radius:12px;background:var(--bg);padding:10px}.dbCardTitle{background:transparent;border:none;padding:0;cursor:pointer;font-weight:900;text-align:left}.dbCardTitle:hover{text-decoration:underline}.dbCardMeta{display:flex;align-items:center;gap:8px;margin-top:8px}.dbColEmpty{color:var(--muted);font-size:12px;padding:8px}.dbBoardFooter{height:1px}.dbCalendarTop{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:10px}.dbCalendarTitle{font-weight:900}.dbCalendarActions{display:flex;align-items:center;gap:8px}.dbCalendarGrid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.dbCalendarDow{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding-left:6px}.dbCalendarCell{border:1px solid var(--border);border-radius:12px;background:var(--card);padding:8px;min-height:96px;display:grid;grid-template-rows:auto 1fr;gap:6px}.dbCalendarCell.out{opacity:.55}.dbCalendarCellTop{display:flex;align-items:center;justify-content:space-between;color:var(--muted)}.dbCalendarDay{font-weight:800;color:var(--muted)}.dbCalendarItems{display:grid;gap:6px}.dbCalendarPill{border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:999px;padding:4px 8px;font-size:12px;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dbCalendarPill:hover{background:var(--hover)}.dbCalendarMore{color:var(--muted);font-size:12px}.dbCalendarNoDate{margin-top:18px}.dbCalendarNoDateTitle{color:var(--muted);font-size:12px;margin-bottom:8px}.dbNoDateRow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.dbListTop{display:flex;justify-content:flex-end;margin-bottom:10px}.dbListItems{display:grid;gap:8px}.dbListItem{border:1px solid var(--border);border-radius:14px;background:var(--card);padding:12px;cursor:pointer;text-align:left}.dbListItem:hover{background:var(--hover)}.dbListTitle{font-weight:900}.dbListMeta{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12px}.dbGalleryTop{display:flex;justify-content:flex-end;margin-bottom:10px}.dbGalleryGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.dbGalleryCard{border:1px solid var(--border);border-radius:14px;background:var(--card);overflow:hidden;padding:0;cursor:pointer;text-align:left}.dbGalleryCard:hover{background:var(--hover)}.dbGalleryCover{height:132px;background:color-mix(in oklab,var(--sidebar-bg) 70%,transparent);display:flex;align-items:center;justify-content:center}.dbGalleryCover img{width:100%;height:100%;object-fit:cover;display:block}.dbGallerySlider{position:relative;width:100%;height:100%}.dbGalleryNav{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:#0000008c;color:#fff;font-size:18px;font-weight:900;opacity:0;transition:opacity .12s ease;-webkit-user-select:none;user-select:none}.dbGalleryCard:hover .dbGalleryNav{opacity:1}.dbGalleryNav.left{left:8px}.dbGalleryNav.right{right:8px}.dbGalleryCount{position:absolute;right:8px;bottom:8px;background:#0000008c;color:#fff;font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;-webkit-user-select:none;user-select:none}.dbGalleryEmptyCover{color:var(--muted);font-size:12px}.dbGalleryBody{padding:12px;display:grid;gap:8px}.dbGalleryTitle{font-weight:900}.dbGalleryMeta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12px}.dbChartTop{display:flex;align-items:center;gap:10px;margin-bottom:10px}.dbChartHint{color:var(--muted);font-size:12px}.dbChartBars{border:1px solid var(--border);border-radius:14px;background:var(--card);padding:12px;display:grid;gap:10px}.dbChartRow{display:grid;grid-template-columns:140px 1fr 56px;gap:10px;align-items:center}.dbChartLabel{font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dbChartBar{height:12px;border-radius:999px;background:var(--hover);overflow:hidden}.dbChartBarFill{height:100%;background:#3b82f6}.dbChartCount{text-align:right;color:var(--muted);font-weight:800;font-size:12px}.dbChartFooter{margin-top:10px;color:var(--muted);font-size:12px}.dbTimelineTop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.dbTimelineRight{display:flex;align-items:center;gap:8px}.dbTimelineGroups{display:grid;gap:12px}.dbTimelineGroup{border:1px solid var(--border);border-radius:14px;background:var(--card);overflow:hidden}.dbTimelineGroupHeader{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border)}.dbTimelineDate{font-weight:900}.dbTimelineItems{padding:10px 12px;display:grid;gap:8px}.dbTimelineItem{border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--fg);padding:10px;cursor:pointer;text-align:left;font-weight:800}.dbTimelineItem:hover{background:var(--hover)}.dbTimelineNoDate{margin-top:18px}.dbTimelineNoDateTitle{color:var(--muted);font-size:12px;margin-bottom:8px}.dbTimelineNoDateList{border:1px solid var(--border);border-radius:14px;background:var(--card);padding:10px 12px}.dbFeedTop{display:flex;justify-content:flex-end;margin-bottom:10px}.dbFeedItems{display:grid;gap:8px}.dbFeedItem{border:1px solid var(--border);border-radius:14px;background:var(--card);padding:12px;cursor:pointer;text-align:left}.dbFeedItem:hover{background:var(--hover)}.dbFeedRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.dbFeedTitle{font-weight:900}.dbFeedTime{color:var(--muted);font-size:12px;font-weight:800}.dbFeedMeta{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12px}.dbMapTop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.dbMapHint{color:var(--muted);font-size:12px}.dbMapRight{display:flex;align-items:center;gap:8px}.dbMapItems{display:grid;gap:8px}.dbMapItem{border:1px solid var(--border);border-radius:14px;background:var(--card);padding:12px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:8px 12px;align-items:center}.dbMapTitle{background:transparent;border:none;padding:0;font-weight:900;text-align:left;cursor:pointer;color:var(--fg)}.dbMapTitle:hover{text-decoration:underline}.dbMapLoc{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dbMapActions{grid-row:1 / 3;justify-self:end}.dbForm{display:flex;justify-content:center}.dbFormCard{width:min(720px,100%);border:1px solid var(--border);border-radius:14px;background:var(--card);padding:14px}.dbFormHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.dbFormTitle{font-weight:900}.dbFormFields{display:grid;gap:12px}.dbFormField{display:grid;grid-template-columns:160px 1fr;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.dbFormField:last-child{border-bottom:none}.dbFormLabel{color:var(--muted);font-size:12px;font-weight:800}.dbFormControl{min-width:0}.dbFormCheckbox{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;font-weight:800}.dbFormCheckbox input{width:16px;height:16px}.dbFormUnsupported{color:var(--muted);font-size:12px}.dbFormActions{margin-top:12px;display:flex;align-items:center;gap:10px}.dbFormSuccess{color:var(--muted);font-size:12px;font-weight:800}@media(max-width:560px){.dbChartRow{grid-template-columns:1fr;gap:6px}.dbChartCount{text-align:left}.dbFormField{grid-template-columns:1fr;gap:6px}}.recordPage{max-width:980px;margin:0 auto;padding:18px 22px 120px}.recordTopbar{display:flex;align-items:center;gap:10px;position:sticky;top:0;background:color-mix(in oklab,var(--bg) 92%,transparent 8%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding:10px 0;z-index:5}.recordBreadcrumb{color:var(--muted);font-size:13px}.recordHeader{margin-top:14px}.recordTitle{width:100%;border:none;outline:none;background:transparent;font-size:34px;font-weight:900;letter-spacing:-.02em;color:var(--fg)}.recordProps{margin-top:16px;border:1px solid var(--border);border-radius:14px;background:var(--card);padding:10px 12px}.recordPropRow{display:grid;grid-template-columns:160px 1fr;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.recordPropRow:last-child{border-bottom:none}.recordPropName{color:var(--muted);font-size:12px;font-weight:800}.recordPropType{font-weight:700;color:color-mix(in oklab,var(--muted) 70%,var(--fg) 10%);margin-left:6px}.recordPropValue{display:flex;align-items:center;gap:8px}.recordPropRowMedia{align-items:start}.recordMediaValue{flex-direction:column;align-items:flex-start;gap:10px}.recordMediaGrid{display:flex;flex-wrap:wrap;gap:8px}.recordMediaGrid.isDropTarget{outline:2px dashed color-mix(in oklab,#2b77ff 70%,var(--fg) 10%);outline-offset:6px;border-radius:16px}.recordMediaThumb{width:70px;height:70px;border-radius:14px;border:1px solid var(--border);background:var(--bg);overflow:hidden;position:relative}.recordMediaThumb img{width:100%;height:100%;object-fit:cover;display:block}.recordFileThumb{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px 6px;box-sizing:border-box;background:color-mix(in oklab,var(--sidebar-bg) 82%,var(--fg) 5%);color:var(--muted);text-align:center;text-decoration:none}.recordFileExt{font-size:12px;font-weight:900;letter-spacing:.5px}.recordFileName{width:100%;font-size:10px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:color-mix(in oklab,var(--muted) 70%,var(--fg) 15%)}.recordMediaOverlay{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:flex-start;padding:6px;opacity:0;transition:opacity .12s ease;background:linear-gradient(to bottom,#0000008c,#0000)}.recordMediaThumb:hover .recordMediaOverlay{opacity:1}.recordMediaCover{position:absolute;left:6px;bottom:6px;background:#0000008c;color:#fff;font-size:10px;font-weight:800;padding:2px 7px;border-radius:999px;-webkit-user-select:none;user-select:none}.recordMediaMore{width:70px;height:70px;border-radius:14px;border:1px dashed var(--border);display:grid;place-items:center;color:var(--muted);font-weight:900}.recordMediaEmpty{color:var(--muted);font-size:12px;padding:6px 0}.recordMediaActions{display:flex;gap:10px;align-items:center}.mediaProgress{width:180px;height:4px;border-radius:999px;background:color-mix(in oklab,var(--border) 55%,transparent);overflow:hidden}.mediaProgressBar{height:100%;background:#2b77ff;width:0;transition:width .12s ease}.recordEditor{margin-top:14px}.mediaModalShell{height:100%;display:flex;flex-direction:column}.mediaModalHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:14px 16px;border-bottom:1px solid var(--border);background:color-mix(in oklab,var(--bg) 92%,var(--sidebar-bg) 8%)}.mediaModalTitle{font-size:16px;font-weight:900}.mediaModalSubtitle{margin-top:2px;font-size:12px;color:var(--muted)}.mediaModalBody{padding:14px 16px;overflow:auto}.mediaModalEmpty{color:var(--muted);padding:16px 0}.mediaModalGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.mediaModalItem{display:flex;gap:10px;padding:10px;border-radius:14px;border:1px solid var(--border);background:var(--card);color:inherit;text-decoration:none}.mediaModalItem:hover{border-color:color-mix(in oklab,var(--border) 60%,var(--fg) 12%);background:color-mix(in oklab,var(--card) 90%,var(--sidebar-bg) 10%)}.mediaModalPreview{width:56px;height:56px;border-radius:12px;border:1px solid var(--border);background:var(--bg);overflow:hidden;flex-shrink:0;display:grid;place-items:center}.mediaModalImg{width:100%;height:100%;object-fit:cover;display:block}.mediaModalFile{width:100%;height:100%;display:grid;place-items:center;font-weight:900;letter-spacing:.6px;color:var(--muted);background:color-mix(in oklab,var(--sidebar-bg) 82%,var(--fg) 5%)}.mediaModalMeta{min-width:0;display:flex;flex-direction:column;gap:4px}.mediaModalName{font-size:13px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mediaModalSub{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
