#folderBrowser{padding-top:var(--spacing-320)}#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}#breadcrumbs{display:flex;align-items:center;gap:6px;padding:0 0 .25rem;font-size:14px;flex-wrap:wrap}#breadcrumbs a{color:var(--fg-neutral-3-rest);text-decoration:none;cursor:pointer}#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:12px;margin-bottom:1.25rem}#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.03);box-shadow:0 6px 18px #0000004d}[data-theme=light] .subfolder-tile:hover{box-shadow:none}.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);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;background:linear-gradient(to top,rgba(0,0,0,.65) 0%,transparent 55%);pointer-events:none}.subfolder-info{position:absolute;bottom:0;left:0;right:0;padding:10px 14px;z-index:2}.subfolder-name{font-size:14px;font-weight:700;color:var(--fg-neutral-static-inverted);filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;margin-bottom: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}