| Server IP : 127.0.0.1 / Your IP : 216.73.216.109 Web Server : Apache/2.4.54 (Win64) OpenSSL/1.1.1q PHP/8.1.10 System : Windows NT DESKTOP-E5T4RUN 10.0 build 19045 (Windows 10) AMD64 User : SERVERWEB ( 0) PHP Version : 8.1.10 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/Users/SERVERWEB/AppData/Local/Microsoft/OneDrive/26.074.0420.0001/WebAssets/ |
Upload File : |
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>OneDrive Photos</title><script>!function(){var e=localStorage.getItem("vibe-theme")||"dark",t=e;"system"===e&&(t=matchMedia("(prefers-color-scheme: light)").matches?"light":"dark"),"light"===t&&document.documentElement.setAttribute("data-theme","light")}()</script><script src="/static/platform/vibe-telemetry.js"></script><script src="/static/platform/webview2-bridge.js"></script><script src="/static/platform/log-ingest.js"></script><script src="/static/platform/od4-fetch.js"></script><script src="/static/platform/offline.js"></script><script src="/static/vendor/lean-player-core.js"></script><script src="/static/platform/strings.js"></script><script src="/static/platform/format-count.js"></script><link rel="stylesheet" href="/static/tokens/theme.css"><link rel="stylesheet" href="/static/components/chrome-button.css"><link rel="stylesheet" href="/static/components/nav-pivot.css"><link rel="stylesheet" href="/static/components/action-bar.css"><link rel="stylesheet" href="/static/components/search-input.css"><link rel="stylesheet" href="/static/components/command-button.css"><link rel="stylesheet" href="/static/tokens/scrollbar.css"><link rel="stylesheet" href="/static/shell-core/one-up.css"><link rel="stylesheet" href="/static/shell-core/designer-editor.css"><link rel="stylesheet" href="/static/shell-core/add-to-album.css"><link rel="stylesheet" href="/static/shell/shell-od4-layout.css"><link rel="stylesheet" href="/static/shell/shell-od4-offline.css"><link rel="stylesheet" href="/static/shell/shell-od4-subrow.css"><link rel="stylesheet" href="/static/shell/shell-od4-left-nav.css"><link rel="stylesheet" href="/static/shell/shell-settings.css"><link rel="stylesheet" href="/static/shell/shell-od4-panels.css"><link rel="stylesheet" href="/static/shell/shell-od4-fab.css"><link rel="stylesheet" href="/static/components/cta-button.css"><link rel="stylesheet" href="/static/shell/shell-od4-fab-album-modal.css"><link rel="stylesheet" href="/static/shell/shell-user-coin.css"><link rel="stylesheet" href="/static/shell/shell-od4-status-pill.css"><link rel="stylesheet" href="/static/shell/shell-od4-storage-banner.css"><link rel="stylesheet" href="/static/shell/shell-feedback.css"><link rel="stylesheet" href="/static/shell/shell-details.css"><link rel="stylesheet" href="/static/components/menu.css"><link rel="stylesheet" href="/static/components/filter-tile.css"><link rel="stylesheet" href="/static/components/date-picker.css"></head><body><svg style="position:absolute;width:0;height:0" aria-hidden="true"><defs><linearGradient id="od4-subrow-active-gradient" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#667eea"/><stop offset="100%" stop-color="#764ba2"/></linearGradient><linearGradient id="icon-fg-selected-light" x1="0.946" y1="0.273" x2="0.054" y2="0.727"><stop offset="21.43%" stop-color="#0B6DFF"/><stop offset="90.25%" stop-color="#8230FF"/></linearGradient></defs></svg><div class="od4-offline-banner" role="group" data-i18n-aria-label="offlineLabel" aria-label="Offline"><span class="od4-offline-banner-title"><svg fill="currentColor" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M3.28 2.22a.75.75 0 0 0-1.06 1.06l2.89 2.89A9.5 9.5 0 0 0 2.24 8.9a.75.75 0 1 0 1.23.86A7.97 7.97 0 0 1 6.2 7.27l.96.96A6.44 6.44 0 0 0 4.3 11.1a.75.75 0 0 0 1.34.67 4.9 4.9 0 0 1 2.68-2.4l1.28 1.28a4.11 4.11 0 0 0-3.34 2.46.75.75 0 1 0 1.38.6 2.63 2.63 0 0 1 3.92-1.1l5.17 5.17a.75.75 0 1 0 1.06-1.06L3.28 2.22Zm8.09 7.03a4.92 4.92 0 0 1 3.08 2.54.75.75 0 1 0 1.33-.69A6.43 6.43 0 0 0 9.7 7.57l1.68 1.68ZM8.55 6.43a7.96 7.96 0 0 1 8.06 3.33.75.75 0 1 0 1.23-.85A9.47 9.47 0 0 0 7.31 5.19l1.24 1.24Zm2.37 9.2a1.24 1.24 0 1 0-1.76-1.75 1.24 1.24 0 0 0 1.76 1.76Z"/></svg> <span data-i18n="offlineLabel">Offline</span></span><div class="od4-offline-banner-message" data-i18n="offlineReconnect">Reconnect to see all your photos.</div></div><div class="od4-topbar"><div class="od4-topbar-left"><img src="/static/onedrive-beta.svg" alt="OneDrive Beta" class="od4-brand-icon"></div><nav class="od4-nav"><a class="od4-nav-item nav-pivot-item" data-page="memories.html"><span class="od4-nav-icon nav-pivot-icon od4-nav-icon--sprite"><svg class="nav-icon-regular" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Sparkle24Regular"/></svg> <svg class="nav-icon-filled" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Sparkle24Filled"/></svg> <svg class="nav-icon-colored" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Sparkle24Colored"/></svg> </span><span class="od4-nav-label nav-pivot-label" data-i18n="momentsTitle">Moments</span> </a><a class="od4-nav-item nav-pivot-item active" data-page="webgl2.html"><span class="od4-nav-icon nav-pivot-icon od4-nav-icon--sprite"><svg class="nav-icon-regular" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Glance24Regular"/></svg> <svg class="nav-icon-filled" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Glance24Filled"/></svg> <svg class="nav-icon-colored" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Glance24Colored"/></svg> </span><span class="od4-nav-label nav-pivot-label" data-i18n="navGallery">Gallery</span> </a><a class="od4-nav-item nav-pivot-item" data-page="people.html"><span class="od4-nav-icon nav-pivot-icon od4-nav-icon--sprite"><svg class="nav-icon-regular" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#People24Regular"/></svg> <svg class="nav-icon-filled" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#People24Filled"/></svg> <svg class="nav-icon-colored" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#People24Colored"/></svg> </span><span class="od4-nav-label nav-pivot-label" data-i18n="navPeople">People</span> </a><a class="od4-nav-item nav-pivot-item" data-page="albums.html"><span class="od4-nav-icon nav-pivot-icon od4-nav-icon--sprite"><svg class="nav-icon-regular" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Album24Regular"/></svg> <svg class="nav-icon-filled" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Album24Filled"/></svg> <svg class="nav-icon-colored" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Album24Colored"/></svg> </span><span class="od4-nav-label nav-pivot-label" data-i18n="navAlbums">Albums</span> </a><a class="od4-nav-item nav-pivot-item" data-page="favorites.html"><span class="od4-nav-icon nav-pivot-icon od4-nav-icon--sprite"><svg class="nav-icon-regular" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Star24Regular"/></svg> <svg class="nav-icon-filled" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Star24Filled"/></svg> <svg class="nav-icon-colored" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Star24Colored"/></svg> </span><span class="od4-nav-label nav-pivot-label" data-i18n="navFavorites">Favorites</span> </a><a class="od4-nav-item nav-pivot-item" id="od4ThisPcNav" data-page="__thispc__"><span class="od4-nav-icon nav-pivot-icon od4-nav-icon--sprite"><svg class="nav-icon-regular" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Folder24Regular"/></svg> <svg class="nav-icon-filled" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Folder24Filled"/></svg> <svg class="nav-icon-colored" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Folder24Colored"/></svg> </span><span class="od4-nav-label nav-pivot-label" data-i18n="navThisPc">This PC</span> </a><a class="od4-nav-item nav-pivot-item" id="od4TimeNav" data-page="time.html" style="display:none"><span class="od4-nav-icon nav-pivot-icon od4-nav-icon--sprite"><svg class="nav-icon-regular" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Clock24Regular"/></svg> <svg class="nav-icon-filled" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Clock24Filled"/></svg> <svg class="nav-icon-colored" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Clock24Colored"/></svg> </span><span class="od4-nav-label nav-pivot-label" data-i18n="navTime">Time</span> </a><a class="od4-nav-item nav-pivot-item" id="od4RecycleBinNav" data-page="recycle-bin.html" style="display:none"><span class="od4-nav-icon nav-pivot-icon od4-nav-icon--sprite"><svg class="nav-icon-regular" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Delete24Regular"/></svg> <svg class="nav-icon-filled" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Delete24Filled"/></svg> <svg class="nav-icon-colored" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Delete24Colored"/></svg> </span><span class="od4-nav-label nav-pivot-label" data-i18n="navRecycleBin">Recycle bin</span></a></nav><div class="od4-topbar-right"><div id="od4StatusPillSlot"></div><a class="od4-quota-pill" id="od4QuotaPill" href="https://onedrive.live.com/?v=managestorage" target="_blank" rel="noopener noreferrer" style="display:none"><svg class="od4-quota-pill-icon" viewBox="0 0 20 20" aria-hidden="true"><defs><linearGradient id="od4PremiumGradient" x1="0.85" y1="0" x2="0.15" y2="1"><stop offset="0%" stop-color="#4A92FF"/><stop offset="100%" stop-color="#A375FF"/></linearGradient></defs><use id="od4PillUseIcon" href="/static/od4navsprites/topNav.sprite.svg#DismissCircle20Filled"/><path id="od4PillPremiumIcon" style="display:none" fill="url(#od4PremiumGradient)" d="M5.5 2.75a.75.75 0 0 0-.66.39l-2.75 5c-.15.27-.11.6.08.84l7.25 8.75a.75.75 0 0 0 1.16 0l7.25-8.75c.2-.24.23-.57.08-.84l-2.75-5a.75.75 0 0 0-.66-.39h-9ZM4.16 7.5l1.78-3.25h1.5L6.31 7.5H4.16ZM6.14 9l1.93 4.75L4.14 9h2ZM10 14.48 7.76 9h4.39l-2.16 5.48ZM7.89 7.5l1.14-3.25h1.95l1.2 3.25H7.88Zm5.88 0-1.2-3.25h1.49l1.78 3.25h-2.07Zm0 1.5h2.1l-4.01 4.83L13.76 9Z"/></svg> <span class="od4-quota-pill-text" data-i18n="storageOverPill">Over storage limit</span> </a><button class="chrome-btn-subtle-icon" id="od4FeedbackBtn" title="Send feedback" data-i18n-title="sendFeedback" style="display:none"><svg class="icon-rest" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M10.5 12C11.3284 12 12 12.6716 12 13.5V14C12 15.9714 10.1405 18 7 18C3.85951 18 2 15.9714 2 14V13.5C2 12.6716 2.67157 12 3.5 12H10.5ZM10.5 13H3.5C3.22386 13 3 13.2239 3 13.5V14C3 15.4376 4.43216 17 7 17C9.56784 17 11 15.4376 11 14V13.5C11 13.2239 10.7761 13 10.5 13ZM7 5.5C8.51878 5.5 9.75 6.73122 9.75 8.25C9.75 9.76878 8.51878 11 7 11C5.48122 11 4.25 9.76878 4.25 8.25C4.25 6.73122 5.48122 5.5 7 5.5ZM16 2C17.0544 2 17.9182 2.81588 17.9945 3.85074L18 4V6C18 7.05436 17.1841 7.91817 16.1493 7.99451L16 8H14.499L13.301 9.59979C12.7716 10.306 11.6965 10.0199 11.5243 9.22426L11.5066 9.11264L11.5008 9L11.5 7.935L11.4224 7.91532C10.697 7.69685 10.1452 7.07753 10.0246 6.3148L10.0055 6.14926L10 6V4C10 2.94564 10.8159 2.08183 11.8507 2.00549L12 2H16ZM7 6.5C6.0335 6.5 5.25 7.2835 5.25 8.25C5.25 9.2165 6.0335 10 7 10C7.9665 10 8.75 9.2165 8.75 8.25C8.75 7.2835 7.9665 6.5 7 6.5ZM16 3H12C11.4872 3 11.0645 3.38604 11.0067 3.88338L11 4V6C11 6.51284 11.386 6.93551 11.8834 6.99327L12 7H12.5008V9L14 7H16C16.5128 7 16.9355 6.61396 16.9933 6.11662L17 6V4C17 3.48716 16.614 3.06449 16.1166 3.00673L16 3Z"/></svg> <svg class="icon-filled" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M10.5 12C11.3284 12 12 12.6716 12 13.5V14C12 15.9714 10.1405 18 7 18C3.85951 18 2 15.9714 2 14V13.5C2 12.6716 2.67157 12 3.5 12H10.5ZM10.5 13H3.5C3.22386 13 3 13.2239 3 13.5V14C3 15.4376 4.43216 17 7 17C9.56784 17 11 15.4376 11 14V13.5C11 13.2239 10.7761 13 10.5 13ZM7 5.5C8.51878 5.5 9.75 6.73122 9.75 8.25C9.75 9.76878 8.51878 11 7 11C5.48122 11 4.25 9.76878 4.25 8.25C4.25 6.73122 5.48122 5.5 7 5.5ZM16 2C17.0544 2 17.9182 2.81588 17.9945 3.85074L18 4V6C18 7.05436 17.1841 7.91817 16.1493 7.99451L16 8H14.499L13.301 9.59979C12.7716 10.306 11.6965 10.0199 11.5243 9.22426L11.5066 9.11264L11.5008 9L11.5 7.935L11.4224 7.91532C10.697 7.69685 10.1452 7.07753 10.0246 6.3148L10.0055 6.14926L10 6V4C10 2.94564 10.8159 2.08183 11.8507 2.00549L12 2H16ZM7 6.5C6.0335 6.5 5.25 7.2835 5.25 8.25C5.25 9.2165 6.0335 10 7 10C7.9665 10 8.75 9.2165 8.75 8.25C8.75 7.2835 7.9665 6.5 7 6.5ZM16 3H12C11.4872 3 11.0645 3.38604 11.0067 3.88338L11 4V6C11 6.51284 11.386 6.93551 11.8834 6.99327L12 7H12.5008V9L14 7H16C16.5128 7 16.9355 6.61396 16.9933 6.11662L17 6V4C17 3.48716 16.614 3.06449 16.1166 3.00673L16 3Z"/></svg></button> <button class="chrome-btn-subtle-icon" id="od4TopbarSettingsBtn" title="Settings" data-i18n-title="settings"><svg class="icon-rest" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Settings24Regular"/></svg> <svg class="icon-filled" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Settings24Filled"/></svg></button><div id="userCoinBackdrop" class="user-coin-backdrop"></div><div id="signOutOverlay"><div class="soo-spinner"></div><div class="soo-label" data-i18n="signingOut">Signing out...</div></div><div id="signOutConfirmOverlay" class="signout-confirm-overlay"><div class="signout-confirm-dialog" role="dialog" aria-labelledby="signOutConfirmTitle" aria-modal="true"><div class="signout-confirm-body"><div class="signout-confirm-title" id="signOutConfirmTitle">Sign out of OneDrive?</div><div class="signout-confirm-content">If you sign out, you won't see your OneDrive photos, albums, moments, or people in this app. You'll only see folders you've added under This PC.</div><div class="signout-confirm-actions"><button class="signout-confirm-btn signout-confirm-btn--brand" id="signOutConfirmBtn" data-i18n="signOut">Sign out</button> <button class="signout-confirm-btn signout-confirm-btn--subtle" id="signOutCancelBtn" data-i18n="btnCancel">Cancel</button></div></div><div class="signout-confirm-spinner-wrap" id="signOutConfirmSpinner" style="display:none"><div class="soo-spinner"></div><div class="soo-label" data-i18n="signingOut">Signing out...</div></div></div></div><div class="user-coin-wrap"><button class="user-coin od4-avatar" id="userCoin" title="Account" data-i18n-title="btnAccount">...</button><div class="user-dropdown" id="userDropdown"><div class="user-dropdown-header"><div class="user-dropdown-ms-logo"><svg xmlns="http://www.w3.org/2000/svg" width="75" height="16" viewBox="0 0 75 16" direction="ltr"><rect y="0" width="7.3" height="7.3" fill="#f25022"/><rect x="8.7" y="0" width="7.3" height="7.3" fill="#7fba00"/><rect y="8.7" width="7.3" height="7.3" fill="#00a4ef"/><rect x="8.7" y="8.7" width="7.3" height="7.3" fill="#ffb900"/><text x="20" y="12.5" fill="#adadad" font-family="Segoe UI,sans-serif" font-size="12" font-weight="600">Microsoft</text></svg></div><div class="user-dropdown-top" id="userDropdownTop" style="display:none"><button class="user-dropdown-signout" id="userSignOutBtn" data-i18n="signOut">Sign out</button></div></div><div class="user-dropdown-body"><div class="user-dropdown-avatar-lg" title="Add or change your picture" data-i18n-title="btnChangePicture"><svg width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="8" r="4"/><path d="M4 20c0-4 3.6-7 8-7s8 3 8 7"/></svg></div><div class="user-dropdown-info"><div class="user-dropdown-name" id="userDropdownName"></div><div class="user-dropdown-email" id="userDropdownEmail"></div><a class="user-dropdown-view-account" id="userViewAccountLink" href="https://account.microsoft.com/?ref=MeControl" target="_blank">View account</a></div><button class="user-dropdown-signin" id="userSignInBtn" data-i18n="signIn">Sign in</button></div></div></div></div></div><div class="od4-storage-banner" id="od4StorageBanner" role="alert" aria-live="polite" style="display:none"><div class="od4-storage-banner-inner"><svg class="od4-storage-banner-icon" viewBox="0 0 20 20" aria-hidden="true"><use href="/static/od4navsprites/topNav.sprite.svg#DismissCircle20Filled"/></svg> <span class="od4-storage-banner-message" id="od4StorageBannerMessage"></span><div class="od4-storage-banner-actions"><a class="od4-storage-banner-link" href="https://onedrive.live.com/?v=managestorage" target="_blank" rel="noopener noreferrer" data-i18n="storageManage">Manage storage</a> <a class="od4-storage-banner-btn" href="https://onedrive.live.com/?v=upgrade&hideLeftNav=true&ocid=PROD_OneDrive-Web_PremiumLeftNav_Normal_GetMoreStorage" target="_blank" rel="noopener noreferrer" data-i18n="storageGetMore">Get more storage</a></div><button class="od4-storage-banner-dismiss" id="od4StorageBannerDismiss" data-i18n-title="storageDismiss" data-i18n-aria-label="storageDismiss" aria-label="Dismiss" style="display:none"><svg viewBox="0 0 20 20" aria-hidden="true"><use href="/static/od4navsprites/topNav.sprite.svg#Dismiss20Regular"/></svg></button></div></div><div class="od4-main"><aside class="od4-left-nav" id="od4LeftNav" style="display:none"><div class="od4-left-nav-top"><div class="od4-left-nav-brand-row"><img src="/static/onedrive-beta.svg" alt="OneDrive" class="od4-left-nav-brand-icon"></div><div class="od4-left-nav-header-row"><img src="/static/onedrive-beta.svg" alt="OneDrive" class="od4-left-nav-header-icon"> <span class="od4-left-nav-header-label" data-i18n="navPhotosHeader">Photos</span> <button class="od4-left-nav-collapse" id="od4LeftNavCollapse" title="Toggle sidebar" data-i18n-title="btnToggleSidebar"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg></button></div></div><div class="od4-left-nav-items" id="od4LeftNavItems"><a class="od4-left-nav-item" data-page="memories.html" data-tooltip="Moments" data-i18n-tooltip="momentsTitle"><span class="od4-left-nav-icon od4-left-nav-icon--sprite"><svg class="nav-icon-regular" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Sparkle24Regular"/></svg> <svg class="nav-icon-filled" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Sparkle24Filled"/></svg> <svg class="nav-icon-colored" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Sparkle24Colored"/></svg> </span><span class="od4-left-nav-label" data-i18n="momentsTitle">Moments</span> </a><a class="od4-left-nav-item" data-page="webgl2.html" data-tooltip="Gallery" data-i18n-tooltip="navGallery"><span class="od4-left-nav-icon od4-left-nav-icon--sprite"><svg class="nav-icon-regular" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Glance24Regular"/></svg> <svg class="nav-icon-filled" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Glance24Filled"/></svg> <svg class="nav-icon-colored" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Glance24Colored"/></svg> </span><span class="od4-left-nav-label" data-i18n="navGallery">Gallery</span> </a><a class="od4-left-nav-item" data-page="people.html" data-tooltip="People" data-i18n-tooltip="navPeople"><span class="od4-left-nav-icon od4-left-nav-icon--sprite"><svg class="nav-icon-regular" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#People24Regular"/></svg> <svg class="nav-icon-filled" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#People24Filled"/></svg> <svg class="nav-icon-colored" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#People24Colored"/></svg> </span><span class="od4-left-nav-label" data-i18n="navPeople">People</span> </a><a class="od4-left-nav-item" data-page="albums.html" data-tooltip="Albums" data-i18n-tooltip="navAlbums"><span class="od4-left-nav-icon od4-left-nav-icon--sprite"><svg class="nav-icon-regular" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Album24Regular"/></svg> <svg class="nav-icon-filled" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Album24Filled"/></svg> <svg class="nav-icon-colored" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Album24Colored"/></svg> </span><span class="od4-left-nav-label" data-i18n="navAlbums">Albums</span> </a><a class="od4-left-nav-item" data-page="favorites.html" data-tooltip="Favorites" data-i18n-tooltip="navFavorites"><span class="od4-left-nav-icon od4-left-nav-icon--sprite"><svg class="nav-icon-regular" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Star24Regular"/></svg> <svg class="nav-icon-filled" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Star24Filled"/></svg> <svg class="nav-icon-colored" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Star24Colored"/></svg> </span><span class="od4-left-nav-label" data-i18n="navFavorites">Favorites</span> </a><a class="od4-left-nav-item" data-page="__thispc__" data-tooltip="This PC" data-i18n-tooltip="navThisPc"><span class="od4-left-nav-icon od4-left-nav-icon--sprite"><svg class="nav-icon-regular" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Folder24Regular"/></svg> <svg class="nav-icon-filled" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Folder24Filled"/></svg> <svg class="nav-icon-colored" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Folder24Colored"/></svg> </span><span class="od4-left-nav-label" data-i18n="navThisPc">This PC</span> </a><a class="od4-left-nav-item" id="od4TimeLeftNav" data-page="time.html" data-tooltip="Time" data-i18n-tooltip="navTime" style="display:none"><span class="od4-left-nav-icon od4-left-nav-icon--sprite"><svg class="nav-icon-regular" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Clock24Regular"/></svg> <svg class="nav-icon-filled" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Clock24Filled"/></svg> <svg class="nav-icon-colored" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Clock24Colored"/></svg> </span><span class="od4-left-nav-label" data-i18n="navTime">Time</span> </a><a class="od4-left-nav-item" id="od4RecycleBinLeftNav" data-page="recycle-bin.html" data-tooltip="Recycle bin" data-i18n-tooltip="navRecycleBin" style="display:none"><span class="od4-left-nav-icon od4-left-nav-icon--sprite"><svg class="nav-icon-regular" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Delete24Regular"/></svg> <svg class="nav-icon-filled" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Delete24Filled"/></svg> <svg class="nav-icon-colored" viewBox="0 0 24 24"><use href="/static/od4navsprites/topNav.sprite.svg#Delete24Colored"/></svg> </span><span class="od4-left-nav-label" data-i18n="navRecycleBin">Recycle bin</span></a></div><div class="od4-playground-section" id="od4PlaygroundSection" style="display:none"><div class="od4-playground-label"><span>Playground</span> <button class="od4-playground-toggle" id="od4PlaygroundToggle" title="Toggle Playground"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg></button></div><div class="od4-playground-items" id="od4PlaygroundItems"><a class="od4-left-nav-item pinned" data-page="__showcase__" data-tooltip="Showcase"><span class="od4-left-nav-icon"><svg viewBox="0 0 24 24"><polygon points="12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26" fill="none"/></svg></span><span class="od4-left-nav-label">Showcase</span> </a><a class="od4-left-nav-item" data-page="curated.html" data-tooltip="Color Theory"><span class="od4-left-nav-icon"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="9" fill="none"/><circle cx="12" cy="12" r="4" fill="none"/></svg></span><span class="od4-left-nav-label">Color Theory</span> </a><a class="od4-left-nav-item" data-page="tagcloud.html" data-tooltip="Tag Cloud"><span class="od4-left-nav-icon"><svg viewBox="0 0 24 24"><path d="M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z" fill="none"/></svg></span><span class="od4-left-nav-label">Tag Cloud</span> </a><a class="od4-left-nav-item" data-page="museum.html" data-tooltip="Museum Gallery"><span class="od4-left-nav-icon"><svg viewBox="0 0 24 24"><rect x="3" y="8" width="18" height="12" rx="1" fill="none"/><path d="M12 2l9 6H3l9-6z" fill="none"/></svg></span><span class="od4-left-nav-label">Museum Gallery</span> </a><a class="od4-left-nav-item" data-page="darkroom.html" data-tooltip="Darkroom"><span class="od4-left-nav-icon"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" fill="none"/><path d="M12 2a7 7 0 0 0 0 14 3.5 3.5 0 0 1 0-7 3.5 3.5 0 0 0 0-7z" fill="none"/></svg></span><span class="od4-left-nav-label">Darkroom</span> </a><a class="od4-left-nav-item" data-page="cinema.html" data-tooltip="Cinema"><span class="od4-left-nav-icon"><svg viewBox="0 0 24 24"><rect x="2" y="4" width="20" height="16" rx="2" fill="none"/><polygon points="10,9 16,12 10,15" fill="none"/></svg></span><span class="od4-left-nav-label">Cinema</span> </a><a class="od4-left-nav-item" data-page="slideshow.html" data-tooltip="Slideshow"><span class="od4-left-nav-icon"><svg viewBox="0 0 24 24"><polygon points="10,8 16,12 10,16" fill="none"/><circle cx="12" cy="12" r="10" fill="none"/></svg></span><span class="od4-left-nav-label">Slideshow</span> </a><a class="od4-left-nav-item" data-page="magazinecover.html" data-tooltip="Magazine Cover"><span class="od4-left-nav-icon"><svg viewBox="0 0 24 24"><rect x="4" y="2" width="16" height="20" rx="2" fill="none"/><line x1="8" y1="6" x2="16" y2="6"/><line x1="8" y1="10" x2="16" y2="10"/></svg></span><span class="od4-left-nav-label">Magazine Cover</span> </a><a class="od4-left-nav-item" data-page="wall.html" data-tooltip="Photo Wall"><span class="od4-left-nav-icon"><svg viewBox="0 0 24 24"><rect x="2" y="3" width="9" height="8" rx="1" fill="none"/><rect x="13" y="3" width="9" height="5" rx="1" fill="none"/><rect x="2" y="13" width="9" height="5" rx="1" fill="none"/><rect x="13" y="10" width="9" height="8" rx="1" fill="none"/></svg></span><span class="od4-left-nav-label">Photo Wall</span> </a><a class="od4-left-nav-item" data-page="barber.html" data-tooltip="Barber Pole"><span class="od4-left-nav-icon"><svg viewBox="0 0 24 24"><rect x="8" y="2" width="8" height="20" rx="4" fill="none"/><line x1="8" y1="8" x2="16" y2="4"/><line x1="8" y1="14" x2="16" y2="10"/><line x1="8" y1="20" x2="16" y2="16"/></svg></span><span class="od4-left-nav-label">Barber Pole</span> </a><a class="od4-left-nav-item" data-page="cascade.html" data-tooltip="Cascade"><span class="od4-left-nav-icon"><svg viewBox="0 0 24 24"><line x1="6" y1="2" x2="6" y2="22"/><line x1="12" y1="2" x2="12" y2="22"/><line x1="18" y1="2" x2="18" y2="22"/><circle cx="6" cy="8" r="1.5"/><circle cx="12" cy="14" r="1.5"/><circle cx="18" cy="6" r="1.5"/></svg></span><span class="od4-left-nav-label">Cascade</span> </a><a class="od4-left-nav-item" data-page="flag.html" data-tooltip="Photo Flag"><span class="od4-left-nav-icon"><svg viewBox="0 0 24 24"><line x1="4" y1="2" x2="4" y2="22"/><path d="M4 4h16l-4 4 4 4H4" fill="none"/></svg></span><span class="od4-left-nav-label">Photo Flag</span> </a><a class="od4-left-nav-item" data-page="claw.html" data-tooltip="Claw Machine"><span class="od4-left-nav-icon"><svg viewBox="0 0 24 24"><path d="M12 2v8M8 10l4 4 4-4" fill="none"/><rect x="4" y="14" width="16" height="8" rx="2" fill="none"/></svg></span><span class="od4-left-nav-label">Claw Machine</span> </a><a class="od4-left-nav-item" data-page="starfield.html" data-tooltip="Star Field"><span class="od4-left-nav-icon"><svg viewBox="0 0 24 24"><polygon points="12,2 14.5,9 22,9 16,13.5 18,21 12,16.5 6,21 8,13.5 2,9 9.5,9" fill="none"/></svg></span><span class="od4-left-nav-label">Star Field</span> </a><a class="od4-left-nav-item" data-page="instants.html" data-tooltip="Instant Photos"><span class="od4-left-nav-icon"><svg viewBox="0 0 24 24"><rect x="4" y="2" width="16" height="20" rx="1" fill="none"/><rect x="6" y="4" width="12" height="12" fill="none"/></svg></span><span class="od4-left-nav-label">Instant Photos</span> </a><a class="od4-left-nav-item" data-page="globe.html" data-tooltip="Photo Globe"><span class="od4-left-nav-icon"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" fill="none"/><ellipse cx="12" cy="12" rx="4" ry="10" fill="none"/><line x1="2" y1="12" x2="22" y2="12"/></svg></span><span class="od4-left-nav-label">Photo Globe</span> </a><a class="od4-left-nav-item" data-page="spiral.html" data-tooltip="Time Spiral"><span class="od4-left-nav-icon"><svg viewBox="0 0 24 24"><path d="M12 12c0-2 2-4 4-4s4 2 4 4-2 6-6 6-8-4-8-8 4-10 10-10" fill="none"/></svg></span><span class="od4-left-nav-label">Time Spiral</span> </a><a class="od4-left-nav-item" data-page="mosaic.html" data-tooltip="Mosaic"><span class="od4-left-nav-icon"><svg viewBox="0 0 24 24"><rect x="2" y="5" width="6" height="6" fill="none"/><rect x="9" y="5" width="6" height="6" fill="none"/><rect x="16" y="5" width="6" height="6" fill="none"/><rect x="2" y="13" width="6" height="6" fill="none"/><rect x="9" y="13" width="6" height="6" fill="none"/><rect x="16" y="13" width="6" height="6" fill="none"/></svg></span><span class="od4-left-nav-label">Mosaic</span> </a><a class="od4-left-nav-item" data-page="hallway.html" data-tooltip="Memory Hallway"><span class="od4-left-nav-icon"><svg viewBox="0 0 24 24"><path d="M4 22V2h16v20" fill="none"/><rect x="8" y="6" width="8" height="10" fill="none"/><line x1="12" y1="22" x2="12" y2="16"/></svg></span><span class="od4-left-nav-label">Memory Hallway</span> </a><a class="od4-left-nav-item" data-page="jigsaw.html" data-tooltip="Photo Jigsaw"><span class="od4-left-nav-icon"><svg viewBox="0 0 24 24"><path d="M4 8h2a2 2 0 0 0 0-4h-2v4zm0 0v8h4v-2a2 2 0 0 1 4 0v2h8V8h-2a2 2 0 0 1 0-4h2V4H4v4z" fill="none"/></svg></span><span class="od4-left-nav-label">Photo Jigsaw</span> </a><a class="od4-left-nav-item" data-page="theater.html" data-tooltip="Videos"><span class="od4-left-nav-icon"><svg viewBox="0 0 24 24"><rect x="2" y="4" width="20" height="16" rx="2" fill="none"/><path d="M7 2v4M17 2v4M2 10h20" fill="none"/></svg></span><span class="od4-left-nav-label" data-i18n="navVideos">Videos</span></a></div><div class="od4-playground-scroll-btns" id="od4PlaygroundScrollBtns" style="display:none"><button class="od4-playground-scroll-btn" id="od4PlaygroundScrollUp" title="Scroll up" data-i18n-title="btnScrollUp"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m18 15-6-6-6 6"/></svg></button> <button class="od4-playground-scroll-btn" id="od4PlaygroundScrollDown" title="Scroll down" data-i18n-title="btnScrollDown"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg></button></div></div><div class="od4-left-nav-bottom"><button class="od4-left-nav-settings-btn" id="od4LeftNavFeedbackBtn" data-tooltip="Send feedback" title="Send feedback" data-i18n-title="sendFeedback" style="display:none"><svg viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M10.5 12C11.3284 12 12 12.6716 12 13.5V14C12 15.9714 10.1405 18 7 18C3.85951 18 2 15.9714 2 14V13.5C2 12.6716 2.67157 12 3.5 12H10.5ZM10.5 13H3.5C3.22386 13 3 13.2239 3 13.5V14C3 15.4376 4.43216 17 7 17C9.56784 17 11 15.4376 11 14V13.5C11 13.2239 10.7761 13 10.5 13ZM7 5.5C8.51878 5.5 9.75 6.73122 9.75 8.25C9.75 9.76878 8.51878 11 7 11C5.48122 11 4.25 9.76878 4.25 8.25C4.25 6.73122 5.48122 5.5 7 5.5ZM16 2C17.0544 2 17.9182 2.81588 17.9945 3.85074L18 4V6C18 7.05436 17.1841 7.91817 16.1493 7.99451L16 8H14.499L13.301 9.59979C12.7716 10.306 11.6965 10.0199 11.5243 9.22426L11.5066 9.11264L11.5008 9L11.5 7.935L11.4224 7.91532C10.697 7.69685 10.1452 7.07753 10.0246 6.3148L10.0055 6.14926L10 6V4C10 2.94564 10.8159 2.08183 11.8507 2.00549L12 2H16ZM7 6.5C6.0335 6.5 5.25 7.2835 5.25 8.25C5.25 9.2165 6.0335 10 7 10C7.9665 10 8.75 9.2165 8.75 8.25C8.75 7.2835 7.9665 6.5 7 6.5ZM16 3H12C11.4872 3 11.0645 3.38604 11.0067 3.88338L11 4V6C11 6.51284 11.386 6.93551 11.8834 6.99327L12 7H12.5008V9L14 7H16C16.5128 7 16.9355 6.61396 16.9933 6.11662L17 6V4C17 3.48716 16.614 3.06449 16.1166 3.00673L16 3Z"/></svg></button> <button class="od4-left-nav-settings-btn" id="od4LeftNavSettingsBtn" data-tooltip="Settings" title="Settings" data-i18n-title="settings"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg></button><div class="od4-avatar od4-left-nav-avatar user-coin-mirror" data-tooltip="Account">...</div></div></aside><div class="od4-content" id="content"><div id="od4Welcome" style="display:none"><div class="od4-showcase-inner"><h2 class="od4-showcase-title">Showcase</h2><p class="od4-showcase-desc">All experiments for browsing and interacting with your photo library. Check the box to pin an experiment to the sidebar.</p><div class="od4-showcase-actions"><button class="od4-showcase-btn" id="od4CheckAllBtn">Check All</button> <button class="od4-showcase-btn" id="od4ClearAllBtn">Clear All</button> <button class="od4-showcase-btn" id="od4SetDefaultsBtn">Set Defaults</button></div><div id="od4ShowcaseCards"><div class="od4-card-group"><div class="od4-card-group-label">Browse</div><div class="od4-showcase-cards"><div class="od4-showcase-card" data-page="tagcloud.html"><h3>Tag Cloud</h3><p>Visualize AI-generated tags as a word cloud sized by frequency.</p></div><div class="od4-showcase-card" data-page="spiral.html"><h3>Time Spiral</h3><p>Photos arranged on a spiral timeline. Recent on the outside, older within.</p></div><div class="od4-showcase-card" data-page="theater.html"><h3 data-i18n="navVideos">Videos</h3><p>Video browser with hero spotlight and categories.</p></div><div class="od4-showcase-card" data-page="mosaic.html"><h3>Mosaic</h3><p>Your photo library recreates a hero image as a photomosaic.</p></div><div class="od4-showcase-card" data-page="wall.html"><h3>Photo Wall</h3><p>Rows of photos scroll in opposite directions. Grab to fling.</p></div></div></div><div class="od4-card-group"><div class="od4-card-group-label">Exhibitions</div><div class="od4-showcase-cards"><div class="od4-showcase-card" data-page="museum.html"><h3>Museum Gallery</h3><p>Your photos hung on dark walls under spotlights with brass plaques.</p></div><div class="od4-showcase-card" data-page="darkroom.html"><h3>Darkroom</h3><p>Photos hanging from clothesline clips under a red safelight.</p></div><div class="od4-showcase-card" data-page="cinema.html"><h3>Cinema</h3><p>Watch your photos as a film slideshow in an old movie theater.</p></div><div class="od4-showcase-card" data-page="slideshow.html"><h3>Slideshow</h3><p>Cinematic slideshow with ambient blur backdrops.</p></div><div class="od4-showcase-card" data-page="magazinecover.html"><h3>Magazine Cover</h3><p>Your photos as glossy magazine covers with editorial typography.</p></div><div class="od4-showcase-card" data-page="instants.html"><h3>Instant Photos</h3><p>Scatter instant photos on a table with physics.</p></div></div></div><div class="od4-card-group"><div class="od4-card-group-label">3D Worlds</div><div class="od4-showcase-cards"><div class="od4-showcase-card" data-page="globe.html"><h3>Photo Globe</h3><p>Your photos mapped onto a spinning 3D globe.</p></div><div class="od4-showcase-card" data-page="hallway.html"><h3>Memory Hallway</h3><p>Walk through a 3D corridor with your photos on the walls.</p></div><div class="od4-showcase-card" data-page="starfield.html"><h3>Star Field</h3><p>Your photos crawl across a 3D plane into the stars.</p></div></div></div><div class="od4-card-group"><div class="od4-card-group-label">Games</div><div class="od4-showcase-cards"><div class="od4-showcase-card" data-page="jigsaw.html"><h3>Photo Jigsaw</h3><p>Pick a photo and solve it as a jigsaw puzzle.</p></div><div class="od4-showcase-card" data-page="claw.html"><h3>Claw Machine</h3><p>An arcade claw machine filled with your photos.</p></div><div class="od4-showcase-card" data-page="cascade.html"><h3>Cascade</h3><p>Columns of photos rain down with fading trails.</p></div><div class="od4-showcase-card" data-page="flag.html"><h3>Photo Flag</h3><p>A cloth flag made of photos, waving in simulated wind.</p></div><div class="od4-showcase-card" data-page="barber.html"><h3>Barber Pole</h3><p>Photos on spinning 3D cylinders with spiral wrap.</p></div></div></div></div></div></div><!-- #od4PageTitle: hidden data node — JS reads .textContent to sync left-nav and inline titles --> <span id="od4PageTitle" aria-hidden="true" style="display:none" data-i18n="navGallery">Gallery</span><div class="od4-subrow" id="od4Subrow"><div class="od4-subrow-page-title" aria-hidden="true"><h1 id="od4PageTitleInline" data-i18n="navGallery">Gallery</h1></div><div class="od4-subrow-subtitle"><div class="od4-date-range-wrap"><button class="od4-date-range chrome-btn-icon-text" id="od4DateRange"><span id="od4DateRangeText" data-i18n="allDates">All dates</span> <svg class="icon-rest" viewBox="0 0 20 20" fill="currentColor"><path d="M7 11a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm1 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm1 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm4-5.5A2.5 2.5 0 0 0 14.5 3h-9A2.5 2.5 0 0 0 3 5.5v9A2.5 2.5 0 0 0 5.5 17h9a2.5 2.5 0 0 0 2.5-2.5v-9ZM4 7h12v7.5c0 .83-.67 1.5-1.5 1.5h-9A1.5 1.5 0 0 1 4 14.5V7Zm1.5-3h9c.83 0 1.5.67 1.5 1.5V6H4v-.5C4 4.67 4.67 4 5.5 4Z"/></svg> <svg class="icon-filled" viewBox="0 0 20 20" fill="currentColor"><path d="M5.5 3A2.5 2.5 0 0 0 3 5.5V6h14v-.5A2.5 2.5 0 0 0 14.5 3h-9ZM17 7H3v7.5A2.5 2.5 0 0 0 5.5 17h9a2.5 2.5 0 0 0 2.5-2.5V7Zm-9 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-1 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm4-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-1 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm4-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"/></svg></button><div class="od4-date-dropdown" id="od4DateDropdown"><div class="od4-date-year-row"><span class="od4-date-year-label" id="od4DateYearLabel">2026</span><div class="od4-date-year-nav"><button class="od4-date-year-btn" id="od4DateYearPrev" title="Earlier" aria-label="Earlier" data-i18n-title="btnEarlier" data-i18n-aria-label="btnEarlier"><svg fill="currentColor" viewBox="0 0 20 20"><path d="M16.87 10.84a.5.5 0 1 0-.74-.68l-5.63 6.17V2.5a.5.5 0 0 0-1 0v13.83l-5.63-6.17a.5.5 0 0 0-.74.68l6.31 6.91a.75.75 0 0 0 1.11 0l6.32-6.91Z"/></svg></button> <button class="od4-date-year-btn" id="od4DateYearNext" title="Later" aria-label="Later" data-i18n-title="btnLater" data-i18n-aria-label="btnLater"><svg fill="currentColor" viewBox="0 0 20 20"><path d="M3.13 9.16a.5.5 0 1 0 .74.68L9.5 3.67V17.5a.5.5 0 1 0 1 0V3.67l5.63 6.17a.5.5 0 0 0 .74-.68l-6.32-6.92a.75.75 0 0 0-1.1 0L3.13 9.16Z"/></svg></button></div></div><div class="od4-date-month-grid-wrap"><div class="od4-date-month-grid" id="od4DateMonthGrid"></div></div></div></div></div><div class="od4-subrow-spacer"></div><div class="od4-subrow-controls"><button class="od4-filter-btn chrome-btn-icon-text" id="od4FilterBtn"><svg class="icon-rest" viewBox="0 0 20 20" fill="currentColor"><path d="M7.5 13h5a.5.5 0 0 1 .09 1H7.5a.5.5 0 0 1-.09-1h5.09-5Zm-2-4h9a.5.5 0 0 1 .09 1H5.5a.5.5 0 0 1-.09-1h9.09-9Zm-2-4h13a.5.5 0 0 1 .09 1H3.5a.5.5 0 0 1-.09-1H16.5h-13Z"/></svg> <svg class="icon-filled" viewBox="0 0 20 20" fill="currentColor"><path d="M12.25 13.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5h4.5Zm2-4.25a.75.75 0 0 1 0 1.5h-8.5a.75.75 0 0 1 0-1.5h8.5Zm2-4.25a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1 0-1.5h12.5Z"/></svg> <span data-i18n="filter">Filter</span></button> <button class="od4-action-btn chrome-btn-icon" id="od4SortBtn" title="Toggle sort order" data-i18n-title="btnToggleSort"><span id="od4SortIcon"><svg class="menu-item-icon icon-rest" viewBox="0 0 20 20" fill="currentColor"><path d="m10 15.29 2.65-2.64a.5.5 0 0 1 .7.7L9.9 16.82a.5.5 0 0 1-.74.03h-.01l-3.5-3.5a.5.5 0 1 1 .71-.7L9 15.29V3.5a.5.5 0 0 1 1 0v11.79Z"/></svg> <svg class="menu-item-icon icon-filled" viewBox="0 0 20 20" fill="currentColor"><path d="M9.75 17c.23 0 .45-.1.59-.28l2.94-2.94a.75.75 0 0 0-1.06-1.06l-1.72 1.71V3.75a.75.75 0 0 0-1.5 0v10.7L7.28 12.7a.75.75 0 1 0-1.06 1.06l3 3.01c.15.15.34.22.53.22Z"/></svg></span></button><div id="od4FavSortWrap" style="position:relative;display:none"><button class="od4-fav-sort-btn chrome-btn-icon-text" id="od4FavSortBtn"><svg class="icon-rest" viewBox="0 0 20 20" fill="currentColor"><path d="m10 15.29 2.65-2.64a.5.5 0 0 1 .7.7L9.9 16.82a.5.5 0 0 1-.74.03h-.01l-3.5-3.5a.5.5 0 1 1 .71-.7L9 15.29V3.5a.5.5 0 0 1 1 0v11.79Z"/></svg> <svg class="icon-filled" viewBox="0 0 20 20" fill="currentColor"><path d="M9.75 17c.23 0 .45-.1.59-.28l2.94-2.94a.75.75 0 0 0-1.06-1.06l-1.72 1.71V3.75a.75.75 0 0 0-1.5 0v10.7L7.28 12.7a.75.75 0 1 0-1.06 1.06l3 3.01c.15.15.34.22.53.22Z"/></svg> <span id="od4FavSortLabel">Sort</span></button><div id="od4FavSortMenu" class="od4-fav-sort-menu" style="display:none"><div class="od4-fav-sort-item" data-sort="takenDateTime">Date taken</div><div class="od4-fav-sort-item" data-sort="favoritedDateTime">Date favorited</div></div></div><div class="od4-layout-wrap" style="position:relative"><button class="chrome-btn-icon" id="od4LayoutBtn" title="Layout" data-i18n-title="btnLayout"><svg class="icon-rest"><use href="/static/od4navsprites/topNav.sprite.svg#Options20Regular"></use></svg> <svg class="icon-filled"><use href="/static/od4navsprites/topNav.sprite.svg#Options20Filled"></use></svg></button><div class="od4-layout-menu" id="od4LayoutMenu" style="display:none"><div class="od4-layout-section-label">Density</div><button class="od4-layout-item" data-density="roomy" data-i18n="layoutRoomy">Roomy</button> <button class="od4-layout-item" data-density="compact" data-i18n="layoutCompact">Compact</button></div></div><button class="chrome-btn-icon" id="od4ZoomOut" title="Zoom out" data-i18n-title="btnZoomOut"><svg class="icon-rest" viewBox="0 0 20 20" fill="currentColor"><path d="M3 10c0-.28.22-.5.5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 3 10Z"/></svg> <svg class="icon-filled" viewBox="0 0 20 20" fill="currentColor"><path d="M3 10c0-.41.34-.75.75-.75h12.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 10Z"/></svg></button> <button class="chrome-btn-icon" id="od4ZoomIn" title="Zoom in" data-i18n-title="btnZoomIn"><svg class="icon-rest" viewBox="0 0 20 20" fill="currentColor"><path d="M10 2.5c.28 0 .5.22.5.5v6.5H17a.5.5 0 0 1 0 1h-6.5V17a.5.5 0 0 1-1 0v-6.5H3a.5.5 0 0 1 0-1h6.5V3c0-.28.22-.5.5-.5Z"/></svg> <svg class="icon-filled" viewBox="0 0 20 20" fill="currentColor"><path d="M10 2.25c.41 0 .75.34.75.75v6.25H17a.75.75 0 0 1 0 1.5h-6.25V17a.75.75 0 0 1-1.5 0v-6.25H3a.75.75 0 0 1 0-1.5h6.25V3c0-.41.34-.75.75-.75Z"/></svg></button></div></div><div class="od4-action-bar-glow"></div><div class="od4-action-bar"><div class="od4-search-state"><button class="od4-create-btn cmd-btn-primary-icon" id="od4CreateBtn" title="New" data-i18n-title="btnNew" tabindex="-1"><svg viewBox="0 0 24 24" fill="currentColor"><use href="/static/od4navsprites/topNav.sprite.svg#Add24Filled"/></svg></button> <button class="od4-create-btn od4-add-folder-btn cmd-btn-primary-icon-text" id="od4AddFolderBtn" title="Add a folder" data-i18n-title="btnAddFolder" tabindex="-1"><svg class="icon-rest" viewBox="0 0 24 24" fill="currentColor"><use href="/static/od4navsprites/topNav.sprite.svg#FolderAdd24Regular"/></svg> <svg class="icon-filled" viewBox="0 0 24 24" fill="currentColor"><use href="/static/od4navsprites/topNav.sprite.svg#FolderAdd24Filled"/></svg> Add a folder</button><div class="od4-search"><button class="od4-search-icon-btn cmd-btn-subtle-icon" id="od4SearchIconBtn" title="Search" aria-label="Search" data-i18n-title="btnSearch" data-i18n-aria-label="btnSearch" tabindex="-1"><svg class="icon-rest" viewBox="0 0 24 24" aria-hidden="true"><use href="/static/od4navsprites/topNav.sprite.svg#Search24Regular"/></svg> <svg class="icon-filled" viewBox="0 0 24 24" aria-hidden="true"><use href="/static/od4navsprites/topNav.sprite.svg#Search24Filled"/></svg></button> <svg viewBox="0 0 24 24" fill="currentColor"><use href="/static/od4navsprites/topNav.sprite.svg#Search24Regular"/></svg> <input id="od4SearchInput" placeholder="Search your Photos" data-i18n-placeholder="searchPlaceholder" autocomplete="off" tabindex="-1"></div></div><div class="od4-selection-state" id="od4SelectionState"><div class="od4-selection-pill"><span id="od4SelectionCount"></span> <button class="cmd-btn-primary-icon-text" id="od4SelectionRestore" style="display:none" title="Restore" data-i18n-title="recycleRestore" aria-label="Restore" data-i18n-aria-label="recycleRestore"><svg viewBox="0 0 20 20" fill="currentColor"><path d="M10 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm3.36 5.65a.5.5 0 0 0-.64-.06l-.07.06L9 11.3 7.35 9.65l-.07-.06a.5.5 0 0 0-.7.7l.07.07 2 2 .07.06c.17.11.4.11.56 0l.07-.06 4-4 .07-.08a.5.5 0 0 0-.06-.63Z"/></svg> <span data-i18n="recycleRestore">Restore</span></button> <button class="chrome-btn-subtle-icon" id="od4SelectionDismiss" title="Clear selection" data-i18n-title="btnClearSelection" aria-label="Clear selection" data-i18n-aria-label="btnClearSelection"><svg class="icon-rest" viewBox="0 0 20 20" fill="currentColor"><path d="m4.09 4.22.06-.07a.5.5 0 0 1 .63-.06l.07.06L10 9.29l5.15-5.14a.5.5 0 0 1 .63-.06l.07.06c.18.17.2.44.06.63l-.06.07L10.71 10l5.14 5.15c.18.17.2.44.06.63l-.06.07a.5.5 0 0 1-.63.06l-.07-.06L10 10.71l-5.15 5.14a.5.5 0 0 1-.63.06l-.07-.06a.5.5 0 0 1-.06-.63l.06-.07L9.29 10 4.15 4.85a.5.5 0 0 1-.06-.63l.06-.07-.06.07Z"/></svg> <svg class="menu-item-icon icon-filled" viewBox="0 0 20 20" fill="currentColor"><path d="m4.09 4.22.06-.07a.5.5 0 0 1 .63-.06l.07.06L10 9.29l5.15-5.14a.5.5 0 0 1 .63-.06l.07.06c.18.17.2.44.06.63l-.06.07L10.71 10l5.14 5.15c.18.17.2.44.06.63l-.06.07a.5.5 0 0 1-.63.06l-.07-.06L10 10.71l-5.15 5.14a.5.5 0 0 1-.63.06l-.07-.06a.5.5 0 0 1-.06-.63l.06-.07L9.29 10 4.15 4.85a.5.5 0 0 1-.06-.63l.06-.07-.06.07Z"/></svg></button></div></div><div class="od4-create-state" id="od4CreateState"><div class="od4-create-pill"><button class="cmd-btn-icon-text-menu" id="od4UploadBtn" title="Upload" data-i18n-title="btnUpload" disabled="disabled"><svg class="icon-rest" viewBox="0 0 24 24" fill="currentColor"><use href="/static/od4navsprites/topNav.sprite.svg#ArrowUpload24Regular"/></svg> <svg class="icon-filled" viewBox="0 0 24 24" fill="currentColor"><use href="/static/od4navsprites/topNav.sprite.svg#ArrowUpload24Filled"/></svg> <span data-i18n="btnUpload">Upload</span> <svg class="icon-menu" viewBox="0 0 16 16" fill="currentColor"><use href="/static/od4navsprites/topNav.sprite.svg#ChevronDown16Regular"/></svg></button><div class="od4-upload-submenu" id="od4UploadSubmenu" style="display:none"><button class="od4-upload-submenu-item disabled" disabled="disabled" title="Coming soon" data-i18n-title="btnComingSoon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="m21 15-5-5L5 21"/></svg> <span data-i18n="uploadPhotosVideos">Photos and videos</span></button> <button class="od4-upload-submenu-item disabled" disabled="disabled" title="Coming soon" data-i18n-title="btnComingSoon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"/></svg> <span data-i18n="uploadFolder">Folder</span></button></div><button class="cmd-btn-subtle-icon-text" id="od4NewAlbumBtn" title="New album" data-i18n-title="btnNewAlbum"><svg class="icon-rest" viewBox="0 0 24 24" fill="currentColor"><use href="/static/od4navsprites/topNav.sprite.svg#AlbumAdd24Regular"/></svg> <svg class="icon-filled" viewBox="0 0 24 24" fill="currentColor"><use href="/static/od4navsprites/topNav.sprite.svg#AlbumAdd24Filled"/></svg> <span data-i18n="btnNewAlbum">New album</span></button> <button class="cmd-btn-icon" id="od4ActionBarClose" title="Close" data-i18n-title="btnClose"><svg class="icon-rest" viewBox="0 0 24 24" fill="currentColor"><use href="/static/od4navsprites/topNav.sprite.svg#Dismiss24Regular"/></svg> <svg class="icon-filled" viewBox="0 0 24 24" fill="currentColor"><use href="/static/od4navsprites/topNav.sprite.svg#Dismiss24Filled"/></svg></button></div></div></div></div><span id="filterBadge" style="display:none"></span><div class="od4-details-pane" id="detailsPane"><div class="od4-details-resize" id="detailsResize"></div><div class="od4-details-inner"><div class="od4-details-header"><div class="details-title-block"><div class="details-title-row"><span id="detailsPaneTitle"></span> <button class="details-copy-path-btn" id="detailsCopyPathBtn" title="Copy file path" data-i18n-title="btnCopyFilePath" style="display:none"><svg width="14" height="14" viewBox="0 0 16 16" fill="currentColor"><path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25ZM5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"/></svg></button></div><div class="details-breadcrumb" id="detailsBreadcrumb"></div></div><div class="details-pane-nav" id="detailsPaneNav"><button id="detailsPrevBtn" title="Previous (Left arrow)" data-i18n-title="btnPrevious">◀</button> <span class="details-nav-counter" id="detailsNavCounter"></span> <button id="detailsNextBtn" title="Next (Right arrow)" data-i18n-title="btnNextNav">▶</button></div><button class="od4-details-close" id="detailsPaneClose">✕</button></div><div class="details-photo" id="detailsPhoto"><img id="detailsPhotoImg" src=""><div class="details-video-wrap" id="detailsVideoWrap" style="display:none"></div></div><div class="details-content" id="detailsContent"><div class="details-description-tags" id="detailsDescTags"><input class="details-description-input" id="detailsDescInput" placeholder="Add description" data-i18n-placeholder="detailsAddDesc" autocomplete="off"><div class="details-section-label details-tags-label">Tags</div><div class="details-tags-chips" id="detailsTagsChips"></div><div class="details-add-tag-row" id="detailsAddTagRow"><button class="details-add-tag-btn" id="detailsAddTagBtn">+ Add tag</button> <input class="details-add-tag-input" id="detailsAddTagInput" placeholder="Tag name" data-i18n-placeholder="detailsTagName" autocomplete="off" style="display:none"></div></div><div class="details-properties" id="detailsProperties"></div></div><div class="details-context-menu" id="detailsContextMenu" style="display:none"></div><div class="details-footer" id="detailsFooter" style="display:none"><button class="details-open-explorer-btn" id="detailsOpenExplorerBtn"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor"><path d="M.54 3.87.5 3a2 2 0 0 1 2-2h3.672a2 2 0 0 1 1.414.586l.828.828A2 2 0 0 0 9.828 3H13.5a2 2 0 0 1 2 2v1H.5V3.87ZM.5 7v6a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V7Z"/></svg> Open in File Explorer</button></div></div></div><div class="od4-filters-pane" id="filtersPane"><div class="od4-filters-inner"><div class="od4-filters-header"><span class="od4-filters-title" data-i18n="panelFilters">Filters</span><div style="display:flex;align-items:center;gap:8px"><button class="filters-clear-all" id="filtersClearAll">Clear All</button> <button class="od4-filters-close" id="filtersPaneClose">✕</button></div></div><div class="od4-filters-body"><div class="filter-section-label" data-i18n="filterMediaType">Media Type</div><div class="media-type-row"><button class="media-type-btn active" data-media-type="all" data-i18n="filterAll">All</button> <button class="media-type-btn" data-media-type="photo" data-i18n="filterPhotos">Photos</button> <button class="media-type-btn" data-media-type="video" data-i18n="filterVideos">Videos</button></div><div style="margin-bottom:12px"><button class="media-type-btn fav-btn" data-favorites="1" style="width:100%;border-radius:6px"><svg viewBox="0 0 20 20" width="12" height="12" style="vertical-align:-1px;margin-right:2px;fill:currentColor"><path d="M9.1 2.9a1 1 0 0 1 1.8 0l1.93 3.91 4.31.63a1 1 0 0 1 .56 1.7l-3.12 3.05.73 4.3a1 1 0 0 1-1.45 1.05L10 15.51l-3.86 2.03a1 1 0 0 1-1.45-1.05l.74-4.3L2.3 9.14a1 1 0 0 1 .56-1.7l4.31-.63L9.1 2.9Z"/></svg> Favorites</button></div><div class="filter-section-label" data-i18n="filterCollection">Collection</div><select id="collection-picker" title="Collection" data-i18n-title="filterCollection" style="width:100%;margin-bottom:16px;background:var(--bg-neutral-1-rest);color:var(--fg-neutral-2-rest);border:1px solid var(--stroke-neutral-1-rest);border-radius:5px;padding:6px 8px;font-size:var(--font-size-caption-1);font-family:inherit"><option value="" data-i18n="allPhotosTitle">All photos</option></select><div class="people-section"><div class="filter-section-label">People</div><div class="active-people" id="activePeople"></div><div id="peopleContent"><div class="people-loading">Loading...</div></div><div class="people-mode-row" id="peopleModeRow" style="display:none"><span>Mode:</span> <button class="people-mode-btn active" data-mode="or">OR</button> <button class="people-mode-btn" data-mode="and" data-i18n="filterAndMode">AND</button></div></div><div class="dim-header"><div class="filter-section-label" style="margin-bottom:0" data-i18n="filterDimensions">Dimensions</div><button class="dim-clear" id="dimClear" data-i18n="filterClear">Clear</button></div><div style="margin-bottom:10px"></div><div style="display:flex;margin-bottom:8px"><button class="dim-preset-btn active" data-dim-preset="" data-i18n="filterAny">Any</button> <button class="dim-preset-btn" data-dim-preset="hd">HD+</button> <button class="dim-preset-btn" data-dim-preset="fhd">FHD+</button> <button class="dim-preset-btn" data-dim-preset="4k">4K+</button></div><div style="display:flex;margin-bottom:8px"><button class="dim-orient-btn active" data-dim-orient="" data-i18n="filterAny">Any</button> <button class="dim-orient-btn" data-dim-orient="landscape" data-i18n="filterLandscape">Landscape</button> <button class="dim-orient-btn" data-dim-orient="portrait" data-i18n="filterPortrait">Portrait</button> <button class="dim-orient-btn" data-dim-orient="square" data-i18n="filterSquare">Square</button></div><div class="dim-custom-toggle" id="dimCustomToggle" data-i18n="filterCustomRange">Custom range...</div><div class="dim-custom-panel" id="dimCustomPanel"><div class="dim-input-row"><label data-i18n="filterMinW">Min W</label><input type="number" id="dimMinW" min="0"> <label data-i18n="filterMaxW">Max W</label><input type="number" id="dimMaxW" min="0"></div><div class="dim-input-row"><label data-i18n="filterMinH">Min H</label><input type="number" id="dimMinH" min="0"> <label data-i18n="filterMaxH">Max H</label><input type="number" id="dimMaxH" min="0"></div></div><div class="date-range-section"><div class="filter-section-label" data-i18n="filterDateRange">Date Range</div><div class="date-preset-row"><button class="date-preset" data-preset="7d" data-i18n="filterLast7Days">Last 7 days</button> <button class="date-preset" data-preset="30d" data-i18n="filterLast30Days">Last 30 days</button> <button class="date-preset" data-preset="thisYear" data-i18n="filterThisYear">This year</button> <button class="date-preset" data-preset="lastYear" data-i18n="filterLastYear">Last year</button> <button class="date-preset" data-preset="all" data-i18n="filterAllTime">All time</button></div><div class="date-range-row"><label for="filterDateFrom" data-i18n="filterFrom">From</label> <input type="date" id="filterDateFrom"></div><div class="date-range-row"><label for="filterDateTo">To</label> <input type="date" id="filterDateTo"></div><button class="date-range-clear" id="dateRangeClear" style="display:none" data-i18n="filterClearDates">Clear dates</button></div><div class="folder-filter-section" style="display:none"><div class="filter-section-label" data-i18n="filterFolders">Folders</div><div class="folder-tree" id="folderTree"><div style="color:#666;font-size:12px;padding:6px 0">Loading...</div></div><button class="date-range-clear" id="folderFilterClear" style="display:none" data-i18n="filterClearFolders">Clear folders</button></div></div></div></div><div id="od4ScrubberLabelHost" style="display:none"><div id="od4ScrubberHoverLabel"></div></div></div><div class="one-up-overlay is-floating" id="oneUpOverlay" role="dialog" aria-modal="true" aria-label="Photo viewer" data-i18n-aria-label="oneUpAriaLabel" tabindex="-1"><div class="one-up-stage" id="oneUpStage"><div class="one-up-slide" id="oneUpSlotA"><img id="oneUpImgA" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" draggable="false"><div id="oneUpVidA" class="ou-player-host" style="display:none"></div></div><div class="one-up-slide" id="oneUpSlotB"><img id="oneUpImgB" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" draggable="false"><div id="oneUpVidB" class="ou-player-host" style="display:none"></div></div><div class="one-up-slide" id="oneUpSlotC"><img id="oneUpImgC" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" draggable="false"><div id="oneUpVidC" class="ou-player-host" style="display:none"></div></div></div><button class="ou-fs-close" id="ouFsClose" title="Exit fullscreen" data-i18n-title="btnExitFullscreen"><svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="m4.09 4.22.06-.07a.75.75 0 0 1 .98-.07l.07.07L10 8.94l4.8-4.8a.75.75 0 0 1 1.13.98l-.07.07L11.06 10l4.8 4.8c.27.26.29.68.07.97l-.07.07a.75.75 0 0 1-.98.07l-.07-.07L10 11.06l-4.8 4.8a.75.75 0 0 1-1.13-.98l.07-.07L8.94 10l-4.8-4.8a.75.75 0 0 1-.07-.98l.07-.07-.06.07Z"/></svg></button><div class="ou-toolbar"><div class="ou-toolbar-left"><button class="ou-circle-btn ou-close-btn" id="oneUpClose" title="Close (Esc)" data-i18n-title="oneUpClose"><img src="/static/icons/Close.svg" alt="Close" width="16" height="16"></button> <button class="ou-circle-btn" id="ouDeleteBtn" title="Delete" data-i18n-title="ouDelete"><img src="/static/icons/Delete.svg" alt="Delete" width="16" height="16"></button> <button class="ou-circle-btn" id="ouShareBtn" title="Share" data-i18n-title="ouShare"><img src="/static/icons/Share.svg" alt="Share" width="16" height="16"></button> <button class="ou-circle-btn" id="ouFavoriteBtn" title="Favorite" data-i18n-title="ouFavorite"><img class="ou-fav-regular" src="/static/icons/Favorite.svg" alt="" width="20" height="20"> <img class="ou-fav-filled" src="/static/icons/FavoriteFilled.svg" alt="" width="20" height="20"></button> <button class="ou-circle-btn" id="ouPrintBtn" title="Print" aria-label="Print" data-i18n-title="ouPrint" data-i18n-aria-label="ouPrint"><img src="/static/vendor/fluentui-icons/print_20_regular.svg" alt="" width="20" height="20"></button> <button class="ou-circle-btn" id="ouPromoCopy" title="Copy" aria-label="Copy" style="display:none" data-i18n-title="ouCopy" data-i18n-aria-label="ouCopy"><img src="/static/vendor/fluentui-icons/copy_20_regular.svg" alt="" width="20" height="20"></button> <button class="ou-circle-btn" id="ouPromoAlbum" title="Add to album" aria-label="Add to album" style="display:none" data-i18n-title="ctxAddToAlbum" data-i18n-aria-label="ctxAddToAlbum"><img src="/static/vendor/fluentui-icons/album_add_20_regular.svg" alt="" width="20" height="20"></button> <button class="ou-circle-btn" id="ouPromoExplorer" title="Open in File Explorer" aria-label="Open in File Explorer" style="display:none" data-i18n-title="btnOpenExplorer" data-i18n-aria-label="btnOpenExplorer"><img src="/static/vendor/fluentui-icons/folder_20_regular.svg" alt="" width="20" height="20"></button> <button class="ou-circle-btn" id="ouMoreBtn" title="More actions" aria-label="More actions" aria-haspopup="true" aria-expanded="false" data-i18n-title="ouMoreActions" data-i18n-aria-label="ouMoreActions"><img src="/static/vendor/fluentui-icons/more_horizontal_24_regular.svg" alt="" width="20" height="20"></button><div class="menu ou-overflow-menu" id="ouOverflowMenu" role="menu"><button class="menu-item" id="ouMenuCopy" role="menuitem" data-i18n="ouCopy">Copy</button> <button class="menu-item" id="ouMenuAlbum" role="menuitem" data-i18n="ctxAddToAlbum">Add to album</button> <button class="menu-item" id="ouMenuExplorer" role="menuitem" data-i18n="btnOpenExplorer">Open in File Explorer</button> <button class="menu-item" id="ouMenuSetAs" role="menuitem" aria-haspopup="true" aria-expanded="false" data-i18n="ouSetAs">Set as</button></div><div class="menu ou-set-as-submenu" id="ouSetAsSubmenu" role="menu"><button class="menu-item" id="ouMenuSetBg" role="menuitem" data-i18n="ouSetAsBackground">Background</button> <button class="menu-item" id="ouMenuSetLock" role="menuitem" data-i18n="ouSetAsLockScreen">Lock screen</button></div></div><div class="ou-toolbar-center"></div><div class="ou-toolbar-right"><button class="ou-circle-btn" id="ouDesignerBtn" title="Edit in Designer" aria-label="Edit in Designer" style="display:none" data-i18n-title="btnEditInDesigner" data-i18n-aria-label="btnEditInDesigner"><img src="/static/icons/Designer20Colored.svg" alt="" width="20" height="20"></button> <button class="ou-circle-btn" id="ouInfoBtn" title="Show detailed information" data-i18n-title="ouShowInfo"><img src="/static/icons/Show_detailed_information.svg" alt="Show info" width="16" height="16"></button> <button class="ou-circle-btn" id="ouFullscreenBtn" title="Toggle full screen" data-i18n-title="ouToggleFullscreen"><img src="/static/icons/Toggle_full_screen.svg" alt="Toggle full screen" width="16" height="16"></button></div></div><button class="ou-nav-arrow ou-nav-prev" id="ouNavPrev" title="View previous photo" data-i18n-title="ouNavPrev"><img src="/static/icons/View_previous_photo.svg" alt="Previous" width="20" height="20"></button> <button class="ou-nav-arrow ou-nav-next" id="ouNavNext" title="View next photo" data-i18n-title="ouNavNext"><img src="/static/icons/View_next_photo.svg" alt="Next" width="20" height="20"></button><div class="one-up-counter" id="oneUpCounter"></div><div class="one-up-filmstrip" id="oneUpFilmstrip"></div><div class="one-up-spinner" id="oneUpSpinner"></div><div id="ouDeleteBackdrop" style="display:none;position:absolute;inset:0;background:rgba(0,0,0,.5);z-index:9200"></div><div id="ouDeleteDialog" role="alertdialog" aria-modal="true" style="display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#1e1e1e;border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:rgba(0,0,0,.5) 0 16px 48px;padding:24px 28px;z-index:9300;width:580px;max-width:calc(100% - 48px);font-family:'Segoe UI Variable','Segoe UI',system-ui,-apple-system,sans-serif"><div id="ouDeleteTitle" style="color:#e0e0e0;font-size:20px;font-weight:600;margin-bottom:20px"></div><div id="ouDeleteBody" style="color:#ccc;font-size:14px;word-break:break-word;overflow-wrap:break-word"></div><div id="ouDeleteBody2" style="color:#ccc;font-size:14px;margin-bottom:28px"></div><div style="display:flex;gap:8px;justify-content:flex-end"><button id="ouDeleteConfirm" style="background:#3a2020;color:#fff;border:none;border-radius:4px;height:32px;padding:5px 20px;cursor:pointer;font-size:14px" data-i18n="ouDelete">Delete</button> <button id="ouDeleteCancel" style="background:#3a3a3a;color:#e0e0e0;border:none;border-radius:4px;height:32px;padding:5px 20px;cursor:pointer;font-size:14px" data-i18n="btnCancel">Cancel</button></div></div></div><div class="command-status fading" id="command-status"></div><div class="od4-settings-overlay" id="od4SettingsOverlay"><div class="od4-settings-backdrop" id="od4SettingsBackdrop"></div><div class="od4-settings-panel"><div class="od4-settings-header"><span class="od4-settings-title" data-i18n="settings">Settings</span> <button class="od4-settings-close" id="od4SettingsClose">✕</button></div><div class="od4-settings-body" id="settingsBody"></div></div></div><div class="od4-help-overlay" id="od4HelpOverlay"><div class="od4-help-backdrop" id="od4HelpBackdrop"></div><div class="od4-help-panel"><div class="od4-help-header"><span class="od4-help-title" data-i18n="help">Help</span> <button class="od4-help-close" id="od4HelpClose">✕</button></div><div class="od4-help-body" id="od4HelpBody"></div></div></div><div id="perf-overlay" style="position:fixed;bottom:10px;right:10px;z-index:99999;font:500 10px/1.4 Consolas,Menlo,monospace;padding:5px 10px;border-radius:5px;color:#fff;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.4);letter-spacing:.03em;background:rgba(15,15,15,.75);white-space:nowrap"></div><script defer="defer" src="/static/platform/ecs.js"></script><script defer="defer" src="/static/view-lib/sql.js"></script><script defer="defer" src="/static/platform/icon.js"></script><script defer="defer" src="/static/shell-core/video-utils.js"></script><script defer="defer" src="/static/shell-core/one-up.js"></script><script defer="defer" src="/static/shell-core/designer-editor.js"></script><script defer="defer" src="/static/shell-core/add-to-album.js"></script><script defer="defer" src="/static/shell-core/shell-iframe-cache.js"></script><script defer="defer" src="/static/shell-core/shell-nucleus-notifications.js"></script><script defer="defer" src="/static/shell/shell-folders.js"></script><script defer="defer" src="/static/shell/shell-people.js"></script><script defer="defer" src="/static/shell/shell-tags.js"></script><script defer="defer" src="/static/shell/shell-settings.js"></script><script defer="defer" src="/static/shell/shell-filters.js"></script><script defer="defer" src="/static/shell/shell-details.js"></script><script defer="defer" src="/static/shell/shell-nav.js"></script><script defer="defer" src="/static/shell-core/shell-core.js"></script><script defer="defer" src="/static/shell/shell-user-coin.js"></script><script defer="defer" src="/static/shell/shell-od4-search.js"></script><script defer="defer" src="/static/shell/shell-od4-fab.js"></script><script defer="defer" src="/static/shell/shell-help.js"></script><script defer="defer" src="/static/vendor/@ms/inapp-feedback-loader.js"></script><script defer="defer" src="/static/shell/shell-feedback.js"></script><script defer="defer" src="/static/shell/shell-user-activity.js"></script><script defer="defer" src="/static/shell/shell-od4-init.js"></script><script defer="defer" src="/static/view-lib/od4-date-selector.js"></script><script defer="defer" src="/static/shell/shell-od4-playground.js"></script><script defer="defer" src="/static/shell/shell-od4-nav-reorder.js"></script><script defer="defer" src="/static/shell/shell-od4-status-pill.js"></script><script defer="defer" src="/static/shell/shell-od4-storage-banner.js"></script><div class="od4-album-modal-overlay" id="od4AlbumModal" role="dialog" aria-modal="true" aria-labelledby="od4AlbumModalTitle" style="display:none"><div class="od4-album-modal"><div class="od4-album-modal-header"><button class="od4-album-modal-back" id="od4AlbumModalBack" aria-label="Back" data-i18n-aria-label="btnBack"><svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="19" y1="12" x2="5" y2="12"/><polyline points="12,19 5,12 12,5"/></svg></button> <span class="od4-album-modal-title" id="od4AlbumModalTitle" data-i18n="albumNamePrompt">Name your album</span> <button class="od4-album-modal-close" id="od4AlbumModalClose" aria-label="Close" data-i18n-aria-label="btnClose">✕</button></div><div class="od4-album-modal-body"><div class="od4-album-modal-icon"><svg viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="var(--fg-neutral-4-rest)" stroke-width="1.5"><rect x="8" y="10" width="48" height="44" rx="4"/><rect x="12" y="6" width="40" height="4" rx="2" fill="var(--fg-neutral-5-rest)" stroke="none"/><circle cx="32" cy="35" r="10"/><circle cx="32" cy="35" r="4"/></svg></div><div class="od4-album-input-wrap"><input id="od4AlbumNameInput" class="od4-album-name-input" placeholder="Album name" data-i18n-placeholder="albumNameHint" autocomplete="off" maxlength="100"><div class="od4-album-input-accent"></div></div></div><div class="od4-album-modal-footer"><button class="od4-album-next-btn cta-btn-primary cta-btn-lg" id="od4AlbumNextBtn" disabled="disabled" data-i18n="btnNext">Next</button></div></div></div></body></html>