.card{background:#14141899;border:1px solid #ffffff0f;border-radius:16px;padding:16px}.topbar{z-index:50;background:0 0;min-height:90px;padding:0;position:sticky;top:0}.viewer-album-card:not(.viewer-album-card--photo),.viewer-empty-block{text-align:left;width:100%;color:var(--text);background:#141418bf;border:1px solid #ffffff0f;padding:16px;transition:transform .2s,border-color .2s,background .2s;display:block}.viewer-album-card:not(.viewer-album-card--photo):hover,.button-primary:hover,.button-secondary:hover,.upload-dropzone:hover{transform:scale(1.02)}.viewer-album-card:not(.viewer-album-card--photo).is-active{background:#202020;border-color:#fff}.viewer-album-card:not(.viewer-album-card--photo) strong,.viewer-empty-block{font-size:16px;display:block}.viewer-album-card:not(.viewer-album-card--photo) span{color:var(--muted);margin-top:6px;font-size:13px;line-height:1.5;display:block}.media-block{padding:12px}.media-block-preview{aspect-ratio:auto;background:#090909;border-radius:12px;width:100%;height:140px;margin-bottom:12px;overflow:hidden}.media-block-preview img,.media-block-preview video{object-fit:cover;width:100%;height:100%}.album-card{cursor:pointer;border:1px solid #ffffff0f;border-radius:16px;transition:transform .2s,border-color .2s,opacity .2s;position:relative;overflow:hidden}.media-item{cursor:pointer;opacity:1;outline-offset:2px;background:0 0;border:0;border-radius:8px;outline:0;padding:0;transition:transform .2s,opacity .2s,outline-color .2s,box-shadow .2s;position:relative}.media-item:hover{opacity:.9;transform:scale(1.03)}.media-item.is-active{outline:2px solid var(--accent);box-shadow:0 10px 30px #00000047}.viewer-sidebar{scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;width:100%;min-width:0;height:100%;margin-right:0;padding:16px;position:relative;overflow-y:auto}.viewer-sidebar::-webkit-scrollbar{width:0;height:0;display:none}.viewer-sidebar .media-item{background:#090909;border-radius:8px;margin-bottom:16px;overflow:hidden}.viewer-sidebar .media-item:last-child{margin-bottom:0}.viewer-sidebar .media-item img,.viewer-sidebar .media-item video{object-fit:cover;border-radius:8px;height:auto;transition:transform .3s}.viewer-sidebar .media-item:hover img,.viewer-sidebar .media-item:hover video{transform:scale(1.05)}.media-title{color:#fff;opacity:0;background:#0006;padding:4px 6px;font-size:12px;transition:opacity .2s;position:absolute;top:10px;left:10px}.media-item:hover .media-title,.media-item:focus-visible .media-title{opacity:1}.media-item:focus-visible{outline:2px solid var(--accent)}.content-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.content-header h2,.placeholder-panel h2,.placeholder-panel h3,.not-found-page h1{font-family:var(--display);margin:0;font-weight:400}.content-header h2{font-size:clamp(34px,4vw,56px)}.media-stage,.placeholder-panel{border:1px solid var(--line);background:#00000047;position:relative}.media-stage{flex:1;min-height:520px;overflow:hidden}.main-media{object-fit:contain;background:0 0;width:100%;height:100%}.viewer-image-button{background:0 0;border:0;justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:flex}.viewer-image-button:focus-visible{outline:2px solid var(--accent);outline-offset:8px;border-radius:12px}.lightbox{z-index:9999;background:#000000f5;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.lightbox-image{object-fit:contain;border-radius:12px;max-width:92vw;max-height:92vh;box-shadow:0 40px 120px #0000008c}.lightbox-close{z-index:2;color:#fff;background:0 0;border:0;padding:8px;font-size:24px;line-height:1;position:absolute;top:24px;right:24px}.lightbox-nav{background:linear-gradient(to var(--lightbox-nav-direction), #00000052, transparent);color:#fff;border:0;align-items:center;width:min(16vw,140px);padding:20px;transition:opacity .2s,background .2s;display:flex;position:absolute;top:0;bottom:0}.lightbox-nav span{font-size:40px;line-height:1}.lightbox-nav.left{--lightbox-nav-direction:right;justify-content:flex-start;left:0}.lightbox-nav.right{--lightbox-nav-direction:left;justify-content:flex-end;right:0}.lightbox-nav:hover,.lightbox-nav:focus-visible{background:linear-gradient(to var(--lightbox-nav-direction), #00000085, transparent)}.muted{color:var(--muted)}.placeholder-panel{padding:40px}.placeholder-panel p,.feedback-text,.not-found-page p{color:var(--muted);line-height:1.7}.not-found-page{flex-direction:column;justify-content:center;align-items:flex-start;gap:18px;min-height:100vh;padding:48px;display:flex}.viewer-sidebar-head{margin-bottom:16px}.editorial-form,.upload-panel{border:1px solid var(--line);background:#121212;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.editorial-form h2{margin:0 0 4px;font-size:16px}.editorial-form input,.editorial-form select,.editorial-form textarea,.upload-panel input,.upload-panel select,.upload-panel textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#0d0d0d;padding:12px 14px}.button-primary,.button-secondary{border:1px solid var(--line);color:var(--text);background:#1e1e1e;border-radius:12px;justify-content:center;align-items:center;padding:12px 18px;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}.button-primary{color:#111;background:#d8c29d;border-color:#d8c29d}.upload-dropzone{background:#111;border:1px dashed #ffffff29;border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;width:100%;padding:18px;transition:transform .2s,border-color .2s;display:flex}.upload-dropzone span,.toggle-row span{color:var(--muted)}.upload-thumb{object-fit:cover;width:160px;height:96px;margin-top:8px}.toggle-row{align-items:center;gap:12px;display:flex}.toggle-row input{width:auto}.hidden-input{display:none}.upload-actions{justify-content:flex-end;display:flex}.feedback-text{margin:0}@media (max-width:720px){.page-shell{padding:12px}.media-stage{min-height:320px}}
