.app-layout{flex-direction:column;min-height:100vh;display:flex}.app-main{flex-direction:column;flex:1;display:flex}.viewer-page{flex-direction:column;flex:1;min-height:0;display:flex}.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;flex:1;width:100%;min-height:0}.viewer-controls{z-index:20;gap:.5rem;display:flex;position:fixed;bottom:1.5rem;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{max-width:80rem;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(16rem,1fr));gap:1.25rem;display:grid}.thumbnail-card{background:#18181b;border:1px solid #ffffff0f;border-radius:.75rem;transition:border-color .2s,transform .2s;overflow:hidden}.thumbnail-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.thumbnail-card a{color:inherit;text-decoration:none}.thumbnail-card img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.thumbnail-card__info{padding:.75rem 1rem}.thumbnail-card__title{color:#fafafa;font-size:.875rem;font-weight:500}.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}