.photos-window{position:absolute;display:flex;flex-direction:column;color:#000;max-width:calc(100vw - 16px);max-height:calc(100dvh - 100px);min-width:0}.photos-window .titlebar strong{min-width:0}.photos-folder{top:100px;left:max(90px,calc(50% - 335px));width:670px;height:390px}.photos-folder-address{display:flex;align-items:center;gap:8px;padding:5px 6px;font:11px Arial;min-height:30px;flex-shrink:0}.photos-folder-address>div{flex:1;min-width:0;background:white;box-shadow:var(--border-in);padding:4px 6px;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden}.photos-folder-address img{width:16px;height:16px}.photos-folder-body{display:flex;flex:1;min-height:0;background:white;box-shadow:var(--border-in);padding:2px;margin:0 2px}.photos-folder-sidebar{flex:0 0 144px;min-width:0;background:linear-gradient(135deg,#d3eafd,#fff 45%);padding:20px 13px;font:11px/1.6 Arial;overflow:auto;border-right:1px solid #ddd}.photos-folder-sidebar>img{width:37px;height:37px}.photos-folder-sidebar h2{font:700 20px Arial;margin:14px 0}.photos-folder-sidebar p{margin:13px 0}.photos-folder-sidebar>span{display:block;color:#777;font-size:10px;margin-top:24px}.photo-thumb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:14px 8px;flex:1;min-width:0;padding:18px 12px;overflow:auto}.photo-thumb{background:#fff;border:1px dotted transparent;padding:7px 4px 9px;display:flex;align-items:center;flex-direction:column;gap:8px;min-width:0;align-self:start;color:#000;font:10px Arial}.photo-thumb:hover{background:#f3f3fa;border-color:#808080}.photo-thumb:focus-visible{outline:1px dotted #000;outline-offset:-3px}.photo-thumb-frame{display:flex;align-items:center;justify-content:center;width:100%;height:88px;padding:4px;box-shadow:var(--border-out);background:#eee;pointer-events:none}.photo-thumb-frame>img{width:100%;height:100%;object-fit:contain;image-rendering:auto}.photo-filename{max-width:100%;padding:2px;overflow-wrap:anywhere;line-height:1.4}.photo-thumb.selected .photo-filename{background:#000080;color:#fff}.photo-thumb>small{font-size:9px;color:#777}.photos-status{display:flex;gap:3px;min-height:23px;padding-top:3px;flex-shrink:0;font:10px Arial}.photos-status>span{box-shadow:inset 1px 1px #808080,inset -1px -1px white;padding:4px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photos-status>span:first-child{flex:1;min-width:0}.photo-viewer{top:60px;left:max(90px,calc(50% - 430px));width:860px;height:min(690px,calc(100dvh - 110px));outline:none}.photos-menubar{display:flex;padding:0 2px;min-height:23px;flex-shrink:0}.photos-menubar summary{font:12px Arial;padding:4px 7px}.classic-popup .photo-original-link{font:12px Arial;padding:6px 16px;text-decoration:none;color:#000;min-height:25px}.classic-popup .photo-original-link:hover,.classic-popup .photo-original-link:focus-visible{background:#000080;color:#fff}.photo-toolbar{display:flex;align-items:center;gap:5px;min-height:39px;padding:5px 6px;border-top:1px solid white;border-bottom:1px solid #808080;flex-shrink:0}.photo-toolbar .classic{min-height:27px;padding:3px 8px;font:11px Arial;white-space:nowrap}.photo-toolbar .classic:first-child,.photo-toolbar .classic:nth-child(3){font-size:18px;width:31px}.photo-toolbar-divider{height:25px;width:2px;border-left:1px solid #808080;border-right:1px solid #fff;margin:0 4px}.photo-toolbar #photo-number{font:11px Arial;white-space:nowrap;text-align:center;min-width:38px}.photo-toolbar select{font:11px Arial;border:0;box-shadow:var(--border-in);background:#fff;padding:4px 5px;height:25px;min-width:75px;color:#000;border-radius:0}.photo-toolbar .photo-zoom-button{font-size:16px;width:25px;padding:0}.photo-toolbar .photo-slideshow{margin-left:auto}.photo-fit[aria-pressed=true],.photo-slideshow[aria-pressed=true]{box-shadow:var(--border-in);background:#dedede}.photo-viewport{flex:1;min-height:0;min-width:0;overflow:auto;background:#808080;box-shadow:var(--border-in);display:flex;padding:8px;position:relative;margin:3px 3px 0;scrollbar-color:#c0c0c0 #ddd}.photo-stage{position:relative;flex:0 0 auto;margin:auto;background:#fff;line-height:0;box-shadow:0 0 0 1px #404040}.photo-image{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;image-rendering:auto;user-select:none}.photo-load-status{margin:auto;padding:25px;text-align:center;font:12px/1.7 Arial;color:#fff;max-width:100%}.photo-caption{padding:9px 10px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 14px;align-items:center;border-top:1px solid #fff;min-height:52px;flex-shrink:0;font:11px/1.5 Arial}.photo-caption strong{font-size:12px;font-weight:700;grid-column:1}.photo-caption p{margin:0;min-width:0;grid-column:1;color:#333}.photo-caption>a{grid-column:2;grid-row:1/3;white-space:nowrap;color:#000080;text-underline-offset:2px;font-size:11px}.photos-window.maximized{left:0!important;top:0!important;width:100vw!important;height:calc(100dvh - var(--taskbar-height,28px))!important;max-width:none;max-height:none}
@media(min-width:801px) and (max-height:850px){.desktop-icons{gap:7px}.desktop-icon{min-height:58px}.desktop-icon img{width:30px;height:30px}}
@media(min-width:801px) and (max-height:700px){.desktop-icons{gap:2px}.desktop-icon{min-height:50px;padding:2px 1px;font-size:10px;gap:3px}.desktop-icon img{width:26px;height:26px}}
@media(max-width:900px){.photo-toolbar{gap:4px}.photo-toolbar-divider{margin:0 2px}.photo-caption{column-gap:8px}.photos-folder-sidebar{flex-basis:130px;padding-left:11px;padding-right:11px}.photo-thumb-grid{padding:15px 8px;gap:10px 5px}.photo-thumb-frame{height:78px}}
@media(max-width:800px){.photos-folder,.photo-viewer{top:91px;left:7px;width:calc(100vw - 14px);max-width:calc(100vw - 14px);max-height:calc(100dvh - 133px)}.photos-folder{height:min(430px,calc(100dvh - 133px))}.photo-viewer{height:calc(100dvh - 133px)}.photo-toolbar{flex-wrap:wrap;gap:5px;min-height:42px}.photo-toolbar .classic{min-height:30px}.photos-menubar summary{padding:6px}.photo-caption{padding:8px}.photo-toolbar #photo-number{min-width:34px}.photo-toolbar-divider{height:24px}.photo-toolbar select{height:28px}.photo-original-link{min-height:32px}.photo-caption>a{font-size:10px}.photos-status{font-size:10px}}
@media(max-width:580px){.photos-folder-sidebar{display:none}.photo-thumb-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 12px;gap:13px 10px}.photo-thumb-frame{height:100px}.photo-thumb{font-size:10px;padding:6px 4px}.photos-folder{height:440px}.photos-folder-address{font-size:10px;gap:5px}.photo-toolbar{padding:5px;gap:4px}.photo-toolbar .classic{padding:3px 6px;font-size:10px}.photo-toolbar .photo-zoom-button{font-size:16px;width:24px}.photo-toolbar .classic:first-child,.photo-toolbar .classic:nth-child(3){width:29px}.photo-toolbar select{min-width:73px;font-size:10px;padding:4px}.photo-toolbar-divider{margin:0 2px}.photo-toolbar .photo-slideshow{margin-left:0}.photo-caption{display:flex;align-items:flex-start;flex-direction:column;gap:3px;font-size:10px}.photo-caption strong{font-size:11px}.photo-caption>a{margin-top:3px}.photo-viewport{padding:7px}.photos-status>span{padding-left:5px;padding-right:5px}.taskbar:has(.gallery-task:not([hidden])) .task-button{flex:0 1 26px;width:26px;min-width:0;padding:2px;gap:0;justify-content:center}.taskbar:has(.gallery-task:not([hidden])) .task-button>span{display:none}.taskbar:has(.gallery-task:not([hidden])) .task-button>img{width:16px;height:16px;flex-shrink:0}.desktop-icons .desktop-icon{min-width:0;flex:1 1 0}}
@media(max-width:360px){.photo-thumb-grid{padding:10px 7px;gap:10px 5px}.photo-thumb-frame{height:82px}.photo-thumb{font-size:9px}.photo-toolbar{gap:3px}.photo-toolbar .classic{padding-left:5px;padding-right:5px}.photo-toolbar-divider{display:none}.photo-toolbar .photo-fit{padding-left:7px;padding-right:7px}.photo-toolbar .photo-slideshow{margin-left:auto;min-width:79px}.photos-status{font-size:9px}.photo-toolbar select{min-width:69px}.taskbar:has(.gallery-task:not([hidden])){gap:1px}.taskbar:has(.gallery-task:not([hidden])) .task-button{flex-basis:22px;width:22px;padding:1px}.taskbar:has(.gallery-task:not([hidden])) .task-button>img{width:14px;height:14px}.taskbar:has(.gallery-task:not([hidden])) .start-button{padding-left:3px;padding-right:3px}}