.works{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.works__cell{position:relative;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-md);background:var(--bg-elevated);padding:0}.works__cell img,.works__cell video{width:100%;height:100%;object-fit:cover}.works__badge{position:absolute;right:6px;bottom:6px;padding:2px 7px;border-radius:var(--radius-full);background:#0000008c;font-size:11px;color:#fff}.works__empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:64px 20px;text-align:center}.works__empty-mark{font-size:34px;line-height:1;filter:drop-shadow(0 0 16px rgba(43,107,255,.7))}.viewer{position:absolute;inset:0;z-index:50;display:flex;flex-direction:column;background:#000}.viewer__close{position:absolute;top:calc(var(--safe-top) + 10px);right:12px;z-index:2;width:36px;height:36px;border-radius:var(--radius-full);background:#ffffff1f;color:#fff;font-size:16px}.viewer__stage{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:calc(var(--safe-top) + 8px) 8px 8px}.viewer__stage img,.viewer__stage video{max-width:100%;max-height:100%;object-fit:contain}.viewer__actions{flex:none;padding:12px 16px calc(var(--safe-bottom) + 16px)}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.actions--inline{position:absolute;left:10px;right:10px;bottom:10px}.action{padding:11px 8px;border-radius:var(--radius-md);background:#141820d1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);color:var(--text-primary);font-size:14px;font-weight:600;transition:background .15s,opacity .15s}.action:active{background:#2b6bff59}.action:disabled{opacity:.6;cursor:default}