*{margin:0;padding:0;box-sizing:border-box}html{background:var(--bg-neutral-3-rest)}body{background:var(--bg-neutral-3-rest);color:var(--fg-neutral-1-rest);font-family:var(--font-family-base);overflow-x:hidden;user-select:none;-webkit-user-select:none}input,textarea,[contenteditable]{user-select:text;-webkit-user-select:text}#loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-neutral-2-rest);padding:2rem 3rem;border-radius:8px;font-size:var(--font-size-subtitle-1);text-align:center;z-index:1000}#loading.hidden{display:none}body.pane-open{--shell-margin: 20px}body:not(.od4-left-nav-mode) #sourcesAddFolderBtn{display:none}#container{padding-inline-start:var(--shell-start-margin);padding-inline-end:calc(var(--shell-pane-inset, 0px) + var(--shell-margin));padding-bottom:3rem;transition:padding-inline-start .2s ease,padding-inline-end .2s ease}.empty-illustration{width:180px;height:180px;aspect-ratio:auto;position:relative}.empty-frame{width:140px;height:140px;background:var(--empty-frame-bg);border-radius:20px;border:1px solid rgba(255,255,255,.08);position:absolute;top:20px;inset-inline-start:20px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;box-shadow:var(--empty-frame-shadow)}.empty-frame:before{content:"";position:absolute;inset:-2px;border-radius:22px;background:var(--empty-frame-shine);pointer-events:none;z-index:0}.empty-mountains{position:relative;z-index:1;width:100%;height:70%;display:flex;align-items:flex-end;justify-content:center;padding-bottom:0}.empty-mountains svg{width:120px;height:90px}.empty-moon{position:absolute;top:24px;inset-inline-end:30px;width:28px;height:28px;z-index:2}[data-theme=light] .empty-frame{border-color:#0000001a}#sourcesGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(252px,1fr));gap:16px;margin-bottom:1.5rem;padding-inline:6px}.source-tile{position:relative;border-radius:2.25rem;overflow:hidden;aspect-ratio:310 / 248;cursor:pointer;background:transparent;transition:transform .15s ease,box-shadow .15s ease}.source-tile:hover{transform:scale(1.02)}.source-tile:active{transform:scale(.99)}.tile-cover{position:absolute;inset:0;object-fit:cover;width:100%;height:100%}.tile-mask-bg{position:absolute;inset:0;overflow:hidden}.tile-cover-blur{filter:blur(40px)}.tile-photo-body{position:absolute;bottom:0;left:0;width:100%;height:85.3%;overflow:hidden;border-radius:inherit}.tile-cover-placeholder{position:absolute;inset:0;background:var(--card-empty-background);display:flex;align-items:center;justify-content:center}.source-cover-icon{display:flex;align-items:center;justify-content:center;width:92px;height:92px}.source-cover-icon svg{width:92px;height:92px;fill:var(--icon-fill-photo)}[data-theme=light] .source-cover-icon svg{fill:var(--fg-neutral-1-rest)}.tile-overlay{position:absolute;inset:0;background:var(--card-overlay-background-2);pointer-events:none}.tile-badge{position:absolute;top:calc(14.7% + 19px);inset-inline-end:19px;width:32px;height:32px;background:var(--badge-background);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:8px;padding:4px;font-family:Segoe UI,sans-serif;font-size:14px;font-weight:600;color:var(--fg-neutral-static-inverted);display:flex;align-items:center;justify-content:center;gap:0;z-index:2;overflow:hidden;transition:none}.tile-badge-label{display:none;white-space:nowrap;padding-bottom:2px}.source-tile:hover .tile-badge-label{display:inline}.source-tile:hover .tile-badge{width:auto;height:32px;gap:6px;padding-inline-start:6px;padding-inline-end:8px;border-radius:8px}.tile-badge-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tile-badge-icon svg,.tile-badge-icon img{width:20px;height:20px}.tile-info{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-160) var(--spacing-200);z-index:2}.tile-name{font-size:var(--font-size-body-2-stronger);font-weight:var(--font-weight-subtitle-2);color:var(--fg-neutral-static-inverted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;filter:var(--icon-photo-shadow);margin-bottom:var(--spacing-40)}.tile-counts{font-size:var(--font-size-body-1);color:var(--fg-photo-overlay-dim);filter:var(--icon-photo-shadow)}.tile-menu-btn{position:absolute;bottom:12px;inset-inline-end:12px;width:32px;height:32px;border-radius:var(--radius-circular);background:var(--chip-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;color:var(--fg-neutral-static-inverted);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;z-index:3}.source-tile:hover .tile-menu-btn,.source-tile:focus-within .tile-menu-btn{opacity:1}.tile-menu-btn:hover{background:var(--chip-bg-hover)}.tile-menu-btn .fluent-icon{width:16px;height:16px}.tile-syncing{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-80);padding:var(--spacing-200);z-index:2}.tile-syncing-name{font-size:var(--font-size-body-2-stronger);font-weight:var(--font-weight-subtitle-2);color:var(--fg-neutral-1-rest);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.tile-syncing-text{font-size:var(--font-size-caption-1);font-weight:var(--font-weight-caption-1-strong);color:var(--fg-neutral-2-rest)}.tile-syncing.has-cover .tile-syncing-name,.tile-syncing.has-cover .tile-syncing-text{color:var(--fg-neutral-static-inverted);filter:var(--icon-photo-shadow)}.tile-progress{width:100%;height:2px;border-radius:var(--radius-circular);background:var(--fg-neutral-static-inverted);overflow:hidden}[data-theme=light] .tile-syncing:not(.has-cover) .tile-progress{background:var(--stroke-neutral-1-rest)}.tile-syncing.has-cover .tile-progress{background:var(--badge-background);box-shadow:0 4px 20px var(--badge-background)}.tile-progress-bar{height:100%;border-radius:var(--radius-circular);background:var(--pill-stroke-1);transition:width var(--anim-medium) ease}.tile-progress-bar.indeterminate{width:40%!important;animation:indeterminate 1.5s ease-in-out infinite}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(300%)}}.source-tile.is-sources-upsell .sources-upsell-bg{background:var(--bg-neutral-3-rest)}.source-tile.is-sources-upsell .tile-sources-upsell-icon-blur{position:absolute;top:50%;left:50%;width:220px;height:220px;transform:translate(-50%,-50%);filter:blur(50px);opacity:.95;pointer-events:none}.source-tile.is-sources-upsell .tile-overlay{background:var(--card-overlay-background-1)}#freCard{background:var(--button-background-2-rest);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem 2rem;text-align:center;position:relative;margin-top:.5rem}.fre-title{font-size:var(--font-size-body-2-stronger);font-weight:var(--font-weight-subtitle-2);color:var(--fg-neutral-1-rest);margin-bottom:6px}.fre-description{font-size:var(--font-size-body-1);color:var(--fg-neutral-4-rest);margin-bottom:1rem}.fre-add-btn{display:flex;width:fit-content;margin:6rem auto 0;align-items:center;gap:var(--spacing-80);background:var(--fg-brand-1-rest);color:var(--fg-neutral-inverted-rest);border:none;border-radius:20px;padding:var(--spacing-80) var(--spacing-200);font-size:var(--font-size-body-1);font-weight:var(--font-weight-subtitle-2);cursor:pointer;transition:background .15s}.fre-add-btn:hover{background:var(--fg-brand-1-hover)}.fre-add-btn:disabled{opacity:.6;cursor:not-allowed}.fre-add-btn svg{width:18px;height:18px}.fre-dismiss{position:absolute;top:12px;inset-inline-end:12px;width:28px;height:28px;border:none;background:transparent;color:var(--fg-neutral-4-rest);cursor:pointer;border-radius:var(--radius-circular);display:flex;align-items:center;justify-content:center;transition:background .15s}.fre-dismiss:hover{background:var(--surface-stroke-1)}[data-theme=light] #freCard{background:#00000008;border-color:#00000014}[data-theme=light] .fre-dismiss:hover{background:#0000000f}.source-context-menu{position:fixed;z-index:var(--z-floating);min-width:15.5rem}.source-context-menu .fluent-icon.menu-item-icon{width:var(--size-200);height:var(--size-200);flex-shrink:0}.source-context-menu.is-compact{min-width:0}.source-dialog-backdrop{position:fixed;inset:0;background:var(--overlay-background);z-index:2000;display:flex;align-items:center;justify-content:center}.source-dialog{background:var(--bg-neutral-2-rest);border:1px solid var(--stroke-neutral-2-rest);border-radius:12px;padding:1.5rem;max-width:400px;width:90%;box-shadow:0 12px 40px #0006}.source-dialog h3{font-size:var(--font-size-body-2-stronger);font-weight:var(--font-weight-subtitle-2);margin-bottom:var(--spacing-80)}.source-dialog p{font-size:var(--font-size-body-1);color:var(--fg-neutral-4-rest);margin-bottom:1.25rem;line-height:1.5}.source-dialog-actions{display:flex;justify-content:flex-end;gap:var(--spacing-80)}.source-dialog-actions button{padding:6px 16px;border-radius:var(--radius-large);border:1px solid var(--stroke-neutral-2-rest);background:transparent;color:var(--fg-neutral-1-rest);font-size:var(--font-size-body-1);cursor:pointer}.source-dialog-actions button:hover{background:#ffffff0f}.source-dialog-actions button.danger{background:var(--bg-status-danger-3-rest);border-color:var(--bg-status-danger-3-rest);color:var(--fg-neutral-static-inverted)}.source-dialog-actions button.danger:hover{background:var(--bg-status-danger-3-hover)}[data-theme=light] .source-dialog-actions button:not(.danger):hover{background:#0000000a}.add-source-tile{border-radius:2.25rem;aspect-ratio:310 / 248;border:2px dashed var(--stroke-neutral-2-rest);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-80);cursor:pointer;transition:border-color .15s,background .15s;color:var(--fg-neutral-4-rest)}.add-source-tile:hover{border-color:var(--fg-brand-1-rest);background:var(--tile-brand-hover-bg);color:var(--fg-brand-1-rest)}.add-source-tile svg{width:32px;height:32px}.add-source-tile span{font-size:var(--font-size-body-1);font-weight:var(--font-weight-subtitle-2)}#folderBrowser{padding-top:0}#breadcrumbs{display:flex;align-items:center;gap:6px;padding:0 0 1.25rem;font-size:var(--font-size-body-1);flex-wrap:wrap}#breadcrumbs a{color:var(--fg-brand-1-rest);text-decoration:none;cursor:pointer}#breadcrumbs a:hover{text-decoration:underline}.breadcrumb-sep{color:var(--fg-neutral-4-rest);font-size:var(--font-size-body-2-stronger);user-select:none}.breadcrumb-current{color:var(--fg-neutral-1-rest);font-weight:var(--font-weight-subtitle-2)}.breadcrumb-spacer{flex:1}.file-explorer-btn{display:inline-flex;align-items:center;gap:0;background:transparent;border:none;border-radius:12px;padding:5px 8px;color:var(--fg-neutral-4-rest);cursor:pointer;transition:background .15s;flex-shrink:0}.file-explorer-btn:hover,.file-explorer-btn:focus-visible{background:#ffffff14;color:var(--fg-neutral-1-rest)}[data-theme=light] .file-explorer-btn:hover,[data-theme=light] .file-explorer-btn:focus-visible{background:#0000000d}.file-explorer-btn svg{width:18px;height:18px;flex-shrink:0}.file-explorer-btn-text{max-width:0;overflow:hidden;white-space:nowrap;font-size:var(--font-size-body-1);font-weight:var(--font-weight-subtitle-2);transition:max-width .6s ease,padding-inline-start .3s ease;padding-inline-start:0}.file-explorer-btn-text.visible{max-width:200px;padding-inline-start:6px}#subfolders{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-120);margin-bottom:1.25rem;padding-inline:6px}#subfolders:empty{margin-bottom:0}.subfolder-tile{position:relative;border-radius:2.25rem;overflow:hidden;aspect-ratio:310 / 248;cursor:pointer;background:transparent;transition:transform .15s ease,box-shadow .15s ease}.subfolder-tile:hover{transform:scale(1.02)}.subfolder-tile:active{transform:scale(.98)}.subfolder-cover{position:absolute;inset:0;object-fit:cover;width:100%;height:100%}.subfolder-cover-placeholder{position:absolute;inset:0;background:var(--card-empty-background)}.subfolder-overlay{position:absolute;inset:0;background:var(--card-overlay-background-2);pointer-events:none}.subfolder-info{position:absolute;bottom:0;left:0;right:0;padding:10px 14px;z-index:2}.subfolder-name{font-size:var(--font-size-body-1);font-weight:700;color:var(--fg-neutral-static-inverted);filter:var(--icon-photo-shadow);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;margin-bottom:var(--spacing-20)}#photoGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--folder-thumb-size, 160px),1fr));gap:var(--folder-thumb-gap, 4px)}.photo-thumb{position:relative;aspect-ratio:1;overflow:hidden;border-radius:var(--folder-tile-radius, 4px);cursor:pointer;background:var(--bg-neutral-3-rest)}.photo-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .15s ease}.photo-thumb:hover img{transform:scale(1.05);pointer-events:none}.photo-thumb-video{position:absolute;bottom:6px;inset-inline-start:6px;width:24px;height:24px;background:#0000008c;border-radius:var(--radius-circular);display:flex;align-items:center;justify-content:center;color:var(--fg-neutral-inverted-rest);pointer-events:none}.photo-thumb-video svg{width:12px;height:12px;margin-inline-start:var(--spacing-20)}.photo-actions{position:absolute;bottom:6px;inset-inline-end:6px;display:flex;gap:var(--spacing-40);align-items:center;opacity:0;transition:opacity .15s;pointer-events:none;z-index:2}.photo-thumb:hover .photo-actions{opacity:1;pointer-events:auto}.photo-action-btn{width:20px;height:20px;cursor:pointer;filter:var(--icon-photo-shadow-lg);opacity:.85;transition:opacity .1s;background:none;border:none;padding:0;color:var(--fg-neutral-inverted-rest)}.photo-action-btn:hover{opacity:1}.photo-action-btn svg{width:100%;height:100%;display:block}.photo-thumb.selected{outline:2px solid var(--fg-brand-1-rest);outline-offset:-2px}.folder-loading{grid-column:1 / -1;text-align:center;padding:3rem;color:var(--fg-neutral-4-rest);font-size:var(--font-size-body-1)}.folder-empty-state{grid-column:1 / -1}