*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f0f12;color:#e4e4e7;min-height:100vh}#root{min-height:100vh}.app-nav__burger{position:fixed;top:1rem;left:1rem;z-index:102;width:2.5rem;height:2.5rem;padding:.5rem;display:flex;flex-direction:column;justify-content:center;gap:.35rem;background:transparent;border:none;border-radius:8px;cursor:pointer;box-shadow:none}.app-nav__burger:hover{background:transparent}.app-nav__burger[aria-expanded=true]{background:#18181b;border:1px solid #27272a;box-shadow:0 2px 8px #0000004d}.app-nav__burger[aria-expanded=true]:hover{background:#27272a}.app-nav__burger-line{display:block;width:100%;height:2px;background:#000;border-radius:1px;transition:transform .2s,opacity .2s}.app-nav__burger[aria-expanded=true] .app-nav__burger-line{background:#e4e4e7}.app-nav__burger[aria-expanded=true] .app-nav__burger-line:nth-child(1){transform:translateY(.45rem) rotate(45deg)}.app-nav__burger[aria-expanded=true] .app-nav__burger-line:nth-child(2){opacity:0}.app-nav__burger[aria-expanded=true] .app-nav__burger-line:nth-child(3){transform:translateY(-.45rem) rotate(-45deg)}.app-nav__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0006;opacity:0;pointer-events:none;transition:opacity .2s ease}.app-nav__backdrop--open{opacity:1;pointer-events:auto}.app-nav__panel{position:fixed;top:0;left:0;bottom:0;z-index:101;width:12rem;padding:3.5rem 1rem 1rem;background:#18181b;border-right:1px solid #27272a;box-shadow:4px 0 16px #0000004d;display:flex;flex-direction:column;gap:.25rem;transform:translate(-100%);transition:transform .25s ease}.app-nav__panel--open{transform:translate(0)}.app-nav__link{padding:.75rem 1rem;font-size:.9375rem;background:transparent;color:#e4e4e7;border:none;border-radius:8px;text-decoration:none;cursor:pointer;text-align:left;transition:background .15s}.app-nav__link:hover{background:#27272a}.app-nav__link--active{background:#3b82f633;color:#60a5fa}.image-grid{min-height:100vh;padding:0}.image-grid__error{background:#7f1d1d;color:#fecaca;padding:1rem 1.5rem}.image-grid__error--link{background:#78350f;color:#fef3c7}.image-grid__list{display:flex;flex-direction:column;gap:0}.image-grid__list--bookmarks{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.5rem;padding:.5rem}.image-grid__row{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.image-grid__cell{position:relative;aspect-ratio:1408 / 768;overflow:hidden;display:block;padding:0;margin:0;border:none;background:transparent;cursor:pointer}.image-grid__cell:hover{outline:2px solid #3b82f6;outline-offset:-2px}.image-grid__cell--empty{background:#18181b;cursor:default}.image-grid__cell img{width:100%;height:100%;object-fit:cover;display:block}.image-grid__badge{position:absolute;bottom:.5rem;left:.5rem;padding:.25rem .5rem;font-size:.75rem;background:transparent;border:1px solid rgba(255,255,255,.6);border-radius:4px;color:#a1a1aa}.image-grid__bookmark{position:absolute;bottom:.5rem;right:.5rem;padding:.25rem;border:1px solid rgba(255,255,255,.6);background:transparent;color:#a1a1aa;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.image-grid__bookmark:hover{color:#d4d4d8}.image-grid__bookmark svg{display:block}.image-grid__bookmark--active{color:#fbbf24}.image-grid__spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:image-grid-spin .6s linear infinite}@keyframes image-grid-spin{to{transform:rotate(360deg)}}.image-grid__sentinel{height:1px;visibility:hidden}.image-grid__load-more{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;color:#a1a1aa;font-size:.9rem}.image-grid__load-more .image-grid__spinner{flex-shrink:0}.image-grid__loading{text-align:center;padding:1rem;color:#a1a1aa}.metadata-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;cursor:pointer}.metadata-modal{position:relative;max-width:90vw;max-height:90vh;background:#18181b;border:1px solid #27272a;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;cursor:default}@media(min-width:600px){.metadata-modal{flex-direction:row;max-width:900px}}.metadata-modal__close{position:absolute;top:.75rem;right:.75rem;width:2.5rem;height:2.5rem;border:none;background:#0009;color:#fff;font-size:1.5rem;line-height:1;border-radius:8px;cursor:pointer;z-index:10}.metadata-modal__close:hover{background:#000c}.metadata-modal__preview{flex:0 0 auto;max-height:50vh;position:relative}@media(min-width:600px){.metadata-modal__preview{max-height:none;width:55%}}.metadata-modal__nav{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;border:none;background:#0009;color:#fff;font-size:2rem;line-height:1;border-radius:50%;cursor:pointer;z-index:5;display:flex;align-items:center;justify-content:center;padding:0}.metadata-modal__nav:hover{background:#000c}.metadata-modal__nav--prev{left:.5rem}.metadata-modal__nav--next{right:.5rem}.metadata-modal__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.metadata-modal__bookmark{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;background:#27272a;color:#e4e4e7;border:1px solid #3f3f46;border-radius:6px;cursor:pointer}.metadata-modal__bookmark:hover{background:#3f3f46}.metadata-modal__bookmark--active{color:#fbbf24;border-color:#fbbf24}.metadata-modal__bookmark--active:hover{background:#fbbf2426}.metadata-modal__spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:image-grid-spin .6s linear infinite;display:inline-block;vertical-align:middle}.metadata-modal__copy-link{padding:.5rem 1rem;font-size:.875rem;background:#27272a;color:#e4e4e7;border:1px solid #3f3f46;border-radius:6px;cursor:pointer}.metadata-modal__copy-link:hover{background:#3f3f46}.metadata-modal__preview img{width:100%;height:100%;object-fit:contain;display:block}.metadata-modal__content{padding:1.5rem;overflow-y:auto}@media(min-width:600px){.metadata-modal__content{width:45%}}.metadata-modal__title{margin:0 0 1rem;font-size:1.25rem;font-weight:600}.metadata-modal__list{display:flex;flex-direction:column;gap:.75rem;margin:0}.metadata-modal__list dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#71717a;margin-bottom:.25rem}.metadata-modal__list dd{margin:0;font-size:.9rem}.status-panel{position:fixed;top:1rem;right:1rem;z-index:100}.status-panel__content{display:flex;flex-direction:column;gap:.25rem;padding:.75rem 1rem;background:#18181b;border:1px solid #27272a;border-radius:8px;box-shadow:0 4px 12px #0006}.status-panel__label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#71717a}.status-panel__value{font-size:.9rem;font-weight:500}.status-panel__value--idle{color:#71717a}