.app{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--scale:1;background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#111);border:1px solid var(--lightningcss-light,#eee)var(--lightningcss-dark,#222);border-radius:10px;width:100%;height:min(100dvh - 88px,800px);margin:0;padding:0;font:1rem system-ui;display:flex;position:relative;overflow:clip}@media (prefers-color-scheme:dark){.app{--lightningcss-light: ;--lightningcss-dark:initial}}@media not ((hover:hover) and (pointer:fine)){.app{--scale:1.25}}.layout{flex-direction:column;height:100%;display:flex}.toolbar{zoom:var(--scale);background:var(--lightningcss-light,#fdfdfd)var(--lightningcss-dark,#1d1d1d);border-bottom:1px solid var(--lightningcss-light,#eee)var(--lightningcss-dark,#222);flex-shrink:0;align-items:center;gap:16px;height:40px;padding:4px 16px;display:flex}@media (width>=500px){.toolbar #toggle-sidebar{display:none}}@media (width<500px){.toolbar .toolbar-Slider{display:none}}.toolbar-Button{color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);-webkit-tap-highlight-color:transparent;background:var(--lightningcss-light,#ddd)var(--lightningcss-dark,#333);border:none;border-radius:8px;height:32px;padding:0 16px;font-family:system-ui;font-size:14px;transition:background .2s}.toolbar-Button:has(svg:only-child){aspect-ratio:1;justify-content:center;align-items:center;padding:0;display:flex}.toolbar-Button[data-hovered]{background:var(--lightningcss-light,#cdcdcd)var(--lightningcss-dark,#3a3a3a)}.toolbar-Button[data-pressed]{background:var(--lightningcss-light,#bbb)var(--lightningcss-dark,#444)}.toolbar-Slider .react-aria-SliderTrack{width:100px;height:16px}.toolbar-Slider .react-aria-SliderTrack:before{content:"";background:var(--lightningcss-light,#ccc)var(--lightningcss-dark,#666);border-radius:99px;width:100%;height:2px;display:block;position:absolute;top:50%;translate:0 -1px}.toolbar-Slider .react-aria-SliderThumb{background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000);border:2px solid var(--lightningcss-light,#666)var(--lightningcss-dark,#aaa);border-radius:9999px;width:14px;height:14px;top:50%}.toolbar-Slider .react-aria-SliderThumb[data-dragging]{border-color:var(--lightningcss-light,#444)var(--lightningcss-dark,#ccc)}.toolbar-Slider .react-aria-SliderThumb[data-focus-visible]{outline-offset:2px;outline:2px solid var(--lightningcss-light,#000)var(--lightningcss-dark,#fff)}.toolbar-SearchField{margin-inline-start:auto}.toolbar-SearchField .react-aria-Input{background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000);border:2px solid var(--lightningcss-light,#ddd)var(--lightningcss-dark,#333);border-radius:32px;outline:none;padding:4px 4px 4px 12px;font-family:system-ui;font-size:14px}.toolbar-SearchField .react-aria-Input:focus{border-color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff)}.sidebar{zoom:var(--scale);background:var(--lightningcss-light,#fdfdfd)var(--lightningcss-dark,#1d1d1d);border-right:1px solid var(--lightningcss-light,#eee)var(--lightningcss-dark,#222);flex-direction:column;flex-shrink:0;width:200px;display:flex}.sidebar h1{align-items:center;height:44px;margin:0 0 0 20px;font-size:16px;font-weight:700;display:flex}@media (width<500px){.sidebar{z-index:999;width:100%;transition:translate .25s;position:absolute;inset:0}.sidebar[inert]{translate:-100%}}.sidebar-Tree{flex:1;overflow:auto}.sidebar-TreeItem{height:32px;padding:0 12px;padding-left:calc(4px + (var(--tree-item-level) - 1)*12px);cursor:default;-webkit-tap-highlight-color:transparent;border-radius:8px;outline:none;align-items:center;margin:4px 8px;font-size:14px;display:flex;position:relative}.sidebar-TreeItem span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-TreeItem[data-pressed]{background:var(--lightningcss-light,#ddd)var(--lightningcss-dark,#222)}.sidebar-TreeItem[data-selected]{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000);background:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff)}.sidebar-TreeItem[data-drop-target]:after{content:"";border-radius:inherit;background:#1e90ff66;outline:2px solid #1e90ff;position:absolute;inset:0}.sidebar-TreeItem[data-focus-visible]{outline-offset:2px;outline:2px solid var(--lightningcss-light,#000)var(--lightningcss-dark,#fff)}.sidebar-TreeItem [slot=chevron]{all:unset;margin-right:4px;transition:rotate .2s}.sidebar-TreeItem [slot=chevron] svg{display:block}.sidebar-TreeItem[data-expanded] [slot=chevron]{rotate:90deg}.sidebar-TreeItem:not(:has([slot=chevron])):before{content:"";width:20px}.photo-grid{flex:1;width:100%;min-height:0;overflow:auto}.photo-grid .photo-item{outline:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.photo-grid .photo-item .photo-container{border-radius:8px;width:100%;overflow:clip}.photo-grid .photo-item:is([data-focus-visible],[data-selected]) .photo-container{outline-offset:2px;outline:2px solid var(--lightningcss-light,#000)var(--lightningcss-dark,#fff)}.photo-grid .photo-item img{-webkit-touch-callout:none;width:100%;height:100%;display:block}.photo-grid .photo-item img.photo-transition{view-transition-name:photo}.photo-grid .photo-item [slot=drag]{all:unset;color:#000;opacity:0;background:#fff;border:2px solid #0000;border-radius:4px;justify-content:center;align-items:center;display:flex;position:absolute;top:10px;left:10px}.photo-grid .photo-item [slot=drag] svg{display:block}.photo-grid .photo-item [slot=drag][data-focus-visible],[data-focus-visible] :is(.photo-grid .photo-item [slot=drag]){opacity:1}.photo-grid .photo-item [slot=drag][data-focus-visible]{border-color:#000;outline:2px solid #fff}.drag-preview{margin:40px;position:relative}.drag-preview img{z-index:4;border:1px solid #fff;position:relative;box-shadow:0 0 8px #00000080}.drag-preview img:nth-child(2){z-index:3;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:15deg}.drag-preview img:nth-child(3){z-index:2;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:-15deg}.drag-preview span{color:#fff;box-sizing:border-box;z-index:5;background:red;border-radius:9999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 4px;font-size:12px;display:flex;position:absolute;top:-10px;right:-10px}.photo-detail{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;overflow:clip;container-type:size}.photo-detail img{view-transition-name:photo;--scale:min(100cqw/var(--width),100cqh/var(--height));width:calc(var(--width)*var(--scale));height:calc(var(--height)*var(--scale));display:block}.photo-info{contain:inline-size;flex-direction:column;flex:1;align-items:center;font-size:14px;display:flex}.photo-info span{white-space:nowrap;text-overflow:ellipsis;max-width:min(100%,800px);overflow:clip}
/*# sourceMappingURL=photos.ec7d54bd.css.map */