.app-layout{flex-direction:column;height:100vh;min-height:100vh;display:flex}.app-main{flex-direction:column;flex:1;min-height:0;display:flex}.viewer-page{flex:1;grid-template-rows:auto 1fr;min-height:0;display:grid}.viewer-page__header{border-bottom:1px solid #ffffff14;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.viewer-page__header a{color:#a1a1aa;font-size:.875rem;text-decoration:none;transition:color .15s}.viewer-page__header a:hover{color:#fafafa}.viewer-page__header h1{color:#fafafa;font-size:1rem;font-weight:500}.deep-zoom-viewer{background:#111;width:100%;height:100%;min-height:0}.viewer-controls{z-index:20;gap:.5rem;display:flex;position:fixed;bottom:calc(60px + 1rem);right:1.5rem}.viewer-controls button{backdrop-filter:blur(8px);color:#e4e4e7;cursor:pointer;background:#0a0a0acc;border:1px solid #ffffff1f;border-radius:.5rem;width:2.5rem;height:2.5rem;font-size:1.125rem;transition:background .15s,border-color .15s}.viewer-controls button:hover{background:#1e1e1ee6;border-color:#ffffff40}.viewer-page--error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;display:flex}.viewer-page--error a{color:#60a5fa;text-decoration:none}.gallery-page{width:80vw;max-width:80vw;margin:0 auto;padding:2rem 1.5rem}.gallery-page h1{margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.thumbnail-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:2rem;margin:2rem 0;padding:0;list-style:none;display:grid}.thumbnail-card{background:#18181b;border:1px solid #ffffff14;border-radius:1rem;transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.thumbnail-card:hover{border-color:#fff3;transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}.thumbnail-card a{color:inherit;height:100%;text-decoration:none;display:block}.thumbnail-card img{aspect-ratio:16/10;object-fit:cover;width:100%;transition:transform .5s;display:block}.thumbnail-card:hover img{transform:scale(1.05)}.thumbnail-card__info{backdrop-filter:blur(4px);background:linear-gradient(#0000 0%,#0a0a0acc 100%);border-top:1px solid #ffffff0d;padding:1.25rem;position:absolute;bottom:0;left:0;right:0}.thumbnail-card__title{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #00000080;font-size:.9375rem;font-weight:600;display:block;overflow:hidden}.gallery-page__pagination{border-top:1px solid #ffffff14;justify-content:center;align-items:center;gap:1.5rem;margin-top:4rem;padding:2rem 0;display:flex}.gallery-page__pagination button{color:#e4e4e7;cursor:pointer;background:#1e1e1e80;border:1px solid #ffffff1a;border-radius:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s}.gallery-page__pagination button:hover:not(:disabled){color:#fff;background:#3c3c3ccc;border-color:#fff3}.gallery-page__pagination button:disabled{opacity:.4;cursor:not-allowed}.gallery-page__pagination span{color:#a1a1aa;font-size:.875rem}.loading{color:#a1a1aa;flex:1;justify-content:center;align-items:center;font-size:.875rem;display:flex}.not-found{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;display:flex}.not-found a{color:#60a5fa;text-decoration:none}