#folderBrowser{padding-top:var(--spacing-320)}body.od4-left-nav-mode #folderBrowser{padding-top:0}#srcCanvas{background:transparent}#srcCanvas:focus{outline:none}[data-theme=light] #srcCanvas{background:transparent}#selection-ring{position:fixed;pointer-events:none;border:none;box-shadow:inset 0 0 0 3px var(--fg-brand-1-rest);z-index:50;display:none}#photoCanvas{width:100vw;margin-inline-start:calc(-1 * var(--shell-start-margin));transition:margin-inline-start .2s ease}#srcScrollContent{position:relative;width:100%}.back-btn{display:flex;align-items:center;gap:6px;min-width:76px;padding:9px 14px 9px 12px;background:var(--surface-background);border:1px solid var(--surface-stroke-1);border-radius:9999px;box-shadow:0 4px 20px #0006;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-size:14px;font-weight:500;color:var(--fg-neutral-1-rest);cursor:pointer;transition:background .15s}.back-btn:hover{background:#1f1f1feb}.back-btn:active{background:#1f1f1fb3}[data-theme=light] .back-btn{background:#fffc;border-color:#00000014}[data-theme=light] .back-btn:hover{background:#ffffffeb}[data-theme=light] .back-btn:active{background:#ffffffb3}.back-btn svg{width:16px;height:16px;flex-shrink:0}body.od4-left-nav-mode .folder-back-row{display:none}body:not(.od4-left-nav-mode) #breadcrumbs{display:flex;align-items:center;gap:6px;padding:0 0 .25rem;font-size:14px;flex-wrap:wrap}body:not(.od4-left-nav-mode) #breadcrumbs a{color:var(--fg-neutral-3-rest);text-decoration:none;cursor:pointer}body:not(.od4-left-nav-mode) #breadcrumbs a:hover{text-decoration:underline;color:var(--fg-neutral-1-rest)}.breadcrumb-sep{color:var(--fg-neutral-3-rest);font-size:16px;user-select:none}#folderTitle{display:flex;align-items:center;gap:12px;padding:0 0 1.25rem;flex-wrap:wrap}.folder-title-name{font-size:32px;font-weight:700;color:var(--fg-neutral-1-rest);line-height:1.2;margin:0}.folder-title-badge{display:inline-flex;align-items:center;height:32px;padding:0 8px;border-radius:8px;background:#ffffff0f;color:var(--fg-neutral-3-rest);cursor:default;flex-shrink:0;transition:background .15s}[data-theme=light] .folder-title-badge{background:#0000000d}.folder-title-badge img{width:16px;height:16px;flex-shrink:0}[data-theme=light] .folder-title-badge img[src*=cloud-off]{filter:invert(1)}.folder-title-badge svg{width:18px;height:18px;flex-shrink:0;color:var(--fg-neutral-2-rest)}.folder-title-badge-label{display:inline-block;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;max-width:0;min-width:0;opacity:0;margin-inline-start:0;transition:max-width .2s ease,opacity .15s ease,margin-inline-start .2s ease}.folder-title-badge:hover .folder-title-badge-label{max-width:120px;opacity:1;margin-inline-start:6px}.folder-title-explorer-btn{display:inline-flex;align-items:center;background:#ffffff0f;border:1px solid var(--surface-stroke-1);border-radius:20px;padding:6px 10px;font-size:13px;font-weight:500;color:var(--fg-neutral-1-rest);cursor:pointer;transition:background .15s,border-color .15s;flex-shrink:0}.folder-title-explorer-label{display:inline-block;white-space:nowrap;overflow:hidden;max-width:0;min-width:0;opacity:0;margin-inline-start:0;transition:max-width .2s ease,opacity .15s ease,margin-inline-start .2s ease}.folder-title-explorer-btn:hover .folder-title-explorer-label{max-width:160px;opacity:1;margin-inline-start:6px}.folder-title-explorer-btn:hover{background:#ffffff1f;border-color:#ffffff2e}.folder-title-explorer-btn:active{background:#ffffff29}[data-theme=light] .folder-title-explorer-btn{background:#00000008;border-color:#0000001f}[data-theme=light] .folder-title-explorer-btn:hover{background:#00000012;border-color:#0000002e}[data-theme=light] .folder-title-explorer-btn:active{background:#0000001a}.folder-title-explorer-btn .fluent-icon{width:16px;height:16px;flex-shrink:0}#subfolders{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--view-col-gap);margin-bottom:1.25rem}#subfolders:empty{margin-bottom:0}body.od4-left-nav-mode #subfolders{padding:var(--size-200) var(--size-60);gap:var(--size-400)}body.od4-left-nav-mode #subfolders:empty{padding:0}.subfolder-tile{position:relative;border-radius:1.5rem;overflow:hidden;aspect-ratio:5 / 4;cursor:pointer;background:transparent;transition:transform .15s ease,box-shadow .15s ease}.subfolder-tile:hover{transform:scale(1.03);box-shadow:0 6px 18px #0000004d}[data-theme=light] .subfolder-tile:hover{box-shadow:none}.subfolder-tile:active{transform:scale(.98)}.subfolder-tile .tile-photo-body{border:1px solid var(--surface-stroke-1);border-radius:1.5rem;box-sizing:border-box}.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);display:flex;align-items:center;justify-content:center;padding-top:14.4%;box-sizing:border-box}.subfolder-cover-error{background:#ffffff0f}.subfolder-cover-icon{display:flex;align-items:center;justify-content:center;width:92px;height:92px}.subfolder-cover-icon svg{display:block;width:92px;height:92px;fill:var(--fg-neutral-static-inverted)}[data-theme=light] .subfolder-cover-placeholder{background:#a375ff2b}[data-theme=light] .subfolder-cover-error{background:#0000000f}[data-theme=light] .subfolder-cover-icon svg{fill:var(--fg-neutral-1-rest)}.subfolder-overlay{position:absolute;inset:0;pointer-events:none;opacity:.7;background:var(--subfolder-overlay-gradient)}.subfolder-info{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-160);z-index:2;display:flex;flex-direction:column;justify-content:flex-end;box-sizing:border-box}.subfolder-name{font-size:16px;font-weight:700;line-height:22px;color:var(--fg-neutral-static-inverted);text-shadow:var(--subfolder-text-shadow);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.subfolder-counts{font-size:12px;color:var(--fg-neutral-static-inverted);opacity:.85;text-shadow:var(--subfolder-text-shadow);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subfolder-tile.is-empty .subfolder-overlay{display:none}.subfolder-tile.is-empty .subfolder-name{text-shadow:none;color:var(--fg-neutral-1-rest)}.subfolder-tile:focus-visible{outline:2px solid var(--stroke-focus-1);outline-offset:2px}.folder-loading{grid-column:1 / -1;text-align:center;padding:3rem;color:var(--fg-neutral-3-rest);font-size:14px}.folder-empty-state{grid-column:1 / -1}#srcCanvas{cursor:pointer}@media (forced-colors: active){.back-btn{background:ButtonFace;border:2px solid ButtonText}.subfolder-tile .folder-mask-svg{z-index:2}.subfolder-tile .folder-hc-outline{stroke:ButtonText}.subfolder-tile .tile-photo-body{inset:0;height:auto;border:none;border-radius:0;clip-path:var(--tile-clip);-webkit-clip-path:var(--tile-clip)}}